Issuu on Google+

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

目:活動報名系統 ( Event Registration System )

指導老師: 陳隨益 老師

參賽學生:黃詩雯

_

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

別:商業管理群

別:資料處理科

101

02

05


目錄 摘要---------------------------------------------------------------------1 壹、前言-----------------------------------------------------------------1 一、研究動機-----------------------------------------------------------1 二、研究目的-----------------------------------------------------------1 貮、文獻探討-------------------------------------------------------------一、Microsoft Visual Web Developer 2010 Express------------------------2 二、Access 資料庫-----------------------------------------------------2-3 三、SQL 資料庫查詢語言--------------------------------------------------3 參、研究架構-------------------------------------------------------------一、研究方法-----------------------------------------------------------4 二、研究流程-----------------------------------------------------------4 三、研究進度-----------------------------------------------------------4 肆、系統實作及測試-------------------------------------------------------一、系統架構-----------------------------------------------------------5 二、系統操作流程-------------------------------------------------------5 三、實作過程--------------------------------------------------------6-11 四、系統功能展示-------------------------------------------------------伍、結果與討論-----------------------------------------------------------一、可行性之評估------------------------------------------------------11 二、問題與討論--------------------------------------------------------11 六、結論與建議-----------------------------------------------------------一、結論--------------------------------------------------------------12 二、改善與建議--------------------------------------------------------12 七、參考文獻------------------------------------------------------------13


表目錄 表一 表二 表三

研究流程-----------------------------------------------------------4 系統架構-----------------------------------------------------------5 系統操作流程-------------------------------------------------------5


圖目錄 圖一 Microsoft Visual Web Developer-------------------------------------2 圖二 Microsoft Access 資料庫---------------------------------------------3 圖三 SQL 資料庫查詢語言--------------------------------------------------3 圖四 (1) Act_Detail.aspx (瀏覽活動)-------------------------------------6 圖五 (1) Act_Detail.aspx (瀏覽活動)-------------------------------------6 圖六 (2) Act_mgr.aspx (活動管理)----------------------------------------7 圖七 (3) Add_Act.aspx (公告活動)----------------------------------------7 圖八 (4) Login.aspx (登入)----------------------------------------------8 圖九 (5) Logout.aspx (登出)---------------------------------------------8 圖十 (6) MasterPage.master (主版頁面)-----------------------------------9 圖十一 (7) MyRec.aspx (參加紀錄)----------------------------------------9 圖十二 (8) Name_list.aspx (活動名單)-----------------------------------10 圖十三 (9) web.config--------------------------------------------------10 圖十四 (10) Web.sitemap------------------------------------------------11


101 年全國高職學生實務專題製作競賽專題名稱 摘要 製作這個報名網站是希望在發布活動消息及報名活動的時候,能夠更有系 統的執行,也可以避免活動資料未確實傳遞的狀況。 關鍵字:Microsoft Visual Web Developer 2010 Express、Access、專題製作、 報名系統

壹、前言 一、研究動機 在還沒建置這個網站的時候,是由各班派代表帶回書面資料後,再用口頭 說明一次,但有可能發生有些同學沒聽清楚之類的狀況或書面資料遺失 ……之類 的狀況,希望可以改善這樣的問題。

二、研究目的 我希望將所有與活動相關的資料全部統整在網路上,如此一來,只要電腦 有網路就能隨時注意有沒有新的活動發布,也不會有將活動的書面資料弄丟的 情形了,發布活動的時候也不必再特地印出活動內容的書面資料,也可以避免 紙張的浪費。

1


貳 、 文獻探討 一、MICROSOFT VISUAL WEB DEVELOPER 2010 EXPRESS Visual Web Developer Express 是免費的 Visual Studio Web 開發環境,用以建 立和測試下一代以標準為基礎的 Web 應用程式與服務。 在這樣的開發環境下製作網站,可以在原始碼檢視、設計檢視中或是同時使 用分割檢視的檢視頁面中製作。 也可以透過整合的 Web 伺服器或是 IIS 立即測試 Web 應用程式的能力,立 即發現執行上有無錯誤並立即做適當的修正。

(圖一) Microsoft Visual Web Developer

二、ACCESS資料庫 是由微軟發佈的關聯式資料庫管理系統。它結合了 Microsoft Jet Database Engine 和 圖形用戶介面兩項特點,是 Microsoft Office 的系統程式之一。 我們可以利用 Access 建立各個工作表並與 Visual Web Developer Express 做 連結,在不同的頁面呈現出不同的工作表、不同的資料,也可以將不同的工作表 互相連結在一起呈現出更完整的資料。

2


(圖二) Microsoft Access 資料庫

三、SQL資料庫查詢語言 結構化查詢語言(en:Structured Query Language,縮寫為 SQL),一種程式 語言,用於資料庫中的標準資料查詢語言,IBM 公司最早使用在其開發的資料 庫系統中。1986 年 10 月,美國國家標準學會(ANSI)對 SQL 進行規範後,以此 作為關聯式資料庫管理系統的標準語言(ANSI X3. 135-1986),1987 年 得到國 際標準組織的支援下成為國際標準。不過各種通行的資料庫系統在其實踐過程中 都對 SQL 規範作了某些編改和擴充。所以,實際上不同資料庫系統之間的 SQL 不 能完全相互通用。

(圖三) SQL 資料庫查詢語言 3


4


參、研究架構 一、研究方法 利用 Access 和 Visual Web Developer Express 作連結,建置出一個活動報名 系統,並設立「登入」、 「登出」,以便於辨認身分,如果是「學生」則只能報名活動 及取消活動報名,且隨時更新資料庫內的內容,也不會發生重複報名的情形; 如果是「管理員」則能管理活動的清單及內容,及觀看報名人員的名單。

二、研究流程 確定想要做出什麼樣的網站之後,開始思考應該包含什麼樣功能。 先做出各個應具備的頁面並連結相關的工作表之後,再加入「登入」及「登 出」的功能,用以分辨身分,提供不同的權限,接著……完成網站!!!

(表一) 研究流程

5


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

(表二)

二、系統操作流程

(表三) 學生專區:能瀏覽活動並選擇報名或取消報名,並可在參加記錄得業面中 確定自己是否有報名,而且,因為事先已經登入,確定身分了,也不會看到其 他人的參加記錄或是誤用他人身分報名活動或取消報名。 行政專區:能隨時更新活動的內容,並公布新的活動訊息,也可確定有報 名活動的人員清單,因為已經事先確定身分,也不必擔心會有學生隨意更改活 動內容。 6


三、實作過程 Microsoft Visual Web Developer 2010 Express 頁面程式碼: (1) Act_Detail.aspx (瀏覽活動)

(圖四)

(圖五)

7


(2) Act_mgr.aspx (活動管理)

(圖六) (3) Add_Act.aspx (公告活動)

(圖七) (4) Login.aspx (登入)

8


(圖八) (5) Logout.aspx (登出)

(圖九) (6) MasterPage.master (主版頁面)

9


(圖十) (7) MyRec.aspx (參加紀錄)

(圖十一) (8) Name_list.aspx (活動名單)

10


(圖十二) (9) web.config

(圖十三) (10) Web.sitemap

11


(圖十四)

四、系統功能展示 老師很抱歉因為家裡沒有 Access 所以沒有辦法執行,所以沒有辦法截圖 …, 真的很抱歉。

伍、結果與討論 一、可行性之評估 這個系統其實很不錯,可以運用的範圍很廣泛,就連一般的公司或社會機 構也可以使用,只是行政者必須一個個將所有使用者的帳號創建好,假設使用 者想改密碼也必須透過行政者才能更改,有點麻煩,但是,除了這個以外,其 他部分都很適合大部分的人使用。

二、問題與討論 這是我第一次接觸 Microsoft Visual Web Developer 2010 Express 這套軟體, 有很多東西都很陌生,上課時也經常跟不上進度,必須額外用課餘的時間補上, 就算補上了,也不一定懂自己到底打了什麼,打完了,還不一定能執行,有很 多地方都還需要多花時間了解、學習。

12


陸、結論與建議 一、結論 完成這個系統最大的心情就是,鬆了一大口氣,因為陌生,完成這個系統 真的很耗精神跟時間,常常擔心跟不上進度或是無法順利執行時,該怎麼辦, 花了很多課餘的時間完成它,但是,相對的,完成的瞬間很有成就感,辛苦了 一個學期真的把它完成了,在電腦桌前坐了這麼久,也值得了。

二、改善與建議 我覺得最麻煩的應該是註冊方面吧,如果使用者只有少數還可以,但人數 如果很多的話,行政者光建使用者的帳號就要花不少的時間吧!而且如果要修 改密碼也很麻煩,可是如果讓使用者自行註冊建帳號,又得擔心會不會有不相 關的人擅自建立帳號,有點兩難。

13


參考文獻 1. Microsoft Visual Web Developer 2010 Express https://www.microsoft.com/taiwan/msdn/aspdotnet/vwd/ 2. 維基百科-資料庫 http://zh.wikipedia.org/zh-tw/Microsoft_Access 3. 維基百科-SQL http://zh.wikipedia.org/zh-tw/SQL

14


1010929