师:同学们,今天我们一起来学习高中二年级综合实践活动——劳动教育第一单元垃圾分类智能化的第二课时:垃圾分类手机应用软件的设计。首先,回顾一下上节课的内容。我们知道垃圾分为四类:厨余垃圾、可回收物、有害垃圾和其他垃圾。同时,也了解了垃圾分类手机应用软件按存在形态分为APP、小程序;按软件功能分为模拟分类、回收游戏类、科普查询类、预约回收类等。上节课调查发现,同学们使用垃圾分类软件并不多。这节课,我们就亲自设计一款垃圾分类手机应用软件,设计好后,大家就能用自己的软件助力垃圾分类啦。
师:那手机应用软件开发工具有哪些呢?开发工具众多,这里只介绍两款。Android studio功能强大,但使用门槛较高,常用于专业开发;APP inventor使用简单,特别适合业余爱好者。这节课我们就学习使用这款软件。
师:手机应用软件开发流程是怎样的呢?它包括需求分析、软件开发、软件测试、发布四个步骤。第一步需求分析怎么做?我们可以从功能定位、软件形态、实现功能三个方面去分析。以老师设计的垃圾分类手机软件为例,功能定位是科普查询类软件,形态是APP,实现功能是用户输入要查询的垃圾,就能知道属于哪类垃圾。下面请同学们完成任务一:完成自己的垃圾分类手机软件需求分析。
师:第二步是软件开发,我们使用APP inventor软件进行开发。APP inventor是一款手机APP开发软件,采用积木拼接式图形化编程,有在线版和离线版。在线版打开浏览器,输入网址APP点GEZ JKW点net注册登录即可使用。离线版怎么用呢?大家观看微课一起学习。首先将APP inventor的压缩包复制到硬盘某个分区的根目录,我这里复制到D盘根目录。然后通过鼠标右键解压缩该压缩包文件。双击解压缩后的文件夹,找到“启动APP inventor”文件,双击运行,会弹出两个命令行窗口,这表示APP inventor已开始启动。接着打开浏览器,在网址输入栏输入HTTP冒号斜杠127.0.0.1冒号八,就进入了APP inventor开发界面。
师:下面请同学们完成任务二:运行APP inventor离线版。打开APP inventor离线版软件后,我们一起观看微课,认识一下APP inventor的界面。
师:进入APP inventor界面后,有三组历程打开按钮,这里先不打开。点击下面的新建项目按钮,输入项目名称(垃圾分类的拼音,注意文件名必须英文字母开头),就进入了项目开发界面。最上面是菜单栏,项目菜单里可新建项目、导入项目、保存项目、另存项目等;连接菜单主要用于软件调试;编译菜单主要用于软件发布;帮助菜单里是软件的相关帮助文档,这里显示的是项目名称“垃圾分类”的拼音。
师:下面这个区域是组件面板区域。用户界面包含常用的用户界面元素,如按钮、标签等;界面布局用于排版,有水平布局、垂直布局、表格布局等;多媒体面板有录音机、语音识别、语音合成器等。中间是工作区域,右边是组件列表,会列出项目中使用到的所有组件。下面是素材区域,项目中要用的图片、声音等需先在此上传。最右边是属性面板区域,主要设置项目里组件的相关属性。右上角是工作模式选择,有界面设计模式和图形编程模式,点击编程按钮可切换到图形编程模式。内置块是一些常规通用的编程模块,screening是对项目文件中screen屏幕里的组件进行编程。
师:使用APP inventor开发软件包括两个步骤:用户界面设计和图形编程。用户界面设计,就是从软件功能出发,推导出软件界面需包含哪些必要组件和可选组件。以老师的软件为例,功能是用户输入查询的垃圾就能知道属于哪类垃圾。必要组件有文本框,用于用户输入要查询的物品;按钮,用于选择查询功能;标签,用于显示查询结果。可选组件有水平布局,便于水平排版;图片组件,用于装饰软件界面;重置按钮,用于清除用户输入的数据和查询结果。下面请同学们完成任务三:根据你的软件功能,分析软件界面需要哪些组件,填写界面组件构成表。
师:对照用户界面组件构成表,就可在APP inventor里设计用户界面。大家观看微课,学习用户界面的设计。将需要用到的组件从组件面板拖到工作区域,如图片、文本输入框。因为需要两个按钮,一个查询按钮,一个重置按钮,且想让它们在同一行,就需要水平布局组件,把两个按钮组件分别拖到水平布局里,它们就能排在同一行,还需一个标签组件。
师:给用到的组件重新命一个有意义的名字,方便后期修改和他人查看。下面请同学们完成任务四:设计你自己的APP用户界面。
师:现在的用户界面离理想效果还有差距,因为还没设置组件的属性。这是老师APP的用户界面组件属性设置表,同学们可参考,不要求一模一样。请同学们完成任务五:填写你的界面组件属性设置表。对照界面组件属性设置表,就能设置组件属性啦。大家观看微课,学习界面组件属性的设置。
