鸿蒙应用开发项目式教程（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.功能、界面、代码规范综合考核教师启发、讨论归纳、分数激励实训项目单、作品投屏结果演