鴻蒙應用開發項目式教程（AI助學）（微課版）-教案全套 全麗莉 項目1-10 第一個ArkTS應用（Stage模型） -綜合實訓-智能充電家用版應用

《鴻蒙應用開發項目式教程》課程教學單元設計第1頁共7頁《鴻蒙應用開發項目式教程》課程教學單元設計項目1第一個ArkTS應用（Stage模型）授課教師：授課班級:學時：4教學條件計算機實訓室、DevEcoStudio、鴻蒙模擬器、投影設備、廣播教學軟件、可聯網計算機教學素材教材講義、教學PPT、項目源碼、配套微課視頻、HarmonyOS官方開發文檔、實訓任務單教學目標設計知識目標：1.了解鴻蒙操作系統2.掌握DevEcoStudio的使用3.了解AI輔助編程工具4.熟悉工程目錄及配置文件5.了解ArkTS語言6.了解Stage模型技能目標：1.能夠熟練使用DevEcoStudio創建鴻蒙項目2.能夠熟練使用模擬器測試鴻蒙應用素質目標：1.具有良好的軟件編程規范素養2.樹立技術自信，培養精益求精的工匠精神任務描述基于DevEcoStudio創建Stage模型ArkTS應用，包含主界面、界面二兩個界面；主界面展示指定詩詞文案+跳轉按鈕，第二界面展示對應詩詞+返回按鈕；借助Router組件實現雙向界面跳轉，完成預覽器、模擬器全流程測試；熟悉鴻蒙開發環境、項目結構、界面路由基礎開發流程教學內容1.鴻蒙系統知識：OpenHarmony開源項目、HarmonyOS商用系統、HarmonyOSNEXT介紹2.項目結構：Stage模型工程目錄、app.json5與module.json5配置文件說明3.基礎理論：ArkTS語言簡介、Stage模型架構（UIAbility、WindowStage、Context）4.開發環境：DevEcoStudio安裝、工程創建、模擬器創建啟動、預覽器使用5.開發實操：新建界面、ArkUI文本/Button組件、Router路由pushUrl/back實現界面跳轉6.AI輔助：CodeGenie智能編程工具登錄與基礎問答使用重點：DevEcoStudio環境搭建與項目創建、界面創建、Router界面跳轉實現、預覽器與模擬器調試難點：Stage模型架構理解、工程配置文件作用區分、pushUrl與replaceUrl兩種路由方式區別任務分析與實現1.需求梳理：雙界面布局、文字展示、按鈕跳轉返回2.開發流程：安裝IDE→新建EmptyAbility項目→修改首頁UI→新建SecondPage界面→編寫路由跳轉代碼→預覽調試→模擬器運行測試→體驗CodeGenie工具3.運行效果：點擊按鈕可在主界面、界面二互相切換，應用正常在模擬器運行

教學過程設計主要步驟教學內容教學方法教學手段師生活動問題引入展示手機APP界面切換效果，拋出問題：APP多個界面如何創建、界面之間怎么跳轉？引入鴻蒙Stage模型應用開發，引出本項目雙界面跳轉案例講授法、情景提問法課件、成品APP演示、運行效果圖教師：案例演示，提出思考問題；學生：觀察效果、思考討論知識講解1.國產鴻蒙系統：OpenHarmony與HarmonyOS區別、技術自主創新科普2.Stage模型整體架構、工程目錄與兩個核心配置文件3.ArkTS基礎介紹、Router路由兩種跳轉方式區別4.DevEcoStudio界面分區、模擬器原理、CodeGenie工具簡介啟發式講授、對比講解PPT課件、目錄結構圖、架構原理圖投屏教師：知識點拆解講解；學生：課堂記錄，疑問舉手提問示范操作1.分步演示DevEcoStudio安裝、模擬器創建啟動2.演示EmptyAbility項目創建，修改Index首頁文本與按鈕3.演示新建SecondPage界面、修改界面文案4.導入router模塊，編寫跳轉、返回代碼，預覽+模擬器運行調試分步實操演示、邊寫邊講投屏、DevEco實時代碼編寫教師：分步實操演示，強調易錯點；學生：跟隨記錄關鍵代碼步驟實戰訓練學生獨立完成項目全流程：環境校驗→新建項目→雙界面布局開發→路由跳轉代碼編寫→預覽自測→模擬器運行；遇到bug自主排錯，教師巡回答疑項目驅動教學、自主實操實訓室開發環境、實訓指導書學生：獨立編碼開發、調試程序；教師：巡回巡查，針對性答疑糾錯評估討論1.功能驗收：檢查界面文字、跳轉返回功能是否正常2.查看代碼規范性、項目目錄結構是否規范3.挑選優秀學生作品投屏展示，小組互相點評作品點評、學生互評、過程考核模擬器投屏、評分記錄表學生：演示自己項目、互評優缺點；教師：總結共性錯誤，優化指導課堂總結1.梳理鴻蒙系統、Stage模型、項目目錄核心知識點2.總結界面創建、Router跳轉開發步驟3.歸納開發環境、預覽器/模擬器使用要點、AI輔助編程作用框架梳理、歸納復盤思維導圖課件學生：整理課堂筆記；教師：提煉知識重難點課后作業完善本次元服務項目代碼，獨立完成AI賦能拓展任務：初識DevEcoAI輔助編程工具。任務驅動、自主拓展多媒體發布作業學生：課下完成拓展任務、提交材料；教師：明確作業評分標準《鴻蒙應用開發項目式教程》課程教學單元設計項目2中國汽車銷量排行榜應用授課教師：授課班級:學時：12教學條件計算機實訓室、DevEcoStudio、模擬器、投影、廣播教學軟件、網絡環境教學素材教材、課件、實訓單、源碼庫、微課、教學網站、ArkTS官方文檔教學目標設計知識目標：1.熟悉ArkTS基礎語法2.熟悉@Builder用法3.熟悉裝飾器@State、@Prop、@Link用法4.熟悉自定義組件生命周期函數技能目標：能夠使用ArkTS實現應用簡單功能素質目標：1.培養使用ArkTS裝飾器進行組件化開發和數據傳遞的規范編程習慣2.提升通過預覽器與模擬器測試UI布局及數據展示準確性的質量保障意識任務描述基于DevEcoStudio開發汽車銷量排行應用，完成項目結構、模擬數據、自定義組件、主界面、數據切換、返回退出、銷量總和統計功能，在預覽器/模擬器正常運行，掌握ArkTS、組件化、狀態管理核心技能。教學內容1.ArkTS：變量常量、類型、運算符、流程控制、函數、面向對象、模塊化2.裝飾器：@Entry、@Component、@Builder、@State、@Prop、@Link3.生命周期：aboutToAppear、aboutToDisappear等4.項目分層：數據模型、視圖模型、組件5.模擬數據、列表渲染、數據切換重點：ArkTS裝飾器、自定義組件、列表渲染、數據切換與狀態管理難點：@State/@Prop/@Link數據綁定、@Builder復用、父子通信、生命周期任務分析與實現1.需求：排行展示、數據切換、退出、銷量總和2.流程：新建項目→目錄→數據模型→模擬數據→組件開發→主界面→測試→AI拓展3.效果：列表展示、切換數據、退出、底部顯示銷量總和

教學過程設計主要步驟教學內容教學方法教學手段師生活動問題引入展示汽車銷量數據，提問：如何實現排行展示、數據切換、組件復用？講授、引導提問課件、效果演示教師：演示引導；學生：思考作答知識講解1.ArkTS基礎語法2.核心裝飾器用法3.組件生命周期4.項目分層結構5.列表與數據邏輯啟發講解、案例對比課件、代碼投屏學生：聽講記錄；教師：答疑梳理示范操作1.新建項目與結構搭建2.數據模型與模擬數據3.三大組件開發4.主界面與邏輯實現5.預覽/模擬器調試分步演示、實操講解投屏、DevEco演示學生：觀摩記錄；教師：強調重難點實戰訓練獨立完成項目開發：結構、數據、組件、界面、切換、退出、銷量總和項目驅動、動手實踐開發環境、實訓書學生：實操排錯；教師：巡回指導評估討論1.功能檢查：界面、切換、退出、總和2.代碼規范檢查3.優秀作品展示點評4.綜合考核點評、互評、激勵作品投屏、評分表學生：演示互評；教師：點評優化課堂總結1.ArkTS與裝飾器要點2.組件化與數據傳遞3.生命周期與綁定規則4.項目分層與復用梳理歸納、復盤課件、知識框架學生：整理鞏固；教師：總結體系課后作業完善項目代碼，獨立完成AI賦能拓展任務：在中國汽車銷量排行榜應用中增加計算年銷售量前10名汽車品牌的年銷售總量功能；提交完整源碼、運行截圖、實訓報告任務布置、自主拓展多媒體學生：完成作業；教師：明確要求《鴻蒙應用開發項目式教程》課程教學單元設計項目3樂購圈應用授課教師：授課班級:學時：12教學條件計算機實訓室、DevEcoStudio開發工具、投影設備、廣播教學軟件教學素材教材《鴻蒙應用開發項目式教程》、教學課件、實訓項目單、案例源碼庫、微課視頻、教學網站教學目標設計知識目標：

1.熟悉ArkUI基礎組件的類型和使用方法。

2.掌握容器組件的布局方式。

3.理解路由的基本原理。技能目標：

1.能夠使用基礎組件構建簡單界面。

2.能夠靈活使用容器組件進行布局。

素質目標：

1.具有良好的軟件編碼規范素養2.提升問題解決能力任務描述為滿足消費者在購物過程中對社交互動、分享體驗和獲取建議的需求，需要開發一款"樂購圈"社交購物App。該App主要包含三個核心頁面：登錄頁面（提供賬號密碼登錄、短信驗證碼登錄和第三方登錄選項）、首頁（展示輪播商品推廣和好物推薦）、我的頁面（顯示用戶賬號信息，提供訂單、資訊、關注等功能）。教學內容熟悉ArkUI基礎組件的類型和使用方法。

掌握容器組件的布局方式。

理解路由的基本原理。

學習樂購圈App的整體架構設計。重點：

熟悉ArkUI基礎組件的類型和使用方法；掌握容器組件的布局方式；理解路由的基本原理。難點：

容器組件布局的靈活運用；路由跳轉的實現；頁面間數據傳遞。任務分析與實現1.需求：購物瀏覽、用戶登錄、底部導航、個人信息管理；2.流程：新建項目→準備資源→定義常量與數據模型→構建自定義組件→實現登錄與主頁面→注冊頁面路由→預覽與模擬器測試；3.效果：登錄驗證跳轉、首頁輪播與商品展示、Tab切換、個人中心信息展示。

教學過程設計主要步驟教學內容教學方法教學手段師生活動問題引入什么是ArkUI組件？為什么需要容器組件？路由在App開發中有什么作用？教師講授

引導法多媒體教師：講解演示

學生：觀察思考知識講解1：熟悉ArkUI基礎組件的類型和使用方法。

2：掌握容器組件的布局方式。

3：理解路由的基本原理。

4：樂購圈App架構設計。啟發講解

討論歸納多媒體

課件演示

代碼投屏思考

交流互動

分組討論

記錄筆記示范操作1：使用Text、Image、Button等基礎組件。

2：使用Column、Row、Stack等容器組件布局。

3：配置路由實現頁面跳轉。

4：搭建樂購圈App項目框架。問題引導

操作演示

分析歸納多媒體投屏

DevEcoStudio實時演示觀摩思考

歸納總結實戰訓練課堂實踐：完成樂購圈App登錄頁面開發，使用ArkUI基礎組件和容器組件進行布局，并實現路由跳轉功能。動手實踐

做中學DevEcoStudio真實開發環境實踐操作

查閱資料

巡視指導評估討論1.評估討論實訓任務的實施過程；

2.給出參考的解決方案；

3.展示討論學生的解決方案；教師啟發

討論歸納

分數激勵實訓項目單

結果演示思考

結果演示課堂總結1.ArkUI基礎組件是構建UI界面的基礎，包括Text、Image、Button等。

2.掌握容器組件的布局方式包括Column、Row、Stack等容器的靈活運用。

3.理解路由的基本原理包括頁面注冊、路由跳轉和數據傳遞。

4.樂購圈App采用模塊化架構，包含登錄、首頁、我的三個核心模塊。教師講解多媒體

課件演示

代碼回顧整理筆記

引導創新課后作業完善項目代碼，獨立完成AI賦能拓展任務：在樂購圈應用中添加一個注冊頁面，允許新用戶創建賬號。該頁面將從登錄頁面的注冊新賬號按鈕進入，包含基本的注冊表單；提交完整源碼、運行截圖、實訓報告。任務布置、自主拓展多媒體布置作業

提出要求《鴻蒙應用開發項目式教程》課程教學單元設計項目4手勢密碼應用授課教師：授課班級:學時：8教學條件計算機實訓室、DevEcoStudio開發工具、投影設備、廣播教學軟件教學素材教材《鴻蒙應用開發項目式教程》、教學課件、實訓項目單、案例源碼庫、微課視頻、教學網站教學目標設計知識目標：

1.掌握ArkDataPreferencesAPI的常用方法及生命周期2.理解輕量級鍵值對存儲機制。3.熟悉PatternLock組件的屬性、事件及PatternLockController控制器的使用方法技能目標：

1.能夠使用PreferencesAPI完成數據的異步讀寫、更新與持久化。2.能夠基于PatternLock組件實現圖案密碼的設置、驗證與重置完整流程。素質目標：

1.具有良好的數據安全與隱私保護意識，遵循最小權限與加密存儲規范。2.提升異常處理與調試能力，能主動記錄日志并定位數據操作錯誤。任務描述本應用展示了手勢密碼組件的使用，實現了密碼設置、驗證和重置功能。手勢密碼組件：以宮格圖案的方式輸入密碼，用于密碼驗證。手指觸碰屏幕上的手勢密碼區域時開始進入輸入狀態，手指離開屏幕時結束輸入狀態并向應用返回輸入的密碼。使用到用戶首選項接口@ohos.data.preferences異步獲取用戶設定過的密碼。教學內容掌握ArkDataPreferencesAPI的常用方法及生命周期。

理解輕量級鍵值對存儲機制。

熟悉PatternLock組件的屬性、事件。

學習手勢密碼App的整體架構設計。重點：

掌握ArkDataPreferencesAPI的常用方法及生命周期；理解輕量級鍵值對存儲機制；熟悉PatternLock組件的屬性、事件。難點：

PreferencesAPI的生命周期管理；PatternLock組件的事件處理；數據存儲的安全性保障。任務分析與實現需求：圖案密碼設置、密碼驗證、密碼重置、數據持久化、頁面跳轉流程：新建項目→準備資源→定義常量→封裝工具類→構建自定義組件→實現Index主頁面→實現Home頁面→注冊頁面路由→預覽與模擬器測試3.效果：首次設置密碼、驗證解鎖、重置密碼、解鎖成功提示

教學過程設計主要步驟教學內容教學方法教學手段師生活動問題引入什么是ArkDataPreferences？輕量級鍵值對存儲有什么特點？PatternLock組件如何實現手勢識別？教師講授

引導法多媒體教師：講解演示

學生：觀察思考知識講解1：掌握ArkDataPreferencesAPI的常用方法及生命周期。

2：理解輕量級鍵值對存儲機制。

3：熟悉PatternLock組件的屬性、事件。

4：手勢密碼App架構設計。啟發講解

討論歸納多媒體

課件演示

代碼投屏思考

交流互動

分組討論

記錄筆記示范操作1：創建Preferences實例并進行數據存儲。

2：實現數據的讀取、更新和刪除操作。

3：使用PatternLock組件實現手勢輸入。

4：搭建手勢密碼App項目框架。問題引導

操作演示

分析歸納多媒體投屏

DevEcoStudio實時演示觀摩思考

歸納總結實戰訓練課堂實踐：完成手勢密碼App的核心功能開發，包括手勢密碼的創建、驗證和存儲功能。動手實踐

做中學DevEcoStudio真實開發環境實踐操作

查閱資料

巡視指導評估討論1.評估討論實訓任務的實施過程；

2.給出參考的解決方案；

3.展示討論學生的解決方案；

4.考核學生結果。教師啟發

討論歸納

分數激勵實訓項目單

結果演示思考

結果演示課堂總結1.ArkDataPreferences是鴻蒙提供的輕量級鍵值對存儲API，適用于存儲少量配置數據。

2.理解輕量級鍵值對存儲機制具有高效、簡單的特點，適合存儲用戶偏好設置等數據。

3.熟悉PatternLock組件的屬性、事件包括手勢繪制、驗證、回調事件處理等。

4.手勢密碼App采用分層架構，確保數據安全和用戶體驗。教師講解多媒體

課件演示

代碼回顧整理筆記

引導創新課后作業完善項目代碼，獨立完成AI賦能拓展任務：當用戶連續輸入錯誤密碼達到5次時，應用自動鎖定圖案輸入區域60秒，期間無法再次嘗試解鎖。倒計時結束后，用戶可重新輸入密碼；提交完整源碼、運行截圖、實訓報告。教師講授多媒體布置作業

提出要求《鴻蒙應用開發項目式教程》課程教學單元設計項目5體育用品商城應用授課教師：授課班級:學時：12教學條件計算機實訓室、DevEcoStudio開發工具、投影設備、廣播教學軟件教學素材教材《鴻蒙應用開發項目式教程》、教學課件、實訓項目單、案例源碼庫、微課視頻、教學網站教學目標設計知識目標：1．熟悉使用ArkWeb提供的Web組件顯示網頁的方法2．了解Web組件的生命周期3．熟悉應用側調用前端頁面函數的方法4．熟悉前端頁面調用應用側函數的方法技能目標：1．能熟練使用ArkWeb的Web組件搭建項目2．能實現應用側與Web前端頁面的雙向通信素質目標：1．培養Web與原生應用一體化開發的工程實踐能力2．在跨技術棧開發中，養成遵循規范、保障代碼質量與協作效率的嚴謹習慣任務描述創建一個體育用品商城應用，主界面呈現大號標題“ArkWeb體育用品商城”，底部放置一個“進入商城”按鈕。點擊該按鈕后，應用通過ArkUI的router路由跳轉至商城商品界面，實現Web頁面嵌入以及相關交互。教學內容1.ArkWeb簡介。2.Web組件的生命周期。3.使用Web組件加載頁面。4.Web頁面渲染與布局。5.應用側調用前端頁面函數。6.前端頁面調用應用側函數。重點：使用Web組件加載頁面、應用側與前端頁面通信難點：$rawfile使用規范、runJavaScript與javaScriptProxy用法、通信功能調試要點任務分析與實現1.任務需求分析：開發體育用品商城鴻蒙應用，實現頁面跳轉、Web頁面嵌入、原生與前端雙向通信及購物車拓展功能。2.項目架構設計：采用ArkUI原生、ArkWeb引擎、Web前端三層架構，依托導航路由與組件能力實現跨技術棧融合開發。3.核心功能實現：依次完成工程配置、頁面開發、Web組件集成、雙向交互開發、生命周期適配與功能測試全流程開發。

教學過程設計主要步驟教學內容教學方法教學手段師生活動問題引入結合日常使用的電商、資訊類App，提問：鴻蒙系統如何實現原生頁面內嵌網頁。展示體育用品商城效果圖，提出問題：怎樣實現原生頁面與網頁商品的相互點擊、數據交互。3.引出本節課核心內容：使用ArkWeb完成原生與Web融合開發。教師講授引導法多媒體教師：講解演示學生：觀察思考知識講解ArkWeb基礎：講解ArkWeb引擎作用、Web組件應用場景、核心能力及WebviewController控制器的用途。Web組件生命周期：介紹正常/異常加載流程，梳理生命周期回調順序、各回調函數觸發時機與實際應用場景。3.頁面加載方式：講解加載網絡頁面、本地rawfile頁面、HTML富文本三種方式，說明網絡權限配置、$rawfile使用規范。渲染與布局：對比同步、異步渲染模式，講解自適應布局的特點、適用場景與約束限制。雙向通信原理：講解應用側通過runJavaScript調用前端JS；講解通過javaScriptProxy完成對象注冊，實現前端調用原生ArkTS方法。啟發講解討論歸納多媒體課件演示代碼投屏思考交流互動分組討論記錄筆記示范操作1.新建鴻蒙項目，按規范搭建目錄，將HTML、JS、圖片等前端資源放入rawfile目錄。2.編寫商城首頁Index.ets，完成頁面標題、按鈕及路由跳轉功能開發。3.編寫商品頁Goods.ets，引入Web組件加載本地前端頁面。4.實現應用側調用前端函數：添加“展示優惠組合”按鈕，調用前端showSales方法。5.實現前端調用原生方法：通過javaScriptProxy注冊原生接口，完成添加商品彈出購物車提示功能。問題引導操作演示分析歸納多媒體投屏DevEcoStudio實時演示觀摩思考歸納總結實戰訓練1.搭建項目目錄，導入前端靜態資源。2.完成商城首頁、商品頁布局，實現頁面路由跳轉。3.使用Web組件加載本地頁面，實現原生調用前端優惠展示、前端調用原生購物車彈窗功能。動手實踐做中學DevEcoStudio真實開發環境實踐操作查閱資料巡視指導評估討論1.成果評估：展示學生項目，從界面布局、功能完整性、代碼規范三方面進行點評。2.問題匯總：梳理Web頁面加載失敗、雙向通信失效、布局錯亂、數據計算錯誤等高頻問題，統一分析原因。3.分組討論：探討Web組件不同加載方式的適用場景、原生與Web雙向通信核心要點、移動端與PC端商城布局差異。4.小組代表分享觀點，教師補充總結。教師啟發討論歸納分數激勵實訓項目單作品投屏思考結果演示課堂總結1.回顧核心知識點：ArkWeb介紹、Web組件生命周期、三種頁面加載方式、雙向通信核心API。2.復盤項目完整開發流程：頁面搭建、Web組件嵌入、交互功能實現、購物車拓展開發。3.重申重難點：$rawfile使用規范、runJavaScript與javaScriptProxy用法、通信功能調試要點。4.結合體育精神，強調嚴謹編碼、持續鉆研的職業素養。教師講解多媒體課件演示代碼回顧整理筆記引導創新課后作業完善課堂實訓項目項目，獨立完成AI賦能拓展任務：進一步實現購物車功能。用戶可以在購物車界面查看已添加的商品名稱與價格、自動計算優惠金額、計算商品總價，以及清空購物車。教師講授多媒體布置作業提出要求《鴻蒙應用開發項目式教程》課程教學單元設計項目6桌面計算器授課教師：授課班級:學時：8教學條件計算機實訓室、DevEcoStudio開發工具、投影設備、廣播教學軟件教學素材教材《鴻蒙應用開發項目式教程》、教學課件、實訓項目單、案例源碼庫、微課視頻、教學網站教學目標設計知識目標：1．熟悉FormKit的服務卡片架構、特征等2．掌握ArkTS卡片的創建方法3．掌握ArkTS卡片配置文件的結構和作用4．掌握ArkTS卡片從創建到銷毀的完整生命周期流程技能目標：能夠使用ArkTS卡片開發計算器卡片素質目標：1．培養工程化思維與規范意識2．具有職業責任感，強化質量意識任務描述手機桌面計算器是日常高頻使用工具，本次任務要求基于鴻蒙ArkTS+ArkUI框架，開發一款桌面計算器應用。需完成項目資源配置、計算器主界面搭建、四則運算邏輯編碼、桌面ArkTS卡片開發、配置文件編寫、卡片生命周期管理，最終在預覽器和模擬器中調試運行，實現計算器基礎運算與桌面卡片復用功能。教學內容1．鴻蒙項目目錄結構認知、字符串資源與應用圖標配置。2．ArkUI聲明式UI布局、狀態管理與按鈕組件開發。3．中綴表達式解析、調度場算法、后綴表達式運算邏輯實現。4．計算器卡片界面復用開發與頁面代碼修改。5．module.json5、form_config.json卡片配置文件編寫。6．FormExtensionAbility卡片生命周期回調方法使用。7．應用預覽器測試、模擬器功能測試與Bug調試。重點：掌握ArkUI界面開發、計算器運算邏輯、ArkTS卡片配置文件編寫難點：調度場算法邏輯理解、卡片生命周期回調、組件功能復用任務分析與實現1.任務需求分析：開發帶桌面卡片的鴻蒙計算器。2.項目架構設計：采用ArkUI前端展示+運算算法+Form卡片擴展Ability三層架構，卡片復用主頁面代碼簡化開發。3.核心功能實現：借助FormExtensionAbility管理卡片生命周期，雙配置文件實現桌面卡片。

教學過程設計主要步驟教學內容教學方法教學手段師生活動問題引入手機桌面計算器如何開發？鴻蒙桌面卡片是什么？如何實現計算器功能與桌面卡片計算器？教師講授引導法多媒體教師：講解演示學生：觀察思考知識講解1.鴻蒙項目目錄結構、字符串與圖標資源配置；2.ArkUI聲明式布局、@State狀態管理、按鈕組件應用；3.中綴轉后綴表達式、調度場算法原理；4.ArkTS卡片結構、module與form配置文件作用；5.卡片生命周期7個核心回調函數功能。啟發講解討論歸納多媒體課件演示代碼投屏思考交流互動分組討論記錄筆記示范操作1.創建鴻蒙項目并配置string.json、應用圖標資源；2.編碼實現Index.ets計算器主界面布局與按鈕事件；3.講解運算核心代碼、中綴轉后綴算法調試；4.開發CardCalculator.ets卡片界面、復用業務邏輯；5.編寫module.json5和form_config.json配置文件；6.編寫卡片生命周期代碼、預覽器與模擬器測試。問題引導操作演示分析歸納多媒體投屏DevEcoStudio實時演示觀摩思考歸納總結實戰訓練學生獨立完成完整實訓任務：參照課本項目案例，獨立完成鴻蒙計算器全流程開發，完成界面搭建、運算邏輯編碼、卡片配置、生命周期編寫，在預覽器和模擬器中運行測試。動手實踐做中學DevEcoStudio真實開發環境實踐操作查閱資料巡視指導評估討論1.評估學生項目完成進度與代碼規范；2.展示標準參考源碼與實現方案；3.抽取學生作品演示運行效果、集體點評；4.從功能實現、代碼規范、界面布局進行綜合考核。教師啟發討論歸納分數激勵實訓項目單作品投屏思考結果演示課堂總結1.ArkUI聲明式開發是鴻蒙界面開發核心，狀態管理是交互基礎；2.調度場算法是實現計算器優先級運算的關鍵，需理解棧的使用邏輯；3.ArkTS卡片支持代碼復用，只需修改入口組件即可共享業務邏輯；4.module.json5和form_config.json是卡片正常運行的核心配置文件，路徑和參數必須準確；5.FormExtensionAbility進程有10s存活限制，耗時業務需交由主應用處理。教師講解多媒體課件演示代碼回顧整理筆記引導創新課后作業完善本次計算器項目，獨立完成AI賦能拓展任務：在主界面和卡片界面新增計算歷史記錄保存功能，展示最近1條運算記錄；提交完整項目源碼、運行截圖及開發實訓報告。教師講授多媒體布置作業提出要求《鴻蒙應用開發項目式教程》課程教學單元設計項目7校園通應用授課教師：授課班級:學時：12教學條件計算機實訓室、DevEcoStudio開發工具、投影設備、廣播教學軟件教學素材教材《鴻蒙應用開發項目式教程》、教學課件、實訓項目單、案例源碼庫、微課視頻、教學網站教學目標設計知識目標：1．了解NetworkKit網絡服務概念2．了解網絡連接管理、網絡狀態變化3．掌握使用HTTP訪問網絡的方法4．掌握使用RCP訪問網絡的方法技能目標：1．能熟練將項目接入網絡2．能熟練使用NetworkKit請求數據素質目標：1．樹立規范使用網絡、注重數據安全的意識2．在封裝網絡請求、處理異步數據時，培養構建清晰的代碼結構與主動調試排錯的習慣任務描述本項目旨在開發一款名為“校園通”的移動應用，為師生提供便捷的校園信息服務。在主界面展示當前日期以及用戶信息；點擊“進入校園”按鈕后進入校園通主功能界面，展示校園新聞和本周課表，底部留言板提供提交留言功能。教學內容1.網絡服務NetworkKit簡介。2.網絡狀態變化。3.使用HTTP請求網絡數據。4.使用RCP請求網絡數據。5.搭建本地Node服務器。重點：使用HTTP請求網絡數據難點：數據的請求與處理，異步處理、異常捕獲任務分析與實現1.任務需求分析：開發校園通App，實現首頁數據加載、校園新聞、課程表、留言提交以及新聞詳情彈窗查看等網絡交互功能。2.項目架構設計：采用鴻蒙ArkUI前端頁面+Node.js本地服務端架構，通過HTTP協議完成客戶端與服務端的數據通信與接口調用。3.核心功能實現：配置網絡權限并搭建本地Node服務器，使用HTTP的GET/POST請求完成數據拉取與留言提交，新增接口與彈窗組件實現新聞詳情查看功能。

教學過程設計主要步驟教學內容教學方法教學手段師生活動問題引入結合日常校園場景提問：校園通知、課表、留言等信息如何在手機App上實時展示？引出NetworkKit網絡框架，講解本項目將借助HTTP網絡通信，完成校園通App數據交互開發。教師講授引導法多媒體教師：講解演示學生：觀察思考知識講解介紹NetworkKit網絡服務整體作用、應用場景與所需網絡權限配置；講解網絡狀態監聽的對象創建、事件訂閱、啟停監聽全套流程；詳解HTTP協議GET/POST請求用法、請求參數、響應結果解析及異常處理；簡述RCP通信框架核心概念與基礎使用；5.講解Node.js本地HTTP服務器搭建、路由接口編寫與跨域配置。啟發講解討論歸納多媒體課件演示代碼投屏思考交流互動分組討論記錄筆記示范操作搭建Node.js本地服務器，編寫用戶、日期、新聞、課表、留言及新聞詳情接口；在鴻蒙項目中配置網絡權限，搭建項目頁面目錄；編碼實現首頁GET請求加載日期、用戶信息，完成頁面路由跳轉；4.實現主頁面新聞、課表數據拉取與留言板POST提交功能。問題引導操作演示分析歸納多媒體投屏DevEcoStudio實時演示觀摩思考歸納總結實戰訓練1.完成網絡權限配置、搭建本地Node服務器。2.完成實現校園通首頁、主頁面基礎布局。3.使用GET/POST網絡請求，完成數據展示與留言提交。動手實踐做中學DevEcoStudio真實開發環境實踐操作查閱資料巡視指導評估討論展示學生實訓作品，從權限配置、網絡請求、功能完整性、代碼規范四個維度進行點評；匯總網絡請求失敗、跨域報錯、數據解析異常等常見問題并統一講解解決方案；3.分組討論GET與POST請求的使用區別、移動端網絡開發注意事項。教師啟發討論歸納分數激勵實訓項目單作品投屏思考結果演示課堂總結1回顧NetworkKit、網絡狀態監聽、HTTP請求、Node服務等核心知識點；2.梳理校園通App從服務端搭建、權限配置、頁面開發到網絡交互的完整開發流程；重申網絡請求異步處理、異常捕獲、跨域處理等重難點；4.強調規范編碼與嚴謹排查問題的職業素養。教師講解多媒體課件演示代碼回顧整理筆記引導創新課后作業完善課堂實訓項目項目，獨立完成AI賦能拓展任務：進一步完善校園通功能，用戶可以點擊校園新聞欄右側的詳情按鈕，通過彈窗展示校園新聞的詳情。教師講授多媒體布置作業提出要求《鴻蒙應用開發項目式教程》課程教學單元設計項目8視頻播放器應用授課教師：授課班級:學時：12教學條件計算機實訓室、DevEcoStudio開發工具、投影設備、廣播教學軟件教學素材教材《鴻蒙應用開發項目式教程》、教學課件、實訓項目單、案例源碼庫、微課視頻、教學網站教學目標設計知識目標：1．理解HarmonyOS多媒體開發框架MediaKit的核心功能及其應用場景2．掌握AVPlayer組件的功能特性和狀態機生命周期3．掌握XComponent組件在視頻渲染中的角色及其與AVPlayer的協作機制4．掌握PanGesture手勢控制的用法技能目標：能夠使用ArkTS實現視頻播放器素質目標：1．培養用戶導向的設計思維2．培養規范的編程習慣，強化資源管理安全意識任務描述創建一個視頻播放器應用。該應用能夠獲取本地存儲視頻，通過AVPlayer進行視頻播放控制，實現播放/暫停、視頻切換、倍速播放、進度控制、音量調節等功能。視頻播放界面支持全屏播放。教學內容1.MediaKit框架各組件功能介紹、rawfile視頻資源獲取方式。2.AVPlayer完整狀態機生命周期與各狀態API調用規則。3.XComponent組件創建Surface實現視頻渲染配置。4.播放控制：播放暫停、切視頻、倍速、進度、音量代碼實現。5.PanGesture手勢綁定、三階段回調實現滑動調音量。6.窗口API實現全屏橫豎屏切換與控件顯隱控制。7.MVVM分層編碼、模擬器整體聯調測試。重點：AVPlayer狀態管理、播放器各項播放控制、PanGesture手勢開發難點：AVPlayer多狀態流轉邏輯、MVVM分層開發、全屏尺寸自適應任務分析與實現1.任務需求分析：開發本地視頻播放器，實現視頻加載、播放控制、手勢調參、全屏播放全套功能。2.項目架構設計：采用MVVM分層架構，分離UI、數據、業務控制代碼，便于后期功能擴展。3.核心功能實現：借助AVPlayer做媒體解碼，XComponent渲染畫面，PanGesture完成手勢交互，窗口API實現全屏切換。

教學過程設計主要步驟教學內容教學方法教學手段師生活動問題引入手機播放器如何讀取本地視頻？播放卡頓、畫面渲染依靠什么組件？滑動調節音量依靠什么手勢？教師講授引導法多媒體教師：講解演示學生：觀察思考知識講解1.MediaKit整體框架與各子模塊作用；2.resourceManager讀取rawfile視頻資源方法；3.AVPlayer狀態流轉與對應API；4.XComponent創建Surface綁定播放器流程；5.PanGesture手勢三個回調方法與方向參數；6.窗口API橫豎屏、狀態欄隱藏實現原理。啟發講解討論歸納多媒體課件演示代碼投屏思考交流互動分組討論記錄筆記示范操作1.新建項目并導入mp4視頻至rawfile目錄；2.編寫Model實體類與ViewModel實現視頻列表解析；3.編碼XComponent渲染頁面、初始化AVPlayer并綁定Surface；4.分步實現播放暫停、進度拖動、倍速、音量控制代碼；5.添加PanGesture手勢實現滑動調音量；6.編寫全屏切換邏輯，模擬器調試尺寸適配。問題引導操作演示分析歸納多媒體投屏DevEcoStudio實時演示觀摩思考歸納總結實戰訓練學生獨立完成實訓：參照教材案例，基于MVVM完整實現視頻播放器，完成資源讀取、播放控制、手勢、全屏全部功能，模擬器調試運行。動手實踐做中學DevEcoStudio真實開發環境實踐操作查閱資料巡視指導評估討論1.核查項目完整度與資源釋放代碼規范性；2.展示標準參考代碼與實現方案；3.隨機抽取學生作品演示播放效果，集中點評優缺點；4.從功能、代碼規范、兼容性綜合評分。教師啟發討論歸納分數激勵實訓項目單作品投屏思考結果演示課堂總結1.MediaKit是鴻蒙多媒體開發基礎，AVPlayer是播放器核心；2.AVPlayer狀態嚴格有序切換，錯誤調用會造成播放異常與內存泄漏；3.XComponent提供渲染表面，是視頻畫面正常顯示必備組件；4.PanGesture三段回調配合坐標計算可快速實現各類滑動交互；5.項目遵循MVVM分層便于維護，使用完畢必須調用release釋放媒體資源。教師講解多媒體課件演示代碼回顧整理筆記引導創新課后作業完善現有播放器項目，完成AI拓展任務：新增上下手勢調節屏幕亮度功能，提交完整項目源碼、運行截圖與實訓報告。教師講授多媒體布置作業提出要求《鴻蒙應用開發項目式教程》課程教學單元設計項目9第一個元服務授課教師：授課班級:學時：4教學條件計算機實訓室、DevEcoStudio開發工具、模擬器設備、投影設備、廣播教學軟件、網絡環境（用于華為開發者賬號授權）教學素材教材《鴻蒙應用開發項目式教程》、教學課件、實訓項目單、案例源碼庫、微課視頻、教學網站、元服務開發官方規范文檔教學目標設計知識目標：1.了解元服務相關概念2.熟悉元服務的創建方法3.熟悉元服務卡片的創建方法4.熟悉元服務的運行方法技能目標：能夠熟練創建元服務素質目標：1.加強關注交互細節和用戶體驗優化的意識2.增強對鴻蒙系統新特性的快速學習與應用能力任務描述本項目為鴻蒙元服務基礎實訓項目，基于DevEcoStudio開發工具完成首個鴻蒙元服務開發。學生需完成元服務工程創建、華為開發者賬號授權與AppID配置、項目基礎配置、元服務圖標生成配置、主界面搭建、桌面服務卡片創建與界面修改，最終實現桌面卡片展示“我是卡片，點我進入元服務”，點擊卡片跳轉元服務主界面并展示“AtomicService”。同時結合AI賦能任務，完成天氣、溫度動態刷新拓展功能，掌握元服務從創建、開發、配置到模擬器運行測試的全流程，熟練掌握鴻蒙元服務輕量化開發核心流程與規范。教學內容1.元服務基礎認知：元服務概念、核心特征、優勢、使用場景，對比傳統應用與元服務的區別。2.元服務命名規范：合規命名規則、各類禁用詞匯與違規內容要求，掌握元服務開發合規標準。3.元服務工程搭建：AtomicService項目創建、CloudDev資源關聯、華為賬號授權、AppID選擇與項目配置。4.項目資源配置：通過ImageAsset生成元服務圖標，完成模塊配置文件圖標參數設置。5.界面開發：元服務主界面文字內容修改、服務卡片創建、模板選擇與卡片界面內容定制。6.元服務運行測試：模擬器直接運行項目、桌面添加服務卡片、卡片點擊啟動元服務的完整操作。7.AI賦能拓展開發：借助CodeGenie優化界面代碼、生成隨機溫度、天氣模擬函數，實現信息定時刷新功能。重點：元服務工程創建與配置、服務卡片創建與界面修改、元服務模擬器運行與桌面部署操作、元服務命名合規規范。難點：元服務與服務卡片的關聯邏輯、AI輔助代碼生成與優化、動態數據刷新功能實現、元服務合規開發細節把控。任務分析與實現1.任務需求分析：明確元服務主界面、桌面卡片展示效果，掌握卡片跳轉核心交互邏輯，熟知合規開發要求。2.開發流程設計：工程創建→賬號授權與項目配置→圖標資源配置→主界面開發→服務卡片創建與修改→模擬器測試部署→AI拓展功能開發。3.核心效果實現：桌面卡片展示指定文案，點擊卡片正常跳轉元服務，主界面展示指定內容，拓展實現天氣溫度動態刷新。教學過程設計主要步驟教學內容教學方法教學手段師生活動問題引入講解鴻蒙元服務的應用場景，對比傳統APP，提問元服務輕量化優勢是什么？手機桌面小組件、負一屏服務和元服務卡片有何區別？如何自主開發一款可桌面展示的鴻蒙元服務？教師講授、引導提問法多媒體課件、真機演示教師：場景演示、問題引導、知識點導入學生：觀察體驗、思考問題、互動作答知識講解1.元服務核心概念、特征、優勢與使用場景；2.元服務與傳統應用的差異對比；3.元服務官方命名規范、各類禁用規則與合規要求；4.元服務開發整體流程與項目目錄結構；5.服務卡片與元服務的關聯原理、交互邏輯。啟發講解、案例對比、討論歸納多媒體課件、代碼投屏、規范文檔展示學生：認真聽講、分組討論、記錄知識點教師：答疑解惑、梳理知識框架示范操作1.打開DevEcoStudio，新建AtomicService空項目；2.完成華為開發者賬號授權、關聯AppID、配置項目信息；3.導入圖片資源，生成并配置元服務圖標；4.修改元服務主界面代碼，展示指定文字內容；5.新建DynamicWidget服務卡片，修改卡片界面文案；6.模擬器運行項目，演示桌面添加卡片、點擊跳轉效果。問題引導、分步演示、實操講解、歸納總結投屏實時演示、DevEcoStudio實操展示學生：觀摩操作、記錄步驟、梳理開發流程教師：分步講解、強調重難點與易錯點實戰訓練學生獨立完成完整實訓任務：創建元服務工程、完成賬號與項目配置、配置應用圖標、修改主界面與卡片界面、在模擬器中運行項目、添加桌面卡片并測試跳轉功能；排查修復運行Bug。項目驅動、動手實踐、做中學DevEcoStudio開發環境、模擬器、實訓指導書學生：獨立實操、自主排錯、完成功能開發教師：巡回指導、針對性答疑、糾正操作問題評估討論1.檢查學生項目完成情況，核對界面展示、卡片跳轉、功能運行效果；2.檢查項目命名、配置是否符合官方規范；3.展示優秀學生作品，對比問題案例集中點評；4.從功能實現、代碼規范、合規性、拓展功能完成度綜合考核。作品點評、分組互評、歸納激勵作品投屏、實訓評分標準學生：作品演示、互評交流、總結問題教師：點評優缺點、給出優化建議課堂總結1.梳理元服務輕量化、免安裝、即用即走的核心特點；2.總結元服務從工程創建、資源配置、界面開發到部署測試的完整流程；3.強調元服務開發合規命名的重要性；4.歸納元服務卡片與主服務的交互核心邏輯。梳理歸納、重難點復盤多媒體課件、知識框架復盤學生：整理筆記、鞏固知識點教師：整體復盤、梳理知識體系課后作業完善本次元服務項目代碼，獨立完成AI賦能拓展任務：實現天氣信息和溫度情況定時刷新功能；提交完整源碼、運行截圖、實訓報告任務布置、自主拓展多媒體學生：課后自主完善、復盤鞏固教師：明確