师：同学们，今天我们来学习初二广州版信息技术第三章第一节认识APP inventor。本节学习目标是了解app inventor的启动方法和界面，学会Web浏览框组件的使用，学会制作天气预报应用，了解连接测试的三种方法。下面请帝宸和斯坦两位同学为大家介绍他们动手做的天气预报、指南针、听单词和抽奖神器这4个手机应用。
生：大家好，我是广东实验中学附属天河学校的林斯坦。
生：我是郭蒂辰。今天我们来介绍四款有趣的应用。第一款是天气预报，在这款应用上，我们能查看广州的实时、15天或长期天气预报，还能看到生活指数，是日常生活的好帮手。第二款是指南针，方便我们外出旅游时使用。它的表盘会随手机转动，还能显示精确的方位角度数。第三款是听单词，点击听单词按钮可听现有单词库中的单词，比如“finger”“fine” 。也能输入单词，点击“听你输入的单词”按钮来听，若觉得单词库里的单词学完了，还能把新单词加入单词库，比如“bone”“dog”“apple”“finger”“fight” ，看，现在“fight”就在单词库里面了。第四款是点名神器。课堂上老师常为点名发愁，这款神器就能解决这问题。第一个界面，点击按钮会出现随机数字，比如“eighty five”“SEVENTY one” 。第二个界面，点击按钮会出现学号和对应的姓名，像“001小甲”“004小兵” 。这些应用软件都很有意思，谢谢大家。
师：刚才两位同学做的应用程序都是利用APP inventor制作的。APP inventor是用来开发移动应用程序的编程平台，是一款基于Web、面向没有编程经验的初学者的安卓应用开发工具，通过拖放图形化的组件和代码块实现功能丰富的手机应用程序。如图所示，这是指南针应用的逻辑代码示例。APP inventor可以做出多媒体应用、游戏应用、位置感知应用、基于Web应用等。接下来通过观看视频初步认识APP inventor。
启动APP inventor，可通过访问网络上的官方服务器学习，也可通过安装离线版学习。按以下步骤启动离线版APP inventor：单击开始APP inventor汉化测试版，启动APP inventor汉化测试版。在弹出的两个DOS窗口中，当看到“dev APP Server”命令窗口出现“dev AP P server is now running.” ，说明服务启动成功。在浏览器地址栏输入本机IP地址，进入登录页面，单击“login”按钮，就进入了开发界面。按以下步骤访问APP inventor官方服务器：在浏览器地址栏输入地址，进入登录界面，申请一个账号或使用QQ账号登录。
APP inventor开发界面主要分为设计界面和编程界面。设计界面由组件面板、工作区域、组件列表、属性面板和素材五大面板组成，这是组件面板，这是工作区域，这是组件列表，这是属性面板，这是素材面板。编程界面由代码块和工作区域两大面板组成，这是代码块，这是工作区域。
通过视频学习，我们了解到app inventor平台提供离线版和在线版两种登录方式。启动离线版APP inventor后，两个DOS窗口不可关闭，在线版登录网址申请账号或用QQ账号登录后可直接在线开发。本章学习我们使用离线版开发应用程序。APP inventor平台由设计界面和编程界面两部分组成。先看设计界面，除组件属性、组件列表和素材面板，图中红色框选区域分别是工作面板和组件面板。app inventor提供丰富组件供开发者选择，除用户界面外，还有多媒体、传感器和绘画动画等组件，同学们可根据实际需求在制作应用程序时选择相应组件。
接着看编程界面，主要由代码块和工作区域两大面板组成。认识APP inventor平台后，以天气预报应用为例，开启APP inventor的编程之旅。先分析程序，天气预报程序运行效果是用户点击程序，手机启动应用程序，显示天气预报。具体如何操作，通过视频学习。
制作天气预报应用。接下来通过制作天气预报应用开启AI之旅。按以下步骤新建项目：在窗口左上部单击“项目”，选“新建项目”。在新建项目窗口中输入项目名称，单击“确定”。按以下步骤进行组件设计：拖放Web浏览框组件到工作区域，这个浏览框会被自动命名为Web浏览框。按以下步骤进行编程设计：单击窗口右上方“编程”按钮，在代码块区域单击“screen一”组件，在右侧选择“当screen一初始化时”事件；在代码块区域单击“Web浏览框一”，在右侧选择“让Web浏览框一访问网页”方法，拖动该方法拼接到“ONS CREEN 1初始化时”事件中；在代码块的内置块中单击“文本”，在右侧选择“空字符串”，拖动“空字符串”拼接到“让Web浏览框一访问网页”方法的参数位置，在字符串中输入地址。
看完视频，总结利用APP inventor平台设计程序的步骤。第一步新建项目，点击“项目”按钮，在下拉列表选“新建项目”，在新建项目窗口输入项目名称“weather” 。项目名称必须由字母开头，且只能包含字母、数字和下划线，建议根据程序功能选有意义的名称命名。第二步组件设计，先在设计界面的属性面板中，将“screen一”的默认标题修改为“天气预报”。因天气预报应用需通过网页访问查看天气，所以要添加Web浏览框组件，在属性面板的用户界面找到它，拖放到工作区域，该组件自动命名为Web浏览框一。属性面板可根据实际需求对组件进行设置。组件设计总结为找组件、拖组件、设属性三步。组件设计完成后进行编程设计，这是天气预报应用的逻辑代码，在空字符串中输入天气预报网址，当“SCREEN 1初始化时”，执行天气预报网址。代码拼接规则是只有插槽相吻合的代码才能正确拼接。完成组件设计和编程设计后，对程序进行测试。测试是为验证程序是否能实现功能，app inventor提供三种测试方式：一、AI伴侣测试；二、模拟器测试；三、USB端口测试。这里我们用模拟器方式进行连接测试，注意模拟器测试需启动app inventor调试工具并保持运行状态。测试中若发现程序有问题，可返回组件或编程设计界面修改。来看一位同学开发的天气预报程序的测试情况。