Issuu on Google+

102 學年度國立彰化高商資料處理科專題製作成果報 告書

目:林林總「總」 , 「務」裡看花

指導老師:陳隨益老師

參賽學生: 林佳臻 林佐靜 林郁芳 陳紀蓉

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

別:商業管理群

別:資料處理科

中 華 民 國

1 0 3

6

1 8


目錄 摘要--------------------------------------------------------------------- 1 壹、前言----------------------------------------------------------------- 1 一、研究動機----------------------------------------------------------- 1 二、研究目的----------------------------------------------------------- 1 貮、文獻探討------------------------------------------------------------- 2 一、ASP.NET------------------------------------------------------------ 2 二、Visual Web Developer 2010express----------------------------------- 2 三、雲端硬碟(Google Drive)--------------------------------------------- 2 四、App Inventor------------------------------------------------------- 2 參、研究架構------------------------------------------------------------- 2 一、研究方法----------------------------------------------------------- 2 二、研究流程----------------------------------------------------------- 2 肆、系統實作及測試------------------------------------------------------- 3 一、系統架構----------------------------------------------------------- 3 二、系統操作流程------------------------------------------------------- 3 三、實作過程----------------------------------------------------------- 4 四、系統功能展示----------------------------------------------------- 5~9 伍、結果與討論---------------------------------------------------------- 10 一、可行性之評估------------------------------------------------------ 10 二、問題與討論-------------------------------------------------------- 10 六、結論與建議---------------------------------------------------------- 10 一、結論-------------------------------------------------------------- 10 二、改善與建議-------------------------------------------------------- 10


表目錄 表一

系統架構表--------------------------------------------------------- 3

表二 表三 表四 表五

操作流程表--------------------------------------------------------- 3 學生基本系統架構--------------------------------------------------- 4 總務基本系統架構--------------------------------------------------- 4 合作社基本系統架構------------------------------------------------- 4


圖目錄 圖一

登入頁面----------------------------------------------------------- 5

圖二 圖三 圖四 圖五 圖六

學生首頁----------------------------------------------------------- 5 查看班費流向------------------------------------------------------- 5 查看繳交紀錄------------------------------------------------------- 6 查看繳交紀錄二----------------------------------------------------- 6 最新訂書消息------------------------------------------------------- 6

圖七 每周菜單----------------------------------------------------------- 7 圖八 菜單選擇----------------------------------------------------------- 7 圖九 班費收支表--------------------------------------------------------- 7 圖十 班費收支表編輯----------------------------------------------------- 8 圖十一 班級繳錢名單----------------------------------------------------- 8 圖十二 圖十三 圖十四 圖十五 圖十六

班級繳錢名單二--------------------------------------------------- 8 合作社公告發布--------------------------------------------------- 9 編輯公告--------------------------------------------------------- 9 發布訂書消息----------------------------------------------------- 9 編輯訂書消息----------------------------------------------------- 9


林林總「總」 「務」裡看花 摘要 我們這次所做的題目和總務股長平日裡的工作有關,我們用 VWD 和資料庫 連結,並且結合 APP,讓總務股長平日裡也可以輕鬆紀錄有沒有人沒交錢,不必 一個個對,也可以知道還有哪些人還沒交,知道一共會收到多少錢,現在收到多 少錢了。而且可以以最快的速度收到最新的公告,並且處理相關的事務。我們這 些學生也可以清楚的知道,目前自己所交的是花在那些項目上,自己到底交錢了 沒,而不是又專程跑去找總務股長,和一堆人擠在一起,一個個查對名單上的紀 錄。員生社則可以很快地發布訊息給總務股長知道,並且得到所需要的資料,還 可以省下一堆紙,就可以讓大家知道這個月的菜單,並且可以直接藉由這個系統 發布午餐訂購單,不必一班班的收集。 關鍵字:商管群、專題製作、VWD、總務系統

壹、前言 一、研究動機 想做總務系統的原因,是因為看到班上的總務股長每次收錢都要三申五令的 提醒同學要繳錢,又要來回奔波員生社及班上,確認資訊及同學是否確實繳交金 額項目。有時,會因為員生社的收錢名目會過多,導致股長不知道同學是繳交哪 項名目。因此有時同學繳交了,股長卻沒有登記,導致有些同學已繳交,股長卻 又再收了一次。 有了總務系統之後,員生社只要把收錢資訊公布在網站上,總務股長不需來 回奔波、浪費人力,滑一下手機就可以確認哪項金額需向同學報告並收錢。而同 學們也不用擔心股長是否沒有登記確實,只要輸入自己的帳號密碼,就可以查詢 哪項已繳交,哪項要盡快繳交。

二、研究目的 我們將做三個大方向,針對員生社、總務股長以及同學。 員生社的部分,我們將會做發布資訊的功能,讓股長可以節省時間,迅速正 確的告訴同學;同學們也可以利用這個系統,查詢該繳的費用以及已繳交的費用。 這麼做,不但可以大大的節省時間、人力以及資源,也可以更方便的利用身上的 手機作紀錄,防止出錯的機率。

1


貳、文獻探討 一、ASP.NET ASP.NET 是一個免費的是一個免費的 Web 框架來構建網站,可讓所有的人 建置一個現代的網站。很多人都把 ASP.NET 當做是一種程式語言,但它實際上 只是一個由 NET Framework 提供的一種開發平台 (development platform),並非 程式語言。

二、Visual Web Developer 2010 express Microsoft Visual Studio Express 是一套由微軟公司開發的免費整合開發環境, 是 Microsoft Visual Studio 產品線上的輕量版本,易學易用功能稍弱。工具箱中有 很多方便好用的功能,輕鬆地就能完成基本版面。

三、雲端硬碟(Google Drive) 是 Google 的一個線上同步儲存服務,同時結合 Google 檔案的線上檔案編輯 功能。只需要輸入帳密,每個人至少擁有 30GB 的儲存空間,再也不需要隨身攜 帶隨身碟並擔心隨身碟丟失、中毒、資料遺失等等,非常的方便。

四、App Inventor App Inventor 原是 Google 實驗室(Google Lab)的一個子計畫,由一群 Google 工程師與勇於挑戰的 Google 使用者一起參與計畫的。不需要太過複雜的程式碼 就可以使用樂高積木式的堆疊法來完成我們的 Android 程式。不但簡單又方便, 對於 Android 的初學者或者是機器人開發者來說是非常好學且好用的程式環境。

參、研究架構 一、研究方法 我們將使用 Visual Web Developer 來製做這個可以讓總務使用的系統,也希 望讓使用智慧型手機者手機連結此網站時,能夠符合手機大小的介面。這麼做可 以讓總務股長及學生登入登出。先匯入 Microsoft Access 資料庫內容,來建立一 個總務收支的系統。

二、研究流程 經由「登入」判別為學生或為組務股長來限制其使用之權限,若身分為總務 股長,則可以做「新增」、「修改」或「刪除」收支內容,也可以從「是否繳交」 來了解已繳交的名單及學生的資料,此動作為學生不可顯示的畫面,並顯示「您 無此權限,無法使用此頁面」之告示。若身分為學生,則顯示「是否繳交」來看 自己是否有交錢,或曾經交過哪些費用。若登入為員生社,則可發布菜單並編輯 最新公告。

2


肆、系統實作及測試 一、系統架構 查看班費流向 查看繳交紀錄 學生 最新訂書消息 每週菜單 班費收支表 登入 總務

編輯班費收支表 班級繳錢名單

發布/編輯最新公告 合作社 發布/編輯訂書消息

表(一) 系統架構表

二、系統操作流程

表(二) 操作流程表

3


三、實作過程 我們首先繪製了我們所需要製作的基本功能的相關圖如下表 查看班費流向 查看繳交紀錄 學生 最新訂書消息 每週菜單

表(三) 學生基本系統架構表 我們將學生最常使用的一些消息列出來,或者是可能會希望知道的項目一一 列出,得到上面的表(三)。 班費收支表 編輯班費收支表

總務

班級繳錢名單

表(四) 總務基本系統架構表 在一般學生的基本功能確定好之後,我們緊接著列出了總務平常最常做到的 事情,並且將會做到的事和所需要的資訊列出來,如表(四)。 發布/編輯最新公告 合作社 發布/編輯訂書消息

表(五) 合作社基本系統架構表 最後我們又列了一些總務和合作社之間會互相有所聯繫的一些項目,又分出 了第三個合作社的專區出來如表(五)。 我們藉著這個架構,開始使用 vwd 和資料庫,藉由 vwd 的表單功能,和資 料庫裡的資料連結,使使用者可以直接查詢相關的資料,並收集廠商的菜單方便 使用者可以輕鬆快速地查詢本月的菜色,最後藉由登入的身分不同來判斷哪些功 能是可以使用,哪些功能是不能使用的。 我們先從學生的首頁開始做起,將學生需要查詢的幾個頁面完成後,在開始 製作需要發布消息的總務和合作社頁面,然後在可以成功發布後,我們才製作相 關的編輯頁面,最後再做登入和登出並且判斷身分的程式碼,因為這樣我們一開 始的頁面製作好後比較容易測試。

4


四、系統功能展示

圖(一) 登入頁面 我們藉由登入頁面進行登入和身分確認的工作。

圖(二) 學生首頁 藉由學生首頁我們可以用最快的速度得知最新的公告和收支項目。

圖(三) 查看班費流向 在班費流向我們可以知道我們所交出去的錢是用在哪些地方,有沒有被胡亂 使用。

5


圖(四) 查看繳交紀錄 在圖(四)裡我們可以再查看繳交紀錄裡得知,我們已經在什麼時候繳交了編 號為 0001 號和 001 號的款項。

圖(五) 查看繳交紀錄二 如果光憑藉編號無法清楚地得知自己所交出去的錢是什麼,那麼只要點選圖 (四)的編號連結便可以得知這個編號所代表的款項的詳細資料,我們以編號 001 為例圖(五)為編號 001 的詳細資料。

圖(六)最新訂書消息 我們可以藉由最新訂書消息知道最近合作社的新書資料。

6


圖(七)每周菜單 從每周菜單我們可以點選自己想知道的廠商菜單的最新資料。

圖(八)菜單選擇 在點選了廠商底下的按鈕後,便會出現如圖(七)的菜單圖片。

圖(九)班費收支表 總務股長可以藉由班費收支表來發布近期需要繳交的款項。

7


圖(十) 班費收支表編輯 如果發布最新的款項時不小心輸入錯誤時可以再班費收支表作更改。

圖(十一) 班級繳錢名單 在我們進入編輯繳錢名單頁面時,我們必須先選擇我們想編輯的款項,並按 編號連結,我們先以編號 001 為例。

圖(十二) 班級繳錢名單二 在按下圖(十一)的編號 001 後,我們會連結到圖(十二)的畫面,我們可以在 查詢已繳錢的人並且輸入最近繳錢的人的學號。

8


圖(十三) 合作社公告發布 我們可以從合作社公告發布裡填入需要發布的公告內容並進行發布。

圖(十四) 編輯公告 從編輯公告中,我們可以修改已發布的公告內容。

圖(十五) 發布訂書消息 我們可以藉由填寫發布訂書消息的表格發布有關書籍的資料。

圖(十六) 編輯訂書消息 我們可以更改已發佈的訂書消息其中的資料。

9


伍、結果與討論 一、可行性之評估 目前我們認為時機尚未成熟,手機頁面與電腦頁面仍有差異,實際測試後發 現我們的系統裡仍有許多小細節還未注意到。許多功能在此系統無法發揮到最大 功用,而在反覆測試中,我們發現許多時候,我們可以使用更簡潔有力的方式來 達到和系統中的程式相同的目的,因此,此系統仍有許多改進的空間。

二、問題與討論 一、要用那些系統,是要用網頁,還是使用app比較好? 最後因為我們當初決定這次的題目時,就是為了要讓總務可以更方便,輕鬆的處 理相關工作,所以我們決定利用網頁和app的結合讓這個系統可以又詳細又方便 攜帶處理。 二、讓手機和電腦顯示的介面一樣? 讓電腦頁面簡易些,避免手機顯示畫面顯示異常 三、菜單的顯示究竟是用資料庫更新比較好,還是我們直接貼上去好? 我們最後是使用直接貼上,因為圖片資料庫的處理一直失敗。

陸、結論與建議 一、結論 我們希望可以藉由這個專題,減輕幹部的負擔,而和 APP 連結無疑是最方 便的做法,現在的人不論到哪,基本上普遍都會帶上手機,所以如果使用我們這 個系統,就不用再煩惱不知道自己的錢繳到哪去了,或是不知道自己要交多少錢, 又或是連自己要交錢都不知道,之前做專題時都只有老師指導步驟該如何製作, 這次是由我們自己找題目,自己製作,非常有挑戰性,這份專題更是讓我們了解 到團隊合作的重要性,許多的問題光靠一個人是很難解決的,而且很容易鑽進死 胡同裡,有人在旁幫忙出主意,更是比一個人想的還要多,因為每個人的想法都 不同,雖然因為這些不同,有時我們會有許多的爭執出現,可是面對這一個個問 題,我們更是一步步把這個系統建立的更加完善,或許現在這系統還不夠成熟, 但是我們相信在未來的某一天裡,它一定可以運用在生活中。

二、改善與建議 倘若將來有學弟妹也想做相關的題目,你們可以先收集周遭人的想法,試看 看在他人的眼中,我們的專題最需要的是哪些功能,再問問自己我們如果是使用 者我們會希望有哪些功能,至於菜單最好還是使用掃描會比較清楚,可以的話最 好可以把菜單匯集成一個資料庫,並且可以上傳更新,這樣會比較方便。

10


參考文獻 維基媒體基金會 2014 年 3 月 8 日 ASP.NET 取自於 http://zh.wikipedia.org/wiki/ASP.NET 維基媒體基金會 2014 年 4 月 11 日 GOOGLE 協作平台 取自於 http://zh.wikipedia.org/wiki/Google%E5%8D%8F%E4%BD%9C%E5%B9%B3%E5 %8F%B0 Micrsoft(2014) ASP.NET 取自於 http://www.asp.net/ CAVE教育團隊(2012)有關App Inventor 取自於http://www.appinventor.tw/whatis/

11


Dp1011t08