[电子商务]

本科课程教学大纲（理工医类/电气学院）

课程负责人:张鉴新 主 审:

一、
课程描述及课程目标

（一）课程描述

《电子商务》是计算机专业的选修课程，从前端移动Web开发的角度合理选取教学内容，涉及内容有移动互联中的Web应用、基于HTML5的移动Web技术、移动端页面布局和常用事件、跨平台的移动Web技术等。通过本课程的学习，学生能够掌握HTML5以及Bootstrap框架在移动Web开发中应用，在做案例过程中，提高实践操作能力。

（二）课程目标

本课程为计算机类专业的专业选修基础课程，要求学生能够应用电子商务知识及技能解决实际问题，通过本课程的学习，学生应达到下列学习目标:

1.掌握电子商务基本知识及技能，具备使用WEB技术进行移动WEB开发的能力，核心能力2。

2.了解本课程内容及技能在行业企业中的实际应用，核心能力6。

3.能够以实际企业项目的形式，主动做好课前预习和课后实践，养成自主学习的意识和提高不断学习的能力，核心能力6。

4.在教师的指导下，通过综合实验训练遵守职业规范和道德，训练严谨的专业学习及工作习惯，核心能力7。

二、 课程内容

（一）第0章-前言 电子商务的概述

主要知识点:

1电子商务基本概念

2电子商务的产生与发展

3电子商务的框架与系统构成

4我国电子商务的外部环境

教学要求:通过本次课程的学习，使学生了解电子商务的基本概念和现有外部环境，掌握电子商务的框架与系统构成。

重点:电子商务基本概念，电子商务的框架与系统构成。

难点:电子商务基本概念，电子商务的框架与系统构成。

采用的教学方法:案例讲解、阅读材料、小组讨论

讲授学时:2学时

（二）第1章 移动互联中的Web应用

1.1移动互联网的发展

1.2了什么是移动Web开发

1.3移动端的Web浏览器

1.4基于HTML5的移动Web开发

教学要求:移动互联网即移动通信和互联网的结合体。使用者可以通过手机、平板电脑等可移动数据终端与互联网连接，从而获得互联网中的海量资讯。移动Web开发因此得到了很好的发展，作为新一代的Web技术标准，HTML5标准定义的规范非常广泛，本章将针对移动互联中的Web应用进行详细的介绍。

重点:移动端的Web浏览器。

难点:HTML5为移动Web开发提供的技术。

采用的教学方法:案例讲解、阅读材料、小组讨论

讲授学时:2学时

（三）第2章 基于HTML5的移动Web应用（上）

2.1了解什么是HTML5网络存储

2.2了解什么是移动Web离线应用

2.3熟悉localStorage和sessionStorage的区别

2.4掌握localStorage和sessionStorage的使用方法

2.5掌握Application Cache的使用方法

教学要求:HTML5是HTML4的升级版本，在HTML5中提供了很多新特性，针对移动Web开发方面，除了基本的语义化标签等，还提供了一些偏移动应用的功能，如本地存储、离线应用、画布、多媒体、拖拽、文件操作、地理定位等。

重点:掌握localStorage和sessionStorage的使用方法，掌握Application Cache的使用方法。

难点:掌握localStorage和sessionStorage的使用方法，掌握Application Cache的使用方法。

采用的教学方法:案例讲解、实践操作

讲授学时:3学时

实践学时:3学时

（四）第3章 基于HTML5的移动Web应用（下）

3.1掌握标签和标签的使用

3.2掌握Geolocation API的使用

3.3掌握HTML5的拖曳操作

3.4掌握文件操作

教学要求:本章将继续讲解基于HTML5的移动Web技术，包括多媒体、Geolocation地理定位、拖曳和文件操作。

重点:

难点:

采用的教学方法:案例讲解、实践操作

讲授学时:2学时

实践学时:2学时

（五）第4章 移动端页面布局和常用事件

4.1了解什么是流式布局

4.2熟悉移动端的三种视口

4.3掌握使用标签设置布局视口的方法

4.4掌握Touch事件的使用方法

4.5掌握过渡和动画结束事件的使用方法

教学要求:目前多数移动设备都使用触屏操作，使得用户逐渐摆脱了键盘和鼠标操作的束缚，人机交互更加方便。这不仅体现在强大和多样化的APP应用程序上，移动Web应用程序同样也由于触摸屏的兴起而变得更加丰富多彩，本章将针对移动Web开发应用的流式布局移动端的视口和常用事件进行详细的讲解。

重点:掌握使用标签设置布局视口的方法、掌握Touch事件的使用方法、掌握过渡和动画结束事件的使用方法。

难点:掌握使用标签设置布局视口的方法、掌握Touch事件的使用方法、掌握过渡和动画结束事件的使用方法。

采用的教学方法:案例讲解、实践操作

讲授学时:1学时

实践学时:1学时

（六）第5章 综合项目—黑马掌上商城

5.1了解项目的整体结构

5.2能够参考教材完成项目代码

5.3掌握项目中使用的重点知识

教学要求:互联网发展至今，相信很多读者对“网上购物”并不陌生，本章将带领读者完成一个模拟网上商城的移动端项目，将其命名为“黑马掌上商城”。

重点:视口和流式布局、移动端事件、过渡和动画结束事件、Gesture事件、全屏单页面布局、Zepto.js的使用。

难点:视口和流式布局、移动端事件、过渡和动画结束事件、Gesture事件、全屏单页面布局、Zepto.js的使用。

采用的教学方法:案例讲解、实践操作

讲授学时:3学时

实践学时:3学时

（七）第6章 跨平台移动Web技术

6.1了解什么是响应式Web设计

6.2掌握CSS3媒体查询的使用

6.3熟悉什么是栅格系统

6.4掌握弹性盒布局

教学要求:在Web开发中，一切的技术实现都是围绕用户体验来展开的，如果网站在不同的设备上可以有相似的用户体验，作为用户，一定会对这个产品好感度倍增。那么实现相似的用户体验是不是就要针对不同设备分别开发一套产品?跨平台移动Web技术会给我们想要的答案。本章将针对跨平台Web技术:响应式Web设计、媒体查询、栅格系统、弹性盒布局进行详细的讲解。

重点:CSS3媒体查询的使用、掌握弹性盒布局。

难点:CSS3媒体查询的使用、掌握弹性盒布局。

采用的教学方法:案例讲解、实践操作

讲授学时:1学时

实践学时:1学时

（八）第7章 使用Bootstrap进行移动Web开发

7.1掌握Bootstrap的安装和配置

7.2掌握Bootstrap的布局工具

7.3掌握Bootstrap的样式工具

教学要求:Bootstrap是前端开发中应用非常广泛的框架，可以同时满足PC端和移动端的开发需求，并且移动优先。它最早是Twitter公司内部的一个工具，开源之后迅速得到了开发人员的认可。本章将针对使用Bootstrap框架进行Web开发进行详细的讲解。

重点:Bootstrap的安装和配置、Bootstrap的使用。

难点:Bootstrap的安装和配置、Bootstrap的使用。

采用的教学方法:案例讲解、实践操作

讲授学时:2学时

实践学时:2学时

（九）第8章 综合项目—黑马财富

8.1了解项目的整体结构

8.2能够参考教材完成项目代码

8.3掌握项目中使用的重点知识

教学要求:互联网发展至今，相信很多读者对“线上理财”并不陌生，传统的投资理财方式是用户去银行或者理财公司，通过业务员进行相应业务的办理，“线上理财”的实现方式是建立投资理财网站，可以让用户足不出户、在线了解相应的理财产品，并且自助办理相关业务。本章将带领读者完成一个模拟理财公司的网站首页的响应式页面，将其命名为“黑马财富”。

重点:Bootstrap响应式工具、Bootstrap布局容器、Bootstrap栅格系统、Bootstrap轮播图。难点:Bootstrap响应式工具、Bootstrap布局容器、Bootstrap栅格系统、Bootstrap轮播图。

采用的教学方法:案例讲解、实践操作

讲授学时:3学时

实践学时:3学时

三、 课程的预期学习成果

在本门课程结束时，学生应该能够:

1、熟悉电子商务的各种基本概念;

2、熟悉移动端页面布局和常用事件、跨平台的移动Web技术;

3、HTML5的移动Web技术;

4、掌握HTML5以及Bootstrap框架在移动Web开发中应用;

5、电子商务网站建设。

四、课程要求

（一）出勤

学生应积极参与课堂教学并完成相关的作业、实验内容。

（二）阅读资料

学生应认真进行课前预习，阅读教材和指定参考书及重要的参考文献。

（三）课堂展示

根据时间及课堂班人数，在可能的情况下安排小组实验课程讨论与效果演示。

（四）课外实践

本课程是理论与实验结合的课程，在理论课讲授后会有相关的实验操作。

（五）小考、期末考试

课堂随机问答、期末考试。

（六）课程论文

以平时作业为主，安排小案例实验作为期中检查。

（七）学术诚信

按中山大学南方学院相关规定执行。

（八）剽窃的定义以及相应的惩罚

剽窃是严重违反学校规章制度的行为。一经发现，将上报相关部门，并受到包括开除学籍在内的严厉处罚。

五、课程资料

（一）教科书-必读

《HTML5移动Web开发》黑马程序员 中国铁道出版社 第1版 2017年8月1

（二）教科书-强烈推荐

《电子商务概论--基础、案例与实训（微课版）》边云岗 人民邮电出版社 2020年2月

《电子商务基础与实务（双色版）》白东蕊 人民邮电出版社 2020年1月

（三）文章-必读

Bootstrap中文网https://www.bootcss.com/

https://v3.bootcss.com/

（四）文章-强烈推荐

Bootstrap中文网https://www.bootcss.com/

https://v3.bootcss.com/

（五）其他参考资料

中国国际电子商务中心https://ciecc.mofcom.gov.cn/

Bootstrap中文网https://www.bootcss.com/

https://v3.bootcss.com/

六、教学活动以及对于预期学习成果的评估

（一）教学活动

1、个人预习

2、课堂讲授

3、课堂问答

4、课后实验

5、综合实验

（二）对预期学习成果的考察

七、评估的程序和方法

（一）评分体系

1、出勤率: 10%

2、课堂参与: 加分

3、课后作业: 30%

4、课堂讨论: 10%

5、综合实验: 50%

（二）考试内容及要求

考试包含以下内容:

1、讨论部分

（1）了解电子商务基本知识及技能，核心能力2。；

（2）阅读材料，结合案例分析商务中的优势和劣势，核心能力2；

2、综合实践部分

（1）掌握电子商务基本知识及技能，具备使用WEB技术进行移动WEB开发的能力，核心能力2；

（2）具备使用移动网络资源进行移动商务推广的能力，核心能力2；

（3）能够以实际企业项目的形式，主动做好课前预习和课后实践，养成自主学习的意识和提高不断学习的能力，核心能力6。

（4）在教师的指导下，通过综合实验训练遵守职业规范和道德，训练严谨的专业学习及工作习惯，核心能力7。

八、教学进度计划表

注:此表一式三份，于开学两周内填好，一份送教务与科研部，一份开课单位留存，一份自留。