第1章---移动设备与Web技术.ppt

单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,*,*,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,*,*,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,*,*,移动互联网的特点,1.1,了解移动互联网,移动互联网是所有移动应用的基础，越来越多的人在购物、用餐、出行、工作时，都习惯性地掏出手机，查看信息、查找位置、分享感受、协同工作等，移动互联网给人们的生活方式带来翻天覆地变化。,移动互联网是使用智能手机、平板电脑等移动终端，可同时提供语音、数据、多媒体等业务应用的开放式互联网络。移动互联网为视听节目、游戏、电子书籍等数字内容的传播注入了新的活力，也为用户消费数字内容提供了多样化的选择。,移动互联网相较于传统互联网，具有便捷性、智能性、个性化的特点。,移动互联网的发展方向,目前，移动互联网已渗透到工作、生活各个方面，其业备和应用包括移动环境的网页浏览、位置服务、在线游戏、视频播放、在线购物等，移动互联网不仅体现出移动用户可以随时、随地、随身地享受互联网业务带来的便捷，还表现为更加多元化和丰富的应用。,Android,和,iOS,系统的智能手机伴随着移动互联网的发展，让越来越多的应用程序在其平台下的软件市场发布软件。同时，各家公司为了使自己的产品线能够更快地在移动互联网上占有市场份额，也纷纷将自己的产品线布局到移动设备上。,智能手机的,发展,1,WAP 1.0,时代,早在,2000,年的时候，移动互联网已经进入了人们的生活，这个时候手机所提供的功能有限，基本上只提供彩铃、图片等服务内容,。,2,WAP 2.0,时代,直到,2006,年，智能手机得到不断发展，手机用户的需求开始产生变化，各种新的手机应用不断推出，如新闻资讯、即时聊天等。,3,3G,时代,进入,3G,时代，移动互联网迎来了井喷式发展，特别是以谷歌、苹果为首的,Android,和,iOS,系统的智能手机推出后手机的功能逐渐变得越来越强大，例如,WIFI,无线联网、蓝牙、重力感应、数据存储等功能，让智能手机变得不再是一部单线的通话工具。,1.2,智能手机与手机浏览器,智能手机系统,目前在智能手机和平板电脑中应用最为广泛的操作系统主要是,Android,、,iOS,和,Windows Phone,这,3,种。,1,Android,（安卓）系统,2,iOS,（苹果）系统,3,Windows Phone,系统,智能手机浏览器,随着智能手机的发展，,Android,系统的智能手机和,iOS,系统的,iPhone,手机不断推出各种应用程序，并且都会在系统中内置一款移动,Web,浏览器。,Android,系统中的,Android Browser,，,iOS,系统中的,Mobile Safari,。,移动,Web,浏览器的特点,屏幕,尺寸,有限,硬件设备的完善,基于,Webkit,核心,触屏、缩放等交互,操作,各种类型的移动应用程序种类繁多，其开发的方式也存在着差异，有些采用原生,SDK,进行开发，有些是基于,Web,的应用开发，不同的开发方式各有优缺点。,1.3,关于移动,Web,应用,移动,Web,应用的,发展,基于原生,SDK,的开发存在以下几点优势。,（,1,）更好的用户体验和交互操作；,（,2,）不受网络限制，节省带宽成本；,（,3,）可以充分发挥设备硬件和操作系统的特性。,原生,SDK,在开发应用软件方面的优势非常明显，但仍存在一些不足之外。,（,1,）平台间移植困难，存在版本间的兼容问题的风险；,（,2,）开发周期长，维护成本高，调试困难；,（,3,）需要依赖第三方应用商店的审核上架，如,App Store,。,基于,Web,的应用,开发,与原生,SDK,开发相比，基于,Web,的应用开发存在以下几点优势。,（,1,）开发效率高，成本低；,（,2,）跨平台应用，界面风格统一；,（,3,）调试和发布方便；,（,4,）无须安装或更新。,基于,Web,的开发方式虽然在跨平台方面有优势，但并不是所有原生,SDK,应该都适合通过,Web,方式实现，还存在如下几点问题。,（,1,）无法发挥本地硬件和操作系统的优势；,（,2,）受网络环境的限制；,（,3,）难以实现复杂的用户界面效果,。,基于,HTML 5,的移动,应用,基于,Webkit,内核的浏览器的一个最大特点就是支持,HTML 5,和,CSS 3,标准。基于,HTML 5,、,CSS 3,和,JavaScript,的移动应用程序将会是未来的趋势。,1,Canvas,绘图,2,多媒体,3,本地存储,4,离线应用,5,使用地理位置,1.4,移动应用开发注意事项,移动应用开发框架,因为了有,Webkit,和,HTML 5,的支持，越来越多的,Web,开发者开始研究基于移动平台的,Web,应用框架，例如基于,jQuery,页面架构的,jQuery Mobile,、基于,ExtJS,架构的,Sencha Touch,，以及能打通,Web,和,Native,两者之间通道的,PhoneGap,框架。,尽管移动设备的种类越来越多，包括智能手机、平面电脑、网络电视设备等，但是它们都支持,HTML 5,和,CSS 3,特性，这使得制作应用于移动设备的网站或应用程序比过去更加容易。,了解移动设备的屏幕尺寸和,分辨率,移动设备的屏幕尺寸显然比桌面电脑的屏幕小得多，所以在开发应用于移动设备的网站或应用程序时，必须要考虑到移动设备的屏幕尺寸和分辨率,。,确定移动应用的,内容,在设计应用于移动设备的网站或应用程序时，需要记住用户不希望其浏览到的内容与在普通桌面电脑上浏览到的内容总是相同的,。,简洁的,HTML,、,CSS,和,JavaScript,代码,维护,在移动应用的开发过程中坚持使用正确的、标准格式的,HTML,、,CSS,样式以及,JavaScript,脚本代码，能够使所开发的应用适用于大部分的移动设备,。,测试移动应用,应该在尽可能多的移动设备中对所开发的移动应用进行测试。尽管开发人员可以使用不同的浏览器或模拟不同的屏幕尺寸来测试，但是如果不直接在移动设备上进行测试，仍然可能会出现许多的,问题。,1.5,本章小结,本章向读者介绍了移动互联网和智能手机的相关基础知识，使读者对移动应用开发的基础有所了解。并且还介绍了有关移动,Web,应用和移动应用开发的相关知识，了解移动应用开发的方式和流程，为后面学习移动应用开发打下基础。,