Web前端應(yīng)用開(kāi)發(fā)項(xiàng)目式教程（基于uni-app框架） 教案-教學(xué)設(shè)計(jì) 任務(wù)2 制作個(gè)人中心頁(yè)

教學(xué)整體設(shè)計(jì)任務(wù)名稱任務(wù)2制作個(gè)人中心頁(yè)開(kāi)課學(xué)期第3學(xué)期課程類型專業(yè)核心課授課班級(jí)授課學(xué)時(shí)8學(xué)時(shí)授課地點(diǎn)研討型智慧實(shí)訓(xùn)室授課形式理實(shí)一體教學(xué)內(nèi)容本任務(wù)將實(shí)現(xiàn)“啟嘉校園”項(xiàng)目的個(gè)人中心頁(yè)面，包括頭部區(qū)域、導(dǎo)航欄、功能列表區(qū)域、“聯(lián)系我們”模態(tài)框。通過(guò)該任務(wù)的實(shí)現(xiàn)讓學(xué)生掌握uni-app中的視圖容器組件、觸摸事件touch、頁(yè)面生命周期。教學(xué)目標(biāo)素質(zhì)目標(biāo)1.通過(guò)給新建變量、類選擇器等命名培養(yǎng)學(xué)習(xí)者在編程中規(guī)范命名的意識(shí)。2.通過(guò)項(xiàng)目使用的國(guó)產(chǎn)跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)框架uni-app，培養(yǎng)學(xué)習(xí)者的愛(ài)國(guó)情懷，增強(qiáng)科技創(chuàng)新的自信心。3.通過(guò)以學(xué)生社交生態(tài)為主題的項(xiàng)目開(kāi)發(fā)，提高學(xué)習(xí)者科技賦能數(shù)字生活的意識(shí)。4.通過(guò)任務(wù)拓展“二手”功能的實(shí)現(xiàn)，培養(yǎng)學(xué)習(xí)者樹(shù)立堅(jiān)持節(jié)約優(yōu)先，持續(xù)發(fā)展的理念。知識(shí)目標(biāo)1.了解移動(dòng)端尺寸單位。2.掌握頁(yè)面路由和自定義導(dǎo)航欄的配置。3.掌握uni-appview視圖容器組件的使用。4.掌握uni-apppopup彈出層組件的使用。5.掌握uni-apptext基礎(chǔ)內(nèi)容組件的使用。6.掌握uni-app擴(kuò)展組件的使用。7.掌握Sass基礎(chǔ)語(yǔ)法。能力目標(biāo)1.能夠使用MasterGo查看設(shè)計(jì)圖標(biāo)注信息。2.能夠使用uni-app視圖容器組件搭建靜態(tài)頁(yè)面結(jié)構(gòu)。3.能夠使用Sass預(yù)處理器修飾頁(yè)面樣式。學(xué)情分析知識(shí)基礎(chǔ)1.已掌握需求文檔分析方法。2.已掌握接口文檔分析方法。3.已掌握前端、后端、項(xiàng)目環(huán)境搭建方法。技能基礎(chǔ)1.已具備分析需求文檔能力。2.已具備分析接口文檔能力。3.已具備搭建前端、后端、項(xiàng)目開(kāi)發(fā)環(huán)境能力。學(xué)習(xí)特點(diǎn)與訴求1.完成項(xiàng)目1后，學(xué)生對(duì)啟嘉校園開(kāi)發(fā)項(xiàng)目產(chǎn)生了極大興趣，具有很好的學(xué)習(xí)積極性。2.學(xué)生比較喜歡實(shí)踐類教學(xué)方法，理論教學(xué)超過(guò)35分鐘，就會(huì)注意力不集中。教學(xué)重點(diǎn)1.頁(yè)面路由和自定義導(dǎo)航欄的配置方法2.view、popup、text組件的使用方法。教學(xué)難點(diǎn)1.根據(jù)項(xiàng)目需求，使用MasterGo查看設(shè)計(jì)圖標(biāo)信息。2.準(zhǔn)確應(yīng)用Sass預(yù)處理器修飾頁(yè)面樣式。教學(xué)策略教學(xué)方式方法1.任務(wù)驅(qū)動(dòng)教學(xué)。2.組隊(duì)討論教學(xué)。3.啟發(fā)式教學(xué)。4.理實(shí)一體化教學(xué)。教學(xué)團(tuán)隊(duì)1.企業(yè)工程師與校內(nèi)專任教師共同開(kāi)發(fā)課程項(xiàng)目、構(gòu)造任務(wù)場(chǎng)景、設(shè)計(jì)教學(xué)實(shí)施過(guò)程、設(shè)計(jì)融入思政的課程評(píng)價(jià)體系并開(kāi)展多元評(píng)價(jià)。2.校內(nèi)教師重點(diǎn)負(fù)責(zé)課堂過(guò)程中的項(xiàng)目講解與項(xiàng)目實(shí)施。3.企業(yè)工程師在個(gè)別環(huán)節(jié)（如項(xiàng)目驗(yàn)收等）參與雙師授課。4.企業(yè)工程師負(fù)責(zé)對(duì)項(xiàng)目完成情況給予工程化評(píng)價(jià)。5.學(xué)生助教負(fù)責(zé)協(xié)助教師開(kāi)展課前及課后的拓展任務(wù)等。教學(xué)資源使用本書(shū)配套文檔、素材等資源教學(xué)評(píng)價(jià)

二、教學(xué)實(shí)施過(guò)程教學(xué)過(guò)程（一）課前1.以預(yù)習(xí)培養(yǎng)學(xué)生自主學(xué)習(xí)能力通過(guò)布置課前預(yù)習(xí)uni-appview視圖容器組件、popup彈出層組件、text基礎(chǔ)內(nèi)容組件基礎(chǔ)知識(shí)的任務(wù)，鍛煉學(xué)生的自主學(xué)習(xí)能力，促進(jìn)學(xué)生養(yǎng)成預(yù)習(xí)的學(xué)習(xí)習(xí)慣。2.以測(cè)驗(yàn)促進(jìn)課堂提質(zhì)增效通過(guò)布置預(yù)期內(nèi)容中view視圖容器組件、popup彈出層組件、text基礎(chǔ)內(nèi)容組件知識(shí)測(cè)驗(yàn)，教師可以更好地了解學(xué)生對(duì)本次任務(wù)基礎(chǔ)知識(shí)的學(xué)習(xí)需求和問(wèn)題，總結(jié)提煉重難點(diǎn)知識(shí)，從而在課堂上進(jìn)行更有針對(duì)性的講解和討論，提高教學(xué)質(zhì)量和效果。知識(shí)圖譜智能推薦拓展知識(shí)通過(guò)知識(shí)圖譜向?qū)W生推送更多關(guān)于view視圖容器組件、popup彈出層組件、text基礎(chǔ)內(nèi)容組件的應(yīng)用場(chǎng)景，及應(yīng)用技巧，學(xué)習(xí)相關(guān)論文及實(shí)戰(zhàn)項(xiàng)目中列舉的拓展使用方法，以點(diǎn)帶面，使學(xué)生知識(shí)儲(chǔ)備更全面，理解更透徹，從而為本任務(wù)準(zhǔn)確實(shí)施奠定雄厚的知識(shí)基礎(chǔ)。教師活動(dòng)學(xué)生活動(dòng)1.發(fā)布任務(wù)。通過(guò)職教云發(fā)布view視圖容器組件、popup彈出層組件、text基礎(chǔ)內(nèi)容組件基礎(chǔ)知識(shí)預(yù)習(xí)任務(wù)。2.發(fā)布測(cè)驗(yàn)。通過(guò)職教云發(fā)布view視圖容器組件、popup彈出層組件、text基礎(chǔ)內(nèi)容組件知識(shí)測(cè)驗(yàn)。3.發(fā)布資料。通過(guò)職教云發(fā)布微課視頻、PPT課件、虛擬仿真、知識(shí)圖譜拓展閱讀等學(xué)習(xí)資源。4.批閱任務(wù)。分析知識(shí)測(cè)驗(yàn)結(jié)果，梳理重難點(diǎn)知識(shí)。1.課前預(yù)習(xí)。通過(guò)微課和課件自主學(xué)習(xí)view視圖容器組件、popup彈出層組件、text基礎(chǔ)內(nèi)容組件相關(guān)基礎(chǔ)知識(shí)。2.基礎(chǔ)測(cè)驗(yàn)。通過(guò)職教云完成view視圖容器組件、popup彈出層組件、text基礎(chǔ)內(nèi)容組件知識(shí)測(cè)驗(yàn)。3.資料學(xué)習(xí)。學(xué)習(xí)教師推動(dòng)的視頻、PPT、虛擬仿真、知識(shí)圖譜拓展閱讀等，有問(wèn)題同學(xué)可通過(guò)平臺(tái)在留言板留言進(jìn)行提問(wèn)。（二）課中1.課程教學(xué)設(shè)計(jì)遵循學(xué)生的技能成長(zhǎng)規(guī)律和學(xué)習(xí)規(guī)律，緊密結(jié)合制作個(gè)人資料頁(yè)的實(shí)際工作過(guò)程，進(jìn)行系統(tǒng)性的教學(xué)設(shè)計(jì)，構(gòu)造“情景項(xiàng)目導(dǎo)入、漸進(jìn)任務(wù)分解、組隊(duì)任務(wù)執(zhí)行、多元技能測(cè)評(píng)、凝練項(xiàng)目總結(jié)、激發(fā)構(gòu)想延展”六步教學(xué)實(shí)施過(guò)程，確保學(xué)生能夠體驗(yàn)真實(shí)的工作場(chǎng)景，通過(guò)循序漸進(jìn)的任務(wù)開(kāi)發(fā)，鍛煉學(xué)生制作個(gè)人資料頁(yè)的實(shí)操技能和工程素養(yǎng)。采用雙師教學(xué)、頭腦風(fēng)暴、組隊(duì)開(kāi)發(fā)、學(xué)生助教輔導(dǎo)等特色環(huán)節(jié)組織教學(xué)，充分發(fā)揮企業(yè)工程師、教師和學(xué)生的優(yōu)勢(shì)，結(jié)合利用現(xiàn)代信息技術(shù)平臺(tái)“職教云”輔助教學(xué)，激發(fā)教師授課激情、點(diǎn)燃學(xué)生學(xué)習(xí)熱情、提高課堂授課效果。2.思政教學(xué)設(shè)計(jì)本課程的思政教學(xué)設(shè)計(jì)滲透于每個(gè)任務(wù)的描述、素養(yǎng)目標(biāo)、關(guān)鍵代碼的名師解惑、課上教學(xué)設(shè)計(jì)、課下任務(wù)拓展等多個(gè)環(huán)節(jié)，從而循序漸進(jìn)、滲透式、全方位地落實(shí)思政教育“進(jìn)教材、進(jìn)課堂、進(jìn)頭腦”。借助本章的任務(wù)描述向?qū)W生傳遞“多學(xué)習(xí)新技術(shù)，讓軟件生命力更持久”的思想，讓學(xué)生養(yǎng)成“持續(xù)發(fā)展、終身學(xué)習(xí)”的習(xí)慣；通過(guò)課堂中組織組隊(duì)任務(wù)實(shí)施，培養(yǎng)學(xué)生“團(tuán)隊(duì)協(xié)作、互幫互助”的精神；通過(guò)對(duì)刪除功能關(guān)鍵代碼的實(shí)現(xiàn)，培養(yǎng)學(xué)生“滿足用戶需求，提升軟件價(jià)值”的職業(yè)素養(yǎng)；通過(guò)任務(wù)擴(kuò)展，讓學(xué)生了解圖片存儲(chǔ)的新技術(shù)、最優(yōu)解決方案的選擇，培養(yǎng)學(xué)生踐行“技術(shù)為民，服務(wù)社會(huì)”的理念。第1學(xué)時(shí)教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)情景導(dǎo)入與任務(wù)描述1(10分鐘)1.情景導(dǎo)入。通過(guò)演示教師編寫(xiě)的scroll-view使用的小案例，引出今天的學(xué)習(xí)內(nèi)容。2.發(fā)布問(wèn)題。Scroll-view有什么作用？常用于哪些場(chǎng)景？3.介紹任務(wù)。本任務(wù)將制作“啟嘉校園”項(xiàng)目的個(gè)人中心頁(yè)，主要內(nèi)容包括用戶頭像、昵稱、ID、商品管理和賬號(hào)認(rèn)證等。1.操作體驗(yàn)。認(rèn)真觀看教師的演示，并在教師指導(dǎo)下，查看scroll-view的用法。2.回答問(wèn)題。認(rèn)真回答教師的問(wèn)題。3.了解任務(wù)。認(rèn)真聽(tīng)取教師介紹項(xiàng)目2的任務(wù)介紹，同時(shí)思考，如何實(shí)現(xiàn)個(gè)人中心頁(yè)面。知識(shí)儲(chǔ)備講解1(35分鐘)1.scroll-view知識(shí)講解。（1）實(shí)現(xiàn)原理講解。（2）通過(guò)流程圖或者思維導(dǎo)圖介紹實(shí)現(xiàn)邏輯，解決重難點(diǎn)問(wèn)題。2.scroll-view組件代碼演示。scroll-view是uni-app框架中的一個(gè)組件，用于創(chuàng)建可滾動(dòng)的視圖區(qū)域，常用于長(zhǎng)列表、滾動(dòng)圖像等場(chǎng)景。該組件用法比較簡(jiǎn)單，只需要將要滾動(dòng)的內(nèi)容放在scroll-view內(nèi)即可.3.scroll-view組件升華點(diǎn)撥。教師對(duì)scroll-view組件使用中常見(jiàn)問(wèn)題進(jìn)行講解，以及注意事項(xiàng)進(jìn)行說(shuō)明。4.觸摸事件touch組件知識(shí)講解。（1）實(shí)現(xiàn)原理講解。（2）通過(guò)流程圖或者思維導(dǎo)圖介紹實(shí)現(xiàn)邏輯，解決重難點(diǎn)問(wèn)題。5.touch組件代碼演示。6.touch組件升華點(diǎn)撥。教師對(duì)touch組件使用中常見(jiàn)問(wèn)題進(jìn)行講解，以及注意事項(xiàng)進(jìn)行說(shuō)明。1.聆聽(tīng)知識(shí)講解scroll-view組件。認(rèn)真聽(tīng)取教師講解scroll-view組件的語(yǔ)法格式，屬性說(shuō)明及使用方法，并思考如何應(yīng)用到實(shí)際項(xiàng)目當(dāng)中。2.觀看演示scroll-view組件使用方法同步仿做。認(rèn)真觀看教師演示，并進(jìn)行同步仿做，遇到問(wèn)題可在教師巡回指導(dǎo)期間進(jìn)行提問(wèn)。3.聆聽(tīng)scroll-view組件升華點(diǎn)撥筆記撰寫(xiě)。認(rèn)真聽(tīng)取教師對(duì)scroll-view組件部分的升華點(diǎn)撥講解，并將核心知識(shí)及重要知識(shí)記錄到課堂筆記當(dāng)中。4.聆聽(tīng)知識(shí)講解touch組件。認(rèn)真聽(tīng)取教師講解touch組件的語(yǔ)法格式，屬性說(shuō)明及使用方法，并思考如何應(yīng)用到實(shí)際項(xiàng)目當(dāng)中。5.觀看touch組件演示同步仿做。認(rèn)真觀看教師演示，并進(jìn)行同步仿做，遇到問(wèn)題可在教師巡回指導(dǎo)期間進(jìn)行提問(wèn)。6.聆聽(tīng)touch組件升華點(diǎn)撥筆記撰寫(xiě)。認(rèn)真聽(tīng)取教師對(duì)touch組件部分的升華點(diǎn)撥講解，并將核心知識(shí)及重要知識(shí)記錄到課堂筆記當(dāng)中。第2學(xué)時(shí)教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)情景導(dǎo)入與任務(wù)描述2(10分鐘)1.發(fā)布討論。什么是頁(yè)面生命周期？2.創(chuàng)設(shè)情境。通過(guò)動(dòng)畫(huà)演示什么是頁(yè)面生命周期。3.介紹任務(wù)。1.回答討論。認(rèn)真思考并回答教師發(fā)布的討論。2.觀看動(dòng)畫(huà)。認(rèn)真觀看教師播放的動(dòng)畫(huà)，初步了解什么是頁(yè)面生命周期。3.了解任務(wù)。認(rèn)真聽(tīng)取教師介紹本節(jié)課的任務(wù)介紹，同時(shí)思考，如何實(shí)現(xiàn)頁(yè)面從創(chuàng)建到銷毀的整個(gè)過(guò)程。知識(shí)儲(chǔ)備講解2(35分鐘)1.頁(yè)面生命周期知識(shí)講解。在uni-app中，頁(yè)面生命周期指的是頁(yè)面從創(chuàng)建到銷毀的整個(gè)過(guò)程所經(jīng)歷的一系列事件。并介紹生命周期中的監(jiān)聽(tīng)頁(yè)面加載、監(jiān)聽(tīng)頁(yè)面顯示、監(jiān)聽(tīng)頁(yè)面初次渲染、監(jiān)聽(tīng)頁(yè)面隱藏、監(jiān)聽(tīng)頁(yè)面卸載、監(jiān)聽(tīng)頁(yè)面下拉刷新、監(jiān)聽(tīng)頁(yè)面上拉觸底。2.頁(yè)面生命周期代碼演示。現(xiàn)場(chǎng)演示頁(yè)面生命周期的每個(gè)屬性使用方法。3.頁(yè)面生命周期知識(shí)升華點(diǎn)撥。在實(shí)際開(kāi)發(fā)中，開(kāi)發(fā)者可以根據(jù)自己的需求合理利用這些生命周期函數(shù)，從而提高頁(yè)面的交互性和用戶體驗(yàn)。1.聆聽(tīng)知識(shí)講解頁(yè)面生命周期。認(rèn)真聽(tīng)取教師講解頁(yè)面生命周期的語(yǔ)法格式，屬性說(shuō)明及使用方法，并思考如何應(yīng)用到實(shí)際項(xiàng)目當(dāng)中。2.觀看演示頁(yè)面生命周期使用方法同步仿做。認(rèn)真觀看教師演示，并進(jìn)行同步仿做，遇到問(wèn)題可在教師巡回指導(dǎo)期間進(jìn)行提問(wèn)。3.聆聽(tīng)頁(yè)面生命周期知識(shí)升華點(diǎn)撥筆記撰寫(xiě)。認(rèn)真聽(tīng)取教師對(duì)頁(yè)面生命周期部分的升華點(diǎn)撥講解，并將核心知識(shí)及重要知識(shí)記錄到課堂筆記當(dāng)中。第3學(xué)時(shí)教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)情景導(dǎo)入與任務(wù)描述3(10分鐘)1.發(fā)布討論。你知道原生導(dǎo)航欄和自定義導(dǎo)航欄有什么區(qū)別嗎？創(chuàng)設(shè)情境。以某購(gòu)物平臺(tái)的導(dǎo)航欄為例，引出今天要學(xué)的內(nèi)容。3.介紹任務(wù)。1.回答討論。認(rèn)真思考并回答討論。2.體驗(yàn)情境。進(jìn)入購(gòu)物平臺(tái)，查看該平臺(tái)的導(dǎo)航欄布局。3.了解任務(wù)。認(rèn)真聽(tīng)取教師介紹本節(jié)課的任務(wù)介紹，同時(shí)思考，導(dǎo)航欄一般包括哪些信息？知識(shí)儲(chǔ)備講解3(35分鐘)1.原生導(dǎo)航欄和默認(rèn)導(dǎo)航欄知識(shí)講解。導(dǎo)航欄包括標(biāo)題、返回按鈕、右側(cè)按鈕等元素。開(kāi)發(fā)者可以通過(guò)uni-app提供的API來(lái)實(shí)現(xiàn)原生導(dǎo)航欄的設(shè)置和控制2.導(dǎo)航欄代碼演示?，F(xiàn)場(chǎng)演示導(dǎo)航欄的每個(gè)屬性使用方法。3.導(dǎo)航欄升華點(diǎn)撥。原生導(dǎo)航欄可以使應(yīng)用界面更加美觀和統(tǒng)一，但它的功能相對(duì)簡(jiǎn)單，如果需要實(shí)現(xiàn)更多的自定義功能和樣式，建議使用自定義導(dǎo)航欄。聆聽(tīng)知識(shí)講解原生導(dǎo)航欄和默認(rèn)導(dǎo)航欄認(rèn)真聽(tīng)取教師講解原生導(dǎo)航欄和默認(rèn)導(dǎo)航欄的語(yǔ)法格式，屬性說(shuō)明及使用方法，并思考如何應(yīng)用到實(shí)際項(xiàng)目當(dāng)中。2.觀看演示導(dǎo)航欄使用方法同步仿做。認(rèn)真觀看教師演示，并進(jìn)行同步仿做，遇到問(wèn)題可在教師巡回指導(dǎo)期間進(jìn)行提問(wèn)。3.聆聽(tīng)導(dǎo)航欄升華點(diǎn)撥筆記撰寫(xiě)。認(rèn)真聽(tīng)取教師對(duì)導(dǎo)航欄相關(guān)知識(shí)部分的升華點(diǎn)撥講解，并將核心知識(shí)及重要知識(shí)記錄到課堂筆記當(dāng)中。第4學(xué)時(shí)教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)情景導(dǎo)入與任務(wù)描述4(10分鐘)1.發(fā)布討論。你知道底部tabbar的主要作用是什么嗎？創(chuàng)設(shè)情境。以編寫(xiě)的簡(jiǎn)短小案例演示頁(yè)面跳轉(zhuǎn)的過(guò)程。3.介紹任務(wù)。1.回答討論。認(rèn)真思考并回答討論。2.體驗(yàn)情境。觀看底部tabbar情景案例演示。3.了解任務(wù)。認(rèn)真聽(tīng)取教師介紹本節(jié)課的任務(wù)介紹，同時(shí)思考，tabBar有哪些配置項(xiàng)呢？知識(shí)儲(chǔ)備講解4(35分鐘)1.底部tabbar知識(shí)講解。tabBar是移動(dòng)端應(yīng)用常見(jiàn)的底部標(biāo)簽欄，用于實(shí)現(xiàn)頁(yè)面之間的快速切換，小程序中通常將其分為底部tabBar和頂部tabBar。uni-app中的tabBar可以配置的標(biāo)簽數(shù)量最少為2個(gè)，最多為5個(gè).2.底部tabbar代碼演示?，F(xiàn)場(chǎng)演示頁(yè)面跳轉(zhuǎn)不同方法的使用方法。3.底部tabbar升華點(diǎn)撥。1.聆聽(tīng)知識(shí)講解tabbar知識(shí)。認(rèn)真聽(tīng)取教師講解底部tabbar使用方法，并思考如何應(yīng)用到實(shí)際項(xiàng)目當(dāng)中。2.觀看演示底部tabbar使用方法同步仿做。認(rèn)真觀看教師演示，并進(jìn)行同步仿做，遇到問(wèn)題可在教師巡回指導(dǎo)期間進(jìn)行提問(wèn)。3.聆聽(tīng)底部tabbar升華點(diǎn)撥筆記撰寫(xiě)。認(rèn)真聽(tīng)取教師對(duì)底部tabbar部分的升華點(diǎn)撥講解，并將核心知識(shí)及重要知識(shí)記錄到課堂筆記當(dāng)中。第5學(xué)時(shí)教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)任務(wù)實(shí)施邏輯分析1(10分鐘)1.任務(wù)介紹。教師介紹本節(jié)課需要完成的任務(wù)：頁(yè)面結(jié)構(gòu)分析與搭建、制作頭部區(qū)域。2.任務(wù)講解。教師講解任務(wù)完成的步驟，必要的步驟進(jìn)行代碼演示。主要對(duì)照頁(yè)面結(jié)構(gòu)及頭部區(qū)域的預(yù)期效果圖進(jìn)行頁(yè)面的結(jié)構(gòu)分析。首先新建頁(yè)面文件，然后明確設(shè)計(jì)圖中的內(nèi)容，下一步實(shí)現(xiàn)頭部區(qū)域制作。1.知曉任務(wù)。聽(tīng)取教師講解本次課要完成的任務(wù)，并認(rèn)真查看頭部區(qū)域設(shè)計(jì)圖2.明確步驟。跟隨教師講解的思路，對(duì)照設(shè)計(jì)圖，明確完成本節(jié)課任務(wù)需要的基礎(chǔ)步驟，必要時(shí)可到線上資源進(jìn)行學(xué)習(xí)。任務(wù)實(shí)施編碼實(shí)現(xiàn)1(35分鐘)1.分配小組。教師依據(jù)知識(shí)儲(chǔ)備階段的測(cè)驗(yàn)結(jié)果，及學(xué)生組隊(duì)意愿，3人組成一隊(duì)，盡量讓強(qiáng)弱互補(bǔ)，形成互相幫扶小組。2.巡回指導(dǎo)。教師在組間巡回指導(dǎo)，出現(xiàn)的共性問(wèn)題，可在班級(jí)內(nèi)向同學(xué)進(jìn)行簡(jiǎn)短講解點(diǎn)撥。1.組建小組。在教師的引導(dǎo)下，結(jié)合自己意愿，組成3人一組的團(tuán)隊(duì)。2.任務(wù)實(shí)施。認(rèn)真完成本次課程的任務(wù)，遇到問(wèn)題先組內(nèi)解決，組內(nèi)無(wú)法解決，可向教師提問(wèn)，或者通過(guò)職教云平臺(tái)向其他組進(jìn)行求助提問(wèn)，也可到在線資源中觀看視頻進(jìn)行學(xué)習(xí)。第6學(xué)時(shí)教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)任務(wù)實(shí)施邏輯分析2(10分鐘)1.任務(wù)介紹。教師介紹本節(jié)課需要完成的任務(wù)：制作自定義導(dǎo)航欄、制作圓弧功能列表區(qū)域。2.任務(wù)講解。教師講解任務(wù)完成的步驟，必要的步驟進(jìn)行代碼演示。1.知曉任務(wù)。聽(tīng)取教師講解本次課要完成的任務(wù)，并認(rèn)真查看導(dǎo)航欄區(qū)域設(shè)計(jì)圖。2.明確步驟。跟隨教師講解的思路，對(duì)照設(shè)計(jì)圖，明確完成本節(jié)課任務(wù)需要的基礎(chǔ)步驟，必要時(shí)可到線上資源進(jìn)行學(xué)習(xí)。任務(wù)實(shí)施編碼實(shí)現(xiàn)2(35分鐘)1.分配小組。教師依據(jù)知識(shí)儲(chǔ)備階段的測(cè)驗(yàn)結(jié)果，及學(xué)生組隊(duì)意愿，3人組成一隊(duì)，盡量讓強(qiáng)弱互補(bǔ)，形成互相幫扶小組。2.巡回指導(dǎo)。教師在組間巡回指導(dǎo)，出現(xiàn)的共性問(wèn)題，可在班級(jí)內(nèi)向同學(xué)進(jìn)行簡(jiǎn)短講解點(diǎn)撥。1.組建小組。在教師的引導(dǎo)下，結(jié)合自己意愿，組成3人一組的團(tuán)隊(duì)。2.任務(wù)實(shí)施。認(rèn)真完成本次課程的任務(wù)，遇到問(wèn)題先組內(nèi)解決，組內(nèi)無(wú)法解決，可向教師提問(wèn)，或者通過(guò)職教云平臺(tái)向其他組進(jìn)行求助提問(wèn)，也可到在線資源中觀看視頻進(jìn)行學(xué)習(xí)。第7學(xué)時(shí)教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)任務(wù)實(shí)施邏輯分析3(10分鐘)1.任務(wù)介紹。教師介紹本節(jié)課需要完成的任務(wù)：制作底部標(biāo)簽欄區(qū)域，“聯(lián)系我們”模態(tài)框。2.任務(wù)講解。教師講解任務(wù)完成的步驟，必要的步驟進(jìn)行代碼演示。1.知曉任務(wù)。聽(tīng)取教師講解本次課要完成的任務(wù)，并認(rèn)真查看底部標(biāo)簽欄設(shè)計(jì)圖。2.明確步驟。跟隨教師講解的思路，對(duì)照設(shè)計(jì)圖，明確完成本節(jié)課任務(wù)需要的基礎(chǔ)步驟，必要時(shí)可到線上資源進(jìn)行學(xué)習(xí)。任務(wù)實(shí)施編碼實(shí)現(xiàn)3(35分鐘)1.分配小組。根據(jù)知識(shí)儲(chǔ)備階段的測(cè)驗(yàn)結(jié)果，及學(xué)生組隊(duì)意愿，3人組成一隊(duì)，盡量讓強(qiáng)弱互補(bǔ)，形成互相幫扶小組。2.巡回指導(dǎo)。教師在組間巡回指導(dǎo)，出現(xiàn)的共性問(wèn)題，可在班級(jí)內(nèi)向同學(xué)進(jìn)行簡(jiǎn)短講解點(diǎn)撥。1.組建小組。在教師的引導(dǎo)下，結(jié)合自己意愿，組成3人一組的團(tuán)隊(duì)。2.任務(wù)實(shí)施。認(rèn)真完成本次課程的任務(wù)，遇到問(wèn)題先組內(nèi)解決，組內(nèi)無(wú)法解決，可向教師提問(wèn)，或者通過(guò)職教云平臺(tái)向其他組進(jìn)行求助提問(wèn)，也可到在線資源中觀看視頻進(jìn)行學(xué)習(xí)。第8學(xué)時(shí)教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)任務(wù)測(cè)試(35分鐘)1.任務(wù)介紹。教師介紹本次課要進(jìn)行測(cè)試的測(cè)試任務(wù)，UI頁(yè)面測(cè)試、功能測(cè)試。2.知識(shí)講解。教師介紹測(cè)試的概念，并對(duì)照企業(yè)測(cè)試流程講解，測(cè)試要按照需求分析、計(jì)劃、用例、執(zhí)行、總結(jié)，五步流程進(jìn)行測(cè)試。3.情景故事。教師播放測(cè)試相關(guān)情景動(dòng)畫(huà)，指明測(cè)試工作的重要性，提高學(xué)生對(duì)測(cè)試工作的責(zé)任心。4.需求分析講解。教師講解需求分析的方法，并以部分需求說(shuō)明書(shū)為例，演示如何正確進(jìn)行需求分析，提取測(cè)試功能點(diǎn)。5.分配小組。根據(jù)任務(wù)實(shí)施同學(xué)完成情況及學(xué)生組隊(duì)意愿，3人組成一隊(duì)，盡量讓強(qiáng)弱互補(bǔ)，形成互相幫扶小組。6.制定計(jì)劃講解。教師引導(dǎo)學(xué)生小組內(nèi)，要交叉進(jìn)行測(cè)試，如A同學(xué)測(cè)試B同學(xué)的項(xiàng)目，測(cè)試之前先制定自己的測(cè)試計(jì)劃并形成文字。7.編寫(xiě)用例講解。教師講解編寫(xiě)測(cè)試用例的技巧，并以部分功能為例進(jìn)行演示。8.執(zhí)行用例講解。教師講解執(zhí)行用例注意要點(diǎn)。9.總結(jié)報(bào)告講解。教師講解編寫(xiě)總結(jié)報(bào)告要點(diǎn)。10.組間巡回指導(dǎo)。教師在組間進(jìn)行巡回指導(dǎo)，遇到共性問(wèn)題，在班級(jí)內(nèi)統(tǒng)一點(diǎn)撥。1.知曉任務(wù)。認(rèn)真聽(tīng)取教師講解本次課的測(cè)試任務(wù)。2.學(xué)習(xí)測(cè)試概念及流程。認(rèn)真聽(tīng)取教師講解軟件測(cè)試的概念及軟件測(cè)試的基本