Html5研究小组《微周刊》第14期

1,867 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,867
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html5研究小组《微周刊》第14期

  1. 1. HTML5 微周刊 第 14 期 - 8 月 30 日声明:本刊内容、观点均来源互联网,对相关单位的具体策划、投资等行为不具有潜在暗示。相关单位据此采取的任何策划、投资等行为均须自担责任。最终解释权归 HTML5 研究小组所有。编辑:田爱娜、任伟、谢莉莎、苏震巍、大胖、怪兽、希尼瑞意见反馈··投稿信箱:16047574@qq.com
  2. 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. 3. 行业聚焦 微周刊(2011.8.22~8.28)AutoIQ:用手机维护和诊断汽车 # 网易 VIP 邮箱新管家版支持 HTML5 标准 # 美博客称 Facebook 应从惠普手中收购 webOSAutoIQ 旨在利用基于 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. 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. 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/amdEjlhttp://t.cn/auXfTb 和 HTML5 Web 应用 | 成立于 2010 年 10 月,9 个月 内覆盖 20 多个国家,超过 10 种语言,目前 Bizness apps 已经帮助中小企业创建 1000 多个移动应用 ...) http://t.cn/au9JT3 (来自 @36 氪) 4
  6. 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. 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/am12sDarticle/details/6722657@ 宇宙一片小囧: http://vdisk.weibo.com/s/yYYS 6
  8. 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/amf1urhttp://t.cn/amzcfS 人类已经阻止不了马里奥了! 日前,国外有爱的达人玩家使用 HTML5 代码编写了一 段网页版自制马里奥游戏《Infinite Mario Bros》,只 需要十字键和 A/S 几个按键,打开网页便可回味经典。 可以丢的 GOOGLE 游戏以 SFC 平台的《马里奥大陆》为蓝本制作。关卡 ~so funny~ 丢了穗碎了居然还可以用 . 好坚强 ... 网 是随机生成哦。http://t.cn/aRcyWF(来自:@ 手机新 http://t.cn/hNE2C(来自 @Z 小笨和貓姐姐) 址: 浪网游戏频道) 7
  9. 9. 应用推荐 微周刊(2011.8.22~8.28)Google Docs Shannon Larratt’s APOPHIS 2029 电驴 LOGOGoogle 面向 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. 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/amv6qp2)开发者眼中的平台问题 http://t.cn/hqLeFL3)开发商看平台差异和游戏态势 http://t.cn/ajRj2h HTML5 vs mobile App4)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. 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 WorkingGroup 的组织,他们重新拣起 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. 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. 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. 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. 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. 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. 17. 活动预告 微周刊(2011.8.22~8.28) 16
  18. 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

×