第15章 多媒体应用场景 · 逐节精读单

《多媒体应用设计师教程(第2版)》p375-532 · 约 158 页 · 全书最长章 · 科目二"应用场景"重镇:虚拟现实 + 网页设计 + 网店装修
📐 建议用时:6 天(阶段② 单元E,10/12-10/18 完成) 🖥 三场景各有例题与案例 📖 电子版定位:md 文件行号 9798-13526(至全书末尾)
📚 15章导航 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 📑 总索引

主线这一章在回答什么

第15章是全书收尾章,把前面所有多媒体技术"装进三个真实应用场景":虚拟现实(怎么做沉浸式系统)、网页设计(怎么搭网站)、网店装修(怎么开网店)。考试常以案例题形式出现,教材 15.4 明确提示:纵向重点=多媒体数据库/多媒体网络会议/交互式电视等分布式多媒体系统;横向=参照高级别(系统分析师)与中级(数据库系统工程师)真题。
场景一:虚拟现实
硬件→技术→VRML→软件→应用实践
场景二:网页设计
概述→策划→前台→后台→测试→实践
场景三:网店装修
赏析→准备→页面→动态图→其他
怎么考
概念辨析+
案例大题(位图矢量/分布式VR)
✅ 学完本章能一句话讲清:"VR 靠'输入设备+感知设备+生成设备'和'立体显示+建模+碰撞检测'撑起沉浸感,网页靠'策划+前台+后台+测试'走完流程,网店靠'店招+导航+焦点图+详情页+水印'装修成交。"

分级考点分级(按教材15.4分析+真题频率)

级别内容考法提示
★★★ 高频VR 硬件(输入4种/感知设备)· 立体显示4法 · 碰撞检测2类 · IBR · VRML 节点与传感器 · 网页设计流程与布局 · ASP/JSP/PHP 对比 · 位图 vs 矢量(例题15.1)选择题辨析 + 案例大题;例题15.1 是科目二经典题
★★ 中频环境建模8步 · 建模4类(几何/运动/物理/行为)· LOD · Web标准 · 网页安全色216 · 网店店招/焦点图/量子统计 · 水印6原则 · IP/PV/UV概念配对与场景判断
★ 低频VRML 具体语法 · 网店各操作步骤 · 软件工具细节了解流程即可

逐节精读清单(6 天切片)

第15章页多但考点密度适中:Day1-3 啃 VR(概念多),Day4-5 网页(流程多),Day6 网店+例题。括号内为电子版 md 行号。

Day 1 · VR 硬件设备(p375-385,约 90 分钟)

15.1.1 虚拟现实系统的硬件设备p375-385 · md 9802★★★
问题:VR 系统由哪几类设备组成?视觉感知设备有哪几种、各自特点?
🖐 VR 硬件四件套(必背): ① 输入设备:数据手套(光纤传感器感知手指弯曲,可抓取/移动/旋转,用于虚拟装配/手术模拟)、三维位置跟踪器(测位置方向实时变化,跟踪头/手/四肢)、三维空间交互球(6自由度,可作3D鼠标)、立体眼镜; ② 输出设备:视觉/听觉/触觉(力觉)三类感知设备; ③ 感知设备:视觉(最成熟,人80%信息来自视觉)、听觉(耳机/喇叭,第二通道15%)、触觉力觉(触觉=接触感/质感/纹理/温度;力觉=力大小方向,力反馈鼠标/手柄/手臂); ④ 生成设备四类:高性能PC(桌面非沉浸)、图形工作站、高度并行系统、分布式系统。
👓 视觉感知设备 6 种(对比记忆): ① 台式立体显示器=显示器+立体眼镜(有源主动/无源偏振,刷新120Hz,低成本单用户非沉浸); ② 头盔显示器 HMD=LCD/CRT 双眼视差+位置跟踪,沉浸式/增强式核心设备; ③ 吊杆式 BOOM=机械臂支撑像望远镜,6自由度、高分辨率、延迟小、可自由进出; ④ 洞穴式 CAVE=房间式多面立体投影(4/5/6面,容纳4-5人,多人完全沉浸); ⑤ 响应工作台 RWB=桌面兼显示屏(1.8×1.2m),教师操控学生观察,支持分布式协同; ⑥ 墙式立体显示=单/多投影拼接(主动式60帧×2、被动式×3),需解决非线性几何校正/边缘融合/热点补偿/伽玛校正/色平衡。
1数据手套=光纤传感器+磁定位;HMD 显示源 CRT/LCD/LED/VRD。
2触觉反馈装置 5 类:视觉式/电刺激式/神经肌肉刺激式/充气式/振动式(记忆合金反应快)。
立体眼镜类型特点
有源(主动)红外控制、贵、适合小区域
无源(被动)偏振原理、便宜、适合观众多——别把两者颠倒
检验:合书默写输入4种+视觉感知6种名称,各一句话。
图15.1 数据手套
📖 教材图15.1 数据手套
图15.2 三维空间交互球
📖 教材图15.2 三维空间交互球
图15.3 台式显示器
📖 教材图15.3 台式显示器

Day 2 · VR 相关技术(p385-396,约 90 分钟)

15.1.2 虚拟现实系统的相关技术p385-396 · md 9994★★★
问题:立体显示有哪几种方法?虚拟环境建模分几步、分几类?
📺 立体显示 4 法(必背): ① 彩色眼镜法=红绿滤光片,黑白效果、易疲劳(早期立体电影); ② 偏振光眼镜法=两放映机+偏振片90°,彩色立体电影; ③ 串行式立体显示器=分时交替显示左右眼图像+同步眼镜(液晶光阀,切换频率40-60帧/秒),当前主流; ④ 裸眼立体显示=飞利浦双凸透镜9视角、LG摄像头跟踪头部,无需眼镜但视点受限。
1环境建模 8 步:资料准备→数据预处理优化→地形生成→三维物体模型构建→纹理处理→数据结构优化→细节层次LOD→调试。
2建模 4 类:几何建模(形状外观,层次建模法/属主建模法)、运动建模(位置/碰撞检测,常用矩形边界检测)、物理建模(质量/惯性/软硬,分形技术+粒子系统:火焰水流雨雪)、对象行为建模(自主性,如重物自由落体、人体呼吸行走)。
3真实感实时绘制:纹理映射(二维图贴三维表面)、环境映射、反走样(提高像素密度);IBR 基于图像绘制=从已知图像生成未知视角图像,省去建模和光照,适合野外复杂场景,相关技术:全景技术(单观察点、交互差)+图像插值视图变换(多点漫游)。
4碰撞检测:空间剖分法+掠扫剪裁法(AABB投影排序)——初步检测;逐步求精层+精确求交层——详细检测。
5自然交互:视觉80%、听觉15%、语音识别7步/合成5步。
检验:默写环境建模8步顺序 + 建模4类各举一例。

Day 3 · VRML 与 VR 软件(p396-436,约 90 分钟)

15.1.3 VRML 虚拟现实建模语言p396-409 · md 10220★★
问题:VRML 是什么?它的节点分几类?传感器有哪些?
1VRML 定义:Virtual Reality Modeling Language,1994 W3会议诞生(Tim Berners-Lee 支持),1997 VRML97 成国际标准,2000 转向 X3D;是 HTML 的 3D 模拟,文件扩展名 .wrl/.wrz,文件头 #VRML V2.0 utf8(必须第一行)。
2文件组成:文件头/原型/造型/脚本/路由。
3节点 7 类共 54 种:几何节点、属性节点、编组节点、传感器节点、插补器节点、脚本节点、其他节点。
4编组节点:Group(组)、Transform(变换,translation/rotation 改变位置方向大小)、Switch(开关切换 whichChoice)、Billboard(布告牌始终面向观察者)、Anchor(锚,跳转另一场景)、Inline(内联,读取外部VRML文件)。
5传感器 8 个:CylinderSensor、PlaneSensor、SphereSensor(感知拖动)、TimeSensor(时间,动画基础)、TouchSensor(接触)、VisibilitySensor(视野)、ProximitySensor(接近)、Collision(碰撞)——传感器不产生视觉,只产生事件经 ROUTE 传播。
6插补器 4 种:Position/Orientation/Color/Scalar。
7关键技术:基本几何节点(Box/Cylinder/Cone/Sphere)、Extrusion 挤压(类似放样,造花瓶)、ElevationGrid 标高网格(山脉地形)、LOD 细节层次(高/中/低三级自动切换)、纹理映射(JPEG/GIF/PNG 静态+MPEG 动态,三线性MIP)、光源3种(点光源/平行光源/聚光光源)、雾(线性/指数)、碰撞检测(Collision 节点包围盒 bboxCenter/bboxSize)。
8Java 扩展:Applet(init/start/paint/stop/destroy 5方法)、JSAI(Script节点+Script类)、EAI 外部编程接口(Applet 直接控制,弥补 Java 不能多继承)。
9工具:编辑器 VrmlPad、浏览器 Cosmo Player/Cortona VRML Client。
检验:写出 VRML 文件第一行 + 8 个传感器名称。
图15.8 VRML 空间坐标系
📖 教材图15.8 VRML 空间坐标系
图15.9 vrml、vrml.node 和 vrml.field 层次关系图
📖 教材图15.9 vrml、vrml.node 和 vrml.field 层次关系图
15.1.4/15.1.5/15.1.6 VR 软件与应用实践p409-436 · md 10498-11131★★
问题:VR 有哪些建模与开发软件?Virtools 项目怎么落地?
1建模工具:3dsMax 三种建模方式——多边形建模(最常用)、NURBS 建模(曲面)、细分曲面建模。
2开发软件:Virtools(法国达索,行为模块化,BBox;含 Virtools Server 支持分布式)、VRP、Vega、Cult3D、Java3D、EON Studio、VRML。
3应用领域:工业(虚拟装配/设计验证)、艺术娱乐(游戏/演出)、工程可视化(建筑漫游)、培训教育(模拟训练)。
4Virtools 虚拟校园案例流程:Sketchup 建模(.skp)→ 导出 .3ds → 3dsMax 处理优化 → 导出 .nmo → Virtools 交互设计(摄像机/角色动画/碰撞/触发)→ 后期优化 → 发布(网页/独立播放器)。
5IBR 概念:基于图像的绘制,直接由照片生成虚拟场景。
检验:说出 3dsMax 三种建模方式 + Virtools 素材导入链。

Day 4 · 网页设计基础与策划(p437-457,约 90 分钟)

15.2.1/15.2.2/15.2.3 网页概述·策划·前台p437-457 · md 11132-11692★★★
问题:网页设计流程几步?布局有哪些类型?前台用什么工具?
🌐 网页设计 11 步流程(必背): ① 确定网站主题 → ② 收集素材 → ③ 策划规划(栏目/风格/结构)→ ④ 设计首页 → ⑤ 设计二级页面 → ⑥ 设计其他页面 → ⑦ 后台数据库设计 → ⑧ 测试(本地/上传)→ ⑨ 发布 → ⑩ 推广 → ⑪ 更新维护。
1静态 vs 动态网页:静态=HTML 固定内容不可修改;动态=服务器端程序生成(ASP/JSP/PHP)+数据库,如留言板/购物车。
2Web 标准三层:结构(XHTML/HTML)、表现(CSS)、行为(DOM+脚本)。
3框架结构 5 种:表格布局、框架布局(frameset)、AP Div 层布局、Spry 布局、模板布局。
4布局 6 类:π型(两侧栏)、T型(单侧栏)、三型、框架型、POP型(封面式,适合首页)、Flash型(全Flash动画)。
5网页安全色 216 色(256色环境仍能正确显示的颜色)。
6配色原则:主色不超过3种、同色系/邻近色搭配。
7前台工具:网页编辑 Dreamweaver/Frontpage/VS/GoLive;图像处理 PS/AI/Fireworks;动画 Flash/GIFAnimator。
易混概念区别
"框架布局" vs "框架结构"前者是页面版式(布局类型之一);后者是页面组织方式(表格/框架/AP/Spry/模板)——考试常混
检验:默写 11 步流程 + 布局 6 类型各一句话。
图15.30 网站设计制作流程图
📖 教材图15.30 网站设计制作流程图
图15.31 网络安全色
📖 教材图15.31 网络安全色

Day 5 · 网页后台·测试·实践(p457-477,约 90 分钟)

15.2.4/15.2.5/15.2.6 后台技术·测试·应用实践p457-477 · md 11693-12327★★★
问题:ASP/JSP/PHP/JS 有什么区别?常用技术组合有哪些?
⚙️ 动态网页技术四兄弟(必背对比): ① ASP=微软,VB Script/JS 脚本,Windows+IIS 平台,中小型应用多; ② JSP=Sun 的 Java 技术,跨平台,企业级大型系统,性能强; ③ PHP=开源脚本,语法类似C,开发快、成本低,Linux+Apache+MySQL 绝配; ④ JavaScript=客户端脚本语言,嵌入 HTML 运行于浏览器(不是服务器技术)。
1数据库:Oracle(大型/企业)、SQL Server(微软中型)、Access(小型桌面)、MySQL(开源中小型)。
2Web 服务器:IIS(Windows)、Tomcat(JSP)、WebLogic/JBoss(Java 企业级)。
3三大组合方案:WISA=Windows+IIS+SQL Server+ASP、LAMP=Linux+Apache+MySQL+PHP、LJOJ=Linux+JSP+Oracle+JBoss(Java 方案)。
4测试 4 类:UI 测试(界面元素)、功能测试(超链接/表单/数据库)、兼容性测试(浏览器/分辨率)、性能测试(压力/负载)。
5发布=上传服务器、推广=搜索引擎注册/友情链接/邮件。
6实践案例:高校门户网站 ASP+Access 架构。
检验:默写三大组合方案(WISA/LAMP/LJOJ)各自组件。

Day 6 · 网店装修 + 例题(p478-532,约 2 小时)

15.3 网店装修设计与制作p478-528 · md 12328-13296★★
问题:网店装修由哪些模块组成?水印怎么做才规范?IP/PV/UV 区别?
1装修模块:店标、店招(招牌)、导航、宝贝分类、宝贝详情页、焦点图(BANNER 横幅广告,.jpg/.gif/.png,PS 制作)、页面背景、收藏按钮、公告(Flash 滚动公告)、计数器。
2动态图像:店招动画(GIF 多帧)、横幅广告(PS 切片+动画)、人气排行、量子统计(店铺流量分析工具)。
3水印 6 原则:利用店铺标志、符合店铺气质、尽量简洁(纯文字/几何/线条)、店名网址清晰易识别、大小位置大致相同(宽度1/3最佳)、颜色黑白灰为最佳(配任何宝贝图都协调)。
4边框 4 法:描边图层样式、创建选区填充、素材制作(最常用,需抠图)、描边路径。
5计数器指标:IP=独立IP数(00:00-24:00 相同IP只计一次)、PV=页面浏览量(每次刷新+1)、UV=独立访客(按客户端 cookies 计,换IP不清cookies UV 不变——点击作弊原理)。
易错说法正解
"PV 是访客人数"PV 是页面被访问次数不是人数——一人刷新10次 PV=10
"UV 按 IP 判重"UV 判重靠 cookies 不靠 IP——换 IP 但 cookies 未清 UV 不变
检验:说出水印 6 原则 + IP/PV/UV 三指标定义。
图15.39 淘宝旺铺主页结构示意图
📖 教材图15.39 淘宝旺铺主页结构示意图
图15.40 分组清晰型版式
📖 教材图15.40 分组清晰型版式
15.4 例题与分析(案例大题,先做后看)p529-532 · md 13297-13525★★★
问题:科目二案例题怎么考本章?
1例题15.1(期刊插图,5问):① 位图=像素矩阵(每个像素有颜色信息),矢量=用解析式描述图元(直线/圆/曲线等属性),显示时解释矢量转像素;② 统计图表含线段/文字/色块图元→适合图形编辑软件 Illustrator;③ 纸质照片数字化录入手段:图像扫描仪(CCD/CIS)、数码相机翻拍、数码摄像机翻拍;④ PS 加水印:打开插图→新建图层→横排文字工具输入期刊名→降低文字图层不透明度(半透明)→保存;⑤ 存储水印且可修改:JPG 不适合——JPG 不支持图层信息(PSD/TIFF 支持分层)。
2例题15.2(分布式虚拟驾驶,3问):① 分布式多客户工作模式=一台服务器+一个会话+一个或多个客户端+网络消息+分布式对象;② 技术框架=Virtools+Virtools Server,基于 TCP/IP 的 C/S 架构,客户端加入服务器主持的会话,管理用户/网络消息/分布式对象;③ 碰撞测试两类:空间分割法(空间划分等体积小单元格,只测同格/邻格对象)与层次包围盒方法(用简单包围盒近似复杂对象,构造树状层次逼近几何模型)。
检验:先独立做再对答案;例题15.1 的 5 问+15.2 的 3 问全答出;错题进错题集。

费曼本章费曼卡建议(每卡 30 秒,共 10 张)

卡面问题一句话答案(正面提示)
VR 视觉感知设备有哪 6 种?台式立体显示器、头盔HMD、吊杆BOOM、洞穴CAVE、响应工作台RWB、墙式立体显示
立体显示 4 法?彩色眼镜(红绿)、偏振光眼镜、串行式(分时主流)、裸眼(双凸透镜/摄像头)
环境建模 8 步第一步和最后一步?资料准备 → … → 调试
建模 4 类?几何(形状)、运动(碰撞)、物理(分形/粒子系统)、对象行为(自主性)
IBR 是什么?基于图像的绘制:由已知图像生成新视角,省建模省光照,适合复杂场景
VRML 传感器有哪些?圆柱/平面/球体/时间/接触/可见/接近/碰撞 8 个
网页设计流程几步?11 步:主题→素材→策划→首页→二级→其他→数据库→测试→发布→推广→维护
ASP/JSP/PHP 归属?ASP=微软IIS、JSP=Java跨平台企业级、PHP=开源LAMP
水印 6 原则?用店标、符气质、简洁、店名清晰、位置固定1/3、黑白灰
IP/PV/UV 区别?IP=独立IP数、PV=页面浏览量(刷新+1)、UV=独立访客(cookies判重)

对接如何挂进四阶段闭环

③ 输出:刷一页掌握 K15 练习模式;VR 设备/立体显示/动态网页技术每日默写;例题15.1/15.2 按"先做后看"完成并口头讲一遍。
④ 巩固:Day1-6 学完后第 1、3、7 天复习;第 7 周回炉 6 种感知设备、建模4类、三大组合方案、水印6原则。
⟲ 反馈环:感知设备记混 → 回 15.1.1 对比框;立体显示记乱 → 回 15.1.2;ASP/JSP/PHP 混淆 → 回 15.2.4;例题答不全 → 回 15.4 重做并标错。
第15章逐节精读单 · 基于 MinerU 电子版正文内容生成 · 建议打印后每节打勾 · 全书共15章,至此第2/7/13/15章精读单已完成