臺灣博碩士論文加值系統

數位遊戲市場的蓬勃發展與成長，吸引許多人接連投入數位遊戲開發與學習的行列，同時由於網際網路快速發展，以及學習電腦化的改變，從而掀起一股數位學習的風潮，學習者利用網際網路來輔助學習與尋找相關知識也日益普遍。縱觀現今網路數位學習，目前普遍以網站、線上論壇以及部落格的形式為主，然而在數位遊戲設計的過程中，包含了大量的遊戲概念、程式邏輯、音樂音效以及美工圖形的相關討論，但一般網站、論壇以及部落格等留言板式的網路學習環境中，由於討論方式較呆板缺乏互動性，使得學習者往往無法針對教材內容中的特定主題或關鍵字從事進一步的深入探討。近年來註記(annotation)方式輔助個人學習逐漸成為一種新興的學習方式，然而一般手寫或便利貼式的註記系統，雖可讓學習者針對教材的主題或關鍵字進行註記，但卻不易與他人分享註記內容或於註記中再進一步做註記討論，註記時亦容易造成教材內容版面的混亂。有鑑於此，本研究針對數位遊戲的發展與學習需要，來建置可多人使用的Web註記系統，能夠讓學習者藉本系統對線上教材中特定主題或關鍵字進行註記，此系統有別於手寫與便利貼的註記方式，使用者可同時發表(回答)問題或看法，且能夠對他人註記的定主題或關鍵字產生的討論內容，進行再註記之樹狀延伸討論。註記所產生之討論內容以網頁形式呈現，可方便教學者因應學習者的學習狀況產生新的教材或新的話題，提供學習者或其他使用者進一步閱讀與註記，從而強化針對特定主題或關鍵字的深度討論，進而支援線上合作學習的功能。本研究並以此系統建構一數位遊戲教學平台，並觀察本校玩遊所、資科系與數位科技設計系學生的使用狀況，藉由對研究對象進行訪談，本研究發現研究對象對於使用註記系統來輔助學習普遍抱持正面意見，但對於系統的介面設計與操作流暢則表示仍有改善空間，同時本研究亦整理訪談之意見與回饋，並歸納出日後發展方向與目標，以求未來系統的開發能夠更益加完整。

Since the growth up of digital game market, many people had joined to learn or to development about Game Design. As the Internet grow up rapidly and the present of e-learning. Users, which take advantage of using Internet to associate with learning behavior, had become more and more normally. Most of e-learning are represented mainly with web pages, online chats, and blogs. However, during the process of designing a game, which would involve with much discussion about Gaming conception, programming logic, music, sound and graphic. Nonetheless, learners using these representations often encounter with the difficulty that certain terms or keywords require further explanation or clarification. Annotations have been used as a support for learning, and thus can be conducted with manual writing or post-it. However, these traditional ways as annotations are unable to share with others who may also require explanation. Neither, are the contents of annotations unable to annotate if necessary. Furthermore, manual writing or post-it could cause the layout of the paper unorganized or even disrupted. Therefore, this paper intends to develop a web annotation tool that is focused to match the need of game design and can be used by multi-users at the same time. Opposed to traditional annotations, learners not only annotate subject or keywords, but also raise concern or questions at certain annotation done by others. Participants can provide inputs for discussion upon certain annotation. This discussion can be freely conducted and eventually shown in a hierarchical tree. Discussion of certain annotation is displayed in terms of web pages, which allow learners to insert new material or involve in new topic. And, these can also be read and annotated by all participants to enhance the breadth and depth of discussion so as to function to support online collaboration learning. Currently, this research focuses on experimenting with an online game-learning platform. Users of this platform include students in the departments of Toy and Game Design, Information Science and Digital Technology Design in the National Taipei University of Education. The feedback and survey from their use will be investigated and assessed to use as a basis for future improvement.

目錄
摘要 I
Abstract II
目錄 IV
圖目錄 VI
表目錄 VII
第一章‧緒論 1
第一節‧研究背景與動機 1
第二節‧研究目的 3
第三節‧研究對象與限制 3
第二章‧文獻探討 5
第一節‧數位遊戲 5
第二節‧數位學習 8
第三節‧網路合作學習 15
第四節‧註記與註記系統 19
第五節‧可使用性與使用性評估 28
第六節‧小結 33
第三章‧研究方法與流程 39
第一節‧研究方法 39
第二節‧研究流程 45
第四章‧系統規劃與建構 46
第一節‧功能分析與規劃 46
第二節‧系統架構 48
第三節‧系統開發工具 49
第四節‧系統介面設計 54
第五節‧建構結果與比較 59
第五章‧資料整理與分析 66
第一節‧深度訪談 66
第二節‧資料分析編碼 69
第六章‧結論與建議 103
第一節‧結論 103
第二節‧建議 106
參考文獻 108
一‧中文部份： 108
二‧英文部份： 110
三‧網際網路： 114
附錄一‧訪談說明 115
附錄二‧訪談問項 116
附錄三‧研究資料授權書 117
附錄四‧訪談資料確認書 118


圖目錄
圖 2-1-1核心機制、故事與敘述、互動性 6
圖 2-2-1教學網頁例：香港教育學院─圖書館線上導航 11
圖 2-2-2教學學習社群例：程式設計師俱樂部 12
圖 2-2-3教學平台例：K12數位學校 13
圖 2-2-4部落格例：XNA Team Blog 14
圖 2-3-1網路合作學習五大要素 16
圖 2-4-1註記的方式 20
圖 2-4-2 YAWAS 執行畫面 22
圖 2-4-3 Annotea 執行畫面 23
圖 2-4-4 EDUCOSM 執行畫面 24
圖 2-4-5 ScreenCrayons執行畫面 25
圖 2-4-6 u-Annotea執行畫面 26
圖 2-4-7 Free-form Annotation Tool執行畫面 - 1 27
圖 2-4-8 Free-form Annotation Tool執行畫面 - 2 27
圖 2-5-1系統可接受度屬性模型 28
圖 2-5-2學習曲線 29
圖 3-1-1雛型法 40
圖 3-2-1研究流程圖 45
圖 4-2-1網頁註記系統伺服器架構圖 48
圖 4-2-2網頁註記系統資料處理流程 49
圖 4-3-1 EditPlus Text Editor 50
圖 4-3-2 DHTML Slider 51
圖 4-3-3 JavaScript Vectorgraphics Library 51
圖 4-3-4 JavaScript Sortable Table Library 52
圖 4-3-5 FKC Editor 52
圖 4-3-6 PhpMyAdmin 53
圖 4-4-1註記系統主畫面 55
圖 4-4-2註記內容輸入畫面 55
圖 4-4-3圖形註記工具介面 57
圖 4-4-4註記瀏覽與討論功能 58
圖 5-1-1深度訪談規劃流程圖 67
圖 5-2-1完整編碼類別架構圖 1 101
圖 5-2-2完整編碼類別架構圖 2 102

表目錄
表 2-3-1符合合作學習之網站功能 18
表 2-5-1使用性評估方法彙總 31
表 2-6-1註紀系統比較表 37
表 3-1-1深度訪談問項一覽表 43
表 4-4-1學習者系統服務需求程度調查 47
表 4-5-1系統功能比較表─線上註紀 59
表 4-5-2系統功能比較表─文字標示 60
表 4-5-3系統功能比較表─文字註記 60
表 4-5-4系統功能比較表─圖形註記 61
表 4-5-5系統功能比較表─超連結式註記 61
表 4-5-6系統功能比較表─共享註記內容 62
表 4-5-7系統功能比較表─回應主題 62
表 4-5-8系統功能比較表─巢狀註記 63
表 4-5-9系統功能比較表─加入多媒體內容 63
表 4-5-10系統功能比較表─檔案上傳 64
表 4-5-11系統功能比較表─外部資料庫 64
表 4-5-12系統功能比較表─註記過濾 65
表 4-5-13系統功能比較表─討論通知 65
表 5-1-1深度訪談問項一覽表 67
表 5-1-2受訪人資料及訪談時間表 69
表 5-2-1訪談題一關鍵字編碼 70
表 5-2-2訪談題二關鍵字編碼 71
表 5-2-3訪談題三關鍵字編碼 72
表 5-2-4訪談題四關鍵字編碼 74
表 5-2-5訪談題五關鍵字編碼 76
表 5-2-6訪談題六關鍵字編碼 78
表 5-2-7訪談題七關鍵字編碼 80
表 5-2-8訪談題八關鍵字編碼 81
表 5-2-9訪談題九關鍵字編碼 83
表 5-2-10訪談題十關鍵字編碼 85
表 5-2-11訪談題十一關鍵字編碼 86
表 5-2-12訪談題十二關鍵字編碼 87
表 5-2-13易學類別編碼形成 89
表 5-2-14效率類別編碼形成 91
表 5-2-15易記類別編碼形成 94
表 5-2-16少錯類別編碼形成 95
表 5-2-17主觀滿意類別編碼形成 96
表 5-2-18未來發展建議類別編碼形成 98

一‧中文部份：
江柏寬(2007)。電子文件註記系統之探討與實作。國立政治大學資訊管理研究所碩士論文。
吳明隆(1998)。電腦網路學習特性及其相關問題的省思。教育部電子計算機中心簡訊，8709 期。
李錦興(2007)。探討網頁註記標記語言與註記回顧對於數學學習之影響。國立中央大學資訊工程研究所碩士論文。
杜明璋(2004)。網路學習服務之個人化註記管理。國立中央大學網路科技學習研究所碩士論文。
林志隆、蕭君如、蔡孟諺、吳宗霖(2007)。探討以建構式數位學習平台發展教學模式。科技與學習學術研討會。屏東：國立屏東教育大學
洪明洲(1999)。網路教學。台北：華彩軟體。
張基成(1998)。教師專業成長網路學習社群之規劃及其預期效益與挑戰。教學科技與媒體，第 40 期。31-42。
張基成、莊智明(1997)。科技化企業訓練新趨勢下的網路化訓練-網際網路與全球資訊網在企業教育訓練上的應用。遠距教育第8期。12-17。
連士傑、李世忠(2006)。國內部落格(Blog)於教學上之應用。電腦與網路科技在教育上的應用研討會。新竹：國立新竹教育大學。
陳守賢(2001)。建構易用線上註記平台。私立中原大學 資訊管理學系碩士論文。
陳佳賢(2001)。我國線上學習市場現況與未來展望。資訊工業透析：電子商務年5月。2 - 16。
陳柳馨(2008)。網路學習社群使用者知識分享障礙之探究。國立台北教育大學教育傳播與科技研究所碩士論文。
陳煥彬(1999)。網路合作學習系統之規劃、建置與評估。國立臺南師範學院資訊教育研究所碩士論文。
傅安生(2005)。BLOG 部落格在校園的應用。北縣教育第50期。59-64。
黃秀鳳(2004)。企業導入e-Learning 的成功關鍵因素之探討以科技框架模式分析。國立中山大學 資訊管理學系 碩士在職專班碩士論文。
黃貝玲(2001)。從線上學習的發展看企業線上訓練。電子化企業:經理人報告，第19期。12-23。
黃俊英(2000)。行銷研究概論第三版。台北：華泰文化事業出版社。
黃瑞琴(1999)。質性教育研究方法。台北：心理出版社。
楊承勳(2008)。教學知識社群推廣之行動研究。天主教輔仁大學資訊管理學系碩士論文。
葉思義、宋昀璐(2004)。數位遊戲設計─數位遊戲設計知識全領域。台北：碁峰出版社。
鄒景平(2000)。全球電子學習市場蓄勢待發。管理雜誌312期。87 - 89。
鄒景平(2003)。數位學習概論。資策會教育訓練處電腦圖書─數位學習最佳指引。1-6。
壽大衛(2001)。資訊網路教學。台北：師大書苑。
榮欽科技(2003)。遊戲設計概論。台北：碁峰出版社。
潘慕平(2006)。遊戲引擎課程之教學平台建構。國立台北教育大學玩具與遊戲設計研究所碩士論文。
鄧友清(2000)。以「使用性」為訴求的國中數學網路教學介面之研究。私立大葉大學資訊管理研究所碩士論文。
魏來成(1999)。促進合作的網路學習活動與系統的發展。國立臺南師範學院資訊教育研究所碩士論文。
藝力協(2003)。Blog：部落格線上出版、網路日誌實作。台北：上奇科技。

二‧英文部份：
Alan L.Eliason. (1990). System development: analysis, design, and implementation / 2nd ed. U.S.A.,Harper Collins Publishers.
Al-Hawamdeh, S. & Lee, C.S. (2001) New mode of course delivery for virtual classroom. Aslib Proceedings，53，No. 6，238-239。
Andrew Rollings and Ernest Adams.(2003) Andrew Rollings and Ernest Adams on Game Design. , New Riders Publishing.
Anselm Strauss and Juliet Corbin .(1998). Basics of Qualitative Research Techniques and Procedures for Developing Grounded Theory (2nd edition), Sage Publications: London.
Barret, E. and Lally, V. (1999) Gender difference in an on-line learning environment. Journal of Computer Assisted Learning, 15. 48-60.
Brush, A. J. B.(2002). Annotating Digital Documents for Asynchronous Collaboration. Technical Report, 02-09-02.
Clark, R. C., and Mayer, R. E. (2003). E-Learning and the science of instruction. San Francisco, CA: Profiler.
Dix, J. A. & Finlay, E. J. & Abowd, D. G. and Beale, R.（1998） Human-Computer Interaction. Prentice Hall Europe.
Fiala, Z., and MeiBner, K. (2003) Annotating Virtual Web Documents with DynamicMarks. Workshop XML Technologien für das Semantic Web(XSW 2003), Berliner XML Tage, Berlin.
Gillespie, H., Boulton, H., Jramiak, A., & Williamson, R. (2007). Learning and teaching with virtual learning environments. Exeter: Learning Matters.
Graham, C. R.(2002). Factors for Effective Learning Group in Face-to-Face and Virtual Environments. The Quarterly Review of Distance Education, 3(3), 307-319.
Grudin, J.(1992). Utility and Usability: Research Issues and Development Contexts, Interacting with Computers, 4(2), 209-217.

Handschuh, S., Staab, S., and Maedche, A.(2001) CREAM-creating relational metadata with a component-bases, ontology-driven annotation framework. First International Conference on Knowledge Capture.
Hann,D.E.,Glowacki-Dudka,M., & Conceicao-Runlee, S.(2000) 147 Practical tips for teaching online groups: Essentials os web-based education. Madison, WI: Atwood Publishing.
Han-Zhen Wu, Stephen J.H. Yang, Yu-Sheng Su. (2008) Free-Form Annotation Tool for Collaboration. 2008 IEEE International Conference on Sensor Networks, Ubiquitous, and Trustworthy Computing.
Hidi, S., and Anderson, T.(1986), Producing Writing Summaries: Task Deman ds, Cognitive Operations, and Implication for Instruction. Review of Educational Research.
Kahan, J., Koivunen, M., Prud’Hommeaux, E., and Swick, R.R.(2001) Annotea: An open RDF Infrastructure for Shared Web Annotations. Tenth World wide web Conference, Hong Kong, 623-632.
Laurent Denoue , Laurence Vignollet.(2000) An annotation tool for Web browsers and its applications to information retrieval. In Proceedings of RIAO2000.
Mayes, J. T., Draper, S. W., McGregor, A. M. and Oatley, K. (1988) Information Flow in a User Interface: The Effect of Experience and Context on the Recall of MacWrite Screens. In Jones, D. M. and Winder, R. L. (Eds.), People and Computers IV, Cambridge: Cambridge University Press.
Miettinen M, Kurhila J, Nokelainen P, Floréen P and Tirri H (2003) EDUCOSM - Personalized Writable Web for Learning Communities, in Proceedings of International Conference on Information Technology Institute of Electrical and Electronics Engineers, USA, 37-42.
Mohamed Amine Chatti, Tim Sodhi, M. Specht, R. Klamma, R. Klemke. (2006) u-Annotate: An Application for User-Driven Freeform Digital Ink Annotation of E-Learning Content. Proceedings of the 6th International Conference on Advanced Learning Technologies (ICALT 2006).
Molich, R. and Nielsen, J. (1990). Improving a Human-Computer Dialogue. Communications of the ACM, 33(3), March, 338-348.

Newman ,W.M. and Lamming , M.G.(1995). Interactive System Design, Massachusetts:Addision Wesley.
Nielsen, J. (1989). Usability Engineering at a Discount. In Salvendy, G. and Smith, M. J. (Eds.) Designing and Using Human-Computer Interfaces and Knowledge Based Systems. Elsevier Science Publishers, Amsterdam, The Netherlands, 394-401.
Nielsen, J. (1990). Big Paybacks from ‘Discount’ Usability Engineering. IEEE software, 7(3), May, 107-108.
Nielsen, J. (1992b). Finding Usability Problems Through Heuristic Evaluation. Proc. ACM CHI’92 Conf. (Monterey, CA, 3-7 May), 373-380.
Nielsen, J. (1993b). Heuristic Evaluaion. In Nielsen, J. and Mack, R. L. (Eds.), Usability Inspection Methods. Books under preparation.
Nielsen, J. (1993c). Guerilla HCI: Using Discount Usability Engineering to Penetrate the Intimidation Barrier. In Bias, R. G. and Mayhew, D. J. (Eds.), Cost-Justifying Usability. Academic Press, Boston, MA.
Nielsen, J. and Molich, R.(1990). Heuristic Evaluation of User Interfaces. Proc. ACM CHI’90 Conf. (Seattle, WA, 1-5 April), 249-256.
Nielsen, J. and Phillips, V. L.(1993). Estimating the Relative Usability of Two Interfaces: Heuristic, Formal, and Empirical Methods Compared. Proc. ACM INTERCHI’93 Conf. (Amsterdam, The Netherlands, 24-29 April).
Nielsen, J.(1992a). Evaulating the Think Aloud Technique for Use by Computer Scientists. In Hartson, H.R. and Hix, D.(Eds). Advances in Human-Computer Interactions, 3, Ablex, Norwood, N.J, 69-82.
Nielsen, J.(1993a) Usability Engineering. AP Professional, Academic Press, San Diego, USA.
O’Hara, K. and Wilensky, R.(1997). A Comparison of Reading Paper and On-line Document, CHI97.Atlanta, GA:ACM Press.
Ovsiannikov, I. A., Arbib, M. A., & Mcneill, T. H.(1999). Annotation Technology. International Journal of Human-Computer Studies, 50, 329-362.

Polson, P. G., Muncher, E. and Engelbeck, G.(1986). A Test of a Common Elements Theory of Transfer. Proc. ACM CHI’86 Conf. (Boston, MA, 13-17 April). 78-83.
Quade, A. M.(1996). An assessment of retention and depth of processing associated with notetaking using traditional paper and pencil and on-line notepad during computer –delivered instruction. Eric Document Reproduction Service, NO. ED383 330.
Rosenberg, M.J.(2001). E-Learning: strategies for delivering knowledge in the digital age, The McGraw-Hill Companies.
Rovai， A. P. (2000) Building and sustaining community in asynchronous learning networks, Internet and Higher Education, 3. 285-297。
Slavin, R. E. (1983). Cooperative learning: Applying contacttheory in desegregated schools. Journal of Social Issues,43-62.
Slavin, R. E. (1995). Cooperative learning: theory, research, and practice. Englewood Cliffs, NJ: Prentice-Hall.
Slotte, V. and Lonka, K.(2003). Note-taking review – Practical value for learners, Arobase 2003, 1-2, 79-86.
Telles, M.(1990). Updating an Older Interface. Proc. ACM CHI’90 Conf. (Seattle, WA, 1-5 April) . 243-247.
Trent Taufer. (2007).SCREENCRAYONS:USING SCREEN CAPTURES FOR ANNOTATION AND RESEARCH. Department of Computer Science, Brigham Young University, April 2007.
Virzi, R. A. (1991).Apreference evaluation of three dialing plans for a residential,phone-based information service. Proc. Human Factors Society 35th AnnualMeeting (San Francisco, CA, 2-6 September).



三‧網際網路：
DHTML Slider, from
http://carpe.ambiprospect.com/slider/

Editor Plus 3 Text Editor, from
http://www.editplus.com/

FCKeditor, from
http://www.fckeditor.net/

JavaScript Sortable Table Library. Stuart Langridge(2009) from http://www.kryogenix.org/code/browser/sorttable/

JavaScript Vectorgraphics Library. Walter Zorn(2009) from http://www.walterzorn.com/index.htm

PhpMyAdmin, from
http://www.phpmyadmin.net/home_page/index.php

XNA Team Blog, from http://blogs.msdn.com/xna/

Wikipedia─Learning Management System, from http://en.wikipedia.org/wiki/Learning_Management_System

香港教育學院圖書館─圖書館線上導航, from http://www.lib.ied.edu.hk/is/tutorial/chinese/fp/index.htm

程式設計師俱樂部 V7.0, from
http://www.programmer-club.com.tw/

資策會 (1999) 專科以上學校開辦遠距教學作業要點, from
http://www.edu.tw/rules/index.htm，台北：教育部。