移动互联网开发技术培训.doc

移动互联网开发技术培训
目录
目录 2
一、移动互联网开发的定义 3
二、移动互联网开发的相关技术 3
1. 前端（移动端） 3
1.1. 原生开发（Native开发 或者 App开发） 3
1.2. HTML5开发 4
1.2.1. 新特性 5
1.2.2. 核心技术 5
1.2.3. 开源框架 5
1.3. 第三方开发平台 7
1.4. 微信开发 8
2. 后台开发 9
2.5. Java技术 9
2.6. .Net 10
2.7. PHP 10
3. 数据库 10
三、移动互联网开发流程及角色 11
四、移动互联网开发案例及实训 13
一、移动互联网开发的定义
开发基于移动端包括手机、平板等智能、可移动设备的相关应用，包括基于互联网的大众普及应用及基于政府或企业的特定范围内的解决方案。
与传统基于PC端开发没有本质的区别，只是在用户体验、数据传输、终端适配有特殊的要求，可以理解为传统应用开发的延伸。
二、移动互联网开发的相关技术
1. 前端（移动端）
1.1. 原生开发（Native开发 或者 App开发）
1.1.1. 基于Andriod操作系统
基于Java技术
ANDROID STUDIO V0.8.0 （由谷歌推出）
Eclipse ADT（Android Development Tools）安卓开发工具 开源
可视化的编程工具，不需要写代码，在线
App Inventor
App Inventor 原是Google实验室（Google Lab）的一个子计划，由一群Google工程师和勇于挑战的Google使用者共同参与设计完成。Google App Inventor是一个完全在线开发的Android编程环境，抛弃复杂的程式代码而使用积木式的堆叠法来完成您的Android程式。除此之外它也正式支持乐高NXT机器人，对于Android初学者或是机器人开发者来说是一大福音。因为对于想要用手机控制机器人的使用者而言，他们不大需要太华丽的界 面，只要使用基本元件例如按钮、文字输入输出即可。
1.1.2. 基于IOS操作系统
开发工具：Xcode （由苹果公司推出）
支持 C语言、C++、Fortran、Objective-C、Objective-C++、Java、AppleScript、Python以及Ruby，还提供Cocoa、Carbon以及Java等编程模式
Swift
Swift 是一种支持多编程范式和编译式的开源编程语言,苹果于2014年WWDC（苹果开发者大会）发布，用于开发 iOS，OS X 和 watchOS 应用程序。
Swift 结合了 C 和 Objective-C 的优点并且不受 C 兼容性的限制。
Swift 在 Mac OS 和 iOS 平台可以和 Object-C 使用相同的运行环境。
1.1.3. 基于Windows 10 Mobile
Visual Studio 2015 .Net (微软)
Visual Studio 是一套基于组件的软件开发工具和其他技术，可用于构建功能强大、性能出众的应用程序
C#语言为主流
1.2. HTML5开发
HTML5 是下一代的 HTML，天生适合与移动互联网开发。
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。2014年10月29日，万维网联盟泪流满面地宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。
开发工具 webStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
1.2.1. 新特性
u 用于绘画的 canvas 元素
u 用于媒介回放的 video 和 audio 元素
u 对本地离线存储的更好的支持
u 新的特殊内容元素，比如 article、footer、header、nav、section
u 新的表单控件，比如 calendar、date、time、email、url、search
1.2.2. 核心技术
u HTML标签、属性和事件
u CSS来控制网页的样式和布局
u JavaScript语言
u Ajax、Json
1.2.3. 开源框架
u jQuery
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
u jQueryEasyUI
 jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。
u Bootstrap
 Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

u Backbone(基于MVC的前端开发框架)
backbone是一种帮助开发重量级的javascript应用的框架。
主要提供了3个东西：1、models(模型) 2、collections(集合) 3、views(视图)
backbone.js文件本身很小，压缩后只有5.3KB，作为一个框架级别的核心JS文件，这个数字很可怕。
除此之外，这个JS还必须依赖于另一个JS文件：underscore.js(包含许多工具方法，集合操作，js模板等等)

1.3. 第三方开发平台
一般基于混和开发的模式，开发一套代码，生成不同平台的安装包。
WeX5遵循Apache开源协议，完全开源免费，上百个组件框架，全部开放，可视化的组件框架，开发者可自定义组件，集成第三方组件，采用MVC设计模式，数据和视图分离，页面描述和代码逻辑分离，支持浏览器调试、真机调试、原生调试，等多种调试模式，开发者可掌握每一行代码。
WeX5一直坚持采用H5+CSS3+JS标准技术，一次开发，多端任意部署，确保开发者成果始终通用、不受限制。WeX5的混合应用开发模式能轻松调用手机设备，如相机、地图、通讯录等，让开发者轻松应对各类复杂数据应用，代码量减少80%。同时开发出的应用能够媲美原生的运行体验。
WeX5的可视化开发，坚持为开发者提供良好开发体验，拖拽式页面设计，易学易用，拖拽组件、设置属性即可完成复杂技术能力
还有其他很多类似的平台。
1.4. 微信开发
微信开发即微信公众平台开发，将企业信息、服务、活动等内容通过微信网页的方式进行表现，用户通过简单的设置，就能生成微信3G网站。通过微信公众平台将企业品牌展示给微信用户，减少宣传成本，建立企业与消费者、客户的一对一互动和沟通，将消费者接入企业CRM系统，进行促销、推广、宣传、售后等。形成了一种主流的线上线下微信互动营销方式。
本质是HTML5开发，提供微信平台的相关接口。
u 订阅号
u 服务号（公众号）
u 企业号
u 小程序

2. 后台开发
1.5. Java技术
优点是跨平台、开源代码多，好多现成的框架（SSH），大型系统基本使用Java。
u Struts2
u Spring
u Hibernate
u Ibatis
1.6. .Net
微软提供全套的支持，上手快，小型应用普遍使用。
1.7. PHP
容易学，上手快，电子商务、移动互联网后台普遍使用。
3. 数据库
传统关系型数据库：Mysql、SQL Server、Oracle等。
非关系型数据库（NoSQL）：MongoDB、巨杉等
三、移动互联网开发流程及角色

1、产品经理。负责产品方向和具体需求的规划，需求文档的编写。是待开发需求的提出方，或者代理方（来自业务部门等第三方的需求，由产品经理转化成研发团队的需求形式）。通常对于较大规模的产品，产品经理是一个团队，每个人分工负责部分功能模块的需求细节。
2、项目经理（以下简称PM）。负责项目的立项和时间安排，并跟进项目研发的进展、变更和风险，以及各种跨团队的协调工作。在一个大的项目中，通常也会有多位项目经理分工协作。
　3、设计师。负责产品的交互设计、视觉设计等方面。主要的产出是产品的交互原型和设计稿。
　4、开发人员。负责产品的技术架构设计和代码编写，产出是可运行的实际产品。通常根据专业领域也进一步划分为架构师、后台开发、Web前端开发、Android开发、iOS开发等多个岗位。
　5、测试人员。负责产品的质量把关，包括功能、性能和稳定性等多方面的测试内容。进一步细分包括业务功能测试、测试工具和平台开发、专项技术测试等岗位。部分组织里面也将质量管理放在测试团队。
　6、运维人员。负责产品的服务端运行环境的建设和维护，以及日常的配置管理、容量规划、网络和设备故障处理等工作，常常也包含监控平台的建设和管理。取决于研发组织是采用自建IDC，租用IDC或者采用第三方云计算平台，运维团队的工作可能有所不同。
　7、运营人员。负责业务和产品的推广和拓展。对于移动互联网产品，常见的工作范围包括APP开发的推广，各类运营活动的规划和推动，同第三方一起开展的市场活动，以及运营平台的规划等方面。
内部管理工具：
bugclose | 简单，免费，够用的BUG管理工具

四、移动互联网开发案例及实训
智嵌智慧校园平台是通过移动互联网技术开发的一套数字化校园解决方案，包括学校教务管理系统、学生成长大数据分析平台、学生考勤（德育）系统、学校后勤管理等功能，可以实现校园信息共享、移动化、智能化。
测试网址：，功能架构如下：

使用的技术架构：

智嵌智慧校园平台可以提供一个移动互联网实训平台，帮助中职学生快速搭建移动互联网实训项目，积木式的开发移动互联网功能，可以降低学习难度，提高学生的学习兴趣，包括下面的模块：
1、 物联网硬件访问/控制通用接口（比如查询门禁状态、控制灯光等）
2、 后台数据库访问通用接口（包括各种主流数据库，比如mysql、sql server、Oracle等）
3、 短信及微信信息推送接口
4、 智慧校园平台数据访问接口（包括学生信息、教师信息、排课信息、考勤信息等）
5、 用户统一管理/验证模块
6、 工作流组件模块（包括流程设计工具、工作流开发环境等）
7、 Html5前端开发框架（包括跨平台前端开发的设计案例、前端开发通用组件等）
Html5基于的开发框架：EasyUI、jQuery 、Bootstrap
实训项目一：
开发一个移动端学生请假流程，学生微信关注学校的公众号后，绑定学生信息，可以在手机上发起一个请假流程，提交后由班主任审批，班主任审批后短信及微信通知学生及学生家长。
要求实现跨平台的开发，开发界面能够使用于Android及Iphone手机。
实训项目二：
开发一个移动端学生考勤功能，学生微信关注学校的公众号后，绑定学生信息，可以在手机上实现考勤，当学生在校园范围内时，可以实现手机打卡，否则不能打卡，学生打卡如果有迟到现象，则短信及微信通知班主任及家长。
要求实现跨平台的开发，开发界面能够使用于Android及Iphone手机。
实训项目三：
开发一个移动端学生成绩查询、班级课表查询功能，学生微信关注学校的公众号后，绑定学生信息，可以在手机上进行成绩的查询、班级课表查询。
要求实现跨平台的开发，开发界面能够使用于Android及Iphone手机。
. . . .