【102 年全國高職學生實務專題製作競賽暨成果展報告書】
題
目：活動報名系統 ( Event Registration System )
指導老師：陳隨益 老師
參賽學生： 曾雅鈞
學校名稱：國立彰化高級商業職業學校 群
別：商業與管理群
科
別：資料處理科
中 華 民 國
1 0 3
年
1
月
1 6
日
目錄 摘要 -------------------------------------------------------------------------------------------------------1 壹、前言 -------------------------------------------------------------------------------------------------一、研究動機 ----------------------------------------------------------------------------------------1 二、研究目的 ----------------------------------------------------------------------------------------1 貮、文獻探討 -------------------------------------------------------------------------------------------一、資料庫 --------------------------------------------------------------------------------------- 1~2 二、Microsoft Visual Web Developer --------------------------------------------------------2 三、SQL 資料庫查詢語言 ------------------------------------------------------------------------3 參、研究架構 -------------------------------------------------------------------------------------------一、研究方法 ----------------------------------------------------------------------------------------3 二、研究流程 ----------------------------------------------------------------------------------------3 肆、系統實作及測試 ----------------------------------------------------------------------------------一、系統架構 ----------------------------------------------------------------------------------------4 二、系統操作流程 ----------------------------------------------------------------------------------4 三、實作過程 -----------------------------------------------------------------------------------5~18 四、系統功能展示 --------------------------------------------------------------------------- 19~26 伍、結果與討論 ----------------------------------------------------------------------------------------一、可行性之評估 -------------------------------------------------------------------------------- 26 二、問題與討論 ----------------------------------------------------------------------------------- 26 六、結論與建議 ----------------------------------------------------------------------------------------一、結論 --------------------------------------------------------------------------------------- 26~27 二、改善與建議 ----------------------------------------------------------------------------------- 27
表目錄 表一 研究流程 ----------------------------------------------------------------------------------------3 表二 系統架構 ----------------------------------------------------------------------------------------4 表三 系統操作統程 ----------------------------------------------------------------------------------4
圖目錄 圖一 Microsoft Access 資料庫 ------------------------------------------------------------------2 圖二 Microsoft Visual Web Developer --------------------------------------------------------2 圖三 1-1.「使用者」資料表 ---------------------------------------------------------------------5 圖四 1-2. 「活動」資料表 -----------------------------------------------------------------------5 圖五 1-3. 「參加紀錄」資料表 -----------------------------------------------------------------5 圖六 2-1. 「活動名單」查詢 --------------------------------------------------------------------6 圖七 2-2. 「個人參加記錄」查詢 --------------------------------------------------------------6 圖八 頁面說明 --------------------------------------------------------------------------------------7 圖九 (1) Act_Detail.aspx (瀏覽活動) -----------------------------------------------------------8 圖十 (1) Act_Detail.aspx (瀏覽活動) -----------------------------------------------------------8 圖十一 (2) Act_mgr.aspx (活動管理) ----------------------------------------------------------9 圖十二 (3) Add_Act.aspx (公告活動) ----------------------------------------------------------9 圖十三 (4) Login.aspx (登入) ------------------------------------------------------------------ 10 圖十四 (5) Logout.aspx (登出) ---------------------------------------------------------------- 10 圖十五 (6) MasterPage.master (主版頁面) ------------------------------------------------ 11 圖十六 (7) MyRec.aspx (參加紀錄) ---------------------------------------------------------- 11 圖十七 (8) Name_list.aspx (活動名單) ------------------------------------------------------ 12 圖十八 (9) web.config --------------------------------------------------------------------------- 12 圖十九 Web.sitemap ---------------------------------------------------------------------------- 13 圖二十 (1) Act_Detail.aspx (瀏覽活動之連結) --------------------------------------------- 13 圖二十一 (2)Act_Member.aspx (活動名單之連結) --------------------------------------- 14 圖二十二 (3)Act_mgr.aspx (活動管理) ------------------------------------------------------ 14 圖二十三 (4)Add_Act.aspx (公告活動) ------------------------------------------------------ 15 圖二十四 (5) Default.aspx (瀏覽活動) ------------------------------------------------------- 15 圖二十五 (6) Login.aspx (登入) --------------------------------------------------------------- 16 圖二十六 (7) MasterPage.master ------------------------------------------------------------ 16 圖二十七 (8) MyRec.aspx (參加紀錄) ------------------------------------------------------- 17 圖二十八 (9) Name_list.aspx (活動名單) --------------------------------------------------- 17 圖二十九 (10) std_err.aspx (提示頁面) ----------------------------------------------------- 18 圖三十 1. 執行後第一個畫面 ------------------------------------------------------------------ 19 圖三十一-1 2-1. 登入頁面 --------------------------------------------------------------------- 19 圖三十一-2 2-2. 登入畫面 (學生) ------------------------------------------------------------ 20 圖三十一-3 2-3. 登入畫面 (行政人員) ------------------------------------------------------ 20
圖三十一-4 2-4. 登入畫面 (帳號或密碼錯誤) --------------------------------------------- 21 圖三十二-1 3-1. 登入成功 (學生) ------------------------------------------------------------ 21 圖三十二-2 3-2. 登入成功 (行政人員) ------------------------------------------------------ 22 圖三十三-1 4-1. 學生專區--瀏覽活動 (尚未報名) ---------------------------------------- 22 圖三十三-2 4-2. 學生專區--瀏覽活動 (已報名) ------------------------------------------- 23 圖三十四 5. 學生專區—參加紀錄 ------------------------------------------------------------ 23 圖三十五 6. 登入身分若為學生，則無法進入行政專區 --------------------------------- 24 圖三十六 7. 行政專區—公告活動 ------------------------------------------------------------ 24 圖三十七-1 8-1. 行政專區—活動管理 ------------------------------------------------------ 25 圖三十七-2 8-2. 行政專區—活動管理 (編輯、修改) ------------------------------------ 25 圖三十八 9. 行政專區—活動名單 ------------------------------------------------------------ 26
活動報名系統 ( Event Registration System ) 摘要 班聯會報告：第四屆叮叮噹才藝比賽已經開始報名囉，請有意願參與之同 學，於下禮拜一前將報名表交至學務處班聯會鐵欄…。 體育組轉達各班：一年 一度的運動會即將到來，請各班體育股長線上填報各項目參加之選手，並請當天 有比賽的班級，注意當天的賽程，以免喪失各班權益…。學校舉辦了許多活動， 有的是個人報名，有的是以班級為單位報名，而有的報名程序，中間會花費太多 時間，如果有一個報名管理系統就好了…不但可以確保每位同學都了解比賽方 法、時間、地點…等詳細資料，也可以使舉辦活動單位方便管理參加活動名單。 關鍵字：專題製作、報名系統、Microsoft Visual Web Developer、資料庫
壹、前言 一、研究動機 『還有沒有人要參加！沒有的話要交報名表囉！』這些話總是從幹部們的口 中聽到，而同學們也常常一副愛理不理的…。這些報名程序，往往都是透過與該 活動性質有關之幹部處理，先是到班上宣布，再確認有誰參加，最後將報名表交 至該舉辦活動單位，這中間總是會花費太多時間，如果有一個更快速的解決方法 就好了…
二、研究目的 想利用身邊現有的資源，加上課堂上學得的知識，改進生活上的不方便。所 以想出了一個方便且快速的方法─活動報名系統！一個可以讓舉辦活動單位方 便管理參加活動名單，也能讓每位同學都了解比賽方法、時間、地點…等詳細資 料的系統。使報名活動更加便利，也降低錯誤的發生。
貳、文獻探討 一、資料庫 是本身可視為電子化的檔案櫃儲存電子檔案，使用者可以從檔案中的資料執 行新增、擷取、更新、刪除等操作。能讓多個使用者共享、與應用程式彼此獨立 的資料集合。
1
(圖一) Microsoft Access 資料庫
二、Microsoft Visual Web Developer 是一套由微軟公司開發的免費整合開發環境，是 Microsoft Visual Studio 產 品線上的輕量版本。其具有易學易用的特點。
(圖二) Microsoft Visual Web Developer 2
三、SQL資料庫查詢語言 SQL 是高階的非過程化編程語言，它允許使用者在高層資料結構上工作。 它的介面，能使具有底層結構完全不同的資料庫系統和不同資料庫之間，使用相 同的 SQL 作為資料的輸入與管理。SQL 同時也是資料庫檔案格式的副檔名。
參、研究架構 一、研究方法 透過 Microsoft Visual Web Developer 軟體，結合 Microsoft Access 資料 庫，建立一個活動報名系統。在一開始的頁面，首先要做的是「登入」的動作， 確認身分是學生或管理員，以限制該使用者的權限。若身分是學生，登入後點選 有興趣的活動，按下「我要報名」，即可完成報名程序。在按下「我要報名」的 同時，立即連線至資料庫作存取的動作，以利活動單位管理活動名單。報名後也 可查詢自己是否有參加該活動或曾經參與過哪些活動。若身分是管理員，可以新 增、修改及刪除該活動，也可管理活動名單。
二、研究流程
(表一) 研究流程 3
肆、系統實作及測試 一、系統架構
(表二) 系統架構
二、系統操作流程
(表三) 系統操作統程
4
三、實作過程 一、資料庫 1-1. 「使用者」資料表
(圖三) 1-2. 「活動」資料表
(圖四) 1-3. 「參加紀錄」資料表
(圖五) 5
2-1. 「活動名單」查詢
(圖六) 2-2. 「個人參加記錄」查詢
(圖七) 6
二、Microsoft Visual Web Developer – 頁面 & 程式碼 1.頁面說明 1. App_Data 資料夾 包含 ” dp101133DB.accdb ” 一 個檔案，為連接之資料庫。 2. image 資料夾 包含 ” 橫幅.jpg” 一個檔案，為美 化版面之橫幅。 3. Act_Detail.aspx 為 “ 瀏覽活動 “ 之連結頁面。 4. Act_Member.aspx 為 “ 活動名單 “ 之連結頁面。 5. Act_mgr.aspx 為 “ 活動管理 “ 頁面。 6. Add_Act.aspx 為 “公告活動“ 頁面。 7. Default.aspx 為 “ 瀏覽活動 “ 頁面。 8. Login.aspx 為 “ 登入 “ 頁面。 9. Logout.aspx 為 “ 登出 “ 頁面。 10. MasterPage.master 為主版頁面，可美化版面。 11. MyRec.aspx 為 “ 參加紀錄 “ 頁面。 12. Name_list.aspx 為 “ 活動名單 “ 頁面。 13. std_err.aspx 為 “ 登入身分若為學生，則無法 進入行政專區 ” 之提示頁面。 14. web.config 可控制網站運作方式的設定。 15.Web.sitemap 為網頁左側的地圖。
(圖八)
7
2.頁面之程式碼 (1) Act_Detail.aspx (瀏覽活動)
(圖九)
(圖十)
8
(2) Act_mgr.aspx (活動管理)
(圖十一) (3) Add_Act.aspx (公告活動)
(圖十二) 9
(4) Login.aspx (登入)
(圖十三) (5) Logout.aspx (登出)
(圖十四) 10
(6) MasterPage.master (主版頁面)
(圖十五) (7) MyRec.aspx (參加紀錄)
(圖十六)
11
(8) Name_list.aspx (活動名單)
(圖十七) (9) web.config
(圖十八)
12
(10) Web.sitemap
(圖十九) 3.編輯畫面 (1) Act_Detail.aspx (瀏覽活動之連結)
(圖二十)
13
(2) Act_Member.aspx (活動名單之連結)
(圖二十一) (3) Act_mgr.aspx (活動管理)
(圖二十二)
14
(4) Add_Act.aspx (公告活動)
(圖二十三) (5) Default.aspx (瀏覽活動)
(圖二十四)
15
(6) Login.aspx (登入)
(圖二十五) (7) MasterPage.master
(圖二十六)
16
(8) MyRec.aspx (參加紀錄)
(圖二十七) (9) Name_list.aspx (活動名單)
(圖二十八)
17
(10) std_err.aspx
(提示頁面)
(圖二十九)
18
四、系統功能展示 1. 執行後第一個畫面
(圖三十) 2-1. 登入頁面
(圖三十一-1) 19
2-2. 登入畫面 (學生)
(圖三十一-2) 2-3. 登入畫面 (行政人員)
(圖三十一-3) 20
2-4. 登入畫面 (帳號或密碼錯誤)
(圖三十一-4) 3-1. 登入成功 (學生)
(圖三十二-1) 21
3-2. 登入成功 (行政人員)
(圖三十二-2) 4-1. 學生專區--瀏覽活動 (尚未報名)
(圖三十三-1) 22
4-2. 學生專區--瀏覽活動 (已報名)
(圖三十三-2) 5. 學生專區—參加紀錄
(圖三十四) 23
6. 登入身分若為學生，則無法進入行政專區
(圖三十五) 7. 行政專區—公告活動
(圖三十六)
24
8-1. 行政專區—活動管理
(圖三十七-1) 8-2. 行政專區—活動管理 (編輯、修改)
(圖三十七-2) 25
9. 行政專區—活動名單
(圖三十八)
伍、結果與討論 一、可行性之評估 這套系統，除了應用在學校以外，其實應用範圍滿廣大的。例如：各部門或 整個公司如果要舉辦活動之類的都可以應用。但要注意的是，填寫人的身分，一 定要是該團體的成員，非本人是不能夠填寫的。如果可以再搭配一個帳號註冊的 功能會更佳。
二、問題與討論 第一次接觸 Microsoft Visual Web Developer 這套系統，遇到了不少問題， 且上課操作的時間有限，大多數是回到家才完成。而回家自己做時，又常常遇到 沒看過的錯誤，除了寫電子郵件請教老師外，也會私下與同學討論，相互切磋。 還有程式碼的部分，雖說老師上課有大概講解是什麼意思，但有少部分還是不懂 為何要這樣打，只能夠照著講義打。
陸、結論與建議 一、結論 26
這是我製作的第二個專題，經過第一次的歷練後，稍微有一些些的進步。而 這次的專題是利用 Microsoft Visual Web Developer 這套系統，第一次接觸，在 老師細心的指導下，能讓我盡快的熟悉這套系統的使用方法。在這說長不長說短 不短的 3 個月，總算是完成了這個系統。
二、改善與建議 如果是學校要使用這套系統，建議加上註冊帳號之功能，或是事先建立好該 校所有學生之帳號。
參考文獻 1. 維基百科-資料庫 http://zh.wikipedia.org/wiki/%E6%95%B0%E6%8D%AE%E5%BA%93 2. 維基百科-SQL http://zh.wikipedia.org/wiki/SQL 3. 維基百科-Microsoft Visual Studio Express http://zh.wikipedia.org/wiki/Microsoft_Visual_Studio_Express
27