附件二、報告書封面、內文格式(正式報告請移除斜體字、下底線)
【101 年全國高職學生實務專題製作競賽暨成果展報告書】
題
目：活動報名系統
指導老師：
參賽學生：
陳隨益 老師
陳靖昇
學校名稱：國立彰化高級商業職業學校 群
別：商業管理群
科
別：資料處理科
中 華 民 國
1 0 1
年
2
月
8
日
目錄 摘要 --------------------------------------------------------------------- 1 壹、前言 ----------------------------------------------------------------- 1 一、研究動機 ----------------------------------------------------------- 1 二、研究目的 ----------------------------------------------------------- 1 貮、文獻探討 ------------------------------------------------------------- 1 一、ASP.Net 程式設計 --------------------------------------------------- 1 二、2 層式與 3 層式網站架構 --------------------------------------------- 2 三、資料庫 ------------------------------------------------------------- 2 四、SQL 資料庫查詢語言 ------------------------------------------------- 2 參、研究架構 ------------------------------------------------------------- 2 一、研究方法 ----------------------------------------------------------- 2 二、研究流程 ----------------------------------------------------------- 3 三、研究進度 ----------------------------------------------------------- 3 肆、系統實作及測試 ------------------------------------------------------- 3 一、系統架構 ----------------------------------------------------------- 3 二、系統操作流程 ------------------------------------------------------- 4 三、實作過程 ----------------------------------------------------------- 4 四、系統功能展示 ------------------------------------------------------- 8 伍、結果與討論 ---------------------------------------------------------- 11 一、可行性之評估 ------------------------------------------------------ 11 二、問題與討論 -------------------------------------------------------- 11 六、結論與建議 ---------------------------------------------------------- 11 一、結論 -------------------------------------------------------------- 11 二、改善與建議 -------------------------------------------------------- 11
表目錄 表一 表二
研究流程 ----------------------------------------------------------- 3 系統架構 ----------------------------------------------------------- 3
圖目錄 圖一 製作主板頁面 ------------------------------------------------------- 4 圖二 製作登入頁面 ------------------------------------------------------- 4 圖三 製作登入頁面程式碼 ------------------------------------------------- 5 圖四 製作瀏覽活動頁面 --------------------------------------------------- 5 圖五 製作活動報名頁面 --------------------------------------------------- 5 圖六 設定超連結屬性 ----------------------------------------------------- 6 圖七 製作參加紀錄頁面 --------------------------------------------------- 6 圖八 製作公告活動頁面 --------------------------------------------------- 6 圖九 製作管理活動頁面 --------------------------------------------------- 7 圖十 製作活動名單頁面 --------------------------------------------------- 7 圖十一 製作活動名單頁面(詳細) ------------------------------------------- 8 圖十二 瀏覽活動 --------------------------------------------------------- 8 圖十三 活動詳細內容 ----------------------------------------------------- 8 圖十四 參加紀錄 --------------------------------------------------------- 9 圖十五 公告活動 --------------------------------------------------------- 9 圖十六 活動管理 --------------------------------------------------------- 9 圖十七 活動名單 -------------------------------------------------------- 10 圖十八 活動名單詳細內容 ------------------------------------------------ 10 圖十九 登入頁面 -------------------------------------------------------- 10
101 年全國高職學生實務專題製作競賽專題名稱 摘要 在這個數位資訊化的時代裡，許多繁複和費時的人工事務都可以使用電腦來 處理，以省下不必要的成本。電腦不僅使用效率高，並具有極高的準確度可以讓 事情事倍功半。 以往的活動報名系統需要經過各個單位自行處理籌備事項和公佈，再經由需 要報名的人自行到辦理的單位去實施報名程序，不僅消耗了許多人力成本也造成 時間的浪費。 這次的專題就是為了解決傳統報名系統的繁複手續精簡化，並且統一公布到 網頁上，讓使用者可以一目瞭然，並增加了個人活動查詢系統，使用者可以藉由 此項功能查詢自己的參加紀錄。而活動管理者也可以藉由編輯活動系統和公佈活 動系統來隨時修改和管理自己的活動。為了達成這個目標，我們使用了 VWD 與 資料庫進行連結，以完成此項系統。 關鍵字：資訊化、專題、VWD、資料庫
壹、前言 一、研究動機 以往校內的活動都需要經過各處室的老師自行張羅之後，再貼到學校的公布 欄上讓學生了解活動的資訊，而學生再依自己的需求到辦理的處室去報名參加。 根據上述的流程便可知辦理一個活動所需花費的人力資源非常的大，而且效 率並沒有很高，且學生並無法馬上清楚的知道是否報名成功或是否有跟其他的校 內活動撞期，而發生報名了活動卻無法參加的情況。
二、研究目的 我之所以會做這套系統的原因是因為，自身有慘痛的經驗，當時因為一時的 興起而參加了許多的活動，但卻沒有事先的規劃時間而讓時間相沖，導致無法參 加其中一項活動，除此之外在報名活動時需要在有限的下課時間裡在校園裡來回 奔波，只為了到指定的處室去報名該項活動。 現在有了這個系統之後，只要有電腦和網路就可以輕鬆的坐在電腦桌前就可 以報名活動，並且可以隨時知道活動的時間以確認自己的行程有沒有互相牴觸。
貳、文獻探討
一、ASP.Net 4.0 專 ASP.NET 是由微軟在.NET Framework 框架中所提供，開發 Web 應用程式 的類別庫，封裝在 System.Web.dll 檔案中，顯露出 System.Web 命名空間，並提 供 ASP.NET 網頁處理、擴充以及 HTTP 通道的應用程式與通訊處理等工作，以及 Web Service 的基礎架構。 1
二、2層式與3層式網站架構 在全球資訊網發展初起，網路上電腦的使用是以主從式（Client/Server）服 務為主，為兩層式架構，包括用戶端的使用介面層（Presentation tier），和伺服 器端的資料服務層（Data Service tier） 三層式（3‐tier）是目前建構電子商務系統時最常使用的架構，與傳統兩層 式架構最大的差異處，未將商業邏輯單獨分離出來，以減輕放置於用戶端或伺服 器端電腦的負擔。再三層式 Web 的架構當中，所謂的三層式汐止使用者介面層、 商業邏輯層、和資料服務層
三、資料庫 資料庫管理系統（英語：Database Management System，簡稱 DBMS）是為 管理資料庫而設計的電腦軟體系統，一般具有儲存、擷取、安全保障、備份等基 礎功能。資料庫管理系統可以依據它所支援的資料庫模型來作分類，例如關聯 式、XML；或依據所支援的電腦類型來作分類，例如伺服器群集、行動電話；或 依據所用查詢語言來作分類，例如 SQL、XQuery；或依據效能衝量重點來作分類， 例如最大規模、最高執行速度；亦或其他的分類方式。不論使用哪種分類方式， 一些 DBMS 能夠跨型別，
四、SQL資料庫查詢語言 結構化查詢語言（en:Structured Query Language，縮寫為 SQL），一種程式 語言，用於資料庫中的標準資料查詢語言，它不要求使用者指定對資料的存放方 法，也不需要使用者了解其具體的資料存放方式。而它的介面，能使具有底層結 構完全不同的資料庫系統和不同資料庫之間，使用相同的 SQL 作為資料的輸入與 管理。
參、研究架構 一、研究方法 利用 VWD 結合 Microsoft Access 儲存許多的活動資料(活動名稱、辦理處 事、承辦人員、活動對象、報名時間、活動時間等)，並公布在瀏覽活動頁面上， 讓使用者挑選喜歡的活動參加。
2
二、研究流程
(表一)研究流程
肆、系統實作及測試
一、系統架構
(表二)系統架構 3
二、系統操作流程 (一)學生： 1、瀏覽目前所有公告的活動資訊。 2、觀看個人所參加的活動紀錄。 (二)管理者： 1、公告所要辦理的活動內容 2、編輯 / 管理已公告的活動內容 3、查詢參加活動的名單
三、實作過程 (一)建立主版頁面
(圖一)製作主板頁面
(二)製作登入頁面
(圖二)製作登入頁面
4
(圖三)製作登入頁面程式碼 (三)建立瀏覽活動頁面(使用 GridView 顯示資料庫的資料)
(圖四)製作瀏覽活動頁面 (四)建立活動報名頁面，並利用超連結與瀏覽活動連結
(圖五)製作活動報名頁面 5
(圖六)製作設定超連結屬性 (五)建立參加紀錄頁面(供使用者查詢已報名的活動)
(圖七)製作參加紀錄頁面
(六)建立公告活動頁面
(圖八)製作公告活動頁面
6
(七)建立管理活動頁面
(圖九)製作管理活動頁面 (八)建立活動名單頁面(供管理者查看參加名單)
(圖十)製作活動名單頁面
7
(圖十一)製作活動名單頁面(詳細)
四、系統功能展示 (一) 『瀏覽活動』
(圖十二)瀏覽活動 (二) 『活動詳細內容』
(圖十三)活動詳細內容
8
(三) 『參加紀錄』
(圖十四)參加紀錄
(四) 『公告活動』
(圖十五)公告活動 (五) 『活動管理』
(圖十六)活動管理
9
(六)『活動名單』
(圖十七)活動名單 (七)『活動名單詳細內容』
(圖十八)活動名單詳細內容
(八)『登入』
(圖十九)登入頁面
10
伍、結果與討論 一、可行性之評估 大致上是可行的，但是在美觀部分需要再改善一下，還有使用超連結到報名 的網頁(Detail)標示不太清楚，可能導致不知道到那裡去報名的窘境。
二、問題與討論 在完成之後發現了一個有點大的問題，就是在報名時間過後仍然可以繼續報 名，導致跟報名截止時間互相有矛盾，還有在活動辦完之後(活動日期已過)仍然 可以在網站上看到此活動，可能會造成報名到已經辦完的活動，這些問題還有待 解決。
陸、結論與建議
一、結論 完成之後發現活動報名系統真的可以減少許多不必要的浪費，但是成品看起 來非常簡陋、且標示不清，除非是長期使用者不然很難清楚的了解使用方法，但 是經過修改之後應該可以成為一個不錯的系統。
二、改善與建議 可以再做一個流程導覽的功能，讓使用者可以更快速的了解如何使用這個活 動報名系統，並且在做一個可以註冊帳號的頁面讓新進的使用者可以註冊新的帳 號。
11
參考文獻 ASP.Net 4.0：http://zh.wikipedia.org/wiki/ASP.NET 2層式與3層式網站架構： http://bmeweb.niu.edu.tw/material/nwork/%E7%B6%B2%E9%9A%9B%E7%B6%B 2%E8%B7%AF%E7%9A%84%E4%BC%BA%E6%9C%8D%E7%B3%BB%E7%B 5%B1%E6%9E%B6%E6%A7%8B.htm 資料庫：http://zh.wikipedia.org/wiki/%E6%95%B0%E6%8D%AE%E5%BA%93
12