atutor 1.4 (chinese pdf)

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

Upload: others

Post on 03-Feb-2022

17 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ATutor 1.4 (Chinese PDF)

線上課程管理系統研習

九十三至九十四學年高中職社區化鳳山區建構適性學習社區

計劃編號:36-01-A-基-研-17

計劃名稱:線上課程管理系統研習

軟體系統:Atutor 1.4

主辦單位:國立鳳山商工學校資料處理科

參與學校:鳳山區十四所合作學校

參與人員:(依筆畫序)林淑娟師、唐偉功師、邱清文師、員志清先生

主編:邱清文師

中華民國94年 3月 8日 編

.1. AD04年 11月 4日

Page 2: ATutor 1.4 (Chinese PDF)

表一、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日

Page 3: ATutor 1.4 (Chinese PDF)

內容目錄

緣起:..........................................................................................................................4自由軟體:........................................................................................................................................4數位學習:........................................................................................................................................4

安裝基本伺服器環境..................................................................................................5appserv 伺服器軟體...........................................................................................................................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日

Page 4: ATutor 1.4 (Chinese PDF)

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

.4. AD04年 11月 4日

Page 5: ATutor 1.4 (Chinese PDF)

緣起:

自由軟體:

最近常有人問我,什麼是自由軟體?為什麼喜歡自由軟體?是在什麼動機下使用自由軟

體?又為什麼逢人便推薦自由軟體?

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

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

數位學習:

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

數位學習(e-learning)具備隨時隨地的高取得特性,尤其符合現代社會快速變遷的模式,

擺脫傳統教學空間、時間的限制,可營造一個自主的、個人的學習空間,因此,數位學習將是

未來網路時代的重要趨勢,並讓全民教育、終身教育的目標,有機會更加具體落實。[桃園縣

楊梅鎮楊明國民小學數位學習網 ]

網路教學的特點:

一、多媒體優勢:

二、多人共同討論學習:類似討論區版主、家族的家長等。

三、省時、省力、省錢且有效的教學工具:

四、基本技巧:打字、html 編輯器(含所視及所得)、專業。

網路教學注意事項:

一、網路教學並不能取代傳統的課堂教學。

二、網路教學不是目的而是方法[http://www.edu.cn/20030922/3091479.shtml]

.5. AD04年 11月 4日

Page 6: ATutor 1.4 (Chinese PDF)

安裝基本伺服器環境

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 ZendOptimizer2.5.3 phpMyAdmin 2.6.0-rc1 Perl 5.8.4

.6. AD04年 11月 4日

Page 7: ATutor 1.4 (Chinese PDF)

安裝

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

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

設定安裝目錄:

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

.7. AD04年 11月 4日

Page 8: ATutor 1.4 (Chinese PDF)

將管理者 email 改成你的 email,按[Next]按鈕。

將 Chrset 改成 big5

.8. AD04年 11月 4日

Page 9: ATutor 1.4 (Chinese PDF)

安裝程式中

選擇啟動 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日

Page 10: ATutor 1.4 (Chinese PDF)

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

Page 11: ATutor 1.4 (Chinese PDF)

問題與解答:

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日

Page 12: ATutor 1.4 (Chinese PDF)

安裝線上課程管理軟體

軟體需求:

一、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 的指令,通常將檔案設為可讀寫指令為[chmod777 檔案或資料夾 (-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日

Page 13: ATutor 1.4 (Chinese PDF)

3 管理者密碼及系統參數設定:本次研習的管理者帳號設為:admin,密碼設為

1234,若您已熟悉本軟體則請自行變更。

4 一般帳號及基本歡迎課程:除了管理者帳號外,atutor還有學生及教師帳號,此

兩種帳號均是一般帳號,系統建立之初會請您輸入一個一般帳號,本次研習設定帳號

為 user,密碼為 1234。

5 內容儲存目錄:因為課程需要上傳至某一目錄,必須設定一目錄為課程內容,本

次研習設定為 c:\appserv\www\Atutor\content。

6儲存以上設定。

7開始上線測試。

.13. AD04年 11月 4日

Page 14: ATutor 1.4 (Chinese PDF)

安裝圖例:

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

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

.14. AD04年 11月 4日

Page 15: ATutor 1.4 (Chinese PDF)

版權畫面:請按 I Agree 按鈕。

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

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

.15. AD04年 11月 4日

Page 16: ATutor 1.4 (Chinese PDF)

資料庫建立完成。

設定系統管理者:此處設定帳號 admin 密碼 1234電子郵件 [email protected]

.16. AD04年 11月 4日

Page 17: ATutor 1.4 (Chinese PDF)

建立一個一般帳號:帳號 user 密碼 1234

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

.17. AD04年 11月 4日

Page 18: ATutor 1.4 (Chinese PDF)

因為 windows xp 的安全性原則,必須將 content 目錄的存取權限設定給 everyone,若是

linux則需要使用設定 chmod 的方式。

內容放置的預設目錄。

.18. AD04年 11月 4日

Page 19: ATutor 1.4 (Chinese PDF)

將設定寫入設定檔中。

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

.19. AD04年 11月 4日

Page 20: ATutor 1.4 (Chinese PDF)

請先使用 admin系統管理者來登入,密碼為 1234。

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

.20. AD04年 11月 4日

Page 21: ATutor 1.4 (Chinese PDF)

選擇中文語文界面,按下[set]按鈕,回首頁之後,全部的語文由英文轉為中文。

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

utf8 環境。

註:big5 碼常見的問題是衝碼,如「許功蓋」等字有時在網頁處理上會產生亂碼。另外 big5碼的缺字問題也是相當的嚴重。

.21. AD04年 11月 4日

Page 22: ATutor 1.4 (Chinese PDF)

基礎編輯課程

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

一、建立一學科目錄:

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

[計算機概論](可由與會貴賓自定),按下[建立]。(請注意此分類下還可增加子分類,本次研習

中不討論子分類,學員可自行測試)

2 登出

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

.22. AD04年 11月 4日

Page 23: ATutor 1.4 (Chinese PDF)

二、建立一教學科目:

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

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

]

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

說明:您正在瀏覽課程區。請點選下方的新增公告 來增加課程公告。這頁是學生進入這個

課程的首頁。注意連結到這個地方的內容及上方有一個 全區選單

您可以點選新增主題來增加內容主題頁面,這樣同時會在選單上增加一個選項。注意選單

上也有一個 "新增主題" 的選項,所以您也可以從選單上新增主題頁面。

.23. AD04年 11月 4日

Page 24: ATutor 1.4 (Chinese PDF)

3 建立一新主題,依序輸入,並按下[儲存變更]。此部分複雜很多,期待下次的研習來祥

細說明如何建立一個良好的課程範例。

.24. AD04年 11月 4日

Page 25: ATutor 1.4 (Chinese PDF)

三、上線註冊一學生帳號:

課程建立完成後,我們需要一個一般帳號來測試,而這個帳號主要是學習課程使用,暫

時我們叫他學生帳號,其實只要透過管理者設定,任何一個一般帳號也都可以開課程。

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

2 輸入必要的資訊:登入名稱:std;密碼:1234;再次輸入密碼:1234;電子郵件:

[email protected](請注意不可和其他一般帳號重複登入名稱及電子郵件)。

四、模擬學生學習狀況:

1利用新建立的學生密碼登入:按下[登入]按鈕,按下[瀏覽課程]按鈕,選擇課程[計算機

概論][計算機發展],開始網路學習課程。

.25. AD04年 11月 4日

Page 26: ATutor 1.4 (Chinese PDF)

五、結語:

引用: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日

Page 27: ATutor 1.4 (Chinese PDF)

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日

Page 28: ATutor 1.4 (Chinese PDF)

3 切換至[html原始碼],複製所需文字。

4 轉貼至Atutor 內。

研習後語:

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

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

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

.28. AD04年 11月 4日

Page 29: ATutor 1.4 (Chinese PDF)

伙伴、講師及助教列表:

號學校名稱 科別/職稱 姓名

別電話(含分機) 電子郵件(Email)

1高雄縣立福

誠高級中學電腦科 胡瑞芬 女 07-8224646-47 [email protected]

2 中山工商 教學組長 唐文宗 男 07-7815311-290 [email protected]

3 中山工商 設備組長 林文男 男 07-7815311-200 [email protected]

4高雄縣立林

園高級中學設備組長 李章興 男 07-6412059 ex26 [email protected]

5 文山高中 教學組長 王英州 男 7477761轉 21 [email protected]

6高雄市中正

國小電腦教師 沈惠平 男 7225936#121 [email protected]

7新光國小 教師 廖仲文 男 972321672 [email protected]

8高雄縣立特

殊教育學校教師助理 程國瑞 男 374-9788 (50) [email protected]

9普門高中 圖書館主任 陳椿榮 男 6562676#120 [email protected]

10鳳新高中藝能科/電腦教師

林光耀 男 07-7658288#412 [email protected]

11鳳山商工 資處科技士 員志清 男 07-7403455 [email protected]

12鳳山商工 資料處理科 林淑娟 女 7462602 ext 272 [email protected]

13鳳中高中 技服組長 吳賜昌 男 7463150ex70 [email protected]

.29. AD04年 11月 4日

Page 30: ATutor 1.4 (Chinese PDF)

14高雄縣立仁

武高級中學電腦 崔俊平 男 07-3721640 ext26

15高雄縣立仁

武高級中學

電腦/實習教

師陳秀如 女 07-3721640 ext20 [email protected]

16 高英工商 資訊科主任 林泰 男 7832991#266 [email protected]

17高雄縣私立

正義中學設備組長 歐淑芳 女 07-7225529 ext23 [email protected]

18高雄縣福誠

高中電腦科 教師 蔡章弘 男 8224646#27 [email protected]

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

20鳳山商工 邱清文 男 07-7403455 [email protected]

.30. AD04年 11月 4日