青少儿的App Inventor编程:初学者教程指南

青少儿的App Inventor编程:初学者教程指南

一、基本介绍

1、什么是App Inventor?

App Inventor是一个直观的可视化编程环境,允许任何人(包括儿童),为Android手机,iPhone和Android / iOS平板电脑构建功能齐全的应用程序。

即使是刚接触App Inventor的人也可以在不到30分钟的时间内启动并运行一个简单的应用程序。更重要的是,与传统编程环境相比,App Inventor基于积木块的工具有助于在更短的时间内创建复杂、高影响力的应用程序。所以,用App Inventor编程有点类似于堆积木,对于刚接触编程的人来说非常简单,容易入门。

另外App Inventor 是一个在线工具,所以,大家可以直接在 Web 浏览器中为手机或平板电脑创建应用程序。当然,如果您还没有手机等移动设备,还可以启动模拟器对程序进行测试验证。

App Inventor
App Inventor

2、App Inventor可以做什么?

可以构建符合以下条件的应用:

  • 有图形,声音和交互性的游戏
  • 对图像、声音和文本使用人工智能 (AI)
  • 捕获和处理用户调查数据和图表
  • 导航地图,就像您在智能手机上使用的应用程序一样
  • 智能看家,监控家中或办公室周围
  • 激活连接互联网的设备以及许多其他内容

完成应用程序构建后,可以将其发送给朋友,家人或同事,或者像其他商业应用程序一样打包它(暂时仅限Android,iOS正在开发)。一些应用程序构建者甚至在线销售他们的应用程序(由于对iPhone和iPad应用程序的限制,仅限Android)

3、学习者需要准备什么?

只需要一台可上网的计算机、智能手机或平板电脑等移动设备,以及 App Inventor Companion 应用程序(iOS 和 Android),它可以帮助您随时进行测试。(也有方法可以在没有智能手机或平板电脑的情况下构建应用程序)。

二、App Inventor环境搭建

App Inventor项目开发都在浏览器上完成,开发环境搭建-离线版开发环境。

离线版环境搭建

  • 启动launch-buildserver.cmd
  • 启动startAI.cmd
  • 登录http://localhost:8888

具体步骤如下:

  • 下载并安装JDK。

按默认步骤安装即可。安装后,JDK存放路径为C:\Program Files\Java\jdk1.7.0_40。

  • 设置环境变量。
    在“我的电脑”图标上右击,在弹出的快捷菜单中选择“属性 > 高级 > 环境变量”,设置环境变量。设置完成后,单击确定按钮,选择“开始 > 运行”,输入“cmd”进入命令行模式,输入javac,检查是否设置成功。
设置环境变量
设置环境变量
  • 下载并安装App Inventor。按默认步骤安装即可。
  • 启动launch-buildserver32.cmd。
  • 启动startAI.cmd。
  • 登录http://localhost:8888
单击“Log In”
单击“Log In”

单击“Log In”,即可进入项目开发窗口。

三、App Inventor项目开发

1、开发环境介绍

App Inventor开发环境
App Inventor开发环境

App Inventor 整体由设计器块编辑器组成。设计器允许您创建应用的界面,块编辑器允许您通过将块放在一起来对应用程序的行为进行编程。

2、设计视图

接下来,我们简单的完成第一个界面。

首先,单击页面左上角的菜单“项目”→“新建项目”,创建一个项目,为项目起一个名字。

此时,这个界面就是我们的设计视图界面。我们可以通过组件属性中的“背景图片”上传一张图作为我们应用的背景。同时,我们还能将左边的组件面板中的组件拖动到视图界面,比如可以把一个按钮拖到视图界面。

在编程视图中,可以通过拖动代码块来实现自己想实现的功能,例如,我们想实现按钮被点击后展示“我被点击过啦!”的文案,那么代码块如下:

给按钮组件编程
给按钮组件编程

3、测试程序

  • 首先大家需要准备一部安卓手机。
  • 用手机访问谷歌商店,搜索并下载“MIT AI2 Companion”应用,并安装。
  • 手机连好 Wi-Fi,注意:手机的 Wi-Fi 要和计算机连接的 Wi-Fi 保持一致。
  • 进入我们计算机的App Inventor 开发环境中,在窗口上方的菜单中找到“连接”菜单,并选择“AI伴侣”。
  • 打开手机上安装好的AI伴侣,选择“扫描二维码”,将手机的摄像头对准计算机屏幕上的二维码扫描。
  • 如果一切顺利,我们的应用程序就能在手机上运行了。
AI伴侣
AI伴侣

等到测试没有问题,我们就可以进行下一步,把我们的应用安装到安卓手机中了。

4、安装到手机

  • 先检查一下手机是否允许安装安卓商店之外的应用程序。选择“设置”—“安全”,选中“未知来源”项。
  • 然后在App Inventor的开发界面,从顶部菜单中选择“打包APK”→“显示二维码”。
  • 等待计算机完成编译之后,屏幕上就会显示一个二维码,我们打开手机上的扫码功能,扫码下载并安装即可。
  • 安装完成之后,我们的手机屏幕上将会出现我们的应用程序的图标。

5、分享应用程序

如果您想把自己的应用程序分享给自己的朋友或家人,可以把它打包成一个apk文件。

通过 App Inventor 工具栏上的“构建”菜单,创建一个可以安装在设备 (.apk) 中的文件。

构建apk文件
构建apk文件

选择“应用程序(保存到我的电脑)”。弹出框应提醒您下载已开始。

下载中
下载中

构建完成后,您可以将应用程序发送给朋友,他们可以通过从手机打开它来安装它。

好啦,以上就是给App Inventor编程初学者分享的一些基本操作及知识,赶紧开启自己的编程之路吧!

公众号

关注公众号

x