搭建Android开发环境与iOS开发环境.pptVIP

1 当前主流的智能手机系统 1．当今潮流——Android 1 当前主流的智能手机系统 开源 联盟 1 当前主流的智能手机系统 技术 1 当前主流的智能手机系统 2．高贵华丽——iOS 1 当前主流的智能手机系统 1 当前主流的智能手机系统 3．全新面貌——Windows Phone 1 当前主流的智能手机系统 1 当前主流的智能手机系统 4．高端商务——Blackberry OS（黑莓） 1 当前主流的智能手机系统 2 打造移动Web应用程序 3.2.1 设计在通用设备上运行的网站 1．设计规划 确保显示在移动设备与非移动设备上的内容基本一致。 优化页面，减轻用户代理的负载。 使用可降级机制，让旧款或是功能更少的浏览器也能浏览内容。 在尽可能多的设备和浏览器上测试所有页面。 2 打造移动Web应用程序 要开发的Web应用程序的用途是什么？ 开发这个应用程序目标是什么？ 应用程序的用户会是哪些人？ 2 打造移动Web应用程序 该应用程序的竞争对手有哪些？ 对潜在的竞争者进行尽可能多的调查。他们产品的盈利是多少？市场占有率为多少？他们的优点和缺点分别是什么？ 还有什么其他风险可能影响到应用程序的成功？ 开发进度是怎样安排的？ 2 打造移动Web应用程序 2．使用框架 Sencha Touch-Sencha Touch 2 打造移动Web应用程序 jQuery Mobile PhoneGap 2 打造移动Web应用程序 3.2.2 选择Web编辑器 Dreamweaver：Dreamweaver的最新版本集成了PhoneGap。 Komodo IDE：支持许多不同编程语言，它也是一款不错的使用iQuery来创建HTML5应用程序的文本编辑器。 TopStyle：TopStyle（）是一款用于Windows的CSS编辑器，包含了许多HTML。它提供的功能包括移动设备预览以及移动用户脚本。 SiteSpinner Pro：是一个WYSIWYG（What You See Is What You Get，所见即所得）的Windows编辑器，它提供作用于移动设备上的脚本以及预览。 2 打造移动Web应用程序 2 打造移动Web应用程序 3.2.3 为移动设备调整可视化的设计 要尽量简单 导航按钮位置 2 打造移动Web应用程序 列表应尽量简短 宣传图片 菜单 2 打造移动Web应用程序 连续页面 页面之间的切换 选项卡 2 打造移动Web应用程序 隐藏内容 提高加载速度 移动设计与PC设计重要信息保持一致 2 打造移动Web应用程序 3.2.4 测试应用程序 购买或租赁设备； 请求他人帮助； 使用模拟器。 2 打造移动Web应用程序 （1）桌面模拟器 （2）在线模拟器 Opera Mini Simulator（） DeviceAnywhere（） BrowserCam（） 2 打造移动Web应用程序 1．测试移动支持方面 标题尺寸偏小。 移动网站不应该有两级导航。 “Recent Posts”标题占用空间太大。 实际颜色与设计时挑选的颜色有偏差。 2 打造移动Web应用程序 2．CSS3及HTML5支持 2 打造移动Web应用程序 网页表单中的日期及拾色器功能。 Android移动设备上的contenteditable属性，用于允许用户编辑指定内容。 音频及视频中的preload属性支持。 软连字符（shy；）以及wbr标签支持。 HTML实体的解析。 PNG透明度。 3 实例搭建AndroId开发环境 JDK：我们知道Android 是基于Java开发的，因此首先需要Java运行环境，读者可以登录Oracle官方网站下载。 Eclipse+ Android SDK：Eclipse是Android集成开发工具，读者可以登录Android官方网站进行下载。 ADT：ADT是Android为Eclipse 定制的专用插件。 3 实例搭建AndroId开发环境 3.3.1 安装JDK Oracle官方下载页面 3 实例搭建AndroId开发环境 JDK下载页面 3 实例搭建AndroId开发环境 “安装向导”对话框图 “安装路径”对话框 3 实例搭建AndroId开发环境 解压缩下载的文件 “目标文件夹”对话框 3 实例搭建AndroId开发环境 继续安装