App Inventor 零基础Android移动应用开发 谷歌精品课程 App Inventor 零基础Android移动应用开发 第1讲 App Inventor简介 陈秀兰

本章目标 了解Android平台 了解App Inventor 初步了解App Inventor开发环境

本章概要 掌握App Inventor开发环境的下载、安装和配置 熟悉App Inventor开发环境，尝试上传、下载和安装第一个小移动应用程序

电子服务与智慧工厂

电子服务与智慧工厂

电子服务与智慧工厂

Android是由谷歌和开放手机联盟共同创建的，一款针对手机的开源软件工具包。主要特色如下： 基于Linux，开放、开源、免费的平台。不受任何厂商的限制 基于组件的架构，便于创新 众多内置服务：例如SQL数据库；地图可以直接嵌入应用程序 应用程序生命周期的自动化管理，针对低能耗的设备进行优化 高质量的图像和音效，内置了最常用的标准音频编解码器 可移植性，所有的程度都是用Java语言编写的

Android版本变化 KitKat Android 4.4 8

App Inventor是由Google公司开发的一款在线开放的Android编程工具软件，通过图形化积木式的拖放组件来完成Apps开发 App Inventor在2012年1月移交给麻省理工学院MIT的行动学习中心，并由MIT发布使用，目前已经发布了第2版本 9

App Inventor特点 开发环境搭建简单。采用浏览器+云服务模式，无需复杂软件安装 方便多台机器交叉开发。所有开发代码储存在云端服务器上，方便开发者在任何一台机器上进行开发，并且保证了源代码的一致性和安全性 支持及时调试。提供了强大的调试功能，调试中代码的变更会自动同步到进行调试的手机或者模拟器中，无需重装应用 10

设计器：主要作用是案例设定，元件布局与元件属性设定； App Inventor开发环境 App Inventor三大作业模块 设计器：主要作用是案例设定，元件布局与元件属性设定； 图块编辑器：主要作用是通过拼图作业模式进行程序的接合，同时可以操作不同属性的定义元件、控制元件和逻辑元件等来进行“程序设计”(当然不用写传统代码)； 模拟器：在没有Android设备前，可用模拟器来进行案例测试，但模拟器在部分功能方面无法提供测试（如重力传感器等） 11

设计器 Designer 12

块编辑器 Blocks 13

2. 访问App Inventor开发网页进行开发 1. 准备一个邮箱账号 2. 访问App Inventor开发网页进行开发 3b. 安装App Inventor模拟器 3a. 安装Companion 二选一 4b. 连接模拟器 4a. 连接Android设备 14

Getting Started with MIT App Inventor 2 http://app.gzjkw.net/ 15

下载和安装App Inventor模拟器 官网指南 http://appinventor.mit.edu/explore/ai2/setup-emulator.html 模拟器 AppInventor_Setup_Installer_v_2_2.exe (约92 MB) http://appinv.us/aisetup_windows 国内百度云下载 http://pan.baidu.com/s/1gd3pkAZ 图标 16

启动和连接模拟器 启动后运行界面 连接模拟器 17

强烈建议采用AI Companion进行调试 下载和安装AI Companion App AI Companion是用于手机真机通过WIFI进行调试的App 可以通过手机扫描二维码进行下载安装，或百度云下载 强烈建议采用AI Companion进行调试 图标 18

电子服务与智慧工厂

AI Companion常见连接问题 推荐使用 360随身WiFi 可能是安装的AI Companion应用版本太旧，需要更新最新版本的AI Companion App 检查设备是否正常连网 电脑和移动设备可能连接的不是同一无线网络，需要保证电脑和移动设备连接的无线网络一致 推荐使用 360随身WiFi 20

USB连接 Android手机内要有SD储存卡 从手机的主屏幕上，选择菜单>设置>应用程序>勾选”未知源”（允许运行android market以外程序） 手机上安装了MIT AI2 Companion App 本地计算机安装了App Inventor模拟器软件 设置手机 从手机的主屏幕上，选择菜单->设置->应用程序->勾选”未知源”（允许运行android market以外程序） 点击菜单->设置->应用程序->开发->勾选”保持唤醒状态”； 点击菜单->设置->声音和显示，“方向”此处不要勾选，某些手机可能只是一个显示设置项目。请确认不自动旋转屏幕； 用USB线与电脑连接，会出现对话框通知： 一个”USB连接”的通知，手机通过USB连接到电脑； 一个”USB调试连接”的通知，手机有USB调试打开(菜单->设置->应用程序->开发)； 21

USB连接 运行模拟器aiStarter 选择“Connect->USB” 22

导入第一个App Inventor源文件 从系统的模板库中导入第一个App, HelloPurr 23

Designer设计面板 24

Blocks面板 25

项目源代码下载、上传 下载 上传 名称不能和已有项目重复 26

Apk文件打包、下载 下载到本地计算机 手机二维码下载 27

作业和思考题 自行搭建App Inventor开发和运行环境 完成HelloPurr的在模拟器、手机真机的运行 如果换一台电脑，还能编辑之前做的项目吗？ 试着更改Components中控件的名称 下载和上传HelloPurr源代码 28

谢 谢！