《鴻蒙HarmonyOS應(yīng)用開發(fā)基礎(chǔ)教程》教案全套 單元設(shè)計(jì) 劉正 單元1-7 走進(jìn)鴻蒙 HarmonyOS-服務(wù)卡片

蘇州工業(yè)園區(qū)服務(wù)外包職業(yè)學(xué)院單元設(shè)計(jì)課程課程：內(nèi)容：單元1走進(jìn)鴻蒙HarmonyOS課時(shí)：

教學(xué)單元名稱：單元1走進(jìn)鴻蒙HarmonyOS授課教師：授課班級:單元總學(xué)時(shí)：4教學(xué)條件機(jī)房、廣播軟件、DevEcoStudio開發(fā)工具教學(xué)素材參考教材、課件教學(xué)目標(biāo)設(shè)計(jì)知識目標(biāo)：了解鴻蒙HarmonyOS的系統(tǒng)定義和特色。熟悉華為開發(fā)者官網(wǎng)等線上、線下學(xué)習(xí)資源。掌握DevEcoStudio下載與安裝，運(yùn)行第一個(gè)項(xiàng)目。掌握項(xiàng)目的基本結(jié)構(gòu)及基本功能，理解項(xiàng)目的配置文件及資源文件。能力目標(biāo)：能夠從官網(wǎng)下載并快速準(zhǔn)確地搭建開發(fā)環(huán)境。能夠獨(dú)立創(chuàng)建一個(gè)新的項(xiàng)目，并對項(xiàng)目進(jìn)行基本的設(shè)置并運(yùn)行。能夠理解一個(gè)應(yīng)用程序的基本結(jié)構(gòu)和布局，并會做簡單變化。重點(diǎn):變量、函數(shù)的聲明和使用難點(diǎn)：對象的概念教學(xué)內(nèi)容任務(wù)1-1認(rèn)識HarmonyOS任務(wù)1-2開發(fā)環(huán)境搭建任務(wù)1-3第一個(gè)應(yīng)用程序及項(xiàng)目框架結(jié)構(gòu)分析課后作業(yè)申請注冊華為開發(fā)者賬號，了解開發(fā)者網(wǎng)站提供的服務(wù)完成開發(fā)環(huán)境的搭建與個(gè)性化配置了解和熟悉工程目錄結(jié)構(gòu)，熟悉Json文件教學(xué)過程設(shè)計(jì)——任務(wù)1.1–任務(wù)1.2認(rèn)識HarmonyOS及開發(fā)環(huán)境搭建（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入了解操作系統(tǒng)的分類和作用，國產(chǎn)自主操作系統(tǒng)的發(fā)展現(xiàn)狀討論演示教師講解和演示學(xué)生觀看思考10告知（教學(xué)內(nèi)容、目的）了解HarmonyOS的發(fā)展過程及主要核心技術(shù)理念講解課件演示教師講解和演示學(xué)生觀看思考5任務(wù)簡介華為開發(fā)者網(wǎng)站介紹講解課件演示教師講解和演示學(xué)生觀看思考5任務(wù)分析下載及搭建開發(fā)環(huán)境講解課件演示教師講解和演示學(xué)生觀看思考5支撐知識開發(fā)前準(zhǔn)備知識官網(wǎng)功能了解IDE基本功能知識講解、操作教師講解和演示學(xué)生觀看思考5任務(wù)實(shí)施華為官網(wǎng)瀏覽IDE功能了解下載IDE并安裝實(shí)驗(yàn)實(shí)驗(yàn)學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)30分享交流任務(wù)實(shí)施中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)15課程總結(jié)下載到合適的版本及安裝中的注意事項(xiàng)講解教師講解、學(xué)生觀看5課后作業(yè)了解華為官網(wǎng)提供的更多功能教學(xué)過程設(shè)計(jì)——任務(wù)1-3第一個(gè)應(yīng)用程序及項(xiàng)目框架結(jié)構(gòu)分析（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入IDE的功能和下載的版本確認(rèn)講解課件演示教師講解和演示學(xué)生觀看思考5告知（教學(xué)內(nèi)容、目的）安裝中的注意事項(xiàng)講解課件演示教師講解和演示學(xué)生觀看思考5任務(wù)簡介安裝并配置開發(fā)環(huán)境了解文件目錄結(jié)構(gòu)熟悉配置文件講解課件演示教師講解和演示學(xué)生觀看思考5任務(wù)實(shí)施完成IDE安裝及配置完成第一個(gè)HelloWOrld模擬器及預(yù)覽器的使用熟悉資源文件及配置文件實(shí)驗(yàn)實(shí)驗(yàn)學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)40分享交流安裝及配置中的問題講解個(gè)性問題單獨(dú)指導(dǎo)，共性問題集中講解學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10課程總結(jié)強(qiáng)調(diào)安裝中的注意事項(xiàng)及第一個(gè)程序運(yùn)行出現(xiàn)問題的解決思路講解互動(dòng)交流教師講解、學(xué)生觀看5課后作業(yè)了解和熟悉工程目錄結(jié)構(gòu)，熟悉Json文件 蘇州工業(yè)園區(qū)服務(wù)外包職業(yè)學(xué)院單元設(shè)計(jì)課程課程：內(nèi)容：單元2TypeScript基礎(chǔ)語法課時(shí)：

教學(xué)單元名稱：單元2TypeScript基礎(chǔ)語法授課教師：授課班級:單元總學(xué)時(shí)：0-8教學(xué)條件機(jī)房、廣播軟件、DevEcoStudio開發(fā)工具教學(xué)素材參考教材、課件教學(xué)目標(biāo)設(shè)計(jì)知識目標(biāo)：掌握TypeScript變量聲明掌握TypeScript函數(shù)定義掌握TypeScript條件語句掌握TypeScript循環(huán)語句掌握TypeScript數(shù)據(jù)類型，包括基本類型、函數(shù)類型等掌握面向?qū)ο蟮母拍?，包括類和接口等能力目?biāo)：能定義變量能定義函數(shù)能使用條件語句能使用循環(huán)語句能靈活運(yùn)用數(shù)據(jù)類型能創(chuàng)建類、接口等重點(diǎn):變量、函數(shù)的聲明和使用難點(diǎn)：對象的概念教學(xué)內(nèi)容任務(wù)2-1計(jì)算田徑場的周長和面積任務(wù)2-2立定跳遠(yuǎn)項(xiàng)目成績錄入與分析任務(wù)2-3校運(yùn)動(dòng)會總分排名任務(wù)2-4創(chuàng)建Student類和對象課后作業(yè)計(jì)算學(xué)校操場的周長和面積女子100米項(xiàng)目成績錄入與分析校運(yùn)動(dòng)會女子100米項(xiàng)目成績排名創(chuàng)建Cat類和對象教學(xué)過程設(shè)計(jì)——計(jì)算田徑場的周長和面積（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入C、Java等編程語言的數(shù)據(jù)類型、變量及運(yùn)算符討論演示教師講解和演示學(xué)生觀看思考10告知（教學(xué)內(nèi)容、目的）掌握數(shù)據(jù)類型、變量和運(yùn)算符講解課件演示教師講解和演示學(xué)生觀看思考5任務(wù)簡介計(jì)算田徑場的周長和面積講解課件演示教師講解和演示學(xué)生觀看思考5任務(wù)分析定義田徑場的半徑和直道的長度，使用適當(dāng)?shù)倪\(yùn)算符和公式來計(jì)算田徑場的周長和面積，最后輸出結(jié)果講解課件演示教師講解和演示學(xué)生觀看思考20支撐知識數(shù)據(jù)類型變量運(yùn)算符講解教師講解和演示學(xué)生觀看思考10任務(wù)實(shí)施（1）定義田徑場的屬性（2）計(jì)算周長和面積（3）輸出結(jié)果實(shí)驗(yàn)實(shí)驗(yàn)學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10分享交流任務(wù)實(shí)施中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)15課程總結(jié)計(jì)算周長和面積時(shí)需要注意的環(huán)節(jié)講解教師講解、學(xué)生觀看5課后作業(yè)計(jì)算學(xué)校操場的周長和面積教學(xué)過程設(shè)計(jì)——任務(wù)2-2立定跳遠(yuǎn)項(xiàng)目成績錄入與分析（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入展示錄入后的立定跳遠(yuǎn)成績講解課件演示教師講解和演示學(xué)生觀看思考15告知（教學(xué)內(nèi)容、目的）利用流程控制的知識錄入立定跳遠(yuǎn)項(xiàng)目的成績并進(jìn)行分析講解課件演示教師講解和演示學(xué)生觀看思考15任務(wù)簡介按要求錄入并分析成績講解課件演示教師講解和演示學(xué)生觀看思考10任務(wù)分析收集多位運(yùn)動(dòng)員的立定跳遠(yuǎn)成績，并將其存儲在適當(dāng)?shù)臄?shù)據(jù)結(jié)構(gòu)中，比如數(shù)組，針對錄入的成績，進(jìn)行分析，比如計(jì)算平均成績、最高成績、最低成績等統(tǒng)計(jì)信息。講解課件演示教師講解和演示學(xué)生觀看思考40支撐知識分支和循序講解課件演示教師講解和演示學(xué)生觀看思考15任務(wù)實(shí)施成績錄入成績分析結(jié)果輸出實(shí)驗(yàn)實(shí)驗(yàn)學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)25分享交流錄入中遇到的問題講解課件演示學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)30課程總結(jié)如何按要求分析成績講解課件演示教師講解、學(xué)生觀看10課后作業(yè)女子100米項(xiàng)目成績錄入與分析教學(xué)過程設(shè)計(jì)——任務(wù)2-3校運(yùn)動(dòng)會總分排名（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入展示排名后的運(yùn)動(dòng)會總分講解課件演示教師講解和演示學(xué)生觀看思考15告知（教學(xué)內(nèi)容、目的）掌握如何利用函數(shù)進(jìn)行排序講解課件演示教師講解和演示學(xué)生觀看思考15任務(wù)簡介按要求進(jìn)行排名講解課件演示教師講解和演示學(xué)生觀看思考10任務(wù)分析需要收集每位運(yùn)動(dòng)員在不同項(xiàng)目中的成績，并將其存儲在適當(dāng)?shù)臄?shù)據(jù)結(jié)構(gòu)中，針對每位運(yùn)動(dòng)員，需要將其在各項(xiàng)比賽中的成績進(jìn)行加總，得到總分，最后輸出結(jié)果。講解課件演示教師講解和演示學(xué)生觀看思考40支撐知識函數(shù)的知識講解課件演示教師講解和演示學(xué)生觀看思考15任務(wù)實(shí)施成績錄入總分計(jì)算排名結(jié)果輸出實(shí)驗(yàn)實(shí)驗(yàn)學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)25分享交流排序中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)30課程總結(jié)如何按要求進(jìn)行成績的計(jì)算和排名教師講解、學(xué)生觀看10課后作業(yè)校運(yùn)動(dòng)會女子100米項(xiàng)目成績排名教學(xué)過程設(shè)計(jì)——任務(wù)2-4創(chuàng)建Student類和對象（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入展示創(chuàng)建后的類和對象講解課件演示教師講解和演示學(xué)生觀看思考15告知（教學(xué)內(nèi)容、目的）掌握TypeScript類、對象以及接口的概念講解課件演示教師講解和演示學(xué)生觀看思考15任務(wù)簡介按要求創(chuàng)建類和對象講解課件演示教師講解和演示學(xué)生觀看思考10任務(wù)分析確定學(xué)生類的屬性，構(gòu)建學(xué)生類，添加類的方法，創(chuàng)建學(xué)生對象，最后輸出和驗(yàn)證學(xué)生信息講解課件演示教師講解和演示學(xué)生觀看思考40支撐知識類和對象的概念講解課件演示教師講解和演示學(xué)生觀看思考15任務(wù)實(shí)施確定學(xué)生類的屬性構(gòu)建學(xué)生類添加類的方法創(chuàng)建學(xué)生對象輸出和驗(yàn)證學(xué)生信息實(shí)驗(yàn)實(shí)驗(yàn)學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)25分享交流創(chuàng)建中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)30課程總結(jié)如何按要求創(chuàng)建類和對象教師講解、學(xué)生觀看10課后作業(yè)創(chuàng)建Cat類和對象 蘇州工業(yè)園區(qū)服務(wù)外包職業(yè)學(xué)院單元設(shè)計(jì)課程課程：內(nèi)容：單元3HarmonyOS開發(fā)基礎(chǔ)知識課時(shí)：

教學(xué)單元名稱：單元3HarmonyOS開發(fā)基礎(chǔ)知識授課教師：授課班級:單元總學(xué)時(shí)：4-8教學(xué)條件機(jī)房、廣播軟件、DevEcoStudio開發(fā)工具教學(xué)素材參考教材、課件教學(xué)目標(biāo)設(shè)計(jì)知識目標(biāo)：掌握ArkTS語言掌握不同裝飾器的作用掌握系統(tǒng)組件和自定義組件掌握狀態(tài)管理的概念掌握渲染控制的概念掌握ArkUI的概念和調(diào)試方法能力目標(biāo)：能編寫簡單的ArkTS程序能運(yùn)用不同的裝飾器能區(qū)分系統(tǒng)組件和自定義組件能利用狀態(tài)管理開發(fā)動(dòng)態(tài)界面能靈活運(yùn)用渲染控制能使用ArkUI重點(diǎn):狀態(tài)管理的概念及ArkUI難點(diǎn)：ArkUI教學(xué)內(nèi)容任務(wù)3-1ArkTS語言簡介任務(wù)3-2ArkTS進(jìn)階學(xué)習(xí)課后作業(yè)運(yùn)行HelloWorld使用渲染控制語句構(gòu)建UI教學(xué)過程設(shè)計(jì)——ArkTS語言簡介（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入HarmonyOS的應(yīng)用開發(fā)語言討論演示教師講解和演示學(xué)生觀看思考10告知（教學(xué)內(nèi)容、目的）了解ArkTS語言講解課件演示教師講解和演示學(xué)生觀看思考5任務(wù)簡介了解ArkTS的起源的演進(jìn)講解課件演示教師講解和演示學(xué)生觀看思考5任務(wù)分析要求讀者在學(xué)習(xí)本單元的基礎(chǔ)上，查閱華為官方文檔對ArkTS語言進(jìn)行進(jìn)一步的認(rèn)識和學(xué)習(xí)。講解課件演示教師講解和演示學(xué)生觀看思考20支撐知識ArkTS語言概述講解教師講解和演示學(xué)生觀看思考10任務(wù)實(shí)施（1）學(xué)習(xí)本單元知識（2）學(xué)習(xí)官方開發(fā)者文檔和指南實(shí)驗(yàn)實(shí)驗(yàn)學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10分享交流你眼中的ArkTS討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)15課程總結(jié)ArkTS、JavaScript、TypeScript三者之間的關(guān)系講解教師講解、學(xué)生觀看5課后作業(yè)運(yùn)行HelloWorld教學(xué)過程設(shè)計(jì)——任務(wù)3-2ArkTS進(jìn)階學(xué)習(xí)（4課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入什么是ArkTS？講解課件演示教師講解和演示學(xué)生觀看思考15告知（教學(xué)內(nèi)容、目的）掌握ArkTS的基礎(chǔ)語法、狀態(tài)管理、渲染控制以及ArkUI的概念講解課件演示教師講解和演示學(xué)生觀看思考15任務(wù)簡介ArkTS進(jìn)階學(xué)習(xí)講解課件演示教師講解和演示學(xué)生觀看思考10任務(wù)分析利用ArkTS的語法知識及渲染控制、ArkUI概念創(chuàng)建頁面講解課件演示教師講解和演示學(xué)生觀看思考40支撐知識ArkTS的基礎(chǔ)語法、狀態(tài)管理、渲染控制以及ArkUI的概念講解課件演示教師講解和演示學(xué)生觀看思考15任務(wù)實(shí)施利用系統(tǒng)組件構(gòu)建頁面利用渲染控制中的條件渲染構(gòu)建UI實(shí)驗(yàn)實(shí)驗(yàn)學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)25分享交流條件渲染中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)30課程總結(jié)如何按要求進(jìn)行UI構(gòu)建教師講解、學(xué)生觀看10課后作業(yè)使用渲染控制語句構(gòu)建UI蘇州工業(yè)園區(qū)服務(wù)外包職業(yè)學(xué)院單元設(shè)計(jì)課程課程：內(nèi)容：單元4UI開發(fā)之基礎(chǔ)組件課時(shí)：

教學(xué)單元名稱：單元4UI開發(fā)之基礎(chǔ)組件授課教師：授課班級:單元總學(xué)時(shí)：18教學(xué)條件機(jī)房、廣播軟件、Windows10教學(xué)素材參考教材、課件教學(xué)目標(biāo)設(shè)計(jì)知識目標(biāo)：（1）了解組件通用信息（2）理解基礎(chǔ)組件與容器組件的區(qū)別與聯(lián)系（3）熟悉常見組件接口、屬性及監(jiān)聽事件 能力目標(biāo)：（1）能夠根據(jù)應(yīng)用場景選擇合適的UI組件，并實(shí)現(xiàn)不同的響應(yīng)事件（2）能夠獨(dú)立開發(fā)出具有良好用戶體驗(yàn)的HarmonyOS應(yīng)用界面重點(diǎn):常見組件接口、屬性及監(jiān)聽事件。難點(diǎn)：回調(diào)。教學(xué)內(nèi)容（1）組件通用信息（2）基礎(chǔ)組件與容器組件的區(qū)別與聯(lián)系（3）常見組件接口、屬性及監(jiān)聽事件課后作業(yè)（1）查詢資料有哪些免版權(quán)的圖標(biāo)、圖片檢索網(wǎng)站和應(yīng)用。（2）思考AIGC如何美化界面設(shè)計(jì)。教學(xué)過程設(shè)計(jì)教學(xué)單元4-1認(rèn)識ArkTS組件（1課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：查閱官方開發(fā)文檔，了解什么是組件，組件分為哪幾類，以及組件具備哪些共性特征。1、演示法；2、探究法。1、官方文檔PPT教師打開官方文檔、設(shè)疑學(xué)生檢索資料，搜索答案。5知識探究了解什么是組件1.組件的概念2.組件的分類組件共性特征1.通用屬性2.通用事件3.手勢1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考5任務(wù)實(shí)施使用官方文檔搜索組件內(nèi)容1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺教師布置任務(wù)、巡回指導(dǎo)學(xué)生實(shí)踐5知識探究常見通用屬性和事件1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考5任務(wù)實(shí)施使用官方文檔進(jìn)行快速檢索1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考5拓展實(shí)踐通過開發(fā)者社區(qū)論壇檢索，搜集其他開發(fā)者給出的鴻蒙應(yīng)用開發(fā)學(xué)習(xí)建議，并嘗試在論壇中進(jìn)行提問和答復(fù)。1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考5分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)5評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)5課后作業(yè)在開發(fā)者社區(qū)論壇上檢索與專業(yè)相關(guān)的內(nèi)容。教學(xué)過程設(shè)計(jì)教學(xué)單元4-2文本與輸入類組件展示（3課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：播放文本類組件應(yīng)用場景的PPT。1、教師講解；2、分組討論。多媒體2、APP素材教師播放視頻、設(shè)疑學(xué)生觀看視頻，分組討論。5知識探究文本類組件類型1. 顯示文字的組件2.輸入文字的組件 3.動(dòng)畫效果的組件文本類組件常見用法1.接口2.屬性3.事件1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考5任務(wù)實(shí)施新建工程練習(xí)文本類組件接口、屬性和事件使用方法1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師布置任務(wù)、巡回指導(dǎo)學(xué)生實(shí)踐45拓展實(shí)踐模擬實(shí)現(xiàn)Text、TextInput、TextArea、RichText、Marquee、TextPicker和Span七大組件的應(yīng)用場景1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考50分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)5課后作業(yè)查看你最喜歡的APP用到了哪些文本類組件教學(xué)過程設(shè)計(jì)教學(xué)單元4-3按鈕與選擇類組件展示（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：播放按鈕類組件應(yīng)用場景的PPT。1、教師講解；2、分組討論。1、多媒體APP素材教師播放視頻、設(shè)疑學(xué)生觀看視頻，分組討論。5知識探究按鈕類組件類型1. 普通按鈕2.單選按鈕3.多選按鈕4.開關(guān)按鈕按鈕類組件常見用法1.接口2.屬性3.事件1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考5任務(wù)實(shí)施新建工程練習(xí)按鈕類組件接口、屬性和事件使用方法1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺教師布置任務(wù)、巡回指導(dǎo)學(xué)生實(shí)踐20拓展實(shí)踐模擬實(shí)現(xiàn)Button、Radio、Checkbox和Toggle四大組件的應(yīng)用場景1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考35分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)5課后作業(yè)注冊登錄頁面。教學(xué)過程設(shè)計(jì)教學(xué)單元4-4圖片類組件展示（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：播放圖片類組件應(yīng)用場景的PPT。1、教師講解；2、分組討論。多媒體2、APP素材教師播放視頻、設(shè)疑學(xué)生觀看視頻，分組討論。5知識探究圖片類組件類型1. 普通圖片2.動(dòng)畫圖片3.圖表類圖片4.九宮格圖片圖片類組件常見用法1.接口2.屬性3.事件1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考5任務(wù)實(shí)施新建工程練習(xí)圖片類組件接口、屬性和事件使用方法1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺教師布置任務(wù)、巡回指導(dǎo)學(xué)生實(shí)踐25拓展實(shí)踐模擬實(shí)現(xiàn)Image、ImageAnimator、DataPanel、Gauge、QRCode和PatternLock六大組件的應(yīng)用場景1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考30分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)5課后作業(yè)查找免版權(quán)圖片資源。教學(xué)過程設(shè)計(jì)教學(xué)單元4-5時(shí)間日期類組件展示（3課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：播放時(shí)間日期類組件應(yīng)用場景的PPT。1、教師講解；2、分組討論。1、多媒體APP素材教師播放視頻、設(shè)疑學(xué)生觀看視頻，分組討論。5知識探究時(shí)間日期類組件類型1. DatePicker概念及應(yīng)用場景2.TimePicker概念及應(yīng)用場景3.TextClock概念及應(yīng)用場景4.TextTimer概念及應(yīng)用場景時(shí)間日期類組件常見用法1.接口2.屬性3.事件1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考5任務(wù)實(shí)施新建工程練習(xí)時(shí)間日期類組件接口、屬性和事件使用方法1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺教師布置任務(wù)、巡回指導(dǎo)學(xué)生實(shí)踐45拓展實(shí)踐模擬實(shí)現(xiàn)DatePicker、TimePicker、TextClock和TextTimer四大組件的應(yīng)用場景1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考50分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)5課后作業(yè)模擬秒表應(yīng)用開發(fā)。教學(xué)過程設(shè)計(jì)教學(xué)單元4-6進(jìn)度條類組件展示（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：播放進(jìn)度條類組件應(yīng)用場景的PPT。1、教師講解；2、分組討論。多媒體2、APP素材教師播放視頻、設(shè)疑學(xué)生觀看視頻，分組討論。5知識探究進(jìn)度條類組件類型1. Progress概念及應(yīng)用場景2.Rating概念及應(yīng)用場景3.Slider概念及應(yīng)用場景進(jìn)度條類組件常見用法1.接口2.屬性3.事件1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考5任務(wù)實(shí)施新建工程練習(xí)進(jìn)度條類組件接口、屬性和事件使用方法1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺教師布置任務(wù)、巡回指導(dǎo)學(xué)生實(shí)踐25拓展實(shí)踐模擬實(shí)現(xiàn)Progress、Rating和Slider三大組件的應(yīng)用場景1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考35分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)5評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)5課后作業(yè)模擬定時(shí)取消進(jìn)度條顯示教學(xué)過程設(shè)計(jì)教學(xué)單元4-7菜單類組件展示（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：播放菜單類組件應(yīng)用場景的PPT。1、教師講解；2、分組討論。1、多媒體APP素材教師播放視頻、設(shè)疑學(xué)生觀看視頻，分組討論。5知識探究菜單類組件類型1. Menu概念及應(yīng)用場景2.Select概念及應(yīng)用場景菜單類組件常見用法1.接口2.屬性3.事件1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考10任務(wù)實(shí)施新建工程練習(xí)菜單類組件接口、屬性和事件使用方法1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺教師布置任務(wù)、巡回指導(dǎo)學(xué)生實(shí)踐25拓展實(shí)踐模擬實(shí)現(xiàn)Menu和Select兩大組件的應(yīng)用場景1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考25分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)5課后作業(yè)查閱資料是否可以實(shí)現(xiàn)二級菜單教學(xué)過程設(shè)計(jì)教學(xué)單元4-8導(dǎo)航類組件展示（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：播放導(dǎo)航類組件應(yīng)用場景的PPT。1、教師講解；2、分組討論。多媒體APP素材教師播放視頻、設(shè)疑學(xué)生觀看視頻，分組討論。5知識探究導(dǎo)航類組件類型1. Tabs概念及應(yīng)用場景2.SideBarContainer概念及應(yīng)用場景3.Navigator概念及應(yīng)用場景導(dǎo)航類組件常見用法1.接口2.屬性3.事件1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考10任務(wù)實(shí)施新建工程練習(xí)導(dǎo)航類組件接口、屬性和事件使用方法1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺教師布置任務(wù)、巡回指導(dǎo)學(xué)生實(shí)踐20拓展實(shí)踐模擬實(shí)現(xiàn)Tabs、SideBarContainer和Navigator三大組件的應(yīng)用場景1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考20分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)20評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)5課后作業(yè)實(shí)現(xiàn)上下雙導(dǎo)航欄教學(xué)過程設(shè)計(jì)教學(xué)單元4-9其他基礎(chǔ)組件展示（1課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：播放其他基礎(chǔ)組件應(yīng)用場景的PPT。1、教師講解；2、分組討論。多媒體2、APP素材教師播放視頻、設(shè)疑學(xué)生觀看視頻，分組討論。5知識探究其他基礎(chǔ)組件類型1. Search概念及應(yīng)用場景2.Web概念及應(yīng)用場景3.Divider概念及應(yīng)用場景其他基礎(chǔ)組件常見用法1.接口2.屬性3.事件1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考5任務(wù)實(shí)施新建工程練習(xí)其他基礎(chǔ)組件接口、屬性和事件使用方法1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺教師布置任務(wù)、巡回指導(dǎo)學(xué)生實(shí)踐30拓展實(shí)踐模擬實(shí)現(xiàn)Search、Web和Divider三大組件的應(yīng)用場景1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考30分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)5評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)5課后作業(yè)完成單元作業(yè)。蘇州工業(yè)園區(qū)服務(wù)外包職業(yè)學(xué)院單元設(shè)計(jì)課程課程：內(nèi)容：單元5UI開發(fā)之容器組件課時(shí)：

教學(xué)單元名稱：單元5UI開發(fā)之容器組件授課教師：授課班級:單元總學(xué)時(shí)：14教學(xué)條件機(jī)房、廣播軟件、Windows10教學(xué)素材參考教材、課件教學(xué)目標(biāo)設(shè)計(jì)知識目標(biāo)：（1）掌握布局類容器組件開發(fā)流程（2）掌握列表類容器組件開發(fā)流程（3）掌握導(dǎo)航類容器組件開發(fā)流程（4）掌握滑動(dòng)類容器組件開發(fā)流程能力目標(biāo)：（1）具備將復(fù)雜頁面拆分為多個(gè)簡單、獨(dú)立的容器組件的能力（2）具備設(shè)計(jì)可復(fù)用、可擴(kuò)展的容器組件能力，以支持未來的功能擴(kuò)展和修改重點(diǎn):布局類和列表類組件。難點(diǎn)：綜合頁面開發(fā)。教學(xué)內(nèi)容（1）布局類組件展示（2）列表類容器組件展示（3）導(dǎo)航類容器組件展示（4）滑動(dòng)類容器組件展示課后作業(yè)（1）在開發(fā)跨平臺APP時(shí)，如何確保容器組件在不同設(shè)備上的表現(xiàn)一致？（2）Screenshot-to-Code是一個(gè)可以根據(jù)截圖自動(dòng)生成代碼的開源項(xiàng)目，檢索還有哪些可以根據(jù)界面自動(dòng)生成代碼的應(yīng)用和工具。教學(xué)過程設(shè)計(jì)教學(xué)單元5-1布局類組件展示（4課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：播放布局類組件應(yīng)用場景的PPT。1、演示法；2、探究法。1、APP素材PPT師生討論：基礎(chǔ)組件可以按照什么規(guī)則確定其頁面所處位置。10知識探究布局類組件類型1.Row概念及應(yīng)用場景2.Column概念及應(yīng)用場景3.Stack概念及應(yīng)用場景4.RelativeContainer概念及應(yīng)用場景5.Flex概念及應(yīng)用場景6.GridRow和GridCol概念及應(yīng)用場景布局類征組件常見用法1.接口2.屬性1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考10任務(wù)實(shí)施新建工程練習(xí)布局類組件接口和屬性件使用方法1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考50拓展實(shí)踐模擬實(shí)現(xiàn)Row、Column、Stack、RelativeContainer、Flex、GridRow和GridCol七大組件的應(yīng)用場景1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考70分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)10課后作業(yè)實(shí)現(xiàn)首頁面布局。教學(xué)過程設(shè)計(jì)教學(xué)單元5-2列表類組件展示（4課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：播放列表類組件應(yīng)用場景的PPT。1、教師講解；2、分組討論。多媒體2、APP素材教師播放視頻、設(shè)疑學(xué)生觀看視頻，分組討論。10知識探究列表類組件類型1.List概念及應(yīng)用場景2.Grid概念及應(yīng)用場景3.Refresh概念及應(yīng)用場景4.WaterFlow概念及應(yīng)用場景列表類組件常見用法1.接口2.屬性3.事件1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考10任務(wù)實(shí)施新建工程練習(xí)列表類組件接口、屬性和事件使用方法1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師布置任務(wù)、巡回指導(dǎo)學(xué)生實(shí)踐50拓展實(shí)踐模擬實(shí)現(xiàn)List、Grid、Refresh和WaterFlow四大組件的應(yīng)用場景1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考70分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)10課后作業(yè)使用IDataSource實(shí)現(xiàn)WaterFlow頁面教學(xué)過程設(shè)計(jì)教學(xué)單元5-3導(dǎo)航類類容器組件（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：播放導(dǎo)航類組件應(yīng)用場景的PPT。1、教師講解；2、分組討論。1、多媒體APP素材教師播放視頻、設(shè)疑學(xué)生觀看視頻，分組討論。5知識探究導(dǎo)航類組件類型1.Tabs概念及應(yīng)用場景2.SideBarContainer概念及應(yīng)用場景3.Navigator概念及應(yīng)用場景導(dǎo)航類組件常見用法1.接口2.屬性3.事件1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考5任務(wù)實(shí)施新建工程練習(xí)導(dǎo)航類組件接口、屬性和事件使用方法1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺教師布置任務(wù)、巡回指導(dǎo)學(xué)生實(shí)踐20拓展實(shí)踐模擬實(shí)現(xiàn)Tabs、SideBarContainer和Navigator三大組件的應(yīng)用場景1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考35分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)5課后作業(yè)完成首頁面設(shè)計(jì)。教學(xué)過程設(shè)計(jì)教學(xué)單元5-4滑動(dòng)類容器組件展示（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：播放滑動(dòng)類組件應(yīng)用場景的PPT。1、教師講解；2、分組討論。多媒體2、APP素材教師播放視頻、設(shè)疑學(xué)生觀看視頻，分組討論。5知識探究滑動(dòng)類組件類型1.Scroll概念及應(yīng)用場景2.Panel概念及應(yīng)用場景3.Swiper概念及應(yīng)用場景滑動(dòng)類組件常見用法1.接口2.屬性3.事件1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考5任務(wù)實(shí)施新建工程練習(xí)滑動(dòng)類組件接口、屬性和事件使用方法1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺教師布置任務(wù)、巡回指導(dǎo)學(xué)生實(shí)踐25拓展實(shí)踐模擬實(shí)現(xiàn)Scroll、Panel和Swiper三大組件的應(yīng)用場景1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考30分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)5課后作業(yè)實(shí)現(xiàn)Swiper滑動(dòng)頁跳轉(zhuǎn)功能。教學(xué)過程設(shè)計(jì)教學(xué)單元5-5其他容器組件展示（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入案例引入：播放其他容器組件應(yīng)用場景的PPT。1、教師講解；2、分組討論。1、多媒體APP素材教師播放視頻、設(shè)疑學(xué)生觀看視頻，分組討論。5知識探究其他容器組件類型1.Badge概念及應(yīng)用場景2.Counter概念及應(yīng)用場景其他容器組件常見用法1.接口2.屬性3.事件1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件教師講解和演示學(xué)生觀看思考5任務(wù)實(shí)施新建工程練習(xí)其他容器組件接口、屬性和事件使用方法1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺教師布置任務(wù)、巡回指導(dǎo)學(xué)生實(shí)踐25拓展實(shí)踐模擬實(shí)現(xiàn)Badge和Counter兩大組件的應(yīng)用場景1、講練結(jié)合；2、分組討論；3、動(dòng)手實(shí)踐。1、課程在線教學(xué)平臺2、課件演示教師講解和演示學(xué)生觀看思考30分享交流實(shí)現(xiàn)過程中遇到的問題討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10評價(jià)總結(jié)1、隨堂測驗(yàn)2、要點(diǎn)總結(jié)1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵(lì)1、課程在線教學(xué)平臺教師評價(jià)總結(jié)、學(xué)生交流評價(jià)5課后作業(yè)查閱資料還有哪些沒有介紹過的容器組件。蘇州工業(yè)園區(qū)服務(wù)外包職業(yè)學(xué)院單元設(shè)計(jì)課程課程：內(nèi)容：單元6Stage模型課時(shí)：

教學(xué)單元名稱：單元6Stage模型授課教師：授課班級:單元總學(xué)時(shí)：12教學(xué)條件機(jī)房、廣播軟件、DevEcoStudio開發(fā)工具教學(xué)素材參考教材、課件教學(xué)目標(biāo)設(shè)計(jì)知識目標(biāo)：理解Stage模型掌握UIAbility組件生命周期概念。掌握UIAbility創(chuàng)建及使用掌握UIAbility組件間信息傳遞方式掌握UIAbility組件啟動(dòng)模式掌握UIAbility與UI的數(shù)據(jù)同步方式能力目標(biāo)：能處理UIAbility組件的生命周期，學(xué)會在適當(dāng)?shù)奈恢锰砑雍线m的代碼能定義和使用UIAbility能在UIAbility組件間傳值能靈活選擇UIAbility啟動(dòng)模式能在UIAbility和UI間傳值重點(diǎn):UIAbility組件間傳值及啟動(dòng)模式難點(diǎn)：啟動(dòng)模式教學(xué)內(nèi)容任務(wù)6-1UIAbility組件生命周期任務(wù)6-2UIAbility組件啟動(dòng)模式任務(wù)6-3UIAbility組件與UI的數(shù)據(jù)同步任務(wù)6-4UIAbility組件間交互課后作業(yè)如何實(shí)現(xiàn)UIAbility組件與UI的數(shù)據(jù)同步實(shí)現(xiàn)啟動(dòng)支付頁面并返回原頁面功能。教學(xué)過程設(shè)計(jì)——6-1UIAbility組件生命周期（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入演示用戶不同操作時(shí)，UIAbility所處的不同狀態(tài)討論演示教師講解和演示學(xué)生觀看思考10告知（教學(xué)內(nèi)容、目的）掌握UIAbility的生命周期狀態(tài)及狀態(tài)之間的切換講解課件演示教師講解和演示學(xué)生觀看思考5任務(wù)簡介觀察不同狀態(tài)切換時(shí)，生命周期的變化。講解課件演示教師講解和演示學(xué)生觀看思考5任務(wù)分析通過本任務(wù)，掌握生命周期狀態(tài)，以及不同狀態(tài)的切換。講解課件演示教師講解和演示學(xué)生觀看思考20支撐知識UIAbility的創(chuàng)建及日志編寫講解教師講解和演示學(xué)生觀看思考10任務(wù)實(shí)施重寫生命周期函數(shù)添加日志代碼不同場景下，觀察日志代碼講解課件演示學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10分享交流不同場景切換時(shí)，日志代碼的執(zhí)行順序討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)15課程總結(jié)如何查看不同場景下，生命周期變化過程講解教師講解、學(xué)生觀看5課后作業(yè)按返回鍵時(shí)，觀察生命周期變化教學(xué)過程設(shè)計(jì)——任務(wù)6-2UIAbility組件啟動(dòng)模式（2課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入演示不同啟動(dòng)模式的運(yùn)行效果討論演示教師講解和演示學(xué)生觀看思考10告知（教學(xué)內(nèi)容、目的）掌握UIAbility啟動(dòng)模式特點(diǎn)及使用講解課件演示教師講解和演示學(xué)生觀看思考5任務(wù)簡介在不同應(yīng)用場景下，選擇合適的啟動(dòng)模式并實(shí)現(xiàn)。講解課件演示教師講解和演示學(xué)生觀看思考5任務(wù)分析通過本任務(wù)，掌握UIAbility啟動(dòng)模式的選用。講解課件演示教師講解和演示學(xué)生觀看思考20支撐知識UIAbility的創(chuàng)建及組件跳轉(zhuǎn)講解教師講解和演示學(xué)生觀看思考10任務(wù)實(shí)施新建3個(gè)UIAbility分別設(shè)置不同的啟動(dòng)模式新建AbilityStage，并實(shí)現(xiàn)代碼運(yùn)行應(yīng)用，觀察不同啟動(dòng)模式特點(diǎn)講解課件演示學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)10分享交流各啟動(dòng)模式特點(diǎn)，及各啟動(dòng)模式使用場景討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)15課程總結(jié)不同應(yīng)用場景，配置合適的啟動(dòng)模式講解教師講解、學(xué)生觀看5課后作業(yè)新建文檔和打開文檔功能的UIAbility啟動(dòng)模式實(shí)現(xiàn)教學(xué)過程設(shè)計(jì)——任務(wù)6-3UIAbility組件與UI的數(shù)據(jù)同步（4課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入U(xiǎn)IAbility中展示的頁面，如果要實(shí)現(xiàn)互相之間的傳值，該如何實(shí)現(xiàn)。討論演示教師講解和演示學(xué)生觀看思考15告知（教學(xué)內(nèi)容、目的）使用EventHub和globalThis實(shí)現(xiàn)UIAbility組件與UI的數(shù)據(jù)同步講解課件演示教師講解和演示學(xué)生觀看思考15任務(wù)簡介實(shí)現(xiàn)UIAbility組件與UI的數(shù)據(jù)同步講解課件演示教師講解和演示學(xué)生觀看思考10任務(wù)分析通過本任務(wù)，掌握UIAbility和頁面之間傳值的兩種方式。講解課件演示教師講解和演示學(xué)生觀看思考40支撐知識UIAbility日志編寫及提示氣泡的使用講解教師講解和演示學(xué)生觀看思考15任務(wù)實(shí)施制作UI界面，添加按鈕及點(diǎn)擊事件點(diǎn)擊按鈕，實(shí)現(xiàn)頁面數(shù)據(jù)傳給UIAbility點(diǎn)擊按鈕，實(shí)現(xiàn)UIAbility傳值給頁面講解課件演示學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)25分享交流EventHub和globalThis分別適用于哪個(gè)場景討論討論學(xué)生獨(dú)立完成、教師個(gè)別輔導(dǎo)30課程總結(jié)EventHub基于訂閱發(fā)布模式,globalThis作為全局變量，使用不安全，需要謹(jǐn)慎使用講解教師講解、學(xué)生觀看10課后作業(yè)用戶登錄時(shí)，將頁面輸入的用戶名和密碼傳給UIAbility，登錄結(jié)果由UIAbility傳給頁面。教學(xué)過程設(shè)計(jì)——任務(wù)6-4UIAbility組件間交互（4課時(shí)）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配引入演示啟動(dòng)組件并獲取返回值以及啟動(dòng)組件不同頁面的效果討論演示教師講解和演示學(xué)生觀看思考15告知（教學(xué)內(nèi)容、目的）掌握啟動(dòng)組件并獲取返回值的實(shí)現(xiàn)方式以及啟動(dòng)組件不同頁面的實(shí)現(xiàn)方式