“互联网+”概念的提出,促进了信息技术和传统行业的结合。就教育行业而言,“互联网+”促进了在线教育的发展,形成了一种以学生自主学习为主的在线教学模式,从根本上解决了传统教学模式中学生学习主动性差、学习效率低的问题。其中,基于导学案的在线教学模式成为了在线教学模式众多实现中的主流。它颠覆了传统的“说教灌输”教学模式,充分发挥学生的主体性。然而现有的导学案学习系统仍存在学生参与方式单一、平台依赖性过强等问题。为解决上述问题,本文通过对现有基于导学案的在线学习的改进,强调了学生的主体性,从而提高了在线教学模式中学生学习的效率。本文的主要研究成果如下:(1)提出了多媒体导学案在线学习抽象模型。首先对现有多媒体导学案和在线学习模式进行分析。然后,结合二者优点,达到了丰富多媒体导学案互动方式、完善学生学习过程的目的。进而提出了“多媒体导学案在线学习抽象模型”,并完整定义了导学案在线学习过程。(2)设计了基于Angular.js框架的模块化系统开发方案。首先深入研究了MVVM模式,以及Angular.js框架的MVVM实现方案,并详细分析了Angular.js框架的单页开发的优缺点,设计了一种基于Angular.js框架的模块化系统开发方案。(3)设计并实现了导学案学习系统。首先根据多媒体导学案在线学习抽象模型进行系统设计,然后使用基于Angular.js框架的模块化系统开发方案,利用MVVM模式架构系统进行系统开发,最后结合HTML5技术实现了系统的跨平台性。综上,基于HTML5的导学案学习系统实现了导学案教学模式与互联网技术的完美结合,为学生提供高效便捷的信息化学习工具,激发学生的学习兴趣,提高学生的学习效率。