摘要

现有的实验室展示系统无法交互式地让操作者和参观者在线了解实验室各部分的功能和特点。创建了一个基于Html5,WebGL和CSS3技术的具有3D结构的网站页面。通过物联网技术,在实验室安放传感器,经由网络通信模块和WIFI发射器,将实验室各模块信息及时上传到浏览器端。用户在浏览器端可以实时接收和控制实验室各传感器模块的信息和状态。网页展示以窗帘控制,灯光控制,风扇控制,CO2控制四部分为例,在WebGL环境下实现实验室360度全景展示。经测试,网页的性能和运行效率满足了设计要求,使用户能够通过移动端或PC机的浏览器登录智能实验室系统,实时通过传感器获取实验室各模块信息并进行监控。