移动互联网新技术盘点移动互联网新技术盘点 20122012年年 什么是HTML5？ 2 HTML 5HTML 5 HTML5HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标 准版本。广义上来讲，HTML5实际指的是包括HTML、CSS和JavaScript在内的 一套技术组合，其目标是能够减少浏览器对于需要插件的丰富性网络应用服务 （RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求， 并且提供更多能有效增强网络应用的标准集。 HTML5Write OnceWrite Once Run AnywhereRun Anywhere WAP1.0 WAP2.0 HTML5 WAP1.0页面主 要基于WML标签 语言实现，因为 当时网络带宽很 窄、手机浏览器 能力较弱，所以 页面展现和交互 能力较弱，基本 是单色文字和少 量小图片。 移 动 端 网 页 技 术 发 展 阶 段 WAP2.0页面 WAP2.0和Web 页面的界限比较 模糊的，但它仍 然是主要针对手 机的浏览特性而 设计的，主要呈 现的内容的也是 文字和较小的图 片。 HTML5网页是基于 HTML5标准的新一代网 页，页面在传统Web 页面的基础上有了很大 提升，开发者在实现 Web页面的复杂效果 （视频、交互等）时不 需要额外的插件接口， 并且可以实现对一些硬 件功能的调用。 HTML5发展史 3 HTML 5HTML 5 2004年 WHAT小 组成立 2006年 W3C宣布 与WHAT小 组合作 2008年 HTML5发布 首个版本 2010年乔布 斯发布关于 FLASH的公 开信 2011年世界 排名前100 网站中34% 采用了 HTML5技术 推动者推动者 参与参与者者 发展机会如何？ 4 HTML 5HTML 5 SWOT分析 S S：优势：优势 T T：威胁：威胁 OO：机会：机会 WW：劣势：劣势 无需针对众多系统、 机型、分辨率等进行 分别适配； 推广成本低； 能够调用手机硬件； 无需第三方插件实现 复杂网页功能。 苹果公司的iPhone和 iPad不支持flash； Adobe宣布不支持 Android4.1； 众多浏览器厂商大力 推动； 开发者加大投入。 W3C到2014年才能正 式发布HTML5标准； W3D与WHATWG关系 出现分化，谷歌和苹果 的纷争影响统一标准的 制定； 目前移动网络速度有限。 需要各类浏览器支持； 发展早期，大部分 HTML5网页应用复杂 功能暂时无法实现， 操作界面简单粗糙； 目前对本地硬件调动 力度不够。 HTML5位于产品的成 长期，市场广泛看好 其未来发展，但是很 多功能还难以实现， 需要各方的进一步投 入对其进行完善。 HTML5应用的几个要素 5 HTML 5HTML 5 HTML5支持离线缓存，可以将数据 写入到本机的ROM中，在关闭浏 览器后再次打开时恢复数据，以减 少网络流量，还可以在离线状态使 用 离线缓存离线缓存 对于经常使用的App，能够在桌 面上建立标签，直接打开应用，操 作方式类似于本地App 标签打开标签打开 移动端的WAP网页是无法调用摄 像头、话筒重力感应器、GPS等硬 件的，但是HTML5却已经能够实现 对这些硬件的调用，提供类似本地 App的用户体验 硬件调用硬件调用 就目前来说，依托于网络，web上已经出现 的，基于信息流方式及类似方式的应用最适 合使用HTML5进行开发，如微博、社交、新 闻等；此外地图等可以充分利用离线缓存的 应用类型也适宜选择HTML5进行开发。 对产业链各方意味着什么？ 6 HTML 5HTML 5 开发者开发者 系统提供商系统提供商 浏览器厂商浏览器厂商 用户用户 提供web app平台 提供内容 对于系统提供商来说需要第三方插件 才能支持其系统某些功能的实现，对 于其生态系统的稳定性是一个潜在的 不稳定的因素。 HTML5技术的发展将会极大促进Web app的发展，如果Web app最终取代 本地App的地位，手机浏览器在移动互 联网中的入口地位将进一步提高。 开发者不需要针对复杂的终端分别进行 适配，并且相对于本地App开发难度降 低；无需再各类应用商店进行推广大大 降低推广渠道成本。 Web app的优势是无需下载安装 App，只需直接进入链接即可使用， 能够节约很多时间成本，却可能享受 到本地App同样的用户体验。 用户用户 系统系统 提供商提供商 浏览器浏览器 厂商厂商 开发者开发者 HTML5应用实例 7 HTML 5HTML 5 新 浪 微 博 UC 应 用 中 心 HTML5可以实现 微博定位功能， 调用GPS 微博语音输入， 调用话筒 照片上传功能， 调用摄像头 摇一摇功能， 调用重力感应器 HTML5HTML5应用发展现状应用发展现状 整体数量较小，用户规模 有限，并且用户对于 Web app认知度很低， 使用习惯尚需培养； 应用质量参差不齐，优质 HTML5应用体验优秀功能 丰富，几乎可以与本地 App媲美；部分优化较差 的应用界面粗糙用户体验 较差； 手机浏览器的HTML5应用 商店是HTML5应用的主要 入口，仍然沿用了本地 App 的应用商店模式， 而不是更加开放的推广模 式； 部分传统互联网公司已经 推出HTML5版本应用，大 部分开发者还处于观望中。 HTML5未来趋势 8 HTML 5HTML 5 WebWeb AppApp Web App可以借助浏览 器访问移动设备的基本特 性，同时依靠HTML5的离 线缓存，Web App能离 线照常运作，而且将其与 云更好地整合，让应用够 买和消息推送等更加方便。 移动为主移动为主 HTML5有富媒体技术的浏 览平台之称，其用于绘画 的canvas元素，用于媒介 的video和audio元素，对 本地离线存储更好的支持 等这些特性极适合移动终 端的用户体验。 娱乐为王娱乐为王 移动终端目前的用途多是娱乐， 看电影、听歌、打游戏等。无需 插件的优势简化了操作，大大提 升了用户体验，而免于向应用商 店交付提成对开发者来说则是一 个不小的诱惑。 响应式设计响应式设计 人们对于移动应用的预期就 是能够实现跨平台且表现相 对一致，这就要求屏幕可以 根据内容而自动调整大小， 即“响应式设计”。 端端 云云 什么是NFC？ 9 NFCNFC 近场通信近场通信（英语：Near Field Communication，NFC），又称近距离无线通信， 是一种短距离的高频无线通信技术，允许电子设备之间进行非接触式点对点数据 传输，在十厘米（3.9英吋）内，交换数据。这个技术由免接触式射频识别（RFID） 演变而来，由飞利浦和索尼共同研制开发，其基础是RFID及互连技术。 NFC Near Field Communication RFID即射频识别（Radio Frequency IDentification） 技术，又称电子标签、无线射频识别，是一种通信技术， 可通过无线电讯号识别特定目标并读写相关数据，应用 非常广泛，如门禁卡，公交卡等都使用了这种技术。 搭载搭载NFCNFC芯片芯片 的移动设备的移动设备 卡模拟卡模拟 让移动设备直接化 身公交卡门禁卡等 RFID卡 读写器模拟读写器模拟 直接在移动设备上 刷RFID卡或读标签 产品间产品间通信通信 设备间近距离数据 交换 发展机会如何？ 10 SWOT分析 S S：优势：优势 T T：威胁：威胁 OO：机会：机会 WW：劣势：劣势 目前人们对NFC的认 知主要局限于移动支 付领域，随着搭载 NFC芯片的终端普及， NFC的功能将被更全 面开发 NFCNFC NFC有被动、主动、点 对点三种工作模式，应 用范围广泛； 使用方便，能够将RFID 卡和银行卡、信用卡等 功能集于一身； 技术实现难度不高，易 于推广； 移动互联网迅速发展， 对移动支付的需求大 增； 最新生产的旗舰级智 能设备大部分均搭载 NFC芯片； 谷歌等互联网公司和 一些电信运营商积极 推进NFC移动支付 包含大量个人信息， 安全性难以保障； 有距离限制，要求两 台设备距离在10cm范 围内； 传输速度慢，进行文 件传输需要与其他方 式配合使用（如蓝牙） 目前除了一些旗舰机，大 部分手机都没有NFC功能； 用户认知度较低，绝大部 分用户不能接受通过手机 NFC支付； 相关利益方都希望在产业 竞争中占据主导地位，对 NFC不同的实现方案各有 倚重 NFC如何改变生活？ 11 NFCNFC NFC + Play 360NFC + Play 360 NFC +NFC +TapitTapit NFC +NFC +愤怒的小鸟愤怒的小鸟 NFC +NFC +街旁街旁 诺基亚Play 360音箱可以 通过蓝牙连接电 子设备，如果手 机带有NFC功能， 可通过触碰直接 配对播放音乐。 愤怒的小鸟推出 magic版，其中 第五关以后关卡 是需要通过手机 之间通过NFC碰 触解锁。 Tapit在澳大利亚 实现了NFC营销 实践，游客只需 通过手机碰触标 签就可以得到艾 尔斯岩的图文声 多媒体介绍。 诺基亚与街旁进 行合作，在商家 店铺提供NFC标 签，用户可以通 过手机接触标签 直接实现街旁的 签到功能。 蓝 牙 配 对 蓝 牙 配 对 游 戏 互 动 游 戏 互 动 电 子 海 报 电 子 海 报 位 置 签 到 位 置 签 到 NFC如何改变支付？ 12 NFCNFC 实现方式：实现方式：NFCNFC手机手机+ +非接触式读写器非接触式读写器 用线上渠道实现线下支付，整合了手 机和钱包 手机钱包当中可以包含会员信息、优 惠信息、支付卡信息、交易信息、票 券等 随时动态更新和现实具有针对性的优 惠促销信息 刷卡的同时能够收集到用户的位置信 息等，所有这些消费活动都可以将用 户的身份以及地理信息有所关联，成 为未来本地广告有价值的信息源 移动支付四大渠道 运营商计费运营商计费 NFCNFC支付支付 刷卡支付刷卡支付 应用支付应用支付 实现实现方式：短信等方式：短信等 支付费用包含在手机账 单当中 实现实现方式：银行应用方式：银行应用 各大银行都推出了网银 APP，用户可以直接通 过手机网银进行支付 实现实现方式：刷卡器方式：刷卡器 由Square开创的支付形 式，商户通过移动设备 以及配套的刷卡器收取 顾客的费用 NFC应用实例Google wallet 13 NFCNFC Google Wallet是当前较为 完整的NFC支付系统，用户 在支持NFC功能的Android 手机上安装好对应的app， 并绑定好信用卡，即可在支 持的商户“刷”手机付款了， 但目前为止并没有得到广泛 使用。 目前仅支持由运 营商Sprint提供的 少量定制机机型 目前仅支持 MasterCard paypass信用卡 直接刷卡 没有MasterCard信 用卡的用户可以使用 谷歌预付卡，通过其 他银行卡为其充值并 刷卡使用 设置好之后用户仅需 要在商家的 paypass刷卡机上 轻轻挥动手机就可完 成支付过程 复 杂 的 利 益 链 条 电信运营商 手机制造商 信用卡公司 银行 连锁商户 NFC未来趋势 14 NFCNFC 全NFC生活 8:30 公交刷卡公交刷卡 9:30 身份认证身份认证 10:50 名片互换名片互换 18:50 营销信息营销信息 20:00 购物购物支付支付 21:30 游戏互动游戏互动 什么是二维码？ 15 二维码二维码 二维码二维码（英语：2-dimensional bar ），又称二维条码，是在一维条码的基础上 扩展出另一维具有可读性的条码。它是用按一定规律分布于平面（二维