《7附加模块 移动电子商务开发技术.pptx》由会员分享,可在线阅读,更多相关《7附加模块 移动电子商务开发技术.pptx(39页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、移动电子商务移动电子商务开发技术附加一附加模块 移动电子商务开发技术 目录 Contents延时符移动APP开发1移动网站开发技术2微信小程序开发3美丽联合从2017年6月份开始陆续上线小程序,一共做了7个,这里面有蘑菇街的主力小程序,还有专门直播的业务等。其中的直播产品在2016年已经上线了,到2017年夏天的时候,美丽联合把蘑菇街的主力的小程序里面加入了直播功能。运营几个月发现直播的特别好,目前,蘑菇街微信小程序所取得的成绩有:用户数超9000万,催生了增量;转化率是APP的2倍,提升了流量存量效率;活跃用户次日留存35%,提高了用户粘性;下单速度是APP的2.28倍,重塑了用户的消费习惯
2、。章节案例附加 移动电子商务开发技术1延时符移动APP开发附加 移动电子商务开发技术附加 移动电子商务开发技术一、明确用户需求,确定网站目标阶段124做好目标人群定位理解行业竞争执行力强3有清晰的赢利模式附加 移动电子商务开发技术二、概念设计阶段概念设计的直接目的是生成概念产品,它是一系列有序的、可组织的、有目标的设计活动,表现为一个由粗到精、由模糊到清晰不断进化的过程。概念设计附加 移动电子商务开发技术移动APP产品经理需要集思广益,然后对用户及市场资料进行总结梳理,通过白板或思维导导图理出产品思路,也就是从概念上给出一个完整的产品雏形,可以通过文字或图示的方式来表达所要开发产品的整体构想。
3、附加 移动电子商务开发技术三、原型设计阶段原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。产品原型设计最基础的工作就是结合批注、大量的说明以及流程框架图,将自己的产品原型完整而准确地表述给UI、UE、程序开发人员、市场营销人员,并通过沟通,反复修改并最终确认,然后执行。附加 移动电子商务开发技术移动APP产品原型设计工具 2Axure4Origami6乎之原型13OmniGraffle 5App Cooker墨刀7摩客8Epub360附加 移动电子商务开发技术四、界面设计与视觉阶段1.界面设计界面设计(UI设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实
4、体UI和虚拟UI,互联网说的UI设计是虚拟UI,UI即User Interface(用户界面)的简称附加 移动电子商务开发技术界面设计师的职能大体包括三方面(2)交互设计(1)图形设计(3)用户测试/研究附加 移动电子商务开发技术2.视觉设计视觉设计是针对眼睛功能的主观形式的表现手段和结果。视觉设计首先需要考虑产品给人的整体感觉,即视觉设计的风格。附加 移动电子商务开发技术五、产品编码开发阶段1.基于Android的移动APP开发(1)开发环境Android Studio 是一个全新的移动APP Android 开发环境,基于IntelliJ IDEA.类似 Eclipse ADT,Andro
5、id Studio 提供了集成的 Android 开发工具用于开发和调试。如图所示为Android Studio开发界面。附加 移动电子商务开发技术(2)开发者应该具备的知识体系Unix/Linux平台技术企业级数据库技术Java 语言核心技术软件工程和设计模式Android应用开发基础互联网核心技术Android高级应用开发Android系统级开发JavaEE核心技术附加 移动电子商务开发技术2.基于iOS的移动APP开发(1)开发环境Xcode 是运行在操作系统Mac OS X上的集成开发工具(IDE)。Xcode 具有统一的用户界面设计,编码、测试、调试都在一个简单的窗口内完成。如图所示
6、为iOS Xcode开发界面附加 移动电子商务开发技术(2)开发者应该具备的知识体系开发环境开发者账号开发语言数据库GitHub开源项目OS SDK 框架网络附加 移动电子商务开发技术六、产品测试阶段(1)找到产品的不足之处(2)了解产品真正的目标市场在哪里(3)基于样品等,全面思考后续的营销策略(4)进一步评估商业价值产品测试目标2延时符移动网站开发技术附加 移动电子商务开发技术附加 移动电子商务开发技术一、前端开发技术1.HTML5(1)HTML5简介HTML5是HTML下一个的主要修订版本,现在仍处于发展阶段,广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内
7、的一套技术组合。附加 移动电子商务开发技术(2)HTML5的新标记 存储 连通性 集成 新的语义元素 多媒体 2D/3D 新的元素特性 设备访问 CSS3样式附加 移动电子商务开发技术2.CSS3CSS即层叠样式表(Cascading Style Sheet),CSS3语言开发是朝着模块化发展的,CSS3作为在HTML页面担任页面布局和页面装饰的技术,可以更加有效地对页面布局、字体、颜色、背景或其他动画效果实现精确的控制。附加 移动电子商务开发技术3.JavascriptJavascript是一种基于对象和事件驱动,并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本
8、语言一起实现在一个Web页面中链接多个对象,与Web客户交互的作用,从而可以开发客户端的应用程序等。附加 移动电子商务开发技术4.jQuery与jQuery MobilejQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作,由美国人John Resig在2006年1月的BarCamp NYC上发布第一个版本。jQuery的核心特性:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。(1)jQuery附加 移动电子商务开发技术(2)jQuery MobilejQuer
9、y Mobile是jQuery 框架的一个组件(而非jquery的移动版本)。jQuery Mobile是一款基于HTML5的用户界面系统,旨在使所有智能手机,平板电脑和桌面设备上都可以访问的响应网站和应用。附加 移动电子商务开发技术5.BootstrapBootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。附加 移动电子商务开发技术基本结构(1)(2)(3)(4)(5)Bootst
10、rap是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。CSS设置组件JavaScript 插件定制附加 移动电子商务开发技术二、后端开发技术1IIS2Tomcat3Apache1.Web服务器附加 移动电子商务开发技术2.Web数据库系统54321MySQLSQL ServerOracleSybaseDB2附加 移动电子商务开发技术3.后端开发环境(1)ASP.NET微软发布的ASP.NET不仅仅是ASP的下一个版本,而且是一种建立在通用语言上的程序构架。ASP.NET技术的优势在于,其是基于通用语言编
11、译运行的程序。它的强大性和适应性,可以使它运行在Web应用软件开发者的几乎全部平台上。附加 移动电子商务开发技术PHP是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C、Java和Perl语言的语法,并耦合PHP自己的特性,使Web开发者能够快速地写出动态页面。PHP是完全免费的,用户可以从PHP站点()自由下载,并可以不受限制地获得源码,甚至在其中加进自己需要的特色。(2)PHP附加 移动电子商务开发技术(3)JSPJSP是Sun公司推出的新一代网站开发语言,JSP可以在Serverlet和JavaBeans的支持下,完成功能强大的站点程序。附加 移动电子商务开发技术将内容的产生和显示进
12、行分离强调可重用的群组件采用标识简化页面开发3延时符微信小程序开发附加 移动电子商务开发技术附加 移动电子商务开发技术微信小程序,缩写xcx,英文mini program。是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。微信小程序于2017年1月9日凌晨正式上线附加 移动电子商务开发技术一、微信小程序的前景(1)(2)对于开发者的影响对于互联网创业企业的影响(3)(4)对于小城市企业的影响对于互联网推广的影响(5)对于想转型的传统企业的影响附加 移动电子商务开发技术二、开发微信小程序需要的知识技能微信小程序对开发者要求比较低,掌握HTML、CSS和Javascript后,再熟悉WXML、WXSS和WXS语法规则就足以应付开发需要。知识技能附加 移动电子商务开发技术三、微信小程序创建步骤(1)(4)(5)(7)(6)(3)(2)微信小程序注册微信小程序信息完善开发者工具的使用代码审核与发布微信小程序申请微信认证微信小程序申请微信支付微信小程序绑定微信开放平台账号武汉职业技术学院THANKS