【106 學年國立彰化高商資料處理科專題製作成果報告書】
題 目: 線上活動報名管理系統
指導老師:陳隨益老師
參賽學生:林于詩
學校名稱:國立彰化高級商業職業學校
群 別:商業管理群
科 別:資料處理科
中華民國 108 年 01 月 03 日
1
目錄 目錄...................................................................................................................................1 壹、 前言.........................................................................................................................2 一、 研究動機.........................................................................................................2 二、 研究目的.........................................................................................................3 貳、文獻探討...................................................................................................................3 一、 減少紙本的用量.............................................................................................3 二、活動報名系統處理超額報名的方式...............................................................4 參、研究架構...................................................................................................................4 一、研究方法...........................................................................................................4 二、研究流程...........................................................................................................5 肆、系統實作及測試.......................................................................................................6 一、 系統架構.........................................................................................................6 二、 系統操作流程.................................................................................................6 三、 實作過程.........................................................................................................7 四、 系統功能展示.........................................................................................................7
2
線上活動報名管理系統 摘要 隨著現在網路科技發達，無論是什麼事都能在網路上得到 答案，目前大勢為網路時代，很多事情可以在網路上解決，因 為舊式的報名表為紙本，不易被發現而且也很容易會消失，所 以為了解決這些麻煩的問題，我們可以使報名網路化，除了解 決上述麻煩的問題外，讓活動參加對象更容易報名，也讓行政 人員方便統計人數，免除那些一對一的處理方式。 關鍵詞：線上報名、管理系統、專題、資料處理科
壹、 前言
一、 研究動機 因為有辦過活動，所以發現紙本除了容易弄丟以外，很多人 也對上面的資訊不清楚也沒有地方可以詢問或者很晚收到回覆， 因此有很多人就這麼錯過難得的機會，感覺非常得不便和麻煩， 網路化不僅解決了紙本容易消失的問題及不易觀看、詢問的種種 麻煩的問題，所以想到可以製作網頁讓這些事務可以網路化，以 簡化處理諸類事務問題。
3
(圖一)電子化處理
4
二、 研究目的 現在社會成為了所謂”人手 一機”的概念，如果能使用手機 來辦理活動手續的話，不但超越 了空間的限制及時間上的便利， 還可以讓資訊的曝光度增加外， 也會讓資訊更佳的流通及便利， 所以如果透過網路化的處理方式 後，能夠使統計參加人數及報名 活動的方式更加來便利，讓大家 使用起來實用又好用，如果一來 此網站被善加的利用一定可以獲 得最大最好的效果。 (圖二)手機使用量
貳、文獻探討
一、 減少紙本的用量 Google Drive 與一些其他雲端工作服務推出了一個叫做「 Go Paperless in 2018 」的活動網頁，讓你填寫郵件、作資料 筆記，每個月就會收到一份月刊教你怎麼進行無紙化的工作，並 宣稱這將會幫助你節省「 金錢 」、「 時間 」，也同時節省「 樹木的砍伐 」。而所謂的無紙化工作，就是利用 HelloFax 進 行雲端傳真及書寫，或者 利用 Google Drive 進行內容協作 。
5
(圖三)電子筆記本
6
二、活動報名系統處理超額報名的方式 為了因應熱門活動同時多人在線報名，所產生的超額報名問 題，系統目前已有一套規則來處理：不論是操作者只報名一位， 或報名多位，都以步驟三最下面的「送出」按鈕按下為準，沒有 「送出」者，都不算完成報名。同時，系統也會在報名者操作每 一次「繼續」動作時，顯示最新的尚餘名額。也就是說，若某Ａ 欲報名 2 個參加者，當某Ａ操作到一半卻因其他報名者搶先完成 報名程序導致額滿，系統會在某Ａ按下「繼續」的時候顯示「此 活動目前已報名額滿。」。同時在活動報名頁面上，會每分鐘刷 一次尚餘名額給報名者看。
(圖四)超額報名
參、研究架構
一、研究方法 透 過 VS Express 2013 for Web 利 用 他 的 強 悍 之 處 在 7 ( 圖五 )
VS Express 2013 for Web
於寫簡單的程式碼即可搭建一個平台方式，建造一個可以供人方 便上網登入報名的網站，也可避免掉一些不必要的漏洞及疏失… 等原因，導致無法使用。
二、研究流程
開始 確認主題
研究動機
製作網頁
研究方式
主頁面設計 (表一)研究流程
8
公告 / 報名網頁
肆、系統實作及測試
一、 系統架構
預 訂系統 預訂系統
填寫報名表 填寫報名表 單 單
查詢報名 查詢報名
課程查詢 課程查詢
(表二)系統架構
二、 系統操作流程
開啟系統
課程查詢 查詢報名
登入 系統
填寫報名表單 (表三)系統操作流程
9
三、 實作過程
在短短的每周三堂的專題製作課裡，經由不斷的摸索及課堂 上老師的用心講解，慢慢認識用這個 VS Express 2013 for Web 來建立一個新的網頁，也運用 Google 雲端硬碟的協助功能，不但 攜帶方便也有大空間能讓每筆資料都被一一記錄下來，也能記錄 每一步的過程，除了可以降低錯誤率的發生，更可以方便地做出 統整的資料整理。運用網頁將每一筆活動資料儲存起來，並製作 多種整合資料，讓每一筆資料都能清楚地呈現方便觀看。一開始 建立這個網站時，有很多不同的操作問題讓人一個頭直接大了起 來，但完成後的方便性也讓人知道此網站的活動內容，我還製作 了一張選課表可供人填寫，填寫表單後，可去我做的報名結果的 網頁觀看是否報名成功，除了可以更即時地辦理報名，也可免除 一些麻煩的事物，這些都可以證明我在做這些專題的時間又從哪 裡得知的靈感，以上就是我做網站的一些實作過程和心意。
四、 系統功能展示
10