HTML5在工作量管理系统中的应用
2014-11-19王婷
摘 要 工作量管理在高校管理工作中必不可少，本文主要介绍工作量图表的跨平台显示，以便于用户利用PC和智能客户端进行管理。具体实现采用基于HTML5的图表组件—icharjs，此组件体积小，支持跨平台，以此设计的系统是一种高效便捷的工作量管理系统。
【关键词】工作量管理 图表 跨平台
1 高等学校工作量管理现状及其成因分析
目前工作量管理现状如下：在统计工作量时，虽然很多教师每年填写工作量表格，但是问题层出不穷，效果依旧不理想；高校在年度聘后管理和职称评定时也需要教师近五年的工作量，教师每年都需要到学院办公室查询工作量。究其原因就是多数高校对于工作量的统计和查询工作完全停留在全纸质阶段，管理及查询十分不方便，与当前的互联网时代严重脱节。如何进行行之有效的工作量管理是值得思考和解决的问题。
2 构建工作量管理方式的解决方案与方法
教师工作量管理工作是每个学校都需要完成的工作，据此设计的系统从宏观角度来说，总计用户不在少数；从学校要求角度来看，教师需要通过系统来添加、修改和查询工作量，分析以上需求，系统设计考虑跨平台（Windows、IOS、Android）应用，以适应当前PC联网管理及智能客户端管理的需求。通常解决方案是采用B/S模式，但有些插件并不能在多平台通用。这些都是系统设计时要考虑的问题。
下面就介绍一下解决上述问题的解决技术与实现方法。
2.1 HTML5
计算机技术中能够实现网页图表的框架有很多，比如charts4j，它是基于Google Chart API的一个开源轻量级框架， 不适合于国内使用；ACharEngine也是一种制作图表的框架，但其只是安卓系统上制作图表的框架；相较于上述两个框架， ichartjs是纯JS实现的图表式报表框架，是一款基于HTML5的轻量级图形库，致力于提供简单、直观、可交互的体验级图表组件，是WEB/APP图表展示方面的解决方案。无论是Windows平台，还是lOS或Android平台，ichartjs都能在不改动任何代码的前提下提供统一的视图。Icharjs可以实现多种图，如饼图、柱形图、环形图等，用户可以根据需要来改其源码从而实现自己所需要的功能。
2.2应用icharjs实现2D柱形图
在HTML5出现之前，为了在Browser（B）上显示图表，通常需要Server（S）端预先生成图表。如果希望在服务器端动态生成图表，则需要通过其他的服务器组件来参与完成。 ichartjs 是一个利用html5 canvas 的一个图表类组件，编程风格类似ExtJs ，它可以在页面上根据配置的数据动态的生成需要的图形。icharjs的环境构建简单，只要将ichart.js加入html页面的head标签中即可完成。
本文利用ichartjs以2D柱形图为例表示工作量统计结果在PC及手机客户端的设计方法与最终效果。在下面的例子中具体实现了某教师近五年工作量的图表，首先定义一组准备显示的数据作为公共部分。本系统初期先将数据固定显示，最终系统会通过webView的api来实现javascript调用动态传递数据来更新图表。无论是通过android联网，还是是通过webservice获取服务端的数据，只要数据打包成json格式即可，因为ichartjs规定的数据源统一采用json对象方式。其次，定义绘制图表的函数，即可将图表显示出来。此函数与Javascript中的onload事件类似，在会页面或图像加载完成后立即发生。
在PC浏览器上的显示效果如图1所示。
在android模拟器端采用的运行环境是myeclipse2014及google chrome，模拟结果为如图2所示。
3 总结
本文根据高校教务管理部门及教师个人对于工作量管理的需求，提出采用基于HTML5的图表组件ichartjs绘制工作量管理系统中的图表，在理论上阐述了ichartjs的基本原理，通过实验，验证了本文方法能过完成工作量的跨平台管理。由于ichartjs可以绘制多种图表，也为工作量管理系统在日后的继续完善和扩展中提供了良好的基础。
参考文献
[1]唐彬.利用HTML5实现网页图表的研究[J].微型电脑应用，2012（10）.
作者简介
王婷（1982-），女，吉林省白城市人。硕士研究生学历。主要研究方向为图形图像处理、计算机应用。
作者单位
白城师范学院 吉林省白城市 137000endprint
摘 要 工作量管理在高校管理工作中必不可少，本文主要介绍工作量图表的跨平台显示，以便于用户利用PC和智能客户端进行管理。具体实现采用基于HTML5的图表组件—icharjs，此组件体积小，支持跨平台，以此设计的系统是一种高效便捷的工作量管理系统。
【关键词】工作量管理 图表 跨平台
1 高等学校工作量管理现状及其成因分析
目前工作量管理现状如下：在统计工作量时，虽然很多教师每年填写工作量表格，但是问题层出不穷，效果依旧不理想；高校在年度聘后管理和职称评定时也需要教师近五年的工作量，教师每年都需要到学院办公室查询工作量。究其原因就是多数高校对于工作量的统计和查询工作完全停留在全纸质阶段，管理及查询十分不方便，与当前的互联网时代严重脱节。如何进行行之有效的工作量管理是值得思考和解决的问题。
2 构建工作量管理方式的解决方案与方法
教师工作量管理工作是每个学校都需要完成的工作，据此设计的系统从宏观角度来说，总计用户不在少数；从学校要求角度来看，教师需要通过系统来添加、修改和查询工作量，分析以上需求，系统设计考虑跨平台（Windows、IOS、Android）应用，以适应当前PC联网管理及智能客户端管理的需求。通常解决方案是采用B/S模式，但有些插件并不能在多平台通用。这些都是系统设计时要考虑的问题。
下面就介绍一下解决上述问题的解决技术与实现方法。
2.1 HTML5
计算机技术中能够实现网页图表的框架有很多，比如charts4j，它是基于Google Chart API的一个开源轻量级框架， 不适合于国内使用；ACharEngine也是一种制作图表的框架，但其只是安卓系统上制作图表的框架；相较于上述两个框架， ichartjs是纯JS实现的图表式报表框架，是一款基于HTML5的轻量级图形库，致力于提供简单、直观、可交互的体验级图表组件，是WEB/APP图表展示方面的解决方案。无论是Windows平台，还是lOS或Android平台，ichartjs都能在不改动任何代码的前提下提供统一的视图。Icharjs可以实现多种图，如饼图、柱形图、环形图等，用户可以根据需要来改其源码从而实现自己所需要的功能。
2.2应用icharjs实现2D柱形图
在HTML5出现之前，为了在Browser（B）上显示图表，通常需要Server（S）端预先生成图表。如果希望在服务器端动态生成图表，则需要通过其他的服务器组件来参与完成。 ichartjs 是一个利用html5 canvas 的一个图表类组件，编程风格类似ExtJs ，它可以在页面上根据配置的数据动态的生成需要的图形。icharjs的环境构建简单，只要将ichart.js加入html页面的head标签中即可完成。
本文利用ichartjs以2D柱形图为例表示工作量统计结果在PC及手机客户端的设计方法与最终效果。在下面的例子中具体实现了某教师近五年工作量的图表，首先定义一组准备显示的数据作为公共部分。本系统初期先将数据固定显示，最终系统会通过webView的api来实现javascript调用动态传递数据来更新图表。无论是通过android联网，还是是通过webservice获取服务端的数据，只要数据打包成json格式即可，因为ichartjs规定的数据源统一采用json对象方式。其次，定义绘制图表的函数，即可将图表显示出来。此函数与Javascript中的onload事件类似，在会页面或图像加载完成后立即发生。
在PC浏览器上的显示效果如图1所示。
在android模拟器端采用的运行环境是myeclipse2014及google chrome，模拟结果为如图2所示。
3 总结
本文根据高校教务管理部门及教师个人对于工作量管理的需求，提出采用基于HTML5的图表组件ichartjs绘制工作量管理系统中的图表，在理论上阐述了ichartjs的基本原理，通过实验，验证了本文方法能过完成工作量的跨平台管理。由于ichartjs可以绘制多种图表，也为工作量管理系统在日后的继续完善和扩展中提供了良好的基础。
参考文献
[1]唐彬.利用HTML5实现网页图表的研究[J].微型电脑应用，2012（10）.
作者简介
王婷（1982-），女，吉林省白城市人。硕士研究生学历。主要研究方向为图形图像处理、计算机应用。
作者单位
白城师范学院 吉林省白城市 137000endprint
摘 要 工作量管理在高校管理工作中必不可少，本文主要介绍工作量图表的跨平台显示，以便于用户利用PC和智能客户端进行管理。具体实现采用基于HTML5的图表组件—icharjs，此组件体积小，支持跨平台，以此设计的系统是一种高效便捷的工作量管理系统。
【关键词】工作量管理 图表 跨平台
1 高等学校工作量管理现状及其成因分析
目前工作量管理现状如下：在统计工作量时，虽然很多教师每年填写工作量表格，但是问题层出不穷，效果依旧不理想；高校在年度聘后管理和职称评定时也需要教师近五年的工作量，教师每年都需要到学院办公室查询工作量。究其原因就是多数高校对于工作量的统计和查询工作完全停留在全纸质阶段，管理及查询十分不方便，与当前的互联网时代严重脱节。如何进行行之有效的工作量管理是值得思考和解决的问题。
2 构建工作量管理方式的解决方案与方法
教师工作量管理工作是每个学校都需要完成的工作，据此设计的系统从宏观角度来说，总计用户不在少数；从学校要求角度来看，教师需要通过系统来添加、修改和查询工作量，分析以上需求，系统设计考虑跨平台（Windows、IOS、Android）应用，以适应当前PC联网管理及智能客户端管理的需求。通常解决方案是采用B/S模式，但有些插件并不能在多平台通用。这些都是系统设计时要考虑的问题。
下面就介绍一下解决上述问题的解决技术与实现方法。
2.1 HTML5
计算机技术中能够实现网页图表的框架有很多，比如charts4j，它是基于Google Chart API的一个开源轻量级框架， 不适合于国内使用；ACharEngine也是一种制作图表的框架，但其只是安卓系统上制作图表的框架；相较于上述两个框架， ichartjs是纯JS实现的图表式报表框架，是一款基于HTML5的轻量级图形库，致力于提供简单、直观、可交互的体验级图表组件，是WEB/APP图表展示方面的解决方案。无论是Windows平台，还是lOS或Android平台，ichartjs都能在不改动任何代码的前提下提供统一的视图。Icharjs可以实现多种图，如饼图、柱形图、环形图等，用户可以根据需要来改其源码从而实现自己所需要的功能。
2.2应用icharjs实现2D柱形图
在HTML5出现之前，为了在Browser（B）上显示图表，通常需要Server（S）端预先生成图表。如果希望在服务器端动态生成图表，则需要通过其他的服务器组件来参与完成。 ichartjs 是一个利用html5 canvas 的一个图表类组件，编程风格类似ExtJs ，它可以在页面上根据配置的数据动态的生成需要的图形。icharjs的环境构建简单，只要将ichart.js加入html页面的head标签中即可完成。
本文利用ichartjs以2D柱形图为例表示工作量统计结果在PC及手机客户端的设计方法与最终效果。在下面的例子中具体实现了某教师近五年工作量的图表，首先定义一组准备显示的数据作为公共部分。本系统初期先将数据固定显示，最终系统会通过webView的api来实现javascript调用动态传递数据来更新图表。无论是通过android联网，还是是通过webservice获取服务端的数据，只要数据打包成json格式即可，因为ichartjs规定的数据源统一采用json对象方式。其次，定义绘制图表的函数，即可将图表显示出来。此函数与Javascript中的onload事件类似，在会页面或图像加载完成后立即发生。
在PC浏览器上的显示效果如图1所示。
在android模拟器端采用的运行环境是myeclipse2014及google chrome，模拟结果为如图2所示。
3 总结
本文根据高校教务管理部门及教师个人对于工作量管理的需求，提出采用基于HTML5的图表组件ichartjs绘制工作量管理系统中的图表，在理论上阐述了ichartjs的基本原理，通过实验，验证了本文方法能过完成工作量的跨平台管理。由于ichartjs可以绘制多种图表，也为工作量管理系统在日后的继续完善和扩展中提供了良好的基础。
参考文献
[1]唐彬.利用HTML5实现网页图表的研究[J].微型电脑应用，2012（10）.
作者简介
王婷（1982-），女，吉林省白城市人。硕士研究生学历。主要研究方向为图形图像处理、计算机应用。
作者单位
白城师范学院 吉林省白城市 137000endprint
