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

教學(xué)整體設(shè)計(jì)任務(wù)名稱(chēng)任務(wù)3制作個(gè)人資料頁(yè)開(kāi)課學(xué)期第3學(xué)期課程類(lèi)型專(zhuān)業(yè)核心課授課班級(jí)授課學(xué)時(shí)8學(xué)時(shí)授課地點(diǎn)研討型智慧實(shí)訓(xùn)室授課形式理實(shí)一體教學(xué)內(nèi)容本任務(wù)將實(shí)現(xiàn)“啟嘉校園”項(xiàng)目的個(gè)人資料頁(yè)面和個(gè)人資料擴(kuò)展頁(yè)面。通過(guò)該任務(wù)的實(shí)現(xiàn)讓學(xué)生掌握uni-app中的view視圖容器組件、picker組件、input組件、正則表達(dá)式、消息提示方法、頁(yè)面跳轉(zhuǎn)方法。教學(xué)目標(biāo)素質(zhì)目標(biāo)1.通過(guò)學(xué)習(xí)使用正則表達(dá)式完成手機(jī)號(hào)、微信號(hào)等信息的驗(yàn)證方法，培養(yǎng)學(xué)習(xí)者發(fā)現(xiàn)問(wèn)題、分析問(wèn)題、解決問(wèn)題的能力。2.通過(guò)實(shí)現(xiàn)“用戶(hù)擴(kuò)展資料區(qū)域”中用戶(hù)信息顯示的功能，強(qiáng)化學(xué)習(xí)者個(gè)人信息保護(hù)意識(shí)。3.通過(guò)鞏固拓展練習(xí)，培養(yǎng)學(xué)習(xí)者腳踏實(shí)地、躬身力行的實(shí)踐精神。知識(shí)目標(biāo)1.掌握uni-apppicker滾動(dòng)選擇器組件的使用。2.掌握uni-appinput單行輸入框組件的使用。3.掌握uni-appimage圖片組件的使用。4.掌握uni.showToast消息提示方法的使用。5.掌握uni-app頁(yè)面跳轉(zhuǎn)方法的使用。6.掌握正則表達(dá)式的使用。能力目標(biāo)1.能夠使用picker組件完成滾動(dòng)選擇性別。2.能夠使用input組件完成內(nèi)容的輸入。3.能夠使用image組件完成圖像的展示及縮放、裁剪等操作。4.能夠使用uni.showToast方法完成消息提示。5.能夠使用uni-app頁(yè)面跳轉(zhuǎn)方法實(shí)現(xiàn)頁(yè)面間跳轉(zhuǎn)。6.能夠使用正則表達(dá)式完成手機(jī)號(hào)、微信號(hào)等信息的驗(yàn)證。學(xué)情分析知識(shí)基礎(chǔ)1.已掌握頁(yè)面路由和自定義導(dǎo)航欄的配置。2.已掌握uni-appview視圖容器組件及彈出層組件使用方法。3.已掌握uni-apptext基礎(chǔ)內(nèi)容組件和擴(kuò)展組件的使用方法。技能基礎(chǔ)1.已具備使用MasterGo查看設(shè)計(jì)圖標(biāo)注信息。2.已具備使用uni-app視圖容器組件搭建靜態(tài)頁(yè)面結(jié)構(gòu)。3.已具備使用Sass預(yù)處理器修飾頁(yè)面樣式。學(xué)習(xí)特點(diǎn)與訴求1.完成項(xiàng)目1和項(xiàng)目2后，學(xué)生對(duì)啟嘉校園開(kāi)發(fā)項(xiàng)目產(chǎn)生了極大興趣，具有很好的學(xué)習(xí)積極性。2.學(xué)生的自主學(xué)習(xí)能力有所欠缺，下發(fā)的在線(xiàn)學(xué)習(xí)資源點(diǎn)擊率偏低。教學(xué)重點(diǎn)1.uni-apppicker滾動(dòng)選擇器組件、input單行輸入框組件使用方法。2.消息提示方法及頁(yè)面跳轉(zhuǎn)方法的使用。教學(xué)難點(diǎn)1.根據(jù)項(xiàng)目需求，靈活準(zhǔn)確設(shè)置滾動(dòng)選擇器組件樣式。2.準(zhǔn)確應(yīng)用正則表達(dá)式的不同方法進(jìn)行輸入內(nèi)容正確性驗(yàn)證。教學(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)專(zhuān)任教師共同開(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-apppicker滾動(dòng)選擇器組件、input單行輸入框組件、image圖片組件基礎(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)容中滾動(dòng)選擇器組件、單行輸入框組件、圖片組件知識(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)于滾動(dòng)選擇器組件、input單行輸入框組件、image圖片組件的應(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ā)布滾動(dòng)選擇器組件、單行輸入框組件、圖片組件基礎(chǔ)知識(shí)預(yù)習(xí)任務(wù)。2.發(fā)布測(cè)驗(yàn)。通過(guò)職教云發(fā)布滾動(dòng)選擇器組件、單行輸入框組件、圖片組件知識(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í)滾動(dòng)選擇器組件、單行輸入框組件、圖片組件相關(guān)基礎(chǔ)知識(shí)。2.基礎(chǔ)測(cè)驗(yàn)。通過(guò)職教云完成滾動(dòng)選擇器組件、單行輸入框組件、圖片組件知識(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é)生“滿(mǎn)足用戶(hù)需求，提升軟件價(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ò)演示小藝同學(xué)登錄QQ以后，進(jìn)入個(gè)人資料頁(yè)面，進(jìn)行修改頭像、昵稱(chēng)等信息，引出今天的任務(wù)內(nèi)容。并現(xiàn)場(chǎng)引導(dǎo)同學(xué)，登錄自己的QQ賬號(hào)，進(jìn)入個(gè)人資料頁(yè)面，進(jìn)行信息修改。2.發(fā)布問(wèn)題。個(gè)人資料頁(yè)面主要功能都包括哪些？3.介紹任務(wù)。本任務(wù)將制作“啟嘉校園”項(xiàng)目的個(gè)人資料頁(yè)面，該頁(yè)面主要用于修改用戶(hù)基本信息，包括用戶(hù)的頭像、昵稱(chēng)、個(gè)性簽名、性別、手機(jī)號(hào)和微信號(hào)。個(gè)人資料往往涉及用戶(hù)多項(xiàng)個(gè)人信息，開(kāi)發(fā)者在開(kāi)發(fā)過(guò)程中應(yīng)充分關(guān)注用戶(hù)信息安全。1.操作體驗(yàn)。認(rèn)真聆聽(tīng)教師對(duì)小藝同學(xué)個(gè)人資料頁(yè)面的修改過(guò)程，同時(shí)在教師的引導(dǎo)下，登錄自己的QQ賬號(hào)，進(jìn)行信息修改。2.回答問(wèn)題。通過(guò)自主操作體驗(yàn)，回答個(gè)人資料頁(yè)面主要功能都包括哪些。3.了解任務(wù)。認(rèn)真聽(tīng)取教師介紹項(xiàng)目3的任務(wù)介紹，同時(shí)思考，個(gè)人信息頁(yè)面哪些信息涉及用戶(hù)隱私，需要更加注重用戶(hù)信息安全。知識(shí)儲(chǔ)備講解1(35分鐘)1.picker組件知識(shí)講解。（1）實(shí)現(xiàn)原理講解。（2）通過(guò)流程圖或者思維導(dǎo)圖介紹實(shí)現(xiàn)邏輯，解決重難點(diǎn)問(wèn)題。2.picker組件代碼演示。picker組件的使用比較簡(jiǎn)單，只需在頁(yè)面的<template>中添加picker組件并設(shè)置相應(yīng)的屬性，如mode、range等。在<script>中定義相應(yīng)的數(shù)據(jù)和方法。進(jìn)行現(xiàn)場(chǎng)演示。3.picker組件升華點(diǎn)撥。picker和picker-view都是非常有用的組件，可以為uni-app應(yīng)用程序創(chuàng)建交互式選擇器。選擇哪個(gè)組件取決于應(yīng)用程序的需求，如果只需要選擇單個(gè)值可以使用picker；如果需要選擇多個(gè)值或創(chuàng)建復(fù)雜的交互式界面，則應(yīng)選擇picker-view。4.input組件知識(shí)講解。該組件在移動(dòng)端應(yīng)用時(shí)常見(jiàn)的屬性及事件如下：1.confirm-type屬性與confirm-hold屬性。2.@input事件。3.@confirm事件。5.input組件代碼演示。6.input組件升華點(diǎn)撥。其實(shí)v-model雙向綁定針對(duì)input控件，內(nèi)部也是通過(guò)@input事件實(shí)現(xiàn)的。1.聆聽(tīng)知識(shí)講解picker組件。認(rèn)真聽(tīng)取教師講解picker組件的語(yǔ)法格式，屬性說(shuō)明及使用方法，并思考如何應(yīng)用到實(shí)際項(xiàng)目當(dāng)中。2.觀看演示picker組件使用方法同步仿做。認(rèn)真觀看教師演示，并進(jìn)行同步仿做，遇到問(wèn)題可在教師巡回指導(dǎo)期間進(jìn)行提問(wèn)。3.聆聽(tīng)picker組件升華點(diǎn)撥筆記撰寫(xiě)。認(rèn)真聽(tīng)取教師對(duì)picker組件部分的升華點(diǎn)撥講解，并將核心知識(shí)及重要知識(shí)記錄到課堂筆記當(dāng)中。4.聆聽(tīng)知識(shí)講解input組件。認(rèn)真聽(tīng)取教師講解input組件的語(yǔ)法格式，屬性說(shuō)明及使用方法，并思考如何應(yīng)用到實(shí)際項(xiàng)目當(dāng)中。5.觀看input組件演示同步仿做。認(rèn)真觀看教師演示，并進(jìn)行同步仿做，遇到問(wèn)題可在教師巡回指導(dǎo)期間進(jìn)行提問(wèn)。6.聆聽(tīng)input組件升華點(diǎn)撥筆記撰寫(xiě)。認(rèn)真聽(tīng)取教師對(duì)input組件部分的升華點(diǎn)撥講解，并將核心知識(shí)及重要知識(shí)記錄到課堂筆記當(dāng)中。第2學(xué)時(shí)教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)情景導(dǎo)入與任務(wù)描述2(10分鐘)1.引入提問(wèn)。image組件有哪些屬性？2.創(chuàng)設(shè)情境。以智慧職教icve微信小程序中圖片顯示為例，引出今天所學(xué)知識(shí)。3.介紹任務(wù)。1.回答提問(wèn)。認(rèn)真思考并回答教師提問(wèn)。2.體驗(yàn)情境。通過(guò)手機(jī)進(jìn)入智慧職教MOOC微信小程序，觀察圖標(biāo)圖片的清晰度。3.了解任務(wù)。認(rèn)真聽(tīng)取教師介紹本節(jié)課的任務(wù)介紹，同時(shí)思考，手機(jī)頁(yè)面如何確保圖片顯示清晰度。知識(shí)儲(chǔ)備講解2(35分鐘)1.image組件知識(shí)講解。src屬性，mode屬性，lazy-load屬性，show-menu-by-longpress屬性，bindload和binderror事件處理。2.image組件代碼演示?，F(xiàn)場(chǎng)演示image組件的每個(gè)屬性使用方法。3.image組件升華點(diǎn)撥。在移動(dòng)端使用image組件時(shí)，需要注意以下幾點(diǎn)：圖片大小和質(zhì)量：移動(dòng)設(shè)備的屏幕尺寸和分辨率相對(duì)較小，因此需要對(duì)圖片大小和質(zhì)量進(jìn)行適當(dāng)?shù)膬?yōu)化，以提高頁(yè)面加載速度和用戶(hù)體驗(yàn)。圖片路徑：在移動(dòng)端，圖片路徑建議使用相對(duì)路徑或CDN地址，避免使用本地絕對(duì)路徑，以確保圖片能夠正確加載。圖片緩存：移動(dòng)設(shè)備的存儲(chǔ)空間有限，因此需要合理地管理圖片緩存，避免占用過(guò)多的存儲(chǔ)空間。圖片展示模式：在移動(dòng)端，由于屏幕尺寸和分辨率的限制，需要根據(jù)具體場(chǎng)景選擇合適的圖片展示模式，以確保圖片能夠正確展示并滿(mǎn)足用戶(hù)需求。1.聆聽(tīng)知識(shí)講解image組件。認(rèn)真聽(tīng)取教師講解image組件的語(yǔ)法格式，屬性說(shuō)明及使用方法，并思考如何應(yīng)用到實(shí)際項(xiàng)目當(dāng)中。2.觀看演示image組件使用方法同步仿做。認(rèn)真觀看教師演示，并進(jìn)行同步仿做，遇到問(wèn)題可在教師巡回指導(dǎo)期間進(jìn)行提問(wèn)。3.聆聽(tīng)image組件升華點(diǎn)撥筆記撰寫(xiě)。認(rèn)真聽(tīng)取教師對(duì)image組件部分的升華點(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ā)布討論。你知道哪些uni-app中的消息提示框？創(chuàng)設(shè)情境。以微信登錄中用戶(hù)名或密碼輸入錯(cuò)誤的消息提示框?yàn)槔鼋裉焖鶎W(xué)知識(shí)。3.介紹任務(wù)。1.回答討論。認(rèn)真思考并回答討論。2.體驗(yàn)情境。通過(guò)登錄微信頁(yè)面輸入錯(cuò)誤的用戶(hù)名或密碼觀察消息提示框。3.了解任務(wù)。認(rèn)真聽(tīng)取教師介紹本節(jié)課的任務(wù)介紹，同時(shí)思考，如何解決提示框的使用過(guò)程中可能會(huì)受到原生端的限制和差異的問(wèn)題。知識(shí)儲(chǔ)備講解3(35分鐘)1.uni-app常用提示框知識(shí)講解。showToast消息提示框、showLoading加載提示框、showModal模態(tài)框、showActionSheet列表選擇提示框。2.uni-app常用提示框代碼演示?，F(xiàn)場(chǎng)演示常用提示框組件的每個(gè)屬性使用方法。3.uni-app常用提示框升華點(diǎn)撥。在uni-app中，提示框的使用可能會(huì)受到原生端的限制和差異，需要根據(jù)實(shí)際情況進(jìn)行調(diào)整和處理。1.聆聽(tīng)知識(shí)講解uni-app常用提示框組件。認(rèn)真聽(tīng)取教師講解uni-app常用提示框的語(yǔ)法格式，屬性說(shuō)明及使用方法，并思考如何應(yīng)用到實(shí)際項(xiàng)目當(dāng)中。2.觀看演示uni-app常用提示框使用方法同步仿做。認(rèn)真觀看教師演示，并進(jìn)行同步仿做，遇到問(wèn)題可在教師巡回指導(dǎo)期間進(jìn)行提問(wèn)。3.聆聽(tīng)uni-app常用提示框升華點(diǎn)撥筆記撰寫(xiě)。認(rèn)真聽(tīng)取教師對(duì)uni-app常用提示框部分的升華點(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ā)布討論。你知道哪些頁(yè)面跳轉(zhuǎn)的情況呢？創(chuàng)設(shè)情境。以編寫(xiě)的簡(jiǎn)短小案例演示頁(yè)面跳轉(zhuǎn)的過(guò)程。3.介紹任務(wù)。1.回答討論。認(rèn)真思考并回答討論。2.體驗(yàn)情境。觀看頁(yè)面跳轉(zhuǎn)過(guò)程。3.了解任務(wù)。認(rèn)真聽(tīng)取教師介紹本節(jié)課的任務(wù)介紹，同時(shí)思考，如何解決頁(yè)面跳轉(zhuǎn)返回可能會(huì)被原生端屏蔽或者顯示異常的問(wèn)題。知識(shí)儲(chǔ)備講解4(35分鐘)1.uni-app頁(yè)面跳轉(zhuǎn)知識(shí)講解。uni.navigateTo方法、uni.redirectTo方法、uni.navigateBack方法2.uni-app頁(yè)面跳轉(zhuǎn)代碼演示?，F(xiàn)場(chǎng)演示頁(yè)面跳轉(zhuǎn)不同方法的使用方法。3.uni-app頁(yè)面跳轉(zhuǎn)升華點(diǎn)撥。頁(yè)面跳轉(zhuǎn)返回時(shí)需要注意返回的頁(yè)面層數(shù)，如果delta屬性大于當(dāng)前頁(yè)面棧的長(zhǎng)度，將無(wú)法返回到目標(biāo)頁(yè)面。頁(yè)面跳轉(zhuǎn)返回時(shí)可以使用uni.getStorageSync方法獲取之前存儲(chǔ)的數(shù)據(jù)，以便進(jìn)行頁(yè)面跳轉(zhuǎn)后的操作。在一些情況下，頁(yè)面跳轉(zhuǎn)返回可能會(huì)被原生端屏蔽或者顯示異常，需要根據(jù)實(shí)際情況進(jìn)行調(diào)整和處理。4.發(fā)布知識(shí)儲(chǔ)備測(cè)驗(yàn)。在職教云平臺(tái)發(fā)布測(cè)驗(yàn)，對(duì)任務(wù)3中的所有知識(shí)儲(chǔ)備知識(shí)進(jìn)行測(cè)驗(yàn)。5.升華點(diǎn)撥。根據(jù)同學(xué)測(cè)驗(yàn)情況，對(duì)易錯(cuò)易混淆難掌握知識(shí)進(jìn)行升華點(diǎn)撥。1.聆聽(tīng)知識(shí)講解uni-app頁(yè)面跳轉(zhuǎn)組件。認(rèn)真聽(tīng)取教師講解uni-app頁(yè)面跳轉(zhuǎn)的不同方法及使用方法，并思考如何應(yīng)用到實(shí)際項(xiàng)目當(dāng)中。2.觀看演示uni-app頁(yè)面跳轉(zhuǎn)方法使用方法同步仿做。認(rèn)真觀看教師演示，并進(jìn)行同步仿做，遇到問(wèn)題可在教師巡回指導(dǎo)期間進(jìn)行提問(wèn)。3.聆聽(tīng)uni-app頁(yè)面跳轉(zhuǎn)升華點(diǎn)撥筆記撰寫(xiě)。認(rèn)真聽(tīng)取教師對(duì)uni-app頁(yè)面跳轉(zhuǎn)部分的升華點(diǎn)撥講解，并將核心知識(shí)及重要知識(shí)記錄到課堂筆記當(dāng)中。參加測(cè)驗(yàn)。在職教云平臺(tái)參加測(cè)驗(yàn)。5.查漏補(bǔ)缺。認(rèn)真聽(tīng)取教師升華點(diǎn)撥，必要知識(shí)點(diǎn)記錄到課堂筆記中。第5學(xué)時(shí)教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)任務(wù)實(shí)施邏輯分析1(10分鐘)1.任務(wù)介紹。教師介紹本節(jié)課需要完成的任務(wù)：新建頁(yè)面文件，搭建個(gè)人資料頁(yè)結(jié)構(gòu)，實(shí)現(xiàn)跳轉(zhuǎn)到個(gè)人資料頁(yè)。2.任務(wù)講解。教師講解任務(wù)完成的步驟，必要的步驟進(jìn)行代碼演示。主要對(duì)照個(gè)人資料頁(yè)的預(yù)期效果圖進(jìn)行頁(yè)面的結(jié)構(gòu)分析，分為用戶(hù)基本資料區(qū)域和用戶(hù)擴(kuò)展資料區(qū)域。首先新建頁(yè)面文件，然后明確設(shè)計(jì)圖中的內(nèi)容，下一步實(shí)現(xiàn)跳轉(zhuǎn)到個(gè)人資料頁(yè)。1.知曉任務(wù)。聽(tīng)取教師講解本次課要完成的任務(wù)，并認(rèn)真查看個(gè)人資料頁(yè)設(shè)計(jì)圖。2.明確步驟。跟隨教師講解的思路，對(duì)照設(shè)計(jì)圖，明確完成本節(jié)課任務(wù)需要的基礎(chǔ)步驟，必要時(shí)可到線(xiàn)上資源進(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)，也可到在線(xià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ù)：制作用戶(hù)基本資料區(qū)域，搭建用戶(hù)基本資料區(qū)域結(jié)構(gòu)，實(shí)現(xiàn)用戶(hù)基本資料區(qū)域效果。2.任務(wù)講解。教師講解任務(wù)完成的步驟，必要的步驟進(jìn)行代碼演示。1.知曉任務(wù)。聽(tīng)取教師講解本次課要完成的任務(wù)，并認(rèn)真查看用戶(hù)基本資料頁(yè)設(shè)計(jì)圖。2.明確步驟。跟隨教師講解的思路，對(duì)照設(shè)計(jì)圖，明確完成本節(jié)課任務(wù)需要的基礎(chǔ)步驟，必要時(shí)可到線(xiàn)上資源進(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)，也可到在線(xià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ù)：制作用戶(hù)擴(kuò)展資料區(qū)域，用戶(hù)擴(kuò)展資料區(qū)域可劃分為用戶(hù)ID、用戶(hù)性別、用戶(hù)手機(jī)號(hào)、用戶(hù)微信號(hào)及保存按鈕五個(gè)部分，每個(gè)部分獨(dú)占一行且寬度相同距左右兩邊有固定的間距。2.任務(wù)講解。教師講解任務(wù)完成的步驟，必要的步驟進(jìn)行代碼演示。1.知曉任務(wù)。聽(tīng)取教師講解本次課要完成的任務(wù)，并認(rèn)真查看用戶(hù)擴(kuò)展資料頁(yè)設(shè)計(jì)圖。2.明確步驟。跟隨教師講解的思路，對(duì)照設(shè)計(jì)圖，明確完成本節(jié)課任務(wù)需要的基礎(chǔ)步驟，必要時(shí)可到線(xiàn)上資源進(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)，也可到在線(xiàn)資源中觀看視頻進(jìn)行學(xué)習(xí)。第8學(xué)時(shí)教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)第8學(xué)時(shí)任務(wù)測(cè)試(35分鐘)1.任務(wù)介紹。教師介紹本次課要進(jìn)行測(cè)試的測(cè)試任務(wù)，UI頁(yè)面測(cè)試、功能測(cè)試（頁(yè)面跳轉(zhuǎn)、修改、保存等按鈕功能）。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)告講解。教師講解編