摘要：作为新一代网页语言标准，HTML5为绝大多数浏览器和Web应用开发者提供了强大的技术支持和兼容性。HTML5具备更广泛的多媒体特性，支持网页端的Audio、Video播放功能，在图形及报表展现方面也比原来的HTML标准更胜一筹。设计了基于HTML5的教室信息电子看板实现方案，利用电子看板（网页看板）实时呈现教学情况，为教务管理提供有效的信息化手段。
关键词：HTML5；看板；SVG；跑马灯；数据抽取
DOIDOI：10.11907/rjdk.171377
中图分类号：TP319
文献标识码：A 文章编号：1672-7800（2017）006-0084-02
0 引言
教室是师生从事教学活动的最重要场所，如何提高教室使用率、改善课堂教学环境，是考量高校人才培养质量的重要指标。基于传统人工巡查、统计上报的工作模式，对了解和掌握课堂教学信息存在滞后性，当出现教学资源不足、教学事故等有关问题时不能及时进行管理。同时历史数据难以形成连续性的统计报表，统计效果不够直观。
本文基于HTML5的网页标准和有关规范，开发了一套用于实时展现教室资源使用情况的网页看板系统（以下称Kanban系统），为考核部门提供师生到课率等信息，为实训管理部门提供教室利用率等信息，为教务部门提供教学资源使用率等信息，为学校管理层提供全方位的报表信息，为制订教学管理制度和基础设施投入方案提供决策依据。
1 HTML5
相比于以前版本的HTML、XHTML，HTML5是一个更加通用的标准，得到了世界主流软件提供商和开源组织的支持，具有更强的互联网交互及展现能力。
（1）采用HTML5标准和规范开发的Web应用，可以同时运行在PC机和平板电脑、手机等移动智能终端上。
（2）各大主流浏览器均支持HTML5，如Safari、Chrome、Firefox、IE9、Opera等[1]，Web应用开发可在众多浏览器上重复测试。
（3）增加了全新的
2.4 数据行分页显示
受到屏幕高度限制，教室数量远远超出一个屏幕画面中的数据行数。因此，必须进行分页显示，可通过Kanban系统的后台线程程序定时刷新数据源，将表格中的行号与数据记录的行号进行动态绑定，而前端脚本程序则定时按行号去取后台数据源。分页停留时间的长短可以根据屏幕数据量的多少来定，通过合理算法智能算出，不需人工设置。
3 实时数据抽取
展现层和需求定制化功能实现后，即可进行原始数据实时更新。
（1）数据来源。有3种方式：①Kanban系统从学校的教务系统数据库中定时抽取。这种方式最有效，因为可以同步更新因调课而产生的排课变化；②按固定的Excel模板将排课数据导入到Kanban系统中，这种方式存在人工误操作及信息延时的弊端；③其它人工录入或自动采集方式，如授課内容、到课人数、教学耗材、设备故障等信息。
（2）实时更新。由于看板屏幕显示的是当前时刻教室的使用情况，而教室每天每节次安排的上课数据不一样，因此Kanban系统的后台程序必须有相应的线程对数据定时刷新。
（3）展现层数据抽取。后台的所有教室状态数据得到实时更新之后，前端页面的脚本程序就可以定时抽取后台数据了，这里的异步交互技术可以采用Ajax技术[6]，做到“页面不刷新，数据刷新”，为用户提供舒适的体验效果。
4 结语
基于HTML5的教室信息Kanban系统具有以下特点：①动态展现图形化的教学楼、楼层、教室实时运行状况，提供所有教室的全方位数据[7]；②实时统计师生到课率，提高教学管理水平；③实时对课堂声音和视频进行采样，为教学评价提供依据；④设计大屏幕实时显示画面，可以按需定制形式各样的报表数据，加强师生自律性；⑤系统不仅能发布课程安排信息，还能显示当前无课教室的位置分布，发布所有教室当前状况信息，方便管理人员根据教室的使用数据对教学资源进行优化配置。
通过运行，Kanban软件功能稳定，可逐步向同类院校推广。
参考文献：
[1]刘华星，杨庚.HTML5——下一代Web开发标准研究[J].计算机技术与发展，2011 （8）：55-56.
[2]纪陵，蒋衍君，施广德.基于SVG 的电力系统图形互操作研究[J].电力自动化设备，2011 （7）：105-107.
[3]石磊.浅谈CSS3中的3D动画技术原理[J].电脑知识与技术，2015 （5）：227-229.
[4]方轩，熊树平.电子看板在企业物流管理中的运用[J].物流工程与管理，2009 （10）：59-62.
[5]张淑红.Javascript跑马灯效果浅析[J].科技资讯，2012 （35）：22-25.
[6]HAYWARD，JONATHAN.Django JavaScript Integration：AJAX and jQuery[M].Packet Publishing，2011.
[7]沈萍萍.智慧教室监控管理架构分析[J].电脑知识与技术，2016 （30）：213-216.
（责任编辑：杜能钢）
- 玉露香梨高产高效栽培技术
- 尤力克柠檬花果生长特点及管理技术
- 新修订的森林法将从2020年7月起施行
- 两部门发布意见深化农技人员职称制度改革
- 结球甘蓝丰产优质栽培精准施肥技术
- 水稻机械侧深施肥与常规施肥肥料利用率比较试验研究
- 资源昆虫黑水虻的生长特性与科学利用
- 兔大肠杆菌病的发病特点与防控措施
- 鹅常见维生素缺乏症发病原因与防治
- 全国秸秆综合利用率达85.45%
- 我国兽用抗菌药使用提前两年达到“零增长”目标
- 2019年农产品质量安全例行监测合格率达97.4%
- 促进建平县设施农业可持续发展建议
- 养猪户科学防控猪瘟的几点建议
- 南方早春大棚蔬菜育苗六项关键技术
- 丝瓜露地程式化栽培技术要领
- 下窑沟村的强村富民脱贫之路
- 坚持工匠精神，追求卓越品质
- 盲人兄弟修农机 助乡亲实现增收
- 杨青：让高寒山区天麻产业“热”起来
- 吴茱萸丰产高效栽培关键技术
- 黑豆优质高产栽培技术
- 北京延庆山区半山区谷子高产栽培技术
- 种鸡笼养与平养的利弊分析
- 架子牛的购买与适应期饲养
- cover charge
- cover/cover up
- covered
- coveredcall
- covered call
- coverer
- coverers
- cover for
- cover for sb
- cover-ground
- covering
- coveringletter
- covering letter
- covering letters
- coverings
- cove-rings
- coverless
- cover-letter
- cover letter
- cover letters
- covernote
- cover note
- covers
- cover (sth) up
- cover sth ↔ up
- 友情价
- 友情出演
- 友情客串
- 友情浓于酒
- 友情深厚，不因贫贱而改变
- 友执
- 友敬
- 友昵
- 友朋
- 友洽
- 友爱
- 友爱他人
- 友爱和睦
- 友爱敬重
- 友爱的精神
- 友生
- 友睦
- 友穆
- 友竹
- 友结
- 友谊
- 友谊、精神等永远存在
- 友谊乘乐，友谊除悲
- 友谊关
- 友谊坚固的朋友