資源描述:
《移動(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