Lanyrd是如何应用HTML5创建出优秀的移动Web应用的

标签: HTML5前沿技术 HTML5学习资源 | 发表时间:2012-02-15 16:14 | 作者:xielisha
出处:http://www.mhtml5.com

当谈到HTML5移动web应用发展的时候,很多开发者都在等待确定前景一片光明以后才愿意尝试使用它。确实,HTML5移动web应用有改变整个移动应用生态系统的潜力,但至少在现在,本地应用才是经过试验的开发者真正相信的渠道。还需要有一些决定性的并且是成功的HTML5移动web应用出现,才会让这个生态系统中的其他人加入进来。

一个开发出了成功的移动web应用的公司是社交聚会目录(social conference directory )  Lanyrd。现在,Lanyrd正利用HTML5的离线浏览功能发布他们应用的移动web版本,让你在网络拥挤的时候也可以查看聚会信息。对于HTML5开发者说,来看看Lanyrd是如何利用HTML5的特性进行创新,也许就能看到成功的前景了。

 

对于Lanyrd公司来说,HTML5的离线浏览能力是关键。你是否经历过这样的场景,在一个会议中,你完全连不上Wi-Fi信号,一大群人都挤在信号站那里获取手机信号?这太常见了。在这种情形下,使用正式会议应用程序(甚至是Lanyrd本身)是不可能的。

例如,去年十月,当我旅行到伦敦去参加Nokia World大会的时候,我的手机无法联网。由于我是在国外,也不可能进行移动数据支付。在Nokia World大会内部,Wi-Fi连接是如此糟糕,我必须到每一层会议地点间游荡并探进头去看里面开的是什么会。这时候,如果能有支持离线浏览的应用那真是再好不过了。

Lanyrd的离线缓存可以在任何支持它的平台和移动浏览器中使用。这意味着现在大多数的设备,比如BlackBerry,Windows Mobile以及依赖Opera Mini作为web浏览器的机器(比如老版的Symbian机器)都可以使用。

iPad 上的 Mobile Web Lanyrd

Lanyrd负责该产品的首席工程师,Jake Archibald,在一封写给ReadWriteMobile的email中谈论了创建这个新的HTML5应用需要什么。

“我们使用HTML5的应用缓存来实现站点离线浏览。用户可以查看他们参加的会议的所有信息,即使他们不能联网。作为一个经常参加会议的人,离线浏览是非常重要的。每当我在国外使用网络的时候,我几乎都能遇到网络状况一团糟的情况。”

“离线浏览特性并非是为数据驱动的网站设计的,因此我们成了最先提供离线浏览支持的(数据驱动的)站点之一。我们很乐意来谈谈我们在开发这个应用时使用的一些技术。”

“我们所有的图像都是双倍分辨率,因此在高分辨率设备上,一切都十分清晰,要是没有高分辨率设备的话,移动web应用看起来就很糟糕了。我们还在服务器和设备间共享了mustache模板,并且使用了XHR +,HTML5过去的一个API,来更新页面。这让用户感觉很快,因为浏览器不必在每一页都重新解析Javascript。”

“尽管我们使用了一些新的很炫的浏览器特性,但我们采用了渐进增强的设计路径,尽可能广泛测试,让其可支持更多设备。尽管大多数的移动产品都是针对某些特殊产品或者WebKit,但我们的产品还能支持一些特殊的产品比如古董级的Blackberry 9000(现在还是有人使用它的),Kindle,还有一些只有基本性能的手机,只要它们能运行Opera Mini就行。这个站点在没有Javascript的情况下表现得和我们预期一样,事实上,我们避免了在设备上解析Javascript的开销,因为即使有Javascript也没多大帮助。”

Lanyrd为创新应用HTML5的某些特性来创建有优异功能的移动web应用作出了榜样。在离线缓存方面,它是第二个应用离线缓存应用得非常好的应用,第一个是 Kindle Cloud Reader

Lanyrd还有很大发展空间。它可以将这个应用提供给会议作为一个骨干服务,并帮助组织者将动态的跨平台应用组合到一起。它也可以提供这个应用给会议作为一个合作应用。只要有足够创意,Lanyrd是可以围绕这个HTML5产品构建起一个商业模型的。

原文链接: How Lanyrd Uses HTML5 for a Great Mobile Web App

 

转自 web app trend

相关 [lanyrd 应用 html5] 推荐:

Lanyrd是如何应用HTML5创建出优秀的移动Web应用的

- - HTML5研究小组
当谈到HTML5移动web应用发展的时候,很多开发者都在等待确定前景一片光明以后才愿意尝试使用它. 确实,HTML5移动web应用有改变整个移动应用生态系统的潜力,但至少在现在,本地应用才是经过试验的开发者真正相信的渠道. 还需要有一些决定性的并且是成功的HTML5移动web应用出现,才会让这个生态系统中的其他人加入进来.

HTML5漫谈(4)–HTML5应用平台:PhoneGAP

- - HTML5研究小组
(  程宝平 chengbp @gmail.com). http://phonegap.com)按官方说法,是HTML5移动应用平台,它包括两部分:. 1)       应用开发框架:采用Web/HTML5技术编写应用,支持设备能力(如GPS、重力感应等)调用;支持能力插件灵活扩展. 图1 PhoneGAP支持设备能力API列表.

Google发布chrome HTML5应用

- Amom - Solidot
游戏番茄 写道 "早在5月份Google就宣布旗下产品Gmail、Calendar、Docs将支持基于HTML5离线的访问. 如今终于实现了,上述Web服务以应用的方式发布在Chrome商店. 现在进入相关产品页面会提示是否开启离线功能,并引导安装离线版产品应用. 安装后启动新的chrome窗口会显示已安装的新应用,这样即使你离线的情况下,你仍然可以正常访问和使用已经保存在本地数据库的内容.

应用HTML5须知五则

- 幻幽 or A書 - 36氪
HTML5的到来将第五代网络语言带入了多媒体的世界. 尽管HTML5的启动并没有多轰轰烈烈,但是在过去6个月还是有不少的软件开发者开始应用HTML5. 然而,在选择HTML5时,有一些基本注意事项大家还是需要了解的. 网络应用开发工程师们在学习新技术的同时需要时刻记住网络安全. HTML5所购建的网页和其他语言编写的网页一样容易泄露一些敏感数据.

10个HTML5应用演示

- Zhaojing - HTML5研究小组
如果你想知道 HTML5 能做些什么,看看下面这些惊艳的动画示例,相信你看完这些例子后会对未来的 Web 发展充满无限期待. 为了有更好的效果,建议在 Chrome 浏览器中浏览.

走进 HTML5:20个惊艳的 HTML5 Canvas 应用试验

- - 博客园_梦想天空
如今,HTML5 可谓如众星捧月一般,受到众多业内巨头的青睐. 很多 Web 开发者也尝试着用. HTML5 来制作各种 Web 应用. HTML5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通过. JavaScript 绘制图形的方法,非常强大.

HTML5令人惊叹的应用范例

- 1625 - Design lol 全球设计精华分享
详情查看原文: 30 Examples of Websites Using HTML5. 10个HTML5的演示, 让你忘记FLASH.

strobe发布全新HTML5应用平台

- pestwave - 36氪
今天,strobe发布了全新的HTML5应用平台. 开发者可以在此平台通过一个标准界面同时为普通电脑,智能手机,平板便携设备开发应用. 仅通过一个界面,开发人员就可以同时管理测试代码和发布代码,支持不同平台(web,Android,iOS等)和多种服务(社交,推送,身份验证等). strobe创建于2010年,融资250万美金.

HTML5能否取代Android和iOS应用?

- - CSS库
大量新生移动设备的兴起,改变了互联网的未来. 在技术的发展上, HTML5会取代App应用吗. 在HTML5规范中,已经加入了相机、磁力罗盘、GPS信息的支持. 很多新兴浏览器也已经开始支持这些新特性. 能否用一个统一的HTML5来替代 android和 ios并行开发的双重成本呢. 以下译自Michael Mahemoff的一篇文章,详细分析了HTML5能否取代Android和iOS应用程序.

AT&T公布HTML5 Web应用API

- - HTML5研究小组
北京时间1月10日消息,据国外媒体报道,AT&T首席营销官大卫·克里斯托弗(David Christopher)今天在该公司第六届开发者峰会公布了面向HTML5应用的API(应用编程接口)平台API Catalog. HTML5应用可以在多种设备和移动操作系统上运行.   iPhone版Visual Voicemail将是AT&T的首款网络API.