基于HTML5的高校成本核算实务学习平台的设计与实现
2014-10-30肖斌
肖斌
摘 要：基于HTML5的高校成本核算实务学习平台较好的解决了当前高校学习平台面临的问题，极大的提升了教学效果，为师生提供了一个较好的学习与交流平台。
关键词：高校学习平台；跨平台；智能手机
中图分类号：F239.2 文献标识码：A 文章编号：1006-8937（2014）29-0061-02
1 高校学习平台的重要性
随着互联网和通信技术的不断进步，网络信息化得到高校的不断重视，各种学习平台的建设得到了长足的发展。当前学习平台在高校教学中发挥着重要的作用，师生通过平台进行课堂内外的交流、互动，教学上的问题能够通过平台及时的得到解决。同时，学生们借助平台进行课堂内外的练习；教师们通过平台布置作业，解决学生们的学习问题。学习平台与传统的课堂教学相结合，极大的调动了同学们的积极性，教学效果明显的提高。
2 当前国内学习平台采用的技术现状
目前国内的高校学习平台，多是基于ASP、.NET等开发平台，这些系统的优点是开发工具便利，集成度高。存在的缺点是对开发平台过度依赖；在IOS和android平台上的扩展性较差。
3 当前高校的学习平台存在的问题
随着互联网的普及、智能手机、无线网络技术等进一步的发展，现有的一些高校学习平台已经无法满足同学们的需求，主要表现在以下几点：
①重功能，轻体验。部分学习平台过分强调功能，忽视了学生使用者的用户体验，做出来的平台功能繁琐，操作界面复杂，不利用普遍推广。②师生交流不及时。多数学习平台师生之间的交流还是基于论坛或者是提问功能模块，学生当时提出的问题并不能实时解决。③平台模式单一。多数高校学习平台都是基于PC端，没有开发基于Android或者IOS平台的手机客户端。在各种智能手机普及率很高的高校校园，学习平台能在手机端有一席之地，就已经成功了一大半。
4 高校成本核算实务学习平台的优点
高校成本核算实务学习平台是我院国家级精品课程《成本核算实务》的配套教学平台，在多年来不断地改进中，取得了良好的效果，受到了师生的一致好评，平台具有以下优点。
4.1 界面简洁，功能便捷
软件运行方便，无需安装无需配置，只要在计算机上安装有浏览器，例如谷歌浏览器、360极速浏览器或者搜狗浏览器，就可以在任意的电脑或者手机、平板电脑上运行。软件操作简便，界面的风格类似于目前十分流行的云桌面形式，和Windows界面相似，交互性强。
4.2 全面互动，实时辅导
在高等教育中，师生关系和师生互动一直是个问题，师生往往下课后难得交流，本软件平台集成教师微博组模块和IM即时通讯模块。任何一位任课教师的微博如果有更新会立即呈现在微博组中，使师生之间的距离大大拉近，交流通过这种非常时髦的网络工具得到了有效地增强。同时，通过IM即时通讯模块，能够直接与教师进行沟通交流。
4.3 视频教室，实时授课
视频教室无需安装特定软件，打开浏览器就可以随时进入。教师只要有摄像头和麦克风，就能进行网上授课和辅导。在视频交流的同时还可以使用白板进行图文并茂的即时讲解。还可以使用上传视频音频等辅助手段发布学习资料。而且本视频教室不受到类似QQ视频的一对一限制，可以满足同一教室一百人上课，如图1和图2所示。
4.4 跨设备跨平台、随身学习
平台软件不仅可以通过计算机浏览器使用，还可以通过专门的手机客户端进行使用，平台配备了Android、IOS两种常见智能机的客户端，因此不论学生手中的是iPhone还是不到千元的安卓手机，大部分都可以使用平台软件中的学习资源。客户端中有课程的各种资料，例如大纲、教案、案例库、习题库、视频资料等。
5 实现学习平台的技术支持
5.1 选择HTML5的原因
根据中国互联网络信息中心（CNNIC），2014年1月第33次《中国互联网络发展状况统计报告》显示，截至2013年12月，中国互联网普及率为45.8%，较2012年底提升3.7%。其中我国手机端在线收看或下载视频的用户数为2.47亿，与2012年底相比增长了1.12亿，增长率高达83.8%，在手机类应用用户规模增长幅度统计中排名第一。高校学生使用的网络设备逐渐从传统的台式电脑、笔记本电脑，逐步过渡到平板、智能手机。其中智能手机对传统上网方式带来的冲击，也促使高校学习平台必须做出调整才能适应现有网络环境的变化。采用web模式的学习平台，不用安装客户端，能够在笔记本电脑、平板、智能手机间同步使用。而HTML5是当前主流浏览器（IE9、Chrome10、Firefox、360极速浏览器、搜狗浏览器等）广泛支持的新标准，增加了很多新的特性和API接口。HTML5良好的媒介回放属性、优秀的错误处理以及出色的Web能力，使之成为下一代互联网的标准协议。
5.2 HTML5的功能特点
①减少了对外部插件的依赖。比如：使用最多的FLASH插件，使用以后会因为没有及时升级，存在漏洞导致病毒木马入侵，从而泄露用户信息、帐户、密码等安全隐患。同时，如果相应的网络设备会因为没有安装该插件，导致用户无法正常使用。
②提供了良好的Web视频支持。HTML5中提供了Video元素来包含视频标准方法，支持OGG、MPEG4、WebM三种视频格式，可以很轻松的在学习平台中加入视频，如下代码：
<！DOCTYPE HTML>
您当前的浏览器并不支持VIDEO元素，请更新浏览器至最新版本。//当浏览器不支持VIDEO元素时显示
5.3 借助AppCan.cn开发平台实现手机客户端
AppCan.cn开发平台是基于HTML5技术的跨平台移动应用快速开发一体化解决方案，借助该开发平台，利用HTML5+
CSS3+JavaScript技术可以快速地开发与本地应用体验相媲美的移动应用。
6 学习平台功能模块介绍
6.1 课堂教学部分包含的功能
在上课时，教师可以通过电子教案和教学课件进行讲解，同时可以在原始凭证模块中练习表单的填写，教师讲解凭证也变得更加具体。凭证表单可以填写，还能够进行涂画，擦除，标注，演示动画，如图3和图4所示。
教师还可以使用计算器、电子白板等各种工具，对着习题、案例或者讲稿来进行讲解，不用再面对粉笔灰。
6.2 课后自主学习部分包含以下功能
课后，学生还可以使用在线测试模块对所学知识进行课堂练习和课后自测。题目形式丰富，比传统纸面测试更加简单易用，操作便利。在完成测试后，软件能根据答案做出自动评分。如图5和图6所示。
教学录像模块还提供了一定的视频资料供学生课后自己补充相关知识。平台还集成了网盘系统，供师生存放各种文档。
7 结 语
随着HTML5标准的不断完善和移动网络设备的不断提升，跨平台、随时随地同步学习的优秀学习平台必将会为高校教育教学带来深远的影响。
参考文献：
[1] 武汉美.网络学习平台模式创新研究[J].江苏广播电视大学学报，2004，（6）.
[2] 杜娟，陈波.Web Services环境下的校园分布式信息平台安全模型[J].西南科技大学学报，2008，（6）.
[3] 王巧玲.基于Web服务的网络学习行为采集与集成初步设计与实现[D].武汉：华中师范大学，2007.
[4] 杨开城，李文光.现代教学设计的理伦体系初探[J].中国电化教育，2002，（2）.
[5] 陈云虹，谢百治，傅纲善.网络教学中有关监控体系的基本构想[J].中国电化教育，2003，（8）.
[6] 熊邦忠.面向学习成长的行为监控体系的构建与实施[J].中国远程教育，2007，（2）.
[7] 刘成新.在线学习课程的设计、开发与评价[J].中国远程教育，2001，（3）.
[8] 丁兴富.远程教育的宏观理论[J].中国远程教育，2001，（1）.
[9] 谢幼如，柯清超.在线学习课程的开发与应用[M].北京：电子工业出版社，2005.
[10] 陈博，廖军.移动Web应用的能力需求与发展浅析[J].移动通信，2011，（5）.
[11] 崔媛媛.移动Web浏览业务及关键技术[J].电信网技术，2011，（4）.
[12] 唐俊开.HTML5移动Web开发指南[M].北京：电子工业出版社，2012.
[13] 黄永兵.从零开始构建HTML5[J].计算机应用，2010，（5）.
[14] 蒋博.使用HTML5构建下一代的WebForm[J].互联网周刊，2009，（25）.
[15] 马新强，孙兆，袁哲，等.Web标准与HTML5核心技术研究[J].重庆文
理学院学报，2010，（6）.
[16] 刘运臣.网站设计与建设[M].北京：清华大学出版社，2010.
[17] 唐四薪.基于Web标准的网页设计与制作[M].北京：清华大学出版
社，2009.
您当前的浏览器并不支持VIDEO元素，请更新浏览器至最新版本。//当浏览器不支持VIDEO元素时显示
5.3 借助AppCan.cn开发平台实现手机客户端
AppCan.cn开发平台是基于HTML5技术的跨平台移动应用快速开发一体化解决方案，借助该开发平台，利用HTML5+
CSS3+JavaScript技术可以快速地开发与本地应用体验相媲美的移动应用。
6 学习平台功能模块介绍
6.1 课堂教学部分包含的功能
在上课时，教师可以通过电子教案和教学课件进行讲解，同时可以在原始凭证模块中练习表单的填写，教师讲解凭证也变得更加具体。凭证表单可以填写，还能够进行涂画，擦除，标注，演示动画，如图3和图4所示。
教师还可以使用计算器、电子白板等各种工具，对着习题、案例或者讲稿来进行讲解，不用再面对粉笔灰。
6.2 课后自主学习部分包含以下功能
课后，学生还可以使用在线测试模块对所学知识进行课堂练习和课后自测。题目形式丰富，比传统纸面测试更加简单易用，操作便利。在完成测试后，软件能根据答案做出自动评分。如图5和图6所示。
教学录像模块还提供了一定的视频资料供学生课后自己补充相关知识。平台还集成了网盘系统，供师生存放各种文档。
7 结 语
随着HTML5标准的不断完善和移动网络设备的不断提升，跨平台、随时随地同步学习的优秀学习平台必将会为高校教育教学带来深远的影响。
参考文献：
[1] 武汉美.网络学习平台模式创新研究[J].江苏广播电视大学学报，2004，（6）.
[2] 杜娟，陈波.Web Services环境下的校园分布式信息平台安全模型[J].西南科技大学学报，2008，（6）.
[3] 王巧玲.基于Web服务的网络学习行为采集与集成初步设计与实现[D].武汉：华中师范大学，2007.
[4] 杨开城，李文光.现代教学设计的理伦体系初探[J].中国电化教育，2002，（2）.
[5] 陈云虹，谢百治，傅纲善.网络教学中有关监控体系的基本构想[J].中国电化教育，2003，（8）.
[6] 熊邦忠.面向学习成长的行为监控体系的构建与实施[J].中国远程教育，2007，（2）.
[7] 刘成新.在线学习课程的设计、开发与评价[J].中国远程教育，2001，（3）.
[8] 丁兴富.远程教育的宏观理论[J].中国远程教育，2001，（1）.
[9] 谢幼如，柯清超.在线学习课程的开发与应用[M].北京：电子工业出版社，2005.
[10] 陈博，廖军.移动Web应用的能力需求与发展浅析[J].移动通信，2011，（5）.
[11] 崔媛媛.移动Web浏览业务及关键技术[J].电信网技术，2011，（4）.
[12] 唐俊开.HTML5移动Web开发指南[M].北京：电子工业出版社，2012.
[13] 黄永兵.从零开始构建HTML5[J].计算机应用，2010，（5）.
[14] 蒋博.使用HTML5构建下一代的WebForm[J].互联网周刊，2009，（25）.
[15] 马新强，孙兆，袁哲，等.Web标准与HTML5核心技术研究[J].重庆文
理学院学报，2010，（6）.
[16] 刘运臣.网站设计与建设[M].北京：清华大学出版社，2010.
[17] 唐四薪.基于Web标准的网页设计与制作[M].北京：清华大学出版
社，2009.
您当前的浏览器并不支持VIDEO元素，请更新浏览器至最新版本。//当浏览器不支持VIDEO元素时显示
5.3 借助AppCan.cn开发平台实现手机客户端
AppCan.cn开发平台是基于HTML5技术的跨平台移动应用快速开发一体化解决方案，借助该开发平台，利用HTML5+
CSS3+JavaScript技术可以快速地开发与本地应用体验相媲美的移动应用。
6 学习平台功能模块介绍
6.1 课堂教学部分包含的功能
在上课时，教师可以通过电子教案和教学课件进行讲解，同时可以在原始凭证模块中练习表单的填写，教师讲解凭证也变得更加具体。凭证表单可以填写，还能够进行涂画，擦除，标注，演示动画，如图3和图4所示。
教师还可以使用计算器、电子白板等各种工具，对着习题、案例或者讲稿来进行讲解，不用再面对粉笔灰。
6.2 课后自主学习部分包含以下功能
课后，学生还可以使用在线测试模块对所学知识进行课堂练习和课后自测。题目形式丰富，比传统纸面测试更加简单易用，操作便利。在完成测试后，软件能根据答案做出自动评分。如图5和图6所示。
教学录像模块还提供了一定的视频资料供学生课后自己补充相关知识。平台还集成了网盘系统，供师生存放各种文档。
7 结 语
随着HTML5标准的不断完善和移动网络设备的不断提升，跨平台、随时随地同步学习的优秀学习平台必将会为高校教育教学带来深远的影响。
参考文献：
[1] 武汉美.网络学习平台模式创新研究[J].江苏广播电视大学学报，2004，（6）.
[2] 杜娟，陈波.Web Services环境下的校园分布式信息平台安全模型[J].西南科技大学学报，2008，（6）.
[3] 王巧玲.基于Web服务的网络学习行为采集与集成初步设计与实现[D].武汉：华中师范大学，2007.
[4] 杨开城，李文光.现代教学设计的理伦体系初探[J].中国电化教育，2002，（2）.
[5] 陈云虹，谢百治，傅纲善.网络教学中有关监控体系的基本构想[J].中国电化教育，2003，（8）.
[6] 熊邦忠.面向学习成长的行为监控体系的构建与实施[J].中国远程教育，2007，（2）.
[7] 刘成新.在线学习课程的设计、开发与评价[J].中国远程教育，2001，（3）.
[8] 丁兴富.远程教育的宏观理论[J].中国远程教育，2001，（1）.
[9] 谢幼如，柯清超.在线学习课程的开发与应用[M].北京：电子工业出版社，2005.
[10] 陈博，廖军.移动Web应用的能力需求与发展浅析[J].移动通信，2011，（5）.
[11] 崔媛媛.移动Web浏览业务及关键技术[J].电信网技术，2011，（4）.
[12] 唐俊开.HTML5移动Web开发指南[M].北京：电子工业出版社，2012.
[13] 黄永兵.从零开始构建HTML5[J].计算机应用，2010，（5）.
[14] 蒋博.使用HTML5构建下一代的WebForm[J].互联网周刊，2009，（25）.
[15] 马新强，孙兆，袁哲，等.Web标准与HTML5核心技术研究[J].重庆文
理学院学报，2010，（6）.
[16] 刘运臣.网站设计与建设[M].北京：清华大学出版社，2010.
[17] 唐四薪.基于Web标准的网页设计与制作[M].北京：清华大学出版
社，2009.
