首页 文学文摘 时政新闻 科技科普 经济法律 健康生活 管理财经 教育教学 文化艺术 社科历史

西域明珠APP程序开发的构思与应用

作者:刘铭 来源:电子技术与软件工程

摘 要 本文主要介绍了手机移动终端程序APP的现状与发展趋势,以及APP在开发步骤,着重介绍了《西域明珠》APP开发所使用的HTML5和CSS3语言的特性已经该APP开发的案例,最后分析了应用效果和存在的不足。

【关键词】HTML5 CSS3 APP 构思 应用

1 移动终端程序APP的现状与发展趋势

app在手机中的意思就是application的简称,也就是应用的意思,通常用于iphone手机,也可以是安卓等其他手机应用。App 是英文Application的简称,由于iPhone智能手机的流行,现在的APP多指智能手机的第三方应用程序。App软件就是应用软件 现在主要指的都是ios mac android等系统下的应用软件.

今天的互联网已经进入了移动互联网时代,据工信部公布数据显示截至到2013年第三季度,移动电话用户超过12亿户,其中移动互联网用户达到8.2亿户,其中3G 上网用户占比超过30%。

智能手机时代的价值核心开始转向软件与应用,移动互联网绝对不是仅仅把互联网移动化,今天众多的移动应用如微信、新闻客户端、打车软件、天气软件、在线支付、掌上淘宝等APP已经在深刻地改变人们的工作和生活。

今天众多的企业定制APP已经成为企业营销和宣传的最新平台,而各行业也在依据自己业务的特点推出适合自身业务需求的APP程序是APP的发展趋势。

2 APP程序开发简介

2.1 APP开发流程及注意事项

(1)首先制作一款APP,必须要有相关的需求分析,也就是说,第一步是APP的需求分析形成,在这个步骤要尽可能对用户的需求进行调查,形成文字资料,需求分析的完备与否影响着该APP的质量和效果。(2)其次就是通过那些需求分析来进行APP的主要功能设计以及大概界面构思和设计,这一步骤决定了APP的亮点。(3)接着是设计的界面功能模块的代码编写。在界面模块编写开始前,开发者可以利用模拟器实现部分的功能开发。但要注意,对于iNotes开发来说,模拟器是不完美的用,simulator的多触点(multi-touch)支持是非常弱的,很多touch的测试是无法在simulator做的。特别值得注意的是,在功能开发的过程中要注意内存的使用,这也是在iOS开发上最最重要的思维。(4)然后把大概的界面和功能连接后,app的大致demo就出来了,值得一提的是,如果有界面设计师,就能节省大量时间。比如界面设计上,可以编写功能模块和设计师同步进行。这样app的demo出来后,基本上可以有界面可以用了。(5)进入测试阶段后,在demo出来之后要开发者要试用和体验几遍,然后根据情况修改。如果能够在产品设计和开发过程中,找一部分测试用户参与是非常有必要的。根据测试用户的反馈,重复之前demo出来后的一系列步骤,达到完善APP的目的。(6)完成阶段,最后在app完成后,对于IOS系统的APP要加入app icon, iTunesArtwork等等UI元素,反复测试无错误后上传iTunes,之后大概要花7-14天来等候审批。对于安卓的直接上传的安卓市场即可。

2.2 APP开发工具简介

(1)起步软件X5。采用最领先的技术,完全符合业内开放、主流的各项技术标准:纯B/S架构,支持IE、Safari、Chrome、Firefox浏览器。支持业内所有javaee平台,采用完全的SOA架构,让应用系统直接支持云计算服务。完全基于Eclipse的可视化开发支持,并支持浏览器环境的业务定制。支持所有ios、android和windowsphone的手机和平板设备。(2)Bizness Apps。Bizness Apps为一个快速制作手机App的平台,主要为中小企业服务。它目前支持苹果iOS和安卓Android平台上的本机App制作。用户基本不需要具备编程知识,只要进行按钮拖拽及勾选,就能完成大部分设计工作。建立App时, 你首先选择的App类型。Bizness Apps就为你的类型提供了相应的模板,包含了该类型大部分的常见功能,用户只需要进一步在选单中选取你的App需要的功能即可完成本机App的设计。(3)jQuery Mobile。jQuery Mobile支持全球主流的移动平台。不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架,他驱动着着 Internet 上的大量网站,在浏览器中提供动态用户体验。jQuery Mobile的目标是在一个统一的 UI 中交付超级 JavaScript 功能,跨最流行的智能手机和平板电脑设备工作。与 jQuery 一样,JQM 是一个在 Internet 上直接托管、免费可用的开源代码基础。事实上,当 JQM 致力于统一和优化这个代码基时,jQuery 核心库受到了极大关注。这种关注充分说明,移动浏览器技术在极短的时间内取得了多么大的发展。与 jQuery 核心库一样,您的开发计算机上不需要安装任何东西;只需将各种 *.js 和 *.css 文件直接包含到您的 web 页面中即可。这样,JQM 的功能就好像被放到了您的指尖,供您随时使用。

3 HTMI5+CSS3语言的特点

3.1 HTML 5的特性

HTML5赋予网页更好的结构和意义。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的网页。

(1)本地存储特性。基于HTML5开发的网页APP拥有更快的联网速度,更短的启动时间,这得益于HTML5 APP Cache,以及本地存储功能。

(2)设备兼容特性。前所未有的数据与应用接入开放接口。从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。

(3)连接特性。HTML5提供了更有效的连接工作效率,使得基于更快速的网页游戏体验,页面的实时聊天,更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术,WebSockets和Server-Sent Event这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能,客户端第一时间获取到了服务器数据。

(4)网页多媒体特性。支持网页端的音频、视频等多媒体功能, 使网页内容丰富多彩。

(5)三维、图形及特效特性。基于Canvas、WebGL、SVG及CSS3的3D功能,用户会在浏览器中惊叹于起呈现的惊人视觉效果。

(6)性能与集成特性。没有用户会永远等待你的加载——HTML5会通过XMLHttpRequest2等技术,解决以前的跨域等问题,帮助您的网页应用和网站在多样化的环境中快速的工作。

(7)CSS3特性。在不牺牲性能和语义结构的前提下,CSS3中提供了更多的风格和更强的效果。此外,较之以前的Web排版,Web的开放字体格式(WOFF)也提供了更高的灵活性和控制性。

3.2 HTML 5手机应用的优势:

跨浏览器的特性使更多应用基于HTML5开发,Web和应用程序的界限将变得模糊,互联网应用最广泛的富媒体Flash游戏和Flash广告将被HTML5取代。HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果,不断地重复编码、调试和运行,这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准,开发人员可以轻松调试修改。

3.3 什么是CSS 3

CSS全程层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,有效地对页面的颜色、字体、布局、背景和其它效果实现更加精确的控制。 只需要对相应的代码做一些简要的修改,就可以改变同一页面的不同部分,或不同的网页的外观和格式。CSS3是CSS技术的3代升级版本,CSS3语言开发是面向模块化发展的。以前的规范作为一个模块复杂而庞大。所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括:列表模块、盒子模型、语言模块 、超链接方式 、文字特效 、背景和边框 、多栏布局等。

3.4 CSS3的特性

(1)边框。CSS3通过border-color控制边框颜色,并且有了更大的灵活性,可以产生渐变效果。

(2)背景。CSS3通过background-origin:决定了背景在盒模型中的初始位置,提供了3个值,border, padding和content,用于控制背景起始于左上角的边框、留白和内容。

(3)文字效果。专门增加了为MAC OSX的Safari浏览器支持的投影效果。

(4)颜色。CSS3的HSL colors:除了支持RGB颜色外,还支持HSL(色相、饱和度、亮度),同时还增加了不透明度,这样使APP效果更加多彩。

(5)动画属性。CSS3支持变形(transform)、转换(transition)和动画(animation)

(6)用户界面。CSS3的resize可以由用户自己调整div的大小,有horizontal(水平)vertical(垂直)或者both(同时),或者同时调整。如果再加上max-width或min-width的话还可以防止破坏布局。

4 西域明珠APP程序的实际案例分析

4.1 西域明珠APP程序简介

《西域明珠》APP是国家新闻出版广电总局二0二二台的移动办公应用终端,开发目的在于便捷移动办公,服务职工生活,提高信息化应用水平。该APP共有9大板块,涵盖通知公告、新闻中心、气象信息、食堂菜谱、交通安全、本周值班、我的工作、工资查询、共享交流,该APP应用以后极大的方便了职工生活,改变了固有的许多习惯,推动了信息化的应用。该APP有安卓版和IOS版本,界面如图1。

4.2 程序开发技术分析

本APP采用html5+css3+Jquery mobile 技术开发,技术优势是:一次开发,跨平台使用。服务器更新数据客户端无需重新打包,自动更新。手机兼容性强,耦合性高,HTML5可以用作离线应用的开发,离线应用就是把需要的资源先缓存到本地,下次再查看时无需联网。值班表和食堂菜谱,工资表等可以直接导入EXCEL数据,无需单独录入减少工作量。

4.3 存在的不足

运行效率相比原生APP较低,用户体验相比原生APP较差,程序的边框适应能力不足,会造成部分美工效果现示不完美,对视频和音频的支持不好;数据传输相比原生APP较慢。

作者简介

刘铭(1983-),汉族,籍贯河南方城,研究生,研究方向为广播节目传输。

作者单位

国家新闻出版广电总局二0二二台 新疆维吾尔自治区喀什市 844000