114025 by 114025

【102 年全國高職學生實務專題製作競賽暨成果展報告書】

題

目：活動報名系統

指導老師：陳隨益老師

參賽學生：林姿伶

學校名稱：國立彰化高級商業職業學校群

別：商業管理群

科

別：資料處理科

中華民國

1 0 3

年

月

2 4

日

目錄摘要 --------------------------------------------------------------------- 1 壹、前言 -----------------------------------------------------------------一、研究動機 ----------------------------------------------------------- 1 二、研究目的 ----------------------------------------------------------- 1 貮、文獻探討 -------------------------------------------------------------一、ASP.Net 程式設計 --------------------------------------------------- 2 二、2 層式與 3 層式網站架構 --------------------------------------------- 3 三、資料庫 ------------------------------------------------------------ 4 四、SQL 資料庫查詢語言 ------------------------------------------------- 4

參、研究架構 -------------------------------------------------------------一、研究方法 ----------------------------------------------------------- 5 二、研究流程 ----------------------------------------------------------- 5 肆、系統實作及測試 -------------------------------------------------------一、系統架構 ----------------------------------------------------------- 6 二、系統操作流程 ------------------------------------------------------- 6 三、實作過程 ----------------------------------------------------------- 7 四、系統功能展示 ------------------------------------------------------ 15 伍、結果與討論 -----------------------------------------------------------一、可行性之評估 ------------------------------------------------------ 22 二、問題與討論 -------------------------------------------------------- 22 六、結論與建議 -----------------------------------------------------------一、結論 -------------------------------------------------------------- 22 二、改善與建議 -------------------------------------------------------- 23

表目錄表一表二表三

研究流程 ----------------------------------------------------------- 5 系統架構 ----------------------------------------------------------- 6 系統操作流程 ------------------------------------------------------- 6

圖目錄圖一 ASP.Net ------------------------------------------------------------ 2 圖二 2 層式網站架構 ----------------------------------------------------- 3 圖三 3 層式網站架構 ----------------------------------------------------- 3 圖四資料庫 ------------------------------------------------------------- 4 圖五 SQL 資料庫查詢語言 ------------------------------------------------- 4 圖六資料庫_使用者資料表 ----------------------------------------------- 7 圖七資料庫_活動資料表 ------------------------------------------------- 7 圖八資料庫_參加紀錄資料表 --------------------------------------------- 8 圖九資料庫_活動名單查詢 ----------------------------------------------- 8 圖十資料庫_個人參加紀錄查詢 ------------------------------------------- 9 圖十一 Web.sitemap(網路導覽) -------------------------------------------- 9 圖十二 Act_Detail.aspx(瀏覽活動) --------------------------------------- 10 圖十三 Act_Detail.aspx(瀏覽活動) --------------------------------------- 10 圖十四 Act_mgr.aspx(活動管理) ------------------------------------------ 11 圖十五 Add_Act.aspx(公告活動) ------------------------------------------ 11 圖十六 Name_list.aspx(活動名單) ---------------------------------------- 12 圖十七 Login.aspx(登入) ------------------------------------------------ 12 圖十八 Logout.aspx(登出) ----------------------------------------------- 13 圖十九 MyRec.aspx(參加紀錄) -------------------------------------------- 13 圖二十 MasterPage.master(主版頁面) ------------------------------------- 14 圖二十一 web.config ---------------------------------------------------- 14 圖二十二登入頁面 ------------------------------------------------------ 15 圖二十三登入頁面 ------------------------------------------------------ 15 圖二十四學生專區_瀏覽活動 --------------------------------------------- 16 圖二十五學生專區_活動簡介 --------------------------------------------- 16 圖二十六學生專區_活動簡介 --------------------------------------------- 17 圖二十七學生專區_參加紀錄 --------------------------------------------- 17 圖二十八行政專區 ------------------------------------------------------ 18 圖二十九登入頁面 ------------------------------------------------------ 18 圖三十行政專區_公告活動 ----------------------------------------------- 19 圖三十一行政專區_活動管理 --------------------------------------------- 19 圖三十二行政專區_活動管理 --------------------------------------------- 20 圖三十三行政專區_活動名單 --------------------------------------------- 20

圖三十四

行政專區_活動名單 --------------------------------------------- 21

101 年全國高職學生實務專題製作競賽專題名稱摘要運動會快到了，期中考也緊接著到來，圖書館更是有許多讀書活動，每次都要廣播幹部集合再由幹部回教室轉達，可是會仔細耐心聽的同學卻是少之又少，到最後可能連幹部都會不想宣佈而直接去詢問自己認為有可能參加的同學，如此一來，活動便會辦的一點意義也沒有，對於其他同學而言也並不公平，甚至是剝奪了同學的權益。如果不巧活動內容有更動，一切又得重頭宣佈轉達，十分不便。如果能夠有一個報名系統供各處室宣佈活動相關事宜，也能夠讓每位同學都即時了解活動內容，那活動才能徹底落實於每位同學，這樣不但能夠減低同學傳達的疏失，更能夠使活動在更正或統計人數時更加容易不易出錯，所以我們利用現有的工具製作一個活動報名系統，讓活動能夠更流暢順利的舉行！關鍵字：專題製作、資料庫、Microsoft Visual Web Developer

壹、前言一、研究動機每當學校一有活動要舉辦，就必須透過廣播或者幹部集合來傳達訊息，但同學卻常常忽略了廣播及同學的傳達，往往都只有少部分的同學真正了解活動內容。如此一來活動的舉辦便會因為訊息的傳遞欠佳而乏人問津，甚至因此取消了活動，造成活動舉辦的意義不大。所以希望能利用手邊的工具讓活動更加確實極快速的傳達讓每位同學了解。

二、研究目的希望利用人人可得的工具以及在專題製作上的所學讓活動的傳達更加確實，所以想到了能夠建置一個活動報名系統，希望藉此系統能夠使同學徹底的了解活動的內容，不僅如此，行政人員也可以利用此系統便利的宣布活動辦法及活動人數的統計，如果有需要更正的也能夠輕鬆的傳達，使整個活動更加流暢，不但能夠降低人力傳達時的疏忽，更能夠減少錯誤的發生率。

貳、文獻探討

一、ASP.Net 4.0 ASP.NET 是一個已統合的 Web 開發模型，其中包含用最低限度的編碼建置企業級 Web 應用程式所需的服務。ASP.NET 是 .NET Framework 的一部分，在撰寫 ASP.NET 應用程式時，您可以存取 .NET Framework 中的類別。很多人都把 ASP.NET 當做是一種程式語言，但它實際上只是一個由.NET Framework 提供的一種開發平台，並非程式語言。

(圖一)ASP.Net

二、2層式與3層式網站架構在全球資訊網發展初起，網路上電腦的使用是以主從式服務為主，為兩層式架構，包括用戶端的使用介面層和伺服器端的資料服務層。用戶端的使用介面層，負責接收使用者的資料輸入，和將結果顯示出來。伺服器端的資料服務層負責伺服器的工作，包括資料庫的資料處理和網站伺服器。2 架構最大的缺點為當用戶端的用戶程式越來越複雜時不但維護不易，用戶端電腦的負荷也會越來越大。

(圖二)2 層式網站架構三層式網站架構是目前建構電子商務系統時最常使用的架構，與兩層式架構最大的差異處，為將商業邏輯層單獨分離出來，以減輕放置於用戶端或伺服器端電腦的負擔。而所謂的三層式包括使用者介面層、商業邏輯層、資料服務層。其中商業邏輯層為使用者介面與資料庫的橋樑。三層式的架構讓資料的展現、商業邏輯及應用程式中的資料服務清楚的劃分開來，為此種架構讓公司的資料及應用邏輯暴露在使用者的掌控範圍中

(圖三)3 層式網站架構 3

三、資料庫資料庫簡單來說是本身可視為電子化的文件櫃——儲存電子文件的地方，用戶可以對文件中的數據運行新增、截取、更新、刪除等操作。資料庫指的是以一定方式儲存在一起、能為多個用戶共享、具有盡可能小的冗餘度、與應用程序彼此獨立的數據集合。

(圖四)資料庫

四、SQL 資料庫查詢語言 SQL 是一種程式語言，用於資料庫中的標準資料查詢語言，IBM 公司最早使用在其開發的資料庫系統中。它允許使用者在高層資料結構上工作。它不要求使用者指定對資料的存放方法，也不需要使用者了解其具體的資料存放方式。在多數情況下，在其他編程語言中需要用一大段程式才可實踐的一個單獨事件，而其在 SQL 上只需要一個語句就可以被表達出來。

(圖五)SQL 資料庫查詢語言 4

參、研究架構一、研究方法利用 Microsoft Visual Web Developer 以及 Microsoft Access 資料庫製作一個活動報名系統。進入活動報名系統時必須先經過登入確認身分，以區分使用者權限。如果使用者身分是學生，就能夠藉由查看活動簡介決定報名或是取消報名，並且報名者的資料隨即傳送至活動名單供行政人員統計人數，學生也能夠到參加紀錄中查看是否有誤。若使用者為行政人員，不但能夠到公告活動頁面新增活動，更能夠到活動管理頁面修改或者刪除活動，而在活動名單頁面更能夠透過不同的活動確實查看報名人數及報名者基本資料。如此一來，不但各處室能夠透過此報名系統簡單的宣佈活動內容及統計報名人數，同學更能夠利用此系統輕鬆了解活動的內容且能迅速的報名活動，不必再大費周章的到各處室進行詢問或是報名。利用此報名系統，便能讓活動進行的更加順利流暢。

二、研究流程

(表一)研究流程

肆、系統實作及測試

一、系統架構

(表二)系統架構

二、系統操作流程

(表三)系統操作流程

三、實作過程 (1)資料庫_使用者資料表

(圖六)

(2)資料庫_活動資料表

(圖七) 7

(3)資料庫_參加紀錄資料表

(圖八)

(4)資料庫_活動名單查詢

(圖九) 8

(5)資料庫_個人參加紀錄查詢

(圖十)

(6) Web.sitemap(網路導覽)：建立連結頁面的選項

(圖十一) 9

(7) Act_Detail.aspx(瀏覽活動)：建立「我要報名」及「取消報名」按鈕

(圖十二)

(圖十三)

(8) Act_mgr.aspx(活動管理)：設定限行政人員操作

(圖十四)

(9) Add_Act.aspx(公告活動)：設定限行政人員操作

(圖十五) 11

(10) Name_list.aspx(活動名單)：設定限行政人員操作

(圖十六)

(11) Login.aspx(登入)：與資料庫連接以提供登入功能

(圖十七) 12

(12) Logout.aspx(登出)：設定登出功能

(圖十八)

(13) MyRec.aspx(參加紀錄)：設定依照登入者帳號查詢已報名的活動

(圖十九) 13

(14) MasterPage.master(主版頁面)：在頁面建立登入登出的選項

(圖二十)

(15) web.config：可修改對網站的設定

(圖二十一)

四、系統功能展示 (1)登入頁面

(圖二十二)

(2)登入頁面：以學生帳號登入

(圖二十三) 15

(3)學生專區_瀏覽活動

(圖二十四)

(4)學生專區_活動簡介：點選活動名稱之連結，可查看簡介並進行報名

(圖二十五) 16

(5)學生專區_活動簡介：報名後可取消報名

(圖二十六)

(6)學生專區_參加紀錄：可查詢已報名之活動

(圖二十七) 17

(7)行政專區：身分若為學生，則沒有操作權限

(圖二十八)

(8)登入頁面:以行政人員帳號登入

(圖二十九) 18

(9)行政專區_ 公告活動

(圖三十)

(10)行政專區_活動管理：行政人用可進行編修或刪除活動

(圖三十一) 19

(11)行政專區_活動管理：點選編輯，可以修改活動內容

(圖三十二)

(12)行政專區_活動名單

(圖三十三) 20

(13)行政專區_活動名單：點選活動名稱之連結，可查看報名的學生

(圖三十四)

伍、結果與討論一、可行性之評估這個活動報名系統使用的範圍很廣，例如學校、書店、或是現在方便的網路購物等，大致上是一個很可行的報名系統，不過還是有需要改善的地方，像是當活動已經過了報名期限，甚至是活動已經結束，但在這個系統中如果行政人員沒有刪除活動，那就還能夠在網路上報名活動，所以如果解決了這個問題，那這個報名系統的可行性肯定更高！

二、問題與討論剛開始學習使用 Microsoft Visual Web Developer 製作一個網路平台時吃了不少苦頭，因為這個系統是之前所未教過的，再加上我的動作比較慢，時常都還沒做完就得接著下一個動作，因此總是需要回到家後看著講義慢慢理解，但還是會遇到不少問題，所以只好詢問老師或是同學，尤其是程式碼，雖然以前上過程式設計，老師上課時也有講解，但卻還是有許多不懂的地方，只好先照著講義打，然後再找時間慢慢練習，幸好經過練習大部分都已經了解，剩下少部分還需要多練習，可見勤能補拙，練習是學習的不二法門。

陸、結論與建議

一、結論我們利用 Microsoft Visual Web Developer 工具，這個活動報名系統在經過一段時間的反覆操作及修改之下總算完成了，真的很謝謝老師不厭其煩的一步一步帶我們完成，當我們遇到問題時也很有耐心的為我們解答。看到一個網站從無到有真的很令人感動，因為在這過程中常因為不懂而挫折到很想哭，也常因為怕打擾同學老師而自己想破頭卻想不出個結果而感到失望，但當看到整個報名系統成形心中的感動真的是無法言喻，雖然在這個報名系統還有一些地方還需要改善，也還有些許程式碼不是非常了解，但我希望自己能夠利用時間去了解這個製作平台並且將整個系統弄得更加完善，因為這個系統在很多機構都能夠使用，而且不但能夠大幅降低錯誤發生更能使整個活動進行更加流暢，是個很方便的系統。

二、改善與建議這整個系統完成後我認為，可以在登入頁面多新增「免費註冊」及「忘記密碼」的功能，因為隨時都可能有新成員想加入，所以如果能讓人簡單註冊一定能使這個系統更落實於使用者。而且在這個網路發達的世界，每個人都會有許多不同的帳號，難免會忘記自己所使用的對應密碼是什麼，所以如果能夠設計一些提示來幫使用者記起密碼，那肯定能夠為使用者造福，因此如果加入忘記密碼的功能，肯定能使整個系統更加完善近人。另外我發現若活動過期它並不會自動刪除活動，甚至還能讓人報名活動，如此一來，不但容易造成同學誤以為活動還在進行，時間久了活動一多也會讓人看了眼花撩亂，所以如果改善了一定能讓系統更加便利。

參考文獻 Microsoft_ASP.NET http://msdn.microsoft.com/zh-tw/library/4w3ex9c2(v=vs.80).aspx 維基百科_ASP.NET 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 數位典藏技術_3層式網站架構 http://www2.ndap.org.tw/eBook08/showContent.php?PK=203&keyword=%E7%B6 %B2%E7%AB%99%E6%9E%B6%E6%A7%8B 維基百科_資料庫 http://zh.wikipedia.org/wiki/%E8%B3%87%E6%96%99%E5%BA%AB 維基百科_SQL http://zh.wikipedia.org/wiki/SQL