资源简介

(共37张PPT)
第11课 结识新朋友——App Inventor
学习目标
1. 了解App Inventor平台的界面组成。
2. 会用App Inventor新建项目编写程序。
3. 会用App Inventor模拟器测试程序。
学习流程图
一、AI的作用
二、登录平台
三、新建项目
四、界面认识
五、组件设计
六、逻辑设计
七、调试
一、AI 入门
一、AI 入门
一、AI 入门
App Inventor是一款可以用于开发移动应用程序的编程平台。
在App Inventor中，编写程序就像搭积木一样，把一个个代码块拼接在一起，创作出形式多样的应用程序。
二、初识平台
要求：
1. 启动浏览器。
2. 登录App Inventor平台。
3. 熟记App Inventor平台的界面组成。
二、初识平台
二、初识平台
组件设计界面
组件面板
1。组件面板：
用于选择组件
工作面板
2.用于设计界面
组件列表
3.显示当前屏幕已添加的组件
组件属性
4.显示被选择组件
或屏幕的所有属性
5.素材库：
用来上传和管理图片、音频和视频等素材
二、初识平台
逻辑设计界面
模块
1.模块区域分类
列出了相关的代码块
工作面板
2.可以进行代码块的拖放和拼接
3.背包可以实现代码块在不同项目之间的共享
4.垃圾桶可以删除代码块
二、初识平台
三、分析程序
……
三、分析程序
行为
结果
启动程序
显示广州天气网站
②组件设计
③逻辑设计
④调试
应用程序
开发步骤
设计用户界面
编写程序
AI伴侣、雷神模拟器、模拟器
四 、开发步骤
①新建项目
②组件设计
③逻辑设计
④调试
应用程序
开发步骤
①新建项目
五、编程体验
举例：Web浏览框
1.新建一个“GZ_Weather”项目。
2.设计“广州天气预报”界面。
3.编写“广州天气预报”程序
4.连接和测试“广州天气预报”应用程序。
五、编程体验
1.新建项目
五、编程体验
1.新建项目
新建项目的名称必须以字母开头，且只能包含字母、数字和下划线。
五、编程体验
2.组件设计
五、编程体验
2.组件设计
2. 拖组件
3. 改名称
4. 设属性
2. 组件设计步骤：
1. 找组件
举例：Web浏览框
五、编程体验
2.组件设计
2. 拖组件
3. 改名称
4. 设属性
2. 组件设计步骤：
1. 找组件
举例：Web浏览框
五、编程体验
2.组件设计
2. 拖组件
3. 改名称
4. 设属性
2. 组件设计步骤：
1. 找组件
举例：Web浏览框
五、编程体验
3.逻辑设计
五、编程体验
3.逻辑设计
1 选择代码块
2 拼接代码块 3 输入网址
3.逻辑设计步骤：
五、编程体验
3.逻辑设计
举例：Web浏览框
1 选择代码块
2 拼接代码块 3 输入网址
3.逻辑设计步骤：
行为
结果
启动程序
显示广州天气网站
五、编程体验
3.逻辑设计
举例：Web浏览框
1 选择代码块
2 拼接代码块 3 输入网址
3.逻辑设计步骤：
注意：只有插槽相吻合才能正确拼接在一起。
五、编程体验
3.逻辑设计
举例：Web浏览框
1 选择代码块
2 拼接代码块 3 输入网址
3.逻辑设计步骤：
行为
结果
启动程序
显示广州天气网站
五、编程体验
4.连接与测试
五、编程体验
4.连接与测试
启动App Inventor调试工具，且保持 持续运行状态。
五、编程体验
4.连接与测试
注意事项：
1. 连接与测试可通过模似器来进行，也可以通过打包APK文件或生成二维码安装到设备中进行测试。
五、编程体验
4.连接与测试
注意事项：
2. 测试过程中，如果发现程序存在问题，可返回组件设计 或逻辑设计界面修改。
app inventor的项目文件
后缀名是.aia
再次导入可以继续修改
六、自我评价
七、课堂总结
连接与测试
逻辑设计
新建项目
组件设计
广州天气预报
项目名称必须以 字母开头，且只 能包含字母、数 字和下划线。
七、课堂总结
连接与测试
逻辑设计
新建项目
组件设计
广州天气预报
项目名称必须以 字母开头，且只 能包含字母、数 字和下划线。
1.找组件
3.改名称
4.设属性
2.拖组件
七、课堂总结
连接与测试
逻辑设计
新建项目
组件设计
广州天气预报
项目名称必须以 字母开头，且只 能包含字母、数 字和下划线。
1.找组件
3.改名称
4.设属性
2.拖组件
选择代码块
输入网址
拼接代码块
1
2
3
七、课堂总结
连接与测试
逻辑设计
新建项目
组件设计
广州天气预报
项目名称必须以 字母开头，且只 能包含字母、数 字和下划线。
1.找组件
3.改名称
4.设属性
2.拖组件
选择代码块
输入网址
拼接代码块
1
2
3
连接设备测试
模拟器测试
七、课堂总结
逻辑设计
广州天气预报
组件设计
新建项目
拖组件
找组件
改名称
设属性
选择代码块
拼接代码块
输入网址
连接与测试
七、课堂总结
谢谢观看

展开更多......

收起↑