（中职） 移动商务基础（第二版）第2章移动商务技术概况2（4学时）电子教案

1、（中职） 移动商务基础（第二版）第2章移动商务技术概况2（4学时）电子教案（中职） 移动商务基础（第二版）第2章移动商务技术概况2（4学时）电子教案（中职） 移动商务基础（第二版）第2章移动商务技术概况2（4学时）电子教案授课内容第二章 移动商务技术概况（2）学时4授课类型理论课实践课 理-实一体化教学目标【知 识 目 标】1、了解移动终端设备及智能手机操作系统；2、了解移动商务技术的相关知识。【能 力 目 标】1、能够运用不同操作系统的智能手机； 2、能制作二维码。【思 政 目 标】 1、工欲善其事，必先利其器，培养工匠精神； 2、树立科技自立精神，把“饭碗”牢牢地端在自己的手里3、立志在移

2、动互联网、人工智能、大数据等领域创新发展，制胜未来。 教学重点：二维码、RFID、NFC与蓝牙技术。云计算、大数据与物联网技术。教学难点：基于位置的服务(LBS)技术。HTML5和CSS3。教学方法和手段：采用“教学做一体化”教学；“师徒式”教学；真实企业案例教学；4、多媒体辅助教学。 教学条件：多媒体机房、一人一机，安装教学控制系统；教师学生用机安装浏览器、PS、DW等软件；开通互联网。其他： PPT教学演示课件、教案、教学视频及其他教学资源。教学内容及过程提示与批注教学内容与教学设计（180分钟）第四节移动商务开发的新技术HTML5和CSS3（65分钟）HTML5在近两年里可算是出尽了风头

3、,无论是2014年10月底规范的定稿,还是2015年年初惊爆业内的微信开放JS SDK,抑或是腾讯、百度、360、搜狐等互联网巨头之间的布局争夺。这一切的一切似乎都在预示着HTML5将给移动互联网界带来颠覆性的变革。CSS3是CSS的升级版本,CSS3将完全向后兼容。网络浏览器也将继续支持CSS2。CSS3主要的影响是可以使用新的、可用的选择器和属性,这些会允许实现新的设计效果(如动态和渐变),而且可以很简单地设计出现在的设计效果(如使用分栏),这些对于移动Web设计有积极意义。一、HTML5简介(10分钟)使用PPT讲解，注意以下要点：HTML5是HTML下一个的主要修订版本,现在仍处于发展

4、阶段,目标是取代1999年所定的HTML4.01和XHTML1.0标准,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于基于插件的丰富性网络应用服务(Rich Internet Application,RIA),如Adobe Flash、Microsoft Silverlight、Oracle JavaFX等需求,并且提供更多能有效增强网络应用的标准集。具体来说,HTML5添加了许多新的语法特征,其中包括和元素,同时集成了SVG内容。这些元素是为了更容易地在

5、网页中添加和处理多媒体与图片内容而添加的。其他新的元素包括和,目的是丰富文档的数据内容。二、HTML5的新标记(5分钟)使用PPT讲解，注意以下要点：HTML5提供了一些新的元素和属性,反映了现代网站中的典型用法。其中,有些元素在技术上类似和标签,但有一定含义,如(网站导航块)和。这种标签将有利于搜索引擎的索引、小屏幕设备页面设计以及视障人士的使用。 三、HTML5与电子商务网络营销(30分钟)使用PPT讲解，注意以下要点：- 第1节课结束，课间休息-四、CSS3(20分钟)使用PPT讲解，注意以下要点：即层叠样式表 （）。在网页制作时采用层叠样式表技术，可 以有效地对页面的布局、字体、颜色、

6、背景和其他效果实现更加精确的控制。只要对相应 的代码做一些简单的修改，就可以改变同一页面的不同部分，或页数不同的网页的外观和 格式。是技术的升级版本，语言开发是朝着模块化发展的。(一)CSS3新增属性现在移动端两大阵营和 都是基于 内核的，而 内核对 的支持走在了前面。(二)CSS3选择符选择符大致分为元素选择符、关系选择符、属性选择符、伪类选择符和伪对象选择符。在PC端,我们用得最多的就是元素选择符、关系选择符和属性选择符,如div、div.class、div#id、div span和divclass=classname。目前,CSS3是移动Web开发的主要技术之一,它在界面修饰方面占有重要

7、的地位。由于移动设备的Web浏览器都支持CSS3,因此对于不同浏览器之间的兼容性问题,它们之间的差异非常小。不过,对于移动Web浏览器的某些CSS特性,仍然需要做一些兼容性的工作。当前,CSS3技术在移动商务网站开发中最适合使用的特性包括增强的选择器、阴影、强大的背景设置和圆角边框等。提醒学生：课后查查关于HTML5的资料，多方面了解。互动：何谓语义化HTML标签？互动：网络营销与HTML的关系？使用DW演示HTML5搜索关键词与描述设置。提醒：通过网上查询，了解更多的CSS知识。第五节 云计算、大数据、物联网技术与人工智能（65分钟）一、云计算技术（25分钟）使用PPT讲解，注意以下要点：云

8、计算的概念是由Google提出的一个美丽的网络应用模式,是指服务的交付和使用模式,通过网络以按需、易扩展的方式获得所需的服务。这种服务可以是IT和软件或与互联网相关的内容,也可以是任意其他的服务,它具有超大规模、虚拟化、可靠安全等独特功效。“云计算”图书版本也很多,都从理论和实践上介绍了云计算的特性与功用。(一)云计算概念云计算的基本理念是“一切皆是服务(Everything as a Service)”。任何通过网络能够提供给用户的服务都可以成为云计算的应用形式,而用户在使用这些服务时采取“租用”(Pay Per Use)的形式进行付费。(二)云计算的服务模型（三）云计算的优点和问题云计算能

9、够被各大企业和政府机构关注,并投入大量的人力、物力进行开发和利用,与其具有的巨大优势和特点是分不开的,被视为科技界的下一次革命。1.云计算的优点、云计算的问题云计算的迅猛发展,为企业和用户带来了极大的便利,同时也因为其自身的特点,产生了一系列的问题,如数据安全、云计算标准、隐私权及知识产权等,只有妥善地解决这些问题,才能促使云计算更好地发展。(四)云计算的关键技术云计算的目标是以低成本的方式提供高可靠、高可用、规模可伸缩的个性化服务。为了达到这个目标,需要数据中心管理、虚拟化、海量数据处理、资源管理与调度、QoS保证、安全与隐私保护等关键技术加以支持。1.虚拟化技术虚拟化技术实现了云计算基础设

10、施服务的按需分配,是IaaS、PaaS和SaaS等所有云计算服务的支撑和基础。虚拟化是IaaS层的主要组成部分,也是云计算的最重要特点。2.海量数据存储与处理技术云计算服务采用大规模服务器集群的数据中心为用户提供超强性能和超大存储能力的服务,所处理的数据通常以TB为计算单位。根据报告,早在2008年,Google每天所处理的数据就达到了20PB(1PB=1024TB)。因此,海量数据的存储和处理技术是云计算服务的重要部分。(五)云计算与移动商务 - 第2节课结束，课间休息-二、大数据技术（15分钟）使用PPT讲解，注意以下要点：与云计算紧密相关的技术就是大数据技术。在互联网思维、互联网经济、移

11、动互联和电子商务等新兴产业纷纷走上历史舞台的大背景下,越来越多的数据使得单纯扩展服务器硬盘容量、提升磁盘阵列性能等传统的存储数据的方式越来越不适应企业的实际需求,分布式计算平台成为时代的新宠,大数据时代来临了,大数据分析行业应运而生。(一)大数据的概念大数据(Big Data)又称为巨量资料,指的是所涉及的资料量规模巨大到无法透过目前主流软件工具,在合理时间内达到撷取、管理、处理并整理成为帮助企业经营决策的量化信息。大数据有4V特点,即Volume、Variety、Velocity、Veracity。(二)大数据分析技术只有通过分析才能获取很多智能的、深入的、有价值的信息。现在,越来越多的应用

12、涉及大数据,而这些大数据的属性,包括数量、速度、多样性等都呈现出大数据不断增长的复杂性,所以大数据的分析方法在大数据领域就显得尤为重要,可以说是最终信息是否有价值的决定性因素。一般来说,大数据分析的方法主要涉及以下五个方面的内容。(三)大数据分析的作用大数据时代即将到来,那么大数据意味着什么?它到底会改变什么?仅仅从技术角度来回答,已不足以解惑。大数据只是宾语,离开了人这个主语,它再大也没有意义。我们需要把大数据放在人的背景中加以透视,理解它作为时代变革力量的原因。三、物联网技术（10分钟）使用PPT讲解，注意以下要点：物联网这个概念,早在1999年就提出来了,当时叫传感网。物联网概念的问世,

13、打破了之前的传统思维。过去的思路一直是将物理基础设施和IT基础设施分开,一方面是机场、公路和建筑物,另一方面是数据中心、个人计算机和宽带等。而在物联网时代,钢筋混凝土和电缆将与芯片和宽带整合为统一的基础设施,在此意义上,基础设施更像是一个新的地球,所以也有业内人士认为物联网与智能电网均是智慧地球的有机构成部分。(一)物联网概述物联网(Internet of Things,IoT)也称为Web of Things,是指通过各种信息传感设备,如传感器、射频识别(RFID)技术、全球定位系统、红外感应器、激光扫描器、气体感应器等各种装置与技术,实时采集任何需要监控、连接和互动的物体或过程,采集其声、

14、光、热、电、力学、化学、生物和位置等各种需要的信息,与互联网结合而形成的一个巨大网络。其目的是实现物与物、物与人,所有的物品与网络的连接,方便识别、管理和控制,提供安全可控乃至个性化的实时在线监测、定位追溯、报警联动、调度指挥、预案管理、安全防范、远程维保、在线升级、统计报表、决策支持和领导桌面(集中展示的Cockpit Dashboard)等管理和服务功能,实现对“万物”的“高效、节能、安全、环保”的“管、控、营”一体化。(二)物联网关键技术物联网是继互联网后又一次技术的革新,代表着未来计算机与通信的发展方向。这次革新也取决于一些重要领域的动态技术创新,如从RFID、EPC、传感技术到认知网

15、络和云计算等。四、人工智能（20分钟）使用PPT讲解，注意以下要点：随着人工智能技术的普及，人类社会正在从信息化时代步入智能化时代。我们在生活中已经能切身感受到人工智能所带来的便利，从虚拟语音助手到自动驾驶汽车，人工智能作为新一轮产业变革的核心驱动力之一，对社会和经济将产生深远的影响。（一）人工智能概述人工智能（Artificial Intelligence），英文缩写为AI，是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。人工智能这一概念在1956年被提出，整体上历经三次繁荣期，两次低谷期。中国人工智能起

16、步较晚，萌芽于上世纪70年代末，随着互联网的蓬勃发展及技术的创新和应用，近年来中国人工智能逐渐落地，进入快速发展时期，已发展成为国家战略。（二）人工智能发展历程人工智能最早可追溯到上世纪的四五十年代，被誉为“人工智能之父“的艾伦.图灵，在其论文计算机机器与智能中，提出了非常著名的图灵测试，即被测试的机器是否能够表现出与人类等价或无法区分的智能。（三）人工智能对人类社会产生的影响人工智能对企业变革影响最大，在未来15年内，人工智能和自动化技术将取代40%-50%岗位，同时也带来效率的提升。例如在工业制造领域，AI技术将深度赋能工业机器，将会带来生产效率和质量的极大提升。例如，采用AI视觉检测替代

17、工人来识别工件缺陷。同时，人工智能也改变了我们的生活方式，我们的居住、健康、出行、教育、娱乐等方面的生活方式将从中受益，例如智能家居、智能医疗等。另外，人工智能在粮食保障、能源利用、气象预测、环境污染、自然资源保护等领域上应用，可有效改善人类生存环境，促进人与自然和谐共生。正因为人工智能技术产生的巨大效益，国家政策、资本等方面也大力支持，企业积极布局人工智能战略，增加研发投入、加快商业落地，人工智能产业一片向好的景象。但在繁荣的背后，人工智能也面临诸多挑战。【拓展阅读】扫码观看视频（教材P57页）“5G已来，互联网企业的机会在 哪里。” - 第3节课结束，课间休息 -本章重点，细致讲解。强调三

18、个简写的含义。互动：还有更多的优点吗？思考：云计算可能对电子商务可能产生怎样影响？互动：现在典型的大数据应用有哪些？思考：大数据分析需要哪些支持技术？思考：一棵树怎么连入物联网？思考：物联网对生活有什么影响？互动：电商领域有哪些人工智能应用？思考：人工智能有可能的危害性吗？思考：智能客服的内部逻辑是怎样的？第六节 移动商务小程序（25分钟）在移动商务运营的诸多形式中，小程序是极有特色的一种。从名字就可以看出，它胜在一个“小”字。虽然占用空间不大，但是“麻雀虽小，五脏俱全”，在小的前提下又能设计必备的功能，真可谓“小而美”的典范，成为移动商务演进的主要推动技术之一。一、小程序发展历程（5分钟）借

19、助PPT讲授： 二、小程序的商业价值（5分钟）在移动商务时代日益丰富的行业服务与应用场景覆盖过程中，小程序的商业价值也在进一步得到体现。可以说，小程序的真正商业价值在产业互联网。因为产业互联网中有无数的琐碎触点，这些触点只有依靠小程序才能解决，由此提升用户的整体体验。三、微信小程序开发基础（5分钟）微信小程序对开发者要求比较低，掌握HTML、CSS和Javascript后，再熟悉WXML、WXSS和WXS语法规则就足以应付开发需要了。HTML、CSS和Javascript前文已经介绍。WXML(WeiXin Markup Language)是框架设计的一套标签语言，结合基础组件、事件系统，可以

20、构建出页面的结构。WXSS(WeiXin Style Sheets)是一套样式语言，用于描述WXML的组件样式。WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。1、成为微信公众号平台开发者一般来讲，开发者的微信号就是小程序的开发者ID。要注意的是：微信号可以独立存在，而开发者ID不能独立存在，它必然要绑定于某个公众平台服务项目，如公众号或小程序。因此，若要成为开发者，还需要有公众平台服务（订阅号、服务号、企业号、小程序）账号或归属于某个公众平台服务的开发者。如果还没有公众平台小程序服务账号，需要先注册，注册入口为：https：/，点击首页右上角

21、“立即注册”进行注册。经过以下步骤完成小程序服务账号注册：2.获取小程序AppID成功注册小程序账号后，会有唯一的AppID。登录https：/，在页面左边的菜单中，点选“设置”“开发设置”，可查看到微信小程序的AppID，如图1-5所示。注意 这里不可使用公众号（服务号或订阅号）的AppID。没有AppID也可以进行小程序开发练习，只是部分功能受限，且不能上传发布。要在手机上体验此AppID的小程序，默认只有公众平台小程序账号的管理员微信号可以；其他微信号还需要进行“绑定开发者”的操作。即在“用户身份”-“开发者”模块中，绑定需要体验该小程序的微信号。安装开发者工具包作为开发者，需要有开发环境。这里需要下载安装开发者工具包。截止于2017年5月9日，微信团队提供的开发者工具包版本为0.17.170900，有Windows 32位、Windows 64位及Mac三种版本。官方下载地址为：https：/debug/wxadoc/dev/devtools/download.html。成功下载适当的版本后，在开发者的电脑上进行安装。下面以Windows 64位安装包为例，描述安装过程。双击下载的安装包，将出现安装向导。点击“下一步”，完成开发者工具。创建一个小程序在安装开发者工具的电脑上运行“微信Web开发者工具”