Web前端應(yīng)用開發(fā)項目式教程（基于uni-app框架） 教案-教學(xué)設(shè)計 任務(wù)11　項目部署與發(fā)布

教學(xué)整體設(shè)計任務(wù)名稱任務(wù)11項目部署與發(fā)布開課學(xué)期第3學(xué)期課程類型專業(yè)核心課授課班級授課學(xué)時2學(xué)時授課地點研討型智慧實訓(xùn)室授課形式理實一體教學(xué)內(nèi)容本任務(wù)將使用HBuilderX完成“啟嘉校園”項目的發(fā)布，以發(fā)布到H5和微信小程序為例，講解uni-app項目發(fā)布的操作步驟和相關(guān)注意事項。教學(xué)目標(biāo)素質(zhì)目標(biāo)1.通過講解uni-app項目發(fā)布，培養(yǎng)學(xué)習(xí)者的目標(biāo)導(dǎo)向和執(zhí)行力，能夠堅定不移的執(zhí)行計劃，確保任務(wù)圓滿完成。2.通過講解uni-app多終端發(fā)布，提高學(xué)習(xí)者遵守規(guī)則的意識，培養(yǎng)良好的開發(fā)習(xí)慣。知識目標(biāo)1.了解uni-app項目發(fā)布流程。2.掌握uni-app項目的配置方法。3.掌握HBuilderX打包項目的方法。4.掌握云服務(wù)部署H5項目的方法。5.掌握uni-app項目發(fā)布到微信小程序的方法。能力目標(biāo)1.能夠使用HBuilderX發(fā)布uni-app項目到H5。2.能夠使用HBuilderX發(fā)布uni-app項目到微信小程序。學(xué)情分析知識基礎(chǔ)1.已熟悉軟件開發(fā)的基本流程。2.已掌握uni-app開發(fā)微信小程序的必備知識。技能基礎(chǔ)1.已具備編程和測試的基本能力。2.已具備使用uni-app實現(xiàn)微信小程序簡單業(yè)務(wù)邏輯的能力。學(xué)習(xí)特點與訴求1.初步掌握了編碼與測試的方法，希望得到更多的練習(xí)。2.在項目已完成的基礎(chǔ)上，希望進行項目的部署與發(fā)布，完成項目的全流程工作。教學(xué)重點1.使用HBuilderX打包項目。2.使用HBuilderX發(fā)布uni-app項目到H5。3.使用HBuilderX發(fā)布uni-app項目到微信小程序。教學(xué)難點1.使用HBuilderX發(fā)布uni-app項目到微信小程序。教學(xué)策略教學(xué)方式方法1.任務(wù)驅(qū)動教學(xué)。2.組隊討論教學(xué)。3.啟發(fā)式教學(xué)。4.理實一體化教學(xué)。教學(xué)團隊1.企業(yè)工程師與校內(nèi)專任教師共同開發(fā)課程項目、構(gòu)造任務(wù)場景、設(shè)計教學(xué)實施過程、設(shè)計融入思政的課程評價體系并開展多元評價。2.校內(nèi)教師重點負責(zé)課堂過程中的項目講解與項目實施。3.企業(yè)工程師在個別環(huán)節(jié)（如項目驗收等）參與雙師授課。4.企業(yè)工程師負責(zé)對項目完成情況給予工程化評價。5.學(xué)生助教負責(zé)協(xié)助教師開展課前及課后的拓展任務(wù)等。教學(xué)資源使用本書配套文檔、素材等資源教學(xué)評價

二、教學(xué)實施過程教學(xué)過程（一）課前1.以預(yù)習(xí)培養(yǎng)學(xué)生自主學(xué)習(xí)能力通過布置課前任務(wù)“了解HBuilderX多端發(fā)布的相關(guān)知識”，鍛煉學(xué)生自主檢索、善于觀察和總結(jié)規(guī)律的能力；培養(yǎng)學(xué)生熱愛鉆研、勤學(xué)好問的好習(xí)慣。2.以測驗促進課堂提質(zhì)增效通過布置軟件開發(fā)、測試、部署的相關(guān)理論知識測驗，教師可以更好地了解學(xué)生前期基礎(chǔ)知識的學(xué)習(xí)掌握情況，了解學(xué)生預(yù)習(xí)的效果，總結(jié)提煉重難點知識，從而在課堂上進行更有針對性的講解和討論，提高教學(xué)質(zhì)量和效果。教師活動學(xué)生活動1.發(fā)布任務(wù)。通過職教云或其他線上教學(xué)平臺發(fā)布預(yù)習(xí)任務(wù)：（1）了解HBuilderX多端發(fā)布的相關(guān)知識。2.發(fā)布測驗。通過職教云或其他線上教學(xué)平臺發(fā)布異步數(shù)據(jù)請求的相關(guān)知識測驗。3.發(fā)布資料。通過職教云發(fā)布微課視頻、PPT課件、虛擬仿真等學(xué)習(xí)資源。4.批閱任務(wù)。分析知識測驗結(jié)果，梳理重難點知識。1.課前預(yù)習(xí)。通過微課和課件自主學(xué)習(xí)了解HBuilderX多端發(fā)布的相關(guān)知識。2.基礎(chǔ)測驗。通過職教云完成教師發(fā)布的數(shù)據(jù)請求相關(guān)知識的測驗，并整理易錯題，寫好技術(shù)筆記。3.資料學(xué)習(xí)。學(xué)習(xí)教師推動的視頻、PPT、虛擬仿真、知識圖譜拓展閱讀等，有問題同學(xué)可通過平臺在留言板留言進行提問。（二）課中1.課程教學(xué)設(shè)計遵循學(xué)生的技能成長規(guī)律和學(xué)習(xí)規(guī)律，緊密結(jié)合HBuilderX發(fā)布與部署uni-app項目的實際工作過程，進行系統(tǒng)性的教學(xué)設(shè)計，構(gòu)造“情景項目導(dǎo)入、漸進任務(wù)分解、組隊任務(wù)執(zhí)行、多元技能測評、凝練項目總結(jié)、激發(fā)構(gòu)想延展”六步教學(xué)實施過程，確保學(xué)生能夠體驗真實的工作場景，通過循序漸進的任務(wù)開發(fā)，鍛煉學(xué)生項目發(fā)布與部署的實操技能和職業(yè)素養(yǎng)，保證教學(xué)過程與工作一致，教學(xué)評價與企業(yè)評價一致。教學(xué)過程中采用雙師教學(xué)、頭腦風(fēng)暴、組隊開發(fā)、學(xué)生助教輔導(dǎo)等特色環(huán)節(jié)組織教學(xué)，充分發(fā)揮企業(yè)工程師、教師和學(xué)生的優(yōu)勢，結(jié)合利用現(xiàn)代信息技術(shù)平臺“職教云”輔助教學(xué)，激發(fā)教師授課激情、點燃學(xué)生學(xué)習(xí)熱情、提高課堂授課效果。2.思政教學(xué)設(shè)計本課程的思政教學(xué)設(shè)計滲透于每個任務(wù)的描述、素養(yǎng)目標(biāo)、關(guān)鍵代碼的名師解惑、課上教學(xué)設(shè)計、課下任務(wù)拓展等多個環(huán)節(jié)，從而循序漸進、滲透式、全方位地落實思政教育“進教材、進課堂、進頭腦”。借助本章的知識儲備和任務(wù)實施環(huán)節(jié)的教學(xué)內(nèi)容和教學(xué)設(shè)計培養(yǎng)學(xué)生“自主學(xué)習(xí)、勤于思考、嚴(yán)謹細致”的職業(yè)素養(yǎng)；通過對國產(chǎn)軟件工具的使用培養(yǎng)學(xué)生“文化自信、技術(shù)強國”的愛國主義精神。教學(xué)環(huán)節(jié)教師活動學(xué)生活動第1學(xué)時情景導(dǎo)入與任務(wù)描述(5分鐘)1.問題式導(dǎo)入：（1）請同學(xué)們說出，軟件開發(fā)、測試完成后接下來的工作是什么？（2）你認為項目部署工作都包括哪些內(nèi)容嗎？2.發(fā)起課堂討論，并點評學(xué)生回答的問題。1.跟隨著老師的提問思考問題。2.小組討論，項目部署都包括哪些操作。3.總結(jié)本組討論的結(jié)果，參與課堂討論。知識儲備講解(10分鐘)1.邊演示邊講解uni-app發(fā)布項目的流程。（1）發(fā)布流程講解。（2）通過流程圖或者思維導(dǎo)圖介紹實現(xiàn)邏輯，解決重難點問題。（3）關(guān)鍵代碼演示。（4）指導(dǎo)學(xué)生仿作。（5）個別問題單獨輔導(dǎo)，普遍問題集中講解。1.聽教師講解知識。2.理解實現(xiàn)邏輯。3.根據(jù)教師的講解，熟悉發(fā)布流程中的各個操作。4.遇到問題，請教老師或同學(xué)。5.易錯點整理筆記。任務(wù)實施(30分鐘)1.講解并演示發(fā)布到H5端的操作流程。配置項目信息——>打包項目——>部署項目2.教學(xué)難點：路由配置的兩種模式（1）history模式（2）hash模式通過實例演示和動畫模擬，解決教學(xué)難點3.發(fā)布任務(wù)：要求學(xué)生完成H5項目的發(fā)布操作。4.現(xiàn)場驗收學(xué)生的實踐成果。5.對操作錯誤或者不完善的地方教師進行補充說。1.認真聽取教師講課。2.動手實踐。3.驗收成果。4.修改錯誤，查漏補缺。5.整理技術(shù)筆記。第2學(xué)時任務(wù)實施(30分鐘)1.講解并演示發(fā)布到微信小程序端的操作流程。部署后端服務(wù)——>發(fā)布項目2.教學(xué)難點：手動發(fā)布和自動發(fā)布的差別。通過實例演示解決教學(xué)難點3.發(fā)布任務(wù)：要求學(xué)生完成微信小程序端的發(fā)布操作。4.現(xiàn)場驗收學(xué)生的實踐成果。5.對操作錯誤或者不完善的地方教師進行補充說。1.認真聽取教師講課。2.動手實踐。3.驗收成果。4.認真聽取教師對作業(yè)的點評。5.整理筆記，記錄易錯點。任務(wù)測試與評價(15分鐘)1.任務(wù)評分。企業(yè)教師和授課教師對學(xué)生整體任務(wù)實施情況，測試情況進行評分。同時引導(dǎo)學(xué)生進行組內(nèi)評分，組間互評。2.教師點評。企業(yè)教師和授課教師分別對班級內(nèi)評分最高的2組，及評分較低的2組進行點評，指出本次任務(wù)中，同學(xué)們的優(yōu)秀做法，及共性問題。1.學(xué)生展示。學(xué)生展示自己的任務(wù)完成情況，并對自己在任務(wù)完成及任務(wù)測試過程中遇到的問題及解決對策進行展示。在教師的引導(dǎo)下進行評分。2.聆聽點評。認真聽取企業(yè)教師及專業(yè)教師對本次任務(wù)的評價，學(xué)習(xí)優(yōu)秀經(jīng)驗，同時比對自己任務(wù)完成情況，查漏補缺，利用課下時間進行提升。（三）課后1.以測驗鞏固基礎(chǔ)知識通過布置知識技能