資源描述：
《移動(dòng)互聯(lián)網(wǎng)應(yīng)用開(kāi)發(fā)(webapp)課程教案》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、授課題目（教學(xué)章節(jié)或主題）第1課jQueryMobile介紹與開(kāi)發(fā)工具授課學(xué)時(shí)2課時(shí)授課時(shí)間授課地點(diǎn)實(shí)訓(xùn)機(jī)房教學(xué)目的熟悉jQueryMobile，快速開(kāi)發(fā)一個(gè)手機(jī)網(wǎng)站程序教學(xué)重點(diǎn)jQueryMobile文檔的查看方法教學(xué)難點(diǎn)jQueryMobile文檔的查看方法教學(xué)方法課堂講授、演示、學(xué)生實(shí)踐教學(xué)準(zhǔn)備教學(xué)ppt、預(yù)先做好的案例、互聯(lián)網(wǎng)上的官方資源的引用、相關(guān)開(kāi)發(fā)軟件的提供教學(xué)步驟、內(nèi)容、時(shí)間分配（分鐘）一、本課程安排、要求和成績(jī)組成（10分鐘）二、HTML5的特性介紹（15分鐘）三、jQueryMobile正課教學(xué)（20分鐘+45分鐘）3.
2、1jQueryMobile的基礎(chǔ)知識(shí)、版本介紹3.2SenchaTouch(ExtJS)介紹3.3如何引入jQuery文件3.4利用開(kāi)發(fā)環(huán)境（IDE）的提示工具簡(jiǎn)化開(kāi)發(fā)3.5如何查看官方文檔3.6把jQueryMobile項(xiàng)目部署到IIS或者Apache上面供手機(jī)瀏覽器調(diào)試討論、作業(yè)題、思考題為什么我們要用jQueryMobile或者sencha開(kāi)發(fā)手機(jī)網(wǎng)站？課后小結(jié)10授課題目（教學(xué)章節(jié)或主題）第2課jQueryMobile控件介紹授課學(xué)時(shí)2課時(shí)授課時(shí)間授課地點(diǎn)實(shí)訓(xùn)機(jī)房教學(xué)目的了解jQueryMobile有哪些常用組件以及如何它們?nèi)绾问褂?/p>
3、教學(xué)重點(diǎn)jQueryMobile文檔的查看方法教學(xué)難點(diǎn)jQueryMobile如何動(dòng)態(tài)獲取數(shù)據(jù)教學(xué)方法課堂講授、演示、學(xué)生實(shí)踐教學(xué)準(zhǔn)備教學(xué)ppt、互聯(lián)網(wǎng)上的官方資源教學(xué)步驟、內(nèi)容、時(shí)間分配（分鐘）一、Page元素、Header控件、Footer控件（15分鐘）二、button控件、Dialog控件（10分鐘）三、ListView控件（30分鐘）四、checkboxradio控件（10分鐘）五、NavBar控件（5分鐘）六、slider控件（5分鐘）七、collapsible控件（5分鐘）八、icon圖標(biāo)系列（5分鐘）九、theme主題（5分
4、鐘）十、歷史版本(10分鐘)討論、作業(yè)題、思考題如果決定jQueryMobile的官方樣式不夠好看，怎么辦？課后小結(jié)10授課題目（教學(xué)章節(jié)或主題）第3課數(shù)據(jù)提供程序：WebService授課學(xué)時(shí)2課時(shí)授課時(shí)間授課地點(diǎn)實(shí)訓(xùn)機(jī)房教學(xué)目的前面介紹了前臺(tái)jQueryMobile實(shí)現(xiàn)UI的呈現(xiàn)，本課介紹后臺(tái)數(shù)據(jù)的提供方法教學(xué)重點(diǎn)webService的配置與編寫(xiě)、json數(shù)據(jù)的格式化教學(xué)難點(diǎn)js同源策略對(duì)應(yīng)跨域請(qǐng)求的影響教學(xué)方法課堂講授、演示、學(xué)生實(shí)踐教學(xué)準(zhǔn)備教學(xué)ppt、webservice示例程序的準(zhǔn)備教學(xué)步驟、內(nèi)容、時(shí)間分配（分鐘）一、webser
5、vice、xml與json（5分鐘）二、利用.NET平臺(tái)實(shí)現(xiàn)webService的編寫(xiě)（75分鐘）2.1利用aspx頁(yè)面編寫(xiě)最簡(jiǎn)單的webservice（15分鐘）2.2建立傳統(tǒng)asmxwebservice（15分鐘）2.3建立wcfwebservice（15分鐘）2.4利用ashx實(shí)現(xiàn)webservice（20分鐘）2.5網(wǎng)絡(luò)安全要點(diǎn)：如何區(qū)分來(lái)自客戶(hù)端的請(qǐng)求和來(lái)自外掛的請(qǐng)求？（例子：微信紅包漏洞：利用外掛刷別人紅包）（10分鐘）2.6利用Token=MD5（TimeStamp+Key）的方式驗(yàn)證請(qǐng)求合法性（15分鐘）討論、作業(yè)題、思考題
6、一些大型API提供商都是如何驗(yàn)證請(qǐng)求有效性的？比如百度課后小結(jié)10授課題目（教學(xué)章節(jié)或主題）第4課PhoneGap介紹、PhoneGap開(kāi)發(fā)環(huán)境的搭建授課學(xué)時(shí)2課時(shí)授課時(shí)間授課地點(diǎn)實(shí)訓(xùn)機(jī)房教學(xué)目的了解PhoneGap的來(lái)源，了解各種不同的APP開(kāi)發(fā)的實(shí)現(xiàn)方式，清楚了解PhoneGap能做什么和不能做什么教學(xué)重點(diǎn)PhoneGap文檔的查看方法教學(xué)難點(diǎn)PhoneGap文檔的查看方法教學(xué)方法課堂講授、演示、學(xué)生實(shí)踐教學(xué)準(zhǔn)備教學(xué)ppt、使用PhoneGap預(yù)先做好的案例、互聯(lián)網(wǎng)上的官方資源的引用教學(xué)步驟、內(nèi)容、時(shí)間分配（分鐘）一、本課程安排、要求和
7、成績(jī)組成（5分鐘）二、HTML5的前世今生（10分鐘）三、正課教學(xué)（30分鐘）3.1PhoneGap的版本變遷3.2PhoneGap能做什么3.3案例演示3.4PhoneGap插件介紹、優(yōu)缺點(diǎn)3.5學(xué)會(huì)查看PhoneGap文檔四、PhoneGap環(huán)境的搭建步驟，獲取所有依賴(lài)組件（35分鐘）五、以命令行方式創(chuàng)建一個(gè)PhoneGap項(xiàng)目（5分鐘）六、以命令行方式調(diào)試一個(gè)PhoneGap項(xiàng)目（5分鐘）討論、作業(yè)題、思考題和原生（Native）開(kāi)發(fā)相比，基于HTML5的PhoneGap開(kāi)發(fā)有什么優(yōu)缺點(diǎn)？課后小結(jié)10授課題目（教學(xué)章節(jié)或主題）第5課獲
8、取GitHubPhoneGap插件，完成一個(gè)完整的手機(jī)APP項(xiàng)目授課學(xué)時(shí)2課時(shí)授課時(shí)間授課地點(diǎn)實(shí)訓(xùn)機(jī)房教學(xué)目的了解如何自行搭建PhoneGap開(kāi)發(fā)環(huán)境，盡快開(kāi)展項(xiàng)目教學(xué)重點(diǎn)Pho
