Issuu on Google+

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

目:活動報名管理系統

指導老師:陳隨益

參賽學生:黃柏維

學校名稱:國立彰化高級商業職業學校

別:商業管理群

別:資料處理科

101

01

25


目錄 摘要---------------------------------------------------------------------1 壹、前言-----------------------------------------------------------------1 一、研究動機-----------------------------------------------------------1 二、研究目的-----------------------------------------------------------2 貮、文獻探討-------------------------------------------------------------2 一、ASP.Net 程式設計----------------------------------------------------2 二、2 層式與 3 層式網站架構----------------------------------------------2 三、資料庫--------------------------------------------------------------2 四、 SQL 資料庫查詢語言-------------------------------------------------2 參、研究架構-------------------------------------------------------------3 一、研究方法-----------------------------------------------------------3 二、研究流程-----------------------------------------------------------3 肆、系統實作及測試-------------------------------------------------------4 一、系統架構-----------------------------------------------------------4 二、系統操作流程-------------------------------------------------------4 三、實作過程-----------------------------------------------------------5 四、系統功能展示-------------------------------------------------------5 伍、結論與建議----------------------------------------------------------12 一、結論--------------------------------------------------------------12 二、改善與建議--------------------------------------------------------12


圖目錄 圖一 圖二 圖三 圖四 圖五 圖六 圖七 圖八 圖九 圖十

-------------------------------------------------------------------3 -------------------------------------------------------------------4 -------------------------------------------------------------------4 -------------------------------------------------------------------5 -------------------------------------------------------------------6 -------------------------------------------------------------------7 -------------------------------------------------------------------8 -------------------------------------------------------------------9 ------------------------------------------------------------------10 ------------------------------------------------------------------11


101 年全國高職學生實務專題製作競賽專題名稱 摘要 製作這系統主要是讓管理者能方便的新增或管理活動,並讓瀏覽者能清楚 的檢視活動並參加,其中系統帳號來區分管理者和瀏覽者,在製作系統地剛開 始我們先建立了資料庫並使用老師給的資料,有了這些資料我們便著手開始建 立網頁,在老師的指導下我們架設了網站,也順利地克服了 Bug,製作這個網 站讓我更加的認識專題製作這門課,並對網站架設有了更深的映象。 關 鍵 字 : 請提供 4 個左右關鍵字,如:專題製作、VWD Express、Micro Office Access

壹、前言 一、研究動機 在科技的進步下,很多事情都得以快速的解決,但學校還是依靠每週的幹 部集合來宣導活動,這樣不僅沒有效率,而且浪費資源,最重要的是參加人物 總是不多,以我們班為例,每次幹部宣導活動聽的每幾個,有意願的屈指可數, 所以在這樣的情況下,我們便開始研究這個主題。

二、研究目的 以每周幹部集合為想法,製作一個網頁,將學生跟管理者分成兩部分,學 生可以瀏覽並參加活動,而管理者可以新增並管理活動,而現在的學生都有上 網的習慣,這樣可以增加瀏覽的人數,也可以隨時管理活動,這樣也能減輕管 理者的負擔並減少資源的浪費。

貳 、 文獻探討

1


一、ASP.Net 4.0 ASP.NET 是 Microsoft 公司開發的一種技術,是一種遷入在網頁中的腳本, 可以由 Internet 網路伺服器執行的伺服器端腳本技術,ASP.NET 可以運行在安裝 了.NET Framework 的 IIS(Internet Information Server)伺服器上,若要在非微軟 的平台上執行,則需要使用 Mono 平台。 很多人都把 ASP.NET 當作是一種程式語言,但它不是程式語言,它只是一 個由.NET Framework 提供的一種開發平台。

二、2層式與3層式網站架構 2 層式網路架構,主要是由客戶端(Client)和服務端(Sever)組成的,包 括用戶端的使用介面層(Presentation tier),和伺服器端的資料服務層(Data Service tier)。 3 層式網站架構是目前建構電子商務系統時最常使用的架構,與傳統兩層 式架構最大的差異處,未將商業邏輯單獨分離出來,以減輕放置於用戶端或伺 服器端電腦的負擔。

三、資料庫 資料庫,簡單來說可以視為電子化的檔案櫃,使用者可以對檔案中的資料 執行新增、擷取、更新、刪除等操作。資料庫指的是以一定方式儲存在一起、能被多 個使用者共享、與應用程式彼此獨立的資料集合。

四、SQL資料庫查詢語言 結構化查詢語言(Structured Query Language,縮寫為 SQL),是一種程式 語言,使用於資料庫中的資料查詢語言,IBM 公司最早使用在其開發的資料庫 系統中。不過各種通行的資料庫系統在其實踐過程中都對 SQL 規範作了某些編改 和擴充。所以,實際上不同資料庫系統之間的 SQL 不能完全相互通用。

2


參、研究架構 一、研究方法 使用 VWD2010(Visual Web Developer)來製作網站,運用軟體的功能來架設 網站,剛開始先建置主版面,並用主版面去製作各個子分頁,並運用物件來讀 取在 Access 資料庫的資料,網站架構十分明瞭,而且製作起來並不費時,重要 的是讓瀏覽者便於瀏覽。

二、研究流程

(圖一)

3


肆、系統實作及測試 一、系統架構

(圖二)

二、系統操作流程

4


(圖三)

三、實作過程 使用 VWD2010(Visual Web Developer)來製作網站,運用軟體的功能來架設 網站,剛開始先建置主版面,並用主版面去製作各個子分頁,並運用物件來讀 取在 Access 資料庫的資料,由於我們是第一次使用這個軟體,所以並不是很熟 悉,再加上只有一點點的程式底子,所以程式碼時常錯誤,有了老師的幫忙得 以迅速地完成

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

註:剛開始的登入畫面,下方有設置學生/行政單位測試用帳號密碼。 (圖四)

5


學生專區>瀏覽活動

註:登入之後的起始畫面,這是用來顯示所有活動的頁面,前方第 2 欄有 設置超連結,可以點進去做活動的報名。 (圖五) 學生專區>瀏覽活動>活動報名

6


學生專區>瀏覽活動>活動報名

註:由上圖點超連結進來之後的畫面,可點選下方"我要報名"鈕,完成 為此帳號做報名的動作。 (圖六)

7


學生專區>參加紀錄

註:此頁面可以用來檢視此帳號密碼曾經報名過的活動。 (圖七)

8


行政單位>活動公告

註:此頁面是設計來讓行政單位新增活動的,若是用非行政單位的帳號密碼登入 (學生)時,將會無法進入。 (圖八)

9


行政單位>活動管理

註:此頁面是用來作為供行政單位管理所有活動的頁面。 (圖九)

10


行政單位>活動名單

註:此頁面是用來提供行政單位檢視全部的活動,點進前方第二欄的超連 結將會傳到該活動報名者的頁面。 (圖十)

11


伍、結論與建議 一、結論 製作這個專題有別於上個專題,上個專題用 Google Site 來製作網頁,但有太 多的缺點,所以這次使用 Microsoft 的 VWD 來製作,雖然比 Google Site 還要難, 但確實地解決了 Google Site 無法過濾使用人口的問題,而且 VWD 可以製作屬於 自己的介面,不像 Google Site 只局限於原有的介面,在建置網站的過程有很多 問題,比如程式碼只要打錯一個字母就無法執行,所以常要抓小錯誤,但每次 只要看到程式成功的執行就非常的開心,在同學與老師的互相幫忙下,我們最 後成功地完成了網站。

二、改善與建議 (1)只要資料庫的儲存資料過多讀取速度會變慢。

12


參考文獻 小益哥資源網:https://sites.google.com/a/chsc.tw/easygo/ 維基百科:http://zh.wikipedia.org/zh-tw/Wikipedia:%E9%A6%96%E9%A1%B5 兩層式架構: http://bmeweb.niu.edu.tw/material/nwork/%E7%B6%B2%E9%9A%9B %E7%B6%B2%E8%B7%AF%E7%9A%84%E4%BC%BA%E6%9C%8D%E7%B3%BB %E7%B5%B1%E6%9E%B6%E6%A7%8B.htm

13


Dp101217w2黃柏維