臺灣博碩士論文加值系統

目前透過全球資訊網（Word Wide Web）來進行遠距教學，有三項缺點：
1. 影像教材中的文字經過壓縮後傳送，造成接收端解壓縮後畫面失真﹑閃動且難以辨認。
2. HTML靜態教材以點選超連結（Hyperlink），循序下載方式呈現教材（Sequential loading），缺少時間觀念，無法提供動態導覽方式與同步語音解說。
3. 遠距教學增加老師教學上的負擔，無法在傳統課堂教學時提供超媒體教材供遠端學生線上接收，並自動製成課程隨選點播教材。
有鑑於此，本論文提出『網路式同步超媒體教材(Web-based Synchronized Hypermedia Lecture-WSHL)』之架構，整合靜態教材—HTML網頁﹑連續媒體教材—網路影像/聲音與同步導覽控制技術，提出兩種教學模式：
『線上模式』：透過WWW瀏覽器下載作家系統，將老師上課實況影音﹑網頁教材與同步導覽控制事件（如捲軸調整﹑畫筆﹑關鍵字眼反白、游標等）現場直接傳送，學生端透過WWW瀏覽器進行教學。
『點播模式』：將線上模式所記錄的網頁教材﹑影音資料與同步導覽控制事件，透過SMIL相容的句法描述出來，學生透過網路點播進行學習。
讓老師能在任何地方與時間透過網路下載本系統進行教學，學生能夠透過系統依個人需求進行學習。

Currently, the WWW has created an open-environment for convenient delivering of the HTML pages and low-bandwidth video clips. Since the HTML pages can present static text and image in much higher resolution than that presented by a low bit-rate video clip, we believe that the optimal mode for a Web-based distance lecture is to use (1) streaming video clips for the audio/video lecturing, and (2) dynamically loaded HTML pages to present the lecture notes navigation process. To this end, in this thesis, we have designed a “Live/On-Demand Synchronized AV/HTML Distance Lecture System” to synchronize the presentation of the streaming video lecture, the HTML-based lecture notes, and the HTML Navigation Events. We propose a “Web-based Synchronized Hypermedia Lecture (WSHL)” framework to automate the recording of the media presentation events based on the SMIL specification. The WSHL framework consists of three major modules: (1) WSHL Recorder- for recording the temporal information of the AV lecture and the HTML-based lecture notes navigation process. (2) WSHL Event Server- for receiving, multicasting and depositing WSHL events. (3) WSHL Browser- for presentation of the synchronized AV lecture and HTML-based lecture notes navigation. To evaluate the performance of the propose framework, in this stage, we have applied the RealSystem to implement a prototype Synchronized AV/HTML Distance Lecture System using Java/JavaScript. The prototype system demonstrates the feasibility of the proposed framework.

目錄
第1章 簡介 ……………………………………………………………………… 1
1.1 前言與動機 …………………………………………………………… 1
1.2 目的 …………………………………………………………………… 1
1.3 論文章節編排 ………………………………………………………… 2
第2章 WEB-BASED遠距教學相關研究 ………………………………………… 3
2.1 全球資訊網相關技術研究 …………………………………………… 3
2.1.1 Common Gateway Interface ……………………………… 4
2.1.2 Java……………………………………………………………… 5
2.1.3 JavaScript……………………………………………………… 7
Core JavaScript ……………………………………………… 8
Client-side JavaScript …………………………………… 8
Server-side JavaScrip ……………………………………… 9
JavaScript 與Java …………………………………………… 9
JavaScript之標準化 ………………………………………… 10
2.1.4 Document Object Model (DOM) ………………………… 11
2.1.5 Dynamic HTML ……………………………………………… 11
2.1.6 SMIL與HTML+TIME …………………………………………… 12
2.2 PURE HTML 遠距教學系統 ………………………………………… 12
2.3 影音／網頁同步遠距教學系統 ……………………………………… 14
2.4 WEB-BASED同步超媒體教材系統 …………………………………… 18
2.4.1 特色 …………………………………………………………… 19
Web-based環境 ………………………………………………… 19
PC-based 平台 ………………………………………………… 19
pure HTML GUI容易使用 …………………………………… 20
SMIL-based隨選課程教材 …………………………………… 20
2.4.2 功能 …………………………………………………………… 21
線上推播（Live Multicasting） ………………………… 21
隨選課程(Lecture-on-Demand) …………………………… 22
顯示HTML網頁教材 …………………………………………… 22
上課教學實況影音教材（以下簡稱『教學影音教材』）…… 22
導覽HTML網頁事件（以下簡稱『導覽教學事件』） ……… 22
影音/網頁/導覽教學事件 同步機制 ………………………… 23
教學影音教材管理 …………………………………………… 23
導覽教學事件管理 …………………………………………… 23
隨選課程教材目錄管理 ……………………………………… 24
自動轉換SMIL-based教材 …………………………………… 24
第3章 暨南國際大學網路影音/網頁同步遠距教學之發展 ………………… 25
3.1 簡介 ………………………………………………………………… 25
3.2 暨大遠距教學環境 ………………………………………………… 27
3.3 網路影音/網頁同步教學系統架構 ……………………………… 30
3.3.1 『網路影音/網頁同步教學作家系統』 …………………… 30
3.3.2 『網路影音/網頁同步播放器』…………………………… 31
3.3.3 RealNetworks系統 ………………………………………… 32
3.3.4 WWW 伺服器 ………………………………………………… 32
3.4 影音/網頁同步教學系統實作 …………………………………… 32
3.4.1 『線上模式』 ……………………………………………… 33
3.4.2 『連線模式』 ……………………………………………… 34
3.5網路式REALVIDEO影片編輯系統………………………………… 35
3.5.1 網路式RealVideo影片編輯系統架構 …………………… 37
Player ………………………………………………………… 37
Editor ………………………………………………………… 37
RealVideo 編輯代理人 …………………………………… 39
Real Server ………………………………………………… 39
3.5.2 系統實作 …………………………………………………… 39
即時播放（Streaming Playback） ……………………… 40
基本的編輯控制(參考圖十六） …………………………… 40
3.6網路影音/網頁同步教學功能改進 ……………………………… 42
第4章 SMIL在遠距教學之應用 ………………………………………………… 44
4.1 系統雛形與實作 …………………………………………………… 46
第5章 系統架構 ………………………………………………………………… 50
5.1 WEB-BASED同步超媒體教材記錄器 ……………………………… 52
5.1.1 計時器 ……………………………………………………… 53
5.1.2 即時影音編碼器……………………………………………… 53
5.1.3 工具列 ……………………………………………………… 53
5.1.4 事件記程器 ………………………………………………… 54
5.2 導覽教學事件伺服器（WSHL EVENT SERVER） ………………… 58
5.2.1 SMIL-based導覽教學事件轉換 …………………………… 59
媒體URL特性 ………………………………………………… 60
版面編排 ……………………………………………………… 61
時間關係 ……………………………………………………… 61
5.3 教學影音教材伺服器 ……………………………………………… 63
5.4 WEB-BASED 同步超媒體教材瀏覽器 ……………………………… 64
5.4.1 WSHL讀入器 ………………………………………………… 64
5.4.2 教學影音教材播放器 …………………………………………64
5.4.3 導覽事件處理器 …………………………………………… 65
5.5 導覽教學事件同步控制機制 ……………………………………… 66
第6章 系統實作 ………………………………………………………………… 69
6.1WORLD WIDE WEB開發環境之考量 ……………………………… 69
6.2 系統程式模組 ……………………………………………………… 70
6.3WSHL EVENT 格式 ………………………………………………… 71
6.4 影音系統(REAL SYSTEM) ………………………………………… 72
6.5 硬體需求 …………………………………………………………… 72
6.5.1 RealServer的建議硬體規格如下 ………………………… 72
6.5.2 老師端的建議硬體規格 …………………………………… 73
第7章 問題與探討 ……………………………………………………………… 74
7.1 開發平台問題與限制 ………………………………………………… 74
7.2 SMIL轉換問題 ……………………………………………………… 74
7.3 HTML FRAME標籤問題 ……………………………………………… 74
7.4 螢幕解析度與瀏覽器字形大小設定 ………………………………… 75
第8章 結論與未來工作 ………………………………………………………… 76
參考文獻 ………………………………………………………………………… 78
遠距教學概論 ………………………………………………………… 78
遠距教學系統 ………………………………………………………… 78
多媒體系統 …………………………………………………………… 80
WWW規格與標準 ……………………………………………………… 81
技術手冊 ……………………………………………………………… 81
公司產品 ……………………………………………………………… 82
附錄 A WSHL EVENT格式 ……………………………………………………… 83
附錄 B 系統使用手冊 ………………………………………………………… 84
伺服器 …………………………………………………………………… 84
老師端 …………………………………………………………………… 86
學生端 …………………………………………………………………… 92
附錄 C 發表論文 ……………………………………………………………… 95
附錄 D 工作經驗 ……………………………………………………………… 97

參考文獻
遠距教學概論
[1] A. W. Hussein, “Working Group Report on Distance Learning,” Proceedings of the 5th Workshop on Enabling Technologies: Infrastructure for Collaborative Enterprises, pp. 34 -37, 1996.
[2] S. Fukuda, “Working Group Report on Distance Learning,” Proceedings of the 6th IEEE Workshop on Enabling Technologies: Infrastructure for Collaborative Enterprises, pp. 353-354, 1997.
[3] A. Ausserhofer, “Web-Based Teaching and Learning: A Panacea?,“ IEEE Communication Magazine, Vol. 37, pp. 92-96, March 1999.
[4] D. A. Harris, “Online Distance Education in the United States,” IEEE Communicators Magazine, Vol. 37 pp. 87-91, March 1999.
[5] J. Azuma, “Creating Educational Web Site,” IEEE Communication Magazine,” Vol. 37, pp. 109-113, March 1999.
[6] B. Collis, “Applications of Computer Communications in Education: An Overview,” IEEE Communication, Vol. 37, pp. 82-86, March 1999.
[7] M. R. Finley, Jr., “Tele-Learning: The Killer App," IEEE Communication Magazine, Vol. 37, pp. 80-81, March 1999
遠距教學系統
[8] E. N. Houstis, A. Joshi, M. Atallah, S. Weerawaeane, A. Elmagarmid, “Internet, Education, and the Web,” Proceedings of WET ICE ’96, pp. 27-32, 1996.
[9] J. Cheung, K. B. Letaief, and P. Chan, “ Multimedia-Teaching-on-the-Web,” Proceedings of IEEE Third International Conference on Multi-Media Engineering and Education (MMEE98), Vol. 18, Hongkong, 1998.
[10] J. N. Hwang, S. G. Deshpande, M.T. Sun, “ Multimedia Features for Course-on-Demand in Distance Learning,” the 5th International World Wide Web Conference, pp.513-518, 1996.
[11] K.C. Lee, K. N. Chang, S. S. Yu, I. C. Chang, C. W. Shia, W. C. Chen, and J. H. Huang, “Design and Implementation of Important Applications in a Java-based Multimedia Digital Classroom,” IEEE Transactions on Consumer Electronics, vol. 43, no. 3, pp. 264 –270, Aug. 1997.
[12] K. R. Desai, R. S. Culver, “Multimedia Hypertext on the WWW and its use in Education,” FIE ‘98 Proceedings, pp. 730-734.
[13] H. Y. Chen, G. Y. Chen, J. S. Hong, “ Design of a Web-based Synchronized Multimedia Lecture System,” ICMCS ’99, Vol. 2, pp. 887-891, Jun. 1999.
[14] 陳恒佑、陳景宜、洪政欣 等, “ The Study on the use of WWW multimedia systems for remote language teaching,” The 7th International Conference on Computer-Assisted Instruction(ICCAI 1998);第七屆際電腦輔助教學研討會, pp.558-564, 1998.
[15] H. Y. Chen, C. W. Chin, G. Y. Chen, S. W. Shih, J. S. Hong, " A WWW-based Framework for Language Listening Comprehension Training, " IEEE Third International Conference on Multi-Media Engineering and Education (MMEE98), Vol. 18, Hongkong, 1998.
[16] 陳恒佑、陳景宜、洪政欣, " 網路影音/網頁同步教材作家系統," Fourth International Symposium on Real-Time and Media System(RAMS''''98), pp. 37-42, 1998.
[17] 陳恒佑、陳景宜、洪政欣, " 暨南國際大學在網路影音/ 網頁同步遠距教學之發展現況," 遠距教育季刊第九期, pp. 36-41, 1998.
[18] 陳恒佑, 賈言從, 陳景宜,洪政欣, " Design of a Web-based Synchronized Multimedia Lecture System for Distance," 4th Multimedia Technology and Applications Symposium, pp. 887-891, June 1999.
[19] 陳恒佑, 賈言從, 陳景宜,洪政欣, " SMIL在遠距教學之應用," The 8th International Conference on Computer-Assisted Instruction(ICCAI 1999), pp. 58-59, 1999.
[20] H. Y. Chen, Y. T. Chia, G. Y. Chen, J. S. Hong, “ RTP-based Synchronization Hypermedia Live Lecture System for Distance Education,” ACM99 submitted.
[21] M. C. Lai, B. H. Chen, S. M. Yuan, “ Toward A New Educational Environment,” the 4th International World Wide Web Conference, 1995.
[22] J. F. Kurose, H. I. Lee, J. Padhye, J. Steinberg, “ MANIC: Multimedia Asynchronous Networked Individualized Courseware,” Proceedings of Educational Media and Hypermedia, 1997.
[23] W. H. Ma, Y. J. Lee, D. H. C. Du, and M. P. McCahill, “ Video-Based Hypermedia for Education-on-Demand,” IEEE Multimedia, vol. 51, pp. 72-83, Jan.-Mar., 1998
[24] P. J. Yeh, B. H. Chen, M. C. Lai, S. M. Yuan, “ Synchronous Navigation Control for Distance Learning on the Web,” Proceedings of fifth International World Wide Web Conference, May 1996
[25] Maly K., A. Wahab, H., Overstreet, C.M., Gupta, A,K., Youssef, A., Stoica, E., “ Interactive distance learning over intranets,” IEEE Internet Computing, pp. 60-71, 1997
多媒體系統
[26] L. Bouthillier, “ Synchronized Multimedia on the Web,” Web Techniques Magazine, Volume 3, Issue 9 Septmber 1998,
[27] Burger, J., “The Desktop Multimedia Bible,” Addsion Wesley, 1993.
[28] Z. Chen, S. M. Tan, R. H. Campbell, Y. Li, “Real Time Video and Audio in the World Wide Web,” the 4th International World Wide Web Conference, 1995.
[29] B. Furht, “ Multimedia System: An Overview,” Florida Atlantic University, IEEE Multimedia, 1994.
[30] S.Y. Sung, W. M. Soon, W. L. Loh, K. Shaw, " A Multimedia Authoring Tool For The Internet," submitted to IEEE Transactions on Consumer Electronics,1997.
[31] H. Y. Chen, J. S. Hong, Y. S. Fu, J. L. Wu, " WWW-EFXer: A Java-based Video Editing System," submitted to IEEE Transactions on Consumer Electronics, 1998.
[32] H. J. Meng, D. Zhong, S. F. Chang, Y. Wang, A. R. Reibman, B. H. Juang, T. Chen, S. Y. Kung, "WebClip: a WWW video editing/browsing system," IEEE Intern. Workshop on Multimedia Signal Processing, 1997.
[33] J. K. Dey, S. Sen, J. F. Kurose, D. Towsley, J. D. Salehi, " Playback restart in interactive streaming video applications," IEEE International Conference on Multimedia Computing and Systems, 1997.
WWW規格與標準
[34] “Synchronized Multimedia Integration Language (SMIL) 1.0 Specification,” W3C Recommendation 15-June-1998.
[35] “HTML 3.2 Reference Specification W3C Recommendation,” 14-Jan., 1997.
[36] “HTML 4.0 Specification W3C Recommendation,” revised on 24-Apr-1998.
[37] “Positioning HTML Elements with Cascading Style Sheets,” W3C Working Draft, Aug 1997.
[38] “Cascading Style Sheets level 1,” W3C Recommendation 17 Dec 1996, revised 11 Jan 1999.
[39] “Document Object Model Level 1,” http://www.w3.org,
[40] P. Schmitz, J. Yu, P. Santangeli, ”Timed Interactive Multimedia Extensions for HTML(HTML+TIME),” World Wide Web Consortium NOTE, 1998.
[41] “European Computer Manufacturers Association,” http://www.ecma.ch/
[42] “Common Gateway Interface,” http://hoohoo.ncsa.uiuc.edu/
技術手冊
[43] “Client-Side JavaScript Guide,” Netscape Inc.
[44] “JavaScript Security in Communicator 4.x,” http://developer.netscape.com/
[45] “Netscape System Targets,” http://developer.netscape.com
[46] “RealAudio and RealVideo Content Creation Guide,” RealNetwork, Inc.
[47] “Basic Server Plus,” RealNetwork, Inc.
[48] “Apache HTTP Server Verion 1.3,” http://www.apache.org
[49] “Dynamic HTML,” http://developer.netscape.com
[50] “REALSYSTEMTM G2 PRODUCTION GUIDE,” RealNetworks
[51] “REALSERVER ADMINISTRATION GUIDE,” RealNetworks
[52] S. Gundavaram, “CGI Programming on the World Wide Web,” O’Reilly & Accosiates, Inc.
公司產品
[53] Voxware, http://www.voxware.com
[54] RealAudio, http://www.realaudio. com
[55] Java, http://www.javasoft.com
[56] JavaScript, http://www.netscape.com
[57] World Wide Web Consortium, http://www.w3.org/
[58] Microsoft, http://msdn.microsoft.com