線上課程管理系統研習

九十三至九十四學年高中職社區化鳳山區建構適性學習社區
計劃編號：36-01-A-基-研-17
計劃名稱：線上課程管理系統研習
軟體系統：Atutor 1.4
主辦單位：國立鳳山商工學校資料處理科
參與學校：鳳山區十四所合作學校
參與人員：(依筆畫序)林淑娟師、唐偉功師、邱清文師、員志清先生
主編：邱清文師
中華民國 94 年 3 月 8 日 編

．1． AD04 年 11 月 4 日
 表一、11 月 26 日下午研習課程表

時間 課程內容 負責人員 備註

1:30 ~ 2:00 報到及環境介紹 助教 報到

2:00～2:50 在 windows 環境安裝基 邱清文師 1 Appserv 安裝教學

本伺服器環境 2 phpmyadmin 簡介

2:50～3:00 交流及分享 全體學員

3:00～3:50 安裝線上課程管理軟體 邱清文師 1 安裝 Atutor 教學

及實作線上課程 2 使用 Atutor

3:50～4:00 交流及分享 全體學員

4:00 ～4:50 基礎編輯課程軟體介紹 林淑娟師 Html 及 fronpage、

邱清文師 dreamweaver 簡介

4:50～5:00 交流及分享 全體學員

5:00 ~ 5:30 實作課程、討論及交流 邱清文師

5:30～ 賦歸及場地清理 全體學員

．2． AD04 年 11 月 4 日
內容目錄
緣起：..........................................................................................................................4
自由軟體：........................................................................................................................................4
數位學習：........................................................................................................................................4
安裝基本伺服器環境..................................................................................................5
appserv 伺服器軟體...........................................................................................................................5
簡介：...........................................................................................................................................5
安裝...............................................................................................................................................6
測試：...........................................................................................................................................9
問題與解答：.............................................................................................................................10
帳號密碼表......................................................................................................................................10
安裝線上課程管理軟體............................................................................................11
軟體需求：......................................................................................................................................11
一、ATutor 課程伺服器.............................................................................................................11
二、資料庫使用者.....................................................................................................................11
三、網頁瀏覽器.........................................................................................................................11
四、安裝：.................................................................................................................................11
安裝圖例：......................................................................................................................................13
基礎編輯課程............................................................................................................21
一、建立一學科目錄：..................................................................................................................21
二、建立一教學科目：..................................................................................................................22
三、上線註冊一學生帳號：..........................................................................................................24
四、模擬學生學習狀況：..............................................................................................................24
五、結語：......................................................................................................................................25
NVU............................................................................................................................26
伙伴、講師及助教列表：........................................................................................28

本研習教學目標：
1 學習架設自由軟體伺服器 Appserv。
2 學習架設線上課程管理軟體 Atutor。
3 瞭解 Atutor 的管理者和一般帳號的權限。
4 瞭解自由軟體精神。
5 操作自由軟體。

本研習之起點行為：
1 與會學員必須熟悉中文輸入、網路概念。

．3． AD04 年 11 月 4 日
2 能學習編輯網頁格式(即 html 語法)
3 有意願架設實驗之線上課程教學網站。

．4． AD04 年 11 月 4 日
緣起：

自由軟體：

最近常有人問我，什麼是自由軟體？為什麼喜歡自由軟體？是在什麼動機下使用自由軟
體？又為什麼逢人便推薦自由軟體？

OLS3: 自由軟體是一種生活習慣及態度。OLS3: 改變習慣最好的方法就是每天做它，一直

到你非用它不可。使用自由軟體也是如此。

數位學習：

今日的學習為明天挑戰做準備：

數位學習（e-learning）具備隨時隨地的高取得特性，尤其符合現代社會快速變遷的模式，
擺脫傳統教學空間、時間的限制，可營造一個自主的、個人的學習空間，因此，數位學習將是
未來網路時代的重要趨勢，並讓全民教育、終身教育的目標，有機會更加具體落實。[桃園縣
楊梅鎮楊明國民小學數位學習網 ]

網路教學的特點：
一、多媒體優勢：
二、多人共同討論學習：類似討論區版主、家族的家長等。
三、省時、省力、省錢且有效的教學工具：
四、基本技巧：打字、html 編輯器(含所視及所得)、專業。
網路教學注意事項：
一、網路教學並不能取代傳統的課堂教學。
二、網路教學不是目的而是方法[http://www.edu.cn/20030922/3091479.shtml]

．5． AD04 年 11 月 4 日
安裝基本伺服器環境

appserv 伺服器軟體

簡介：

AppServ 是 PHP 網頁架站工具組合包，泰國的作者將一些網路上免費的架站資源重新包

裝成單一的安裝程式，以方便初學者快速完成架站，AppServ 所包含的軟體有：Apache、
PHP、MySQL 等架站軟體。目前版本為 2.4x(穩定版)及 2.5x(發展版)，本次研習使用的是 2.4x
的穩定版。

必須先從架設一個 web server 開始，在 Windows 的系統上，雖然從 win2k 開始就已經內

建了 IIS 這套 web server，但不如使用網路上整合 web server、database server 及 SSI 語言的免費
套件包，如 AppServ 及 Foxserv 都是蠻有名的套件，不過 Foxserv 從 3.1beta1 之後就沒再更新了，
所以這裡我們採用 AppServ 為範例。

AppServ 現在改成 2.4.x 及 2.5.x 兩種版本發佈，差別在於 2.4.x 的版本是採用較穩定的

PHP 4xx 為核心，適合架站使用，而 2.5.x 是採用 PHP5.x，目的是要給程式開發者做測試用，
但 PHP5 對目前就有的函式支援不多，所以作者就採用兩種不同的版本來做區別。而為了穩定
我們使用 AppServ2.4.1 版本，其中包括：Apache 1.3.31 PHP 4.3.8 MySQL 4.0.20 Zend
Optimizer2.5.3 phpMyAdmin 2.6.0-rc1 Perl 5.8.4

．6． AD04 年 11 月 4 日
安裝

首先先下載 AppServ2.4.1，然後選擇執行，基本上就像在 windows 上安裝任何一個軟體一

樣，只要不斷的按下一步即可。

設定安裝目錄：

設定使用機器的 DomainName 及 port(一般設為 80，小心和其他的 Web Server 相衝)。

．7． AD04 年 11 月 4 日
將管理者 email 改成你的 email，按[Next]按鈕。

將 Chrset 改成 big5

．8． AD04 年 11 月 4 日
 安裝程式中

選擇啟動 Apache 及 MySQL，按[close]按鈕。

Apache 啟動畫面，若有任何錯誤在這畫面會停留很久。若有錯誤可以將 appserv 作反安

裝的動作，再將 c:\Appserv 的目錄刪除，即可重新安裝。

**以下的動作如果作為正式上線的機器，則一定要作，如此可以加強安全性。

接下要做一些小修改，請使用筆記本之類的編輯軟體修改
C:\AppServ\www\phpMyAdmin\config.inc.php 這個檔案，找到

$cfg['PmaAbsoluteUri'] = '';

修改為

$cfg['PmaAbsoluteUri'] = 'http://localhost/phpMyAdmin';

還有

．9． AD04 年 11 月 4 日
 $cfg['Servers'][$i]['auth_type'] = 'config';
$cfg['Servers'][$i]['user'] = 'root';
$cfg['Servers'][$i]['password'] = '';

如果你要採取自動登入的話，就不用作修改，但這樣十分危險，等於是任何人都可以登
入到你的資料庫中，所以建議修改成：

$cfg['Servers'][$i]['auth_type'] = 'http';

這樣會在登入到 phpmyadmin 時詢問帳號密碼，這時預設管理帳號是 root，預設密碼是空

白，使用者可登入後選擇更改密碼。在本研習中密碼變更為 123456，請與會貴賓手動變更。

測試：

請打開瀏覽器，輸入網址：http://localhost 或 http://127.0.0.1，看到 appserv 首頁，表示安

裝成功。

．10． AD04 年 11 月 4 日
問題與解答：

Q：任何一部機器都可以架設伺服器？

A：是的，以本次研習而言，只要是 winodws 平台 PC，任何機器皆可架設。

Q：免費嗎？

A：是比免費更高級的「自由」(Free)。[free.tnc.edu.tw/modules/news/article.php?storyid=1585]

Q：

A：

帳號密碼表

編號 軟體 帳號 密碼 密碼 備註

1 mysql root 操作 mysql 時需要

2 Atutor admin 管理者帳號

3 User 一般帳號--教師帳號

4 Std 學生帳號

．11． AD04 年 11 月 4 日
安裝線上課程管理軟體

軟體需求：

一、ATutor 課程伺服器

．HTTP 網頁伺服器(建議 Apache 1.3.x. 但是不建議使用 Apache 2.x).

．PHP 4.3.0 或更高的版本 需支援 Zlib 及 mysql

．MySQL 3.23.x 或更高的版本，(MySQL 4.1.x 和 5.x 並沒有官方支援).

二、資料庫使用者

需要一個有資料庫建立表格權限的使用者名稱，可參考 mysql 的使用手冊。

三、網頁瀏覽器

建議以下的版本： Netscape (7+) 、 Mozilla 、Microsoft Internet Explorer 4+、Opera 5+.

四、安裝：

在安裝的每個步驟中，若是沒有錯誤發生，那您將會成功的使用 Atutor，並且在 unix 和

windows 的環境中的安裝方式是類似的。

在安裝之前，您要先熟悉 unix 中 chmod 的指令，通常將檔案設為可讀寫指令為[chmod

777 檔案或資料夾 (-R)] ，其中-R 只有在資料夾可使用。若是 windows 系統，則是對著檔案或
資料夾按右鍵，選[內容]，在唯讀的選項上動作。

下載的 Atutor 程式解壓縮至 web server 的主資料夾，本研習資料夾為

c:\appserv\www，在瀏覽器上輸入 http://localhost/atutor 即可按照步驟一步一步的安裝。

1 使用限制：Atutor 是使用 GNU General Public License (GPL)授權，如果您要使用

Atutor 那您必需同意 GPL 的授權。

2 資料庫：Atutor 需要 mysql 來工作，所以您需要祥細的知道 mysql 的連結方式。在

本研習中，mysql 的帳號預設是：root，

．12． AD04 年 11 月 4 日
 3 管理者密碼及系統參數設定：本次研習的管理者帳號設為：admin，密碼設為
1234，若您已熟悉本軟體則請自行變更。

4 一般帳號及基本歡迎課程：除了管理者帳號外，atutor 還有學生及教師帳號，此
兩種帳號均是一般帳號，系統建立之初會請您輸入一個一般帳號，本次研習設定帳號
為 user，密碼為 1234。

5 內容儲存目錄：因為課程需要上傳至某一目錄，必須設定一目錄為課程內容，本
次研習設定為 c:\appserv\www\Atutor\content。

6 儲存以上設定。

7 開始上線測試。

．13． AD04 年 11 月 4 日
安裝圖例：

將主程式解壓縮至 Web Server 的目錄下。本研習的目錄是 C:\Appserv\www\。

安裝開始：請輸入網址 http://localhost/ATutor/install，按下 install 的按鈕開始安裝。

．14． AD04 年 11 月 4 日
 版權畫面：請按 I Agree 按鈕。

資料庫設定畫面：Database Username 處輸入 root，Databse Password 處輸入 123456。這和

之前的 mysql 設定有關。接下來請按 Next 按鈕。

．15． AD04 年 11 月 4 日
資料庫建立完成。

設定系統管理者：此處設定帳號 admin 密碼 1234 電子郵件 x@fsvs.ks.edu.tw。

．16． AD04 年 11 月 4 日
建立一個一般帳號：帳號 user 密碼 1234

手動建立一存放課程內容的目錄，預設是 c:\appserv\www\ATutor\content。

．17． AD04 年 11 月 4 日
 因為 windows xp 的安全性原則，必須將 content 目錄的存取權限設定給 everyone，若是
linux 則需要使用設定 chmod 的方式。

內容放置的預設目錄。

．18． AD04 年 11 月 4 日
將設定寫入設定檔中。

安裝完成，按 log-in 按鈕來登入。

．19． AD04 年 11 月 4 日
請先使用 admin 系統管理者來登入，密碼為 1234。

修改語言選項，增加中文，按【瀏覽】取得中文語系檔 atutor.1.4.2.zht，按下[Import]按鈕。

．20． AD04 年 11 月 4 日
 選擇中文語文界面，按下[set]按鈕，回首頁之後，全部的語文由英文轉為中文。

註：因為 big5 的體質先天不良，所以在網頁使用上會造成一些困擾，未來我們將轉向

utf8 環境。

註：big5 碼常見的問題是衝碼，如「許功蓋」等字有時在網頁處理上會產生亂碼。另外 big5

碼的缺字問題也是相當的嚴重。

．21． AD04 年 11 月 4 日
基礎編輯課程

底下針對學生如何使用 Atutor；如何創造及管理線上課程；及如何管理伺服器。

一、建立一學科目錄：

1 使用管理者帳號密碼登入系統(帳號 admin 密碼 1234)，按下[課程分類]，分類名稱輸入

[計算機概論](可由與會貴賓自定)，按下[建立]。(請注意此分類下還可增加子分類，本次研習
中不討論子分類，學員可自行測試)

2 登出

註：學科目錄的分類及次分類是由系統管理員主控。

．22． AD04 年 11 月 4 日
二、建立一教學科目：

1 請用一般帳號登入(帳號 user 密碼 1234)，建立一新課程。輸入課程名稱、語系、內容描述、

分類等，按下[建立一個新課程

2 請注意頁面說明，關於新增公告及新增主題。

說明：您正在瀏覽課程區。請點選下方的新增公告 來增加課程公告。這頁是學生進入這個
課程的首頁。注意連結到這個地方的內容及上方有一個 全區選單

您可以點選新增主題來增加內容主題頁面，這樣同時會在選單上增加一個選項。注意選單
上也有一個 "新增主題" 的選項，所以您也可以從選單上新增主題頁面。

．23． AD04 年 11 月 4 日
 3 建立一新主題，依序輸入，並按下[儲存變更]。此部分複雜很多，期待下次的研習來祥
細說明如何建立一個良好的課程範例。

．24． AD04 年 11 月 4 日
三、上線註冊一學生帳號：

課程建立完成後，我們需要一個一般帳號來測試，而這個帳號主要是學習課程使用，暫
時我們叫他學生帳號，其實只要透過管理者設定，任何一個一般帳號也都可以開課程。

1 開啟瀏覽器，輸入網址 http://localhost/ATutor ，選擇[建立一個免費帳號]。

2 輸入必要的資訊：登入名稱：std；密碼：1234；再次輸入密碼：1234；電子郵件：
z@fsvs.ks.edu.tw(請注意不可和其他一般帳號重複登入名稱及電子郵件)。

四、模擬學生學習狀況：

1 利用新建立的學生密碼登入：按下[登入]按鈕，按下[瀏覽課程]按鈕，選擇課程[計算機
概論][計算機發展]，開始網路學習課程。

．25． AD04 年 11 月 4 日
五、結語：

引用：http://free.tnc.edu.tw/modules/news/article.php?storyid=1017

兩個 PHP 的線上課程管理系統(LMS)

http://sourceforge.net/projects/atutor/
前比較熱門的是 MOODLE：
http://sourceforge.net/projects/moodle/
MOODLE 的介面是比較單純，而且繁體中文的語系檔案也很完整，不過 ATUTOR 特別的地
方是，符合 SCORM 標準！
符合這個標準有什麼特別的呢？簡單的說就是兩個：
1. 課程內容可以獨立存在
也就是上課的人不見得一定要在連線的狀態下才能閱讀課程內容，也可以線上將課程內容匯
出，在離線的狀態下閱讀
2. 課程系統之間可以很容易的交流課程內容
這樣子一來就很容易匯集大家的努力，不過不同的系統之間還是有些差異，至少同樣使用
ATUTOR 所發展出來的課程可以交流

．26． AD04 年 11 月 4 日
NVU

NVU 是一套同樣以 Mozilla 為核心的網頁編輯器 (就像市面上常見的 FrontPage 或是

Dreamweaver 等等網頁編輯程式)， 目前由 Linspire (以前的 Lindows) 主導開發。

承襲了 Mozilla 的特色， NVU 是一套開放源碼(Open Source)、 跨平台(Cross Platform)、免

費的程式， 任何人都可以自由下載使用。

下載：(windows 平台)http://www.moztw.org/dls/nvu/nvu-0.50-win32-zhTW-installer.exe

官方網址：(英) http://nvu.com/

本次研習並不是教授 html 輯編軟體，只是藉用其 html 的視覺化編輯工具，如果您能了解

html 語法是更好的選擇。

安裝：(略)

使用：

1 啟動 NVU

2 開始輸入所需文字

．27． AD04 年 11 月 4 日
3 切換至[html 原始碼]，複製所需文字。

4 轉貼至 Atutor 內。

研習後語：

1 本研習所使用的光碟為台南縣網製作之「自由天碟」2.0

說明：http://free.tnc.edu.tw/modules/news/article.php?storyid=1536

2 下年度的研習重點將放在線上課程製作，歡迎各類科老師參與。

．28． AD04 年 11 月 4 日
伙伴、講師及助教列表：

編 性
學校名稱 科別/職稱 姓名 電話(含分機) 電子郵件(Email)
號 別

高雄縣立福
1 電腦科 胡瑞芬 女 07-8224646-47 hrf8311@yahoo.om.tw
誠高級中學

2 中山工商 教學組長 唐文宗 男 07-7815311-290 0800916@mail.csic.khc.edu.tw

3 中山工商 設備組長 林文男 男 07-7815311-200 0820805@mail1.csic.khc.edu.tw

高雄縣立林
4 設備組長 李章興 男 07-6412059 ex26 t192@mail.ly.ks.edu.tw
園高級中學

5 文山高中 教學組長 王英州 男 7477761 轉 21 qwaz@m1.wsm.ks.edu.tw

高雄市中正
6 電腦教師 沈惠平 男 7225936#121 hps@mail.ccps.kh.edu.tw
國小

7 新光國小 教師 廖仲文 男 972321672 klia1125@yahoo.com.tw

高雄縣立特
8 教師助理 程國瑞 男 374-9788 (50) tino321@seed.net.tw
殊教育學校

9 普門高中 圖書館主任 陳椿榮 男 6562676#120 chunrong@ms.pmsh.khc.edu.tw

藝能科/電腦
10 鳳新高中 林光耀 男 07-7658288#412 fcsh412@yahoo.com.tw
教師

11 鳳山商工 資處科技士 員志清 男 07-7403455 yjc21001@fsvs.ks.edu.tw

12 鳳山商工 資料處理科 林淑娟 女 7462602 ext 272 cisse@fsvs.ks.edu.tw

13 鳳中高中 技服組長 吳賜昌 男 7463150ex70 mis@fssh.khc.edu.tw

．29． AD04 年 11 月 4 日
 高雄縣立仁
14 電腦 崔俊平 男 07-3721640 ext26
武高級中學

高雄縣立仁 電腦/實習教
15 陳秀如 女 07-3721640 ext20 n9090028@webmail.stut.edu.tw
武高級中學 師

16 高英工商 資訊科主任 林泰 男 7832991#266 tender@kyicvs.khc.edu.tw

高雄縣私立
17 設備組長 歐淑芳 女 07-7225529 ext23 m8752612@student.nsysu.edu.tw
正義中學

高雄縣福誠
18 電腦科 教師 蔡章弘 男 8224646#27 hiterlar38@yahoo.com.tw
高中

19 鳳山商工 導師 鄭翔中 男 07-7462602＃241

20 鳳山商工 邱清文 男 07-7403455 chingwen@fsvs.ks.edu.tw

．30． AD04 年 11 月 4 日