基于html5嵌入式移动应用社区开发与实现

《基于html5嵌入式移动应用社区开发与实现》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、基于HTML5嵌入式移动应用社区开发与实现摘要：为了解决目前系统平台在移动平台上无法跨平台运行，文章通过HTML5技术引入移动应用社区开发，很好的解决了跨平台的限制。文章运用了实时双向推送技术WebSocket，WebSocket再调用本地接口，实时将关键信息通知用户，采用HTML5的LocalStorage的缓存处理来动态刷新数据。关键词：HTML5，移动应用，跨平台，双向推送技术中图分类号：TP3随着移动设备的发展，“移动的互联网”成为了目前最热门的名词。HTML5技术以其跨平台的特性成为了近年人们追捧的技术，很多技术人员都追求起了跨平台的实现。现在移动

2、应用行业逐渐发展起来，许多应用被不断地推出，然而像苹果公司这样过于封闭，没有给初学者一个很好的参照学习机会，打击了初学者的学习热情。苹果越狱平台、安卓平台这样提供移动应用下载的服务商不少，但是他们的服务多是面向于某一平台，并且对于移动应用上传的门槛较高，不能使开发上传者得到良好的交流学习与进步。很多初学者希望有一个分享学习成果、交流学习心得的社区，本学习成果展示社区就是基于这些考虑而开发的。61嵌入移动社区的特点1.1设计思想我们的社区不仅提供各类应用的上传下载，同时也是目前WEB开发中最新技术HTML5与CSS3的学习网站。为显示网站的特性，我们的网站主要

3、采用HTML5技术配合前端WEB开发。1.2本移动社区主要特点（1）终端与服务器端的交互用户终端的程序其实可以理解为一个chrome浏览器作为框架，与服务器数据库进行数据访问，各终端在与数据库的交互以及终端用户访问的页面进行数据的显示。（2）终端的数据的缓存在WIFI情况下使用一次性数据下载方式，将用户的默认模式以及重要持久数据进行加载，并区分WIFI链接和其他数据连接，下次登陆或者使用采用本地数据，只有当使用的数据是动态刷新的数据才从服务器端进行数据的加载（例如社区中的回复的帖子和图片）。采用HTML5的LocalStorage的缓存处理，并且针对本地存储

4、做了两点优化：1）对数据采取WIFI模式下的主动更新功能，使得数据的同步尽量在WIFI下进行。2）增加了存储数据的索引功能，提高数据读取的性能。（3）消息的实时通知（HTML5）6各种关键消息采用了实时双向推送技术WebSocket[1][2]，WebSocket再调用本地接口，实时通知用户，使得用户能在第一时间被动获取状态。2本移动社区的详细设计2.1本移动社区实现的模块我们将这个系统进行模块化[3]，分为三个部分，具体如图图1所示：整个项目分为三大模块：前台信息展示系统，个人用户中心，后台信息管理系统。（1）前台信息展示系统包含了整个网站的学习成果展示、

5、学习心得交流等。（2）个人用户中心主要用于社区会员对自己的个人信息、上传的应用、撰写的文章进行管理。（3）后台信息管理系统主要是对学习社区的所有信息进行管理、审核。图1系统总体结构图6其中，前台信息展示系统由注册会员的流程、会员的登录、网站首页（网站首页：分为轮动图功能，有4张图片进行轮换，HMTL5，CSS3，安卓应用商店，苹果应用商店，WP应用商店，热门资讯，开发工具推荐，热门话题，热门HTML游戏推荐10个小模块）、信息资讯、学习中心、应用商店、工具软件、游戏中心、论坛中心页面构成。个人用户中心由个人资料和修改密码、应用管理（我的应用、上传应用、上传游

6、戏、审核中的应用、未通过的应用）、学习管理（我的文章、上传文章）、游戏管理、论坛管理子功能构成。后台信息管理系统由用户管理（添加管理员、查看管理员信息、管理员修改密码）、学习文章管理、软件管理、论坛管理（添加论坛版块、查看论坛版块、添加论坛主题、查看论坛主题）、网站页面管理（添加网站底部超链接、添加网页公告、查看网站底部超链接、查看网站首页图片）、新闻管理（添加新闻、查看新闻）等子功能构成。2.2项目角色整个项目涉及二种角色，分别为系统管理员、注册会员：（1）系统管理员系统管理员是整个网站的最高权限者，维护网站的正常运行，发布最新的软件信息，对用户上传的软件

7、进行管理，对网站的数据进行维护和更新。（2）注册会员用户可以通过注册成为本网站的会员，注册后会获得20点积分供用户使用。当用户上传应用或学习文档时会获得相应的积分，当积分增加到一定程度，会员等级会提升。我们将制定严格的积分制度，以防用户刷分对本网站造成不良的后果。3结束语6基于HTML5技术的嵌入式移动应用社区，用户终端的程序其实可以理解为一个chrome浏览器作为框架，与服务器数据库进行数据访问，各终端在与数据库的交互以及终端用户访问的页面进行数据的显示。使用了Asp.NetApplication技术，javascript技术，sqlserver数据库技术

8、，AJAX技术，html+div+css技术等，采用