第一篇：基于HTML5移动APP应用开发教程

基于HTML5移动APP应用开发教程

之前有一些学员问小编：有没有基于HTML5移动app的开发教程或者文字分析?

小编立即将问题反馈给我们的技术老师，技术老师也是先从网上看了一大堆，觉得介绍也不是特别详细，所以自己就结合自己的经验和学习写了一篇文章，文章总共分为上下两部分，我们先来看看第一个!

一 摘要

现在教大家创建第一个移动APP应用,在这里不需要大家对HTML相关知识特别熟练,只要大家能看懂html,js代码,就可以轻松创建一个基于HTML5 webAPP应用.二 整体效果

三 整个框架图

四 具体实现

1.页面引导图

第一步 manifest.json参数设置 如图:

第二步 在index.html(这个文件相当于iOS中的app delegate.m)加上引导图代码

第三步 在 mui.plusReady加载的函数中去调用该方法

页面启动图差不多完成了.2.导航实现

(注意:哪个页面需要导航就往哪个页面加上一句导航代码)

3.tabbar 设置

具体tabbar选项卡要实现什么功能,就在相对应的文件写代码就可以了.五 结论

差不过,整个框架就完成了,非常简单,不过现在做HTML5开发出来的APP还是非常的卡,用在手机上.整个APP设计原理跟iOS,安卓开发都非常的像,学过iOS或安卓的人一看就会明白。

第二篇：Html5与APP开发比较心得

Html5与APP开发比较心得

引言

大量新生移动设备的兴起，改变了当今互联网的格局。在技术的发展上，HTML5会取代 App 应用吗？或者说能够在多大程度上取代呢？在 HTML5 规范中，已经加入了相机、磁力罗盘、GPS 信息的支持。很多新兴浏览器也已经开始支持这些新特性。能否用一个统一的 HTML5 来替代 Android 和 iOS 并行开发的双重成本呢？详细分析了 HTML5 和本地 App 的优缺点。

以下为文章原文：

移动应用程序(App)和 HTML5 都是目前最火的技术，二者之间也有不少重叠之处。在移动设备浏览器里运行的 HTML5 的 Web 页面，也可以重新打包成不同平台上运行的 App。目前很多浏览器都有很好的跨平台支持性能，HTML5的 Web 方案，对开发者来说更为方便。完成一次开发，即可多平台使用。但这确实可行吗？目前，仍有许多原因，使开发者选择了 App 开发。很明显，很多人已经在这么做了。本文将详细分析这两种方案的优劣。

1、功能丰富

正方：App 里可以开发出更丰富的功能。我们把移动功能分成两类。程序本身和程序与系统的结合。比如在 Android 里，加入 Widget 图标或者通知提醒之类的。App 对这两者都没问题。不用多说，这是肯定的。

反方：虽然 APP 发展迅猛，但 Web 也正在迎头跟进。确实很多原生 App 实现的功能是 HTML5 望尘莫及的。不管你的 Web 做的再好，如果停留在一个没有摄像头支持的沙盒中，还是无法满足一些功能。幸运的是，现在没有这样的沙盒限制了。如果你需要你的 Web 来照相，可以做一个负责照像的 App，再把你的 Web 打包进这个应用里面。开源的 PhoneGap 框架就是这么做的。

但这种混合开发的问题在于，增加了项目的复杂性，而且不象传统 Web 那样可以直接在浏览器里运行。这个问题短时间内恐怕还无法解决。不过好在现在网络标准在不断的高速扩充，先进的浏览器也在一直跟进。Android 3.1 已经支持 Camera 了。iOS 浏览器也开始支持 WebSocket 和设备方向检测了。

总得来说，移动设备在发展，而 Web 也同样在快速变化。而目前也有 5 家主要浏览器开发商在改进现有标准，丰富新的功能。所以原生 App 在快速前进，同时，Web 也在缩小差距。

2、运行效率

正方：原生 APP 速度更快。原生 APP 没有瓶颈，而且可以直接调用 GPU 加速、使用多线程。

反方：现如今 Web 的速度已经很快，而且多数应用不需要这么快的速度。

这种说法有点落伍了。Chrome 发布之时带来的 Javascript V8，给 Web 访问速度带来质的飞跃。而现在，计算速度变得更快了。

图片处理引擎已经使用 Web 来加速。现在硬件加速也已经开始。让我们看看用上硬件加速的 Canvas 的效果：

如果要开发 3D 游戏，或许速度还不够，但对于普通用户来说，新闻、邮件、时间管理、社交网络，这些用 Web 就已经足够。另外，越来越多的框架结合 WebGL，可以发挥 OpenGL 的优势了。

3、开发感受

正方：原生 APP 易于开发。原生 APP 使用强壮的程序语言（Java, Objective C, C++），适合编写复杂的程序，API 丰富，在桌面环境可以方便的用模拟器进行测试。而 Web 程序的 Runtime 和乱七八糟的各路浏览器让人头疼不已。

反方：一般来说 WEB 更简单一些，特别是需要兼容不同设备的时候。WEB 最初的功能只限于文档展示，而不是程序应用。更何况 Web 不只是静止的，HTML5，CSS3都给开发者极大帮助。虽然你喜欢C++，Java, Javascript，但是现在没人能否认 Javascript 也和前者站在同一擂台上。

浏览器/Runtime 的互不兼容（碎片化），APP 也存在同样的情况。用 Java 写了 Android App，然后又要面对 iOS 的 Objective C。此外还有 WebOS, BlackBerry，Windows Mobile 等。如果能写一个程序，马上能在所有平台上运行，这该多么方便啊。当然，这只是一个理想。要是想让程序在每个平台都能正常的运行，就要做不少调试和妥协。这对很多原生 APP 也是一样的。

所谓的 Web 碎片化，一直都是如此。但好消息是现在已经有很多不错的解决办法。比如 Modernizr 库就可以帮你兼容一大批主流设备，不管是哪种系统平台。有兴趣的话，你可以看看2011年的 Google IO 演示。

4、用户体验

正方：原生 APP 更契合原有平台。操作感受的定义之一，就是用户希望在你的程序里，用与系统连贯统一的方式来操作。不同的平台，都有一些约定俗成的习惯。你不能期望用一套统一的 HTML5 App 去满足所有用户。

此外，整个平台的操作感受都由用平台自有的软件库协调。直接调用平台工具包就能直接免费获得完整支持。

反方：Web 有自己的传统，但如果你想开发带有原有平台那种感觉的 Web，同样可以做出来。前面已经讲过，WEB 开发的方式，是先做一个大体适合所有平台的版本，然后再针对不同平台不断改进。当这些改进主要是针对功能时，你可以选择几个你最关心的平台做优化。类似于 浏览器检测。我们经常可以听到技术论坛里的程序员们，抱怨有太多的浏览器版本要测试。不过如果你优先关注两三种主流平台，是值得为它们多花点时间做优化 的。

Web 本来就有自己的操作感受。我们也可以说，不同的默认浏览器以及运行环境造就了独特的“Web 感受”。从更广的角度看，这本身就是一种用户公认的方式。此外，还有很多成功的案例并不遵循移动设备的原生操作习惯，但却成功了。想想你最喜欢的手机游戏 的界面？很多更传统的 App 也是一样，比如 Twitter 的客户端。

5、传播途径

正方：原生 App 更容易接触客户。像 Google Play 和 Apple Store 这样的 App 商店这几年势不可挡，推动了整个移动行业的发展。每个程序员都能在市场里发布自己的应用。用户都挤在市场里浏览、搜索、接受推荐。不仅如此，只要你的程序 足够好，现有用户的打分会帮助你说服更多新的客户。

反方：其实 Web 才容易接触到客户。通过 Web 找到内容，这是经过论证的可靠途径。利用 URL，每一项发布的内容都有一个独立的地址，包括在网站上发布的应用程序。搜索引擎帮助发现内容，其他网站提供链接，还有一些类似应用市场的分类网站。用户还可以通过邮件、短信和社交网站分享你的链接。你的应用链接可以直接在不同设备上直接打开。

6、收费

正方：App 收费，应天意，顺民生。“六岁孩子在午饭时做的 App，3美刀一个，已经卖出几百万”。最近常听到类似的新闻。各种大小厂商也跟着蜂拥而至，等着圈钱。应用商点帮开发商直接收费。最简单的办法，一次性 收费。也有在 App 里再另行收费或者做订阅收费的，这都帮助开发商赢得长期稳定的回报。

此外，传统网站的广告、赞助，在 App 里也同样适用。

反方：网站赚钱，从来都不是问题。现在机会还会越来越多。Web 能成为现在社会的推动力，有能力用多种方式取得回报，这是基本条件。虽然使用付费并不普遍。但 SaaS 的模式已经相当普及了。成功案例包括 Google Apps 系列产品，各类邮件的收费版等等。另外，直接收费并不是 Web 应用的唯一模式。广告、会员链接、赞助和其他产品服务的交叉推广都是可选的模式。

看着能在应用市场里直接赚钱而眼红的 Web 开发者们，你们不能直接把你的 URL 发进市场，但是做一个浏览 Web 的 App 的壳子来连接到自己的 Web 上怎么样？现在市场中已经有成百上千的 App 正在这样做。有些包装的很好，以至于你甚至都察觉不到它是一个 Web 程序。

以后应用市场会直接支持 Web 程序吗？这个现在还不好说，但 Google 已经建建立了 Chrome Web Store。虽然还只能从桌面电脑放问，但这已经挑起了浏览器厂商的兴趣。

结论

现在还看不出有完胜的一方。有些应用适合做 App，有一些适合用 HTML5。以目前的情况来看，原生 APP 肯定是一个很重要的方向。上面提到的混合式开发，可能是一个不错的妥协方案。能用 Web 的时候用 App 调用 Web，Web 实现不了的功能再用 App 开发。

如果你选择 Web 方式，就要在 Web 标准和不断的改进上用心。Web 技术本身的优点就是能兼容大批不同的操作系统和设备。

第三篇：移动应用开发(APP开发)市场调研报告

移动应用开发专业人才需求调研报告

信息社会许给人类最大的承诺——随时随地随身查找资讯、处理工作、保持沟通、进行娱乐，从梦想变成活生生的现实，实现24小时随身在线的生活。正如中国移动一句广告语所说的那样——“移动改变生活”，移动互联网给人们的生活方式带来翻天覆地变化。越来越多的人在购物、用餐、出行、工作时，都习惯性地掏出手机，查看信息、查找位置、分享感受、协同工作……数以亿计的用户登录移动互联网，在上面停留数十分钟乃至十多个小时，他们在上面生活、工作、交易、交友……这些崭新的人类行为，如同魔术师的手杖，变幻出数不清的商业机会，使得移动互联网成为当前推动产业乃至经济社会发展最强有力的技术力量。

根据中国互联网络信息中心的报告，我国已经超越美国成为智能手机用户最多的国家。截至2014年6月，中国网民规模已达6.32亿，手机上网使用率达83.4％，首次超过传统电脑的使用率。截止2014年底，中国网民人数已达6.49亿，我国移动通信用户已超过12亿，约占全国人口的85%，其中有8.1739亿用户接入移动互联网，占全部用户的71.34%，5亿微博、微信用户，每天信息发送量超过200亿条。全球互联网公司十强，中国占了4家（阿里巴巴、腾讯、百度、京东），中国已成为名副其实的互联网大国。

一、湖南移动互联网产业政策及现状

长沙软件产业基地是我国11家国家级软件产业基地之一，集聚了全省约90%的软件企业。2014年2月19日，湖南省政府出台了《湖南省人民政府关于鼓励移动互联网产业发展的意见》，提出力争到2017年建成一批移动互联网产业集聚载体，培育一批移动互联网骨干龙头企业，建成国内领先的移动互联网产业集群，把湖南打造成移动互联网产业的政策洼地和产业高地。2014年2月23日省财政厅 省发改委 省经信委联合出台了《关于鼓励移动互联网产业发展的若干政策》。

副省长黄兰香表示,湖南现在有两块响亮品牌,一是文化创意产业,二是工程机械产业。我们有一个梦想,下一步,要把湖南移动互联网产业打造成湖南响亮的品牌。湖南发展移动互联网产业的氛围正在初步形成。湖南省市区三级政府紧锣密鼓地出台相关政策，湖南有信心把移动互联网产业打造成为新的“湖南品牌”。

湖南已成为互联网大省，目前在全国移动互联网领域，近1/3的企业家是湘籍，为湖南发展互联网提供了人脉基础。2015年全国互联网百强企业3家。

移动互联网产业成为全省重要的新兴产业，到2020年，产业主营业务收入到达1200亿元左右，引进和培育120家骨干龙头企业，全产业链企业过千家、从业人数逾5万的互联网产业集群。大力推进芯片与终端设计制造、移动通信与网络设备、电子元器件及材料重点产业链培育。加快发展智能硬件、手机软件和信息服务业，建设工业设计中心服务平台。长沙将以“衣、食、住、行、乐”为内容打造继北京、上海、深圳、成都之后的全国移动互联网创业“第五城”——移动生活之都。

二、人才需求与就业分析

2014年移动互联网行业风起云涌，各大互联网公司纷纷发力。百度移动流量首超PC，天猫双11移动端交易额猛增至243亿；滴滴快滴上演红包撕逼大战，陌陌上市前夜遭网易炮轰。阿里巴巴、京东、陌陌、猎豹等互联网企业纷纷上市，融资千亿美元，网络营销大潮再次席卷全球。李克强总理在两会上提出“互联网+”计划，更是将中国互联网的发展推向了一个新阶段，越来越多的行业为了适应时代发展趋势，都逐渐从传统市场转向网络市场，微信公众号策划推广岗、互联网营销岗、手机应用APP（安卓）技术开发岗等岗位的人才最抢手。甚至有公司打出，“只要懂技术，肯努力，薪酬不是问题”。互联网特别是移动互联的应用的人才需求呈井喷式增长。下面,通过大数据分析来看2015年计算机的特别软件技术和移动互联网开发的人才需求状况。

图1

企业招聘需求排名前10行业

从图1企业招聘需求排名, 可以看出，互联网/电子商务、计算机软件成为招聘需求最大的市场。互联网计算机行业争相抢夺技术类人才，其中电商平台都希望第一时间抢占移动端入口，所以移动端开发工程师是非常热门的技术岗位之一，后端开发的要求也使得后台开发工程师相关职位炙手可热。同时，数据显示，互联网IT行业“霸占”北上广深四大一线城市网上发布职位数首位，地位稳固；其中该行业在北京的人才需求量超过7万个，职位发布数在全国城市排名首位。

图2

平均薪酬排行前10的城市

从图2-TOP10城市平均薪酬排行可以互联网行业主要集中在北京、上海、深圳、广州等一线发展城市，而厦门、杭州与重庆近几年也大力发展互联网产业，各大互联网企业为了引进人才也不惜开出较高薪酬。

图3 互联网行业热招工资排名前10职位

火热的互联网计算机行业里面热招职位工资排名TOP10可以看出，排名榜中有五个都被程序员给占领。互联网计算机行业技术人才广受追捧，移动应用软件企业扩大招聘规模。

根据图4-爱布斯市场调查数据显示，移动互联网行业人才需求岗位移

图4

移动互联网行业人才需求分析

动App开发人才招聘环节中，由于Android开放性更强。

目前人才市场上对Android工程师的需求量更大，超过83%的雇主企业表示对此类人才有需求，紧随其后的是IOS工程师、塞班应用工程师、SE架构师等。

除了一线城市以外，移动互联网行业主要集中的城市有杭州、苏州、厦门、成都、重庆、武汉和长沙等。因为人才的稀缺和行业发展的迅速，使得一二线行业人才的薪酬差距逐年缩小，甚至部分二三类城市开出的“价格”要高于一线城市。随着移动互联网的爆发性增长，使移动App开发人才晋升为“稀缺资源”。

据估计,未来5年，由于传统的互联网业务将全面向移动互联业务转型，我国的移动互联产业目前急需移动互联的代码编写、研发、测试、UI设计等专业人才，人才缺口在150万人以上。据业内专家分析，移动互联网人才缺口大的原因，首先在于紧缺人才基本上在几大知名互联网公司并相对稳定，其次国内高校又没有对口专业，不能为市场输送满足需求的人才数量。很多IT、互联网行业的人才也纷纷转型到移动互联，移动互联的从业者薪酬水平涨幅也高于其他行业。

因此，在未来几年内，对移动应用开发专业的人才有很大的需求。因此移动应用开发人 4 才专业具有广阔的发展前景。

三、移动应用开发岗位能力分析

1、移动应用开发市场现状

目前全球iOS和Android应用市场的规模已经接近1万亿美元。2013年全球移动应用商店下载总量达到1020亿，高于2012年的640亿。中国市场企业级移动应用快速发展，2013年市场规模为9.3亿美元，预计2017年将达到41.5亿美元，2013-2017年的复合增长率为45.3%，到2017年将形成具备一定规模的市场。中国企业级移动应用市场总体上还处于起步阶段，未来2-3年是移动应用的高速发展阶段，预计2016年将达到建设高峰。

2013年全球移动应用下载量从2012年的640亿次增至1020亿次，营收将从2012年的180亿美元提高到260亿美元。其中，免费应用占总下载量的91%。2013年，应用内购买营收达到44.2亿美元，占总营收的17%，初步估计，2014年移动应用下载量达到1500亿次。到2017年该比例将提高到48%。免费应用在苹果App Store应用商店内的比例为60%，在谷歌Google Play应用商店内的比例为80%。到2017年，iOS和Android应用商店将占到全球移动应用下载量的90%。2017年每部iOS设备每月平均应用下载量将从2013年的4.9次降至3.9次，每部Android设备每月平均应用下载量将从2014年的6.2次降至5.8次。

2、移动应用开发发展前景分析

中国整体移动互联网基础网络环境的改善，将有助于促进移动应用的使用以及移动应用分发量的提升。截至2014年第3季度，中国3G/4G用户已达5.5亿，占整体手机用户的43%，随着4G的推广和逐渐普及，网络质量将得到进一步的提升，而且数据资费也将逐步下降，移动互联网用户通过应用商店下载App的积极性随之提高，移动应用分发市场将迎来新的发展机遇。

3、移动应用开发专业人才需求

随着中国移动网民数量的逐年递增，对移动互联应用方面的技术人才需求也将呈现爆发性增长。人们对移动微博、移动阅读、移动娱乐、移动工作等移动互联网应用需求剧增，因此需要大量的移动应用相关从业人员。据工信部统计，未来3年内我国移动互联网应用与软件开发类人才需求量将超过100万人，其中移动软件开发、移动游戏开发人才缺口在45万左右，移动软件测试与维护、移动营销等岗位人才缺口在30万左右。移动应用开发（移动互联网应用技术）专业已成为当今大学生踊跃报考的热门专业。

4、移动应用开发专业人才培养现状

“移动应用开发”专业并未被单独列在高职高专教育指导性专业目录中，所以很多学校只是将移动应用开发专业设置为软件技术专业的一个专业方向，相应的人才培养方案不完善、不明确。有的学校即使开设了移动应用开发课程，但由于时间不长，积累的课程资源很少，课程内容也比较浅显，可供学生使用的优秀教材还不多。移动应用开发作为新生的岗位，绝大部分教师相关项目开发经验欠缺，教学经验有待提升。

5、移动应用开发专业建设方案

针对目前高职院校移动应用开发专业普遍存在的问题，结合移动互联技术人才短缺的现状，依托湖南广播电视大学独有的“在线教育资源”，以“互联网资源制作与服务”专业群为基础，构建“一个基础，一个平台，一个方向，四个机会”的移动应用开发课程体系，激发学生的兴趣，培养学生的移动应用开发能力。

第四篇：移动APP应用开发过程总应注意哪些问题？

移动APP应用开发过程总应注意哪些问题？

在移动互联网领域，市场巨大，但是也有不少经验需要累积。下面是澳环总结的关于app开发过程中需要注意的5个问题：

1、信：解决信用问题。用户看到你的移动APP开发，凭什么相信你呢，万一你乱扣费呢？万一有病毒呢？下载安装是有时间成本和风险成本，澳环认为让人要相信你，是入门的第一步。信任问题渗透到APP开发的很多环节。例如UI设计，ICO图标、产品说明等，都要传递你是可值得信赖的。

2、快：解决用户快开快关。APP开发最大的价值是碎片化的时间应用。澳环建议移动APP开发要让用户能充分利用碎片化时间。例如在等公交车，他可以在几分钟内就玩上一会，车一来就关，一上车站稳就继续。你不能让应用一关一开之间得等很久，或要重头开始，否则就是很糟糕的体验了。

3、易：界面讲究易上手，让用户很容易自学习。不要让用户去费力摸索。有一款室内逃脱的应用，设计太深奥，没人可以玩超过2分钟。这方面，有很多视觉引导的案例可以学习，例如一个小图标，做得让用户觉得想按一下，或是是滑一下，这就是设计的不同。

4、简：要简化流程，每简化一步，用户会感谢你的。手机界面太小，每多一步，用户都会感觉难度翻番，以至于有些流程过多，最后都忘了前面是如何操作的了。

5、轻：让你的移动APP应用轻一些吧。有的朋友，给电商开发的APP达到20M，甚至是80M。这样的产品做出来，肯定是没人用，用户需要简洁的，轻的。如果需求太多，可以考虑把APP应用拆分。

第五篇：HTML5 APP开发环境的框架搭建心得

HTML5 APP开发环境的框架搭建心得

前言

HTML5 开发APP需要一个开发框架和编译环境，参阅了相关资料后选择开源的PhoneGap。PhoneGap是一个开源的开发框架，使用HTML5，CSS3和JavaScript来构建跨平台的的移动应用程序。

下面介绍PhoneGap环境的搭建，及第一个Web APP。

1、选择你使用的平台，PhoneGap支持6个平台的开发和编译：IOS，Android，WebOS(HP),BlackBerry,Symbian。

我比较熟悉Android的开发流程，所以选择Android作为搭建环境。

2、Eclipse 3.4+ 安装

Eclipse 3.4+下载地址：http://

4、下载并安装ADT Plugin，最新版本是：ADT-20.0.0.zip。下载

地

址

：http://developer.android.com/tools/sdk/eclipse-adt.html#installing

PS:Eclipse 搭建Android开发环境，大家Google一下应该很多。

5、下载最新版本的PhoneGap并解压，我们将使用其中的Android目录。

下

载

地

址

：https://github.com/phonegap/phonegap/zipball/1.0.0

6、编写第一个HTML5 App

启动Eclipse，然后在菜单“File”下选择“New > Android Project”。

在项目根目录下，创建两个新目录:

/libs

/assets/www.xiexiebang.com.phonegap.*;

移除import android.app.Activity;

在这里你可能会遇到Eclipse找不到phonegap-1.0.0.jar的错误。在这种情况下，右键单击/libs文件夹找到Build Paths/ > Configure Build Paths。然后在Libraries标签页中添加phonegap-1.0.0.jar到项目中。如果Eclipse不是很稳定，你需要点击F5刷新一次项目。

右键单击AndroidManifest.xml并选择Open With > Text Editor。

将下面的权限设置拷贝到versionName之后（这个可以根据APP的具体情况而定）:

————————————————————————————————————————–

在AndroidManifest的activity标签中添加android:configChanges=“orientation|keyboardHidden”。

7、Hello橘子博客

在 “/assets/www”目录中新建文件“index.html”，并粘贴如下代码：

你好，橘子博客。