第6课 互联网应用中的数据第6课信息科技 · 互联网单元
课件目录 ⬇ 下载PPTPPT
100%
距下课--:--作息表加载中
1 / 1
🏆 小组积分收起
信息科技 · 第 6 课

互联网应用中的数据

我们每天都在用互联网应用:看新闻、查地图、听音乐、看视频。
这些应用之所以“好用”,是因为背后有各种各样的数据,以及把它们送到你眼前的一套传输机制。

课时

1 课时(45 分钟)

学习方式

小组体验 + 合作探究

环境

网络教室 · 中小学信息科技学习平台

本课关键词 数据形态 · 数据类型 · Web 服务 · 请求与响应 · 数据量 · 编码 · 流媒体

学习目标与重难点

学习目标

通过对互联网中数据的体验和探究,了解互联网中常见的数据构成,初步理解互联网应用中的数据传输过程。

重点与难点

教学重点:互联网中常见的数据构成。
教学难点:互联网应用中的数据传输过程。

一句话把握本课 前半节解决“数据有什么”(构成),后半节解决“数据怎么来”(传输)。 两条线合起来,学生就能从“会用互联网”走向“懂互联网”。

情境导入:你今天用互联网做了什么

回忆一下,从早上起床到现在,你用过的互联网应用:

📰
刷新闻
🗺️
查路况导航
🎵
听歌
💬
聊天、看视频

追问三连:这些应用传给你的到底是什么?它们是同一种东西吗?怎么在一两秒内就出现在手机上?

认知冲突 我们常说“在网上看视频”,可是视频并没有“跑到手机里”,你看完它也不在手机里——互联网传的,是数据;你看到的,是被“还原”出来的内容。

一、互联网应用中的数据构成

下面四个典型应用,几乎覆盖了互联网上最常见的数据形态。点击卡片,看看它们各自由哪些数据构成。

📰
新闻网站
图文 + 视频
🗺️
地图导览网站
地图 + 位置
🎧
手机 APP 在线音乐
音频 + 歌词
☁️
在线词云
文本 → 图形

数据构成:三个层次

① 内容数据

你直接看到、听到的:文字、图片、音频、视频。数据量最大,也是用户最关心的部分。

② 属性数据

描述内容“是谁、在哪、何时”:标题、作者、发布时间、经纬度、栏目分类、标签。

③ 交互 / 统计数据

由用户行为产生:点击量、点赞、评分、评论、播放进度、搜索记录。

常见数据类型一览

数据类型常见格式典型应用特点
文本数据TXT / HTML / XML / JSON新闻正文、评论、歌词体积小,可压缩率高,易检索
图像数据JPG / PNG / GIF / SVG新闻配图、地图瓦片、封面JPG 有损压缩,PNG 支持透明,SVG 是矢量可无限缩放
音频数据MP3 / AAC / WAV / FLAC音乐、播客、语音消息WAV 无损但体积大;MP3、AAC 有损压缩,体积小
视频数据MP4(H.264 / H.265)、WebM短视频、直播、网课体积最大,通常同时含音频流与视频流
空间(位置)数据经纬度坐标、GeoJSON导航、外卖、共享单车记录“在哪里”,可与地图图层叠加
结构化数据数据库表、CSV、JSON商品列表、成绩、订单有固定字段,便于查询与统计
课堂活动 ①数据素材归类挑战

先点一个素材,再点它对应的数据类别。每组 12 个素材 / 6 个类别。
限时 60 秒,归错一个立即结束本局——结束后点「🔄 重新挑战」可以再来一次(重新计时)。

60.0
素材组 点一下换一组,每组都是 12 个素材
进度:0 / 12 正确率:—
抓关键:同一个应用,往往同时包含多种类型 一个新闻网页 = 文字(正文)+ 图片(配图)+ 视频(现场)+ 结构化数据(栏目、时间、评论数)。
所以“数据构成”不是单一类型,而是“多种数据的组合”。

特别看一个:在线词云是怎么“变”出来的

输入:一堆文本

例如把 1000 条关于“人工智能”的新闻标题收集起来。

分词 → 统计词频 → 过滤停用词(的、了、是)

输出:一张图形

词频越高的词,字号越大、颜色越醒目。

人工智能 大模型 算法 算力 数据
这里藏着“数据可视化”的思想 词云把“数值”(词频)映射成“视觉属性”(字号、颜色),让人一眼看出重点。 同样的思路,还用在柱状图、热力图、地铁拥挤度图上。

二、互联网应用中的数据传输

数据存在服务器上,你在屏幕上看到它——中间发生了什么?以浏览器访问一个网页为例:

① 输入网址点开链接
→
② DNS 解析域名 → IP
→
③ 建立连接TCP 三次握手
→
④ 发送请求GET /news.html
→
⑤ 服务器处理查数据、拼页面
→
⑥ 响应 + 渲染200 OK

课堂活动 ②请求旅程排序

下面是浏览器访问一个网页时发生的 6 件事,顺序被打乱了。按正确的先后顺序依次点击——点对了才会变绿,点错了会抖一下。

已排对:0 / 6 失误:0
课堂活动 ③请求 → 响应 闯关

三个问题,答对才过关。答错只给提示、可以再试 —— 不计时不淘汰,先把道理弄懂。

加载中…
课堂投票 ④先猜一猜,再算一算

看一集 45 分钟的 1080p 网剧(码率约 5 Mbps),大概用掉多少流量?每人投一票,投完看结果。

2. 编码:同样是内容,体积可以差很多

数据类型编码 / 格式压缩方式说明
文本UTF-8 / GBK无损UTF-8 是国际通用编码,中文占 3 字节;编码不一致会乱码
图像JPG / PNG / WebPJPG 有损,PNG 无损网页配图多用 JPG/WebP,图标多用 PNG/SVG
音频MP3 / AAC / WAV / FLACMP3、AAC 有损;WAV、FLAC 无损人耳听不出的细节被丢弃,换来体积大幅缩小
视频H.264 / H.265(HEVC)有损H.265 比 H.264 同画质约省一半码率
直观对比 一首 4 分钟的歌:WAV 约 40 MB,MP3(128 kbps)约 3.8 MB——差了 10 倍,而多数人听不出区别。这就是为什么在线音乐用 MP3/AAC:牺牲一点音质,换来能秒开。

3. 影响传输速度的因素

数据量

文件越大,传得越久

带宽

“路有多宽”,决定单位时间能过多少数据

压缩编码

同样的内容,编码选得好能省一半流量

时延与拥塞

服务器远、同时用的人多,就会卡

课堂活动 ⑤我家宽带够不够用

先选一个宽带,再点亮你们家同时在用的服务,看这条“路”会不会堵。带宽是所有设备一起分的,不是每人一份。

点下面的卡片可以随时增减,拖动看进度条变化。
0 / 100 Mbps

四、知识链接:流媒体技术

视频动不动几百 MB。如果必须“全部下载完才能看”,在线视频根本没法用——这就轮到流媒体技术出场。

传统下载

先把整个文件下载到本地,再播放。

缺点:等待久、占存储、无法直播。

流媒体

把文件切成小片,边下载、边播放,只保留一小段缓冲。

优点:秒开、自适应清晰度、支持直播。

缓冲(Buffer)

先存几秒数据兜住网络抖动,避免卡顿。转圈就是在补缓冲。

分片传输

视频被切成若干小段,按需请求,不用一次拿完。

自适应码率

网络好上高清,网络差自动降清晰度,保证不断流。

联系上一节 流媒体之所以可行,靠的正是编码(把体积压下来)+ 带宽(把数据稳定送过去)这两件事。你看到“先糊后清”的画面,就是自适应码率在工作。

亲身体验:围绕主题搜集素材并分类整理

活动要求(小组合作,12 分钟) ① 每组选定一个主题(如“校园垃圾分类”“我身边的 AI”“二十四节气”);
② 上网搜集至少 6 个素材,覆盖至少 3 种数据类型;
③ 每个素材记录:类型、格式、大小、来源网址;
④ 按类型分类整理(文本 / 图像 / 音频 / 视频 / 数据表),并说明分类理由。
主题
小组成员
序号素材名称数据类型格式大小来源
1
2
3
4
5
6
评价要点 类型覆盖是否够(至少 3 种)· 信息是否准确 · 来源是否标注(尊重版权) · 分类是否合理 · 组内分工是否清楚。

随堂练习

1.地图导览网站中,标注一个地点的“经纬度”属于:
2.下列文件格式中,属于有损压缩的是:
3.在浏览器输入网址后,把域名解析成 IP 地址依靠的是:
4.一段视频的文件大小,主要取决于:
5.在线词云中,某个词的字号特别大,说明:
6.流媒体技术中“缓冲”的主要作用是:

课堂小结

一条主线

数据有哪些(文本 / 图像 / 音频 / 视频 / 位置 / 结构化)
→ 数据怎么传(DNS → TCP → HTTP 请求响应)
→ 数据为什么快慢不同(数据量 × 编码 × 带宽)
→ 大数据怎么秒开(流媒体、分片、缓冲)

三句话记住它

① 一个互联网应用里的数据,往往是多种类型混在一起的。
② 你看到的网页,是请求—响应换来的,不是“存”在手机里。
③ 数据能不能秒开,取决于大小、编码和带宽。

课后作业 ① 完成小组素材整理表,下节课带来分享(含来源网址);
② 用公式估算:你在家看一集 40 分钟、码率 8 Mbps 的剧,大约消耗多少流量?按你家宽带算要下多久?
③ 找一找身边还有哪些“数据构成很复杂”的互联网应用,写出它包含的 3 种数据类型。
第6课 互联网应用中的数据 · 信息科技课件 | 板书关键词:数据构成 · 编码 · 请求响应 · 带宽 · 流媒体

实施建议(教师用)

1. 编写意图与本课定位

互联网数据是互联网创新应用的基础。随着互联网应用日益普及,产生了更多的互联网数据。在此之前,学生已体验了互联网应用,学习了互联网的服务、互联网协议等内容。为引导学生从“应用体验”走向“数据本质”,本课安排两部分内容:互联网应用中的数据构成 与 互联网应用的数据传输。

2. 第一部分怎么讲(数据构成)

从常见的互联网应用入手,通过探究“新闻网站”“地图导览网站”“手机 APP 的在线音乐”及“在线词云”等典型应用中的数据形态,分析这些数据类型。

为进一步提升学生对数据构成的理解,教科书通过“亲身体验”栏目,围绕主题搜寻遴选相关素材,并进行分类整理。

3. 第二部分怎么讲(数据传输)

为了更好地理解互联网应用的数据传输过程,引导学生从日常应用体验逐步提升到对原理和技术本质的理解:通过体验浏览器访问数据资源的过程,探究 Web 服务的请求与响应过程,以及互联网应用数据传输的基本原理。

同时,为让学生理解不同数据的类型、编码、容量等对网络数据传输的影响,设置了关于流媒体技术介绍的“知识链接”栏目。

4. 教法与建议课时

建议课时:1 课时。

本课建议从学生的实际生活经验出发,采用小组体验和合作探究,深化对互联网应用中数据传输过程的理解。学生通过浏览各类主题网站,逐步感受到数据在互联网应用中的重要性,但他们对互联网数据的构成、种类却不甚了解,建议引导学生了解更多互联网的数据形式。

时间分配建议 导入 3′ → 数据构成(四应用探究 + 类型表)12′ → 数据传输(流程 + 报文 + F12)12′ → 数据量与编码 8′ → 流媒体 4′ → 小组素材整理 4′ → 小结与作业 2′
衔接建议 本课重在“数据是什么、怎么来”;下一课《网页的数据组织》重在“数据怎么组织、怎么放”。两课连着上,学生就能形成完整的“数据—组织—传输”认知链。