《鸿蒙HarmonyOS应用开发基础教程》教案 单元设计_单元4 UI开发之基础组件.doc
PAGE1
PAGE1
苏州工业园区服务外包职业学院
单
元
设
计
课程
课程：鸿蒙应用开发
内容：单元4UI开发之基础组件
课时：18课时
教学单元名称：单元4UI开发之基础组件
授课教师：
授课班级:
单元总学时：18
教学条件
机房、广播软件、Windows10
教学素材
参考教材、课件
教学目标设计
知识目标：
（1）了解组件通用信息
（2）理解基础组件与容器组件的区别与联系
（3）熟悉常见组件接口、属性及监听事件
能力目标：
（1）能够根据应用场景选择合适的UI组件，并实现不同的响应事件
（2）能够独立开发出具有良好用户体验的HarmonyOS应用界面
重点:常见组件接口、属性及监听事件。
难点：回调。
教学内容
（1）组件通用信息
（2）基础组件与容器组件的区别与联系
（3）常见组件接口、属性及监听事件
课后作业
（1）查询资料有哪些免版权的图标、图片检索网站和应用。
（2）思考AIGC如何美化界面设计。
教学过程设计
教学单元4-1认识ArkTS组件（1课时）
主要步骤
教学内容
教学方法
教学手段
师生活动
时间分配
引入
案例引入：查阅官方开发文档，了解什么是组件，组件分为哪几类，以及组件具备哪些共性特征。
1、演示法；
2、探究法。
1、官方文档
PPT
教师打开官方文档、设疑
学生检索资料，搜索答案。
5
知识探究
了解什么是组件
1.组件的概念
2.组件的分类
组件共性特征
1.通用属性
2.通用事件
3.手势
1、问题引导；
2、分组讨论；
3、讲解演示；
4、分析归纳。
1、课程在线教学平台
2、课件
教师讲解和演示
学生观看思考
5
任务实施
使用官方文档搜索组件内容
1、讲练结合；
2、分组讨论；
3、动手实践。
1、课程在线教学平台
教师布置任务、巡回指导
学生实践
5
知识探究
常见通用属性和事件
1、问题引导；
2、分组讨论；
3、讲解演示；
4、分析归纳。
1、课程在线教学平台
2、课件
教师讲解和演示
学生观看思考
5
任务实施
使用官方文档进行快速检索
1、讲练结合；
2、分组讨论；
3、动手实践。
1、课程在线教学平台
2、课件演示
教师讲解和演示
学生观看思考
5
拓展实践
通过开发者社区论坛检索，搜集其他开发者给出的鸿蒙应用开发学习建议，并尝试在论坛中进行提问和答复。
1、讲练结合；
2、分组讨论；
3、动手实践。
1、课程在线教学平台
2、课件演示
教师讲解和演示
学生观看思考
5
分享交流
实现过程中遇到的问题
讨论
讨论
学生独立完成、教师个别辅导
5
评价总结
1、随堂测验
2、要点总结
1、教师启发
2、讨论归纳
3、分数激励
1、课程在线教学平台
教师评价总结、
学生交流评价
5
课后作业
在开发者社区论坛上检索与专业相关的内容。
教学过程设计
教学单元4-2文本与输入类组件展示（3课时）
主要步骤
教学内容
教学方法
教学手段
师生活动
时间分配
引入
案例引入：播放文本类组件应用场景的PPT。
1、教师讲解；
2、分组讨论。
多媒体
2、APP素材
教师播放视频、设疑
学生观看视频，分组讨论。
5
知识探究
文本类组件类型
1. 显示文字的组件
2.输入文字的组件
3.动画效果的组件
文本类组件常见用法
1.接口
2.属性
3.事件
1、问题引导；
2、分组讨论；
3、讲解演示；
4、分析归纳。
1、课程在线教学平台
2、课件
教师讲解和演示
学生观看思考
5
任务实施
新建工程练习文本类组件接口、属性和事件使用方法
1、讲练结合；
2、分组讨论；
3、动手实践。
1、课程在线教学平台
2、课件演示
教师布置任务、巡回指导
学生实践
45
拓展实践
模拟实现Text、TextInput、TextArea、RichText、Marquee、TextPicker和Span七大组件的应用场景
1、讲练结合；
2、分组讨论；
3、动手实践。
1、课程在线教学平台
2、课件演示
教师讲解和演示
学生观看思考
50
分享交流
实现过程中遇到的问题
讨论
讨论
学生独立完成、教师个别辅导
10
评价总结
1、随堂测验
2、要点总结
1、教师启发
2、讨论归纳
3、分数激励
1、课程在线教学平台
教师评价总结、
学生交流评价
5
课后作业
查看你最喜欢的APP用到了哪些文本类组件
教学过程设计
教学单元4-3按钮与选择类组件展示（2课时）
主要步骤
教学内容
教学方法
教学手段
师生活动
时间分配
引入
案例引入：播放按钮类组件应用场景的PPT。
1、教师讲解；
2、分组讨论。
1、多媒体
APP素材
教师播放视频、设