师：电视机前的各位同学大家好，欢迎来到信息技术课堂。今天我们的学习内容是认识App Inventor，它可以制作很多手机应用。通过本节课，我们将了解App Inventor的启动方法和界面，学会Web浏览框组件的使用以及天气预报应用的制作。
相信同学们对手机APP都十分熟悉，手机APP也称手机应用或手机软件，安装在手机上，用于扩展和丰富手机功能。常用的手机APP有微信、支付宝、百度地图等。有位初二同学根据自身需求制作了三个手机应用，分别是天气预报、抽奖神器和指南针。接下来我们一起欣赏这位同学的作品。
这位同学设计好的三个手机应用已安装在安卓手机上。首先看天气预报应用，点开应用，首页是气象新闻。点击城市按钮，选择所在城市，就能看到具体天气预报情况，还可查看精细化的未来7天天气预报。接着看抽奖神器，点击抽奖按钮，会出现随机号码，号码范围在前期开发时可根据实际情况设定。我们还能实现更具体的含有编号和姓名的抽奖功能，且这样的设计短时间内就能完成。最后看指南针应用，随着手机方向改变，指南针跟着转动，还能显示指南针的方位角。以上手机应用就是同学根据实际需求制作出来的。
这三个手机应用作品都是用App Inventor制作的。App Inventor支持在线开发，适合没有编程经验的初学者，能根据自己兴趣设计出有创意的手机作品。它是一款基于Web、面向初学者的安卓手机应用开发工具，无需编写复杂难懂的代码，通过拖放图形化组件和代码块就能实现功能丰富的手机应用程序，易学易用。利用App Inventor可以做出多媒体应用、游戏应用、位置感知应用和Web应用等，和小学学过的Scratch很类似。接下来通过一个微课学习App Inventor如何制作手机应用程序。
启动App Inventor，可以通过访问网络上的官方服务器。按以下步骤访问：在浏览器地址栏输入地址，进入登录界面，可申请账号或使用QQ账号登录。
登录后就能直接开发，认识App Inventor界面。其开发界面主要分为设计界面和编程界面。设计界面由组件面板、工作区域、组件列表、属性面板和素材五大面板组成。编程界面由代码块和工作区域两大面板组成。
制作天气预报应用。同学们，接下来通过制作天气预报应用开启我们的AI之旅。按以下步骤新建项目：在窗口左上部单击“项目”，选择“新建项目”，在新建项目窗口中输入项目名称，单击“确定”。按以下步骤进行组件设计：拖放Web浏览框组件到工作区域，该浏览框会自动命名为“Web浏览框1”。按以下步骤进行编程设计：单击窗口右上方“编程”按钮，在代码块区域单击“Screen1组件”，在右侧选择“当Screen1初始化时”事件；在代码块区域单击“Web浏览框1”，在右侧选择“让Web浏览框1访问网页”方法，拖动该方法拼接到“当Screen1初始化时”事件中；在代码块的内置块中单击“文本”，在右侧选择“空字符串”，拖动“空字符串”拼接到“让Web浏览框1访问网页”方法的参数位置，在字符串中输入地址。
通过微视频学习，我们了解到App Inventor支持在线开发。在浏览器地址栏输入地址，推荐使用谷歌浏览器或火狐浏览器，不支持IE浏览器。申请账号或使用QQ账号登录。对App Inventor有初步认识后，通过制作天气预报手机应用学习其编程一般过程。
第一步，新建项目。点击“项目”，在下拉选项中选择“新建项目”，在弹出的对话框中为项目命名。项目名称只能由字母开头，且只能由字母、数字和下划线组成。
第二步，组件设计。在天气预报应用中，为让开发者对手机功能一目了然，需将默认的屏幕名称修改为“天气预报”。由于通过访问网页查看天气预报，所以需要一个Web浏览框组件，在用户界面找到它，拖动到工作面板中央，此时在组件列表中会自动将它命名为“Web浏览框1”。默认属性方面，在组件设计界面中，App Inventor除提供用户界面外，还提供界面布局、多媒体会话、动画、数据存储等组件供开发者选择。手机应用组件界面设计完成后，需对组件赋予行为，这就需要通过编程实现。