作者：吴明晖,金敏
出版社：电子工业出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
App Inventor创意趣味编程试读：
内容简介
可视化模块编程工具App Inventor像一个魔法师，不仅激发了学生利用“手机”进行“创造”的热情，也成就了广大信息技术教师“让手机用于教育”的想法。
本书内容丰富，应用性和趣味性强，是作者多年来在App Inventor领域教学研究成果的系统化凝练。在案例的选择上，将学生喜闻乐见的素材整合到App Inventor教学中，体现了项目的趣味性和生活化。本书选择了学生熟悉的情境，把每个案例都融合在校园课堂中，选用贴近学生实际生活的学习素材，更容易激发学生的学习兴趣。
编者的话
我们正处在一个数字化社会，被这个时代称为“数字原住民”（Digital Native）。我们习惯对着手机吐槽自拍，游戏休闲，购物导航……“人是铁，饭是钢，找不到手机最惊慌！”然而并非手机有无穷魅力，勾魂的是数不清的APP。只要一机在手，点击一个个APP图标，我们似乎就可以忽略时空的限制，进入自己的专属世界。
那么，在你心目中是不是也有一个特别的APP，一个自己专属的APP，它或许是一个能帮助你学习的手机应用，或者仅仅是一个有趣好玩的应用，又或许在这个应用中的角色是你和你的家人。是的，我们能不能将心中的想法转化为应用原型，自己动手制作一个手机应用，利用移动计算机技术来满足个人的需求呢？
答案是肯定的，App Inventor可以帮助你实现心中的这个“APP”。
App Inventor是一个可视化，可拖拽的编程工具，用于在Android平台上构建移动应用。利用基于Web的图形化的用户屏幕生成器，可以设计应用的用户屏幕（外观），然后像玩拼图玩具一样，将“块”语言拼在一起，来定义应用的行为。引用App Inventor之父Harold Abelson（MIT教授）的话：“App Inventor编写的应用程序或许不是很完美，但它们却是普通人都能做的，而且通常是在几分钟内就可完成。”
你能猜出以下用App Inventor块语言来定义应用的功能吗？
点击红色按钮，将画布的画笔颜色设为红色。
点击橡皮擦按钮，将画布上的图案清空。
触碰画布，在坐标（x,y）上画一个半径长度为8的实心圆。
这就是一款简单的“涂鸦板”手机应用。可以看到，比起传统的程序代码，这些块语言更容易理解，你还可以结合自己的生活经验加入更丰富的功能，比如在“涂鸦板”应用中可以设计一块调色板用来设置画笔多彩的颜色；可以将所绘制的图片保存在手机中等。动动脑筋，我们还能将“涂鸦板”改编设计出更富有创意的手机应用，比如“签名吧”，打开手机中的照片作为画布背景，虚拟签名，在这里你可以潇洒地挥笔写下“大圣到此一游”。
此时的你是否已满怀期待、跃跃欲试，赶快打开这本书吧，当你合上书时肯定会获益匪浅。在这本书中，你将经历一次充满发现，充满奇迹的旅行。让我们用App Inventor拼出梦想中的创意，诠释心中的世界！
本书是作者多年来在App Inventor领域教学成果的凝练和体现，在Google公司的大力支持，先后承担了Google精品课程、Google教材出版资助计划项目、Google中小学计算机课程开发资助项目的建设。本书的主体内容多次在App Inventor全国师资培训班上讲授并不断完善。
本书由浙江大学城市学院的吴明晖教授、杭州建兰中学的金敏老师担任主编，杭州采荷实验学校的李瑶老师、杭州高新实验学校的程陶奕老师、杭州青少年活动中心的谢奕女老师担任副主编，共同完成了本书的编写工作。特别感谢Google中国教育合作项目部的朱爱民经理和邓倩女士，以及很多参加过该课程师资培训的教师朋友们，他们为本书提了很多很好的意见和建议。
由于作者水平有限，时间仓促，书中难免有欠妥之处，敬请广大读者批评指正。
读者也可以关注微信公众号“AppMOOC”或加入QQ群647665840保持沟通交流，共同推进App Inventor的学习和分享。
第1章 拼出我们的世界
我相信，打开这个课程之门的你，一定是一个充满好奇心又敢于挑战的读者！你满怀期待、跃跃欲试，你希望将心中的创意转化为手机应用，可以向他人展示你的成果；或许你还有一丝担忧，编制一个APP，这听上去像是一项复杂的工程，没有编程经验是否可以呢？其实一切都不用担心，只要你有热情、有想法、敢行动，跟着这本书一步一步来，就能成为一个小创客！
内容提要
•App Inventor简介。
•访问并注册App Inventor 2开发网站。
•App Inventor 2开发环境。
•APP的开发过程。
1.1 App Inventor简介
App lnventor是由Google公司开发的一款在线开放的Android编程工具软件，它于2012年1月被移交给麻省理工学院MlT行动学习中心，并由MlT发布使用，目前已经发布了第2版，具有如下特点：
① 方便的环境搭建：采用浏览器+云服务模式，不需复杂软件安装；同时，所有开发代码储存在云端服务器上，方便开发者在任何一台机器上进行开发，并且保证了源代码的一致性和安全性。
② 简单的开发过程：不需关注复杂的语法规则，通过图形化积木式的组件拖放来完成APP开发，没有编程基础的用户也可以开发APP。
③ 丰富的组件模块：如多媒体类、传感器类、乐高机器人组件等，方便开发者实现创意。
④ 强大的调试功能：通过Al伴侣进行调试，所有代码的变更会自动同步到进行调试的手机或者模拟器中，不需重装应用，就可以看到最新效果。1.1.1 APP开发过程
开发一个项目的流程可以概括地用一个公式加以描述：
与此对应，利用App lnventor开发APP的过程就是：
那么，用App lnventor可以创建怎样的应用？
App lnventor既方便，又强大，发挥你的想象力，就可以创建出各种有趣又实用的应用。在课程中，我们将一同经历和体验APP的开发过程。将根据现实场景，提出问题，转化成APP开发需求，进而对APP进行创意构思、组件设计、逻辑设计、连接调试，逐步掌握APP程序设计的基础知识和基本方法，使你爱上程序设计，成为移动互联网世界的创造者！1.1.2 创意构思
想象，是无限创造力的起源！你和同伴可以一起自由参与、自由想象、开动脑筋、积极创造，打开广阔的思维空间。不妨信手涂鸦，做个“白日梦”，让大脑自由漫游，尽量不要感受到一丝压力。尽可能提出创意，甚至是古怪的想法。不要去分析某个想法是否可行，更不要一上来就把某个想法一棍子打死，“想象”（如图1-1所示）之后，会发现“那些看似疯狂的想法中其实可能蕴藏着最佳解决方案”。图1-1 学生的创意构思
小小创客记
用文字说明或用草图绘制出你最想创作的应用。
__________
1.2 访问App Inventor 2开发平台
AI2平台简介App lnventor 2（以下简称“Al2”）需要连接网络，在Web浏览器上运行，具体操作如下。（1）检查所使用的操作系统和浏览器是否支持Al2开发，如表1-1所示。表1-1 App Inventor2进行开发的一些基本环境要求备注：App Inventor 的官方网址http://Appinventor.mit.edu/，更多信息可参看相关介绍。（2）打开浏览器，访问国内服务器http://app.gzjkw.net/。Al2完全基于浏览器开发安卓应用，如果使用的浏览器并不在Al2的支持范围内，Al2会给出提示。（3）完成自己的账户建立。申请新账号→输入电子邮箱地址→发送链接→设置密码，如图1-2所示。当然，也可以用QQ号码登录。图1-2 广州教科网App Inventor 2开发网站首页
1.3 创建第一个App Inventor项目
登录后进入开发屏幕，如图1-3所示。图1-3 开发屏幕
网页最上方有一排菜单，菜单功能如表1-2所示。表1-2 App Inventor2菜单功能
从系统的模板库中导入第一个App——HelloPurr，如图1-4所示。1.3.1 熟悉开发环境
当导入模板项目后，就会进入组件设计视图（如图1-5所示）。App lnventor采用可视化的设计开发方法，将“组件面板”中的组件拖至“工作面板”，就像设计APP最终运行的屏幕效果图一样。当向屏幕Screen1中拖放某些组件后，这些组件会显示在“组件列表”中。在“工作面板”或者“组件列表”中选择任意组件，便会在“组件属性”中出现其对应的属性。图1-4 导入模板HelloPurr图1-5 组件设计视图
小小创客记
仔细观察“HelloPurr”的组件设计屏幕，积极思考：它用了哪些组件？这些组件起什么作用？这些组件都设置了哪些属性？
__________
开发页面右上角有两个按钮，用于切换组件设计视图和逻辑设计视图，如图1-6所示。图1-6 切换按扭
切换到逻辑设计视图（如图1-7所示），最左列是“模块”栏，列出了所有内置块和该屏幕中所有组件。左下方是“素材”栏，可用于直接上传素材文件。“工作面板”占据了大部分空间，其左下角显示的是当前项目中出现的错误或者警告个数；右上方是一个书包，可以实现多个屏幕之间的代码复制；右下方是一个垃圾桶，可以把不要的积木块放进去，从而实现删除功能；工作面板的中间空白部分就是进行代码块拼接的场地了，可以随着模块增加而滚动显示。图1-7 逻辑设计视图
小小创客记
仔细观察逻辑设计屏幕，积极思考：用了哪些模块，你能找到这些模块吗？你能尝试拼一拼、读一读这些模块吗？
__________
模块是“凹凸”的。只有“凹凸”配对成功，模块才能够拼接，会发出“咔塔”声。当逻辑设计正确完成后，就可以赋予APP行为，实现相应的功能。
模块是“多彩”的。在内置块中，“控制”是土黄色，“逻辑”是黄绿色，“数学”是蓝色，“文本”是玫红色，“列表”是浅蓝色，“颜色”是灰色，“变量”是橙色，“过程”是紫色。单击模块栏中任何一个组件，会弹出该组件所关联拥有的编程模块（如图1-8中Sound1的关联模块），土黄色模块表示触发事件，深绿色模块用来设置属性，浅绿色用来读取属性，紫色模块表示调用方法。注意，触发事件模块总在最外层，其他模块总被“包裹”在里面。图1-8 Sound1关联模块
在图1-8中，事件处理模块发生时会执行内部模块，调用过程模块提供了预设的功能，属性取值模块用于获取该组件某个具体属性的值。1.3.2 连接调试
App lnventor 2提供了3种连接调试方式。这里介绍Al伴侣方式，即使用安卓设备和无线网络进行连接测试，这是推荐的连接方法。
在调试前，需要做两点准备工作：① 要将计算机和安卓设备连接到同一网络（相同网段）;② 在安卓设备中安装Al伴侣APP——“MlT Al2 Companion”。单击“帮助”菜单，选择“Al同伴信息”（如图1-9所示），可以通过扫描二维码的方式获取。图1-9 安装“MIT AI2 Companion”
然后单击“连接”菜单，选择“Al伴侣”，就会显示一个“二维码”及“编码”，如图1-10所示。图1-10 连接伴侣程序
在安卓设备中开启“MlT Al2 Companion”应用（如图1-11所示），点击“scan QR code”按钮，扫描二维码。几秒钟后，正在开发的APP就会显示在你的安卓设备上了，并且还是实时调试的。如果你的手机没有摄像头，或者其他原因无法扫描，也可以直接将连接伴侣程序中6位编码输入到“方框”中，然后点击“connect with code”按钮。图1-11 AI伴侣APP运行屏幕
小小创客记
通过连接调试，观察这个APP实现了怎样的功能？你想如何进一步丰富它的功能？
__________1.3.3 打包APK文件
与手机连接成功后，可以直接在开发网页上方，选择“打包apk”（如图1-12所示），生成可以安装到手机的Android APP安装包。有两种方式可供选择：图1-12 打包APK
① “打包apk并显示二维码”。这种方式会在服务器端打包生成APK，并给出一个可供下载的二维码。用户可以直接扫码进行APP的下载。这种方式不必把APK安装包下载到计算机上，对于调试比较方便。但这个二维码下载链接只有两个小时的有效期，过期就不能下载了。
② “打包apk并下载到电脑”。打包生成好APK后，会把这个APK安装包下载到计算机上。用户可以通过其他方式安装到自己的手机。这种方式可以直接把APK文件分享给他人，方便他人安装。1.3.4 导出和导入项目源代码AIA文件
APK安装包文件可以在Android手机上直接安装，但APK文件是不能直接修改和编辑的，如果想做一些APP界面和功能上的修改，只有APK文件不行，这时需要该APP的项目源代码文件。App lnventor支持APP项目的源代码文件导出和导入，如图1-13所示。图1-13 导入/导出项目源代码文件
点击“导出项目（.aia）”菜单命令后，会通过浏览器下载一个“HelloPurr.aia”的文件，这就是App lnventor中“HelloPurr”这个项目的源代码文件，以“aia”作为文件后缀名。（也就是文件名中点后面的字符串，通常采用不同的文件后缀名来标识不同的文件类型，如“apk”是Android的安装包文件，“txt”是文本文件，“jpg”是一种图片文件，“mp3”是一种音频文件等。）
有了“HelloPurr.aia”文件后，可以分享给其他用户，然后通过图1-13中的“导入项目（.aia）”菜单命令，把这个项目源文件导入到自己的App lnventor开发账号中，以后就可以查看这个项目具体的实现方法，以及进一步的修改和完善。
小小创客记
1.点滴分享。
① 你曾经有创意编程的经历吗？
② 你会如何向朋友介绍App Inventor？
2.实践体验。
在HelloPurr项目中，尝试拖放一些组件进行屏幕设计；尝试修改一些组件的属性值，观察工作面板中屏幕内组件的外观变化。
你发现了什么？你想进一步了解什么？
第2章 点名神器
点名是校园学习生活中最常见的环节，检查出勤率要点名，回答问题要点名，稍息立正要点名……那么，第一个手机应用就来做“点名神器”吧！
内容提要
•初步了解程序设计思想。
•通过App Inventor组件设计自己的APP。
•屏幕、按钮、音效、文本语音转换器、加速度传感器等组件的应用。
•使用“逻辑设计”编辑器定义组件行为。
2.1 功能描述
“点名神器”是老师的好帮手，摇一摇手机或者点击按钮，即可随机显示学生的学号，并语音播报出来，以此达到随机点名的目的（如图2-1和图2-2所示）。这要比老师随机叫学生名字来的管用。图2-1 初始屏幕图2-2 学号显示AIA：源代码文件APK：安装包文件视频：功能演示2.2 组件设计
试读结束[说明：试读内容隐藏了图片]