近年來大型線上開放課程 (MOOCs) 為來自世界各地數以萬計的使用這帶來學習的機會，在此同時我們能利用學生在MOOCs上產生的互動資料讓老師的教學與學生的學習更有效率。此篇論文裡，藉由學生重複觀看影片片段的習慣，我們提出了一個資料導向的學習興趣推薦系統 (Videomark)，藉由整合學生的影片觀看數據與影片字幕找出學生可能會有興趣的課程概念。
Videomark提供一個關鍵字雲做為學習興趣/難點提醒系統並希望能藉由這個方式提升學生MOOCs上的的自我調適學習。首先找出學習影片的熱門區段進一步再由影片字幕找到相對應的課程觀念給予權重，我們用這個方法為每個章節產生關鍵字雲，這個功能的讓學生快速的找到每個章節最重要的概念是非常有幫助的，對於老師而言也可以藉由這個系統了解影片中一些較困難或者講解不太清楚的部分作改進。
我們希望這個系統可以幫助在以影片為學習教材的學生複習、整合與澄清特定課程觀念，所有的想法與實作步驟會在下接下來的內容詳細的介紹。

The revolution of Massive Online Open Courses (MOOCs) brings great opportunities

for millions of learners worldwide. Meanwhile, student-generated data on MOOCs

could be effectively used to improve both the teaching and learning effectiveness. In

this study, considering the habit of replay the video, a data-driven learning interest rec-
ommendation system called Videomark is proposed to identify the specific concepts that

might interest leaners through integrating both the learner’s logs and video subtitles in

the Chinese-speaking environments. Videomark provide a “keywords cloud” learning

interest/difficult reminding system based on learners’ video watching logs and subtitles

which is proposed for promoting self-paced MOOC learning. By identifying the hot

video segments (via video seek event counts) and weighting the keywords of hot video

segments, we are able to establish the “keywords cloud” of each learning topic. This

feature is valuable for learners to quick identify the most important or difficult concepts

of each topic. This is also useful for the teacher to more understand which parts of the

contents of each topic are most difficult for the learners which can be further improved.

We hope that the proposed system help learners to review, consolidate, and clarify spe-
cific concepts in the video-based learning environment. The overall idea and steps will

be presented in this study

Abstract i

中文摘要 ii
Acknowledgement iii
Contents iv
List of Figures vii
List of Tables ix
Chapter 1 Introduction 1
Chapter 2 Related Work 4
2.1 MOOCs 4
2.1.1 Overview 4
2.1.2 cMOOCs v.s. xMOOCs 4
2.1.3 Coursera 5
2.1.4 edX 6
2.1.5 Open edX 7
2.1.6 Data-Driven Analysis 8
Chapter 3 System Architecture 11
3.1 Layer Structure Overview 11
3.2 Website MVC Design Pattern 12
3.3 Activity Modules 13
3.4 System Architecture 14
3.5 Course Data Flow 16
Chapter 4 System Implementation 18
4.1 Data Service Server Environment 18
4.1.1 Node.js 18
4.1.2 Asynchronous Process Control 19
4.1.3 MongoDB 20
4.1.4 Google Cloud Platform 21
4.1.5 Iron Worker 21
4.1.6 Jieba 21
4.2 Server Setup 21
4.3 Data Service API 22
4.3.1 API’s Collects User Activity Records 22
4.3.2 API’s Record Usage of Videomark 24
4.4 Analysis System 24
4.4.1 Counting the Video Seek Events 25
4.4.2 Subtitle Segmentation 26
4.4.3 Weighting the Keyword 27
4.5 User Interface 28
4.5.1 Environment 28
4.5.1.1 ShareCourse 28
4.5.1.2 D3-cloud.js 29
4.5.1.3 Bootstrap 29
4.5.1.4 jQuery 29
4.5.2 Videomark Page 30
Chapter 5 Experiment 34
5.1 Overview 34
5.2 Introduction to Computer Networks (2016-spring) 34
5.2.1 Learning Performance 35
5.2.2 Learning Engagement 35
5.3 Network Security (2016-spring) 36
5.3.1 Learning Performance 37
5.3.2 Learning Engagement 37
5.3.3 Questionnaire 38
Chapter 6 Conclusion and Future Work 40
Bibliography 42

[1] C. Yeager, B. Hurley-Dasgupta, and C. A. Bliss, “cmoocs and global learning: An authentic alternative.” Journal of Asynchronous Learning Networks, vol. 17, no. 2, pp. 133–147, 2013.
[2] A. Ng and D. Koller, “Coursera,” Retrieved May 15, 2016, from the World Wide Web: https://zh-tw.coursera.org/, 2012.
[3] M. I. of Technology and H. University, “edx,” Retrieved May 15, 2016, from the World Wide Web: https://www.edx.org/, 2012.
[4] M. S. Sebastian Thrun, David Stavens, “Udacity,” Retrieved May 15, 2016, from the World Wide Web: https://www.udacity.com/, 2012.
[5] L. Breslow, D. E. Pritchard, J. DeBoer, G. S. Stump, A. D. Ho, and D. T. Seaton, “Studying learning in the worldwide classroom: Research into edx’s first mooc,” Research & Practice in Assessment, vol. 8, 2013.
[6] D. T. Seaton, Y. Bergner, I. Chuang, P. Mitros, and D. E. Pritchard, “Who does what in a massive open online course?” Communications of the ACM, vol. 57, no. 4, pp. 58–65, 2014.
[7] J. Kim, P. T. Nguyen, S. Weir, P. J. Guo, R. C. Miller, and K. Z. Gajos, “Crowd- sourcing step-by-step information extraction to enhance existing how-to videos,”


in Proceedings of the 32nd annual ACM conference on Human factors in comput- ing systems. ACM, 2014, pp. 4017–4026.
[8] A. Agrawal, J. Venkatraman, S. Leonard, and A. Paepcke, “Youedu: Addressing confusion in mooc discussion forums by recommending instructional video clips,” 2015.
[9] N. T. University, “Sharecourse,” Retrieved June 6, 2016, from the World Wide Web: http://www.sharecourse.net/sharecourse/, 2012.
[10] L. Pappano, “The year of the mooc,” The New York Times, vol. 2, no. 12, p. 2012, 2012.
[11] T. University, “Xuetangx,” Retrieved June 2, 2016, from the World Wide Web: http://www.xuetangx.com/, 2013.
[12] N. Li, Ł. Kidzin´ski, P. Jermann, and P. Dillenbourg, MOOC Video Interaction Patterns: What Do They Tell Us? Cham: Springer International Publishing, 2015, pp. 197–210. [Online]. Available: http://dx.doi.org/10.1007/ 978-3-319-24258-3 15
[13] C. Shi, S. Fu, Q. Chen, and H. Qu, “Vismooc: Visualizing video clickstream data from massive open online courses,” in 2015 IEEE Pacific Visualization Symposium (PacificVis), April 2015, pp. 159–166.
[14] J. Kim, P. J. Guo, C. J. Cai, S.-W. D. Li, K. Z. Gajos, and R. C. Miller, “Data- driven interaction techniques for improving navigation of educational videos,” in Proceedings of the 27th annual ACM symposium on User interface software and technology. ACM, 2014, pp. 563–572.


[15] A. Leff and J. T. Rayfield, “Web-application development using the model/view/controller design pattern,” in Enterprise Distributed Object Comput- ing Conference, 2001. EDOC ’01. Proceedings. Fifth IEEE International, 2001, pp. 118–127.
[16] R. Dahl, “Node.js,” Retrieved June 6, 2016, from the World Wide Web: https:
//nodejs.org/en/, 2009.

[17] D. Ritchie, “C,” Retrieved June 6, 2016, from the World Wide Web: https://en. wikipedia.org/wiki/C (programming language), 1972.
[18] B. Stroustrup, “C++,” Retrieved June 6, 2016, from the World Wide Web: https:
//isocpp.org/, 1995.

[19] B. Eich, “Java script,” Retrieved June 6, 2016, from the World Wide Web: https:
//developer.mozilla.org/zh-TW/docs/Web/JavaScript, 1995.

[20] M. Inc., “mongodb,” Retrieved June 6, 2016, from the World Wide Web: https:
//www.mongodb.com/, 2009.

[21] G. Inc., “Google cloud platform,” Retrieved June 6, 2016, from the World Wide Web: https://cloud.google.com/, 2011.
[22] Iron.io, “Ironworker,” Retrieved June 6, 2016, from the World Wide Web: https:
//www.iron.io/platform/ironworker/.

[23] “Jieba,” Retrieved June 6, 2016, from the World Wide Web: https://github.com/ fxsjy/jieba.
[24] “d3-cloud.js,” Retrieved June 6, 2016, from the World Wide Web: https://github. com/jasondavies/d3-cloud.


[25] J. T. Mark Otto, “Bootstrap,” Retrieved June 6, 2016, from the World Wide Web: http://getbootstrap.com/.
[26] J. Resig, “jquery,” Retrieved June 6, 2016, from the World Wide Web: https:// jquery.com/, 2006.