随着Web信息技术的蓬勃发展,给教育事业带来了一个新的春天,教师在教学过程中如果能够运用信息化技术手段,这对传统意义上的教育模式是一项重大改革。近些年来,国家对教育这块越发加以重视,在这方面也提供了大量的人力、物力、财力的投入和支出,与此同时,许多互联网公司也加入了这一行列,为此开发出种类繁多的教学系统,但是绝大部分的教学软件没有将教师上课使用电子白板的笔迹保存下来,以便学生课后温习,并且没有一套十分完整的且功能齐全的教学软件来满足教师教学、学生学习等教育需求。因此,本文基于HTML5教学系统的设计与实现进行一系列研究。文章先简单的介绍系统的背景和相关技术,然后逐步按照软件工程的一般业务流程从系统需求分析、系统设计,最后到怎么实现系统的整体功能。整个教学系统采用传统的B/S开发模式,从客户端到服务端再到数据库三层体系架构,而所使用的技术也是最近广受推崇的HTML5及Nodejs等。本文最大的特色亮点--电子白板,在课堂教学添加了课堂提问(课堂随机点名提问、指定学生提问、课堂评价),增加教师与学生之间的互动。电子白板的使用不仅能改善教师的教学方式,同时有助于学生的功课学习。电子白板采用canvas的2D绘图环境来实现黑板效果,利用Nodejs解决了浏览器不能访问本地文件的弊端。