师:同学们,今天我们一起来学习六年级广州版信息技术第二单元第15课《跟我学中文》。我们将设计制作“跟我学中文”APP,帮助木棉仔更好地学习普通话。这节课的学习目标是会添加文本输入框组件并设置其属性,设置和获取文本输入框的内容;会添加文本语音转换器组件,使用它将文字转换为语音;有余力的同学还可尝试添加语音识别器组件,将语音转换为文字。下面我们连线蒋浔同学,体验一下“跟我学中文”APP,看看这是一款怎样的应用程序。观看体验时,请大家提出问题。
生:同学们好,我是天府路小学的蒋寻。请跟我一起来体验“跟我学中文”APP。首先打开这个APP,输入“广州”,点击“点我朗读”按钮,就能听到“广州”的语音。(语音:广州)
师:蒋寻同学,请你和大家说一说,你刚刚做了什么?做这些动作时,手机有什么反应?
生:我在文本框里输入“广州”,点击按钮,就听到了“广州”。手机首先接受了我输入的词语,我点击按钮,手机检测到被点击,随后就将词语读出来了。
师:谢谢蒋寻同学。观看体验后,同学们有什么疑问吗?我们来看两位同学的问题。
生1:老师,我想知道手机怎么知道蒋寻输入了什么?
生2:老师,我想知道手机是如何把文字转换成语音的呢?
师:要解决同学们提出的问题,我们首先需要分析这个APP需要使用到哪些组件。刚刚蒋寻同学输入文字,手机接收了文字,点击按钮,手机检测到被点击就朗读出文本输入框中的文字,我们就能听到语音。在APP inventor中要实现相应功能,需要用到哪些组件呢?手机要接收用户输入的文字,需要使用文本输入框组件;手机要检测到被点击,需要使用按钮组件;要将文本转换成语音,需要使用文本语音转换器组件。其中,文本输入框以及文本语音转换器组件是解决前面两位同学提出问题的关键所在。有了解决问题的思路后,具体该如何做呢?我们要新建项目,设计“跟我学中文”APP的程序界面,请大家跟着微视频来学习如何操作。
组件设计:按照如下步骤完成组件设计。单击项目按钮,单击新建项目,输入项目名称,单击确定。设置screen一的属性,将标题属性设置为“跟我学中文”,将背景图片属性设置为“BG_PIC.jpg”,将图标属性设置为“LOGO.jpg”。单击界面布局,拖动水平布局组件到工作面板中,并将水平对齐属性设置为居中,宽度属性设置为充满。重复此操作,再拖动两个水平布局组件到工作面板中。单击用户界面,拖动标签组件到水平布局一中,单击重命名按钮,输入“标题标签”,单击确定按钮,将字号属性设置为40,文本属性设置为“跟我学中文”,文本颜色属性设置为黄色。拖动文本输入框组件到水平布局2中,单击重命名按钮,输入“中文输入框”,单击确定按钮,将高度属性设置为100像素,提示属性设置为“在此输入中文”,勾选允许多行。拖动按钮组件到水平布局3中,单击重命名按钮,输入“朗读按钮”,单击确定按钮,将文本属性设置为“点我朗读”。单击多媒体,拖动文本语音转换器组件到工作面板中。
师:我们一起来总结一下操作步骤。首先要新建项目,然后设置screen一的属性,包括标题、背景和图标。接着进行组件设计,“跟我学中文”APP需要使用到布局、标签、按钮组件,还有新组件文本输入框和文本语音转换器组件。其中,标签、按钮、文本输入框为可视化组件,文本输入框组件用于获取用户输入的文本信息,属于用户界面组件。我们将其拖动到相应位置后,修改名称为“中文输入框”。要注意文本输入框的属性设置,其高度为100像素,提示为“在此输入中文”,并勾选允许多行。文本语音转换器组件用于把文字用语音朗读出来,属于多媒体组件,是一种非可视化组件。完成组件设计后,我们就进入逻辑设计,要编写程序,实现点击“点我朗读”按钮,手机就能朗读出用户在文本输入框中输入的文字,具体是如何实现的呢?我们一起观看微视频。
逻辑设计:按照如下步骤编写程序,单击逻辑设计,单击朗读按钮,拖动此代码块到工作面板;单击文本语音转换器一,拖动此代码块到工作面板;单击中文输入框,向下拖动滚动条,拖动此代码块到工作面板。
师:我们来总结一下如何实现点击按钮就能朗读用户输入文字的功能,主要是通过这个代码块来实现。字段代码块涉及到三个组件使用,当朗读按钮被点击,代码块响应用户点击按钮的动作,被点击时执行什么呢?我们看到拼接的紫色代码块调用文本语音转换器一念读文本消息,念读的是什么呢?念读的是中文输入框中用户输入的文本。所以当我们点击“点我朗读”按钮的时候,就会朗读中文输入框中我们输入的文本,从而实现点击按钮朗读文本的功能。文本语音转换器除了实现念读文本的功能,在工作面板中还提供了其他代码块,可以检测朗读的开始和结束,支持国家或地区语言音调以及语速的设置,还可以获取转换的结果,同学们可以根据实际需要选择合适的代码块进行逻辑设计。同学们,你们都学会了吗?接下来我们连线星儿同学,看看她做得怎么样。
