首页 专题资讯 干货分享 正文

【攻略】3步做一个APP送给老师,无需编程基础,电脑能上网就行

发布:2018-08-15 17:05 来源:PiPaCode在线少儿编程

一天就能做出APP


同学们除了在家睡觉的时间最长,除此之外就是在学校和老师们相处的时间最长。那么同学们有没有想过送点什么小礼物感谢老师呢?送给老师呢?鲜花、贺卡?太土了!


不如你亲手做一个安卓APP给老师吧!专门为老师做一个独一无二的APP!当老师的手机上放着你所做的APP,Ta一定会经常想到你的


什么?你不是读计算机的,不会做APP?


其实,做一个APP很简单,只要你懂上网,就够了!剩下的事情交给卡洛斯老师!我会教你使用美国麻省理工研发的编程软件App Inventor,在一天内开发出自己的APP


先自我介绍一下,我是卡洛斯.陈,从2001年开始做软件开发,到现在已经有10多个年头了,曾经在两家中国上市公司(唯品会vip.com、神州数码)和一家美国上市企业Teradata担任软件工程师和技术经理的岗位。我现在是美国麻省理工所发布的手机编程软件“MIT App Inventor”的布道者。


我正在努力普及掌握互联网技术,让非计算机课班出身的人学习技术,用技术来点亮生活!


如果你不是读计算机的,请不用担心,只要你会上网,然后按照本文的教程一步步地操作就能成功。


我懂你,所以我知道怎样帮助你


你知道吗?其实卡洛斯老师也不是计算机专业出身的,读的学校也不是全国名校。


我本科在浙江理工大学读机械、在广东外语外贸大学读工商管理在职研究生。2000年在大学自学了一年的计算机编程,当时中国互联网很火,我就开始帮人做网站赚钱。2004年毕业找的第一份工作不是做机械,是做软件开发的。从那时起,我就在互联网行业的技术岗位上混了那么十多年,还混到了技术经理的岗位。哈哈,所以我是一个有故事的人。由于我的经历故事并不是本文的主题,所以就此打住,也许我会在未来发表的新文章里讲讲我的故事吧。


最后,我非常有信心地告诉大家,不是计算机专业的人也能做出自己的APP。我懂你,所以我知道怎么样帮助你。


好,我们正式进入主题:跟着我一步步做出你们的第一个APP。


什么是MIT App Inventor?


进入实操前,我要先介绍一下MIT App Inventor这款安卓编程工具,接下来我们要跟它打交道:


App Inventor(下文简称AI)原是Google实验室(Google Lab)的一个子计划,由一群Google工程师和勇于挑战的Google使用者共同参与设计完成。Google App Inventor是一个完全在线开发的Android编程环境,抛弃复杂的程式代码而使用积木式的堆叠法来完成您的Android程式。除此之外它也正式支持乐高NXT机器人,对于Android初学者或是机器人开发者来说是一大福音。(AI还是挺强大的!)


AI 2012年1月1日移交给美国麻省理工学院(MIT)行动学习中心,并已于3月4日公布使用。现在AI是由麻省理工发布和维护的一款免费的Android APP编程工具。


AI目前只支持开发安卓APP,不能开发苹果的iOS APP。期待将来麻省理工的教授们研发出可以在AI中开发iOS APP。


毫无疑问,AI是一匹出自豪门,血统纯正的良驹。下来,我们来一起学习如何驾驭它。


小试牛刀


1、在AI平台注册新帐号


AI平台是不支持IE浏览器的,它支持Chrome(谷歌浏览器)、Safari(苹果系统浏览器)、Firefox(火狐浏览器)三种浏览器,其中Chrome(谷歌浏览器)是首选。所以这里我们统一约定使用Chrome(谷歌浏览器)。


请你在电脑里面下载最新版的Chrome。如果不知道怎么安装Chrome,请百度


安装并打开Chrome,输入AI平台的网址(http://app.gzjkw.net/login/)


Step 1:输入网址后,会看下图的页面,点击页面下方的“申请新账号/重设密码”超链接;



Step 2:进入第二个页面后,输入你的邮箱地址,点击[Next]按钮;


Step 3:邮箱上回收到设置密码的链接,点击链接;


Step 4:输入密码,点击[设置密码]按钮;


Step 5:当你看到下图界面时,表示你已经成功注册帐号,并正式进入AI的主操作界面了。



注册成功后,正式进入AI项目列表界面


2、创建新项目


Step 1:点击上图左上角的[新建项目],出现弹出框,在项目名称中输入一个英文名称,比如HappyTeachersDay(注意,名称由是英文、数字、下划线组成,不能有中文、空格、逗号、单引号等字符)。点击[确定]按钮;


Step 2:现在,你会看到你刚才创建的项目已经出现在项目列表中,你刚才输入的项目名称以黑色粗体风格的字体显示,请点击这个黑色粗体的项目名称;


Step 3:当你看到下图界面时,表示你成功创建了新项目。


APP编辑界面


3、定制个性化的APP


由于本次的APP主题是为老师做一个APP。我们可以把APP的icon图标改成老师的真人头像,这样非常能够体现这个APP就是老师专属的。所以接下来,我们更改APP的图标。


Step 1:请用手机拍一张老师的照片,并用美图类的软件/APP把照片里的老师头像剪切出来,最后生成一张长宽为180像素x180像素的图片,这个图片就是我们的APP图标。接着,请在上图所示的APP编辑界面的右边,寻找“图标(无...)”这个属性,按照下面的教学动画操作一遍:


修改APP图标动画演示


Step 2:然后,APP的名字也要修改。我们在“图标(无...)”这个属性上方,寻找“AppName”这个属性。把属性的当前值HappyTeachersDay,修改为“致xx老师”。如果不喜欢“致xx老师”,可以自行修改。


Step 3:最后一步就是,生成你的第一个安卓APP了。点击顶部菜单“打包apk”下的二级菜单“打包apk并显示二维码”。此时,会出现一个进度条,耐心等待进度条运行结束,最后屏幕会弹出一个下载APP的二维码,如下图:


下载APP的二维码


请在你的安卓手机上,安装360手机助手,打开360手机助手,点击首页顶部搜索栏右边的扫码图标,开启扫码功能,然后对着屏幕的二维码进行扫码。扫码成功会显示下载APP。下载并安装好APP后,你会看到刚才开发的APP就出现在手机上了!APP的图标是你设置的图标,APP的名字也是你设置的名字,这个APP完全是由你自己开发的。看到它,一阵喜悦涌上心头!


你开发的第一个APP


你开发的第一个APP


恭喜你!你已经完成了一个APP开发的基本流程。我设计小试牛刀训练的目的有两个,一是让你体验APP开发的完整的流程;二是每一个练习都是能够有成果出来,当你展示自己成果的时候,不仅给你带来喜悦,更会使你增强信心,这样你就不会半途而废了。


学习也可以像吃快餐一样快速,一样可以很有趣。


作者:卡洛斯老师

链接:http://www.jianshu.com/p/484b135d8c28

來源:简书


不是专业人士也能做出属于自己的APP,实践出真知,只有去尝试、探索,孩子就会发现原来学习事件很有趣的事情。

一周排行
PiPaCode

PiPaCode,专注6-15岁少儿编程教育,是广州首家拥有少儿编程自主知识产权的科技教育公司,坚持走科技创新之路,秉承南粤羊城低调务实的精神,扎根广佛,砥砺前行,潜心研发适合中国学生的少儿编程软件和系列课程。已推出的课程包括:PiPa积木编程课,CodeMonkey闯关编程课,3D打印,Arduino,C++,Python人工智能,电子电路等科技课程。旗下有PiPaCode在线少儿编程和PiPaCode科技创客中心两大品牌,为推动中国孩子的兴趣培养、创新创造以及实践精神贡献力量。

联系我们

广东种子力量教育科技有限公司
官方网址:www.pipacode.com
服务电话:(020) 8925-5356
服务QQ:281753448
邮件地址:service@pipacode.com
总部地址:广州天河区天汇创意园314-315

扫一扫
官方服务号
课程购买
Copyright © 2018  让一部分孩子先看到未来   粤ICP备18025193号-2