[電子商務]
本科課程教學大綱(理工醫(yī)類/電氣學院)
課程信息 | |||
開課單位 | 電氣與計算機工程學院 | 開課學年學期 | 2020-2021學年第1學期 |
授課年級 | 2018級 | 授課對象專業(yè) | 計算機科學與技術 |
課程學分 | 2 | 課程學時 | 36 |
課程性質(zhì) | ¨專業(yè)必修 t專業(yè)選修 ¨公共必修 ¨公共選修 ¨成長必修 ¨專業(yè)限選 ¨公共限選 | ||
先修課程要求 | |||
教師信息 | |||
授課教師 | 張鑒新、何偉宏,、左海春 | 聯(lián)系電話 | 13926195522 |
答疑地點 | 2教104 | 答疑時間 | 周三14:30-15:30 |
電子郵件 |
課程負責人:張鑒新 主 審:
一,、
課程描述及課程目標
(一)課程描述
《電子商務》是計算機專業(yè)的選修課程,從前端移動Web開發(fā)的角度合理選取教學內(nèi)容,,涉及內(nèi)容有移動互聯(lián)中的Web應用,、基于HTML5的移動Web技術、移動端頁面布局和常用事件,、跨平臺的移動Web技術等,。通過本課程的學習,學生能夠掌握HTML5以及Bootstrap框架在移動Web開發(fā)中應用,,在做案例過程中,,提高實踐操作能力。
(二)課程目標
本課程為計算機類專業(yè)的專業(yè)選修基礎課程,,要求學生能夠應用電子商務知識及技能解決實際問題,,通過本課程的學習,,學生應達到下列學習目標:
1.掌握電子商務基本知識及技能,具備使用WEB技術進行移動WEB開發(fā)的能力,,核心能力2。
2.了解本課程內(nèi)容及技能在行業(yè)企業(yè)中的實際應用,,核心能力6,。
3.能夠以實際企業(yè)項目的形式,主動做好課前預習和課后實踐,,養(yǎng)成自主學習的意識和提高不斷學習的能力,,核心能力6。
4.在教師的指導下,,通過綜合實驗訓練遵守職業(yè)規(guī)范和道德,,訓練嚴謹?shù)膶I(yè)學習及工作習慣,核心能力7,。
二,、 課程內(nèi)容
(一)第0章-前言 電子商務的概述
主要知識點:
1電子商務基本概念
2電子商務的產(chǎn)生與發(fā)展
3電子商務的框架與系統(tǒng)構成
4我國電子商務的外部環(huán)境
教學要求:通過本次課程的學習,使學生了解電子商務的基本概念和現(xiàn)有外部環(huán)境,,掌握電子商務的框架與系統(tǒng)構成,。
重點:電子商務基本概念,電子商務的框架與系統(tǒng)構成,。
難點:電子商務基本概念,,電子商務的框架與系統(tǒng)構成。
采用的教學方法:案例講解,、閱讀材料,、小組討論
講授學時:2學時
(二)第1章 移動互聯(lián)中的Web應用
1.1移動互聯(lián)網(wǎng)的發(fā)展
1.2了什么是移動Web開發(fā)
1.3移動端的Web瀏覽器
1.4基于HTML5的移動Web開發(fā)
教學要求:移動互聯(lián)網(wǎng)即移動通信和互聯(lián)網(wǎng)的結合體。使用者可以通過手機,、平板電腦等可移動數(shù)據(jù)終端與互聯(lián)網(wǎng)連接,,從而獲得互聯(lián)網(wǎng)中的海量資訊。移動Web開發(fā)因此得到了很好的發(fā)展,,作為新一代的Web技術標準,,HTML5標準定義的規(guī)范非常廣泛,本章將針對移動互聯(lián)中的Web應用進行詳細的介紹,。
重點:移動端的Web瀏覽器,。
難點:HTML5為移動Web開發(fā)提供的技術。
采用的教學方法:案例講解,、閱讀材料,、小組討論
講授學時:2學時
(三)第2章 基于HTML5的移動Web應用(上)
2.1了解什么是HTML5網(wǎng)絡存儲
2.2了解什么是移動Web離線應用
2.3熟悉localStorage和sessionStorage的區(qū)別
2.4掌握localStorage和sessionStorage的使用方法
2.5掌握Application Cache的使用方法
教學要求:HTML5是HTML4的升級版本,在HTML5中提供了很多新特性,,針對移動Web開發(fā)方面,,除了基本的語義化標簽等,,還提供了一些偏移動應用的功能,如本地存儲,、離線應用,、畫布、多媒體,、拖拽,、文件操作、地理定位等,。
重點:掌握localStorage和sessionStorage的使用方法,,掌握Application Cache的使用方法。
難點:掌握localStorage和sessionStorage的使用方法,,掌握Application Cache的使用方法,。
采用的教學方法:案例講解、實踐操作
講授學時:3學時
實踐學時:3學時
(四)第3章 基于HTML5的移動Web應用(下)
3.1掌握標簽和標簽的使用
3.2掌握Geolocation API的使用
3.3掌握HTML5的拖曳操作
3.4掌握文件操作
教學要求:本章將繼續(xù)講解基于HTML5的移動Web技術,,包括多媒體,、Geolocation地理定位、拖曳和文件操作,。
重點:
難點:
采用的教學方法:案例講解,、實踐操作
講授學時:2學時
實踐學時:2學時
(五)第4章 移動端頁面布局和常用事件
4.1了解什么是流式布局
4.2熟悉移動端的三種視口
4.3掌握使用標簽設置布局視口的方法
4.4掌握Touch事件的使用方法
4.5掌握過渡和動畫結束事件的使用方法
教學要求:目前多數(shù)移動設備都使用觸屏操作,,使得用戶逐漸擺脫了鍵盤和鼠標操作的束縛,人機交互更加方便,。這不僅體現(xiàn)在強大和多樣化的APP應用程序上,,移動Web應用程序同樣也由于觸摸屏的興起而變得更加豐富多彩,本章將針對移動Web開發(fā)應用的流式布局移動端的視口和常用事件進行詳細的講解,。
重點:掌握使用標簽設置布局視口的方法,、掌握Touch事件的使用方法、掌握過渡和動畫結束事件的使用方法,。
難點:掌握使用標簽設置布局視口的方法,、掌握Touch事件的使用方法、掌握過渡和動畫結束事件的使用方法。
采用的教學方法:案例講解,、實踐操作
講授學時:1學時
實踐學時:1學時
(六)第5章 綜合項目—黑馬掌上商城
5.1了解項目的整體結構
5.2能夠參考教材完成項目代碼
5.3掌握項目中使用的重點知識
教學要求:互聯(lián)網(wǎng)發(fā)展至今,,相信很多讀者對“網(wǎng)上購物”并不陌生,本章將帶領讀者完成一個模擬網(wǎng)上商城的移動端項目,,將其命名為“黑馬掌上商城”,。
重點:視口和流式布局、移動端事件,、過渡和動畫結束事件,、Gesture事件、全屏單頁面布局,、Zepto.js的使用。
難點:視口和流式布局,、移動端事件,、過渡和動畫結束事件、Gesture事件,、全屏單頁面布局,、Zepto.js的使用。
采用的教學方法:案例講解,、實踐操作
講授學時:3學時
實踐學時:3學時
(七)第6章 跨平臺移動Web技術
6.1了解什么是響應式Web設計
6.2掌握CSS3媒體查詢的使用
6.3熟悉什么是柵格系統(tǒng)
6.4掌握彈性盒布局
教學要求:在Web開發(fā)中,,一切的技術實現(xiàn)都是圍繞用戶體驗來展開的,,如果網(wǎng)站在不同的設備上可以有相似的用戶體驗,,作為用戶,一定會對這個產(chǎn)品好感度倍增,。那么實現(xiàn)相似的用戶體驗是不是就要針對不同設備分別開發(fā)一套產(chǎn)品?跨平臺移動Web技術會給我們想要的答案,。本章將針對跨平臺Web技術:響應式Web設計、媒體查詢,、柵格系統(tǒng),、彈性盒布局進行詳細的講解。
重點:CSS3媒體查詢的使用,、掌握彈性盒布局,。
難點:CSS3媒體查詢的使用、掌握彈性盒布局,。
采用的教學方法:案例講解,、實踐操作
講授學時:1學時
實踐學時:1學時
(八)第7章 使用Bootstrap進行移動Web開發(fā)
7.1掌握Bootstrap的安裝和配置
7.2掌握Bootstrap的布局工具
7.3掌握Bootstrap的樣式工具
教學要求:Bootstrap是前端開發(fā)中應用非常廣泛的框架,可以同時滿足PC端和移動端的開發(fā)需求,,并且移動優(yōu)先,。它最早是Twitter公司內(nèi)部的一個工具,開源之后迅速得到了開發(fā)人員的認可。本章將針對使用Bootstrap框架進行Web開發(fā)進行詳細的講解,。
重點:Bootstrap的安裝和配置,、Bootstrap的使用。
難點:Bootstrap的安裝和配置,、Bootstrap的使用,。
采用的教學方法:案例講解、實踐操作
講授學時:2學時
實踐學時:2學時
(九)第8章 綜合項目—黑馬財富
8.1了解項目的整體結構
8.2能夠參考教材完成項目代碼
8.3掌握項目中使用的重點知識
教學要求:互聯(lián)網(wǎng)發(fā)展至今,,相信很多讀者對“線上理財”并不陌生,,傳統(tǒng)的投資理財方式是用戶去銀行或者理財公司,通過業(yè)務員進行相應業(yè)務的辦理,,“線上理財”的實現(xiàn)方式是建立投資理財網(wǎng)站,,可以讓用戶足不出戶、在線了解相應的理財產(chǎn)品,,并且自助辦理相關業(yè)務,。本章將帶領讀者完成一個模擬理財公司的網(wǎng)站首頁的響應式頁面,將其命名為“黑馬財富”,。
重點:Bootstrap響應式工具,、Bootstrap布局容器、Bootstrap柵格系統(tǒng),、Bootstrap輪播圖,。難點:Bootstrap響應式工具、Bootstrap布局容器,、Bootstrap柵格系統(tǒng),、Bootstrap輪播圖,。
采用的教學方法:案例講解,、實踐操作
講授學時:3學時
實踐學時:3學時
三、 課程的預期學習成果
在本門課程結束時,,學生應該能夠:
1,、熟悉電子商務的各種基本概念;
2、熟悉移動端頁面布局和常用事件,、跨平臺的移動Web技術;
3,、HTML5的移動Web技術;
4、掌握HTML5以及Bootstrap框架在移動Web開發(fā)中應用;
5,、電子商務網(wǎng)站建設,。
四、課程要求
(一)出勤
學生應積極參與課堂教學并完成相關的作業(yè),、實驗內(nèi)容,。
(二)閱讀資料
學生應認真進行課前預習,閱讀教材和指定參考書及重要的參考文獻。
(三)課堂展示
根據(jù)時間及課堂班人數(shù),,在可能的情況下安排小組實驗課程討論與效果演示,。
(四)課外實踐
本課程是理論與實驗結合的課程,在理論課講授后會有相關的實驗操作,。
(五)小考,、期末考試
課堂隨機問答、期末考試,。
(六)課程論文
以平時作業(yè)為主,,安排小案例實驗作為期中檢查。
(七)學術誠信
按中山大學南方學院相關規(guī)定執(zhí)行,。
(八)剽竊的定義以及相應的懲罰
剽竊是嚴重違反學校規(guī)章制度的行為,。一經(jīng)發(fā)現(xiàn),將上報相關部門,,并受到包括開除學籍在內(nèi)的嚴厲處罰,。
五、課程資料
(一)教科書-必讀
《HTML5移動Web開發(fā)》黑馬程序員 中國鐵道出版社 第1版 2017年8月1
(二)教科書-強烈推薦
《電子商務概論--基礎,、案例與實訓(微課版)》邊云崗 人民郵電出版社 2020年2月
《電子商務基礎與實務(雙色版)》白東蕊 人民郵電出版社 2020年1月
(三)文章-必讀
Bootstrap中文網(wǎng)https://www.bootcss.com/
https://v3.bootcss.com/
(四)文章-強烈推薦
Bootstrap中文網(wǎng)https://www.bootcss.com/
https://v3.bootcss.com/
(五)其他參考資料
中國國際電子商務中心https://ciecc.mofcom.gov.cn/
Bootstrap中文網(wǎng)https://www.bootcss.com/
https://v3.bootcss.com/
六,、教學活動以及對于預期學習成果的評估
預期學習成果 | 教學活動 | 學習成果考察內(nèi)容:作業(yè)/課程實驗 |
第0章-前言 電子商務的概述 | 1, 2,,3 | |
第1章 移動互聯(lián)中的Web應用 | 1,2,3,4,5 | |
第2章 基于HTML5的移動Web應用(上) | 1,2,3,4,5 | 實驗:本地存儲localstorage,、離線應用,、HTML5畫布 |
第3章 基于HTML5的移動Web應用(下) | 1,2,3,4,5 | 實驗: 視頻,、音頻、文件操作 |
第4章 移動端頁面布局 | 1,2,3,4,5 | 和常用事件 實驗:移動端布局 |
第5章 綜合項目—黑馬掌上商城 | 1,2,3,4,5 | 實驗:商城首頁,、商品分類頁,、購物車 |
第6章 跨平臺移動Web技術 | 1,2,3,4,5 | 實驗:響應式WEB設計 |
第7章 使用Bootstrap進行移動Web開發(fā) | 1,2,3,4,5 | 實驗:Bootstrap常用布局、常用樣式 |
第8章 綜合項目—黑馬財富
| 1,2,3,4,5 | 實驗:黑馬財富:首頁,、頂部通欄,、導航欄模塊、輪播圖模塊,、信息和預約模塊,、產(chǎn)品模塊、新聞和合作伙伴模塊 |
七,、評估的程序和方法
1,、出勤率: 10%
2、課堂參與: 加分
3、課后作業(yè): 30%
4,、課堂討論: 10%
5,、綜合實驗: 50%
(二)考試內(nèi)容及要求
考試包含以下內(nèi)容:
1、討論部分
(1)了解電子商務基本知識及技能,,核心能力2,。;
(2)閱讀材料,,結合案例分析商務中的優(yōu)勢和劣勢,,核心能力2;
2,、綜合實踐部分
(1)掌握電子商務基本知識及技能,,具備使用WEB技術進行移動WEB開發(fā)的能力,核心能力2,;
(2)具備使用移動網(wǎng)絡資源進行移動商務推廣的能力,,核心能力2;
(3)能夠以實際企業(yè)項目的形式,,主動做好課前預習和課后實踐,,養(yǎng)成自主學習的意識和提高不斷學習的能力,核心能力6,。
(4)在教師的指導下,,通過綜合實驗訓練遵守職業(yè)規(guī)范和道德,訓練嚴謹?shù)膶I(yè)學習及工作習慣,,核心能力7,。
八、教學進度計劃表
周次 | 課程要點 | 理論學時 | 實驗學時 | 習題學時 |
1 | 理論:第0章-前言 電子商務的概述 | 2 | ||
2 | 理論:第1章 移動互聯(lián)中的Web應用 | 2 | ||
3 | 理論:第2章 基于HTML5的移動Web應用(上) 實驗:本地存儲localstorage | 1 | 1 | |
4 | 理論:第2章 基于HTML5的移動Web應用(上) 實驗:離線應用 | 1 | 1 | |
5 | 理論:第2章 基于HTML5的移動Web應用(上) 實驗:HTML5畫布 | 1 | 1 | |
6 | 理論:第3章 基于HTML5的移動Web應用(下) 實驗: 視頻,、音頻 | 1 | 1 | |
7 | 理論:第3章 基于HTML5的移動Web應用(下) 實驗:文件操作 | 1 | 1 | |
8 | 理論:第4章 移動端頁面布局和常用事件 實驗:移動端布局 | 1 | 1 | |
9 | 理論:第5章 綜合項目—黑馬掌上商城 實驗:商城首頁 | 1 | 1 | |
10 | 理論:第5章 綜合項目—黑馬掌上商城 實驗:商品分類頁 | 1 | 1 | |
11 | 理論:第5章 綜合項目—黑馬掌上商城 實驗:購物車 | 1 | 1 | |
12 | 理論:第6章 跨平臺移動Web技術 實驗:響應式WEB設計 | 1 | 1 | |
13 | 理論:第7章 使用Bootstrap進行移動Web開發(fā) 實驗:Bootstrap常用布局 | 1 | 1 | |
14 | 理論:第7章 使用Bootstrap進行移動Web開發(fā) 實驗:Bootstrap常用樣式 | 1 | 1 | |
15 | 理論:第8章 綜合項目—黑馬財富 實驗:黑馬財富:首頁,、頂部通欄 | 1 | 1 | |
16 | 理論:第8章 綜合項目—黑馬財富 實驗:黑馬財富:導航欄模塊、輪播圖模塊 | 1 | 1 | |
17 | 理論:第8章 綜合項目—黑馬財富 實驗:信息和預約模塊,、產(chǎn)品模塊,、新聞和合作伙伴模塊 | 1 | 1 | |
18 | 期末作品檢查 | 2 | ||
19 | ||||
20 | ||||
總學時 | 19 | 17 |
注:此表一式三份,于開學兩周內(nèi)填好,,一份送教務與科研部,,一份開課單位留存,一份自留,。