資訊管理系

實務專題期末報告書

線上證照情報與學習網站

指導教授： 羅國彥 教授 組員名單： 林恆宇 學號 978C018

戴廷宇 學號 978C042 陳平洲 學號 978C076 林俊博 學號 978C088

中 華 民 國 1 0 1 年 0 5 月

I

嶺東科技大學

資訊管理系

線上證照情報與學習網站

中華民國一○一年五月

II

資訊系專題口試委員審定書

線上證照情報與學習網站 指導教授： 羅國彥 教授

組員名單： 林恆宇 978C018

戴廷宇 978C042

陳平洲 978C076

林俊博 978C088

指導教授：

口試委員：

中華民國 101 年 05 月 02 日

此三欄請給指導教授

及口試委員簽名。

III

誌謝

本專題報告得以順利完成，首先要感謝恩師羅國彥老師細心引

導、耐心的協助我們，克服研究過程中所面臨的困難，給予我們最大

的協助，使本專題得以順利完成。

研究報告口試期間，感謝詹勳生老師、李怡慧老師不辭辛勞細心

審閱，不僅給予我們指導，並且提供寶貴的建議，使我們的專題內容

以更臻完善，在此由衷的感謝。

最後，感謝系上諸位老師在各學科領域的熱心指導，增進商業管

理知識範疇，再此一併致上最高謝意。

林恆宇

戴廷宇

陳平洲

林俊博

謹誌

中華民國101年5月於嶺東

IV

摘要

現今市面上有很多不同的考試系統，有專門考證照的系統或是一

些學校自己使用的系統，但往往這些考試系統都需要付上一筆額外的

費用，或是給特定的使用者使用，且系統之教材及題庫往往都是固定

的，使用者無法針對所需之處進行新增、修改、查詢等動作，完全無

法配合學校課程進度。有鑒於此，便想利用本專題發展出一套線上考

試系統，以利於老師命題自由化，並讓學生學習數位化，使用上更有

效率，同時也使學習時間更具彈性。

本系統為互動學習線上測驗系統，考慮管理面向之需求，使用者

將分為管理員、教師、學生等三部分，依帳號權限不同，分別進入所

屬頁面。管理員的權限可掌管所有事項。教師權限則是進行教材的管

理、新增、刪除、修改，並可使用出題功能產生考題，作為學生考試

或平時綀習之用，亦可觀察學生的學習情況，包含成績，留言內容。

學生方面主要以測驗或練習為主，故可依實際狀況選舉進行測驗或練

習模式，一為教師所開課後指定出題之測驗，較適用於學校考試用

途；其次為練習測驗，對於未加入或已加入開課班級學生，將利用此

功能來練習測驗，以提高學習效益。另外，學生若在題意或解題遇到

困難與瓶頸，可使用互動討論留言板，提出在題目中所遇之難題，其

他師生便可提出解決方案，彼此在互動之間讓學生學習更便利、更輕

鬆。

關鍵字：數位學習、線上測驗、專業技能證照、PHP、MySQL

V

目錄 誌謝 .............................................................................................................III

摘要 ............................................................................................................. IV

表目錄 ....................................................................................................... VII

圖目錄 ......................................................................................................VIII

第壹章 緒論 ................................................................................................. 9

1.1 研究背景 .......................................................................................... 9

1.2 動機與目的 ...................................................................................... 9

第貳章 研究探討....................................................................................... 10

2.1 學習風格 ........................................................................................ 10

2.2 學習風格之定義 ............................................................................ 10

2.3 適性化學習在網路學習系統........................................................ 11

2.4 適性化分類 .................................................................................... 11

第參章 系統環境....................................................................................... 12

3.1 系統開發環境 ................................................................................ 12

3.2 使用者環境 .................................................................................... 12

3.3 開發軟體介紹 ................................................................................ 14

第肆章 流程架構圖.................................................................................... 15

4.1 新增最新公告 ................................................................................ 15

4.2 最新公告修改與刪除 .................................................................... 16

4.3 新增帳號 ........................................................................................ 17

4.4 帳號修改及刪除 ............................................................................ 18

4.5 個人管理 ........................................................................................ 19

4.6 系統架構 ........................................................................................ 20

4.7 ER-Model 圖 .................................................................................. 21

VI

第伍章 專題製作成果............................................................................... 22

5.1 資料庫設計與建置 ........................................................................ 22

參考文獻 ..................................................................................................... 33

VII

表目錄

表 3-1 開發者硬體設備需求 ..................................................................... 12

表 3-2 開發者軟體需求 ............................................................................. 12

表 3-3 使用者硬體設備 ............................................................................. 13

表 3-4 使用者軟體 ..................................................................................... 13

表 5-1 會員資料 memberdata................................................................... 22

表 5-2 科目資料 subject ............................................................................ 22

表 5-3 題庫題目 qanda.............................................................................. 23

表 5-4 留言版 board .................................................................................. 23

表 5-5 歷史紀錄 Record ............................................................................ 24

表 5-6 練習測驗成績 Practice_Score....................................................... 24

表 5-7 公告表 news .................................................................................... 25

VIII

圖目錄

圖 4-1 新增最新公告流程圖 ..................................................................... 15

圖 4-2 最新公告修改與刪除 ..................................................................... 16

圖 4-3 新增會員帳號 ................................................................................. 17

圖 4-4 帳號修改及刪除 ............................................................................. 18

圖 4-5 個人資料管理流程圖 ..................................................................... 19

圖 4-6 學生介面架構圖 ............................................................................. 20

圖 4-7 教師介面架構圖 ............................................................................. 20

圖 4-8 ER-Model 圖 ................................................................................... 21

圖 5-1 線上測驗與證照情報網-首頁........................................................ 26

圖 5-2 線上測驗與證照情報網-新增會員................................................ 27

圖 5-3 線上測驗與證照情報網-會員留言版............................................ 28

圖 5-4 線上測驗與證照情報網-選取測驗科目 ....................................... 29

圖 5-5 線上測驗與證照情報網-測驗畫面................................................ 30

圖 5-6 線上測驗與證照情報網-成績總計................................................ 31

圖 5-7 線上測驗與證照情報網-教師成績查詢........................................ 32

9

第壹章 緒論

1.1 研究背景 本專題主要係提供證照考試情報及考照輔導課程之數位內容，學

生可以自訂範圍練習，隨機或依序出題，若不了解可參看解答及解

說，如有疑問可以使用討論留言板功能與其他師生討論，並留言學習

心得。

1.2 動機與目的 希望提供一個資訊平台，其功能有題庫練習測驗及證照相關資

訊，以供方便查詢及測驗練習。課程方面基本上由教師來開設，學生

可以依修課課程進行練習、指定考試或證照考題練習，每次做完題目

時附上考題的詳細解說。此網站還提供了留言板和分組學習的功能，

如果有任何課程上或題目不了解的地方，老師和同學能利用留言板進

行線上討論達到互動學習的效果。分組學習則是可以將學生進行分

組，以合作的方式進行學習，讓學生的學習方式更多元。此外，在管

理會員資料的機制方面是採用教師班別管理、班級群組名稱及成員以

方便維護，經由開設不同的班級可對應各別教材，但其課程相關資訊

會依學生所屬班級而有所不同。

10

第貳章 研究探討

2.1 學習風格 學者郭重吉提，到每個學生從小學習環境都不同，生長環境也不

同，所以基於這些原因有些人對文字或是對圖形的學習靈敏度不相同

，有人對文字不感興趣，相反的對圖形就異常靈敏。而學生的學習風

格漸漸地受到學者的重視，每個學生不論智力或學業的表現，都有屬

於一塊自己的學習風格，很多學生不喜愛書本反而喜歡電腦螢幕的學

習方式，故此研究目的在於把書本文字轉成螢幕文字，藉此轉變成圖

形記憶法增加學習意願(郭重吉，1987)。

2.2 學習風格之定義 學習風格的研究最早起源於實驗心理學對風格的探討，著重於解

釋個人在認知放面的一些特質(例如：知覺、記憶或訊息處理方式等)

差別，這方面的研究明顯具有教育上的應用價值，在逐漸擴充攢演變

後，於1970年前後逐有學習風格一詞的出現。(郭重吉，1987)雖然有

許多學者對學習風格定下許多不同的定義，迄今對於學習風格仍無法

有共同認定的定義 (Blnham,L.A,1988) 。

學習風格係指一個人的學習習慣、方法及態度，且影響其對所學

習環境的知覺、互動及應對能力(Dunn,R. & Dunn,K,1992)。(劉信雄

，1992)認為學習風格的涵義較廣，不但包括認知風格，同時也包括情

意與生理的風格。而(林鳳春，2001)則指出國內研究學習風格的學者

大多採用多元取向的看法，在了解各學者對學習風格的看法後可知，

學習風個乃包含了認知的、社會的、生理的、情意的、外在環境等內

、外在因素，個人所表現出來的學習偏好。

11

2.3 適性化學習在網路學習系統 學者哈特曼(Hartmann，1958)認為「適應是個體終其一生維護心

裡平衡的一種持續過程」，利用些許的代價去改善某些因為學習低落

、或是提升一般學習意願的方式，目的在於降低在學習中產生的排斥

感所形成的自我防衛，一但勾起學習者的興趣將大大的降低學期過程

中的不適感。也就是說，一個人在合理的環境中，為了和環境保持著

和諧關係所做的一切就是「適應」。

因此，一個好的學習網站，必須讓學習者在學習上有高適應度，

盡量提供一個能讓學習者與教學者和諧關係的學習過程，以期達到學

習效率的最大化。

2.4 適性化分類 在網路學習系統上，將「適性化」分為適性呈現與適性導覽兩類

，其分述如下：

1.適性呈現(adaptive presentation)：

適性呈現主要負責將學習者所需之學習教材，考慮學習者的學習

狀況及進度，以一些小單元組合呈現，適性呈現又可分為適性多媒體

呈現與可程式化適性。

2.適性導覽(adaptive navigation support)：

適性導覽是根據學習者模型調整網頁的連結或內容，適性導覽又

可分為直接導覽、鏈接排序、鏈結隱藏、鏈結註解、鏈結產生與導覽

圖調適。

12

第參章 系統環境

3.1 系統開發環境 本專題系統開發環境主要包括硬體設備與軟體需求兩部分，如表

3-1、3-2 所示。

表 3-1 開發者硬體設備需求

CPU Intel® Core™ 2 Duo CPU E8400 @ 3.00GHz

硬碟 320 GB

系統記憶體 4096 MB

顯示卡 NVIDIA GeForce 8400GS

表 3-2 開發者軟體需求

作業系統 Microsoft Windows XP SP3

網站伺服器 Apache 2.2.21

腳本語言 PHP 5.3.8

資料庫系統 phpMyAdmin 3.4.5

開發軟體 Dreamweaver CS4

美工軟體 CorelDraw X5

瀏覽器 Internet Explorer 6

3.2 使用者環境 本專題對於使用者環境之硬體設備與軟體需求的建議如表 3-3、

3-4 所示。

13

表 3-3 使用者硬體設備

CPU Inter Pentium 4 - 1.8GHz 以上

系統記憶體 512MB

網路 ADSL 專用線路

表 3-4 使用者軟體

作業系統 Microsoft Windows XP

瀏覽器 Internet Explorer 6

14

3.3 開發軟體介紹

PhpMyAdmin

是由 PHP 寫成的 MySQL 資料庫系統管理程式，讓管理者可用

Web 介面管理 MySQL 資料庫。藉由此 Web 介面可以成為一個簡易方

式輸入繁雜 SQL 語法的較佳途徑，尤其要處理大量資料的匯入及匯出

更為方便。其中一個更大的優勢在於由於 phpMyAdmin 跟其他 PHP 程

式一樣在網頁伺服器上執行，但是您可以在任何地方使用這些程式產

生的 HTML 頁面，也就是於遠端管理你的 MySQL 資料庫。使用

phpMyAdmin 您就可以方便的建立、修改、刪除資料庫及資料表。

Wampserver

WampServer 是一個結合 Apache、PHP 和 MySQL 資料庫的整合

套裝軟體。WampServer 內有自動安裝程序（installer），所以不需要

分別調整您的服務器。

CorelDRAW

CorelDRAW同時支援向量式和點陣式繪圖，支援大多數的圖檔格

式，如：QuickTime、EPS、TIFF、GIF、JPEG、PICT、PCD...等等。

CorelDRAW LE是CorelDRAW的功能限定版，功能比完整版少一些，

但是仍能讓你體驗CorelDRAW強大的繪圖、影像處理以及排版功能!

15

第肆章 流程架構圖

4.1 新增最新公告 開啟網頁後，人員於登入頁面做登入，確認是管理者後，才能使

用此功能。管理者於輸入最新公告的內容後按確認，系統將把管理者

所新增的最新公告儲存至公告資料表，新增公告即完成。如圖 4-1

示。

圖 4-1 新增最新公告流程圖

16

4.2 最新公告修改與刪除 開啟網頁後，人員於登入頁面做登入，確認是管理者後，才能使

用此功能。管理者可選取公告進行修改或刪除，在選取公告資料後按

修改，系統會到公告資料庫去提領被選取起來的公告資料，進行修改

後做確認，修改後的公告資料再次存回公告資料表。若管理者選擇的

是刪除，系統就會把公告資料進行刪除，隨即網頁也跟著更新，如圖

4-2 所示。

圖 4-2 最新公告修改與刪除

17

4.3 新增帳號 開啟網頁後，人員於登入頁面做登入，確認是管理者後，才能使

用此功能。管理者進入人員管理後輸入欲新增的人員帳號、密碼、部

門、使用權限後按確認，系統將把管理者所新增的人員儲存至使用者

權限資料表，新增帳號即完成，詳如圖 4-3 所示。

圖 4-3 新增會員帳號

18

4.4 帳號修改及刪除 開啟網頁後，人員於登入頁面做登入，確認是管理者後，才能使

用此功能。管理者可選取公告進行修改或刪除，在選取人員資料後按

修改，系統會到使用者權限資料表，提領被選取起來的人員資料修改

後，人員資料再次存回使用者權限資料表。若管理者選擇的是刪除，

系統就會到使用者權限資料表，把管理者決定刪除的人員資料進行刪

除，隨即網頁也會跟著更新，如圖 4-4 所示。

圖 4-4 帳號修改及刪除

19

4.5 個人管理 開啟網頁後，人員於登入頁面做登入，確認後，才能使用此功

能。人員點選個人管理進入後，系統會到帳號資料庫去把人員的資料

列出來，人員即可進行密碼變更的動作，變更完確認後，系統會再把

變更完的資料重新存入帳號資料表內，即完成密碼變更，如圖 4-5 所

示。

圖 4-5 個人資料管理流程圖

20

4.6 系統架構

本專題網站分為學生、教師與管理者三部份介面網頁。學生介面

包含最新消息、簡介、線上測驗、成績查詢、個人資料及留言板等網

頁，其架構如圖4-6所示；其次，教師介面包含最新消息、簡介、線上

測驗管理、成績查詢、個人資料及留言板等網頁，其架構如圖4-7所

示；最後，管理者介面包含最新消息、簡介、帳號管理、成績查詢、

個人資料及留言板等網頁，其架構如圖4-3所示。

圖 4-6 學生介面架構圖

圖 4-7 教師介面架構圖

21

4.7 ER-Model 圖

圖 4-8 ER-Model 圖

22

第伍章 專題製作成果

5.1 資料庫設計與建置

5.1.1 此資料表用來存放會員的基本資料，使用者在會員新增時所輸入的基本資料將會儲存在此資料表。

表 5-1 會員資料 memberdata 英文欄位名稱 中文欄位名稱 欄位型態 長度 主索引

id 編號 integer Y Y class 班級 varchar 8 N name 名字 varchar 10 N userID 帳號 varchar 8 N password 密碼 varchar 8 N sex 性別 varchar 2 N birthday 生日 data N email 電子信箱 varchar 50 N phone 聯絡電話 varchar 10 N registDate 註冊日期 integer N CScore 科目分數 1 int 5 N PHPScore 科目分數 2 int 5 N MySQLScore 科目分數 3 int 5 N MISSScore 科目分數 4 int 5 N LinuxScore 科目分數 5 int 5 N

5.1.2 此資料表用來存放測驗科目名稱總表，目的在於後面可依照不同的測驗科目選擇不同的測驗題目。

表 5-2 科目資料 subject 英文欄位名稱 中文欄位名稱 欄位型態 長度 主索引 SID 題號 varchar 10 Y SName 科目名稱 varchar 50 N

23

5.1.3 此資料表存放教師所編輯的題目，教師只要使用到新增題目的新增，就會動用到此資料表。

表 5-3 題庫題目 qanda 英文欄位名稱 中文欄位名稱 欄位型態 長度 主索引 queNum 公告編號 integer 3 Y quiz 題目 text N op1 選項 1 varchar 100 N op2 選項 2 varchar 100 N op3 選項 3 varchar 100 N op4 選項 4 varchar 100 N op5 選項 5 varchar 100 N ans 答案 varchar 50 N level 難易度 varchar 6 N class 類別 integer 1 N

5.1.4 此資料表用來存放使用者在留言版所留下的訊息，都將紀錄在此資料表。

表 5-4 留言版 board 英文欄位名稱 中文欄位名稱 欄位型態 長度 主索引

boardid 公告編號 integer 11 Y boardname 留言人名字 varchar 50 N boardsex 留言人性別 enum N boardsubject 內容 varchar 100 N boardtime 留言時間 datetime N boardmail 電子信箱 varchar 100 N boardweb 連結網頁 varchar 100 N boardcontent 留言回覆 text N

24

5.1.5 此資料表用來存放使用者曾經做過歷史紀錄，只要使用者做過測驗就會紀錄在此資料表。

表 5-5 歷史紀錄 Record 英文欄位名稱 中文欄位名稱 欄位型態 長度 主索引

idRecord 編號 integer 3 Y userId 帳號 varchar 8 N quizs 測驗題數 integer 11 N corrects 答對題數 integer 11 N testDate 測驗時間 timestamp N

5.1.6 此資料表紀錄使用者每次測驗的成績，成績都紀錄在此資料表。

表 5-6 練習測驗成績 Practice_Score 英文欄位名稱 中文欄位名稱 欄位型態 長度 主索引

idPS 編號 integer 3 Y userId 管理者帳號 varchar 8 N startTime 開始時間 varchar 30 N endTime 結束時間 varchar 30 N costTime 花費時間 varchar 20 N quizs 測驗總題數 integer 11 N corrects 答對題數 integer 11 N class 測驗類別 varchar 100 N

25

5.1.7 此資料表用來存放最新公告的內容與資料。管理者只要使用到公告的新增、修改與刪除的話，就會動用到此資料表。

表 5-7 公告表 news 英文欄位名稱 中文欄位名稱 欄位型態 長度 主索引 newsNum 公告編號 integer 3 Y editor 公告者 varchar 6 N content 內容 text N date 公告時間 timestamp N project 標題 varchar 60 N

26

5.2 成果展示

5.2.1 首頁

在圖 5-1 為線上測驗與證照情報網首頁，右上角是會員登入，如果是新會員可由下方的「申請會員」做新申請的動作，黃色區域開始

為最新消息與上傳時間，下面有各單位證照連結。

圖 5-1 線上測驗與證照情報網-首頁

27

5.2.2 新增會員

圖 5-2 為新增會員之表單，所需要的條件包含：姓名、暱稱、帳號、密碼、確認密碼、電子信箱、性別、生日、聯絡電話等欄位，如

果輸入的資料有錯，下方有修改資料的按鈕可以一次清除。

圖 5-2 線上測驗與證照情報網-新增會員

28

5.2.3 會員留言版

圖 5-3 為留言版功能，留言的標題須自行輸入，右邊的大框框可輸入留言的內容，此留言板須登入會員才可以使用。

圖 5-3 線上測驗與證照情報網-會員留言版

29

5.2.4 線上測驗系統-科目選取

圖 5-4 為科目選取畫面，依照目前上傳可以練習或是測驗的選項，點選想練習或是測驗的題目選項進入練習。

圖 5-4 線上測驗與證照情報網-選取測驗科目

30

5.2.5 線上測驗系統-試題作答

圖 5-5 為線上測驗系統，其內容主要讓使用者依題意選擇答案，測驗結果可以得知學習者目前的學期狀況，再依照每人不同的學習狀

況加以輔導改正。

圖 5-5 線上測驗與證照情報網-測驗畫面

31

5.2.6 線上測驗系統-成績顯示

圖 5-6 為測驗後由電腦計算成績，顯示在螢幕上已測驗成績和未測驗的結果

圖 5-6 線上測驗與證照情報網-成績總計

32

5.2.7 線上測驗系統-教師成績查詢

圖 5-7 為教師帳號查詢所有學生測驗後成績，查詢成績此動作只能教師帳號能動作。

圖 5-7 線上測驗與證照情報網-教師成績查詢

33

參考文獻

(一)書籍 1. 陳惠貞、陳俊榮，PHP5&MySQL 程式設計，第二版，臺北市：學貫行

銷，2006。

2. 陳會安，PHP 5 網頁設計範例教本，臺北市：學貫行銷，2005。

3. 林錦雀，PHP 5 & MySQL 私房書，臺北市：金禾資訊，2005。

4.卓輝泰，依學習風格建構中學適性數位學習模式之研究，國立中正大學資

訊工程研究所碩士論文，民國 91 年。

5.林鳳春，探討不同學習風格的國小學童運用網路教學在動物分類學習之成

效，台北市立師範學院科學教育研究所碩士論文，民國 90 年。

6.林農堯，黃國禎”Developmemt of an Adaptive Vi”rtual Tutoring-Assistant

System on Computer Networds＂，國立暨南國際大學資訊管理研究所碩士

論文，民國 92 年。

7.劉信雄，國小學生認知風格、學習策略、自我效能與學業成就關係之研

究，國立政治大學教育研究所博士論文，民國 81 年。

(二) 網頁

1.碁峰資訊線上測驗系統 http://etest.gotop.com.tw/

2.維基百科 http://wikipedia.tw/