图片 12

开辟人士必须通晓的十个跨平台利用消除方案

作者:Chris Khoo

移动跨平台开发已经成为现在开发很火的一个主流,比方说Tiggzi 号称最快速与最简单的创建 移动App 的基于云的生成器,它可以用来创建 HTML5 , jQuery Mobile 与 PhoneGap 应用。能够轻松的连接到 REST API ,能够导出 Android,iOS 或者移动 web 应用。该应用为收费应用,可以用Free版本进行体验。今天就给大家推荐10个建立跨平台的移动应用程序的解决方案。他们选择了不同层次的复杂性,价格,功能和文档。

我们第一次谈论 HTML5 要改变世界大概是因为乔布斯,他坚持在 iOS 上不兼容
Flash,在 Adobe
统治多媒体开发的那个年代,这需要付出极大的勇气。这么多年过去了,虽然所有人都在谈论
HTML5,但是大部分人甚至都忘了它还是一个仍在完善中的体系。

叙述HTML5音频支持状态糟糕的文章已有很多。事实就是如此,所以我不会在此赘述这一观点。相反,我主要着眼于开发者在特定平台中将会遇到的问题及潜在解决方式。

1. Sencha Touch 2

图片 1

如果你并不陌生HTML5,CSS3和JavaScript,然后Sencha Touch
2可能是一个伟大的选择,为创建移动应用程序在iPhone上,Android和黑莓。

煎茶触摸2需要安装在您的计算机(PC,Mac或Linux)。你还需要一个Web服务器上运行您的计算机

  • ###  Sencha Touch 2

    • 所需知识: HTML,CSS和JavaScript的,Web开发
    • 平台支持: IOS,Android,黑莓
    • (可用支付OEM许可费用:免费的商业和开源许可证下)
    • 文件: 例子,截屏,和教程

2007 年 W3C(万维网联盟)立项 HTML5,直至 2014 年 10
月底,这个长达八年的规范终于正式定稿。接下来,HTML5
将真正开始颠覆原生(Native) App
世界。虽然这种危言耸听已经让人有点厌烦。但是如果回顾 HTML
这些年走过的路,你就不会再怀疑它的能量。

图片 2

2. jQuery Mobile

图片 3

jQuery Mobile 是jQuery 在手机上和平板设备上的版本。jQuery Mobile
不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery
Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站

一、HTML5的诞生

HTML5 audio from codecanyon.ne

jQuery Mobile Summary

  • 所需知识: HTML, CSS, jQuery
  • 平台支持: 大多数手机浏览器
  • 许可: 免费 (license: MIT and GPL)
  • 文件 这里有 许多例子 and 关于开发的书本

自 W3C 于 1999 年发布 HTML4 后,Web 世界快速发展,一片繁荣。人们一度认为
HTML 标准不需要升级了。一些致力于发展 Web App 的公司另行成立了 WHATWG
组织,直到 2007 年,W3C 从 WHATWG 接手相关工作,重新开始发展 HTML5。

图片 4

3. Tiggzi

图片 5

Tiggzi 号称最快速与最简单的创建 移动App 的基于云的生成器,它可以用来创建
HTML5 , jQuery Mobile 与 PhoneGap 应用。能够轻松的连接到 REST API
,能够导出 Android,iOS 或者移动 web
应用。该应用为收费应用,可以用Free版本进行体验。

HTML5
的发展史,有用户的需求在推动,有技术开发者的需求在推动,更有巨大的商业利益在推动。在互联网的早期,对用户而言,能打开浏览器接入到互联网世界就是一个神奇的事情,但互联网发展到
2005 年前后,开始出现下一个变化,就是宽带互联。

table

Tiggzi Summary

  • 所需知识: HTML, CSS, JavaScript, XML
  • 平台支持: Android, iOS, Mobile Web
  • 许可:付费 $15-$50/month (there’s a free plan);
    see Pricing page
  • 例子: Tiggzi has a lot of good
    tutorials, 视频和其他的资源

随着宽带的普及和电脑性能的增强,人们不再满足于单纯的通过互联网看新闻、收发邮件,消耗更高带宽的娱乐产品开始出现,就是流视频和网页游戏。其实视频和游戏是古老的需求,在互联网不普及的时候,需求的满足方式是离线传输的
VCD 和游戏光盘;后来互联网逐渐普及,人们更改了使用方式,通过下载软件 +
本地媒体播放器来看视频,下载体积较大的端游玩游戏。

上表总结了网页浏览器当前的市场份额。Internet
Explorer依然是主要的桌面浏览器,紧随其后的是Chrome和Firefox。在手机领域中,Safari主导市场,这主要归功于强大的iOS品牌,紧随其后的是Android。因此,我们将照此顺序逐一进行论述。

4. AppMakr

图片 6

AppMakr是一个用于创建内容为中心的移动应用,以及作为一个服务,可以帮助你在许多应用程序商店分发您的应用程序的在线工具。你可以导入RSS订阅AppMakr将打包成一个移动优化的应用程序。

有没有创建你的应用程序所需的编程,虽然你可以添加自定义的HTML。

但是对消费者体验更好的新方式还是出现并颠覆了以前的一切,那就是流媒体和网页游戏。Youtube
等公司把握住潮流飞速崛起,各种页游公司也如雨后春笋。

给刚着手植入音频内容的开发者的建议:建议在音频层上采用SoundManager
2。目前,这是最佳Javascript音频库。植入过程非常简单,API非常整洁,能够在BSD
Open
Source许可下获得。此外,这一工具的过人之处在于,提供免费第三方代码更新和维护。

AppMakr摘要

  • 所需知识: HTML和CSS将是有益的
  • 平台支持: IOS,Android的Windows手机
  • 费用: $
    79/month(免费的,如果你让他们将在您的移动应用程序的广告)
  • 文件:他们有良好的视频教程,包括应用程序商店分发过程的演练

HTML
标准没有把握住产业的变化及时演进,浏览器产品也未升级,这块新需求被浏览器插件满足了,那就是
Flash。这个部署在亿万浏览器里的商业插件俨然成为事实标准。2005 年 Adobe
巨资收购 Macromedia,把 Flash 收归旗下,紧接着大幅推广 FLV 流媒体和
action script 语言,很明显这桩收购可以列为 IT 并购的经典案例,FLV
流媒体和 Flash 游戏风靡互联网,Adobe 在新的产业升级中攫取了大量的利润。

Internet Explorer

5. iBuildApp

图片 7

  • iBuildApp是一个用于创建移动应用程序的工具。他们有一个很好的模板选择许多不同类型的应用程序,您可以在您的应用程序功能iBuildApp。

    iBuildApp提供了许多选项,您可以添加到您的移动应用,包括电子商务在内的选项和您的应用程序内嵌入网页的方式。iBuildApp还提供了一个SOAP
    Web服务,让您轻松地创建,检索,更新或删除内容。

    #### iBuildApp摘要

    • 所需知识: HTML和CSS将是有益的
    • 平台支持: iOS和Android出口的可用选项
    • 费用: $
      9.99(免费的,如果你让他们将在您的移动应用程序的广告)
    • 文件:他们有很好的教程如何使用他们的服务

除了 Flash 这个商业产品成为了事实标准,W3C
还面临一个尴尬,就是另一个私有扩展协议的制造者—IE。IE
当时在桌面浏览器占有垄断地位,并且扩展了大量的 IE Only
语法,开发者完全不知道这些语言是谁定义的。整个 web
世界,就被两家公司微软 +Adobe 绑架了。

IE
8及其以下的版本不支持HTML5画布和音频,所以这又回到:图像部分基于DOM操作,音频部分通过Flash技术。采用SoundManager
2能够让你在于旧版IE浏览器中支持HTML5音频的过程中省下很多麻烦。

6. Widgetbox

图片 8

  • widgetbox提供一个创建和托管简单的,基于内容的移动应用程序易于使用的网络工具。您可以创建您的博客或社交媒体网站的RSS提要包含应用的网页。您还可以添加自定义内容使用HTML和CSS。

    退房的移动应用程序目录的的Widgetbox创建的应用程序列表。

    #### widgetbox摘要

    • 所需知识: HTML和CSS将是有益的
    • 平台支持:与最现代的网络浏览器兼容
    • 费用: $ 25-100/month
    • 文件:他们的支持,帮助,和一个知识库

很多 IT 巨头都坐不住了,尤其是苹果和 Google。PC
操作系统的世界难有突破,Web 浏览器被苹果寄予厚望;新贵 Google
虽然大量赞助 Mozilla,但并未对 IE 的地位产生实质影响,收购了 YouTube
后发现命脉在 Adobe 手里,也是非常难过,而且 Google 每年给 IE 的搜索框和
Adoble FLV 缴纳的费用真不是小数目。

IE 9则完全不同。HTML5画布和音频表现突出。若微软放弃Win XP OS,IE
9的使用率将大幅提高。

7. foneFrame

图片 9

foneFrame是移动HTML5/CSS3创造移动优化的网页的框架。然后,您可以使用后端PhoneGap的或appMobi的XDK。foneFrame也是一个很好的方式,轻松线框移动网站。

既然大家都是 W3C 的主席单位,好吧,我们重新开始做 HTML5 吧。是的,HTML5
其实就是这么诞生的。

这将是微软的明智之举。

foneFrame摘要

  • 知识要求: HTML5,CSS3,JavaScript的
  • 平台支持:与最现代的浏览器和平台兼容
  • 费用:免费(许可:知识共享署名3.0声明页面许可)
  • 文档模板内联文档

二、HTML5第一阶段: Web 增强与破垄断

Chrome

8. PhoneGap

图片 10

PhoneGap是一个自由,开源软件,可作为个人移动操作系统软件开发工具包,它有自己的编程语言和标准的发展实践之间的桥梁。

使用PhoneGap的,可以支持多个移动设备的操作系统更容易。使用HTML5,CSS3和JavaScript你可以创建一个移动应用程序,然后使用PhoneGap的打包你的工作,为特定的移动操作系统。PhoneGap的直接集成使用Dreamweaver,它可以使移动应用程序开发更容易。

PhoneGap的支持,包括IOS的Android,黑莓,Windows中,WebOS和诺基亚

自 HTML5 诞生以来,一共经历了两个阶段,分别是 Web
增强和移动互联网。我们先从 Web 增强说起。Web 体验的丰富增强主要表现在:

Chrome
18及更高版本支持HTML5音频和画布。但HTML5音频只有在网页服务器支持部分下载的情况下才能够顺利运作。这一问题的症状有:

9. PhoneGap Build

图片 11

PhoneGap的乡亲了建立一个基于网络平台,创建你的“版本”为您一步。这就是所谓的PhoneGap的生成。这项服务目前支持IOS的Android,黑莓,WebOS的和Symbian。

有了这项服务,您可以上传您的HTML5,CSS3和JavaScript,PhoneGap的生成将生成的文件,你需要分布在领先的应用程序商店。

  1. WebApp HTML5新增了离线存储、更丰富的表单(比如Input
    type=date)、js线程、socket、标准扩展embed、css3…
  2. 流媒体 HTML5新增了audio、video
  3. 游戏 HTML5新增了canvas、webgl

* 无法重播音频

10. appMobi XDK

图片 12

appMobi
XDK的是基于云的移动应用程序开发环境,这可作为谷歌Chrome插件。appMobi服务也将主办为您的移动应用程序,以及为您提供流行的应用程序商店中部署它的能力。虽然和托管服务是免费的,他们有附加服务推送通知和电子商务解决方案,你可以用它来
提高你的移动应用程序一样。

很好,good!

当然 HTML5 还为搜索引擎的语义分析做了优化,比如新增 Header 和 Section
等标签,也在无障碍等领域做了不少工作,这些不再多述。HTML5
在流媒体和游戏方面的努力,成功的遏制了 Flash 的发展,然后就该遏制 IE
私有语法了。

* 无法控制重播位置

在 HTML5 标准的升级过程中,苹果和 Google
同时也看到了浏览器市场重新洗牌的机会,他们一方面参与 HTML5
的规范,一边在浏览器产品上发力。Apple 首先开始大力发展 Safari,建立
WebKit 开源项目,迁移 Safari 到 Windows 平台;Google 起初是赞助 Mozilla
开发 Firefox,后来自己开发了 v8 引擎,合并 WebKit,于 2008 年正式推出
Chrome。“IE 的私有规范 +Flash
不是标准,我们才是标准”这样的口号在新一代浏览器大战中打响,IE
瞬间成为千夫所指的垄断代表,甚至成了阻碍 Web 发展的罪人(当时 IE6
已数年未更新,并且丝毫不惧 Firefox 的发展)。

偏偏微软此时也出了晕招,推出了一系列即不完整支持规范又互相不兼容的
IE7、8、9、10,彻底失去了开发者的支持。

* 音频播放一次后停止,但“结束”事件没被激活

Adobe 的 Flash 被遏制,与 Web 霸主的位子擦肩而过;IE
的私有标准被遏制,并且造成 IE 市场份额不停下滑,直到 IE
最新的移动版本反过来开始支持 WebKit 语法,真是令人唏嘘。不知道 HTML6
是不是该打倒 WebKit 垄断了。

解决这一问题最简单的方式是,在网页服务器上启动远程请求。注意,Google App
Engine并不支持远程请求,但我们可以通过执行支持远程请求的文件服务程式解决这一问题。

三、HTML5第二阶段: 移动互联网

另一避开这一问题的方法是,避免采用内置循环函数,通过load()函数“倒回”,在此播放音频。这能够解决问题,但会提高网页服务器的负荷。当加载函数在音频实例中被调用时,网页浏览器就从网页服务器上提取音频数据。

随着 Chrome 和 Safari 的高歌猛进,以及 IE+Flash 的衰落,HTML5
告一段落,进入了下一个时代——移动互联网。HTML5
的跨平台优势在移动互联网时代被进一步凸显。HTML5 是唯一一个通吃
PC、Mac、iPhone、iPad、Android、Windows Phone
等主流平台的跨平台语言。Java 和 Flash 都曾梦想这个位置,但梦断于
iOS。此时人们纷纷开始研究基于 HTML5
开发跨平台手机应用。很多人当时认为,原生应用只是过渡,就像当年从 C/S
结构转变为 B/S 结构一样。而且学习 Objective-C 和 Java
很费劲,我既然会网页开发,为何不试试 HTML5。