基于HTML5技术校园微网手机APP的设计与实现

1、    基于html5技术校园微网手机app的设计与实现    赵冠业 钟建敏摘 要：随着智能终端技术、无线网络技术和移动互联网的快速发展和普及，人们更习惯于手机等移动终端跨越时间和空间的维度方便地从网络上获取各种信息资讯和在线服务。本文基于作者在学校网络中心从事校园信息化建设工作学校门户网站运维多年的经验，借助主持广西教育科学“十三五”规划课题基于“互联网+”智慧校园app云平台建设与应用研究机会，总结学校门户门站存在的问题，并结合当前流行的html5技术提出新型微官网的开发目标、主要功能和所需的技术，为提升学校形象，促进学校人才培养的社会宣传起到了重

2、要推动作用。关键词：微网;手机app;html5一、传统网站存在的主要问题在互联网时代，学校网站越来越流行，现在大部分学校都有属于自己的门户网站，不可否认，校园网站建设在实现教育现代化中发挥的作用越来越大，但是目前学校门户网站建设依然存在一些问题。除了网络硬件资源不够完善、学校领导不够重视、人员技术层面的缺乏等问题，在网站设计和实现技术上也存在较多的问题，如网站栏目设置冗余导致发布内容相似、栏目顺序的排列较为混乱和主次不分明的不良局面;在技术上，一些网站还停留在传统技术，注重的是“做”而不是“用”的网站，导致用户体验非常差，比如我校网站采用老掉牙、运行效率低，漏洞百出的asp程序开发，导致网站

3、随时有可能被入侵、被人放黑链等的安全风险。二、新型官网开发目标新型官網开发目标是开发出一个网络环境安全、拥有自主管理、功能齐全并视觉效果焕然一新的新型官网，新型官网主要可实现跨平台、多终端浏览器适配显示，无论是使用笔记本电脑、台式电脑、平板电脑还是智能手机访问响应式综合门户信息系统，从页面布局到字号间距，都可以弹性适配，用户阅读体验得到大幅提升，从而大幅提高学校利用网络媒体的宣传水平。因此新型官网开发需满足两种情况：一是当用户用pc端浏览网页，呈现的内容完整、界面大气的视觉体验;二是当用户使用手机等移动终端浏览网站，以微网方式内容精炼、界面精悍呈现，微网既微网站，可以方便的与微博、微信等应用融

4、合链接，主要特点是适应移动客户端浏览网页，对浏览体验与交互性能要求较高的新一代网站。三、新型官网开发主要功能点当前，大部分学校随着移动互联网的发展已通过自主开发或者购买各种手机app应用系统，app是application的简称，手机app是指安装在智能手机上的应用程序，为用户提供更丰富的使用体验为主要手段。因此新型官网开发所实现的功能除了具备学校普遍的业务功能外，还应有手机app的功能特性：1.基本要求：支持手机和pc客户端并支持微信传播。2.在线报名系统：在线提交个人报名资料 后台跟踪跟进。3.新闻发布系统：基本功能应有链接管理、栏目管理、添加文章、文章审核（发布）、 评论文章、选择模板等

5、;特色功能有允许评论、关闭评论、两级审核、不同栏目不同模板、点赞功能、分享功能等。4.问答系统（招生问答）：基本功能实现统一的用户名密码、用户注册、用户提问、指定回答人员、回答过的问题才在前台显示;特色功能应具有支持微信登录、qq登录。5.教师微博：指定人员开通、添加文章、文章列表、开通或关闭评论。6.社团小组空间： 指定人员开通、投稿、发布 。7.官网首页友情链接管理：实现后台添加，包含其logo图片链接。8.重要通知与oa系统平台同步：比如校办在oa系统发布有关毕业生返校领取毕业证这一相关信息，能具有选择性的推送到官网首页的通知栏目。9.微信公众平台二次开发，主要实现以下功能：招生报名与官

6、网招生报名系统同步;具有微调查、微互动（投票、刮刮卡等游戏互动功能）、校园微出行（校园周边交通信息、天气、地图导航）。10.服务器空间自主管理：提高安全性和自主管理的灵活性。四、新型官网开发技术特点html5技术：html5简称“h5”，是万维网的核心语言，h5意思是超文本标记语言（html）的第五次重大修改，即html版本5，h5具有智能表单、绘图画布、多媒体、地理定位、数据存储、多线程的新特性。采用html5技术将网站带入一个成熟的应用平台，对视频、音频、图像、动画以及与设备的交互都进行了规范，从而实现让同一张网页自动适应不同大小的屏幕，再根据屏幕宽度，自动调整进行页面布局，实现自适应微网

7、站的开发。多屏支持：支持一般电脑及手机操作分享支持：简单操作就可以将内容分享到微信，微博等其它平台鼓励创作技术：为网站得到更多更好的信息，提供更好的机制使老师及学生在官网上提供更多更好的信息综上所述，通过以上功能和技术特点开发的新型微网具有以下特点：1、解决手机端、pc端、微信公众号端不同步问题，本系统主要解决同一个后台维护、多个终端同步显示相同的内容，但显示效果自适应，解决现在官网存在pc端官网和手机端官网不同系统带来的重复工作问题。2、解决官网登录用户与现有相关办公oa用户同步问题，本系统开发着力解决新老系统、不同系统的便捷单点登录，即官网系统与学校原有相关系统用户的自动同步，推动新官网的

8、快速应用推广。3、便捷录入编辑文章、高效查阅审核发布新文章，自动形成文章录入与发布情况的统计报表，有利于激发相关部门人员提供热点信息和维护官网，使官网时时刻刻处在不断更新中，提高学校宣传影响力。4、首页栏目依据需求快速调整、更新，解决官网存在上线后首页框架就基本上一成不变的传统问题。5、实现扫码访问、查阅点赞、点击转发等功能，提升官网内容的推广效率。参考文献：1邱林润，李蓉蓉.基于移动互联网的一体化校园app应用研究.电子世界.2014年第17期2李丽.基于html5的微官网设计与.实现通讯世界.2017年第23期3何英高，郑学洪，吕敬.智慧校园时代移动应用建设研究与实践.中国教育信息化.2019064贾瀛.微信与微官网在高职工作中的应用.信息与电脑.2016年4期5王洪伟，刘