《App组件设计》教学设计

讲堂教学设计表一、教学目的确定的依据1.教材剖析本项目中，组建设计和逻辑设计是其最重要的两个部分。他们之间的关系必须相互协调，才能实现特定的功能。在达成本章的学习之后，就能够开始创建自己的应用了体现教育价值的教学策略的选择和教材办理情况说明本项目依靠AppInventor编程平台进行。在进行探究的过程中，重点熟悉平台的各个部分组成，通过画草图的方式设计出演示底稿，事半功倍。2.学生剖析学生没有经验能够借鉴，完全是白纸一张学生个体关于所要学习内容，可能存在好多问题。不熟悉车间工具，不知道模拟器。学生用AppInventor的实时测试功能对应用进行测试。你能够一边创建应用，一边在手机上看到它们外观以及运行情况二、教学的详细目标1.初识App编程平台，体验组件和程序模块，熟悉编程平台2.通过登录界面的设计，认识组件设计的过程和基本方法3.通过按钮组件抽奖效果的实现，掌握App编程的一般过程和方法重点、难点：界面的设计方法和编程的过程，按钮的作用。教学过程设计教学环教师活动节每一种产品都有自己的生产地址和生产方法。AppInventor编程平台就相当于App的开生产车间。在这个车间里，能够通过各样组件的组合实现移动应用程序界面的建立;放通过逻辑设计为各样组件增添必要的功能;的通过模拟器或许导出apk的方式进行程序导的测试与安装等。入

学生活动设计意图登录编程平台申请账号，熟悉并注册用户，环境。要熟悉AppInventor编“车间工具”的程平台是谷歌详细使用方法，企业设计达成、才能生产出优现由麻省理工质的“产品”学院负责维护核任务一：体验设计主界面心编程设计主界面分为组件设计和逻批设计过两个程(1)组件设计。推进行组件设计时，能够通过拖拽的方式将进组件增添进作面板中的“Screenl”地区内、通过更改“组件属性”对组件进行属性设置。组件按照显示种类能够分为可视组件和非

与营运的Android编程环境在实际操作过程中，把组件拖动进"Screenl"地区后，它们的排列方式为默认靠左上排列。为了使登录界面更为雅观，能够将“Screen1”

通过对各样App登录界面的察看和剖析我们会发现，简短的色彩搭配和简单了然的界面设计是它们的共同特点。可视组件。可视组件包括按钮、标签和文核本输人框等、非可视传感器、电话拨号器心和网络微数据库等。过2.逻辑设计程通过“程序模块”拼接的方式实现逻辑设计推任务二：App登录界面的设计进1.绘制草图通过手绘或其他方式绘制登录界面的草图。2.登录编程平台并新建一个项目登录编程平台，履行“项目”菜单中的“新建项目3.选择合适的组件实现不同的功能我们使用“图像”组件来实现“产品logo"的显示;使用“文本输人框”组件来达成用户名输人功能;使用“密码输人框”组件来达成密码输人功能;使用“按钮"组件来达成登录的功能。总结提升号内容延长任务：按钮组件抽奖在App中，“按钮”的功能十分强大，应用也特别宽泛。一般情况下，如果要利用App进行某一种操作，比如要上传数据等，需要点击“按钮”来触发有关程序的运行。现在，尝试通过对“按钮”的编程与设置实现抽奖效果。开放的延伸4.进行逻辑设计当“按钮”被点击时，按钮的图像随机设置成张奖项图片中的一张。(1)履行“逻辑设计”翻动工作面板。(2)在“模块”栏中找到“按钮1”，把“当按钮1校点击”程序模块拖动到工作面板中。当按1，被点击履行按钮被点击(3)当“按钮1”被点击时，应该随机给“按

组件属性中的“水平对齐”和“垂直对齐”更改为“居中”。给“图像”组件增添图片素材改变“文本输人(1)选中“图像”框”“密码输人组件。框”和“按钮”(2)在“组件属组件的属性，让性”中选择“图组件的大小、位片”及“上传文置相互协调。件"，上传图片素材。(3)更改“图像”组件属性中的“高度”和“宽度”，使图片大小更为合理。现实生活中我翻开编程平台，们经常会在超新建项目，在市等场所看到"Screen1”中添抽奖轮盘，这种加一个“按钮1”轮盘必须依赖组件。人力转动才能2.设置组件属性实现抽奖效果，分别更改对参与者来说"Screen1”和不是很方便。我“按钮”的组件们能不能设计属性，使“按钮一个模拟抽奖1”程序，让抽奖活动变得更方便呢?随机整数对“按钮”增添图像要根据图片的文件名来怎样将图像设进行，但只从置为三张图片1-3中随机选择中的随意一-张一一个数字并呢?能够尝试用不能完全指定“数学”模块中某张图片为了的“随机整数”解决这个问题，钮1”的区像”属性设置

-张奖项图片。

程序模块来解决。

需要用到“文本”模块中的“合井字串”程序模块。5.生成安装文件，测试效果教学反思内容总结

（1）讲堂教学设计表

一、教学目的确定的依据

1.教材剖析

本项目中，组建