4.2.2 信息智能处理的方式优质教案设计

APP Inventor 手机编程入门

一、开发环境准备

1. 电脑端安装

（1）安装谷歌浏览器或360浏览器

（2）安装手机模拟器

安装手机模拟器MIT_App_Inventor_Tools_2.3.0_win_setup，其目的是便于在屏幕上直观调试，当然，也可以不安装模拟器，直接将手机或平板终端通过wifi 与电脑相连，用手机或平板作在线调试器.

2. 手机端安装

下载安装AI伴侣 MIT App Inventor companion软件

二、App Inventor开发App的四步流程

用App Inventor开发App的一般流程分以下四步操作：

第一步：用App Inventor在线进行组件设计（设计App的界面）

第二步：用App Inventor在线进行逻辑设计（设计App的控制程序）

第三步：在线调试

第四步：将App下载到手机运行

即：组件设计-----逻辑设计-----调试------打包发布App

三、在线调试举例

1. 打开浏览器，访问如下网址：

http://app.gzjkw.net/login 注册并登录，就可进入在线开发界面

也可用QQ号直接登录

图1-1 注册登录界面

2. 用项目/导入项目（.aia）,导入示例App原代码文件see_PIC.aia

导入后的文件及组件界面如下图所示

这是组件设计界面：

图1-2 组件设计界面

这是编程开发界面（也称逻辑设计界面）：

图1-3 逻辑设计界面

3. 启动电脑上安装的手机模拟器（电脑必须联网），模拟调试

用app inventor中的模拟器调试运行

（1）运行计算机端安装的模拟器aistarter （2）点击AI2开发界面中的“连接/模拟器”菜单项

图1-4 手机模拟器

四、开发入门示例——随机叫号器

要求：当按下“开始滚动”按钮后，显示屏上显示滚动的随机数字，当按下“停止滚动”按钮后，显示屏停止数字滚动，放大显示最后一次的随机数，并用英语朗读出来

1. 组件设计：

一个标签，显示随机数

二个按钮，控制开始及停止

一个计时器，每隔一段时间，

随机数变化一下

一个文本语音转换器，念出数字

一个加速度传感器。

手机晃动也能报号

2. 逻辑设计：

提示：从这个示例中应该学会

（1）如何显示一个随机数

（2）如何利用计时器让随机数滚动起来，如何实现手机摇一摇的功能

（3）如何将产生的随机数语音念出

3. 在线调试

4. 打包发布

点击AI开发界面中的“打包apk/打包apk并下载到电脑”，App应用程序作品就可下载到电脑中，再通过“手机助手”就可上传到自己的手机中.

五、实践练习

1. 参照上述示例，在App Inventor中设计并调试完成随机报号的App作品

2. 打开本节课导入的示例手机图片浏览器see_PIC.aia，分析该作品用到了哪些组件，逻辑设计的思路是什么？

3.独立设计一个用计时器模拟自动掷骰子的游戏App （1）组件设计

（2）

逻辑设计

从该示例中应该学会：

（1如何显示指定的图片文件

（2如何控制骰子点数自动变化

附：联机调试的三种基本方法：

ai伴侣和wifi在真实的手机中调试运行(必须有wifi环境) （1）

启动手机上的ai伴侣；

（2）

运行appinventor2菜单中的“连接/AI伴侣“，并扫描或输入连结代码

方法一：用

方法二：用模拟器在电脑屏幕上模拟手机调试运行（电脑能上网）

（1）运行计算机端安装的模拟器aistarter （2）点击AI2开发界面中的“连接/模拟器”菜单项

经过几分钟处理，就能看到手机模拟器界面，在线操作调试，与在真实手机端在线调试的效果完全一样。也可以打包成apk文件，然后安装到安卓模拟器（如逍摇安卓模拟器）中运行调试

方法三：用USB数据线链接电脑和手机调试（电脑有线联网，但无wifi）

(1)

用USB数据线把手机与电脑连接

(2)

电脑中启动360手机助手和模拟器aistarter (3)

启动手机端的AI伴侣,后面的操作与真实手机操作相仿