線上課程管理系統研習

九十三至九十四學年高中職社區化鳳山區建構適性學習社區
計劃編號: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

安裝線上課程管理軟體
及實作線上課程

邱清文師

3:50~4:00

交流及分享

全體學員

4:00 ~4:50

基礎編輯課程軟體介紹

林淑娟師
邱清文師

4:50~5:00

交流及分享

全體學員

5:00 ~ 5:30

實作課程、討論及交流

邱清文師

5:30~

賦歸及場地清理

全體學員

.2.

1 安裝 Atutor 教學
2 使用 Atutor

Html 及 fronpage、
dreamweaver 簡介

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

學生帳號

5

.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 日

伙伴、講師及助教列表:


1

學校名稱

科別/職稱

高雄縣立福
電腦科
誠高級中學

姓名


電話(含分機)

電子郵件(Email)

胡瑞芬 女 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

設備組長

李章興 男 07-6412059 ex26 t192@mail.ly.ks.edu.tw

教學組長

王英州 男 7477761 轉 21

qwaz@m1.wsm.ks.edu.tw

沈惠平 男 7225936#121

hps@mail.ccps.kh.edu.tw

廖仲文 男 972321672

klia1125@yahoo.com.tw

程國瑞 男 374-9788 (50)

tino321@seed.net.tw

4

高雄縣立林
園高級中學

5 文山高中

6

高雄市中正
電腦教師
國小

7 新光國小

8

教師

高雄縣立特
教師助理
殊教育學校

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

.29.

mis@fssh.khc.edu.tw

AD04 年 11 月 4 日

14

高雄縣立仁
電腦
武高級中學

15

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

16 高英工商

崔俊平 男 07-3721640 ext26

資訊科主任 林泰

男 7832991#266

17

高雄縣私立
設備組長
正義中學

18

高雄縣福誠
電腦科 教師 蔡章弘 男 8224646#27
高中

19 鳳山商工
20 鳳山商工

導師

tender@kyicvs.khc.edu.tw

歐淑芳 女 07-7225529 ext23 m8752612@student.nsysu.edu.tw

hiterlar38@yahoo.com.tw

鄭翔中 男 07-7462602#241
邱清文 男 07-7403455

.30.

chingwen@fsvs.ks.edu.tw

AD04 年 11 月 4 日