信息技术（8年级下册） 课时9-第3章-第4节 调用API制作天气预报APP-课件

1、调用API制作天气预报App广州奥林匹克中学 杨真珍初二广州版信息技术第3章第4节案例体验学习目标1.了解网络API的应用。2.理解API的调用方法。3.学会调用API制作天气预报App组件放置组件面板组组件命名组件属性Screen默认Screen1标题：天气预报水平布局用户界面水平布局1宽度：充满水平布局2宽度：充满文本输入框用户界面文本输入框_城市默认按钮用户界面按钮_查询文本：查询标签用户界面标签_天气情况文本：天气情况标签_天气数据文本：天气数据Web客户端通信连接Web客户端1默认文本语音转换器多媒体文本语音转换器1默认组件应实现的功能文本输入框按钮文本语音转换器Web客户端输入要查

2、询的城市触发获取网络数据，并将数据显示在“标签_天气数据”中用语音播报查询的天气情况从Web服务器的API中获取数据API：应用程序接口天气预报需要综合大量的数据进行专业处理，我们需要按照特定的规范进行调用，获得所需的专业数据，这就是调用API，即调用应用程序接口。组件应实现的功能文本输入框输入要查询的城市按钮触发获取网络数据，并将数据显示在“标签_天气数据”中文本语音转换器用语音播报查询的天气情况Web客户端从Web服务器的API中获取数据1.发起查询信息的请求根据输入的城市名称，发起查询天气信息的请求2.响应请求并显示播报Web客户端通过调用全国天气预报API获得文本，响应请求，并通过文本

3、语音转换器进行语音播报。1.发起查询信息的请求小睿提问：杨老师，您好，请问我能否将调试信息中的url地址直接整体设置为“Web客户端1”的网址呢？小睿提问：杨老师，您好，在您讲解以后，我进行了修改，将网址分为三段进行了设置，这样设置是否正确呢？ 网址，是服务器中某项资源的具体位置，网址中只允许使用ASCII字符，非ASCII字符必须经过编码才能使用在网址中。上述网址中的城市名称是由文本输入框输入得来，这部分中文字符不是ASCII字符，我们需要调用Web客户端的“URI编码”模块将文本输入框的字符转换成ASCII字符，才可以作为参数，用于网址中。2.响应请求并显示播报 “响应内容”即为服务器端返

4、回的JSON数据。在App Inventor中，并不能直接对JSON数据进行处理，需要调用“Web客户端1”组件的“解码JSON文本”对“响应内容”中的JSON文本进行解码后使用。练一练从全国天气预报API中获取数据并响应的是（ ）组件。 A.文本输入框 B.Web客户端 C.按钮 D.文本语音转换器B练一练从Web客户端获得的天气数据文本会显示在（ ）组件上。 A.按钮 B.文本输入框 C.标签 D.文本语音转换器C练一练下列代码中，能实现调用控件向服务器提交服务请求的是（ ）。 A. B. C. D.A练一练下列代码中，能实现语音播报功能的是（ ）。 A. B. C. D.D1.了解网络A

5、PI的应用。2.理解API的调用方法。3.学会调用API制作天气预报App课堂总结组件界面设计：Screen、水平布局、文本输入框、按钮、标签、 Web客户端、文本、语音转换器编程设计：1.发起查询信息的请求查询按钮的被点击事件 2.响应请求并显示播报Web客户端获得文本事件动手实践1.请同学们动手做一做天气预报App。2.尝试改善你的App，比如，加上图片，让界面显示更加漂亮；增加代码块，让App能够同时显示当天的气温或湿度等。谢谢观看调用API制作天气预报App（答疑）广州奥林匹克中学 杨真珍初二广州版信息技术第3章第4节API：应用程序接口天气预报需要综合大量的数据进行专业处理，我们需要

6、按照特定的规范进行调用，获得所需的专业数据，这就是调用API，即调用应用程序接口。问题1：如何调用API？问题2：如何获取网址？ 网址，是服务器中某项资源的具体位置，网址中只允许使用ASCII字符，非ASCII字符必须经过编码才能使用在网址中。上述网址中的城市名“广州”是由文本输入框输入得来，这部分中文字符不是ASCII字符，我们需要调用Web客户端的“URI编码”模块将文本输入框的字符转换成ASCII字符，才可以作为参数，用于网址中。问题3：如何发起查询信息的请求？设置好网址后，调用Web客户端控件的GET方法向服务器提交服务请求。问题4：Web客户端如何获得文本？“响应内容”即为服务器端返回的JSON数据。在App Inventor中，并不能直接对JSON数据进行处理，需要调用“We