基于HTML5的在线答疑系统的白板设计与实现.docVIP

基于HTML5的在线答疑系统的白板设计与实现 　　摘要：利用HTML5的Canvas技术为在线答疑系统设计并实现了实时白板功能，该功能可满足网络环境下教学、答疑的实时白板演示的需要，同时为网络几何问题讨论提供了技术支持。 　　关键词： HTML5；网络电子白板；在线答疑；教学互动 　　中图分类号：TP311文献标识码：A文章编号：1672-7800（2012）010-0106-02 　　基金项目：甘肃教育厅科研资助项目（0913B-06） 　　作者简介：张会凌（1954-），男，硕士，甘肃联合大学电子信息工程学院教授，研究方向为微分几何与计算机算法设计；张成文（1982-），男，硕士，甘肃联合大学电子信息工程学院讲师，研究方向为计算机网络教学；林沛（1983-），男，硕士，甘肃联合大学电子信息工程学院讲师，研究方向为计算机网络教学与管理。 　　0引言 　　在网络虚拟教学环境下，教师常需要一个类似于教室中的白板（或黑板），以绘图或板书的形式为学生讲解问题。以前由于技术的局限，实现该功能有一定的难度。HTML5中的一些新技术为解决该问题提供了途径。 　　本文利用HTML5中的元素，用代码设计并实现了在线答疑系统的实时白板功能，可使之更好地服务于教学。 　　1白板功能的总体设计 　　在线答疑平台的白板功能利用了目前最新的HTML5技术，通过对现实教室中白板（黑板）的网络虚拟化，实现了白板演示功能。同时，结合Ajax技术和动态网页技术可实现画面的实时广播。系统采用B/S（浏览器/服务器）模式，分为教师、学生两个界面。教师可以通过白板提供的铅笔、点、线、矩形、圆、字等功能，轻松地在白板上绘制板书内容，而该板书内容会实时通过网络广播到每个在线的学生屏幕上。 　　本白板结合视频、语音聊天功能，可以开发在线网络教室等功能。 　　2白板的技术实现 　　2.1HTML5及元素 　　HTML5用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML版本，现在仍处于发展阶段，但大部分浏览器已经支持某些HTML5技术。HTML5强化了Web网页的表现性能，并追加了本地数据库等Web应用的功能。人们论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。 　　2.2白板的实现 　　网络白板的内容主要由点、线、矩形、圆、文字及各类路径组成。通过利用元素，编写Javascript代码即可实现这些内容，关键是设置和记录如下属性： 　　2.3教师白板内容的广播 　　实现了白板绘制只是第一步。要实现教师白板板书实时地广播到各个学生端，还需要经过以下几个步骤： 　　通过以上3个步骤，即可实现教师白板信息的实时广播。 　　3结语 　　本文提出的在线答疑平台网络白板技术，在网络虚拟环境下为教师提供了实时的板书支持系统，从而使得网络教学更加接近现实环境。网络白板技术结合视频、音频、文字等聊天室技术，可以实现在线虚拟教室，为学生课外答疑、在线教学的网络教学互动方式提供了方便，适用于各类学校和各类不同课程教学答疑环境的搭建，有利于师生之间、学生之间建立良性互动，有利于指导者和学习者充分利用丰富的网络资源，进而补充课堂学习的不足，使学习者获得对知识的深刻理解，提高学习效率。 　　参考文献： 　　[1]金贵朝，袁贞明，诸彬.基于草图识别技术的智能网络白板系统[J].中国电化教育，2008（2）. 　　[2]龙奇.新一代网络技术标准HTML5的研究[J].科技信息，2011（10）. 　　[3]刘斌.HTML5—未来网络应用的核心技术研究[J].自动化与仪器仪表，2010（4）. 　　（责任编辑：孙娟）