The Design And Implementation Of The Guide Case Learning System On HTML5

The concept of "Internet +" has promoted the combination of information technology and traditional industries.In terms of the education industry,"Internet +" promotes the development of online education.The education industry has formed an online teaching model mainly based on students’ autonomous learning,which fundamentally solves the problem of poor learning initiative and low learning efficiency in traditional teaching mode.Among them,the online teaching model based on guide case has become the mainstream of the online teaching mode.It has subverted the traditional "preaching inculcation" education model,and give full play to the subjectivity of students.However,there are some problems such as single participation and platform dependency in the existing guide case learning system.In order to solve the problems above,this paper emphasizes the subjectivity of students by improving the existing online learning based on guide case,thus improving the efficiency of students’ learning in online teaching mode.The main results of this paper are as follows:(1)An abstract model of online learning is presented.This paper first analyzes the existing multimedia guide case and the online learning mode,and then combines the advantages of them to enrich the interactive mode of multimedia guide case and perfect the student learning process.(2)A modular system development scheme based on Angular.js framework is designed.This paper first studies the MVVM model and the MVVM implementation of the Angular.js framework.The advantages and disadvantages of the single page development of the Angular.js framework are analyzed in detail.A modular system development scheme based on the Angular.js framework is designed.(3)This paper designs and implements a guide case learning system.The paper first designs the system based on the abstract model of multimedia guide case online learning,and then uses the modular system development scheme based on Angular.js framework and the MVVM model architecture to implement the system.Finally,it combines the HTML5 technology to realize the cross-platform of the system.In summary,the guide case learning system based on HTML5 perfectly achieves the combination of guide case teaching mode and Internet technology to provide efficient and convenient information learning tools for students,stimulates students’ interest in learning,improves the efficiency of students’ learning.