移动互联网发展趋势

手机银行生活资讯网络支付百度外卖同城交友滴滴专车手机游戏H5移动互联网开发公益课程网络技术发展趋势移动互联网技术开发京东购物2/76现在生活离了手机是寸步难行！请大家来回答：如果大家从家里出来只能拿一样东西，你会拿什么？大部分人选择“手机”？移动互联网发展历程1移动互联网发展现状2移动互联网发展趋势3主流的移动端开发技术4目录Contents构建高效移动互联网开发框架5移动互联网发展历程1移动互联网将移动通讯技术和互联网技术有机结合在一起，其发展历程经理了六个阶段Part移动互联网发展历程移动互联网传统互联网移动化通信阶段①打电话发短信

手机上网生活应用工作应用手机QQ新浪微博手机音乐公共自行车无线苏州苏州微生活移动OA企业邮箱企业云盘会务通智能公交⑥

商业应用京东购物移动商务滴滴打车手机银行移动钱包微信打印机团购移动互联网发展的6个层次移动互联网发展史手机手机和传统的语音电话相比，手机就是剪掉了电话线的电话。移动互联网和传统的电脑PC相比，移动互联网就是剪掉了网线的PC，将移动通讯和互联网二者结合起来，成为一体。移动商务颠覆传统消费的理念，实现了商业模式的革命。移动互联网移动商务目前我国手机使用情况分布其中每100部/百人的有十个省市2014年全国手机用户15.36亿每年的用户净增3942万户每年移动用户净增5698万户移动用户普及率94.5部/百人北京辽宁上海江苏浙江福建广东海南内蒙古宁夏移动互联网发展现状24G+大屏时代到来，手机以不单纯再是打打电话，发发短信，聊聊QQ,而是成为人们生活必不可少的移动终端。Part人们对手机的理解手机仅仅是打电话、发短信、上微博、聊微信手机正在扮演全新的角色，正成为人们生活、娱乐、学习、工作的好帮手。

手机成为新经济体企业盈利的新工具，是实现中国梦的必要载体。

VS2G3G4GWIFI移动互联网的直接载体移动互联网智能终端WIFI3G4G移动互联网必须有3G/4G这样的宽带网络作为载体。WIFI是目前比较经济实惠的无线互联网载体，无线覆盖已区域化覆盖。智能手机、平板电脑是最普遍的无线互联网终端载体。智能手机的属性01支付能力随着支付宝、微信、财付通等一大批支付型APP的推出，移动支付已经变得越来越方便。02定位能力智能手机不断推新，各种智能软件的嵌入使手机定位功能更加灵活。03二维码二维码已经成为当下智能手机最为流行的交流接口，手机扫一扫颠覆传统的按键输入。04智能硬件随着物联云的不断深入，智能硬件和智能手机捆绑已经无处不在。智能手机的属性决定了移动互联网的能力远超过传统互联网移动商务的分类通过移动设备访问商务网站通过移动设备响应商务网站的购买零售POS的移动设备支付单一购买行为的移动应用（如：滴滴）应用内置社交媒体购物（如：微信）移动专项奖励、优惠券、金币等来驱动消费目前智能手机操作系统市场份额TOP2015年移动互联网APP月均活跃用户规模TOP102015年生活服务APP月均活跃用户规模TOP2015年移动互联网APP每日使用人数24小时分布TOP10移动互联网金融移动互联网金融手机APP购物成最大的亮点手机淘宝“双11”成交额1207亿元，是去年的

5倍！手机交易额占比81.87%，覆盖235个国家和地区。移动互联网发展趋势32015年李克强总理在政府工作报告中提出“制定‘互联网+’行动计划，推动移动互联网与现代制造业结合，促进电子商务、工业互联网和互联网金融健康发展，引导互联网企业拓展国际市场。”Part全球移动互联网应用高速发展互联网研究公司StatCounter的数据显示，在全球范围内，更多用户正通过移动设备访问互联网，而不是通过桌面计算机。2016年10月，来自手机和平板电脑的互联网流量占比达到51.2%，高于桌面设备的48.7%。这是自StatCounter跟踪互联网使用量数据以来的首次。未来移动互联网发展热门行业旅游业医疗卫生行业教育行业移动互联网教育在满足现代人碎片化、情景化学习需求上有着得天独厚的优势。各种移动app很好的满足了学生在各个教育方面的多种需求。淘宝教育，腾讯课堂，百度视频等等在线教育平台的推广使学习不再局限于课堂。目前，中国的医疗卫生面临的一个比较大的问题就是-就医难、看病难等之类的问题，人的血肉之躯，难免难逃各种伤害。生病也是习以为常，无可逃避的事实。移动互联网的发展，对医疗领域也有很大的影响。大量的医疗APP定制开发，在APP开发市场上已经占有一席之地。随着移动互联网技术不断进步，在线旅游正在更大程度上满足消费者的个性化需求以场景为导向的细分市场创新正在不断激活各个旅游行业市场，成为在线旅游发展的新亮点。移动互联网发展行业(旅游)15423移动APP移动互联网发展行业(医疗)15423移动APP移动互联网发展行业(教育)15423移动APP主流移动端开发技术

4H5的到来让移动互联网开发不再是神话Part主流移动端开发技术纯原生开发基于原生的跨端开发基于HTML5的跨端开发技术●IOS：Objective-C,Swift●Android：Java，C/C++●完全不同的技术框架，学习难度大，研发成本高●Xamarin（C#）●Titanium（JavaScript）●只是统一了编程语言，还是需要学习原生编程知识，维护多个版本●Cordova（PhoneGap）●Appcan、dCloud●只需要Web编程经验，真正做到一次开发多端运行H5APP技术优势1真正跨端，一次开发多端运行,页面展现能力强，HTML5+CSS3技术简单，标准化程度高，学习成本低只需要Web编程经验，有广泛的开发者基础32H5APP发展过程中存在的问题难以实现流畅的页面转场、侧滑等动画效果页面渲染慢闪白明显复杂的JS组件运行效率差早期硬件设备能力差，难以满足流畅的用户交互体验iPhone3G（CPU：620MHZ，RAM：256MB）早期如何解决性能问题WebNative重混模式多WebView：实现流畅的多页加载和转场动画NativeUI组件：侧滑、日期、走马灯……我们把这种依赖NativeUI的混合框架称为“重混”NativeWeb重混随着时代的发展，性能已不再是瓶颈H5已经可以支持复杂应用，并拥有良好的运行性能01硬件设备移动设备硬件能力02无线网络技术无线网络技术2G/3G/4G03浏览器技术浏览器技术HTML504手机性能大幅提升输入您的文字内容输入您的文字内容微信强势成为新的移动终端微信苹果IOS轻混模式2011年1月，腾讯推出了微信；2012年8月，微信公众平台上线。2017年1月，小程序上线。移动应用=iOSApp+AndroidApp+微信App安卓APP重混报废“轻混”成为H5App开发的必然选择界面交互接口技术●纯Web技术●Native技术构建高效移动互联网开发框架

5H5开源轻混型移动互联网开发框架介绍PartH5App框架结构H5App由网页和外壳两部分组成。网页主要负责界面的显示和交互；而外壳会内置一个浏览器来提供网页的运行环境，并且会通过插件为网页提供扩展的原生调用能力。外壳浏览器+插件网页HTML5JavaScriptCSS3设备信息通讯录语音拍照地理位置网络支付分享Native框架的选择Cordova（PhoneGap）业界最主流的开源移动跨端框架HTML+Native插件

开放的插件体系

轻混的框架结构H5页面框架SPA单页应用模式多页应用MPA（MultiPageApplication）页面资源http://xxx/page1.w页面资源http://xxx/page2.wURL跳转整页刷新页面资源http://xxx/shell.w#page1.html页面资源http://xxx/shell.w#page2.htmlAJAX局部刷新http://xxx/shell.w（外壳页面）JS库、CSS库…单页应用SPA（SinglePageApplication）JS库、CSS库…JS库、CSS库…Web组件Web组件HTML片段JavaScript代码事件绑定JS动态创建HTMLnewButton({'text':'ClickMe!','handler':doClick,'container':document.getElementById('container')});虚拟DOM，延迟渲染varMyButton=React.createClass({doClick:function(event){...},render:function(){return(<buttononClick={this.doClick}>ClickMe!</button>);}});React.render(<MyButton/>,document.getElementById('container'));静态描述<buttontype="button"onclick=“doClick">Clickme!</button>越多越慢性能提升这才是最快的Web组件Web组件HTML片段JavaScript代码事件绑定JS动态创建HTMLnewButton({'text':'ClickMe!','handler':doClick,'container':document.getElementById('container')});虚拟DOM，延迟渲染varMyButton=React.createClass({doClick:function(event){...},render:function(){return(<buttononClick={this.doClick}>ClickMe!</button>);}});React.render(<MyButton/>,document.getElementById('container'));静态描述<buttontype="button"onclick=“doClick">Clickme!</button>越多越慢性能提升这才是最快的SPA单页框架+页面静态编译=极速秒开WeX5开发工具介绍上百个页面组件可视化页面设计模板化快速开发编码、调试、发布一体化集成开发环境无需原生开发经验永久免费运