移動互聯(lián)網(wǎng)應(yīng)用開發(fā)教學(xué)大綱.doc

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