八年级上册信息技术-第13课 APP Inventor制作我的个性浏览器APP【课件】

利用App Inventor制作中小学个性化学习资源当前，基于Android系统的智能移动终端（平板电脑和手机）正逐渐成为潮流，相应的学习资源也日渐丰富，各教育公司开发的适合中小学生阅读、测试、巩固练习的各类学习资源，正受到广大学生和家长的喜爱。

但这些学习资源绝大多数是定制完成的应用，不能随意修改，而一线教师则希望根据自己的教学进度和教学内容，提供适合自己学生的、有针对性的学习资源。

通过App Inventor能开发出符合自身教学内容需求的个性化教学资源，适合对信息技术感兴趣的一线教师，开发具有听、说、读、写、练等功能的作品，解决当前移动端能够满足个性化需求的学习资源相对匮乏的困境。

App Inventor软件简介App Inventor是Google公司推出的一款免费的、基于网页浏览器环境的、用于开发Android智能手机应用程序的工具，具有操作简单、可视化、模块化等特点。

App Inventor提供强大的组件库，通过所见即所得的可视化图形界面，以拖曳的方式，完成学习内容的显示。

通过模块化的程序代码块来实现功能命令控制和功能实现，使开发制作过程如“搭积木”般进行组件功能拼接，实现移动端个性化学习资源快速完成。

其功能具有如下优势。

积木式编程，操作简单。

使用者可以完全没有任何程序设计经验，只需要“创意+代码拼接”，就能完成课件功能，得到自己的作品。

多媒体功能强大。

提供文本、图片、声音、视频等媒体组件，可制作集听、说、读、写等功能于一体的有声资源，将文本、图片、声音或视频同步，如英文单词有声卡片、中英双语电子书、绘本故事电子书和语文听读课件等，提供有声学习环境，非常适合语音类内容的学?和训练。

响应方式丰富。

可以通过多种方式，包括点击按钮、晃动手机、点击画布、划动屏幕、点击图像精灵、时钟等触发等方式，调用学习资源内容进行学习。

点读式操作可使学习更加方便，划动或晃动等触发方式使学习过程更有趣味性。

反馈方式灵活。

App Iventor 入门案例教程目录1．注册帐号 (2)1.1 利用App Inventor广州电教馆服务器注册 (2)1.2通过App Inventor离线版使用 (2)2．案例1 HelloAI (4)2.1 案例展示 (4)2.2 HelloAI组件设计 (5)2.3 HelloAI的逻辑设计 (7)2.4 App的调试与运行 (10)3．案例2 点我 (13)3.1 案例展示 (13)3.2 点我组件设计 (13)3.3 点我的逻辑设计 (15)4．案例3 画板 (16)4.1 案例展示 (16)4.2 画板组件设计 (17)4.3 画板的逻辑设计 (18)5．案例4 捕捉皮卡丘 (20)5.1 案例展示 (20)5.2 捕捉皮卡丘的组件设计 (20)5.3 捕捉皮卡丘的逻辑设计 (22)6．案例5 记事本 (26)6.1 案例展示 (26)6.2 记事本的组件设计 (27)6.3 记事本的逻辑设计 (27)7．案例6 计时器 (29)7.1 案例展示 (29)7.2 计时器的组件设计 (29)7.3 计时器的逻辑设计 (30)8．案例7 猜数字游戏 (32)8.1 案例展示 (32)8.2 猜数字的组件设计 (33)8.3 猜数字的逻辑设计 (35)9．案例8 打蚊子 (37)9.1 案例展示 (37)9.2 打蚊子的组件设计 (38)9.3 打蚊子的逻辑设计 (40)1．注册帐号1.1 利用App Inventor广州电教馆服务器注册1)安装google浏览器或者360极速浏览器或者火狐浏览器等（不支持ie）；2)登入网址：/login/，如图1.1所示：图1.1 网站界面3)点击，申请一个帐号；4)注册完毕后登入app inventor，如图1.2所示：图1.2 新建项目界面1.2通过App Inventor离线版使用1)打开离线安装程序压缩包；2)双击打开安装程序，开始App Inventor离线版3)安装完毕，在桌面找到并打开AppInventor离线版，出现如下如图1.3。

AppInventor编程教程•入门介绍•界面设计•事件处理与交互逻辑•数据存储与读取•网络通信与数据传输•多媒体应用开发•位置服务与地图应用•调试、优化与发布目录入门介绍01AppInventor是一款开源的、基于Web的、用于创建Android应用的视觉编程环境。

它使用拖拽组件的方式来构建用户界面，并通过基于块的编程接口来实现应用逻辑。

AppInventor旨在让没有编程经验的人也能轻松地创建自己的手机应用。

AppInventor概述1 2 3AppInventor需要Java运行环境，因此需要安装Java JDK。

安装Java JDK可以从官方网站下载AppInventor安装程序，根据安装向导完成安装。

安装AppInventor安装完成后，启动AppInventor，打开编程环境。

启动AppInventor编程环境搭建创建新项目在AppInventor中创建一个新项目，并为其命名。

编写程序逻辑在代码块区域中，通过拖拽代码块的方式来编写程序逻辑。

例如，可以为标签组件设置一个事件处理程序，当应用启动时显示“Hello World”。

测试和运行应用点击运行按钮，测试应用在模拟器中的运行情况。

如果一切正常，可以将应用导出为APK文件，安装到Android设备上进行测试。

设计用户界面在组件面板中选择需要的组件，拖拽到屏幕设计区域，构建用户界面。

例如，可以添加一个标签组件来显示“Hello World”。

第一个App：Hello World界面设计02用于显示文本信息，如标签、按钮等。

文本组件用于显示图片，支持多种格式如JPG 、PNG 等。

图片组件用于展示一系列数据，支持滚动和单选/多选功能。

列表组件用于用户输入信息，如文本框、密码框等。

输入组件界面组件介绍线性布局表格布局相对布局绝对布局布局管理器使用按照水平或垂直方向排列组件，可以设置组件间的间距和对齐方式。

根据组件间的相对位置进行布局，灵活性较高。

appinventor阅读器制作教程
以下是使用AppInventor制作简单阅读器的步骤：
1. 创建一个新项目，并打开设计视图
2. 拖动一个Horizontal Arrangement组件到屏幕上
3. 在Horizontal Arrangement组件上再拖动一个Vertical Arrangement组件
4. 在Vertical Arrangement组件上拖动一个Label组件，并将其放到最上面，作为标题栏
5. 在Vertical Arrangement组件下方添加一个Scroll Arrangement组件，用于显示文本内容
6. 拖动一个”Text to Speech”组件到屏幕上，用于朗读文本的功能（可选）
7. 添加一个Button按钮，命名为“Load Text”
8. 在Button按钮的Click事件中，添加以下代码：
```
FilePicker.OpenFileAsync("text/*")
```
9. 再添加一个Button按钮，命名为“Speak Text”（可选）
10. 在“Speak Text”按钮的Click事件中，添加以下代码：
```
TextToSpeech1.Speak(Textbox1.Text)
```
11. 最后，添加一个Textbox组件，用于显示从文件中读取的文本内容
完成以上步骤后，您的AppInventor阅读器已经制作完成，可以测试它的文本加载和朗读文本的功能。

请注意，此教程中没有添加保存文件和打开文件的功能，这是因为这些功能涉及到文件系统和安全问题，需要谨慎考虑和实施。

基于项目升级的初中信息技术App Inventor 课程设计作者：***来源：《广东教学报·教育综合》2022年第108期【摘要】項目化教学是师生通过共同实施一个完整的项目工作而进行的教学活动，但是如果教师一开始给学生抛出一个大项目，学生可能会束手无策，难以入手。

本文从初中信息技术App Inventor的教学实际出发，将App Inventor教学的内容通过项目不断升级的方式将知识点进行重新整合，让学生明白App Inventor的项目开发可以由简单的雏形到功能的逐步完善，充分调动学生学习App Inventor的兴趣，增强学生自主学习和计算思维能力。

【关键词】初中信息技术;App Inventor;项目升级;自主学习;计算思维一、项目升级的App Inventor课程设计的缘起《App Inventor手机积木式编程》为广州市信息技术初中第二册第三章的内容，本章要求掌握App应用的开发流程、App组件的设计、程序的调试以及测试。

教材内容第一节主要介绍天气预报应用、第二节是摇一摇听单词的应用、第三节是创意涂鸦、第四节是API的调用，这些小应用都是独立的，关联性很少，相互间也缺少知识点的衔接。

通过对教材的梳理，可以看出本章主要使用的组件有web浏览器、按钮、标签、图片、语音合成器、布局、画布、加速度传感器等。

本章内容可以尝试采用项目升级的学习方法，结合教材的重要知识点，将整章的重点内容重新整合。

笔者尝试以“英语听说”为项目主题，引导学生通过项目不断升级，逐步探究各知识点的学习与应用。

二、可行性研究1.项目教学法适合初中App Inventor的课堂项目教学法是以项目为主线、以教师为引导、以学生为主体，创造了学生主动参与、自主协作、探索创新的新型教学模式。

初中App Inventor课程主要介绍如何用积木式的方法开发Android移动终端应用，采用项目驱动的方式组织教学，学生从项目的主题出发，收集信息、制作方案、测试项目、完成项目，一个流程下来，让学生知道制作项目的一般流程，增强学生自主探究的能力与学习兴趣。

创意编程认识APP Inventor一、学习目标1.学习App Inventor程序的启动，认识APP Inventor认识项目、设计和逻辑编程界面构成及部分组件使用方法。

2.掌握新建项目、导出项目、通过布局组件添加和删除组件、根据需要添加删除组件，养成良好的编程习惯。

3.在项目开发过程中学会合作，通过与同伴分享心得方法和思路，提升对信息敏感度和价值的认知，体验成功的快乐，分享成功的经验。

4.利用按钮组件和音频播放器组件，设计“你好小猫”项目，增强运用信息技术解决实际问题的能力。

二、教学重、难点教学重点：新建与导出项目以及对组件使用，并能够合理布局。

教学难点：逻辑编程的应用。

三、教学方法：主要采取的教学方法：项目式教学促进法。

教学过程采用项目为导向的“项目式教学法”突破传统的教学模式，通过选取项目来创设情景，通过“协作学习”的方式完成“项目”实现课程内容的“知识构建”，达成学习目标。

采用该教学法的意义如下：（1）促进学生的认知发展，有效培养学生的实践技能和创新能力。

（2）以学生的全面发展为中心，培养学生团队合作精神。

（3）非常适合在计算机专业领域应用性较强的课程中实施。

在本节课的教学中主要渗透自主探究法、小组讨论法等。

四、学情分析：目前智能手机基本普及，中小学生也都可以熟练使用。

在此基础上使用App Inventor制作课堂需要的应用程序，让孩子们自己动手操作来体验这一过程，激发学生的学习兴趣，课堂教学效果将非常显著。

五、教学过程活动一、分工合作，熟悉软件工欲善其事，必先利其器。

为了更好更快的实施我们的项目，请各小组成 员快速认真阅读课本P68 - P69页并回答下列问题。

小组任务一：一、探究启动与登录APP inventor☆如何启动并登录APP inventor? ☆离线版的登录方式一共有几种？☆ APP inventor 一共有几种版本？它们分别有哪些特点？相信同学们经过刚才的认真阅读已经找到了问题的答案，下面我们一位小组同 学代表小组来回答问题：(提醒规范讲解)问题一：如何启动并登录APP inventor?(边回答边操作演示)启动后台服务程序。