第4单元第3课 数据可视化Web页面制作 课件＋素材【桂科版】《信息科技》八年级上册

(课件网) 第四单元 第3课 数据可视化 Web页面制作 （桂科版）八年级 上 1 核心素养目标 3 新知讲解 5 拓展延伸 7 板书设计 2 新知导入 4 课堂练习 6 课堂总结 课后作业 8 01 核心素养目标 。 信息意识 计算思维 数字化学习与创新 信息社会责任 学生关注可视化系统安全规范，洞察数据交互潜在风险，树立保障系统、合理用数的责任意识。 学生借案例讨论实践，投身组件组合、属性调试，探究可视化方式对数据应用的创新价值。 学生剖析物联网可视化页面流程，梳理采集、设计、交互环节，理解可视化逻辑与实现原理。 学生分析数据可视化页面制作案例，察觉组件特性差异，感知物联网数据呈现场景的应用表现。 02 新知导入 学习目标 1. 利用可视化组件设计并制作物联网页面。 2. 利用可视化组件设计并制作反向控制按钮。 3. 能够综合应用物联网数据。 02 新知导入 02 新知导入 当我们需要对事物的发展做出决策或预判事物未来的走势时，往往需要物联网将大量不同类型的数据通过可视化的方式呈现出来，以便更好地理解和分析数据，从而为决策者提供依据。例如，现代化城市管理通常要对城市交通情况进行大数据收集和处理，交通管理部门能够便捷地通过智慧大屏查看数据与指挥交通。 活 动 背 景 03 新知讲解 你认为还有哪些方面特别需要数据可视化 请举例说说。 城市治理场景 城市治理中，交通路况可借热力图呈现车流拥堵分布，能源管网用动态图表展示电力、水资源输送，助力管理者实时调配资源、优化城市运行。 医疗健康领域 医疗领域，患者生命体征以折线图动态追踪病情，流行病传播借地图 + 时间轴展现路径，辅助医护精准救治、防疫部门科学防控。 教育场景 教育里，学生成绩用雷达图呈现学科优劣势，校园能耗、人流及可视化数据，帮教师因材施教，后勤合理规划资源，提升教学与管理效率。 思 考 03 新知讲解 案例分析一 壮壮使用智能农植园物联网系统时，每隔一段时间就要邀请种植专家来对农作物的生长状况进行评估和指导。为了让种植专家方便查看农作物的生长状况及其他环境数据，壮壮设计了智能农植园物联网大屏。如图4-3-2所示，专家既可以从中查看农植园中的各项环境数据，又能看到各种作物的实际生长状况，还能够根据大屏提供的信息对农作物后续种植给出正确的指导意见。 图 4-3-2 03 新知讲解 不同物联网设备通信协议可能有差异，集成时留意协议转换与兼容。比如部分传感器用自定义协议，需通过网关或中间件转成 MQTT 等通用协议，确保数据能顺利接入可视化系统，保障数据链路贯通 。 小 贴 士 协议兼容 03 新知讲解 和同学们展开讨论，说说物联网数据可视化大屏都具有哪些优点，并记录下来。 序号 物联网数据可视化大屏的优点 1 直观性：以可视化的方式呈现数据，效果更加直观和易于理解。 2 实时性：动态更新数据（如温湿度曲线），异常情况即时发现。 3 交互性：可直接操作大屏控件（如远程启停水泵），管理便捷高效。 4 关联性：数据变化联动设备状态（如缺水标红），体现物联网逻辑闭环。 讨 论 03 新知讲解 实验目的:利用可视化组件完成数据可视化。 实验要求:编写服务器端程序，在行空板上配置 SIoT服务器，通过图表方式展示采集的温度数据。 实验器材:如表 4-3-1 所示。 做 中 学 设备 数量 行空板实验平台 1 表 4-3-1 03 新知讲解 实验步骤: 步骤一:联网分配服务器 IP。 电脑连接行空板后，在地址栏中输入网址“10.1.2.3”。登录行空板，选择相应的Wi-Fi热点，连接后会分配一个IP地址“192.168.31.217”(图4-3-3)，此地址即为智能农植园服务器地址。 图 4-3-3 03 新知讲解 步骤二:添加主题。 进入“SIoT”应用界面，依次添加“环境光线”“环境温度”等相关主 ... ...