App,Inventor手机编程第一个实例的设计

admin管理员组

文章数量:1530516

2024年7月19日发(作者：)

App,Inventor手机编程第一个实例的设计

众所周知，App是英文Application（应用）的简称，通常指移动

设备（如平板電脑，手机等）上的应用程序。随着智能手机的流行，

人们已经习惯使用各类App来开展社交活动和娱乐活动，以及解决

生活，工作中的某些问题。同时，手机App开发课程也开始步入中学

课堂，虽然目前还没有在初、高中的信息技术课中全面普及，但在很

多一线城市中，“App Inventor程序设计”教学已风生水起。从2014

年～2017年，全国已举办了四届中学生App Inventor应用开发挑战

赛，欲通过此赛事，全面调动中学生的程序思维与创新能力。

可视化模块编程工具App Inventor像一个魔法师，极大地激发了

学生利用“手机”进行“创造”的热情，因此我们老师在进行教学设计时，

案例选择的典型性和代表性，尤为重要。特别作为App Inventor手机

编程第一个实例，更是重中之重，第一个实例若设计得成功，可能学

生的创造热情就由此点燃，一发不可收拾。经过多个案例的设计研究，

结合教学设计的三维目标，特别注重学生的情感态度价值观的落实，

从而设计了本案例：变脸，分享出来供大家一起探讨。

一、关于App Inventor

App Inventor 由 MIT（麻省理工学院）开发，是一款免费的在线

开发工具。同学们无需任何编程基础，在可视化编程界面下，通过模

块拼接的方式，类似搭积木的形式，制作 Android 手机程序，并可

以在手机上运行。App Inventor之父Harold Abelson（MIT教授）曾

经说过：“App Inventor编写的应用程序或许不是很完美，但它们却是

普通人都能做到的，而且通常是在几分钟之内即可完成”。

http：///login/是目前国内唯一的App Inventor官

方服务器，我们可以通过浏览器访问，就能进行安卓系统下的App开

发，无需安装。登陆网站以后，用户只需注册一个账号，就能使用，

非常的方便。

需要注意的是， App Inventor开发的App只能用于基于安卓系

统的设备，无法在基于ios操作体统的iphone，iPad上使用。

二、“变脸”App的实现

川剧变脸被称之为中华国粹，川剧艺人将人们不可见、不可感的

抽象的情绪和心理状态用脸谱与动作将其表达出来展示在观众眼前，

让观众一目了然剧中人物的内心。今天，启动手机上的“变脸”App，

伴随经典的川剧变脸歌曲，摇一摇我们的手机，川剧变脸开始，体验

一次手机版“变脸”。“变脸”手机App运行过程中，每次摇晃手机将出

现不同的京剧脸谱。

下面简单的介绍一下App Inventor“变脸”的实现过程。

首先，把程序中需要用到的素材上传到开发网站。这里我们需要

准备多张内容不一样、大小相同的脸谱图片，还需要一首变脸时的背

景音乐。为了后面编程方便，我们可以把脸谱图片依次命名为：，

，……（为什么，后面有分析）。

其次，界面设计。用户根据自己的需求，通过可视化的拖放方法，

所见即所得，来完成App的界面设计。程序总共用到三个组件：1、

图像组件：用来显示手机屏幕中不同的脸谱图片。2、加速度传感器：

检测手机的是否被摇晃。3、音乐播放器：播放背景音乐。其中加速

度传感器和音乐播放器为非可视组件，不会直接显示在屏幕中，图像

组件是可视组件。

第三，逻辑设计。外观做好了，现在我们一起来编写后台程序代

码，进行逻辑设计。可能很多人会这样认为“程序，那是一个很恐怖的

东东，应该是“程序猿”做的事情”。App把所有代码都封装了起来，所

有代码都以“积木块”的方式存在，你只需用拖放拼接的方式，无需关

注复杂的语法规则，就可以完成程序的编写。现在我们一起来编写“变

脸”App的后台程序代码，体验一回积木式编程。

1、当我们启动“变脸”App时，川剧变脸音乐随之响起，这个在屏

幕初始化中可以轻松实现。我们事先在界面设计的时候，为“音频播

放器”组件设置播放源，也就是为它设置播放的音乐。在屏幕初始化

时，通过代码，我们让“音频播放器”开始播放变脸的音乐，同时我们

用程序来控制，使音乐循环播放。

2、手机如何“变脸”？手机如何“变脸”是整个App的关键问题：每

次摇晃手机，随机显示一张脸谱图片（事先准备了10张脸谱图片），

那应该如何实现呢？

AppInventor提供了加速度传感器被晃动的事件，只需把手机被

晃动时需处理的事件写入即可，需处理的事件是：手机被晃动时随机

显示10张脸谱图片中的一张。

注意，我们事先把10张图片的主文件名命名成了1，2，3……9，

10，目的就是为了在程序设计中用到取随机数这个功能，从而能随机

显示出不同的脸谱图片，轻松解决每次出现的脸谱都是不一样的。

4、打包APK文件，把变脸App安装到自己的手机中。“打包apk”，

有如下两种方式可供选择。

（1）“打包apk并显示二维码”。这种方式会在服务器端打包生

成apk。并给出一个可供下载的二维码。用户可以直接扫描进行App

的下载。这种方式不必把apk安装包下载到计算机上。但这个二维码

下载链接，只有两个小时的有效期，过期就不能下载啦！

（2）“打包apk并下载到电脑”。打包生成apk后，会把这个apk

安装包下载到计算机上。用户可以通过其他方式安装到自己的手机。

这种方式可以直接把apk文件分享给他人，方便他人安装。

知道了2者的区别，现在拿出你的手机，点击“打包apk并显示

二维码”，扫描生成的二维码，即可把变脸App下载安装到你的手机

上，赶快体验吧。

三、为什么要把“变脸”设计为App的第一个实例呢？

实例化教学过程，不是为说明某个知识点如何运用而举例，而是

把多个知识点有机地融合起来；实例化教学可以使学生迅速了解App

Inventor能做什么，从而对App Inventor有一个快速而全面的了解。

诚然，实例化教学的主角是实例，那么教师在教学准备过程中对实例

的设计，编排和选取显得尤其重要。在实例化教学过程中，实例的设

计、编排和选取非常关键。不但要有明确的目标，还要兼顾知识本身

的系统性，学生的能力参差不齐，App Inventor程序设计必须由浅入

深，由易到难，给每个学生提供参与，表现并获得成功的机会。

学生第一次接触App Inventor手机编程，目的在于体验不一样的

编程，程序不能太复杂，不能让学生产生畏惧的心理，在教学中，不

仅要使学生“知其然”而且要使学生“知其所以然”。第一个案例，不但

要把App Inventor手机编程的整个流程介绍清楚，还要极大地激发学

生的学习兴趣。利用手机的加速度传感器，摇晃手机“变脸”，体现出

积木式编程和传统面向过程，面向对象编程的最大区别。同时，在中

国传统文化川剧变脸的氛围中，整节课的情感态度价值观得以落实：

让同学们利用科技的新技术来感受不一样的中国传统文化，为中国传

统文化自豪的同时，更为新技术的体验而骄傲。

实践证明，“变脸”App实例教学，受到了学生的欢迎，极大的提

高了学生的学习热情，从而提高了教学质量。这让我们不得不重视一

个问题：教师在进行实例的设计，编排和选取时，应该站在学生角度

考虑，使实例具备科学性，合理性，典型性和代表性，符合学生的认

知规律，这样才能调动学生内在积极性，充分发挥学生的潜能，达到

良好的教学效果。

本文标签： 手机变脸学生编程实例