师:同学们,今天我们一起学习“结识新朋友——APP inventor 入门”。本节课的学习目标是了解 APP inventor 界面组成,学用 APP inventor 新建项目、编写程序,以及学用 APP inventor 模拟器测试程序。下面先请两位同学给大家介绍几个应用程序。
生1:大家好,我是天河区盈彩美居小学的李雨璇。
生2:大家好,我是天河区盈彩美居小学的花振宇。今天我们要给大家介绍四款优秀的应用程序。
生1:第一款是“广州天气”。在这个程序中,我们可以查看广州近期的天气预报,还能了解广州天气的气候、气象等信息,它是我们生活的好助手。
生2:第二款应用程序叫“我的播放器”,它可以播放音频和视频。在程序界面上方,点击播放按钮就能播放音频,点击暂停按钮可暂停音频,重置键能让音频回到0秒。拖动音量键,可以调大或调小音量。在程序界面下方,可以播放视频,这两个按键是快进和快退,我们还能拖动进度条,快速跳转到想要的位置。
生1:第三款是“我的计步器”,在这里能清楚显示我们运动时的状态,比如我现在的步距是45,多走几步后,就能清晰看到运动的路程。
生2:第四款是“知识小达人”,这款应用可在同学们开展学习活动时使用。比如现在开始抽号,抽到1号,题目是“广州的传统戏剧是什么”,这时就可以叫同学起来积极回答,这款应用好玩又有趣。谢谢大家!
师:同学们,这些好玩又有用的应用程序,是用一款叫APP inventor的编程平台创作的。APP inventor是一款可用于开发移动应用程序的编程平台,它能像搭积木一样,把一个又一个代码块拼接起来,创作出形式多样的应用程序,让我们体验程序设计的过程,感受程序设计的乐趣。下面,我们进入“初识平台”环节。请看学习要求:一、启动浏览器;二、登录APP inventor平台;三、熟记APP inventor平台的界面组成。请看操作视频。
登录APP inventor平台,按照如下操作:启动浏览器,在地址栏中输入http://APP.GZJKW.net 。使用QQ账号登录请点这里,使用新账号登录需先注册。组件设计界面如下所示:这是组件面板,这是工作面板,这是组件列表,这是组件属性,这是素材区。逻辑设计界面如下所示:这是模块面板,这是工作面板。
通过前面的学习,我们对APP inventor平台有了初步了解,它主要由组件设计界面和逻辑设计界面两部分组成。下面我来考考大家。首先看组件设计界面,在组件设计界面中,除了有组件属性、组件列表、素材区,还有什么呢?请问红色框框选的区域叫什么?这个区域又叫什么?大家心中有答案了吗?这是组件面板,这是工作面板。我们再来看看逻辑设计界面,这个叫什么?答对了,叫模块。这个区域呢?工作面板。好啦,认识了APP inventor平台,下面我们以“广州天气预报”为例,进入APP inventor编程学习之旅。首先我们先来分析程序。从程序的执行效果来看,“广州天气预报”程序的执行行为是启动程序,执行效果是显示广州天气预报网站。那怎样能让程序启动广州天气预报网站呢?带着这个问题,我们接下来进入编程体验环节。请看要求:一、新建一个QT Creator项目;二、设计广州天气预报程序界面;三、编写广州天气预报程序。下面请看操作视频。
新建项目:按照如下操作,新建一个GZ weather项目。单击项目按钮,单击新建项目,输入项目名称“GZ weather”,单击确定。
组件设计:按照如下步骤设计广州天气预报界面。单击用户界面,拖动Web浏览框组件到工作面板,单击重命名,修改组件名称为“GZ weather浏览框”,单击确定,将高度属性设置为充满,宽度属性设置为充满。
逻辑设计:按照如下步骤编写广州天气预报程序。单击逻辑设计,单击screen一,拖动此代码块到工作面板;单击“GZ weather浏览框”,拖动此代码块到工作面板,确保它们能拼接在一起;单击文本,拖动此代码块,拼接到URL网址参数插槽内,输入广州气象台网址。
师:同学们,看完以上视频,下面我们一起来梳理一下这个程序的创作步骤。
首先,新建项目。具体操作如下:在新建项目过程中,建议大家根据程序的效果选择有意义的字符来命名。特别要注意,项目名称只能以字母开头,且只能包含字母、数字和下划线。
