html语言进行gui设计,基于HTML5的能耗管理系统GUI的设计与实现

摘要：

随着当前国家对环境治理的力度加深以及可持续发展战略方针的落实,各地都开始加大节能减排的工作力度.对于通信行业来说,设备的用电消耗是主要的能源消耗,但是对于用电消耗的管理工作手段,仍然是以相对原始的方式,比如用电量数据的采集是用人工抄电表的方式采集和上报.在互联网大热的今天,作为互联网基础支撑的通信行业,这种落后的能耗管理手段显然不符合时代的要求,并且这种方式也无法满足对能耗数据进行准确和及时的监测,对设备用电消耗情况很难进行正确的评估,从而也无法对用电消耗进行节能.为了与时俱进,跟上互联网时代的工作节奏,进一步提高对通信设备用电消耗的管理水平,运用信息化技术带来的便利,建立一个能够对基础设备用电消耗情况进行实时监测,并且能够对用电量数据进行分析的平台,显得非常的有必要.这几年,随着智能手机和平板的出现,直接改变了人们的生活方式和生活习惯.从前人们买衣服,逛超市,交电话费和水电费等,都需要自己出门并且花费很多时间完成,但是在互联网发达的今天,这些都只需要一部能够联网的手机就能完成.同样的,很多工作方式也可以进行信息化的变革,从而大大提高工作效率.虽然互联网给人们带来了很多便利,但是移动终端的操作系统各不一样,当前最为流行的为安卓,IOS和WP操作系统.应用程序的开发人员不得不针对各种操作系统进行重复的开发,以适配相应的操作系统从而使得用户更好的使用.为了解决这种效率相对较低的现状,HTML5标准被提了出来.HTML5作为互联网标准的接班人,为因为操作系统的差异带来的种种问题提供了一个很好的出路,因为它拥有着非常好的跨平台特性,在相关领域大受关注,特别是在移动互联网领域受到备受欢迎.HTML5在原来标准的基础上增加了一些新的特性,比如支持动态图像的生成,动画的制作,Web视频音频等诸多功能.在使Web应用功能变得丰富多彩的同时,也能使开发变得更加高效,能给用户带来非常优秀的体验.本文在分析已有的能耗管理系统PC端的基础上,对能耗管理系统基于HTML5进行了重新设计以及实现.由于JQuery Mobile在移动终端良好的适配性使得JQuery Mobile组件在各个移动终端上的表现趋于一致,本系统使用JQuery Mobile的UI作为前端页面的基础GUI.同时引入了 HTVML5的Carnvas技术以及基于HTML5的Highcharts图表库,对能耗管理系统的数据图表根据需求进行了重新设计,从而使其可以在移动设备上能够良好的展现.从而使得用户可以随时随地足不出户的查看设备的实时能耗情况,充分享受到移动互联网带来的便利.

展开