102 學年度國立彰化高商資料處理科專題製作成果報告書
題目：活動報名管理系統 指導老師：陳隨益 老師
學生：陳盈樺
學校名稱：國立彰化高級商業職業學校 群別：商業管理群 科別：資料處理科
中
華
民
國
107
年
01
月
03
日
目錄 摘要......................................................................1 壹、前言...................................................................1 一、研究動機.............................................................1 二、研究目的.............................................................1 貳、文獻探討...............................................................2
一、ASP.Net 程式設計.....................................................2 二、2 層式與 3 層式網站架構.................................................2 三、資料庫...............................................................3 四、SQL 資料庫查詢語言....................................................4 參、研究架構...............................................................4 一、研究方法.............................................................4 二、研究流程.............................................................4 肆、系統實作及測試.........................................................5 一、系統架構.............................................................5 二、系統操作流程.........................................................5 三、實作過程.............................................................6 四、系統功能展示........................................................14 伍、結果與討論............................................................18 一、可行性之評估........................................................18 二、問題與討論..........................................................18 陸、結論與建議..........................................................18 一、結論................................................................18 二、改善與建議..........................................................18 參考文獻..................................................................19
表目錄 表 表 表 表 表 表 表 表 表 表 表 表 表 表 表 表 表 表 表
1：流程圖.................................................4 2：系統架構...............................................5 3：管理員操作流程..........................................5 4：學生操作流程...........................................6 5：建立活動資料表..........................................6 6：建立使用者資料表........................................7 7：建立參加紀錄資料表......................................7 8：建立&設計主板頁面.......................................8 9：建立&設計公告活動頁面...................................8 10：建立&設計瀏覽活動頁面..................................9 11：建立&設計管理活動清單頁面..............................9 12：建立顯示活動詳細內容頁面..............................10 13：建立&設計登入/登出系統................................10 14：增加我要報名&取消報名紐...............................11 15：建立&設計使用者報名紀錄...............................11 16：建立個人參加紀錄查詢..................................12 17：設定公告活動之權限....................................12 18：列出參加活動的名單-1..................................13 19：列出參加活動的名單-2..................................13
圖目錄 圖 1: ASP.NET 執行架構........................................2 圖 2: 3 層式網站架構..........................................3 圖 3：資料庫.................................................3 圖 4：登入頁面..............................................14 圖 5：瀏覽活動..............................................14 圖 6：活動詳細內容..........................................15 圖 7：參加紀錄..............................................15 圖 8：學生無法禁入管理員頁面.................................16 圖 9：公告活動頁面..........................................16 圖 10：活動管理.............................................17 圖 11：活動名單.............................................17
專題名稱 摘要 這次是用微軟開發的 Visual Studio Express 2013 for Web 與 ACCESS 共同做出來的線上活動報名管理系統，做出來的網頁與上次所作的團膳訂購系 統大致上差不多，只是多了上次報告書說到的一個缺點—無法控管使用者，上次 的因為沒有登入系統，所以很容易被其他人胡亂改變資料，這次多了登入/登出 系統，所以可以控管在內的人員，人員分為參與活動的參加者，與修改活動的 管理員，參加者只能選擇想要參加的活動，而管理員則是可以增假或刪減各種 活動；用網頁可以減少紙張用量，在網路上也可以較快的傳播消息，兼顧了節 省與效率這兩者。 關鍵字：Visual Studio Express 2013 for Web、活動報名管理系統 、 ACCESS
壹、前言 一、研究動機 因為現在大部分的時候要公布任何消息，都是由各幹部去各處室領取紙本 內容再回來跟各班的同學說明，於是我想說，如果學校可以把想要說的內容放 在一個固定的網站上，不僅不用花費那麼多的紙張去列應納些報名表或是通知 單，只需要在網頁上公告甚麼處室辦了甚麼活動，且在線上就可以報名，以及 統計個活動報名的人數，就可以不用一班一班收集報名表，而且還有可能會少 收，但設立這個網頁就可以不用花費那麼多時間去收集，可以省下更多的時間 去處理更多的事物
二、研究目的 我想要增設這個網站的原因是，現在處在一個人人都是低頭族的時代，如 果在網路上公告消息或許會比一班一班地叫去集合再解釋來的更方便，且如果 再增設登入系統，可以使網路系統分辨你是參加活動的參加者或是管理活動的 管理員，這樣就不會發生公告內容被非管理人員竄改的事情發生，且公告在網 上也不會發生紙本內容被隨處亂放從而不見得事情。
貳 、 文獻探討 一、 ASP.Net 程式設計 這是由微軟在.NET Framework 框架中所提供，開發 Web 應用程式的類別 庫，封裝在 System.Web.dll 檔案中，顯露出 System.Web 命名空間，並提供 ASP.NET 網頁處理、擴充以及 HTTP 通道的應用程式與通訊處理等工作，以及 Web Service 的基礎架構。ASP.NET 是 ASP 技術的後繼者，但它的發展性要比 ASP 技術要強大許多。如果要在非微軟的平台上執行，就會需要使用到 Mono 平 台，ASP.NET 在 2.0 版本已經定型，在.NET Framework 3.5 上則加上了許多 功能，像是 ASP.NET AJAX、ASP.NET MVC Framework 、ASP.NET Dynamic Data 與 Microsoft Silverlight 的伺服器控制項等。 1
▲圖 1: ASP.NET 執行架構
二、 2 層式與 3 層式網站架構 三層式架構(或 N 層架構)，是一種軟體抽象的層次結構，從整個應用程式 架構的角度來區分為三層(如果需要，還可以分 N 層)，是為了解決整個應用程 式中，各個操作過程中不同階段的程式碼封裝的問題，使程式設計師更加專注 的處理某階段的商業邏輯。 比如將資料庫操作封裝到一層中，提供一些方法根據參數直接返回用戶需 要的資料，這樣在處理具體的商業邏輯的時候，就不用關心資料的儲存問題了； 簡單來說就是強化內聚，降低耦合。 用戶端的應用程式可以利用下列的標準應用程式介面(API, application program interface)去存取資料庫伺服器 ODBC：Open Database Connectivity JDBC：Java Database Connectivity 一個用戶端程式可能會連結到多種 DBMSs 用戶端程式還有其他變化形式：例如某些 DBMS 把更多的功能轉移到用戶端， 包括資料字典功能、橫跨多伺服器的最佳化和復原等。此時的伺服器可能被稱作 資料伺服器(Data Server)
2
▲圖 2: 3 層式網站架構
三、資料庫 資料庫管理系統（英語：Database Management System，簡稱 DBMS） 是為管理資料庫而設計的電腦軟體系統，一般具有儲存、擷取、安全保障、備份 等基礎功能。資料庫管理系統可以依據它所支援的資料庫模型來作分類，例如關 聯式、XML；或依據所支援的電腦類型來作分類，例如伺服器群集、行動電話； 或依據所用查詢語言來作分類，例如 SQL、XQuery；或依據效能衝量重點來作 分類，例如最大規模、最高執行速度；亦或其他的分類方式。不論使用哪種分類 方式，一些 DBMS 能夠跨類別，例如，同時支援多種查詢語言。像這次使用的 ACCESS 即是一種資料庫。
▲圖 3：資料庫
四、 SQL 資料庫查詢語言 是一種特定目的程式語言，用於管理關聯式資料庫管理系統（RDBMS）， 或在關係流資料管理系統（RDSMS）中進行流處理。 SQL 基於關係代數和元組關係演算，包括一個資料定義語言和資料操縱語 言。SQL 的範圍包括資料插入、查詢、更新和刪除，資料庫模式建立和修改，以及 資料存取控制。儘管 SQL 經常被描述為，而且很大程度上是一種聲明式編程 （4GL），但是其也含有程序式編程的元素。
3
參、研究架構 一、研究方法 我應用了微軟的 Visual Studio Express 2013 for Web 與 ACCESS 做 出了這個線上活動報名系統，讓系統有了可以登入登出的功能，這樣一來就可 以避免非管理人員的更動，而去更改到原先公告出去的活動，用網路系統公告 即將發生的活動也可以避免有人不小心將紙本內容丟失，也可以減少紙張用量， 假如學生忘記活動內容就不用東翻西找的找原先的紙本內容，只要登入這個網 站系統就可以看見自己當初報名了哪些活動，這樣就省去了找紙本或是去舉辦 處試問的時間了。
二、研究流程 首先要先擬定好我們要做的主題—線上活動報名系統，再來要使用 ACCESS 建立我們的資料庫，最後使用 Visual Studio Express 2013 for Web 設計 出屬於自己的網頁。
表 1：流程圖
4
肆、系統實作及測試 一、系統架構 系統包含了登入/登出、學生專區(瀏覽活動、參加紀錄)、行政專區(公告活 動、活動管理、活動名單)…等功能。
表 2：系統架構
二、系統操作流程 操作流程分為管理員與學生：
表 3：管理員操作流程
5
表 4：學生操作流程
三、實作過程
表 5：建立活動資料表
6
表 6：建立使用者資料表
表 7：建立參加紀錄資料表 7
表 8：建立&設計主板頁面
表 9：建立&設計公告活動頁面
8
表 10：建立&設計瀏覽活動頁面
表 11：建立&設計管理活動清單頁面
9
表 12：建立顯示活動詳細內容頁面
表 13：建立&設計登入/登出系統
10
表 14：增加我要報名&取消報名紐
表 15：建立&設計使用者報名紀錄 11
表 16：建立個人參加紀錄查詢
表 17：設定公告活動之權限 12
表 18：列出參加活動的名單-1
表 19：列出參加活動的名單-2
13
四、系統功能展示
圖 4：登入頁面
圖 5：瀏覽活動
14
圖 6：活動詳細內容
圖 7：參加紀錄 15
圖 8：學生無法禁入管理員頁面
圖 9：公告活動頁面 16
圖 10：活動管理
圖 11：活動名單 17
伍、結果與討論 一、可行性之評估 這個系統大致上已經完成的差不多了，除了有些小地方需要改進，例如： 活動時間已經過了，卻還是可以繼續報名，我覺得可以再找找有何方法能夠讓 它時間到時就能自動鎖起來，不讓人繼續報名。
二、問題與討論 1.時間已到或是已經過了卻還能夠繼續報名 2.有少部分頁面即使已經調整成為置中，顯示出來卻無法在正中央
陸、結論與建議 一、結論 這個系統是花費了無數個日夜一點一滴慢慢拼湊而成，當把這個系統完成 時，內心的感動是無法輕易用眼與表達出來的，這個自己卿手做出來的線上報 名管理系統就像自己的孩子一般，是需要日後再慢慢地去維護去保持的，日後 如果能擁有更多能力，我想把它完善到最好，也希望可以在往後的過程中，永 遠記得當初做完的感動。
二、改善與建議 我覺得可以把它做成跟 GOOGLE 一樣用有註冊頁面，這樣就不用一個一個 的打在資料庫中了。
18
參考文獻 維基百科(2014)。ASP.NET 。 三層結構與Asp.Net MVC的簡介(2017)。3層式網站架構 第2章資料庫系統的概念與架構。2層式網站架構 維基百科。資料庫 維基百科。SQL資料庫查詢語言
19