资源简介

课题 App组件的设计 课型 新授
一、教学目标确定的依据 1.教材分析 本项目中，组建设计和逻辑设计是其最重要的两个部分。他们之间的关系必须相互协调，才能实现特定的功能。 在完成本章的学习之后，就可以开始创建自己的应用了体现教育价值的教学策略的选择和教材处理情况说明 本项目依托App Inventor编程平台进行。在进行探究的过程中，重点熟悉平台的各个部分组成，通过画草图的方式设计出演示草稿，事半功倍。 2.学生分析 学生没有经验可以借鉴，完全是白纸一张 学生个体对于所要学习内容，可能存在很多问题。不熟悉车间工具，不知道模拟器。 学生用App Inventor的实时测试功能对应用进行测试。你可以一边创建应用，一边在手机上看到它们外观以及运行情况 二、教学的具体目标 1.初识App编程平台，体验组件和程序模块，熟悉编程平台 2.通过登录界面的设计，了解组件设计的过程和基本方法 3.通过按钮组件抽奖效果的实现，掌握App编程的一般过程和方法 重点、难点： 界面的设计方法和编程的过程，按钮的作用。
教学过程设计
教学环节 教师活动 学生活动 设计意图
开放的导入 每一种产品都有自己的生产地点和生产方法。App Inventor编程平台就相当于App的生产车间。在这个车间里，可以通过各种组件的组合实现移动应用程序界面的构建;通过逻辑设计为各种组件添加必要的功能;通过模拟器或者导出apk的方式进行程序的测试与安装等。 登录编程平台并注册用户，App Inventor编程平台是谷歌公司设计完成、现由麻省理工学院负责维护与运营的Android编程环境 申请账号，熟悉环境。要熟悉“车间工具”的具体使用方法，才能生产出优质的“产品”
核心过程推进 任务一：体验设计主界面编程设计主界面分为组件设计和逻批设计两个 (1 )组件设计。 进行组件设计时，可以通过拖拽的方式将组件添加进作面板中的“Screenl”区域内、通过更改“组件属性”对组件进行属性设置。 组件按照显示类型可以分为可视组件和非可视组件。可视组件包括按钮、标签和文本输人框等、非可视传感器、电话拨号器和网络微数据库等。 2.逻辑设计 通过“程序模块”拼接的方式实现逻辑设计 任务二：App登录界面的设计 1.绘制草图 通过手绘或其他方式绘制登录界面的草图。 2.登录编程平台并新建一个项目 登录编程平台，执行“项目”菜单中的“新建项目 3.选择合适的组件实现不同的功能 我们使用“图像”组件来实现“产品logo"的显示;使用“文本输人框”组件来完成用户名输人功能;使用“密码输人框”组件来完成密码输人功能;使用“按钮"组件来完成登录的功能。 在实际操作过程中，把组件拖动进"Screenl" 区域后，它们的排列方式为默认靠左上排列。为了使登录界面更加美观，可以将“Screen1”组件属性中的“水平对齐”和“垂直对齐”更改为“居中”。 给“图像”组件添加图片素材 (1)选中“图像”组件。 (2)在“组件属性”中选择“图片”及“上传文件"，上传图片素材。 (3)更改“图像”组件属性中的“高度”和“宽度”，使图片大小更为合理。 通过对各种App登录界面的观察和分析我们会发现，简洁的色彩搭配和简单明了的界面设计是它们的共同特点。 改变“文本输人框”“密码输人框”和“按钮”组件的属性，让组件的大小、位置相互协调。
开 放 的 延 伸 总结提升号内容延伸 任务：按钮组件抽奖 在App中，“按钮”的功能十分强大，应用也非常广泛。 一般情况下，如果要利用App进行某一种操作，例如要上传数据等，需要点击“按钮”来触发相关程序的运行。 现在，尝试通过对“按钮”的编程与设置实现抽奖效果。 4.进行逻辑设计 当“按钮”被点击时，按钮的图像随机设置成张奖项图片中的一张。 (1)执行“逻辑设计”打开工作面板。 (2)在“模块”栏中找到“按钮1”，把“当按钮1校点击”程序模块拖动到工作面板中。 当按1，被点击执行按钮被点击 (3)当“按钮1”被点击时，应该随机给“按钮1”的区像”属性设置-张奖项图片。 5.生成安装文件，测试效果 现实生活中我们经常会在超市等场所看到抽奖轮盘，这种轮盘必须依靠人力转动才能实现抽奖效果，对参与者来说不是很方便。我们能不能设计一个模拟抽奖程序，让抽奖活动变得更方便呢 如何将图像设置为三张图片中的任意一-张呢 可以尝试用“数学”模块中的“随机整数”程序模块来解决。 打开编程平台，新建项目，在"Screen1” 中添加一个“按钮1”组件。 2.设置组件属性 分别更改"Screen1” 和“按钮”的组件属性，使“按钮1” 随机整数 对“按钮”添加图像要根据图片的文件名来进行，但只从1-3中随机选择一个数字并不能完全指定某张图片为了解决这个问题，需要用到“文本”模块中的 “合井字串”程序模块。
教学反思

展开更多......

收起↑