【103 年全國高職學生實務專題製作競賽暨成果展報告書】
題
目：校內活動報名系統 (
指導老師：陳隨益 參賽學生： 謝宜庭
學校名稱：彰化高級商業職業學校 群
別：商業類群
科
別：資料處理科
中 華 民 國
1 0 3
年
0 1
月
3 1
日
目錄 摘要 --------------------------------------------------------------------- 1 壹、前言 ----------------------------------------------------------------- 1 一、研究動機 ----------------------------------------------------------- 1 二、研究目的 ----------------------------------------------------------- 2 貮、文獻探討 -------------------------------------------------------------一、ASP.Net 程式設計 ---------------------------------------------------二、… ----------------------------------------------------------------參、研究架構 -------------------------------------------------------------一、研究方法 -----------------------------------------------------------二、研究流程 -----------------------------------------------------------三、研究進度 -----------------------------------------------------------肆、系統實作及測試 -------------------------------------------------------一、系統架構 -----------------------------------------------------------二、系統操作流程 -------------------------------------------------------三、實作過程 -----------------------------------------------------------四、系統功能展示 -------------------------------------------------------伍、結果與討論 -----------------------------------------------------------一、可行性之評估 -------------------------------------------------------二、問題與討論 ---------------------------------------------------------六、結論與建議 -----------------------------------------------------------一、結論 ---------------------------------------------------------------二、改善與建議 ----------------------------------------------------------
表目錄…
圖目錄 圖一 圖二 …
系統流程圖 ---------------------------------------------------------圖說名稱 ------------------------------------------------------------
壹、 前言 一、研究動機 專題的建構原先是使用 Google 所以提供的 Google Site 協作平台，雖然可以 方便快速的建立簡易網站，但對於管理者與使用者的權限劃分卻不盡完善，若是 有填寫資料的錯誤也無法更正；雖然可以隨意新增頁面卻無法做到真正的客製 化。所以，我們換了一個軟體 Visual Studio Express for Web 希望可以解決與改善以上的 問題
貳、文獻探討
一、ASP.Net 4.0 ASP.NET 是一個已統合的 Web 開發模型，其中包含用最低限度的編碼建置 企業級 Web 應用程式所需的服務。 ASP.NET 是 .NET Framework 的一部分，在 撰寫 ASP.NET 應用程式時，您可以存取 .NET Framework 中的類別。 您可以使 用任何與 Common Language Runtime (CLR) 相容的語言撰寫應用程式，其中包括 Microsoft Visual Basic 和 C#。 這些語言可以讓您開發受益於 Common Language Runtime、型別安全 (Type Safety)、繼承等的 ASP.NET 應用程式。
二、2層式與3層式網站架構 在傳統的主從式（client/server）架構當中，為兩層式（2‐tier）架構，包括 用戶端的使用者介面層，和伺服器端的資料服務層 用戶端的使用者介面層，負責接收使用者的資料輸入，和將結果顯示出來， 譬如用戶端應用程式。一般會包括商業邏輯的工作，包括計算、輸入核對、用戶 端電腦管理、與伺服器溝通等工作。 伺服器端的資料服務層，負責伺服器的工作，包括資料庫的資料處理和網站 伺服器，有時也會一一些商業邏輯的工作。 傳統主從式架構最大的缺點，為隨著功能的增加，用戶端的應用程式會愈來 愈複雜，不但維護不易，用戶端電腦的負荷也愈來愈大。 三層式（3‐tier） 所謂三層係指使用者介面層、商業邏輯層、和資料服務層。 使用者介面層，負責接收使用者的資料輸入，和將結果顯示出來，譬如瀏覽 器或其他用戶端應用程式。 商業邏輯層，作為使用者介面與資料庫的橋樑，負責與業務有關的資料處 理、網站伺服器等工作。 資料服務層，負責資料庫或訊息的處理，譬如使用 SQL Server 資料庫的預儲 程序等。 3 層式架構與 2 層式架構最大的差異處為 2 層式較耗費資源而 3 層式網路架 構是應用程式得以使用瀏覽器的操作介面，來讀取商業邏輯及資料元件，並能使 資料安全的存在防火牆的保護之內﹐2 層式架構並無法完好的應用在現今網際網 路的環境下，因為此種架構讓公司的資料完全暴露在使用者的掌控範圍中，容易 遭到有心人士利用。 1
三、資料庫 資料庫，可視為電子化的檔案櫃—儲存電子檔案的處所，使用者可以對檔案 中的資料執行新增、擷取、更新、刪除等操作。 建立資料及儲存讓多個使用者共享。 用來管理資料庫的軟體有：Access 、 SQL Server 、 MySQL … …
四、SQL資料庫查詢語言 SQL (Structured Query Language, 結構化查詢語言) 是一種用來與關連式資 料庫系統對話而使用的標準語言，由 IBM 於 1970 年代所研發出來的，目前所有 市場的資料庫管理系統幾乎都支援 SQL。
2
參、研究架構 一、研究方法 應用 3 層式的資料庫網站架構來建置網站、用到 Microsoft 的 Accesses 資料 庫存放資料；網站的設計以及站內程式碼的編寫使用 Visual Studio Express for Web 2012 (2012 的設計版面比 2010 更加美觀且功能也較 2010 多)，其中貼心的是版面 的＂設計＂功能，只要依照畫面上的版面做視覺上的調整，不必再另外打原始 碼；利用雲端硬碟存放網站資料夾，無論身在何地只要在有編輯軟體的電腦下載 即可對網站做修正；使用 PhotoImpact 製作橫幅。
3
肆、系統實作及測試
一、系統架構 分為學生專區與行政專區，依照登入的帳號判別是行政人員或者是學生開放 頁面權限，例如行政人員有權增加、修改、刪除活動，而學生則無法查看及修改 活動。 登入
學生專區
瀏覽活動
行政專區
參加紀錄
活動管理
活動名單
公告活動
三、實作過程
詳細的說明你在建置這個系統的過程，包含資料庫設計的「資料表」各欄位 的屬性設計、「查詢」的設計，以及網頁程式設計中主要的「表單」、「事件程 序」的流程圖及程式碼，可以用文字及照片來表達。
四、系統功能展示 1.判斷使用者是否登入
2.登入 4
3 判斷使用者權限
學生專區(可報名活動、查看已報名活動)
行政專區(可編輯、刪除、新增活動) 5
6
伍、結果與討論 一、可行性之評估 在你完成系統測試後，我認為大致上是可行的，但整個系統還不甚完整，整 體來說是個具備些許功能，但無法讓人有興趣而原意久留的網站，與網際網路上 看到的精美網站不大相同。
二、問題與討論 實作的過程中，常常因為一些粗心的小錯誤，例如程式碼的括號左右沒有配 合好或是少打了一個字母，而導致整個頁面無法執行
陸、結論與建議
一、結論 與之前所使用的 google site 協作平台相比 Visual Studio Express for Web，確實 可以完整地劃分各個使用者的權限(學生、行政人員等)，且依照自己的喜好製作 版面，更可以依照想要的功能撰寫程式碼來達到目的，這就牽涉到更廣更深的層 面了，雖然現在做的都是一些簡單的程式碼編修，不過未來也可以應用在更多的 功能上。
參考文獻 2層式及3層式網路架構 取自http://blog.cemschool.com/home/space.php?uid=1 SQL資料庫查詢語言 陳士杰 國立聯合大學 資訊管理學系
7