1. HTML5 微周刊
第 14 期 - 8 月 30 日
声明：本刊内容、观点均来源互联网，对相关单位的具体策划、投资等行为不具有潜在暗示。相关单位据此采取的任何策划、投资等行为均须自担责任。
最终解释权归 HTML5 研究小组所有。
编辑：田爱娜、任伟、谢莉莎、苏震巍、大胖、怪兽、希尼瑞
意见反馈··投稿信箱：16047574@qq.com

2. 行业聚焦 微周刊（2011.8.22~8.28）
揭竿起義，7 款拒絕向 Apple 屈服的 HTML5 Björk 发表”App”专辑，官网引进 HTML5 制 Mozilla 为 Firefox 引入游戏手柄控制接口！
軟體 作技术 浏览器对游戏手柄的支持，必将成为 Web 历史的一个
Apple 的 In-App 媒體訂閱服務，抽取高達三成的費用， 在音乐产业中，科技似乎已 经 不 只 是 营 销 音 乐 的 方 里程碑，它革命性的给予了我们一种新的娱乐体验 和
又有許多嚴苛規定，使得許多業者都想要另尋出路，因 法，更多歌手、乐队利用科技来创作，并且用科技为 互动方式！设想一下，结合 WebGL、Joystick API 和
此打造自己的 HTML5 軟體就成了一個新趨勢。因為這 阅听人创造不同的音乐体验。让我们看看 Björk 如何 HTML5 的其他新内容，Web Game 又一个春天必将
樣不但能保留 100% 的營收，還能…… 透过 App、HTML5 等技术为音乐界带来创新。详情： 再次到来 !
详情：http://t.cn/amhsKt http://t.cn/am7rdR http://t.cn/amtSbF
http://t.cn/amta5z
（来自 @HiWebGL）
12 国手机浏览器
荷兰的 PPK 大大，分析十二国家的手机浏览器使用量
IOS 设备也能播放 Flash 视频 http://t.cn/amvvEG （@zibin）
IOS 设备也能播放 Flash 视频。Skyfire 是一款浏览器，
为了解决 IOS 设备浏览器不支持 Flash 视频播放的问
题，它用 Skyfire 打开含有 Flash 视频的网页时，先由 最 新 版 Firefox Aurora 在 Windows, Mac,
Skyfire 将 Flash 视频下载到自己的服务器上然后再转 Linux 和 Android 平台上提供测试
换为 HTML5 格式。 合理化了用户界面，在管理第三方扩展上给予用户更
详情：http://t.cn/amZPrJ 多的控制权，加入了对更多 HTML5 技术的支持，提升
了性能和 HTML5 媒体元素的可扩展性。
详情：http://t.cn/amVYxK
1

3. 行业聚焦 微周刊（2011.8.22~8.28）
AutoIQ：用手机维护和诊断汽车 # 网易 VIP 邮箱新管家版支持 HTML5 标准 # 美博客称 Facebook 应从惠普手中收购 webOS
AutoIQ 旨在利用基于 HTML5 的手机应用来“倾听” 本月，网易 VIP 三大邮箱均已升级到新管家版风格， 美国科技博客网站撰文称，惠普周四宣布业务重组计划
汽车的声音，更好地维护它的健康，让用户可以通过手 全面支持 HTML5 标准，引入 HTML5 以及 CSS3 功能 让
： 后，Facebook 应考虑及时收购 webOS 手机平台。另
机随时了解汽车的健康状况，如果出现故障，还能将错 邮箱在浏览器（比如 IE9，Chreome,Firefox4,Safari5 有报道称，Facebook 鼓励开发者利用 HTML5 技术标
误信息“翻译”成大众用户就能轻松理解的语句，以此 等浏览器）获得更好的表现，弹出框 / 菜单等效果更动 准来开发手机游戏，从而绕过苹果 App Store 应用商
省去不必要地花费。详情：http://t.cn/amIbw3 感。详情：http://t.cn/amCYXe 店的发行渠道。
详情：http://t.cn/am9tYR
手机浏览器 HTML5 时代悄然而至
手 机 平 台 上，Google、Apple、Molliza、Microsoft
等这些大的浏览器厂商早已在围绕 HTML5 展开工作，
而实际上，另有一些手机浏览器厂商也已“低调”的在
HTML5 性能支持上纷纷发力。HTML5 支持或将成手
机浏览器市场的分水岭。详情：http://t.cn/amM5O9
Jupite 引关注，HTML5 是微软平台的未来？
Mozilla 发布 WebAPI 规范 一个新的尚未公布的叫做 Jupiter 的平台可能会让微
Mozilla 刚 刚 发 布 了 WebAPI 项 目 . WebAPI 由
软 的 开 发 者 利 用 他 们 现 有 的 技 术 在 Windows 8 和
Mozilla 为解决不同浏览器中的差异而推出的一个统一
Windows phone 上面开发应用。这意味着所有平台上
的 API，该 API 跟操作系统无关。Mozilla 希望创建一
都能运行的应用，不只是 PC，还有平板，手机，甚至电视。
个统一的标准的 HTML5 API 用于例如访问诸如拨号
详情：http://t.cn/ampjXR
器、地址簿以及摄像头等功能接口。
详情：http://t.cn/amp7dm
2

4. 行业聚焦 微周刊（2011.8.22~8.28）
Spilgames 的 HTML5 游戏上线印度最大的在 苹果董事会宣布乔布斯辞去 CEO，库克接任 Sean Ryan:HTML5 是一项技术而不是平台
线游戏门户 Zapak ！ 据国外媒体报道，苹果董事会今天宣布，乔布斯即将卸 Facebook 游 戏 部 门 主 管 Sean Ryan 在 本 文 中 谈 到
8 月 23 日消息：印度最大的在线游戏门户 Zapak 与 任首席执行官一职，不过，他仍将担任苹果董事会主席 移 动 FB 对 HTML5 以 及 Android/ iOS 本 地 应 用 的
Spilgames 合作，在其智能手机平台上发布 HTML5 职务。苹果董事会还同时宣布，公司首席运营官蒂姆 • 态度。“这其实并不是关于 HTML5 或者移动 FB 的
手机游戏，目前共发布 10 款 HTML5 游戏…… 库克将接替乔布斯，担任苹果新任首席执行官。 Android/ iOS 应用。我们只是将 HTML5 看做一项技
http://t.cn/ampjHC 详情：http://t.cn/am8hcJ 术，而不是一个平台。”
详情：http://t.cn/amuU5H
10 款产品定义乔布斯职业生涯：iMac 扭转乾
坤
苹果今日宣布，乔布斯 (Steve Jobs) 辞去苹果 CEO，
公司 COO 蒂姆 • 库克 (Tim Cook) 接任 CEO 一职。乔
布斯并非工程专业科班出身，但他却是 200 多项美国
专利的发明人或共同发明人。以下即是定义乔布斯职业 三星 bada 2.0 SDK 发布
生涯的十款产品：http://t.cn/amRSQj 三星昨天发布了 bada 2.0 SDK。bada 2.0 功能上主要
增加了多任务、语音识别、NFC、WiFi Direct 和通知
推送。针对开发者除了 Flash 之外，还强调了 Web 开
天融信发布 HTML5 安全报告 八大威胁引发业 发包括 HTML5 和 JavaScript 库的支持。详情：http://
界关注 t.cn/amkZjf
我们可以把 HMTL5 平台的新安全风险分为三方面：
HTML+JS+CSS。这些风险已经逐渐开始得到了业内
人士的关注。本月刚刚结束的”2011 年中国计算机网
络安全年会“，资深安全专家徐少培首次发布 HTML5
安全威胁报告。详情：http://t.cn/amDQVq
3

5. 行业聚焦 微周刊（2011.8.22~8.28）
三星 Bada 系统将全面发力 Bizness Apps 宣布推出 HTML5 平台 互动通传媒总经理简昉：HTML5 普及需要两
1. 今年下半年推出多款高端智能手机。2. 新版本 Bada 除 了 创 建 移 动 应 用， 现 在 中 小 企 业 主 还 可 以 制 作 年
2.0 将支持支持多任务处理、Wi-Fi Direct 文件共享、 HTML5 Web 端页面，支持更多手机平台。 值得一提 互动通掌握传媒总经理简昉做客腾讯科技专访间时表
近场通信 (NFC)、语音识别、Flash 和 HTML5。3. 应 的是，Bizness Apps 让用户可以实时的通过内容管理 示，HTML5 普及应该在一两年左右，因为现在的硬件
用商店拥有大约 4 万款应用，服务范围已覆盖 121 个 平台更改应用的内容，而不需要重新提交应用的更新。 和 OS 的更迭速度太快了。
国家。 （Bizness Apps 帮助中小企业同时制作本地移动应用 详情：http://t.cn/amdEjl
http://t.cn/auXfTb 和 HTML5 Web 应用 | 成立于 2010 年 10 月，9 个月
内覆盖 20 多个国家，超过 10 种语言，目前 Bizness
apps 已经帮助中小企业创建 1000 多个移动应用 ...）
http://t.cn/au9JT3
（来自 @36 氪）
4

6. 天天向上 微周刊（2011.8.22~8.28）
HTML5 研究小组《微周刊》第 13 期 10 个顶级 Web 移动开发 JavaScript 框架 HTML 5 的 10 个顶级资源
通过 @ 微盘 发布啦！导读“谷歌收购摩罗移动“，” 这些轻量级框架使用 HTML5 和 CSS3 标准来帮助您快 HTML5 已经成为互联网行业的最新流行语，不少人相
苹果启动移动 web 版 iOS 应用商店“，”微软被曝参 速开发跨平台的 Web 移动应用和网站。 信这是 Web 的未来。即使没有加入该社区的人也承认，
与 WebGL 新规范撰写“，”惠普将继续为 webOS 提 详情：http://t.cn/amh7hE HTML5 包括了本来应该从一开始的 HTML 规范中包含
供技术支持“，看 HTML5 如何重塑 web 世界！ （来自 @ 程序员的那些事 推荐） 的功能。在这篇文章中，告诉你大约 10 个 HTML5 的
更多热点、热议详见本期内容！ 资源，让您现在开始使用该技术。
http://t.cn/ansOdT 详情：http://t.cn/amG38Y
#QCon# 北京 2011 大会视频 +PPT 资料下载
淘宝的 HTML5 实践】 本次分享将会用实例来和大家
分享淘宝在实践 HTML5 探索之路上作的试探性的工 30 个使用 HTML5 的网站实例
作，希望能给大家带来更多积极的启示。 一些使用 HTML5 技术的网站骄傲地展示了他们的官方
http://t.cn/am7tsy logo，并标注了他们的态度“从现在开始，支持未来！”
因此，为了支持这一切的关注和技术，收集一个新的列
表，来展示使用了 HTML5 的网站。
详情：http://t.cn/am5BAU
5

7. 天天向上 微周刊（2011.8.22~8.28）
30 Incredibly Useful & Fun HTML5 Mobile HTML5 的新特性，技巧及技术 避免常见的六种 HTML5 错误用法
Apps（未译） HTML5 的出现旨在解决 Web 中的交互，媒体，本地 1. 不要使用 section 作为 div 的替代品；2. 只在需要的
小组发起翻译有礼】活动：将此文翻译成中文的同学， 操作等问题，开发者们有望最终从那些 Web 插件中得 时候使用 header 和 hgroup；3. 不要把所有列表式的
将获得小组赠书一本！限额两名，择优送出！（由 @ 到解脱。作为一个使用 HTML5 的开发人员下面这 27 链接放在 nav 里；4.figure 元素的常见错误；5. 不要
图灵教育 提供）小组衷心希望，可以聚合每个个人的 条 html5 的新特性和技巧及技术，你有必要去了解。 使用不必要的 type 属性；6.form 属性的错误使用。详
力量，共同推动 HTML5 在国内的发展！ 详情：http://t.cn/amR7th 情：http://t.cn/am1pdX
详见：http://t.cn/amVqpV
分享 31 个非常有用的 HTML5 教程
随着现代主流浏览器对 HTML5 的不断支持和完善，越 如何让 IE 支持 HTML5 新元素
来越多的开发者开始使用 HTML5 来制作各种功能强大 我们使用新的 HTML5 元素时 , 在其它浏览器中能表现
的应用程序，HTML5 正引领互联网新革命。为了方便 良 好 的 标 签 ( 比 如 Section,article,header 和 footer)
大家更好的学习 HTML5 ，向大家分享 31 个非常棒的 对 IE 浏览器是个挑 战 . 原因在于 IE 浏览器的解析机制 ,
HTML5 教程和资源。 这些不能不识别的标签元素导致文档对象的错误展现。
详情：http://t.cn/amEDVo 本文内容可以增强 HTML5 新元素的展示，
http://t.cn/amByKQ
HTML5 本地存储不完全指南
本文对 HTML5 的本地存储方式进行了非常全面的介绍
推荐译文： 和分析，对于学习 HTML5 的开发者来说，不容错过哦。
@ 83 版 的 木 头 猪：http://blog.csdn.net/mydeman/ 详情：http://t.cn/am12sD
article/details/6722657
@ 宇宙一片小囧： http://vdisk.weibo.com/s/yYYS
6

8. 天天向上 应用推荐 微周刊（2011.8.22~8.28）
The Google Puzzle The Google Puzzle 20 Things I learned about Browsers and
《The Definitive Guide to HTML5 Video》 Google Chrome 新 上 线 的 一 个 基 于 HTML5 的 网 页 The WEB；吐血推荐 http://t.cn/aodRXU 同时感受一
Part 1（英文版） 互动游戏项目 Google Puzzle，游戏支持 Chrome、 下 HTML5 的 NB
通过 @ 微盘 分享。《HTML5 视频权威指南》是第一 Firefox 浏览器，根据提示一步步进行下去就可以了。 （来自 @ 路意 Louis）
本在 HTML5 视频，允许浏览器支持音频视频元素的新 整个游戏过程中会联动到 Google 的各种服务，包括
的 Web 标准方面的权威书籍，使 web 开发人员在网 Google 地图、Google 翻译、YouTube 等。
页中发布视频、音频变得更容易。 试玩 >>http://t.cn/amf1ur
http://t.cn/amzcfS
人类已经阻止不了马里奥了！
日前，国外有爱的达人玩家使用 HTML5 代码编写了一
段网页版自制马里奥游戏《Infinite Mario Bros》，只
需要十字键和 A/S 几个按键，打开网页便可回味经典。
可以丢的 GOOGLE 游戏以 SFC 平台的《马里奥大陆》为蓝本制作。关卡
~so funny~ 丢了穗碎了居然还可以用 . 好坚强 ... 网 是随机生成哦。http://t.cn/aRcyWF（来自：@ 手机新
http://t.cn/hNE2C（来自 @Z 小笨和貓姐姐）
址: 浪网游戏频道）
7

9. 应用推荐 微周刊（2011.8.22~8.28）
Google Docs Shannon Larratt’s APOPHIS 2029 电驴 LOGO
Google 面向 Android 移动系统发布的应用程序，它 一款手绘风格的射击游戏，画面很赞。玩法：鼠标操作， 爱 Pixar、爱 Apple、爱 Html5，我发现用非 IE 浏览
可以在移动设备上编辑文档，完全基于 HTML5 编写， 左键射击。试玩：http://t.cn/auhBxk 器上电驴大全，鼠标停在 Logo 一段时间会出现彩蛋！
并保存在 Google 账户中与其它用户共 享，同时也可 http://t.cn/7cA7G
以将文档保存在手机上；更妙的是，手机版 Docs 还支 （分享自 @VeryCD 电驴大全）
持 OCR 技术，可以将图像中的文字转换为文本。抢鲜
体验 >>http://t.cn/am3spz
小游戏 #Gridshock#
原创交流 这个特殊 Gridshock 版本完全运行 HTML5，使用的
发 表 了 博 文 《 基 于 Html5 websocket 和 Python DOM，一些 canvas 元素、音频元素。 玩法：右侧的
的 在 线 聊 天 室 》 - 一、 什 么 是 WebSocket API 方块会向左边移动，用相同颜色的方块堆在一起就可
WebSocket API 是下一代客户端 - 服务器的异步通信 以清除。看右侧进度条，判定可以出来的方块颜色哦 ~
方法。 试玩：http://t.cn/auPUnt
该通信取代了单 http://t.cn/am3yH5
（来自 @Intergret）
8

10. 行业思考 微周刊（2011.8.22~8.28）
各位同学可就以下观点中的问题进行思考， 两篇关于 html5 的文章 HTML5 成熟之后，手机等移动终端的大多数
可 将 个 人 见 解 投 递 至 邮 箱 157391434@ 30 Incredibly Useful & Fun HTML5 Mobile Apps 应用会不会消失，取而代之的是 web 浏览器？
qq.com；小组将甄选优秀原创作品进行发表 http://t.cn/amzbae 从 TaskBox 协作平台看 HTML5 技
再加上云，SaaS，终端安全等相关技术的成熟，未来
和推荐！ 手机会不会成为一个所有指令下达的设备－－真正意义
术的应用与发展 http://t.cn/amzbaD
的办公设备。以后新员工入职，要多发一个公司定制的
手机？电脑成了一个完全的 IT 设备，跟打印机一样？
关注移动平台的分裂性及其问题 （来自：@WWW_ 小刚）
1）分类性的开发者挑战 http://t.cn/amv6qp
2）开发者眼中的平台问题 http://t.cn/hqLeFL
3）开发商看平台差异和游戏态势 http://t.cn/ajRj2h
HTML5 vs mobile App
4）HTML5 在其中扮演的角色 http://url.cn/10Hf8r
HTML5 的出现让移动平台的竞争由系统平台转向了浏
5）在原生 APP 和 HTML5 技术之间
览器之间，谁能达到在移动端对 HTML5 更好的支持，
http://t.cn/aOu9zS
这个 GAME 不好玩，移动互联围墙让互联网失 谁就能在以后的移动应用领域占据更多的市场。更灵活、
（来自 @ 紫藤恋冰）
去自由 ? 更方便的 app 使用及安装方式将成为 HTML5 在移动
1. 最新消息惠普放弃 WebOS, 黑莓若无大佬力挺也将 平台上大放异彩的保障之一。
衰微 ; 详情：http://t.cn/amn1qp
2.Google 并 购 Moto 互 联 网 格 局 变 成
"GAME":Google, Apple, Microsoft, Etc., 全世界 E 起
给 GAM 打工 ;
3. 大佬通吃云管端 , 比 PC 互联封闭 ,3 大平台均将半开
放半封闭 ;
4. 自由火种只能寄希望于 Web- 浏览器 -Html5。
9

11. 观点热议 娱乐一下 微周刊（2011.8.22~8.28）
 看到一些文章把 CSS3 的特性（比如边界和字体阴影）也说成是 HTML5 了， 测一测：你的浏览器有多 hold 得住 HTML5 ？】在你的浏览器中输入：
我想问写文章的这些人，您是真的懂么，您还敢更进一步的秀一下下限么？ http://t.cn/hRuDw ，看看你的浏览器对 HTML5 的兼容性，可以打多少分？图中是
（来自 @7yue） 俺的 Firefox，同学们也来上图说话吧！不解释 ~
围观讨论 >> http://weibo.com/1664214157/xkD1ScvI6
 # 手机圈微访谈 # HTML 标准自 1999 年 12 月发布的 HTML 4.01 后，后继
的 HTML 5 和其它标准被束之高阁，为了推动 web 标准化运动的发展，一些公司
联 合 起 来， 成 立 了 一 个 叫 做 Web Hypertext Application Technology Working
Group 的组织，他们重新拣起 HTML 5。您如何看待原生 APP 对 HTML 5 ？
（来自 @ 付淼）
围观讨论 >> http://weibo.com/1868516374/xkWKyzbcJ
 历史总在换装演出。互联网从开始阶段到 2000 年左右，是客户端的天下，浏
览器、IM、Email、视频 ...；2001 年以后，是 Web 的天下，因为网 速快了，以前
需要客户端处理的事情都可以搬到网上做。移动互联网从开始阶段到 2012 年左右，
是客户端的天下；之后呢？我认为依然还是 Web 的天下。
（来自 @ 梁公军）
围观讨论 >> http://weibo.com/1418987422/xl5Bsj1jg
 HTML5 成熟之后，手机等移动终端的大多数应用会不会消失，取而代之的是
web 浏览器？再加上云，SaaS，终端安全等相关技术的成熟，未来手机会不会成为
一个所 有指令下达的设备－－真正意义的办公设备。以后新员工入职，要多发一个
公司定制的手机？电脑成了一个完全的 IT 设备，跟打印机一样？
（来自：@WWW_ 小刚）
围观讨论 >> http://weibo.com/1645637702/xl6bStCgC
10

12. 会议活动 微周刊（2011.8.22~8.28）
开放时代 HTML5 受热捧 自己创业还是将开发 # 行业会议推介 #——Javascript 专题会议 #HTML5 研究小组第 10 期赠书活动 #
进行到底 围绕 Javascript 主题展开的分享与讨论会议，在历经 7 月 将就 HTML5 热点事件、设计开发、作品展示进行推荐探讨。
由腾讯开放平台与 LAMP 人联合主办的《LAMP 人主题聚 30 日广州场的火爆场面， 北京场 > 也火热登场，
< 攻城师 程 拟送出《Linux 内核编程》、《JavaScript 基础教程（第 7
会第八期“开放时代，技术创业总动员”》在北京中关村创 序猿们，8 月 27 日不见不散哦。 版）》、《Android 基础教程（第 3 版）》、《编程珠玑
新工场举行。@ 磊友赵霏 根据自身的开发经历，向大家介 马上报名：http://t.cn/hBKJpU （续）》等 5 本专业书。另赠 @ 多泡游戏 纪念 T 恤 2 件！
绍 HTML5 的美好未来。详情：http://t.cn/amWu4E 主办方 @w3ctech 详情：http://t.cn/anzHzi
感谢 @ 图灵教育 提供（8 月 31 日结束）
#HTML5 研究小组第六期技术分享沙龙 #
已于 8 月 13 日和 20 日在六大城市（北京、上海、广州、
成都、南京、杭州）如期举行（深圳场将在 8 月 27 日进行）。
感谢大家对小组及本次活动的参与和支持！特别鸣谢各地负
责人及本期所有分享嘉宾！现场分享资料，陆续更新中 ! 可
在此浏览下载 >> http://t.cn/amvdLc
11

13. 资源汇集 微周刊（2011.8.22~8.28）
从本期《微周刊》开始，将会陆续将行业会议资料进行汇总整理，方便
大家集中下载学习。本期为“HTML5 研究小组 1~6 期技术分享沙龙”
中嘉宾分享的资料，及部分现场视频。
北京场
费俊 （@ 费俊 _China）:《用 HTML5 提升 IPAD 电子杂志交互体验》 下载 >> 杭州场
秀野堂主 （@ 秀野堂主 ）：《说点 HTML5 之外的事情》 下载 >> 无放 - 张智博 (@ 牛小腩 )：《使用 nodejs 打造 comet 系统》 下载 >>
钟卫（@ 传递价值和信仰）： 《HTML5 在 IE9 中性能特性一览》 下载 >> 正邪 - 廖健 (@ 正邪邪邪 )：《Web 3D 应用的基本原理》 在线浏览 >>
卞飞：《HTML5+CSS3 在触屏网站上的实践》 下载 >> 王劲 ( @06wj )：《canvas 游戏制作》 下载 >>
杨经宇：《HTML5 在浏览器开发中的使用》 下载 >> 陈谔 @-CE-： 《Hybird Mobile Application Development》下载 >>
武风龙 :《探讨 WebGL 网页 3D》 下载 >> 邓际锋 @ 邓际锋： 《Lambda in Canvas – 谈谈函数式编程在前端开发中的应用》
赵锦江：《如何制作简易的 HTML5 幻灯片》 下载 >> 下载 >>
柴春燕：《使用 HTML5 构建数据驱动的移动应用》 下载 >>
魏子钧 （@ 大城小胖）：《手把手教你开发 HTML5 游戏》 观看视频 >> 南京场
徐昊：《深入 websocket》 观看视频 >> 孙悦平 ( @lllSunnylll )： 《HTML5 行业应用 -HTML5 下的移动广告》 观看视频 >>
李安琪：《W3C 中国以及 HTML5》 下载 >> 曾凡涛 ：《HTML5 之 websocket》 下载 >>
赵霏：《HTML5 与手机游戏》 下载 >> 苏震巍 @ 苏震巍： HTML5 及相关技术商业化应用及实施探讨；HTML5 与其他技术结合应
张洋：《HTML5 应用展示视频》 观看视频 >> 用探讨； HTML5 在线 PPT>> DEMO 演示地址 >> 观看视频 >>
罗睿： 《HTML5 游戏开发实例分享》 下载 >> 金怡爱：《浏览器与 HTML5 小谈》 下载 >>
滕俊平：《OpenMGC 手机游戏开放平台项目介绍》 下载 >> 牟云松 :《HTML5 在机顶盒上的应用》 下载 >> 观看视频 >>
陆凌牛 :《RGraph 统计图制作插件 》 下载 >>
广州场
曾少宁 （@ 曾少宁 _ZengSN）：HTML5 Canvas 实践应用体会 ; ExtJS 4 应用程序中调用
Canvas API 的实践体会 下载 >>
三桥 （@ 三桥 sankyu）： 《HTML5 智能手机 UI 布局浅谈》 下载 >>
孙极（@ 呀呀哇哈哈）： 《在项目中循序渐进地使用 HTML5+CSS3》 下载 >>
Frank（@sp42）： 《Sencha SDK Tools 简介：IE6 上也可以用 CSS3 ？》 下载 >>
李秉骏 :HTML5 对 ui 的启发（利用 webGL，canvas 提升网页浏览体验） 下载 >>
frank :《ExtJS 图形渲染引擎：Ext.draw 源码心得》 下载 >>
第六场 HTML5 技术分享沙龙（广州场）视频 观看视频 >>
12

14. 资源汇集 微周刊（2011.8.22~8.28）
上海场 深圳场
叶威 （@wayneyedotcom）： 《HTML5 web socket in Essence 》 曹雨 @ 阿鸟 8527： 《跨平台 html5 2d canvas 游戏开发》 下载 >>
在线 PPT >> 张超 @gerry52030： 《构建高性能 html5 网游 》 下载 >>
李正林 （@flashlizi）： 《HTML5 Canvas 游戏开发实例讲解》 下载 >>
Along ： 《一个基于 HTML5 的应用——LED 投影演示》 下载 >> 成都场
第六期技术分享沙龙（上海场）点击观看 >> 王孟 @keyhand： 《HTML、CSS 网站开发 - 简析》 下载 >>
代码分享：Sam 现场写代码 下载 >> 古建国 @ 古木天琪： 《HTML5 改变 WEB 影音世界》 下载 >>
培训视频专辑 观看 >> 杨丰盛 @ 杨丰盛： 《HTML5-Android 应用开发新路线》 下载 >>
青 山 老 妖 _ 皇 冠： 《 冲 出 浏 览 器， 用 HTML5 构 建 本 地 应 用 程 序， 挥 着 翅 膀 的 《HTML5 在数字出版方面的应用、关系、未来方向》 下载 >>
HTML5》 下载地址 HOUOOP： 《对 WP7 的看法和分享》 下载 >> 演示视频下载 >>
点头猪： 《CSS 的未来 - 那些被我们忽略的属性》 下载地址 >>
视频专辑分享：http://t.cn/a9K7ff
《我们需要想象力》联机游戏 +HTML5 行业应用思考 @ 秀野堂主 PPT 下载
附：享 cygwin 框架（800 多兆），十个压缩包
http://t.cn/heI6dm ；http://t.cn/heI6DR ；http://t.cn/heIXvQ ； http://t.cn/heIXwK
；http://t.cn/heI08M ； http://t.cn/heIXUj ；http://t.cn/heIXGy ；http://t.cn/heIXcT
；http://t.cn/heIXIn ；http://t.cn/heIXiL
魏永增： 《HTML5& 移动互联网》 下载 >>
石周明： 《表单增强》 下载 >>
现场视频分享：点击观看 >>
陈琦：《新机遇 新挑战 HTML5 游戏》 下载 >>
祝君：《HTML5 开发成本》 下载 >>
魏子钧：《canvas 2D 开发经验》 下载 >>
章鑫杰：《HTML5 在 LBS 社区中的应用》 下载 >>
视频分享：点击观看 >>
13

15. 原创专栏 微周刊（2011.8.22~8.28）
小组 +InfoQ 携手打造 #HTML5 原创专题专栏 #—— 第一期征稿啦 ~  需要同时连接很多数量的通信连接
 Browser 中简单、快速的建立、扩展 TCP 通信
本 期 主 题：《WebSocket 通 讯 安 全 性 和 可 测 试 性 研 究》 要 求： 原 创， 可 围 绕 主 题 适 当  云计算环境或跟其他第三方应用的集成
发 散 或 修 改， 标 题 不 限， 字 数 不 限（ 欢 迎 配 图）； 截 稿 时 间：8 月 21 日。 投 稿 邮 箱： 关于 WebSocket 的介绍就到这里吧，下面就讨论企业级系统中比较关心的身份认证
498977166@qq.com 精选内容除发布在 InfoQ 专栏外，还有小组官网、微周刊、微博。
WebSocket 实现身份认证
鼓励各类 HTML5 相关原创文章投递，小组将对优秀文章进行发表和推 WebSocket 协议的握手验证过程及传送时数据加密 SLL(TLS) 支持来看，协议本身充分考
荐！ 虑到安全问题并提供比较完善的机制，在这里不讨论协议本身的安全机制而是要讨论基于
WebSocket 协议的企业级系统身份认证。
本期原创文章推荐：
WebSocket 身份认证
最近负责 HTML5 方面项目，从初期理论性的调研到实战体会的还是比较多，下面主要讨论
WebSocket（HTML5 新特性之一）中实现身份认证。
讨论 WebSocket 实现身份认证前我们先了解几个基础性的概念及问题：
什么是 WebSocket ？
WebSocket 其实是一种通信协议，由 W3C（World Wide Web Consortium）和
IETF 为了 Web Server 和 Web Browser 间的双向通信而制定的技术规约，W3C 负责制定
API，IETF 负责制定协议（Protocol）。
更详细资料请参考：http://en.wikipedia.org/wiki/WebSockets
为什么需要 WebSocket ？
目前在浏览器中通过 http 仅能实现单向的通信 , 需要双向通信时以往我们用 Comet（#1）
来解决，但这种方式效率较低、通信量大、并需要服务器有较好的支持，WebSocket 的出 1:WSS://localhost:8080/oa/message/?token=DKCZyb3y2UgVtv…
现使我们通过简单、快捷的实现双向通信并解决了以往其他方式的缺点。 WSS – SSL 加密 WebSocket 通信
#1：更详细的资料请参考 http://www.ibm.com/developerworks/cn/web/wa-lo-comet/ Localhost:8080 – Host:Port
/oa/message/ – Path( 这里用来 Socket 服务定位，列：OA 系统中 Message 服务 )
什么时候需要 WebSocket ？ token – 身份信息（客户端向服务器提供的身份信息或 Common Session ID）
 服务端跟客户端之间需要双向即时通信
14

16. 原创专栏 微周刊（2011.8.22~8.28）
1.1：根据客户端提供的 Token 和 Path，检查 Token 的有效性及 Token 所属身份是否对
Path 有访问权限
1.2：没有权限，断开 Session 连接
1.3：身份认证通过，建立 Session 连接，服务器跟客户端可以双向通信。
上面是实际应用中对安全性要求较高的 WebSocket 系统而设计的，希望对大家有点参考价
值。
对身份认证系统测试
测试结果，该身份认证的设计是可行的而且安全性符合企业级系统的要求。
对系统通信过程更细节的分析及测试采用的工具是 Wireshark，详细的使用说明请参考：
http://www.wireshark.org
END, 希望本文对要在 WebSocket 系统中实现身份认证（系统集成）的童鞋有帮助 ~~。
许雄杰（Eson Xu）
15

17. 活动预告 微周刊（2011.8.22~8.28）
16

18. 活动预告 微周刊（2011.8.22~8.28）
第一期 < 北京 >HTML5 Code Jam 游戏开发 & 联谊会
■ 写在最后：
■内 容： 欢迎大家针对本次活动方案提出补充意见，感谢大家长期的支持和参与；
个人、团队皆可报名； 原则上鼓励大家 2 天均在现场，但不反对大家夜晚回家次日归队，不反对被妈妈喊回家吃
两天封闭开发，现场 PK 组队，现场点评 + 评奖； 饭：）；
2 天简单食宿（除 2 餐正餐外，各种零售、饮料必须有）； 鼓励攻城师们自带引擎；
现场会有技术指导、生活委员等工作人员； 现场开发作品均将直接作为 # 首届 HTML5 原创游戏大赛 # 参赛作品提交（10 月初前有
2 周优化时间）
■ 备注：欢迎带作品现场分享交流，不参与现场评奖，支持提交 首届 HTML5 原创游戏大 ■ 报名方式（请在职务项选择备注：策划、开发、设计等角色）
赛 >> 参赛 前往报名 >>
■ 日 程：
9 月 17 日
09:00-09:30 签到
09:30-10:00 自我介绍 +PK 组队 + 各队选出“狮主”
接下来的时间交给各队“狮主”灵活安排（晚上在不影响各队进度情况下，鼓励业余活动，
比如三国杀及各种联谊活动）
9 月 18 日
16:30-18:00 每队 10 分钟作品讲解 + 演示 + 大众点评 + 大众评奖
■ 奖 项：
团体最佳优胜奖 1 名：1000 元现金鼓励奖；
个人最佳创意奖 2 名：待定
个人最佳设计奖 2 名：500G 移动硬盘；
个人最佳开发奖 2 名：400 元图灵购书券；
现场最具人气奖 4 名：U 盘
备注：允许团体与个人之间重复获奖，奖项均由现场大家共同评出；
17