移動(dòng)互聯(lián)網(wǎng)應(yīng)用開發(fā)課程教學(xué)大綱課程名稱：移動(dòng)互聯(lián)網(wǎng)應(yīng)用開發(fā)學(xué)分及學(xué)時(shí)：2學(xué)分 36學(xué)時(shí)適用專業(yè)：物聯(lián)網(wǎng)工程開課學(xué)期：第六學(xué)期開課部門：計(jì)算機(jī)與互聯(lián)網(wǎng)學(xué)院先修課程：計(jì)算機(jī)網(wǎng)絡(luò)原理考核要求：考試使用教材及主要參考書：移動(dòng)Web開發(fā)實(shí)戰(zhàn)，管西京編，上海交通大學(xué)出版社。一、課程性質(zhì)和任務(wù)通過系統(tǒng)的理論學(xué)習(xí)和實(shí)踐，使學(xué)生掌握移動(dòng)Web基本知識(shí)；掌握HTML5新技術(shù)特性在表單使用、音頻和視頻應(yīng)用、Canvas繪圖、數(shù)據(jù)存儲(chǔ)以及文件操作處理方面的應(yīng)用；掌握初步的實(shí)驗(yàn)技能，培養(yǎng)學(xué)生的科學(xué)思維能力、分析計(jì)算能力、實(shí)驗(yàn)研究能力和科學(xué)歸納能力解決問題的能力，為學(xué)習(xí)后續(xù)課程準(zhǔn)備必要知識(shí)。二、課程教學(xué)目的與要求本課程采用多媒體教學(xué)與板書教學(xué)相結(jié)合的教學(xué)手段，課程講授與啟案例教學(xué)、課堂討論、解釋實(shí)際現(xiàn)象、撰寫課程論文等多種教學(xué)方式結(jié)合，實(shí)行互動(dòng)研究型教學(xué)，重點(diǎn)培養(yǎng)學(xué)生的理論素養(yǎng)。因此，本課程要求課前必須閱讀教材的相關(guān)部分和參考文獻(xiàn)；課上主動(dòng)參與討論；課后按時(shí)完成布置的作業(yè)，積極進(jìn)行教學(xué)互動(dòng)交流。三、課程學(xué)時(shí)分配章序課程內(nèi)容（章題）學(xué)時(shí)一Web開發(fā)標(biāo)準(zhǔn)于網(wǎng)頁網(wǎng)站制作介紹2二Web開發(fā)技術(shù)基礎(chǔ)3三打造移動(dòng)Web應(yīng)用程序3四HTML5在移動(dòng)設(shè)備中4五使用表單元素3六音頻和視頻應(yīng)用3七Canvas繪圖詳解4八數(shù)據(jù)存儲(chǔ)3九文件操作處理3十jQuery Mobile 基礎(chǔ)4十一頁面數(shù)據(jù)離線處理2十二使用PhoneGap框架2四、課程教學(xué)中應(yīng)注意的問題對(duì)物聯(lián)網(wǎng)專業(yè)的學(xué)生，盡量補(bǔ)充課本以外的知識(shí)點(diǎn)，幫助學(xué)生們拓展物流的視野，夯實(shí)專業(yè)基本功。五、課程教學(xué)內(nèi)容（一）Web開發(fā)標(biāo)準(zhǔn)于網(wǎng)頁網(wǎng)站制作介紹1、基本內(nèi)容：Web開發(fā)標(biāo)準(zhǔn)、CSS網(wǎng)頁布局標(biāo)準(zhǔn)、網(wǎng)頁的基本構(gòu)成元素。2、教學(xué)要求：通過本章的學(xué)習(xí)，學(xué)生正確了解Web開發(fā)標(biāo)準(zhǔn)、SS網(wǎng)頁布局標(biāo)準(zhǔn)；掌握網(wǎng)頁的基本構(gòu)成元素。3、重點(diǎn)、難點(diǎn)：網(wǎng)頁的基本構(gòu)成元素。4、教學(xué)建議：課堂講授為主，上機(jī)與多媒體課件相結(jié)合，布置課后習(xí)題或課堂練習(xí)考查知識(shí)點(diǎn)掌握情況。（二）Web開發(fā)技術(shù)基礎(chǔ)1、基本內(nèi)容： 網(wǎng)頁三劍客。2、教學(xué)要求：通過本章的學(xué)習(xí)，要求學(xué)生掌握網(wǎng)頁三劍客。3、重點(diǎn)、難點(diǎn)：本章的重點(diǎn)網(wǎng)頁三劍客。4、教學(xué)建議：讓學(xué)生掌握網(wǎng)頁三劍客。（三）打造移動(dòng)Web應(yīng)用程序1、基本內(nèi)容：推理的相關(guān)知識(shí)、概念、分類、邏輯基礎(chǔ)、證據(jù)理論。2、教學(xué)要求：通過本章的學(xué)習(xí)，要求學(xué)生理了解開發(fā)移動(dòng)Web應(yīng)用程序的流程；能熟練運(yùn)用Android開發(fā)環(huán)境的搭建。3、重點(diǎn)、難點(diǎn)：Android開發(fā)環(huán)境的搭建。4、教學(xué)建議：本章以上機(jī)課為主，利用案例進(jìn)行授課。 （四）HTML5在移動(dòng)設(shè)備中1、基本內(nèi)容：HTML5的新特新、用HTML5設(shè)計(jì)移動(dòng)網(wǎng)站前的準(zhǔn)備、將站點(diǎn)升級(jí)至HTML5等知識(shí)。2、教學(xué)要求：通過本章的學(xué)習(xí)，要求學(xué)生掌握HTML5全新功能3、重點(diǎn)、難點(diǎn)：HTML5全新功能。4、教學(xué)建議：本章應(yīng)用圖文結(jié)合的方式，案例進(jìn)行授課。（五）使用表單元素1、基本內(nèi)容：表單元素的類型、屬性。2、教學(xué)要求：通過本章的學(xué)習(xí)，使學(xué)生用表單實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁的基礎(chǔ)。3、重點(diǎn)、難點(diǎn)：表單元素。4、教學(xué)建議：本章應(yīng)用圖文結(jié)合的方式，案例進(jìn)行授課。（六）音頻和視頻應(yīng)用1、基本內(nèi)容：HTML5頁面中實(shí)現(xiàn)播放音頻和視頻。2、教學(xué)要求：通過本章的學(xué)習(xí)，要求學(xué)生掌握HTML5頁面中實(shí)現(xiàn)播放音頻和視頻。3、重點(diǎn)、難點(diǎn)：本章的重點(diǎn)處理音頻和視頻。4、教學(xué)建議：本章應(yīng)用圖文結(jié)合的方式，案例進(jìn)行授課。（七）Canvas繪圖詳解1、基本內(nèi)容：Canvas繪圖。2、教學(xué)要求：使學(xué)生較好地掌握蟻HTML5頁面中繪制圖形圖像。3、重點(diǎn)、難點(diǎn)：Canvas繪圖。4、教學(xué)建議：本章應(yīng)用圖文結(jié)合的方式，案例進(jìn)行授課。（八）數(shù)據(jù)存儲(chǔ)1、教學(xué)基本內(nèi)容：WEB存儲(chǔ)概述、WebStorage存儲(chǔ)方式、WebDB存儲(chǔ)方式。2、教學(xué)基本要求：了解WEB存儲(chǔ)概述，探討WebStorage存儲(chǔ)方式、WebDB存儲(chǔ)方式。 3、教學(xué)重點(diǎn)難點(diǎn)：WebStorage存儲(chǔ)方式、WebDB存儲(chǔ)方式。4、教學(xué)建議：本章應(yīng)用圖文結(jié)合的方式，案例進(jìn)行授課。（九）文件操作處理1、教學(xué)基本內(nèi)容：文件操作基礎(chǔ)知識(shí)。2、教學(xué)基本要求：了解HTML5中文件操作。3、教學(xué)重點(diǎn)難點(diǎn)：HTML5中文件操作。4、教學(xué)建議：本章應(yīng)用圖文結(jié)合的方式，案例進(jìn)行授課。（十）jQuery Mobile 基礎(chǔ)1、教學(xué)基本內(nèi)容：jQuery Mobile 基礎(chǔ)。2、教學(xué)基本要求：了解jQuery Mobile 基礎(chǔ)。3、教學(xué)重點(diǎn)難點(diǎn)：jQuery Mobile 基礎(chǔ)。4、教學(xué)建議：本章應(yīng)用圖文結(jié)合的方式，案例進(jìn)行授課。（十一）頁面數(shù)據(jù)離線處理1、教學(xué)基本內(nèi)容：離線應(yīng)用基礎(chǔ)、檢測本地緩存的更新狀態(tài)。2、教學(xué)基本要求：了解離線應(yīng)用基礎(chǔ)。3、教學(xué)重點(diǎn)難點(diǎn)：離線應(yīng)用。4、教學(xué)建議：本章應(yīng)用圖文結(jié)合的方式，案例進(jìn)行授課。（十二）使用PhoneGap框架1、教學(xué)基本內(nèi)容：PhoneGap簡介、深入認(rèn)識(shí)PhoneGap的優(yōu)缺點(diǎn)。2、教學(xué)基本要求：了解PhoneGap簡介。3、教學(xué)重點(diǎn)難點(diǎn)：PhoneGap框架。4、教學(xué)建議：本章應(yīng)用圖文結(jié)合的方式，案例進(jìn)行授課。 撰 寫 人：胡金萍審 核 人：學(xué)院院長： 移動(dòng)互聯(lián)網(wǎng)應(yīng)用開發(fā)實(shí)驗(yàn)教學(xué)大綱課程名稱：移動(dòng)互聯(lián)網(wǎng)應(yīng)用開發(fā)課程屬性：限選實(shí)驗(yàn)屬性：非獨(dú)立設(shè)課適用專業(yè)：物聯(lián)網(wǎng)工程學(xué)分及學(xué)時(shí)時(shí)：2學(xué)分 36學(xué)時(shí) 應(yīng)開實(shí)驗(yàn)學(xué)期：第六學(xué)期應(yīng)開實(shí)驗(yàn)項(xiàng)目數(shù)：7實(shí)驗(yàn)類型：綜合性、驗(yàn)證性一、本門課程實(shí)驗(yàn)的目的與要求移動(dòng)互聯(lián)網(wǎng)應(yīng)用開發(fā)授課對(duì)象物聯(lián)網(wǎng)工程及計(jì)算機(jī)相關(guān)專業(yè)的本科學(xué)生。通過本課程學(xué)習(xí)，使學(xué)生能熟練運(yùn)用HTML5語言；利用Dreamweaver軟件進(jìn)行網(wǎng)站的創(chuàng)建、網(wǎng)頁的布局、網(wǎng)頁的編輯；利用fireworks軟件設(shè)計(jì)網(wǎng)頁界面，利用Flash設(shè)計(jì)網(wǎng)頁動(dòng)畫特效，能夠?qū)ζ髽I(yè)建站項(xiàng)目進(jìn)行策劃、建設(shè)、維護(hù)和管理，能獨(dú)立設(shè)計(jì)各類網(wǎng)站，并且通過學(xué)習(xí)可以獲得從事網(wǎng)頁編輯、網(wǎng)站策劃、網(wǎng)絡(luò)美工創(chuàng)作、動(dòng)漫設(shè)計(jì)、網(wǎng)站程序開發(fā)、信息編輯、網(wǎng)絡(luò)廣告設(shè)計(jì)等工作的相應(yīng)技能。培養(yǎng)學(xué)生網(wǎng)頁設(shè)計(jì)和基本制作能力。 了解網(wǎng)頁制作和網(wǎng)站建設(shè)所需的基本知識(shí)，理解HTML5語言和CSS樣式個(gè)屬性以及JavaScript語言的基本知識(shí)，掌握網(wǎng)頁制作和網(wǎng)站建設(shè)所需的基本技能。根據(jù)任務(wù)需求能夠建立客戶端的的動(dòng)態(tài)網(wǎng)頁和網(wǎng)站。能自行設(shè)計(jì)各種網(wǎng)頁、編輯一定的平面圖象、網(wǎng)絡(luò)動(dòng)畫，并最終設(shè)計(jì)一個(gè)綜合性的網(wǎng)站且編制簡單的腳本上傳到互聯(lián)網(wǎng)上。 熟練掌握運(yùn)用Dreamweaver網(wǎng)頁制作軟件制作網(wǎng)頁、特別是制作動(dòng)態(tài)網(wǎng)頁的方法，掌握運(yùn)用Fireworks圖像處理軟件進(jìn)行網(wǎng)頁中圖形制作和運(yùn)用flash動(dòng)畫制作軟件設(shè)計(jì)網(wǎng)頁中動(dòng)畫的方法，進(jìn)而掌握將這三個(gè)軟件互相配合，完成網(wǎng)頁設(shè)計(jì)與制作任務(wù)的方法。移動(dòng)互聯(lián)網(wǎng)應(yīng)用開發(fā)實(shí)驗(yàn)項(xiàng)目一覽表實(shí)驗(yàn)序號(hào)實(shí)驗(yàn)項(xiàng)目名稱實(shí)驗(yàn)類型實(shí)驗(yàn)要求實(shí)驗(yàn)學(xué)時(shí)每組人數(shù)備注實(shí)驗(yàn)