《鸿蒙HarmonyOS应用开发基础教程》教案-整体设计

课程教学设计课程名称《鸿蒙应用开发》授课对象软件技术专业课程学分4总学时64课程特性任务驱动所属系部软件技术设计人（团队）审核人批准人《鸿蒙应用开发》课程整体设计一、课程目标设计通过本课程的学习，培养学生使用鸿蒙操作系统进行应用开发、优化用户体验的所需职业能力，形成系统化的应用开发思想，养成良好的编程习惯，培养解决实际问题的能力，为今后从事智能设备和物联网应用开发奠定良好的基础。通过融入创新思维与工程伦理等思政元素，激发学生对技术前沿的关注，以及通过国产操作系统的发展历程、技术创新等思政元素的融入，激发学生对国产技术的自豪感，培养学生的爱国情怀和责任意识。（一）能力目标（1）掌握DevEcoStudio的使用技巧（2）形成代码编程规范习惯（3）熟练对程序进行代码调试及日志分析（4）根据项目需求完成界面设计（5）可以对源生界面进行优化（6）根据项目需求完成codelab挑战赛（二）知识目标（1）了解当前流行的手机开发平台技术及各自优缺点（2）了解HarmonyOS项目体系结构各文件的作用（3）熟练常见组件属性及事件方法（4）掌握不同布局特征及相互嵌套方法（5）掌握ArkTS语法（6）掌握代码调试技巧（7）灵活运用所学知识，对于相关实际问题的解决创新性地提出合理的建议。（三）素质目标（1）职业知识：掌握智能设备应用开发的步骤、调试方法、代码优化等。（2）职业技能：使学生具有独立智能设备应用开发程序的设计、开发的能力，提高程序设计能力、创新能力、研究性学习能力，发扬团队合作精神。（3）职业素质：养成遵守软件设计规范的良好职业习惯，经过一段时间的系统学习、实践，具备企业工作职位的专业知识、技术、技能及操作经验。二、课程内容设计序号内容模块名称学时1走进鸿蒙HarmonyOS42TypeScript基础语法0-83鸿蒙HarmonyOS开发基础知识4-84UI开发之基础组件185UI开发之容器组件146Stage模型127服务卡片4-8合计64三、能力训练项目设计编号能力训练项目名称能力训练任务名称拟实现的能力目标相关支撑知识训练方式手段及步骤成果1单元1走进鸿蒙HarmonyOS任务1-1认识HarmonyOS1、能区分不同操作系统的区别；2、能说出鸿蒙操作系统的特点。1、掌握操作系统的概念；2、掌握鸿蒙操作系统的核心技术理念。教师：现场演示、巡视指导学生：观看演示、动手实践文档提交2任务1-2开发环境搭建1、能从官网下载并快速准确地搭建开发环境。1、掌握鸿蒙应用开发工具DevEcoStudio的安装方法。教师：现场演示、巡视指导学生：观看演示、动手实践开发环境成功搭建完成3任务1-3项目框架结构分析1、能独立创建一个新项目，并对项目进行基本的设置并运行；2、能够理解一个应用程序的基本结构和布局，会做简单变化。1、掌握项目的基本结构及基本功能，理解项目的配置文件及资源文件。教师：现场演示、巡视指导学生：观看演示、动手实践文档提交4单元2TypeScript基础语法任务2-1计算田径场的周长和面积能使用TypeScript编写简单的程序1、掌握TypeScript的数据类型；2、掌握变量的定义和使用；3、掌握运算符教师：现场演示、巡视指导学生：观看演示、动手实践运行代码和结果5任务2-2立定跳远项目成绩录入与分析能使用决策和循环结构解决编码问题1、掌握决策结构2、掌握循环结构教师：现场演示、巡视指导学生：观看演示、动手实践运行代码和结果6任务2-3校运动会总分排名能完成函数的定义、调用、参数、返回值以及匿名函数。掌握函数的定义和调用；掌握函数的参数和返回值；3、掌握匿名函数的定义方法。教师：现场演示、巡视指导学生：观看演示、动手实践运行代码和结果7任务2-4创建Student类和对象能定义类和对象掌握类和对象的概念；掌握接口的概念。教师：现场演示、巡视指导学生：观看演示、动手实践运行代码和结果8单元3鸿蒙HarmonyOS开发

基础知识任务3-1ArkTS语言简介1、能编写简单的ArkTS程序。1、了解JavaScript、TypeScript和ArkTS三者之间的关系；2、了解ArkTS语言的特点。教师：现场演示、巡视指导学生：观看演示、动手实践运行代码和结果9任务3-2ArkTS进阶学习能区分不同的装饰器；能理解状态管理的概念；能利用不同的控制器渲染页面掌握装饰器的概念；掌握状态管理；掌握渲染控制器的概念及使用场景。教师：现场演示、巡视指导学生：观看演示、动手实践运行代码和结果10单元4UI开发之基础组件任务4-1认识ArkTS组件1、能列出UI的基本构成；

2、能列出组件的共同特征。1、了解组件的分

类；

2、了解组件的通用信息；

3、熟悉常见组件接口、属性及监听事件。教师：案例引入、课件演示学生：观察思考、分组讨论文档提交11任务4-2文本与输入类组件展示能灵活运用Text、TextInput、TextArea、RichText、Marquee、TextPicker和Span组件掌握Text、TextInput、TextArea、RichText、Marquee、TextPicker和Span组件教师：现场演示、巡视指导学生：观看演示、动手实践现场操作12任务4-3按钮与选择类组件展示能灵活运用Button、Radio、Checkbox和Toggle组件掌握Button、Radio、Checkbox和Toggle组件教师：现场演示、巡视指导学生：观看演示、动手实践现场操作13任务4-4图片类组件展示能灵活运用Image、ImageAnimator、Gauge、QRCode、和PatternLock组件掌握Image、ImageAnimator、Gauge、QRCode、和PatternLock组件教师：案例引入、课件演示学生：观察思考、分组讨论现场操作14任务4-5时间和日期类组件展示能灵活运用系统时间、DatePicker、TimePicker、TextClock、和TextTimer组件掌握系统时间、DatePicker、TimePicker、TextClock、和TextTimer组件教师：案例引入、课件演示学生：观察思考、分组讨论随堂测验15任务4-6进度条类组件展示能灵活运用Progress、Rating、和Slider组件掌握Progress、Rating、和Slider组件教师：案例引入、课件演示学生：观察思考、分组讨论现场操作16任务4-7菜单类组件展示能灵活运用Menu和Select组件掌握Menu和Select组件教师：案例引入、课件演示学生：观察思考、分组讨论现场操作17任务4-8导航类组件展示能灵活运用Stepper和Navigation组件掌握Stepper和Navigation组件教师：案例引入、课件演示学生：观察思考、分组讨论现场操作18任务4-9其他基础组件展示能灵活运用搜索框组件Search、Web和Divider组件掌握搜索框组件Search、Web和Divider组件教师：案例引入、课件演示学生：观察思考、分组讨论现场操作19单元5UI开发之容器组件任务5-1布局类组件展示能灵活运用Row、Column、Stack、RelativeContainer、Flex、GridRow和GridCol组件掌握Row、Column、Stack、RelativeContainer、Flex、GridRow和GridCol组件教师：案例引入、课件演示学生：观察思考、分组讨论现场操作20任务5-2列表类组件展示能灵活运用List、Grid、Refresh和WaterFlow组件掌握List、Grid、Refresh和WaterFlow组件教师：案例引入、课件演示学生：观察思考、分组讨论现场操作21任务5-3导航类容器组件能灵活运用Tabs、SideBarContainer和Navigator组件掌握Tabs、SideBarContainer和Navigator组件教师：案例引入、课件演示学生：观察思考、分组讨论现场操作22任务5-4滑动类容器组件展示能灵活运用Scroll、Panel和Swiper组件掌握Scroll、Panel和Swiper组件教师：案例引入、课件演示学生：观察思考、分组讨论现场操作23任务5-5其他容器组件展示能灵活运用Badge和Counter组件掌握Badge和Counter组件教师：案例引入、课件演示学生：观察思考、分组讨论现场操作24单元6Stage模型任务6-1认识Stage模型能利用Stage模型管理应用程序的生命周期和页面掌握Stage模型教师：案例引入、课件演示学生：观察思考、分组讨论现场操作25任务6-2UIAbility组件生命周期能够处理UIAbility组件的生命周期，学会在适当的位置添加合适的代码

掌握UIAbility使用及组件间信息传递方式教师：案例引入、课件演示学生：观察思考、分组讨论现场操作26任务6-3应用上下文Context能实现不同组件中Context子类对象的获取掌握Context的作用,以及不同组件持有的Context子类,教师：案例引入、课件演示学生：观察思考、分组讨论现场操作27任务6-4信息传递载体Want能在实际项目中灵活运用显式Want和隐式Want启动UIAbility掌握Want的作用以及启动UIAbility的两种方式:显式Want和隐式Want,理解两种启动方式的应用场景教师：案例引入、课件演示学生：观察思考、分组讨论现场操作28任务6-5UIAbility组件启动模式能定义和使用UIAbility，掌握UIAbility的调度，会使用相关API。理解并学会使用指定实例启动模式教师：案例引入、课件演示学生：观察思考、分组讨论现场操作29任务6-6UIAbility组件与UI的数据同步能定义和使用UIAbility，掌握UIAbility的调度，会使用相关API。熟悉两种通信方式的应用场景,能根据实际应用需求,选择合适

的方式实现UIAbility组件与UI的数据同步。教师：案例引入、课件演示学生：观察思考、分组讨论现场操作30任务6-7UIAbility组件间交互学会各种应用场景的代码实现,主要包括的场景有UIAbility组件间传值、启动UIAbility并获取返回结果、启动UIAbility的指定页面掌握UIAbility组件间交互,教师：案例引入、课件演示学生：观察思考、分组讨论现场操作31单元7服务卡片任务7-1诗梦空间1、能够开发卡片应用；

2、能够根据技术需求选择合适的第三方框架；

3、能够收集并处理第三方API接口数据。1、了解卡片的基本概念；2、掌握卡片的开发流程；3、熟悉网络请求和数据解析方法。教师：案例引入、课件演示学生：观察思考、分组讨论随堂测验四、进程表设计序号学时章节标题能力目标能力训练项目编号知识目标141.1认识HarmonyOS1、能够从官网下载并快速准确的搭建开发环境；2、能够独立创建一个新的项目，并对项目进行基本的设置并运行；3、能够理解一个应用程序的基本结构和布局，并会做简单变化。单元1任务1-1~1-31、了解HarmonyOS的系统定义和特色；2、熟悉华为开发者官网等线上线下学习资源；3、掌握DevEcoStudio下载与安装，运行第一个项目；4、掌握项目的基本结构及基本功能，理解项目的配置文件及资源文件。21.2开发环境搭建31.3项目框架结构分析4142.1计算田径场的周长和面积1、能够使用TypeScript编写简单的程序，包括变量的定义、函数的定义、逻辑控制等；

2、能够使用TypeScript实现面向对象编程的基本概念，如类的定义、接口的实现等。单元2任务2-1~2-41、掌握TypeScript的基本语法，包括变量声明、函数定义、条件语句、循环语句等；

2、理解TypeScript的数据类型，包括基本类型、函数类型等；

3、了解TypeScript中面向对象编程的概念，包括类、接口等。52.2立定跳远项目成绩录入与

分析62.3校运动会总分排名72.4创建Student类和对象863.1ArkTS语言简介1、能够编写简单的ArkTS程序；

2、能够查阅ArkTSAPI文档，理解装饰器和组件的用途，以便在应用开发中使用。单元3任务3-1~3-21、了解ArkTS语言；

2、熟悉不同装饰器的作用；

3、了解系统组件和自定义组件；

4、理解状态管理的概念；

5、掌握渲染控制的概念及使用场景；

6、熟悉ArkUI；

7、掌握调试方法。3.2ArkTS进阶学习9164.1认识ArkTS组件1、能够根据应用场景选择合适的UI组件，并实现不同的响应事件；

2、能够独立开发出具有良好用户体验的HarmonyOS应用页面。单元4任务4-1~4-91、了解组件通用信息；

2、理解基础组件与容器组件的区别与联系；

3、熟悉常见组件接口、属性及监听事件。104.2文本与输入类组件展示114.3按钮与选择类组件展示124.4图片类组件展示134.5时间和日期类组件展示144.6进度条类组件展示154.7菜单类组件展示164.8导航类组件展示174.9其他基础组件展示18125.1布局类组件展示1、具备将复杂页面拆分为多个简单、独立的容器组件的能力；

2、具备设计可复用、可扩展的容器组件能力，以支持未来的功能扩展和修改。单元5任务5-1~5-51、掌握布局类容器组件开发流程；

2、掌握列表类容器组件开发流程；

3、掌握导航类容器组件开发流程；

4、掌握滑动类容器组件开发流程。195.2列表类组件展示205.3导航类容器组215.4滑动类容器组件展示225.5其他容器组件展示2386.1认识Stage模型1、能够处理UIAbility组件的生命周期，学会在适当的位置添加合适的代码；

2、会定义和使用UIAbility，掌握UIAbility的调度，会使用相关API。单元6任务6-1~6-71、理解Stage模型以及UIAbility组件生命周期概念；2、掌握UIAbility使用及组件间信息传递方式；3、掌握UIAbility组件启动模式及UIAbility与UI的数据同步方式。246.2UIAbility组件生命周期256.3应用上下文Context266.4信息传递载体Want276.5UI