• 首页
  • 教育理念
  • 文章专题
  • 编程教程
    • – Scratch编程教程
    • – AppInventor编程
    • – Python编程教程
    • – NOIP信息学奥赛
    • – C/C++编程教程
    • – JS编程教程
  • 少儿编程学院
    • – 在线课程
    • – 学院名师
    • – 动态资讯
  • 少儿编程社区
    • – 在线编程
    • – 编程作品
    • – 专题创作
  • 更多
    • – APP客户端
    • – 关于我们
    • – 寻求合作
    • – 少儿编程联盟
投稿 登录 注册
  • 首页
  • 文章专题
  • 教育理念
  • 编程教程
  • 少儿编程学院
  • 微信公众号
  • APP客户端
少儿编程学院
少儿编程教育-微信公众号
首页 › 编程教程 › AppInventor编程教程 › 正文
AppInventor教程AppInventor编程编程教程编程教育

App Inventor编程环境:搭建App Inventor开发与测试环境

金从军金从军 AppInventor编程教程 2018-06-13 17,141 46
App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网

应学习者要求,特将与App Inventor开发环境与测试设备相关的问题汇总于此,希望能够为初学者扫清障碍。

一、硬件需求:

  1. 个人电脑1台(必备):PC机或苹果机;
  2. Android手机或平板电脑(可选):

二、软件需求:

  1. 操作系统(必备):Windows xp、Win7或更高版本或MacOS(苹果电脑);
  2. 浏览器(必备):Chrome或Firefox;
  3. App Inventor开发工具(可选):AppInventor离线版安装程序;
  4. 开发测试工具AIStarter(可选):安装在开发用的电脑上;
  5. 测试软件AI伴侣(可选):安装在手机或平板电脑上;

三、开发环境

方案1:使用在线开发环境

直接运行浏览器,在地址栏中输入在线服务器地址。目前国内提供的在线系统如下:

  • http://ai2.17coding.net
  • http://app.gzjkw.net

海外用户可访问MIT App Inventor的官方网站:

  • http://ai2.appinventor.mit.edu/
App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网

方案2:自己搭建服务环境

  1. 下载App Inventor开发工具——“AppInventor离线版2016安装程序.zip”,下载地址为:http://pan.baidu.com/s/1geSY5Gn,内含AI伴侣。App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网
  2. 安装并运行开发工具:将下载的压缩文件解压缩,并运行其中的文件“AppInventor离线版2016安装程序.exe”,安装过程中一路点击“下一步”,直到安装完成,如图所示:App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网
  3. 程序安装完成后,如果选中了图中的“运行AppInventor汉化测试版”,程序将立即运行。运行之后,将开启两个windows的命令行窗口(黑屏窗口),其中一个是开发服务器(Dev Server),在应用开发过程中,不要关闭这个窗口(将其最小化即可);另一个是编译服务器(Build Server),在开发时可以关闭这个窗口,以节省电脑的资源,如果项目开发完成,需要编译项目时,要让这个窗口处于打开状态。如图所示:
  4. App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网
  5. 在浏览器中打开开发环境:在浏览器地址栏中,输入http://localhost:8888 或ip地址+端口号(如http://192.168.0.101:8888),即可在浏览器中打开App Inventor开发环境。第一次打开开发环境,由于尚未创建项目,因此系统会显示一个欢迎窗口,如图所示,此时可以直接点击“新建项目”按钮,创建一个项目。
App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网

此后再进入开发环境时,系统将自动打开最后一次保存过的项目,如图所示。

App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网

四、测试环境

有三个可选的测试方案,我们简单地把它们称作WIFI手机、USB手机及模拟器,下面以表格方式说明这几个方案所需的条件。

App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网
  1. 下载并安装AIStarter:下载地址为 https://pan.baidu.com/s/1qYaNGvE(第1方案无需此项);App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网将下载的文件解压缩后,执行该文件(AppInventor调试工具2016安装程序.exe),安装过程先后点击“运行”、“下一步”及“安装”按钮,安装完成时,可直接运行该程序,如图所示:
  2. App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网
  3. AI伴侣的下载可长按此二维码(第3方案无需此项):
App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网

在上述三种方案中,推荐使用第一种方案,该方案虽然不是最经济的,但是运行效率高,可以减少开发过程中的测试时间,其他两种方案的运行效率要视开发电脑的性能,笔者自己的电脑有些老旧,因此测试过程中需要较长时间的等待。

五、在开发环境中连接测试设备

方案1:如图所示:

  1. 手机连接WIFI;
  2. 在手机中运行AI伴侣;
  3. 在开发环境中点击菜单中的“连接→AI伴侣”。
App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网

方案2:如图所示:

  1. 开发电脑中运行AIStarter;
  2. 手机用USB线连接到开发电脑;
  3. 在手机中运行AI伴侣;
  4. 在开发环境中点击菜单中的“连接→USB端口”。
App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网

方案3:如图所示:

  1. 开发电脑中运行AIStarter;
  2. 在开发环境中点击菜单中的“连接→模拟器”。
App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网

模拟器中程序的运行效果如图所示:

App Inventor编程环境:搭建App Inventor开发与测试环境-少儿编程教育网

提示:本文中的链接地址并非永久有效,最新的下载地址将在老巫婆的新浪博客公布,敬请关注。

 

喜欢 (46)
打赏
  • 打赏支付宝扫一扫
  • 打赏微信扫一扫
微博 微信 QQ

微信扫一扫,分享到朋友圈

微信公众号
编程少年Scratch实物积木
少儿编程教育-微信公众号
上一篇

App Inventor编程开发集锦2-计算器-第6课-代码回顾

下一篇

3名小学生参加ACM大学生程序设计大赛,表现出色斩获铜奖!

猜你喜欢

  • 教育部重磅!青少年编程能力等级考试来了!少儿编程教育全面普及!

    教育部重磅!青少年编程能力等级考试来了!少儿编程教育全面普及!

  • 亲身经历青少年AI人工智能技术等级考试!北京大学出题,工信部发证!

    亲身经历青少年AI人工智能技术等级考试!北京大学出题,工信部发证!

  • 这份1000万人收藏的计算机科学速成课,快来免费领取吧!

    这份1000万人收藏的计算机科学速成课,快来免费领取吧!

  • 小学生教你学编程,8岁上海小学生开少儿编程课爆红网络!

    小学生教你学编程,8岁上海小学生开少儿编程课爆红网络!

  • 少儿学编程好吗?为什么学少儿编程?少儿编程学什么?

    少儿学编程好吗?为什么学少儿编程?少儿编程学什么?

  • 计算机科学速成课-第6课:寄存器和内存

    计算机科学速成课-第6课:寄存器和内存

金从军
金从军投稿者

我真的不是自黑!

中国STEAM教育2018年度风云榜

微信公众号

推荐专题

  • 有趣的少儿编程游戏推荐

    查看专题
  • 国外优秀的少儿编程教育

    查看专题
  • S科学-T技术-E工程-M数学

    查看专题

猜你喜欢

  • 啊哈C语言编程-第2课-让计算机开口说话
    2018-01-25

    啊哈C语言编程-第2课-让计算机开口说话

  • NOIP2017来了!回顾2016年NOIP与自我总结

    NOIP2017来了!回顾2016年NOIP与自我总结

    2017-07-30
  • 少儿编程哪家好?少儿编程培训班哪家好?少儿编程多少钱?

    少儿编程哪家好?少儿编程培训班哪家好?少儿编程多少钱?

    2019-10-06
  • 关于少儿编程教育,这些错误观念你肯定也有!

    关于少儿编程教育,这些错误观念你肯定也有!

    2017-06-04
  • App Inventor编程教程-第21课-循环

    App Inventor编程教程-第21课-循环

    2018-01-22

热门文章

  • 新型冠状病毒肺炎,儿童真的不易感?专家组组长:论据尚不充分!
    2020-01-24 57,482

    新型冠状病毒肺炎,儿童真的不易感?专家组组长:论据尚不充分!

  • 9个青少儿防疫问题,北京大学国际医院儿科专家权威解答!
    2020-02-08 45,182

    9个青少儿防疫问题,北京大学国际医院儿科专家权威解答!

热门标签

鲨鱼公园高考改革高考加分青橙创客青少儿防疫阿部和广错误观念逻辑思维费米科学贝尔科教谷歌教育计算机科学计算机思维解决方案西瓜创客

微信公众号

热门文章 热门标签 年度归档 少儿编程教育联盟

Copyright © 2021 少儿编程教育网 粤ICP备17057575号 · Designed by shaoerbc.org

大家都在搜

  • Scratch教程
  • scratch2下载
  • Scratch编程
  • 编程思维
  • 信息学奥赛
  • STEM教育
  • 编程一小时
  • 自主招生
  • 少儿编程竞赛

关注我们的公众号

微信公众号