鴻蒙應用開發項目式教程（AI助學）（微課版）-教案 項目9 第一個元服務、項目10 綜合實訓-智能充電家用版應用

《鴻蒙應用開發項目式教程》課程教學單元設計第1頁共7頁《鴻蒙應用開發項目式教程》課程教學單元設計項目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賦能拓展任務：實現天氣信息和溫度情況定時刷新功能；提交完整源碼、運行截圖、實訓報告任務布置、自主拓展多媒體學生：課后自主完善、復盤鞏固教師：明確作業要求與提交標準《鴻蒙應用開發項目式教程》課程教學單元設計項目10綜合實訓——智能充電家用版應用授課教師：授課班級:學時：12教學條件計算機實訓室、DevEcoStudio開發工具、投影設備、廣播教學軟件教學素材教材《鴻蒙應用開發項目式教程》、教學課件、實訓項目單、案例源碼庫、微課視頻、教學網站教學目標設計知識目標：1.掌握工具類的封裝方法2.熟悉主界面的搭建方法3.掌握主界面的數據獲取方法4.熟悉API調用方法技能目標：1.能熟練構建復雜界面2.能熟練獲取后端數據素質目標：1.培養在綜合項目中整合數據綁定與UI布局的系統開發思維2.提升解決復雜問題的能力任務描述本次任務為鴻蒙綜合實訓，基于ArkTS+ArkUI框架開發智能充電家用版應用，面向新能源車用戶實現充電樁與車輛管理、充電狀態監控、開始/結束充電控制。需完成項目目錄搭建、RequestUtil/StorageUtils工具類封裝、ApiGroup接口管理、主界面（車輛信息、充電狀態、功能按鈕、底部導航）開發、充電動畫與狀態切換、后端數據獲取與綁定，最終在預覽器與模擬器中調試運行，滿足多鴻蒙終端控制與實時監控需求。教學內容1.鴻蒙智能充電項目目錄結構規范與工程創建。2.HTTP請求封裝RequestUtil（GET/POST/PUT）。3.輕量級存儲StorageUtils（增刪改查）。4.Tabs底部導航、TabContent與自定義組件HomeComp實現。5.主界面五區域布局：頂部欄、車輛信息、充電狀態、功能按鈕、底部導航。6.ApiGroup接口封裝與后端數據獲取。7.開始/結束充電、狀態切換與充電進度動畫。8.預覽器與模擬器測試、接口聯調與Bug修復。重點：工具類封裝、底部導航實現、主界面布局、API接口調用與數據綁定難點：HTTP請求與本地存儲結合、充電狀態管理、異步數據獲取與界面刷新、動畫效果實現任務分析與實現1.任務需求分析：界面結構、充電控制、數據展示、終端適配。2.項目架構設計：工具層、接口層、UI組件層、界面路由層。3.核心功能實現：工具類封裝→接口封裝→主界面→充電控制→測試發布。

教學過程設計主要步驟教學內容教學方法教學手段師生活動問題引入家用新能源車充電樁如何用鴻蒙設備遠程控制？智能充電App需要哪些核心界面與功能？如何通過手機實時查看充電狀態？教師講授、引導法多媒體教師：場景講解、需求演示

學生：觀察思考、提出功能設想知識講解1.鴻蒙綜合項目目錄結構與啟動流程

2.RequestUtilHTTP工具類封裝規范

3.StorageUtils輕量級存儲用法

4.Tabs底部導航與自定義組件

5.ApiGroup接口封裝與異步數據獲取

6.充電狀態切換、動畫與按鈕交互邏輯啟發講解、討論歸納多媒體、課件演示、代碼投屏思考、交流互動、分組討論、記錄筆記示范操作1.創建智能充電項目，配置基礎資源

2.編寫RequestUtil.ets實現GET/POST/PUT

3.編寫StorageUtils.ets實現存儲管理

4.封裝ApiGroup.ets對接后端接口

5.實現Index.ets底部Tabs導航

6.開發HomeComp.ets主界面與狀態展示

7.實現開始/結束充電與動畫效果

8.預覽器/模擬器聯調測試問題引導、操作演示、分析歸納多媒體投屏、DevEcoStudio實時演示觀摩思考、記錄步驟、歸納要點實戰訓練獨立完成智能充電家用版應用全流程開發，完成工具類封裝、接口管理、主界面搭建、充電控制、導航欄、數據綁定與測試運行動手實踐、做中學DevEcoStudio真實開發環境實踐操作、查閱資料、教師巡視指導評估討論1.檢查功能與代碼完整性

2.展示標準源碼與運行效果

3.學生作品演示與集體點評

4.功能、界面、代碼規范綜合考核教師啟發、討論歸納、分數激勵實訓項目單、作品投屏結果演