移动互联网开发技术培训

移动互联网开发技术培训(总

14页)-CAL-FENGHAI.-(YICAI)-CompanyOnel-CAL-本页仅作为文档封面，使用请直接删除

移动互联网开发技术培训目录目录 错误!未定义书签。一、移动互联网开发的定义 错误!未定义书签二、移动互联网开发的相关技术 错误!未定义书签1.前端（移动端） 错误!未定义书签. 原生开发（Native开发或者App开发） 错误!未定义书签。. HTML5开发 错误!未定义书签。新特性 错误!未定义书签。核心技术 错误!未定义书签。开源框架 错误!未定义书签。. 第三方开发平台 错误!未定义书签. 微信开发 错误!未定义书签后台开发 错误!未定义书签. Java技术 错误!未定义书签。. .Net 错误!未定义书签. PHP 错误!未定义书签数据库 错误!未定义书签三、 移动互联网开发流程及角色 错误!未定义书签四、 移动互联网开发案例及实训 错误!未定义书签。、移动互联网开发的定义开发基于移动端包括手机、平板等智能、可移动设备的相关应用，包括基于互联网的大众普及应用及基于政府或企业的特定范围内的解决方案。与传统基于PC端开发没有本质的区别，只是在用户体验、数据传输、终端适配有特殊的要求，可以理解为传统应用开发的延伸。二、移动互联网开发的相关技术前端（移动端）原生开发（Native开发或者App开发）1・1・1・基于Andriod操作系统基于Java技术ANDROIDSTUDIO（由谷歌推出）EclipseADT（AndroidDevelopmentTools）安卓开发工具开源可视化的编程工具，不需要写代码，在线AppInventorAppInventor原是Google实验室（GoogleLab）的一个子计划，由一群Google工程师和勇于挑战的Google使用者共同参与设计完成。GoogleAppInventor是一个完全在线开发的Android编程环境，抛弃复杂的程式代码而使用积木式的堆叠法来完成您的Android程式。除此之外它也正式支持乐高NXT机器人，对于Android初学者或是机器人开发者来说是一大福音。因为对于想要用手机控制机器人的使用者而言，他们不大需要太华丽的界面，只要使用基本元件例如按钮、文字输入输出即可。1・1・2・基于IOS操作系统开发工具：Xcode （由苹果公司推出）支持C语言、C++、Fortran、Objective-C、Objective-C++、Java、AppleScript、Python以及Ruby，还提供Cocoa、Carbon以及Java等编程模式SwiftSwift是一种支持多编程范式和编译式的开源编程语言,苹果于2014年WWDC（苹果开发者大会）发布，用于开发iOS,OSX和watchOS应用程序。Swift结合了C和Objective-C的优点并且不受C兼容性的限制。Swift在MacOS和iOS平台可以和Object-C使用相同的运行环境。1・1・3・基于Windows10MobileVisualStudio2015・Net（微软）VisualStudio是一套基于组件的软件开发工具和其他技术，可用于构建功能强大、性能出众的应用程序C#语言为主流HTML5开发HTML5是下一代的HTML,天生适合与移动互联网开发。万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。2014年10月29日，万维网联盟泪流满面地宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。开发工具webStormWebStorm是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。与IntelliJIDEA同源，继承了IntelliJIDEA强大的JS部分的功能。1・2・1・新特性用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的特殊内容元素，比如article、footer、header、nav、section新的表单控件，比女口calendar、date、time、email、url、search1・2・2・核心技术HTML标签、属性和事件CSS来控制网页的样式和布局JavaScript语言Ajax、Json1.2.3.开源框架jQueryjQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“writeLess，DoMore”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQueryEasyUIjQueryEasyUI是一组基于jQuery的UI插件集合体，而jQueryEasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。BootstrapBootstrap，来自Twitter，是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的，它简洁灵活，使得Web开发更加快捷。它由Twitter的设计师MarkOtto和JacobThornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的BreakingNews都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。Backbone（基于MVC的前端开发框架）backbone是一种帮助开发重量级的javascript应用的框架。主要提供了3个东西：1、models（模型）2、collections（集合）3、views（视图）文件本身很小，压缩后只有，作为一个框架级别的核心JS文件，这个数字很可怕。除此之外，这个JS还必须依赖于另一个JS文件：（包含许多工具方法，集合操作，js模板等等）Backbone.jsMVC架构第三方开发平台一般基于混和开发的模式，开发一套代码，生成不同平台的安装包。WeX5遵循Apache开源协议，完全开源免费，上百个组件框架，全部开放，可视化的组件框架，开发者可自定义组件，集成第三方组件，采用MVC设计模式，数据和视图分离，页面描述和代码逻辑分离，支持浏览器调试、真机调试、原生调试，等多种调试模式，开发者可掌握每一行代码。WeX5一直坚持采用H5+CSS3+JS标准技术，一次开发，多端任意部署，确保开发者成果始终通用、不受限制。WeX5的混合应用开发模式能轻松调用手机设备，如相机、地图、通讯录等，让开发者轻松应对各类复杂数据应用，代码量减少80%。同时开发出的应用能够媲美原生的运行体验。WeX5的可视化开发，坚持为开发者提供良好开发体验，拖拽式页面设计，易学易用，拖拽组件、设置属性即可完成复杂技术能力还有其他很多类似的平台。微信开发微信开发即微信公众平台开发，将企业信息、服务、活动等内容通过微信网页的方式进行表现，用户通过简单的设置，就能生成网站。通过微信公众平台将企业品牌展示给微信用户，减少宣传成本，建立企业与消费者、客户的一对一互动和沟通，将消费者接入企业CRM系统，进行促销、推广、宣传、售后等。形成了一种主流的线上线下互动营销方式。本质是HTML5开发，提供微信平台的相关接口。订阅号服务号（公众号）企业号小程序沁业和■£氓嗣更酝旳回眼专丄

用户暫融力.胄助it业快匝现争

的Z号］HS环

O订闻U为!《（1知亍人餉_冲新的信息苗播冇

K”陶建与逞蚩之问站？旳淘i聲3音理

BK.

赠哼_神<府旳开威能力-=>加（3：iEP31S使

ffiiEjs^iofsia」i时鼻初出色的us用

般”企业号为血业嗣殛供移动嗣A口, 业便立与员匸上"Fft曲曲®S企It宜用问的倒氐后台开发Java技术优点是跨平台、开源代码多，好多现成的框架（SSH），大型系统基本使用Java。Struts2SpringHibernateIbatis.Net微软提供全套的支持，上手快，小型应用普遍使用。PHP容易学，上手快，电子商务、移动互联网后台普遍使用。数据库传统关系型数据库：Mysql、SQLServer、Oracle等。非关系型数据库（NoSQL）：MongoDB、巨杉等三、移动互联网开发流程及角色产品设计开发流程竟品分希帚苦"嘲駢抿吿产品需袖盡起曙宝互世明加札!S谡汁可用住爾段芭一钉楠滾幔谄料游轴产品设计开发流程竟品分希帚苦"嘲駢抿吿产品需袖盡起曙宝互世明加札!S谡汁可用住爾段芭一钉楠滾幔谄料游轴.同户臣饯2示宜前盘｛曲&5）FffWF交阳t阶轻「直互.UO评市dJT»^臨件幵拘q二碍试优耐訣f缽】3r&正那5本恆陌1、产品经理。负责产品方向和具体需求的规划，需求文档的编写。是待开发需求的提出方，或者代理方（来自业务部门等第三方的需求，由产品经理转化成研发团队的需求形式）。通常对于较大规模的产品，产品经理是一个团队，每个人分工负责部分功能模块的需求细节。2、项目经理（以下简称PM）。负责项目的立项和时间安排，并跟进项目研发的进展、变更和风险，以及各种跨团队的协调工作。在一个大的项目中，通常也会有多位项目经理分工协作。3、 设计师。负责产品的交互设计、视觉设计等方面。主要的产出是产品的交互原型和设计稿。4、 开发人员。负责产品的技术架构设计和代码编写，产出是可运行的实际产品。通常根据专业领域也进一步划分为架构师、后台开发、Web前端开发、Android开发、iOS开发等多个岗位。5、 测试人员。负责产品的质量把关，包括功能、性能和稳定性等多方面的测试内容。进一步细分包括业务功能测试、测试工具和平台开发、专项技术测试等岗位。部分组织里面也将质量管理放在测试团队。6、 运维人员。负责产品的服务端运行环境的建设和维护，以及日常的配置管理、容量规划、网络和设备故障处理等工作，常常也包含监控平台的建设和管理。取决于研发组织是采用自建IDC,租用IDC或者采用第三方云计算平台，运维团队的工作可能有所不同。7、 运营人员。负责业务和产品的推广和拓展。对于移动互联网产品，常见的工作范围包括APP开发的推广，各类运营活动的规划和推动，同第三方一起开展的市场活动，以及运营平台的规划等方面。内部管理工具：bugclose|简单，免费，够用的BUG管理工具

四、移动互联网开发案例及实训智嵌智慧校园平台是通过移动互联网技术开发的一套数字化校园解决方案，包括学校教务管理系统、学生成长大数据分析平台、学生考勤（德育）系统、学校后勤管理等功能，可以实现校园信息共享、移动化、智能化。测试网址：，功能架构如下：4塔廿m•71测试网址：，功能架构如下：4塔廿m•71坦霸时费IfHCit■iQ^l-i就船昨使用的技术架构：浏览器II|Tomcat|Jav^^JMySQL智嵌智慧校园平台可以提供一个移动互联网实训平台，帮助中职学生快速搭建移动互联网实训项目，积木式的开发移动互联网功能，可以降低学习难度，提高学生的学习兴趣，包括下面的模块：1、物联网硬件访问/控制通用接口（比如查询门禁状态、控制灯光等）2、后台数据库访问通用接口（包括各种主流数据库，比如mysql、sqlserver、Oracle等）3、短信及微信信息推送接口4、智慧校园平台数据访问接口（包括学生信息、教师信息、排课信息、考勤信息等）5、用户统一管理/验证模块6、工作流组件模块（包括流程设计工具、工作流开发环境等）7、Html5前端开发框架（包括跨平台前端开发的设计案例、前端开发通用组件等）Html5基于的开发框架：EasyUI、jQuery、Bootstrap实训项目一：开发一个移动端学生请假流程，学生微信关注学校的公众号后，绑定学生信息，可以在手机上发起一个请假流程，提交后由班主任审批，班主任审批后短信及微信通知学生及学生家长。要求实现跨平台的开发，