摘要：随着互联网+时代的到来，智能手机、PDA等联通设备得到广泛应用。 作为企业和个人便捷连接工作和生活的桥梁之一，APP的应用和开发已经被提上开发者的议事日程。 本文以移动办公APP“云”软件的开发为背景，阐述了基于HTML5 Web技术快速开发APP的优势以及HTML5 Web技术的发展前景，为移动办公APP“云”软件的研究提供了一些实践经验积累和案例提供。基于HTML5网页技术的APP快速开发。
关键词：HTML5网页技术 APP开发 HTML5开发
CLC 编号：TP311 文件代码：A 文章编号：1009-3044 (2016) 03-0081-02
随着智能手机的普及、互联网+时代的到来以及3G、4G网络的大规模覆盖和应用，移动互联网快速发展。 互联网的发展正处于一个转折点，而其中，手机应用程序是主角，对网络提供商、用户、开发者和投资者都产生着重大影响。 App没有时间和地点的限制，这些随时随地都可以查看和使用的方式逐渐成为用户的最爱。 而且APP软件以其覆盖面广、操作简单、速度快等优点越来越受到企业的关注。 如何快速有效地解决APP开发问题已经被提上开发者的议事日程。
1 APP和Web应用程序的开发
App也是应用软件的意思，英文缩写为Application。 现在的APP多指智能手机的第三方应用程序。
APP行业管理中心数据显示，每天晚上和下午，多达79%的用户启动移动应用。 手机应用程序几乎已经成为人们生活中的日常必需品。 人们通过手机APP获取信息、进行娱乐、网上购物。 随着联通设备的快速崛起，APP也在经历爆发式的下滑。 毫无疑问，移动客户端蕴藏着巨大的商机。
随着App明天的蓬勃发展，人们不再指责App所能带来的利润。 随着互联网+时代的到来，App让每个人的生活变得更加轻松、便捷。 信息化进程。
Web应用程序实际上是Web应用程序，是指利用Web技术，与Web浏览器配合，通过网络实现一项或多项任务的Web应用程序。 通过Web浏览器，利用Web技术实现的Web App与传统的网站不同。 它拥有更丰富的交互体验，让Web App看起来更像Native App，而且Web App的开发难度也比Native App更加尖锐。 提高了易用性。
2012年，我们看到了WEB APP的雏形，2013年到2014年，WEB APP进入了井喷期。 究其原因，首先是HTML5技术本身已经比较成熟。 其次，HTML5在全产业链的接受度已经得到推广和普及，标准也已经产生。 各种浏览器都在争相支持HTML5。 从另一个角度来看，随着带宽的不断增加和资费的不断提高，人们对WEB APP的接受程度也会越来越高。 最重要的是云计算的引入。 云计算从根本上改变了WEB APP的接受程度。
2 基于HTML5网页技术的APP快速发展现状
与Native App相比，Web App开发有哪些优势？ 首先，应用程序开发成本较低。 只要使用Web开发技术，就可以轻松完成Web App开发； 其次html5教程开发app，App升级相对简单。 升级无需通知用户，只需更新服务器端的文件，用户完全感觉不到； 另外，和通常的web一样，虽然是一个网站，但维护起来也比较简单。
许多应用程序开发公司基于网络的灵活性看到了网络的未来——拥有在网络上完成任务的所有优势，而且还可以离线完成此类任务。 如今对离线应用程序的支持已经成为可能——HTML5提供了应用程序缓存和客户端存储（例如本地存储、索引数据库）等功能，使您的应用程序可以在没有网络连接的情况下工作随着科学技术的发展，移动终端已经进入人们的生活，传统的Web开发技术很难适应这些小屏幕界面。 HTML5的出现很大程度上解决了这个困境。 结合HTML5的特点，提出了中国联通网站简洁、清晰、可定制、以用户为中心的设计原则。 HTML5的视频、音频、画布、离线应用等新功能给Web开发带来了新的希望和曙光。 新技术除了适应中国联通的终端接口外，还大大减少了代码冗余，提高了设备运行效率。
使用Html5+css3开发webapp的优点是： 1）更好的跨平台语义和更好的性能 Android/iOS/windowsphone对html5和css3提供了良好的支持； 2）引入渐变、圆角、阴影和半透明等新功能，为用户创建更轻的页面和更丰富的体验。 带来更好的网页连接性、可搜索性、可操作性等。Webview使用的一些css3属性引入了box-flex、rgba、border-radius、border-image、ox-shadow、text-shadow、multiplebackgrounds、background-size、渐变样式等可以使用css3属性进行渲染，生成内外阴影、透明度、渐变色、圆角等效果，而前几年只能用图片来实现。 Selector css3减少了更多的CSS选择器，使得选择元素显得越来越简洁，实现的功能也更加简单强大。 3）学习使用html5的各个元素来实现跨平台功效。 例如，HTML5 Canvas 实现了 Loading 来加载动画。
3 基于HTML5 web技术的移动办公APP软件开发应用：“云”APP办公软件开发
“云”应用软件是深圳技师学院中学生自主开发的一款移动应用软件，主要用于用户云端文件存储和共享。 “云”应用软件的目标是“高品质的文件社交体验”。 按照这个目标和应用软件的使用范围，中国所有大学生和企事业单位使用“云”的目标并不难实现。 “云”的各种功能使得前后端数据通过ajax进行交互。 前端使用H5+CSS3+JS编译，本地使用java编译，服务端使用ajax+PHP+.Net+NodeJS编译。 两端相对移动。 具体逻辑决策如图所示。
工作功能和原型设计：
1）用户在云端保存文件：“云”应用软件主要用于中学生和商务人士在云端保存文件。 其工作原理是：用户通过互联网下载软件并在手机上安装“云”，然后注册账号html5教程开发app，点击上传网盘中的文件。 2）用户随意共享文件：用户在“云”应用软件中上传文件后，手动公开共享文件的状态。 即用户在上传文件时需要考虑该文件是否涉及个人隐私、是否含有非法、反共文件。 一旦用户分享上述文件，上传者将被追究责任。 3）用户之间的在线交流：“云”应用软件用户可以互相添加好友，创建群聊，实现在线交流。 4）云基础功能：用户可以在应用软件上查看云盘文件、编辑云文档、浏览云专辑、欣赏云音乐、进行基本软件设置等。
工作实现、难点及特点分析：
软件实现：软件采用html5+css3+JavaScript+java+ajax+PHP+.Net+NodeJS等语言实现。
软件难点：网页与本机互通； 云文件数据库访问； 文件目录结构分析； 用户信息存储和设置； 用户甚至可以在线交流； 各种文件查看
软件功能：用户可以随时分享文件、评论文件、获取优质文件； 本软件采用混合应用技术，即采用web+java+ajax来完成。 混合应用可以完美解决各平台的兼容性； 开发成本低，混合应用可以同步各个操作平台的用户交互，无需在各个平台上开发不同的用户界面； 维护和更新简单，混合应用可以让开发人员及时更改bug并更新软件。 。
发表评论