基于云服务、ajax html5技术的课程自学系统的设计与实现

王若菌　潘铁俊

摘要：利用新兴的网络技术，为学生建立了课前预习，课后复习、讨论的服务平台，该平台功能模块包括管理员后台管理的班级管理、学生管理、课程管理、开课管理、试题管理、试卷管理和学生前台自助的选课、自学课堂、模拟考试9个模块。实现系统功能的同时，最大限度的考虑了学生使用的便捷性和实用性。通过网络随时随地访问的课程自学平台，能够使学生学会自我管理、自主学习，合理安排学习时间，充分调动学生学习主动性，该自助平台的建立对于全面提高安全工程专业本科教学质量具有重要意义。

关键词：云服务；ajax；html5；自学系统

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2016）05-0082-02

Abstract： A service platform of emerging network technologies was built for students to preview， review after class and discuss. The platform modules conclude nine modules which were administrator management background classroom management， student management， curriculum management， opening course management， test management， paper management and student self-elective class， self-class， exam. System function implements practical and convenience. The network platform enables students to study anytime and anywhere and to learn self-management， self-learning， reasonable arrangements for study time， which fully mobilize the initiative of student learning. The establishment of the self-service platform to comprehensively improve the quality of safety engineering undergraduate teaching is of great significance.

Key words： cloud service； ajax； html5； self-learning system

随着虚拟化技术的不断发展，云服务已成为搭建各类系统的首选，它的可扩展性、稳定性为系统的运行提供了低廉和可持续发展平台，而网络编程技术中ajax，html5技术的发展，为更好的提升客户体验提供了良好的技术支撑[1-3]。使用新兴的网络技术，为学生搭建可随时随地访问的课程自学平台，能够为学生的课程学习和课后复习提供良好的支持，使学生能更好地掌握所学的知识。

1 自学系统结构

随着社会的变革，学校教育已逐渐由原来“我说的算”为主导的教育行业转为服务行业，一是为社会服务，提供优质的大学生，为社会的发展和进步提供所需人才，二是为学生服务，为学生教授知识，提供在社会可独立思考和生存的技能。这种转变要求学校转变教学思想和教学模式，结合社会和学生对教学的需求提升自己的教学质量。目前的网络已成为各类人群提供服务的一个载体，它的方便性、快捷性、可持续发展性迎合了大众群体的需求[4]。利用网络技术为学生建立服务系统，学生可利用该服务平台随时随地有针对性地进行课前预习，课后复习、讨论，该平台功能模块包括管理员后台管理的班级管理、学生管理、课程管理、开课管理、试题管理、试卷管理和学生前台自助的选课、自学课堂、模拟考试9个模块，功能结构框图如图1所示。

2 应用技术选择

为了能够达到随时随地地访问系统的需求，要求系统能够7X24小时全天候的提供持续型服务，但自主搭建服务器在校级课题有限的经费下是很难实现的，而目前的云服务提供商却恰恰可以提供这种低价又能持续运行的服务。目前的云服务大体分为Paas（Platform as a service），Saas（Software as a service），Iaas（Infrastructure as a service）三种模式，为了更大限度地利用服务商提供的服务，又可自行管理个人的应用，因此，选择Pass模式来规划系统[5-6]。

在考虑选择开发语言时，为了响应快速开发和部署的便利性，选择PHP（Hypertext Preprocessor）语言作为系统的后端开发语言。PHP是一种通用开源脚本语言，其语法吸收了C语言、Java和Perl的特点，利于学习，使用广泛，主要适用于Web开发领域。PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML（标准通用标记语言下的一个应用）文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快，为了良好的软件结构，选择php的Laravel框架实现系统的MVC（Model-View-Contoller）开发模式。前端使用HTML来展示，为了适配各种浏览器、不同分辨率（如PC、PAD、Cell Phone）以及良好的用户体验，系统需要使用html5+css3来达到更好的效果，在前端和后端交互时使用ajax技术来达到良好的用户体验，实现无页面刷新。

3 系统设计与实现

根据系统需求和应用技术的选择，系统的整体架构，如图2所示。系统以云服务平台为基础，在其上搭建自学管理系统，在系统搭建上使用MVC结构的Laravel，并结合ajax，html5，css3等技术搭建后台管理以及与用户交互的前端学习系统。同时，系统可使用普通pc、pad和手机进行访问。

为了实现日后系统变更的快速响应，系统遵循软件设计模式中面向接口、而非面向细节的编程思想，将系统抽象为接口，然后再实现这些接口，降低系统间的耦合度，当业务细节变更后，只需变更实现细节相关的类，而不用修改其他类，最大限度地降低变更后产生bug的风险。如试卷服务类的设计，首先定义PaperService接口，然后类PaperServiceImpl去实现接口，前端的控制类通过IoC调用接口，这样当服务类的实现细节变化后，控制类不用变更，有效地进行解耦，代码片段如下：

4 结论与展望

系统的实现为学生提供了课前预习和课后复习的系统平台，学生通过该平台能够更好地掌握重点、难点知识，充分利用网络技术实现了自主学习，自我管理。该平台不仅适合大学，同样也适合中专、高职等其他各类各层次院校的需求。另外该系统也可作为考试系统，进行客观题的考试与自动阅卷。尽管html5和css3可以适配手机浏览器，但效果没有手机APP的效果好，因此，应进一步开发对手机APP客户端。

参考文献：

[1] 杨毅.基于云计算技术的数字图书馆云服务平台架构设计[J]. 电子测试，2015（8）：19-23 .

[2] 陈宫，牛秦洲. 基于云计算的数字图书馆信息服务平台[J].情报科学，2012，30（5）：684-688.

[3] 尹光辉，陈瑛. 云服务基础上的智慧校园设计思路[J].电子技术与软件工程，2015（7）：16-17.

[4] 吕倩. 基于云计算及物联网构建智慧校园[J]. 计算机科学，2011，38（10）：18-21.

[5] 喻昕，王敬一. 基于云计算技术的数字图书馆云服务平台架构研究[J]. 情报科学，2011，29（7）：1049-1053.

[6] 李兴蓉，郭红生，张连刚. 大学生网络自主学习效果影响因素实证分析[J].现代教育管理，2009（10）：57-60.

[7] Schiaffino S， Garcia P. eTeacher：Providing Personalized Assistance to E-Learning Students [J].Computers & Education，2008（51）.

[8] 杜娥. 基于云计算的信息化网络的研究与探索[J]. 实验技术与管理，2014，31（5）：160-162.