MIT AppInventor.

Presentation on theme: "MIT AppInventor."— Presentation transcript:

1 MIT AppInventor

2 AppInventor背景简介 App Invenntor 是Google公司几年前推出的一个面向Android程序编写的服务，后来此项目被Google公司废弃。 2012年，麻省理工学院（MIT）正式接管App Inventor项目，并借鉴入门级编程项目Scratch的可视化编程进行重新开发，更名为MIT App Inventor项目。

3 AppInventor优点 MIT App Inventor：在线编程网站的形式，对公众开放使用。(网址： 开发者帐户：注册一个GoogleID，就可以登录MIT App Inventor网站进行Android应用软件的编程开发。 App Inventor：可视化的编程环境 目的——降低编程技术的门槛 让没有编程经验和编程知识的人也能参与Android应用程序的开发。 编好的App应用程序还可在Android手机中安装使用。 支持乐高机器人模块，可对接使用

4 AppInventor三大工作模块 App Inventor Designer设计师
主要作业是专案设定,元件布局与元件属性设定 App Inventor Blocks Edit图块编辑器 主要作业是透过拼图作业模式进行程序的接合,同时可透过不同属性的定义元件与控制元件.逻辑元件等来进行犹如程序设计(当然你不用写任何一行代码). Emulator Android Phone模拟器 在没有Android设备前可用模拟器来进行专案测试,但模拟器在部分功能方面无法提供测试.

5 AppInventor环境配置(在线) 安装Java插件程序 安装AppInventor模拟器
下载地址： 安装AppInventor模拟器 appinventor_setup_installer_v_1_2.exe

6 编辑App1：HelloPur 点击猫咪图片 发出猫的叫声

7 编辑App1：HelloPur 1.新建项目：HelloPur
登陆AppInventor开发平台（网址： 在导航栏中点击“MyProjects”，进入项目创建界面 点击“NEW”选项，在跳出的窗口中输入“项目名称” 完成项目创建后，页面将自动跳转到设计界面

8 编辑App1：HelloPur 2.AppInventor设计界面
在“Palette”（调板）中的“Basic”选项中，选择“Button”控件拖动到“设计界面” 选中“Button”控件，在“Properties”（属性）窗口设置“Button”的“image”属性，并去掉“Button”按钮Text属性的值 将“Palette”（调板）中“Media”选项中的“Sound”控件拖动到“设计界面中”，并设置“Sourse”属性

9 删除“电子积木”时，直接拖动到垃圾桶即可
编辑App1：HelloPur 新建模拟器 连接到设备 “添加的控件”（事件） 删除“电子积木”时，直接拖动到垃圾桶即可 3.AppInventor编程界面 点击AppInventor开发界面右上角的“Open the Blocks Editor”，则会相应地下载一个JNLP格式文件 打开下载好的JNLP格式文件，则进入可视化的编程界面 在“MyBlocks”选项中，选着“Button1”中的click事件积木拖动到右侧工作区中 在“MyBlocks”选项中，选着“Sound1”中的“call sound1.play”动作积木拖动到右侧工作区中 点击“Saved”保存编程文件，点击“New Emulator”启动模拟器，点击“Connect to device”（将程序载入模拟器）

10 编辑App1：HelloPur 4.AppInventor程序下载
点击AppInventor开发界面右上角的“Package for phone”中的“download to this computer”，则会将设计好的程序封装成apk文件 将apk文件保存到手机SD卡中，启动手机进行安装即可（注：手机的系统必须是安卓系统）

11 编辑App2：8-Ball

12 编辑App2：8-Ball 1.新建项目：magic8ball

13 绿边，即：VerticalArrangement
编辑App2：8-Ball 2.magic8ball界面设计 添加“Button”（或“Image”）控件，并修改“image”属性和“Text”属性 添加“Sound”控件，并修改“Sourse”属性添加声音 添加“Screen Arrangement”选项中的“VerticalArrangement”（垂直布局）控件可以对界面进行布局，也可不添加；同时，在该控件中添加两个Label控件 添加“AccelerometerSensor”（加速度传感器） 两个label 绿边，即：VerticalArrangement

14 编辑App2：8-Ball 3.magic8ball程序设计 Built-in选项卡中的“电子积木”，是程序内置的一些指令、变量、循环指令等
按上图的程序进行编程，就可以进行模拟调试了 在Text选项中

15 谢谢观赏 WPS Office Make Presentation much more fun @WPS官方微博 @kingsoftwps