项目八 体验移动互联网应用的开发浪潮 课件——中职《计算机应用基础.》（华东师大版）.pptx

核心概念

开发环境、按钮、标签、表格、加速度传感器、文本语音传感器、音效播放器、Web客户端、组件属性、组件设计、逻辑设计

任务目标

(1)掌握AppInventor的开发环境。

(2)学会素材的上传。

(3)学会使用按钮、标签、表格组件进行界面设计。

(4)掌握加速度传感器、文本语音转换器、音效播放器的使用。

(5)学会简单的积木块代码设计。

(6)学会使用Web客户端组件实现手机与硬件设备的通信。

(7)学会利用模拟器调试APP。

项目八体验移动互联网应用的开发浪潮

活动1

体验AppInventor

活动2

制作可爱的小狗APP

活动3

制作猜成语APP

活动4

制作开关灯应用

活动1体验AppInventor

要想在电脑上使用AppInventor来开发应用程序，需要做以下准备工作：

(1)检查使用的电脑上是否已经安装了谷歌浏览器或者火狐浏览器。

知识准备(2)搭建编程环境

l

活动实施

活动1

广州市数肩信息中四(电教馆)服务器

中文简体)Enuishus

活动1体验AppInventor

A用Q0帐号录

在线技术论坛

活动实施

电邮

密码

o0

活动1体验AppInventor

活动实施

活动1体验AppInventor

活动实施

3、界面简单介绍

AppInventor主界面如图8-1-3所示

1菜单栏。

2组件面板，AppInventor提供的各种组件，需要拖到工作面板中以完成各种功能。

3工作面板，用户界面的设计。

4组件列表面板，可以看到并选择APP所使用的组件，也可以删除组件。

5组件属性设置面板，可以设置组件的各种属性，包括背景、字体、字号等属性。

6素材面板，可以上传素材，或删除素材。

7组件设计和逻辑设计界面的切换。组件设计主要是设计用户界面，逻辑设计是AppInventor的核心，通过积木块组合方式实现程序代码的编写。

工作

3

图8-1-3

活动1体验AppInventor

面

m户

署面

四水平

田

3

.2

总2

社文白用

a的

a

高供器人

活动实施

名

进入AppInventor的工作环境，开始创建我们的第一个应用程序“可爱的小

狗”。通过这个入门级的App,我们将会熟悉AppInventor的编程环境，学习到创建项目、上传素材、使用组件以及简单的代码设计知识，并能使用模拟器对APP进行调试。

如果你进入的是英文界面，可点击编程环境中右上角的⑥图标，选择“简体中文”,即可进入中文界面。

活动2制作可爱的小狗APP

知识准备

组件

类别

功能

属性

事件

A标签

用户界面

可视组件，用来显示文字

1.文本-—标签上显示的文字。

2.其他属性用来控制标签的外观和位置。

忽略

按钮

用户界面

可视组件，可感知用户的触摸，用户通过触摸和按压按钮完成某种功能。

1.文本--按钮上显示的文字。

2.图像--按钮上显示的图像。

作用：用户按下并放开按钮的动作。

音效

多媒体

非可视组件，可以播放音频，并控制手机的震动。

源文件--指定播放的音频文件。

调用音效1.播放

作用：播放音频。

调用音效1.震动毫秒数

作用：让手机震动指定的毫秒数。

加速度传感器

传感器

非可视组件，可以检测到手机晃动。

忽略

当加速度传感器1.被晃动

执行

作用：手机开始被晃动或者连续摇晃。

2、组件属性及事件

活动2制作可爱的小狗APP

当按钮1.被点击

执行

MITAppInventor2

Beta

项目连接打包apk帮助

我的项目

新建项目

删除项目

新建项目

导入项目(aia)导入模板(aia)删除项目

保存项目

另存项目

检查点

导出项目(.aia)导出所有项目

上传密钥

下载密钥

删除密钥

项目列表

项目名称

创

(2)在随后出现窗口，输入文件名

mydog,点击“确定”按钮，如图8-1-5所示。

1、新建项目

(1)单击窗口上方“项目”菜单，选择新建项目，如图8-1-4所示。

mydog

确定

图8-1-5

新建项目…

项目名称：

取消

制作可爱的小狗APP

活动2

活动实施

图8-1-4

2、上传素材文件

(1)在窗口右边下方找到素材面板，点击“上传文件”按钮，如图8-1-6所示。

取消确