近年來，在網路上有許多程式相關的課程與線上學習平台，大多都是透過影音錄影來授課，授課者透過分享自己的螢幕畫面，以邊撰寫程式邊說明的方式來進行線上授課。然而，這樣的學習效果呈現兩極化，有良好程式基礎能力的學習者可以針對所需的內容快速吸收，但對於程式基礎不佳的學習者容易對程式撰寫的步驟不清楚且程式碼無法有效記憶，在觀看影片後也無法快速複習，必須重複觀看影片來取得所需知識。
為了解決線上程式語言學習障礙，本研究依據概念圖相關理論及同儕互動學習理論建置程式語言學習平台並設計一套Ruby on Rails的課程，透過概念圖作為數位教材。在課程內容設計，以主題式來區分學習內容，並融入編序教學法，依照實作功能將程式撰寫的步驟一一說明，循序漸進的教學，提升程式語言學習成效。學習者可以運用平台進行線上學習，課後也能在平台上練習作業，運用同儕互動學習功能，參考同儕的筆記、作業，增加程式語言學習效益。
本研究之研究貢獻如下：
1.線上程式語言學習透過概念圖以編序教學法安排教材內容，有助於學習者提升學習成效。
2.研究者建構程式學習平台，將所規劃的程式語言課程公開放置平台上，學習者學習後，能增強程式語言能力。
3.程式學習平台之同儕筆記、作業分享功能能夠有效促進同儕互動學習，增加學習效益。

In recent years, there are many program-related courses and online learning platforms on the Internet. Most of which are taught through video with audio recording. Instructors share screens and teach online while coding. However, such learning effects are polarized. Learners with better program-based skills can quickly absorb course content. On the contrary, learners with inferior programming skills will have difficulty in understanding the steps of coding and memorizing the code effectively. Learners may not review in an effective way after watching the courses clips. Moreover, a repeat courses video watching is needed with an eye to acquiring the main concept.
In order to tackle the problem of online programming language learning, this study built a programming language learning platform and designed a set of Ruby on Rails courses. This study separated the learning content into different themes with programmed instructions via the concept map, which is used as a digital teaching material.. According to the different themes, the steps of coding are explained with detailed instructions.
Learners can use the platform for online learning. After every class, they can also practice exercises on the platform. Peer-to-peer interactive learning function is provided for learners to refer to peer notes and exercises with a view to enhancing the effectiveness of programming language learning. The research contributions of this study are as follows:
1.Arrange digital teaching materials into programmed instructions via the concept map in online programming language learning. In addition, this study helps learners to improve their learning performance.
2.Build a programming learning platform. The researcher opens the planned programming language courses on the platform for learners to enhance the programming language ability after learning.
3.The notes and exercises sharing functions of the programming learning platform can effectively promote peer learning and improve learning efficiency

參考文獻

中文參考文獻
1. 丁碧莉. (2004). 語文知識結構之評量研究－以國小英語科為例. 國立雲林科技大學資訊管理研究所碩士論文.
2. 王曉璿， 陳文鴻， 邱宜箴. (2010). 運用概念圖輔助國小學童主題式程式設計課程效益探究. 科技教育課程改革與發展學術研討會論文集, (頁 94-99).
3. 朱式慶主編. (2009). 教育技術學. 中國科學技術大學出版社.
4. 朱則剛. (1994). 建構主義知識論與情境認知的迷思─兼談其對認知心理學的意義. 教學科技與媒體, 13, 13-14.
5. 江惠真. (2016). 編序教材於數學科補救教學之應用. 2016教學創新國際學術研討會：中小學補救教學之展望. 淡江大學.
6. 余民寧. (1997). 有意義的學習——概念構圖之研究. 商鼎.
7. 吳有龍、張啟瑞、林寶安. (2011). 警察機關受理報案e化資訊系統員警使用滿意度之研究. 經營管理論叢, 7(1), 1-18.
8. 吳勝福 (2004), 應用概念構圖融入高職教學對學生多元智慧表現之研究：以計算機概論為例, 南台科技大學資訊管理系所, 碩士論文, 未出版
9. 吳惠婷. (2009). 小組合作概念圖融入國小一年級生活課程之行動研究. 國立屏東教育大學數理教育研究所碩士論文.
10. 李世亮. (2009). 知識工作任務導向之知識建構的自我協調與心智模式形成研究. 臺灣師範大學圖書資訊學研究所碩士論文.
11. 李長群. (2004). 以全球資訊網建構“學習與身心問題之溝通與輔導”系統－探討匿名與否、同儕互動對輔導成效之影響. 第五屆電子化企業經營管理理論暨實務研討會.
12. 林人龍. (1991). 概念構圖一一科技認知學習的另一種方法. 生活科技教育, 第三十二卷(第十一期), 10-19.
13. 林建良 、黃台珠. (2010). 概念圖與程序V圖對大專生程式解題能力之影響. 教學科技與媒體, 93, 頁 61-76.
14. 林輝鐸, 莊桓綺, 陳怡琴, 羅珮妤, & 鄭郁蝶. (2010). 3D 動畫學習環境-以電腦程式語言學習對比學習時間與學習成效之研究. 全球商業經營管理學報, 頁 45-54.
15. 邱千芳. (2005). 線上旅遊網站品質與使用者接受度之研究. 國立成功大學工業與資訊管理學系碩士在職專班學位論文.
16. 邱郁文(Yuh-Wen Chiu);林益民(Yi-Min Lin);施東河(Dong-Her Shih). (2007). 系統特性、任務特性與電腦自我效能對個人線上學習行為傾向影響. 電子商務學報, 9(2), 頁 235-266.
17. 洪明洲. (1999). 網路教學. 台北: 華彩軟體股份有限公司。.
18. 唐昇志, 陳龍川, & 劉得煒. (2001). 網路化主題式學習平台之設計與建置. NCS 全國計算機會議. 台中市.
19. 馬藹屏. (1987). 家庭社經地位、父母教養方式與國中學生自我概念、友伴關係之調查研究. 中國文化大學兒童福利研究所碩士論文. 台北市。.
20. 高廣孚. (1988). 教學原理. 臺北: 五南.
21. 張又升. (2013). 遊戲式概念構圖之學習效益初探. 國立暨南國際大學資訊管理學系碩士論文.
22. 張世忠. (2000). 建構教學—理論與應用. 台北市：五南圖書出版公司.
23. 張春興. (1994). 教育心理學─三化取向的理論與實踐. 東華.
24. 張春興. (1996). 教育心理學：三化取向. 臺北市: 東華.
25. 張春興. (2003). 現代心理學. 台北: 東華.
26. 張添雄. (2008). 斯金納編序教學法教學設計在自然與生活科技學習領域教學上的應用. 教師之友(49(2)), 頁 14-25.
27. 張嘉宏. (2007). JSP 教學系統設計與評估. 國立雲林科技大學資訊管理系碩士論文.
28. 張靜嚳. (1995). 何謂建構主義？ 建構與教學. 中部地區科學教育簡訊(第三期)..
29. 陳文典. (2003). 自然與生活科技學習領域主題式教. 台北: 國立教育研究院籌備處.
30. 陳明溥. (2007). 程式語言課程之教學模式與學習工具對初學者學習成效與學習態度之影響.
31. 陳皓朋. (1998). 「看」出美麗新世界：迎接圖像思考紀元的來臨. (8月號), 頁 38-39.
32. 葉倩亨. (2001). 路徑搜尋網路分析應用於大一心理學學習效果評量之研究. 教育與心理研究, 24(下), 421-446.
33. 董少桓、林宗德、沈維倫、錢傳明、沈勇嘉. (2005). 支援教師分身的智慧型程式言教學平台. 雲林科技大學資訊管理系.
34. 鄭廉勳. (2002). 適性化的使用者模組案例式學習知識庫. 國立中央大學資訊工程研究所碩士論文
35. 鄭麗玉. (2009). 認知心理學－理論與應用 (第 第三版 版). 五南出版社.
36. 蕭文峰、張德民、鍾靖良. (2010年09月). 程式語言背景知識之語法與用途對學習新程式語言之影響. 資訊管理學報　, 第十七卷　(第三期).
37. 賴怡君. (2009). 結合概念圖模式於線上知識診斷與補救教學系統之研究-以Java程式設計課程為例。朝陽科技大學資訊管理系碩士班碩士論文賴明峰. (2001). GSS應用於產品創意發想階段之研究. 國立臺灣科技大學資訊管理系碩士論文.
38. 錢傅明. (2008). 支援同儕學習的程式語言教學平台. 國立雲林科技大學.
39. 鍾素梅. (2005c年7月12日). Ausubel有意義的學習理論之探討. 擷取自 https://www.nani.com.tw/teacher_share/article/D_3_9_92_131.doc
40. 豐佳燕、陳明溥. (2008). 國小學生學習電腦程式之研究- 以 Stagecast Creator 創作遊戲為例. GCCCE2008 第十二屆全球華人計算機教育應用大會.

網頁參考文獻
1. 江凱狄.(2015年8月12日). 知識表徵. 擷取自 科技網: https://www.digitimes.com.tw/tw/dt/n/shwnws.asp?id=0000438634_xde75gfm2jh4gj5aghnk3

英文參考文獻
1. Ausubel, Robinson. (1969). School Learning: An Introduction to Educational Psychology. New York: Rinehart & Winston.
2. Chan T. W., Hue C.W., Chou C. Y., & Tzeng J. L. (2000). Four Space of Network Learning Models. Computers & Education, 37, pp 141-161.
3. du Boulay, B., O'Shea, T. & Monk, J. (1989). The Black Box Inside the Glass Box: Presenting Computing Concepts to Novices. Studying the Novice Programmer. E. Soloway and J. C. Spohrer.Hillsdale, NJ, Lawrence Erlbaum Associates.
4. Gomes, A. J., & Mendes, A. J. (2015). À procura de um contexto para apoiar a aprendizagem inicial de programação. Educação. Formação & Tecnologias, pp 13-27.
5. KinnearJ. (1994). What science education really says about communication of science concepts. Paper presented at the annual meeting of the International Communication Association. (ERIC Document Reproduction Service No.ED-372-455).
6. Kumar, B., & Khurana, P. (2012). Gamification in education: learn computer programming with fun. International Journal of Computers and Distributed Systems, pp 46-53.
7. McCracken, M., Almstrum, V., Diaz, D., Guzdial, M., Hagan, D., Kolikant, Y. B.,Laxer,C,et al. (2001). A multi-national,multi-institutional study of assessment of programming skills of first-year CS students. ITiCSE on Innovation and technology in computer science education, pp 125-180.
8. MeyerE.D. (1970). On the Representation and Retrieval of Stored Semantic Information. Cognitive Psychology, 1(3), pp 242-299.
9. Novak, J.D. and Gowin, D.B. (1984). Learning How to Learn. Cambridge University.
10. NovakJ.D. (1991). Clarify with concept maps. The Science Teache, 58(7), 45-49.
11. O'Donnell, A. M. et al. (2002). Knowledge Maps as Scaffolds for Cognitive Processing ,14(1).
12. Pedrosa, Daniela, Cravino, José, Morgado, Leonel, & Barreira, Carlos. (2017). Self-regulated learning in higher education: strategies adopted by computer programming students when supported by the SimProgramming approach. Production. doi:10.1590/0103-6513.225516
13. Phit-Huang Tan,Choo-Yee Ting,Siew-Woei Ling. (2009). Learning Difficulties in Programming Courses : Undergraduates' Perspective and Percepttion. Faculty of Information Science and Technology.
14. PiagetJ. (1929). The Child Conception of the World. New York: Harcourt, Brace.
15. RosenbergJ. .M. (2001). E-learning: Strategies for delivering knowledge in the digital age. .New York: McGraw-Hill.
16. ShavelsonJ.R. (1972). Some aspects of the correspondence between content structure and cognitive structure in physics instruction. Journal of Educational Psychology, 225-234.
17. SkinnerF.B. (1954). The Science of Learning and the Art of Teaching. Harvard Educational Review, pp 86-97.
18. Stephen Copper, Wanda Dann, Randy Pausch. (2000). Alice: A 3-D Tool for Introductory Programming Concepts. JCSC, the Consortium for Computing in Small Colleges, pp 108-117.
19. ThomasW.J. (2000). A review of research on project-based learning. . San Rafael. CA: Autodesk Foundation.
20. Tobin& Tippins, D.K.,. (1993). Constructivism as a referent for teaching and learning. In K. Tobin (Ed.), The practice of constructivism in science education, (頁 3-21). Washington: AAAS Press. .
21. Topping & S. Ehly (Eds.)(1998). Peer-assisted learning. ( pp. 27- 42). Mahwah.
22. Topping & S. Ehly. (1998). Peer-assisted learning. Mahwah, NJ:.Erlbaum. , pp. 27- 42.
23. Wiegmann, D. A. et al. (1992). Effects of Knowledge Map Characteristics in Information Processing. Contemporary Educational Psychology, 17, pp. 136-155.
24. WinslowE.L. (1996). Programming pedagogy: A psychological overview. SIGCSE Bulletin, 28, pp. 17-22.