Microsoft Word - fm.doc

Transcription

1 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 贺 雪 景 杨 平 高 幼 年 编 著 清 华 大 学 出 版 社 北 京

2 内 容 简 介 本 书 通 过 六 个 案 例 介 绍 了 多 媒 体 专 业 毕 业 设 计 项 目 的 开 发, 包 括 使 用 Authorware 开 发 的 模 拟 型 课 件, 使 用 FrontPage2003 和 ASP 开 发 的 网 络 类 课 件, 使 用 SMIL 语 言 开 发 的 流 媒 体 类 课 件, 使 用 WML 开 发 的 无 线 商 务 网 页, 使 用 VRML 语 言 开 发 的 三 维 网 页, 使 用 Visual Basic 开 发 的 实 时 视 频 监 控 项 目 书 中 的 案 例 直 接 取 自 2004 届 同 学 的 毕 业 设 计, 其 中 的 一 些 项 目 来 源 于 教 改 或 科 研 项 目, 不 仅 仅 适 用 于 毕 业 设 计, 对 于 欲 进 行 多 媒 体 课 程 设 计 或 多 媒 体 项 目 开 发 的 读 者 也 有 很 大 的 帮 助 版 权 所 有, 翻 印 必 究 举 报 电 话 : 本 书 封 面 贴 有 清 华 大 学 出 版 社 防 伪 标 签, 无 标 签 者 不 得 销 售 本 书 防 伪 标 签 采 用 清 华 大 学 核 研 院 专 有 核 径 迹 膜 防 伪 技 术, 用 户 可 通 过 在 图 案 表 面 涂 抹 清 水, 图 案 消 失, 水 干 后 图 案 复 现 ; 或 将 表 面 膜 揭 下, 放 在 白 纸 上 用 彩 笔 涂 抹, 图 案 在 白 纸 上 再 现 的 方 法 识 别 真 伪 图 书 在 版 编 目 (CIP) 数 据 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 / 贺 雪 景, 杨 平, 高 幼 年 编 著. 北 京 : 清 华 大 学 出 版 社, ISBN X Ⅰ. 多 Ⅱ. 1 贺 2 杨 3 高 Ⅲ. 多 媒 体 技 术 毕 业 设 计 高 等 学 校 教 学 参 考 资 料 IV. TP37 中 国 版 本 图 书 馆 CIP 数 据 核 字 (2004) 第 号 出 版 者 : 清 华 大 学 出 版 社 地 址 : 北 京 清 华 大 学 学 研 大 厦 邮 编 : 社 总 机 : 客 户 服 务 : 责 任 编 辑 : 魏 江 江 印 装 者 : 北 京 鑫 海 金 澳 胶 印 有 限 公 司 发 行 者 : 新 华 书 店 总 店 北 京 发 行 所 开 本 : 印 张 :12.75 字 数 :309 千 字 版 次 :2005 年 2 月 第 1 版 2005 年 2 月 第 1 次 印 刷 书 号 :ISBN X / TP 1115 印 数 :1~4000 定 价 :24.00 元 ( 含 光 盘 ) 本 书 如 存 在 文 字 不 清 漏 印 以 及 缺 页 倒 页 脱 页 等 印 装 质 量 问 题, 请 与 清 华 大 学 出 版 社 出 版 部 联 系 调 换 联 系 电 话 :(010) 或 (010)

3 前 言 毕 业 设 计 是 大 学 教 育 中 非 常 重 要 的 一 个 环 节, 它 既 是 对 整 个 本 科 阶 段 的 一 个 总 结, 又 可 以 为 今 后 踏 上 工 作 岗 位 做 些 准 备 本 书 由 三 部 分 组 成, 第 一 部 分 对 整 个 毕 业 设 计 流 程 进 行 了 介 绍, 包 括 对 毕 业 设 计 的 基 本 要 求, 毕 业 设 计 课 题 选 择 专 业 技 术 应 用 调 查 专 业 译 文 专 题 综 述 等 阶 段 的 工 作, 毕 业 论 文 书 写 的 格 式 要 求, 论 文 答 辩 的 注 意 事 项 以 及 毕 业 设 计 的 成 绩 评 定 等 内 容 第 二 部 分 针 对 多 媒 体 技 术 类 毕 业 设 计, 介 绍 了 如 何 进 行 多 媒 体 项 目 稿 本 的 编 写, 如 何 对 多 媒 体 元 素 进 行 采 集 与 加 工, 基 于 光 盘 的 多 媒 体 著 作 工 具, 基 于 网 络 的 多 媒 体 工 具, 基 于 高 级 语 言 的 多 媒 体 工 具 的 选 择 与 使 用 第 三 部 分 结 合 最 近 两 届 的 毕 业 设 计, 通 过 6 个 实 例 分 别 介 绍 了 多 媒 体 课 件 的 开 发 基 于 网 络 的 多 媒 体 应 用 以 及 多 媒 体 在 实 时 控 制 方 面 的 应 用 非 WWW 课 件 信 息 对 抗 仿 真 实 验 系 统 是 基 于 学 生 的 模 拟 型 课 件, 充 分 使 用 了 Authorware 的 交 互 功 能, 实 现 了 冰 河 等 黑 客 工 具 的 模 拟 实 验 开 发 WWW 课 件 网 页 设 计 与 制 作 是 基 于 学 生 的 自 学 型 课 件, 使 用 FrontPage 2003 JavaScript 和 ASP 等 工 具, 开 发 了 提 供 同 学 通 过 Internet 环 境 对 网 页 设 计 与 制 作 课 程 进 行 学 习 的 课 件 基 于 流 媒 体 的 自 动 控 制 原 理 网 络 点 播 系 统 采 用 SMIL 语 言 结 合 FrontPage 2003, 将 上 海 市 精 品 课 程 自 动 控 制 原 理 教 学 视 频 与 讲 稿 实 现 同 步 播 放, 以 进 行 课 程 的 网 络 化 教 学 基 于 WML 的 无 线 商 务 应 用 采 用 WML WMLScript Access 数 据 库 和 ASP, 实 现 了 无 线 商 务 网 页 的 开 发, 实 现 手 机 或 PDA 上 网 基 于 VRML 语 言 的 2010 年 世 博 会 场 馆 模 型 采 用 VRML 语 言 结 合 Access 数 据 库 实 现 了 三 维 网 页 的 开 发 功 能 数 字 监 控 系 统 采 用 Visual Basic 语 言, 通 过 API 函 数 调 用 MSCOMM 等 控 件 的 使 用, 完 成 了 监 控 图 形 界 面 和 实 时 控 制 程 序 的 编 写, 实 现 了 实 时 控 制 项 目 的 开 发 每 个 案 例 首 先 简 单 介 绍 了 所 涉 及 的 关 键 基 础 知 识, 其 次 通 过 课 题 分 析 与 结 构 设 计 对 课 题 的 轮 廓 进 行 描 述, 然 后 通 过 详 细 的 软 件 制 作 步 骤, 使 读 者 能 够 完 成 相 应 的 设 计 制 作, 最 后 是 对 该 案 例 的 简 评 其 中 一 些 案 例 直 接 来 源 于 教 学 改 革 或 科 研 项 目, 不 仅 适 用 于 毕 业 设 计, 对 于 欲 进 行 多 媒 体 课 程 设 计 或 多 媒 体 项 目 开 发 的 读 者 也 会 有 很 大 的 帮 助 本 书 所 带 的 光 盘 提 供 了 书 中 所 列 举 的 源 程 序, 供 读 者 参 考 补 充 资 料 请 在 IT 书 吧 ( 下 载 本 书 的 第 1 2 章 由 杨 平 编 写, 第 章 由 贺 雪 景 编 写, 第 6 章 由 高 幼 年 编 写, 全 书 由 贺 雪 景 统 稿 案 例 的 编 写 过 程 中 得 到 了 胡 磊 孙 锦 中 马 进 明 等 教 师 以 及 张 亮 米 锐 赵 彦 宗 雪 徐 桢 柴 晓 荣 等 同 学 的 大 力 支 持, 陈 林 玲 女 士 参 与 了 本 书 的 校 对 工 作, 在 此 表 示 衷 心 的 感 谢 编 者

4 目 录 第 1 章 毕 业 设 计 总 体 要 求 毕 业 设 计 工 作 基 本 要 求 独 立 性 与 自 主 性 要 求 专 业 性 与 技 术 难 度 要 求 工 作 量 与 时 效 性 要 求 选 题 专 业 技 术 应 用 调 查 目 的 要 求 与 方 法 调 查 报 告 专 业 译 文 与 专 题 综 述 专 业 译 文 的 选 取 和 要 求 专 题 综 述 方 法 和 要 求 论 文 书 写 与 答 辩 毕 业 论 文 书 写 格 式 与 要 求 答 辩 准 备 与 技 巧... 9 第 2 章 毕 业 设 计 工 作 指 导 管 理 与 评 价 工 作 指 导 过 程 管 理 成 绩 评 定 第 3 章 多 媒 体 技 术 类 毕 业 设 计 综 述 多 媒 体 项 目 设 计 方 法 多 媒 体 项 目 开 发 过 程 多 媒 体 项 目 结 构 设 计 多 媒 体 项 目 脚 本 设 计 多 媒 体 数 据 采 集 与 制 作 文 字 的 采 集 与 制 作 图 像 的 采 集 与 制 作 动 画 的 采 集 与 制 作 声 音 的 采 集 与 制 作 视 频 的 采 集 与 制 作 流 媒 体 的 采 集 与 制 作 多 媒 体 系 统 创 作 工 具 简 介... 32

5 IV 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 基 于 光 盘 的 多 媒 体 系 统 创 作 工 具 基 于 网 络 的 多 媒 体 系 统 创 作 工 具 高 级 语 言 用 于 多 媒 体 系 统 创 作 第 4 章 课 件 类 论 文 案 例 分 析 课 件 类 论 文 概 述 课 件 的 分 类 课 件 的 制 作 非 WWW 课 件 信 息 对 抗 仿 真 实 验 系 统 案 例 分 析 Authorware 简 介 Authorware 交 互 功 能 的 实 现 打 包 课 题 分 析 结 构 设 计 软 件 制 作 案 例 简 评 WWW 课 件 网 页 设 计 与 制 作 案 例 分 析 表 单 与 交 互 通 过 JavaScript 实 现 交 互 功 能 通 过 ASP 实 现 交 互 功 能 课 题 分 析 结 构 设 计 软 件 制 作 案 例 简 评 第 5 章 网 络 应 用 类 论 文 案 例 分 析 基 于 流 媒 体 的 自 动 控 制 原 理 网 络 点 播 系 统 案 例 分 析 SMIL 简 介 SMIL 基 本 标 记 与 属 性 RealText 文 件 的 建 立 课 题 分 析 结 构 设 计 软 件 制 作 案 例 简 评 基 于 WML 的 无 线 商 务 应 用 WML 简 介 WML 标 记 WMLScript 简 介 课 题 分 析

6 目 录 V 结 构 设 计 软 件 制 作 案 例 简 评 基 于 VRML 语 言 的 2010 年 世 博 会 场 馆 模 型 案 例 分 析 VRML 简 介 Cosmo Player 插 件 简 介 Cosmo Worlds 简 介 VrmlPad 简 介 课 题 分 析 结 构 设 计 软 件 制 作 案 例 简 评 第 6 章 实 时 控 制 类 论 文 案 例 分 析 Visual Basic 6.0 简 介 编 程 环 境 与 控 件 Visual Basic 程 序 编 写 过 程 Visual Basic 的 API 函 数 调 用 数 字 监 控 系 统 案 例 分 析 课 题 分 析 结 构 设 计 软 件 制 作 案 例 简 评

7 第 1 章 毕 业 设 计 总 体 要 求 毕 业 设 计 是 本 科 教 育 的 最 后 一 个 环 节, 它 是 大 学 四 年 中 时 间 最 长 的 一 次 集 中 实 践 教 学 环 节 对 于 学 生 而 言, 可 以 把 它 看 成 是 对 自 己 前 七 个 学 期 所 学 成 就 的 一 次 检 验, 是 独 立 工 作 能 力 和 科 学 研 究 素 质 水 平 的 一 次 大 测 试 对 于 教 师 而 言, 则 是 培 养 本 科 生 理 论 与 实 践 相 结 合 能 力 的 最 后 也 是 最 大 的 一 门 课 程 每 个 同 学 可 以 在 这 个 阶 段 锻 炼 和 展 示 出 自 己 的 独 特 才 干, 而 每 个 指 导 教 师 正 好 能 通 过 个 别 的 指 导 过 程, 因 材 施 教 地 培 养 学 生 并 发 掘 他 们 的 潜 能 毕 业 设 计 包 括 毕 业 论 文 选 题 课 题 调 研 ( 专 业 技 术 应 用 调 查 ) 专 业 译 文 专 题 综 述 论 文 书 写 论 文 答 辩 等 阶 段 1.1 毕 业 设 计 工 作 基 本 要 求 毕 业 设 计 工 作 的 基 本 要 求 包 括 独 立 性 要 求 自 主 性 要 求 专 业 性 要 求 技 术 难 度 要 求 工 作 量 要 求 以 及 时 效 性 要 求 等 内 容 独 立 性 与 自 主 性 要 求 1. 独 立 性 要 求 在 毕 业 设 计 阶 段, 应 当 要 求 每 个 学 生 基 本 独 立 地 完 成 各 项 毕 业 设 计 任 务, 如 专 业 技 术 应 用 调 查 专 业 译 文 专 题 综 述 和 毕 业 论 文 这 个 独 立 性 要 求 正 是 为 了 培 养 学 生 的 独 立 工 作 能 力 科 学 工 作 态 度 和 诚 信 道 德 素 养 而 设 立 的 每 个 学 生 在 完 成 自 己 的 任 务 过 程 中 可 以 和 同 学 交 流, 可 以 请 教 老 师, 也 可 以 和 别 人 合 作 完 成 某 些 工 作, 但 决 不 允 许 将 别 人 的 劳 动 成 果 不 加 说 明 地 当 做 自 己 的 成 果 放 入 自 己 的 作 品 中 凡 是 引 用 的 要 说 明 出 处, 凡 是 合 作 的 成 果 要 标 明 合 作 者, 并 说 明 自 己 所 做 的 贡 献, 每 个 学 生 都 应 当 以 极 其 认 真 和 科 学 的 态 度 进 行 表 述 过 去 已 经 发 生, 以 后 很 可 能 再 发 生 从 网 上 下 载 别 人 的 研 究 成 果 充 数, 或 把 其 他 同 学 ( 同 级 或 上 一 级 ) 研 究 成 果 窃 为 己 有 的 事 情, 这 是 应 当 坚 决 反 对 和 从 重 处 罚 的 2. 自 主 性 要 求 毕 业 设 计 阶 段 与 以 往 七 个 学 期 的 学 习 有 很 大 不 同 每 个 学 生 在 这 段 时 间 内, 应 当 充 分 利 用 校 内 外 的 环 境 和 条 件, 善 于 借 助 指 导 教 师 的 经 验 和 智 慧, 综 合 应 用 前 七 个 学 期 学 到 的 知 识 和 技 能, 认 真 学 习 前 人 的 成 熟 知 识 和 先 进 技 术, 积 极 努 力 并 勇 于 创 新 地 做 出 能 表 现 自 己 最 高 技 术 水 准 和 最 强 能 力 的 作 品 为 此, 特 别 强 调 的 是 要 自 己 做 主, 参 照 本 书 的 原 则 性 指 导 意 见 自 主 地 做 出 各 种 决 定 例 如 自 主 地 选 择 综 述 专 题, 自 主 地 选 择 毕 业 设 计 课 题, 自 主 地 选 择 毕 业 设 计 论 文 指 导 教 师, 自 主 地 安 排 各 项 工 作 当 然, 每 个 学 生 的 自 主 决 定 所 引

8 2 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 起 的 风 险 和 结 果 也 要 自 己 负 责 例 如, 当 自 主 地 选 择 了 错 误 的 课 题 后 所 引 起 的 被 动 局 面 必 须 自 己 面 对 强 调 学 生 的 自 主 性, 主 要 是 为 了 培 养 学 生 负 责 任 的 习 惯 果 敢 的 精 神 独 立 工 作 的 能 力 个 性 的 充 分 发 挥 和 适 应 环 境 克 服 困 难 的 自 觉 性 指 导 教 师 不 再 扮 演 保 姆 式 的 角 色, 扶 着 学 生 走, 而 是 默 默 地 注 视 着 学 生 的 脚 步, 当 学 生 请 求 指 导 时, 及 时 给 出 参 考 意 见 专 业 性 与 技 术 难 度 要 求 1. 专 业 性 要 求 每 个 学 生 的 本 科 毕 业 证 书 上 将 标 明 所 学 专 业 因 此, 毕 业 设 计 阶 段 的 成 品 也 要 求 符 合 所 学 专 业 的 特 点, 不 能 偏 离 太 远 如 一 个 学 自 动 化 专 业 的 本 科 生, 做 了 一 篇 关 于 社 会 学 的 毕 业 论 文, 那 么 这 篇 论 文 是 通 不 过 自 动 化 专 业 的 论 文 答 辩 的 因 此 要 求 每 个 同 学 在 做 自 己 的 作 品 时 要 尽 量 注 意 体 现 自 己 的 专 业 特 点 2. 技 术 难 度 要 求 每 个 学 生 完 成 的 作 品 应 达 到 一 个 专 业 本 科 毕 业 生 应 具 有 的 专 业 技 术 平 均 水 平 如 果 一 个 本 科 生 的 作 品 被 判 定 由 一 个 中 学 生 或 技 校 生 就 能 完 成 的, 那 么 这 个 作 品 将 被 认 为 技 术 难 度 不 足, 将 酌 情 减 分 处 理 怎 样 才 能 使 作 品 具 有 较 高 的 技 术 水 准 呢? 勤 于 思 考 和 刻 苦 钻 研 地 去 做 工 作 才 能 克 服 一 般 人 所 不 能 克 服 的 困 难, 较 长 时 间 对 一 个 有 价 值 的 技 术 问 题 进 行 攻 关 式 的 研 究 才 能 达 到 一 定 的 技 术 深 度 善 于 在 干 中 学, 把 理 论 与 实 际 联 系 起 来, 敢 于 创 新, 勇 于 创 新, 才 能 达 到 新 的 高 度 广 泛 地 调 查 和 分 析 前 人 的 工 作 成 果, 充 分 地 吸 收 前 人 的 经 验 和 精 华, 站 在 巨 人 的 肩 膀 上 才 能 看 得 远 做 得 好 工 作 量 与 时 效 性 要 求 1. 工 作 量 要 求 每 个 学 生 在 每 一 阶 段 所 完 成 的 作 品 都 有 计 划 的 工 作 日, 例 如 毕 业 设 计 ( 论 文 ) 工 作 日 为 13 周 如 果 每 个 学 生 认 真 去 完 成 每 一 个 作 品, 用 足 所 计 划 的 工 作 日, 则 工 作 量 的 要 求 会 自 然 地 满 足, 如 果 不 是 这 样, 则 很 可 能 会 使 所 交 出 的 作 品 分 量 太 轻 例 如 所 交 的 作 品 是 具 有 平 均 水 平 的 毕 业 生 花 1/2 或 1/3 的 时 间 就 能 做 出 的, 那 么 就 被 认 为 未 达 到 工 作 量 的 要 求, 在 评 分 上 将 酌 情 减 分 处 理 2. 时 效 性 要 求 毕 业 设 计 工 作 应 当 分 阶 段 进 行, 并 分 阶 段 考 核, 每 一 阶 段 都 规 定 了 作 品 的 提 交 时 间 原 则 上 在 作 品 提 交 截 止 日 后 将 拒 收 迟 交 的 作 品, 并 以 0 分 成 绩 作 为 本 阶 段 的 工 作 成 绩 若 有 不 可 控 制 的 意 外 原 因 导 致 作 品 迟 交, 则 须 由 学 生 本 人 提 交 补 评 申 请 报 告, 然 后 由 毕 业 设 计 工 作 委 员 会 处 理

9 第 1 章 毕 业 设 计 总 体 要 求 选 题 论 文 选 题 是 毕 业 设 计 过 程 中 一 项 非 常 重 要 的 内 容, 选 题 是 否 符 合 下 面 的 基 本 原 则, 是 毕 业 设 计 成 败 的 关 键 选 题 完 成 后 要 递 交 选 题 报 告, 选 题 报 告 的 内 容 应 包 括 选 题 的 背 景 和 意 义 选 题 的 实 施 计 划 和 方 案 预 期 达 到 的 结 果 毕 业 设 计 论 文 选 题 基 本 原 则 如 下 1. 选 题 类 型 可 以 多 样 化 只 要 不 偏 专 业, 有 一 定 的 学 术 或 技 术 上 的 深 度 广 度 与 难 度, 能 在 两 个 多 月 的 时 间 内 完 成, 能 找 到 必 要 的 场 地 和 设 备, 能 得 到 指 导 教 师 的 支 持, 最 后 能 通 过 毕 业 设 计 委 员 会 的 审 定 和 答 辩 即 可 2. 选 题 应 尽 量 具 有 新 颖 性 创 造 性, 有 实 用 意 义 选 题 应 尽 可 能 瞄 准 较 新 技 术 或 具 有 实 用 价 值 3. 选 题 应 尽 量 靠 近 自 己 的 兴 趣 爱 好 或 就 业 志 向 或 专 长 在 选 题 答 辩 中 曾 发 现 有 些 同 学 选 择 选 题 的 目 的 只 不 过 想 学 点 有 用 的 技 术 这 个 出 发 点 虽 然 无 可 厚 非, 但 是 若 以 学 习 为 目 标, 则 有 可 能 因 为 以 自 己 的 劣 势 去 做 论 文, 所 得 的 结 果 只 是 初 学 者 的 低 级 水 平 而 不 能 展 现 个 人 四 年 学 习 后 的 最 好 技 术 水 平 4. 重 视 导 师 和 上 一 届 学 生 的 选 题 经 验 在 选 题 过 程 中 及 时 与 导 师 沟 通, 了 解 该 选 题 是 否 与 自 己 的 能 力 相 匹 配, 是 否 能 够 在 两 个 多 月 的 时 间 中 完 成 该 毕 业 设 计 5. 在 选 题 审 定 期 限 以 前 可 以 根 据 情 况 的 变 化 改 变 原 先 的 选 题 毕 业 设 计 论 文 选 题 初 步 确 定 以 后, 一 定 要 理 清 自 己 的 思 路, 抓 住 关 键 目 标, 制 定 具 体 可 行 的 实 施 计 划 并 立 刻 开 始 实 施 在 进 行 过 程 中 若 发 现 原 定 目 标 不 合 适, 应 当 及 时 做 出 恰 当 的 修 正, 具 体 目 标 的 确 定 则 应 以 最 能 体 现 自 己 的 技 术 水 平 和 展 现 工 作 成 果 为 原 则 1.3 专 业 技 术 应 用 调 查 专 业 技 术 应 用 调 查 是 学 生 走 出 校 门 的 一 次 社 会 实 践, 是 毕 业 设 计 论 文 工 作 的 准 备 阶 段 之 一 目 的 要 求 与 方 法 专 业 技 术 应 用 调 查 的 目 的 是 锻 炼 学 生 的 专 业 技 术 观 察 力 现 场 调 查 研 究 的 能 力 与 工

10 4 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 程 技 术 人 员 进 行 技 术 交 流 的 能 力 以 及 综 合 分 析 和 归 纳 总 结 的 能 力 通 过 这 项 活 动 可 以 使 学 生 直 接 接 触 专 业 技 术 应 用 现 场, 通 过 看 资 料 看 现 场 和 与 工 程 技 术 人 员 交 谈 获 得 第 一 手 的 信 息, 直 接 感 受 专 业 技 术 应 用 的 实 际 需 求 和 问 题 有 条 件 的 话, 专 业 技 术 应 用 调 查 应 尽 可 能 与 自 己 的 选 题 相 结 合 专 业 技 术 应 用 调 查 可 以 使 用 下 面 的 方 法 进 行 利 用 放 寒 假 回 家 乡 的 机 会 在 家 乡 所 在 地 进 行 请 求 家 庭 成 员 帮 助 选 择 合 适 的 调 查 企 事 业 单 位 根 据 所 了 解 的 初 步 信 息 设 计 好 调 查 的 提 问 重 点, 必 要 时 事 先 做 一 番 准 备, 以 免 采 访 难 以 深 入 若 有 可 能, 最 好 用 自 己 已 学 的 知 识 和 技 能 帮 助 被 调 查 单 位 工 作 数 天, 从 而 使 自 己 的 调 查 更 加 深 入 当 为 被 调 查 单 位 工 作 结 束 后, 请 求 给 出 工 作 经 历 证 明 若 有 可 能, 请 你 所 调 查 的 工 程 技 术 人 员 在 你 的 访 谈 记 录 上 签 字 确 认 尽 可 能 抓 住 当 前 专 业 技 术 应 用 的 热 点 问 题 进 行 讨 论, 并 记 下 现 场 工 程 技 术 人 员 的 实 际 看 法 调 查 报 告 调 查 报 告 的 写 作 要 本 着 实 事 求 是 的 原 则 进 行, 不 可 编 造, 不 可 抄 袭, 也 不 可 找 人 代 笔 调 查 报 告 的 正 文 应 在 3000 字 左 右, 要 求 统 一 写 在 A4 纸 上 调 查 报 告 的 内 容 应 包 括 : 调 查 过 程 记 录 ( 时 间 地 点 场 合 被 调 查 单 位 和 被 访 谈 人 ) 调 查 内 容 记 录 ( 看 到 的 查 到 的 听 到 的 ) 调 查 内 容 分 析 ( 存 在 问 题 解 决 思 路 前 景 展 望 ) 调 查 活 动 的 证 明 材 料 ( 工 作 经 历 证 明 访 谈 记 录 等 ) 调 查 报 告 的 写 作 要 尽 可 能 提 升 到 专 业 技 术 应 用 的 高 度, 尽 量 避 免 叙 述 与 专 业 技 术 无 关 的 内 容 1.4 专 业 译 文 与 专 题 综 述 专 业 译 文 与 专 题 综 述 是 毕 业 设 计 必 不 可 少 的 阶 段, 如 果 条 件 具 备 的 话, 应 尽 可 能 与 自 己 的 论 文 选 题 内 容 相 结 合 专 业 译 文 的 选 取 和 要 求 专 业 译 文 是 毕 业 设 计 论 文 工 作 的 准 备 阶 段 之 一 安 排 这 项 工 作 的 目 的 有 三 个, 第 一 是 了 解 国 外 专 业 发 展 新 动 态, 第 二 是 锻 炼 学 生 的 专 业 外 语 应 用 能 力, 第 三 是 学 习 学 术 论 文 的 写 作 方 法 和 表 达 格 式 为 做 好 专 业 译 文 工 作, 提 出 以 下 指 导 意 见

11 第 1 章 毕 业 设 计 总 体 要 求 5 1. 外 文 专 业 论 文 素 材 的 选 取 原 则 上 要 求 所 选 素 材 取 自 国 外 知 名 的 专 业 期 刊, 素 材 发 表 日 期 在 近 两 年 内, 素 材 内 容 为 正 规 的 学 术 性 论 文, 而 不 是 综 述 性 广 告 性 产 品 说 明 和 应 用 经 验 类 的 文 章, 素 材 篇 幅 在 A4 纸 4 页 以 上 每 个 学 生 选 好 素 材 后, 应 拿 复 印 件 到 专 业 译 文 工 作 指 导 教 师 处 进 行 审 核 和 登 记 审 核 是 为 了 确 认 是 否 符 合 选 材 要 求, 登 记 是 为 了 避 免 重 复, 要 求 每 个 学 生 独 立 地 完 成 一 篇 论 文 的 翻 译 学 生 在 选 外 文 的 专 业 论 文 时, 应 当 先 粗 读 一 遍, 尽 量 选 与 自 己 选 题 相 近 的, 尽 量 选 第 一 遍 就 可 读 懂 大 半 的 篇 幅 不 可 太 长, 因 为 要 求 全 文 翻 译, 不 可 节 选, 若 选 素 材 篇 幅 有 10 页, 也 要 求 全 文 翻 完 2. 对 译 文 的 要 求 专 业 译 文 翻 译 的 基 本 要 求 可 归 为 三 个 字, 即 信 达 雅 所 谓 信 是 忠 于 原 著, 应 当 原 原 本 本 地 表 达 原 作 者 的 思 想 观 点 和 风 格, 尤 其 在 吃 不 透 原 著 的 情 况 下, 应 当 本 着 负 责 的 态 度, 在 给 出 自 己 译 文 的 同 时 标 注 上 原 文 和 疑 点 所 谓 达, 即 译 文 要 通 顺, 要 符 合 中 文 的 语 文 规 范 所 谓 雅, 则 是 在 语 言 文 字 上 做 到 最 适 合 的 表 达, 尤 其 是 各 专 业 的 行 话, 这 种 行 话 是 在 这 个 行 业 中 公 认 的 专 有 语 言, 如 果 用 其 他 行 业 的 词 语 来 表 达 则 不 但 词 不 达 意, 还 会 引 起 误 解 译 文 的 题 目 小 标 题 摘 要 关 键 词 和 图 名 都 应 译 出, 图 中 的 文 字 也 应 译 出, 图 可 复 印 后 贴 在 译 文 上 参 考 文 献 可 不 译, 复 印 后 直 接 贴 在 译 文 正 文 后 原 文 的 作 者 应 在 大 标 题 下 写 明, 译 文 的 结 尾 应 标 注 译 文 的 出 处 如 译 自 IEEE Proc control Theory Appl.Vol.141, No3.pp2-4,1999, 再 给 出 译 者 和 翻 译 的 日 期, 如 王 刚 2004 年 1 月 专 题 综 述 方 法 和 要 求 专 题 综 述 工 作 也 是 毕 业 设 计 论 文 工 作 的 准 备 工 作 之 一 在 进 行 一 项 专 题 的 科 学 研 究 工 作 前 期, 都 需 要 检 索 大 量 的 相 关 文 献, 把 与 将 要 研 究 专 题 相 关 的 文 献 收 集 起 来, 然 后 仔 细 阅 读 分 析, 再 归 纳 综 合, 弄 明 白 这 项 专 题 的 国 内 外 研 究 现 状 存 在 问 题 和 发 展 趋 势 在 这 个 过 程 中 需 要 研 究 者 具 有 较 强 的 文 献 检 索 能 力 专 业 阅 读 和 分 析 能 力 及 归 纳 综 合 与 预 测 判 断 能 力 培 养 和 锻 炼 本 科 生 初 步 具 有 这 些 能 力, 是 在 毕 业 设 计 中 设 立 专 题 综 述 工 作 环 节 的 目 的 1. 专 题 综 述 工 作 的 方 法 去 图 书 馆 翻 阅 近 三 年 的 专 业 期 刊, 看 看 有 无 较 热 门 的 研 究 课 题 ( 特 征 是 许 多 论 文 都 围 绕 某 一 课 题 进 行 ) 选 择 一 个 热 门 研 究 课 题 进 行 论 文 检 索, 找 出 8~10 篇 相 关 的 原 创 性 论 文 以 及 2~3 篇 综 述 性 论 文 认 真 研 读 这 些 论 文, 把 握 有 关 的 基 本 概 念 和 原 理, 形 成 基 本 的 分 析 意 见 和 初 步

12 6 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 印 象 归 纳 综 合 这 些 研 究 者 的 研 究 成 果, 试 图 得 到 关 于 已 有 研 究 成 果 的 优 越 性 存 在 问 题 与 解 决 方 法 的 分 析 预 测 结 论 写 出 一 篇 个 性 化 的 完 整 的 综 述 报 告 2. 写 综 述 报 告 应 注 意 的 问 题 不 允 许 照 搬 别 人 写 的 综 述 内 容 一 个 热 门 课 题 兴 起 后, 就 会 有 人 写 出 综 述 文 章 发 表 每 个 同 学 可 以 看 看 他 们 是 怎 样 做 综 述 的, 但 不 能 照 搬 别 人 的 成 果 最 好 是 先 不 看 这 些 综 述 文 章, 先 看 原 创 性 文 章, 做 出 自 己 的 综 述 后, 再 看 别 人 的 综 述 这 时 比 较 自 己 和 别 人 看 法 的 异 同 点, 会 有 更 多 的 启 发 此 外, 看 看 别 人 的 综 述 文 章, 也 可 学 到 综 述 文 章 的 写 作 格 式 综 述 的 最 有 价 值 的 部 分 是 作 者 自 己 的 分 析 结 论 看 的 原 创 性 论 文 越 多, 思 考 的 深 度 越 深, 归 纳 的 角 度 较 新 就 越 有 利 于 提 高 综 述 报 告 的 水 平, 以 及 对 专 题 知 识 的 掌 握 程 度 必 要 时 可 花 点 时 间 专 门 去 读 一 些 相 关 书 籍, 努 力 使 自 己 成 为 这 个 专 题 的 小 专 家, 成 了 专 家, 再 发 议 论, 自 然 令 人 折 服 综 述 报 告 的 正 文 后 应 附 上 所 参 考 文 献 的 清 单 参 考 文 献 的 表 达 格 式 如 下 : 作 者 名, 论 文 题 目, 期 刊 名, 年 代, 卷 号, 期 号, 页 码 1.5 论 文 书 写 与 答 辩 毕 业 设 计 论 文 工 作 是 毕 业 设 计 全 过 程 中 最 后 一 个, 也 是 最 主 要 的 一 个 阶 段 可 以 说, 前 几 个 阶 段 的 工 作 都 是 为 做 好 这 最 后 阶 段 工 作 准 备 的 毕 业 设 计 论 文 工 作 环 节 是 为 培 养 学 生 初 步 掌 握 科 学 研 究 技 术 开 发 和 设 计 能 力 而 专 门 设 置 的 为 做 好 毕 业 设 计 论 文 工 作, 提 出 以 下 指 导 意 见 : 1. 毕 业 设 计 论 文 的 形 式 毕 业 设 计 论 文 的 成 果 一 般 以 两 种 形 式 来 体 现, 一 种 是 工 程 项 目 设 计 及 论 证 报 告, 一 种 是 专 题 研 究 的 学 术 论 文 工 程 设 计 类 论 文 要 求 包 括 设 计 目 标 原 始 数 据 实 际 方 案 比 较 分 析 设 计 算 法 验 证 最 终 设 计 陈 述 ( 包 含 设 计 图 纸 ), 关 键 技 术 试 验 验 证 以 及 技 术 参 考 资 料 专 题 研 究 类 论 文 包 括 研 究 背 景 和 问 题 的 提 出 基 本 理 论 计 算 与 改 进 ( 仿 真 ) 试 验 验 证 和 分 析 结 论 与 讨 论 参 考 文 献 及 附 录 2. 要 求 体 现 学 术 性 科 学 性 和 独 创 性 所 谓 学 术 性 指 给 出 的 观 点 不 是 简 单 地 描 述 事 物 的 外 部 现 象, 而 是 论 及 事 物 的 内 在 本 质 所 谓 科 学 性 指 论 证 有 科 学 依 据 和 论 点 有 实 践 数 据 支 持 所 谓 独 创 性 指 所 做 工 作 不 是 前 人 成 果 的 照 搬 照 抄 而 是 具 有 自 己 的 创 造 性 劳 动 无 论 所 创 新 部 分 是 否 具 有 先 进 水 平, 是 否 有 实 际 应 用 价 值 都 不 重 要, 重 要 的 是 形 成 创 新 的 习 惯 和 培 养 创 新 的 能 力

13 第 1 章 毕 业 设 计 总 体 要 求 7 3. 要 有 一 个 认 真 的 积 极 进 取 的 工 作 态 度 对 于 毕 业 设 计 论 文 工 作, 与 以 前 的 一 般 性 实 践 性 教 学 环 节 有 明 显 的 不 同, 特 别 需 要 有 积 极 主 动 的 工 作 态 度 如 果 认 为 只 需 要 照 猫 画 虎 地 写 出 老 师 规 定 的 内 容 就 可 以 了, 或 者 以 为 只 需 要 按 指 导 教 师 的 吩 咐 去 做 就 行 了, 那 是 远 远 不 够 的 因 为 每 个 人 面 临 的 个 性 化 问 题 较 多, 任 何 困 难 和 问 题 都 需 要 靠 自 己 解 决, 如 果 只 是 等 待 指 导 老 师 来 解 决 问 题, 或 等 待 别 人 做 出 了 结 果 再 模 仿 那 就 来 不 及 了 有 些 人 因 为 找 工 作 而 没 有 心 思 做 毕 业 设 计, 想 等 到 落 实 了 工 作 后 再 做 毕 业 设 计, 这 样 只 会 浪 费 宝 贵 的 时 间, 使 难 点 后 移 并 使 难 度 增 高, 最 后 使 质 量 不 可 控 制, 失 败 的 概 率 很 大 越 是 自 己 没 把 握 的 事 情, 越 应 该 尽 早 努 力 4. 在 老 师 的 指 导 下 独 立 自 主 地 工 作 每 个 同 学 都 应 当 主 动 地 积 极 地 争 取 指 导 教 师 的 支 持 和 帮 助 拜 师 学 艺, 勤 奋 为 先, 主 动 上 门 求 教, 取 得 指 导 教 师 的 指 导, 不 能 被 动 地 等 待 导 师 来 问 你 虽 然 有 自 己 的 导 师, 但 所 有 工 作 都 需 要 自 己 亲 自 去 做, 导 师 只 是 给 你 确 定 目 标 和 方 向 指 导 方 法 和 所 需 理 论 知 识, 不 能 替 你 去 做 具 体 内 容, 也 不 能 代 你 去 答 辩 ( 导 师 也 不 参 加 你 的 答 辩 ) 所 以 凡 事 可 以 征 求 导 师 的 意 见, 但 工 作 要 靠 自 己 去 做, 主 意 要 自 己 拿 导 师 可 以 根 据 自 己 的 丰 富 经 验 分 析 出 各 种 利 弊, 你 可 以 根 据 自 己 的 情 况 做 出 抉 择 毕 业 论 文 书 写 格 式 与 要 求 应 按 照 正 规 论 文 和 技 术 报 告 格 式 撰 写 毕 业 论 文, 一 般 正 规 的 毕 业 论 文 由 如 下 七 个 部 分 组 成 : 封 面 中 英 文 摘 要 与 中 英 文 关 键 词 目 录 正 文 致 谢 参 考 文 献 和 附 录 1. 封 面 封 面 的 样 式 如 图 1-1 所 示, 封 面 中 应 含 有 题 目 所 在 学 校 系 专 业 班 级 设 计 工 作 所 在 地 作 者 和 成 文 时 间 等 信 息 题 目 X X X 大 学 毕 业 论 文 系 专 班 学 别 业 级 生 设 计 所 在 地 点 2004 年 X 月 X 日 图 1-1 封 面 举 例

14 8 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 2. 中 英 文 摘 要 和 关 键 词 中 英 文 摘 要 是 对 论 文 主 要 内 容 的 简 短 陈 述, 重 点 在 于 用 简 练 的 语 言 给 出 研 究 结 果 与 结 论 并 指 出 论 文 特 色, 中 英 文 摘 要 各 300 字 左 右 为 了 便 于 检 索, 需 要 给 出 论 文 主 题 的 中 英 文 关 键 词, 中 英 文 摘 要 和 关 键 词 应 单 独 成 页 3. 目 录 目 录 的 作 用 是 清 楚 地 说 明 论 文 内 容 的 层 次 关 系, 如 图 1-2 所 示 宋 体 小 四 号 字 目 录 宋 体 三 号 字 加 粗 第 一 章 绪 论... 1 第 二 章 递 阶 控 制 的 描 述... 3 第 三 章 Taylor 级 数 的 性 质... 6 第 四 章 递 阶 大 系 统 控 制 的 Taylor 级 数 方 法 第 一 级 控 制 问 题 第 二 级 协 调 第 五 章 仿 真 例 子 第 六 章 结 论 致 谢 参 考 文 献 图 1-2 目 录 举 例 4. 正 文 正 文 约 7000~10000 字, 应 至 少 包 含 三 个 部 分 : 绪 论 本 论 和 结 论 绪 论 又 称 引 言, 内 容 包 括 课 题 的 背 景 目 的 意 义 以 及 研 究 结 果 与 结 论 在 已 有 研 究 中 的 定 位 本 论 是 论 文 的 主 体 和 核 心, 内 容 包 括 理 论 分 析 科 学 计 算 实 验 证 明 等 主 要 是 用 充 分 的 论 点 和 论 据 证 明 结 论 的 成 立

15 第 1 章 毕 业 设 计 总 体 要 求 9 结 论 是 论 文 最 终 的 结 语, 应 当 用 准 确 完 整 简 练 的 语 言 将 分 散 在 本 论 中 的 小 结 论 归 纳 在 一 起 并 有 所 提 炼 此 外, 还 要 讨 论 现 有 研 究 的 缺 憾 和 希 望 进 行 的 新 研 究 设 想 正 文 的 格 式 如 图 1-3 所 示 5. 致 谢 这 部 分 内 容 是 向 在 创 作 论 文 过 程 中 提 供 过 帮 助 的 人 们 表 示 谢 意 这 样 做 是 礼 貌, 是 对 他 人 劳 动 的 尊 重, 是 学 者 应 有 的 风 范 宋 体 小 4 号 加 粗 第 一 章 绪 论 宋 体 3 号 加 粗 1 引 言 小 系 统 理 论 研 究 尽 管 已 有 二 十 多 年 了, 但 仍 有 许 多 问 题 需 要 改 进 和 进 展 近 年 来, 正 交 级 数 已 有 多 方 面 控 制 问 题 的 分 析 [1,2] 宋 体 5 号,1.5 倍 行 距 X = AX BR BP + D, X (0) = X 1 i i i i i i i i i0 公 式 编 辑 器 图 1-3 正 文 举 例 6. 参 考 文 献 参 考 文 献 是 论 文 中 不 可 缺 少 的 部 分 因 为 每 项 研 究 大 多 建 立 在 已 有 的 知 识 基 础 上 为 了 论 文 的 简 练, 也 提 倡 在 论 文 中 引 用 公 开 发 表 的 文 献 来 说 明 问 题 一 份 充 实 详 尽 的 参 考 文 献 清 单 也 能 说 明 研 究 者 的 研 究 基 础 参 考 文 献 的 书 写 格 式 举 例 如 下 期 刊 论 文 型 : 作 者 名, 论 文 题 目, 期 刊 名, 年 代, 卷 号, 期 号, 页 码 著 作 与 教 材 型 : 作 者 名, 书 名, 版 本, 出 版 社, 出 版 地, 出 版 年 会 议 论 文 集 型 : 作 者 名, 论 文 题 目, 会 议 论 文 集 名, 页 码, 会 议 名, 举 办 时 间, 举 办 地 点 7. 附 录 对 于 不 宜 放 在 正 文 中 但 又 是 支 持 论 文 结 论 的 不 可 缺 少 的 佐 证 材 料, 应 当 放 在 附 录 中, 如 设 备 清 单 设 计 图 实 验 记 录 程 序 清 单 等 答 辩 准 备 与 技 巧 毕 业 答 辩 的 意 义 在 于, 确 认 学 生 所 做 论 文 工 作 的 实 际 能 力 和 水 平, 杜 绝 学 生 请 人 代 笔 或 抄 袭 他 人 的 作 弊 行 为, 从 而 保 证 毕 业 设 计 的 质 量, 培 养 并 提 高 学 生 的 表 达 能 力 应 变 能

16 10 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 力 和 总 结 能 力 一 般 安 排 学 生 先 进 行 15 分 钟 左 右 的 表 述, 然 后 进 入 教 师 问 学 生 答 的 答 辩 程 序 ( 一 般 也 在 15 分 钟 左 右 ) 对 于 学 生 的 15 分 钟 表 述 提 出 以 下 指 导 意 见 讲 清 课 题 的 背 景 意 义 和 自 己 所 要 完 成 的 任 务 重 点 介 绍 自 己 的 设 计 考 虑, 解 决 问 题 的 方 法 以 及 取 得 的 效 果, 别 人 的 工 作 不 宜 介 绍 太 多, 尤 其 要 避 免 讲 述 一 般 性 的 原 理 和 方 法 设 计 好 讲 述 的 所 有 细 节, 包 括 插 图 黑 板 多 媒 体 演 示 凡 是 有 利 于 讲 明 问 题 取 得 好 效 果 的 方 法 均 可 采 用, 充 分 利 用 每 一 分 钟 最 忌 照 本 宣 科, 无 激 情 的 表 述, 最 好 能 脱 稿 讲 当 然 也 不 可 做 作 夸 张 或 弄 虚 作 假 尽 力 抓 住 能 体 现 自 己 专 业 水 平 工 作 能 力 的 精 彩 内 容, 通 过 多 种 形 式 表 现 出 来, 让 听 者 能 感 受 到 你 的 作 品 分 量 要 有 归 纳 性 专 业 性 的 总 结 应 该 评 价 毕 业 论 文 工 作 的 得 与 失, 总 结 经 验 教 训, 提 出 解 决 新 问 题 的 思 路 和 将 来 的 研 究 方 向 充 分 利 用 现 代 化 的 多 媒 体 技 术 手 段 进 行 毕 业 作 品 的 多 方 位 多 色 彩 的 生 动 展 示

17 第 2 章 毕 业 设 计 工 作 指 导 管 理 与 评 价 11 第 2 章 毕 业 设 计 工 作 指 导 第 2 章 毕 业 设 计 工 作 指 导 管 理 与 评 价 管 理 与 评 价 毕 业 设 计 工 作 涉 及 几 乎 所 有 的 教 师 和 整 个 一 届 的 全 体 同 学, 要 保 证 整 个 毕 业 设 计 阶 段 工 作 的 顺 利 进 行, 需 要 一 整 套 的 规 章 制 度, 下 面 就 工 作 指 导 过 程 管 理 和 成 绩 评 定 三 个 方 面 予 以 说 明 2.1 工 作 指 导 毕 业 设 计 将 采 用 分 散 指 导 与 集 中 指 导 相 结 合 的 方 法 在 专 业 应 用 调 查 专 业 译 文 和 专 题 综 述 阶 段 采 取 集 中 指 导 的 方 式, 每 个 同 学 在 进 行 上 述 阶 段 的 作 品 制 作 过 程 中 将 没 有 固 定 的 指 导 教 师 学 生 首 先 按 指 导 手 册 进 行 工 作, 如 有 不 能 解 决 的 问 题 时, 可 通 过 网 络 或 去 找 指 定 教 师 寻 求 指 导 在 毕 业 论 文 阶 段 采 取 分 散 指 导 的 方 式 学 生 原 则 上 应 当 按 自 己 的 实 际 情 况 ( 志 向 能 力 等 ) 选 择 一 名 适 当 的 论 文 指 导 教 师, 然 后 主 动 去 和 自 己 选 中 的 教 师 联 系, 征 得 他 的 同 意 后 启 动 论 文 选 题 工 作 只 有 当 论 文 选 题 报 告 通 过 审 定 和 答 辩 后, 学 生 与 导 师 的 固 定 关 系 才 被 确 认 如 果 论 文 选 题 报 告 未 通 过 审 定 和 答 辩, 则 可 针 对 存 在 问 题 进 行 改 进, 在 短 期 内 进 行 第 二 次 答 辩 另 一 方 面, 也 允 许 学 生 不 选 择 固 定 的 论 文 指 导 教 师, 但 是 其 论 文 选 题 报 告 必 须 能 通 过 审 定 和 答 辩 2.2 过 程 管 理 首 先, 成 立 毕 业 设 计 工 作 委 员 会, 整 个 毕 业 设 计 过 程 都 在 毕 业 设 计 工 作 委 员 会 监 督 和 管 理 下 进 行 第 二, 组 织 若 干 阶 段 工 作 指 导 小 组, 如 专 业 应 用 调 查 专 业 译 文 专 题 综 述 和 论 文 选 题 指 导 教 师 小 组 这 些 小 组 负 责 各 阶 段 工 作 的 展 开, 如 业 务 咨 询 疑 难 解 答 作 品 收 集 组 织 评 阅 组 织 选 题 答 辩 等 第 三, 在 选 题 答 辩 结 束 以 后, 每 个 学 生 的 工 作 指 导 事 务 就 由 专 业 指 导 教 师 负 责 各 个 指 导 教 师 将 监 督 和 组 织 学 生 的 专 题 调 查 文 献 查 阅 理 论 准 备 工 具 熟 悉 试 验 与 仿 真 设 计 与 计 算 分 析 与 攻 关 等 活 动 还 将 审 阅 和 修 改 论 文 写 作 大 纲 审 阅 和 修 改 论 文, 以 及 组 织 论 文 预 答 辩 等 第 四, 由 毕 业 设 计 工 作 委 员 会 成 立 毕 业 设 计 答 辩 委 员 会 并 组 织 毕 业 设 计 答 辩 工 作 第 五, 综 合 每 个 学 生 毕 业 设 计 各 阶 段 的 成 绩

18 12 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 第 六, 评 选 最 优 论 文 并 召 开 毕 业 设 计 工 作 总 结 会 2.3 成 绩 评 定 为 了 保 证 毕 业 设 计 工 作 的 质 量 和 成 绩 评 定 的 公 平 和 公 正, 将 采 用 指 导 工 作 与 成 绩 考 核 相 分 离 的 做 法 各 阶 段 的 指 导 工 作 由 指 定 的 指 导 老 师 通 过 集 中 或 分 散 的 方 式 承 担, 成 绩 考 核 和 评 定 工 作 则 由 毕 业 设 计 工 作 委 员 会 指 定 专 人 负 责, 以 封 卷 评 阅 个 别 答 辩 的 方 式 评 分, 通 过 集 体 讨 论 的 方 式 综 合 评 定 成 绩 论 文 指 导 教 师 不 承 担 所 指 导 学 生 的 成 绩 评 定 任 务, 如 果 论 文 指 导 教 师 同 时 也 是 毕 业 论 文 答 辩 委 员 会 委 员, 则 在 毕 业 论 文 答 辩 时 也 将 采 取 回 避 原 则, 不 参 加 所 指 导 学 生 的 毕 业 答 辩 由 于 采 用 指 导 与 考 核 相 分 离 的 原 则, 学 生 毕 业 设 计 作 品 的 成 绩 评 定 将 主 要 取 决 于 其 作 品 的 内 在 质 量, 而 与 指 导 教 师 无 直 接 联 系 1. 各 阶 段 作 品 评 定 成 绩 的 比 例 每 个 学 生 毕 业 设 计 的 总 成 绩 由 各 阶 段 的 成 绩 相 加 得 到, 每 个 阶 段 的 成 绩 占 总 成 绩 的 比 例 按 表 2-1 规 定 计 算 表 2-1 成 绩 评 定 表 序 号 阶 段 作 品 名 评 阅 成 绩 口 头 表 述 成 绩 答 辩 成 绩 比 例 1 专 业 调 查 报 告 专 业 译 文 专 题 综 述 毕 业 论 文 选 题 报 告 毕 业 论 文 ( 毕 业 设 计 报 告 ) 小 计 各 阶 段 作 品 的 评 定 方 法 每 个 阶 段 的 作 品 均 由 毕 业 设 计 工 作 委 员 会 聘 请 若 干 专 家 进 行 评 阅, 给 出 初 步 评 阅 成 绩, 然 后 经 毕 业 设 计 委 员 会 开 会 复 核 后 给 定 最 终 评 定 成 绩 毕 业 论 文 选 题 报 告 和 毕 业 论 文 均 安 排 有 口 头 表 述 与 答 辩 环 节 为 此 毕 业 设 计 工 作 委 员 会 将 组 织 相 应 的 答 辩 委 员 会, 由 答 辩 委 员 会 根 据 口 头 表 述 和 答 辩 的 情 况 给 出 表 述 和 答 辩 成 绩, 最 后 由 毕 业 设 计 委 员 会 秘 书 汇 集 每 个 学 生 各 阶 段 的 成 绩 进 行 求 和 处 理 得 出 毕 业 设 计 总 成 绩 3. 对 成 绩 评 定 有 疑 义 时 的 上 诉 与 管 理 规 定 如 果 学 生 对 毕 业 设 计 各 阶 段 成 绩 有 疑 义, 可 向 毕 业 设 计 委 员 会 质 疑 若 认 为 确 有 误 差 和 判 定 不 公 并 且 需 要 重 新 评 定 时, 可 写 出 申 诉 报 告, 递 交 毕 业 设 计 工 作 委 员 会 处 理 毕 业 设 计 工 作 委 员 会 派 专 家 重 新 审 核 并 开 会 讨 论 适 当 的 处 理 决 定 原 则 上 在 公 布 各 阶 段 成 绩 的 一 周 内 提 出 上 诉 为 有 效 上 诉, 一 周 后 提 出 的 上 诉 报 告 将 不 予 受 理 如 果 学 生 对 毕 业 设 计 委 员 会 重 新 核 定 的 结 果 仍 不 满 意, 可 以 向 上 级 部 门 申 诉

19 第 3 章 多 媒 体 技 术 类 毕 业 设 计 综 述 多 媒 体 技 术 类 毕 业 设 计 中 除 了 使 用 文 本 外, 还 包 括 图 像 声 音 动 画 视 频 等 多 种 不 同 的 媒 体 数 据, 其 开 发 过 程 与 一 般 的 软 件 项 目 开 发 过 程 相 比 较 有 特 殊 的 地 方, 如 对 于 媒 体 数 据 的 采 集 编 辑 集 成 和 与 用 户 的 交 互 等 方 面 本 章 就 多 媒 体 项 目 的 设 计 方 法 多 媒 体 数 据 的 采 集 与 制 作 多 媒 体 系 统 创 作 工 具 的 选 择 使 用 等 几 个 方 面 进 行 介 绍 3.1 多 媒 体 项 目 设 计 方 法 多 媒 体 项 目 的 设 计 与 传 统 的 软 件 开 发 不 完 全 相 同, 通 常 采 用 螺 旋 式 生 命 周 期 模 型 和 面 向 对 象 的 程 序 设 计 思 想 进 行 螺 旋 式 生 命 周 期 模 型 以 演 示 代 替 传 统 软 件 开 发 所 采 用 的 文 字 说 明 方 式, 即 设 计 者 根 据 多 媒 体 项 目 的 要 求 快 速 建 立 一 个 原 型, 在 原 型 中 包 含 项 目 要 求 的 多 种 媒 体 信 息 和 交 互 功 能 ( 如 需 要 一 段 视 频 信 息, 可 以 先 选 用 现 成 的 比 较 粗 糙 的 替 代 品, 等 到 该 项 目 基 本 成 型 后, 再 用 精 心 制 作 的 视 频 文 件 来 替 代 ), 然 后 在 原 型 的 基 础 上 进 行 测 试 使 用, 再 根 据 使 用 的 结 果, 对 媒 体 信 息 细 节 和 交 互 功 能 不 断 完 善 应 用 面 向 对 象 的 程 序 设 计 思 想, 将 各 种 信 息 实 体 ( 如 声 音 视 频 等 媒 体 文 件 ) 看 做 是 可 以 被 重 复 使 用 的 对 象, 这 些 对 象 都 是 独 立 的, 从 而 大 大 减 少 了 编 程 过 程 中 的 数 据 传 送, 提 高 了 多 媒 体 软 件 的 开 发 效 率, 增 强 了 多 媒 体 软 件 的 可 靠 性 和 可 维 护 性 多 媒 体 项 目 开 发 过 程 多 媒 体 技 术 类 毕 业 设 计 项 目 的 开 发 过 程 一 般 包 括 课 题 选 择 与 分 析 结 构 设 计 脚 本 编 写 数 据 采 集 与 软 件 制 作 软 件 测 试 等 步 骤 1. 课 题 选 择 与 分 析 多 媒 体 技 术 类 毕 业 设 计 的 第 一 步 就 是 课 题 选 择 与 分 析 选 择 的 课 题 应 该 能 够 通 过 使 用 多 媒 体 手 段, 解 决 实 际 工 作 中 的 重 点 和 难 点 问 题 选 择 的 课 题 还 应 该 在 现 有 的 软 硬 件 环 境 和 技 术 条 件 下 能 够 实 现 对 所 选 择 的 课 题 可 以 将 其 分 解 为 多 个 子 课 题, 层 层 划 分, 形 成 树 形 结 构 的 层 次 系 统, 自 顶 向 下 逐 步 细 化 系 统, 自 底 向 上 逐 个 解 决 问 题 我 们 将 在 后 续 相 关 的 案 例 分 析 章 节 中 针 对 不 同 的 课 题 进 行 分 析 2. 结 构 设 计 确 定 了 课 题 以 后, 就 要 进 行 系 统 的 结 构 设 计 由 于 一 个 多 媒 体 项 目 所 需 的 文 字 音 频 和 视 频 资 源 数 量 既 多 又 不 确 定, 而 且 很 多 时 候 这 些 资 源 可 能 在 项 目 中 同 时 出 现, 在 多 媒 体

20 14 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 项 目 开 发 前 进 行 结 构 设 计, 可 以 使 图 文 声 像 与 整 个 项 目 融 为 一 体 所 以, 在 多 媒 体 项 目 制 作 的 初 始 阶 段, 花 费 一 定 的 时 间 来 进 行 结 构 设 计 是 十 分 必 要 的 通 常 在 结 构 设 计 中 要 明 确 项 目 的 目 录 主 题 层 次 结 构 和 交 互 功 能 在 一 个 多 媒 体 项 目 中, 一 般 都 包 括 多 个 主 题, 主 题 目 录 是 整 个 系 统 的 中 心, 建 立 统 一 的 主 题 目 录 和 层 次 结 构 是 十 分 重 要 的 例 如, 在 设 计 百 科 全 书 的 主 题 目 录 时, 可 以 采 用 按 分 属 于 不 同 学 科 分 类 或 建 立 主 题 词 检 索 目 录 而 在 介 绍 某 地 旅 游 景 点 的 多 媒 体 项 目 中, 以 地 图 形 式 为 使 用 者 提 供 检 索, 将 是 一 种 较 为 直 观 的 表 明 项 目 结 构 和 层 次 的 方 法 要 强 调 的 是, 多 媒 体 项 目 不 同 于 印 刷 文 字 材 料 和 电 视 节 目, 必 须 将 交 互 的 概 念 融 于 整 个 项 目 的 设 计 之 中 系 统 结 构 设 计 之 后, 开 始 进 行 脚 本 设 计, 绘 制 屏 幕 样 本 3. 脚 本 编 写 在 着 手 进 行 多 媒 体 项 目 具 体 制 作 以 前, 应 该 首 先 编 写 有 关 该 项 目 的 脚 本 脚 本 的 作 用 类 似 于 电 影 剧 本, 编 写 格 式 规 范 的 脚 本 能 提 高 多 媒 体 项 目 的 开 发 效 率, 保 证 开 发 的 质 量 我 们 将 在 中 详 细 介 绍 脚 本 编 写 的 方 法 4. 数 据 采 集 与 软 件 制 作 脚 本 编 写 完 毕 后, 根 据 脚 本 的 要 求 进 行 多 媒 体 数 据 采 集, 并 将 采 集 到 的 动 画 文 本 图 形 图 像 声 音 视 频 等 数 据 文 件, 转 换 成 系 统 开 发 工 具 所 要 求 的 数 据 格 式 然 后, 通 过 多 媒 体 开 发 工 具 将 采 集 的 数 据 有 机 地 集 成 起 来, 实 现 多 媒 体 项 目 的 制 作 无 论 是 数 据 采 集 转 化 还 是 集 成, 都 是 一 件 费 时 费 力 的 工 作, 因 此, 制 作 时 需 要 选 择 好 的 工 具 和 方 法 来 提 高 效 率 我 们 将 在 3.2 和 3.3 节 中 分 别 介 绍 多 媒 体 数 据 采 集 编 辑 工 具 与 多 媒 体 著 作 工 具 的 选 择 使 用 方 法 5. 软 件 测 试 多 媒 体 项 目 制 作 完 成 后, 要 进 行 认 真 的 测 试, 测 试 的 目 的 是 发 现 程 序 运 行 中 的 错 误 并 加 以 改 正 根 据 螺 旋 式 生 命 周 期 模 型 和 面 向 对 象 的 程 序 设 计 思 想, 测 试 工 作 从 项 目 的 一 开 始 就 应 该 进 行 在 原 型 中 进 行 集 成 性 和 交 互 性 的 测 试, 对 每 个 数 据 文 件 检 测 其 可 用 性 项 目 中 的 每 个 功 能 模 块 都 应 该 经 过 测 试, 其 中 的 每 一 个 特 征 和 功 能 都 必 须 测 试 到, 每 一 个 按 钮 都 必 须 按 过, 以 测 试 它 们 的 可 用 性 此 外, 还 要 检 查 每 一 幅 画 面 屏 幕, 检 查 其 风 格 是 否 一 致, 画 面 是 否 美 观 音 量 是 否 恰 当 等 等, 然 后 根 据 测 试 的 结 果, 进 一 步 修 改 完 善 多 媒 体 项 目 结 构 设 计 多 媒 体 项 目 结 构 设 计 包 括 导 航 系 统 设 计 交 互 设 计 流 程 图 设 计 屏 幕 样 本 设 计 等 内 容 1. 导 航 系 统 设 计 多 媒 体 项 目 通 常 采 用 一 种 称 为 超 媒 体 的 组 织 结 构 它 是 由 一 些 信 息 结 点 ( 包 括 文 本 图 形 图 像 动 画 声 音 视 频 等 ) 和 表 示 信 息 结 点 相 关 性 的 链 接 组 成 的 在 超 媒 体 结 构

21 第 3 章 多 媒 体 技 术 类 毕 业 设 计 综 述 15 中, 信 息 量 很 大, 各 信 息 之 间 的 关 系 复 杂, 使 用 者 在 浏 览 具 体 内 容 时 很 容 易 迷 路, 采 用 良 好 的 导 航 系 统 可 以 避 免 这 种 情 况 的 出 现 在 多 媒 体 项 目 中, 通 常 采 用 的 导 航 系 统 有 以 下 几 种 检 索 导 航 : 检 索 在 超 文 本 结 构 中 应 用 非 常 广 泛, 如 我 们 上 网 时 所 使 用 的 站 内 搜 索, 用 户 可 以 通 过 控 制 结 点 或 索 引 结 点 检 索 所 需 的 信 息, 快 速 到 达 目 的 地 导 航 图 : 以 图 形 化 方 式 直 观 地 显 示 各 信 息 结 点, 用 户 可 以 通 过 选 择 导 航 图 中 的 结 点 直 接 进 入 到 相 应 的 信 息 单 元 中, 如 图 3-1 所 示 图 3-1 导 航 图 控 制 导 航 : 控 制 导 航 一 般 采 用 控 制 多 媒 体 程 序 执 行 的 控 制 按 钮 来 实 现, 其 操 作 通 常 包 括 向 前 向 后 播 放 停 止 等, 如 图 3-2 所 示 图 3-2 控 制 导 航 导 航 按 钮 在 每 一 幅 屏 幕 上 应 处 于 同 一 个 位 置, 其 大 小 形 状 等 风 格 应 统 一, 以 保 证 整 个 多 媒 体 项 目 的 一 致 性 2. 交 互 设 计 多 媒 体 项 目 结 构 设 计 的 中 心 任 务 是 交 互 结 构 的 建 立, 多 媒 体 项 目 交 互 结 构 的 好 坏 是 多 媒 体 项 目 实 用 性 的 直 接 标 志 如 果 一 个 多 媒 体 项 目 中 各 项 内 容 制 作 得 十 分 精 彩, 但 是 交 互 结 构 设 计 得 不 好, 可 能 会 使 用 户 在 使 用 时 陷 入 混 乱 的 跳 转 和 查 找 之 间, 无 法 理 清 头 绪 在 多 媒 体 项 目 中, 用 于 交 互 的 界 面 元 素 有 菜 单 功 能 键 按 钮 对 话 框 图 标 热 区 等

22 16 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 菜 单 : 菜 单 中 包 含 所 能 使 用 的 各 种 选 项 和 命 令, 通 过 选 择 菜 单 选 项 和 命 令, 可 以 调 用 各 种 功 能 模 块, 完 成 交 互 功 能 为 方 便 用 户 使 用, 一 般 菜 单 的 设 计 要 同 Windows 窗 口 中 的 菜 单 形 式 保 持 一 致 功 能 键 : 将 常 用 的 菜 单 选 项 以 键 盘 上 的 功 能 键 代 替, 如 F1 键 表 示 帮 助 ESC 键 表 示 退 出 等, 可 以 大 大 加 快 用 户 的 操 作 速 度 按 钮 : 按 钮 的 作 用 与 菜 单 命 令 基 本 相 同 设 计 按 钮 时, 要 保 持 按 钮 外 形 的 一 致 性, 按 钮 的 位 置 也 要 合 理, 既 要 醒 目, 又 要 美 观 同 一 类 功 能 的 按 钮 应 该 使 用 相 同 形 状 大 小 的 按 钮 对 话 框 : 对 话 框 中 包 括 标 签 单 选 框 复 选 框 文 本 框 下 拉 列 表 框 命 令 按 钮 等 标 准 控 件, 对 话 框 用 于 显 示 和 接 受 输 入 的 信 息, 完 成 与 用 户 的 交 互 对 话 框 的 设 计 也 要 同 Windows 窗 口 中 的 对 话 框 形 式 保 持 一 致 图 标 : 图 标 是 表 示 一 定 意 义 的 带 有 图 案 的 符 号, 主 要 用 于 显 示 一 些 突 出 信 息 图 标 在 选 用 时 要 醒 目, 尺 寸 不 要 太 大 热 区 : 热 区 通 常 在 图 像 中 出 现, 一 般 具 有 规 则 的 形 状, 例 如 矩 形 圆 形 等 热 区 的 作 用 与 按 钮 相 同, 单 击 图 像 的 不 同 热 区 可 以 跳 转 到 不 同 的 链 接 3. 流 程 图 设 计 在 开 发 多 媒 体 项 目 时, 使 用 流 程 图 可 以 直 观 地 给 出 应 用 程 序 的 流 程, 表 明 内 容 与 用 户 之 间 的 相 互 关 系, 清 晰 地 显 示 整 个 项 目 的 结 构 通 过 流 程 图 可 以 很 快 了 解 整 个 多 媒 体 项 目 的 内 容 和 结 构 流 程 图 是 描 述 交 互 式 程 序 如 何 运 转 的 文 档 资 料 它 可 以 直 观 地 把 程 序 的 交 互 情 况 表 达 出 来, 常 被 交 互 设 计 人 员 和 程 序 员 用 来 决 定 在 什 么 情 况 下 把 何 种 信 息 呈 现 给 使 用 者 流 程 图 是 传 统 软 件 设 计 中 的 常 用 手 段, 在 程 序 设 计 和 软 件 工 程 中 对 流 程 图 的 使 用 和 具 体 格 式 已 形 成 一 种 规 范, 但 由 于 在 多 媒 体 项 目 中 涉 及 多 种 媒 体, 为 了 更 清 楚 地 区 分 和 表 明 不 同 的 媒 体 数 据, 在 多 媒 体 项 目 的 流 程 图 设 计 中 可 以 引 入 一 些 新 的 图 标 来 表 示 各 种 不 同 的 媒 体 图 3-3 给 出 了 图 形 动 态 图 像 标 题 菜 单 的 常 用 表 示 方 法 图 形 动 态 图 像 标 题 菜 单 图 3-3 多 媒 体 内 容 的 表 示 方 法 在 多 媒 体 项 目 的 流 程 图 中, 除 了 用 不 同 的 表 示 方 法 来 表 示 不 同 媒 体 外, 流 程 图 中 其 他 部 分 的 设 计 方 法 与 传 统 流 程 图 设 计 方 法 基 本 一 致, 图 3-4 给 出 了 一 个 流 程 图 的 简 单 实 例, 供 实 际 设 计 时 参 考 4. 屏 幕 样 本 设 计 从 上 面 流 程 图 的 简 单 实 例 中 可 以 看 出, 在 流 程 图 中 一 般 无 法 说 明 一 些 导 向 控 制 的 具 体

23 第 3 章 多 媒 体 技 术 类 毕 业 设 计 综 述 17 内 容, 如 菜 单 选 项 控 制 按 钮 和 一 些 可 视 的 内 容 布 局, 这 些 可 视 化 的 内 容 可 以 通 过 屏 幕 样 本 设 计 来 完 成 初 始 AVI 文 件 标 题 主 菜 单 A B C D A B C D 图 3-4 流 程 图 实 例 屏 幕 样 本 是 文 字 图 像 控 制 按 钮 等 元 素 如 何 在 屏 幕 上 排 列 的 草 图, 是 创 作 人 员 的 创 作 思 想 可 视 化 的 一 种 有 效 方 法, 其 设 计 是 逐 步 细 化 的 过 程 开 始 形 成 的 样 本 一 般 只 包 含 主 要 的 图 形 或 图 像, 较 成 熟 的 样 本 将 包 含 一 些 文 字 信 息 和 图 符, 以 及 为 使 用 者 提 供 的 一 些 交 互 控 制 屏 幕 样 本 设 计 给 出 了 屏 幕 内 容 的 展 现 形 式, 但 并 不 是 每 一 个 不 同 屏 幕 的 内 容 都 要 绘 制 出 屏 幕 样 本 一 般 屏 幕 内 容 呈 现 形 式 可 分 为 几 类, 设 计 时 只 要 为 每 一 类 内 容 绘 制 出 相 应 的 屏 幕 样 本 即 可 例 如 在 制 作 百 科 全 书 这 类 项 目 时, 一 般 要 介 绍 各 个 国 家 的 国 旗 和 国 歌 这 一 部 分, 在 设 计 这 一 部 分 的 屏 幕 样 本 时, 只 要 绘 制 出 某 个 国 家 ( 如 中 国 ) 的 国 旗 如 何 在 屏 幕 上 呈 现, 图 案 和 解 释 文 字 标 题 文 字 如 何 布 局 就 可 以 了, 并 不 需 要 绘 制 出 所 有 国 家 关 于 国 旗 国 歌 介 绍 的 屏 幕 样 本 屏 幕 样 本 设 计 的 目 的 是 通 过 合 理 的 布 局 使 有 限 的 屏 幕 空 间 发 挥 最 大 效 用, 通 过 使 用 简 练 的 文 字 和 合 适 的 颜 色 使 用 户 感 到 赏 心 悦 目 布 局 : 在 屏 幕 上 展 示 的 文 字 图 像 动 态 信 息 上 下 左 右 平 衡, 屏 幕 上 展 示 的 对 象, 如 按 钮 菜 单 等 大 小 位 置 要 统 一 规 范, 屏 幕 上 既 要 提 供 足 够 的 信 息 量, 又 要 简 单 明 了 文 字 : 在 一 幅 屏 幕 中 出 现 的 文 字 不 能 太 多, 格 式 要 统 一, 需 要 强 调 的 地 方 进 行 加 粗 变 形 等 处 理, 尽 量 不 要 采 用 滚 动 文 字 颜 色 : 颜 色 搭 配 要 合 理, 同 一 幅 屏 幕 上 的 颜 色 不 要 超 过 4 种, 背 景 色 宜 选 用 暗 色 或 浅 色 导 航 系 统 设 计 交 互 设 计 和 屏 幕 样 本 设 计 可 以 通 过 脚 本 的 编 写 有 机 地 结 合 起 来

24 18 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 多 媒 体 项 目 脚 本 设 计 在 一 部 电 影 或 者 电 视 剧 开 始 摄 制 之 前, 有 关 的 剧 本 和 制 作 计 划 必 须 事 先 准 备 好 同 样, 在 多 媒 体 项 目 具 体 制 作 之 前, 其 设 计 文 档 的 准 备 也 必 须 完 成 在 传 统 软 件 设 计 中, 流 程 图 是 程 序 结 构 定 义 的 常 用 手 段, 已 经 广 泛 地 为 程 序 设 计 人 员 所 接 受 虽 然 多 媒 体 项 目 开 发 也 属 于 计 算 机 应 用 软 件 开 发 的 范 畴, 但 由 于 在 内 容 和 形 式 上 的 不 同, 多 媒 体 项 目 开 发 的 设 计 文 档 除 了 流 程 图 外, 还 包 括 脚 本 的 编 写 脚 本 描 述 了 用 户 将 要 在 计 算 机 上 看 到 的 细 节 它 在 多 媒 体 项 目 开 发 中 占 有 非 常 重 要 的 地 位, 它 是 设 计 阶 段 的 总 结, 又 是 开 发 和 实 施 阶 段 的 依 据 脚 本 是 整 个 多 媒 体 项 目 的 主 干, 不 仅 要 描 述 各 项 内 容 显 示 的 顺 序 和 步 骤, 还 要 将 其 中 的 分 支 路 径 衔 接 的 流 程 和 每 一 步 骤 的 详 细 内 容 完 整 地 表 现 出 来 脚 本 编 写 时 应 采 用 规 范 的 格 式, 其 中 包 括 屏 幕 样 本 注 释 信 息 和 交 互 信 息 屏 幕 样 本 : 指 每 一 幅 屏 幕 上 将 要 显 示 的 文 字 图 像 等 信 息 的 具 体 内 容 和 它 们 在 整 个 屏 幕 中 的 位 置 这 可 以 通 过 绘 制 草 图 予 以 直 观 地 表 示 注 释 信 息 : 说 明 屏 幕 样 本 中 各 种 媒 体 信 息 呈 现 的 时 间, 以 及 这 些 媒 体 信 息 所 对 应 的 文 件 名 等 交 互 信 息 : 屏 幕 中 内 容 的 显 示 顺 序 和 控 制 路 径, 即 如 何 进 入 该 屏 幕, 如 何 转 向 其 他 屏 幕 对 于 编 写 好 的 脚 本, 应 对 其 进 行 审 查, 修 改 其 错 误, 补 充 其 不 足 然 后, 对 脚 本 进 行 试 运 行, 看 是 否 能 达 到 预 期 效 果 这 样 得 到 的 脚 本 作 为 编 程 或 写 作 的 蓝 本, 会 明 显 提 高 多 媒 体 项 目 开 发 的 速 度 和 质 量 在 编 写 脚 本 的 时 候 应 当 说 明 项 目 的 系 统 结 构, 描 述 项 目 的 屏 幕 样 本 设 计 以 及 项 目 中 的 各 种 交 互 导 航 关 系, 在 固 定 的 脚 本 格 式 表 中 填 写 画 面 的 进 入 方 式 和 时 机 画 面 中 所 涉 及 的 媒 体 文 件 以 及 如 何 从 该 画 面 进 入 其 他 画 面 等 信 息, 脚 本 的 编 写 实 例 如 表 3-1 和 表 3-2 所 示 表 3-1 脚 本 实 例 1 起 始 画 面 交 互 信 息 : 进 入 方 式 放 入 光 盘 或 双 击 桌 面 上 大 学 物 理 图 标 即 可 退 出 方 式 在 画 面 上 任 何 地 方 单 击, 进 入 菜 单 画 面 注 释 信 息 : 自 动 播 放 start.avi 文 件, 最 后 呈 现 如 左 图 所 示 屏 幕 样 本

25 第 3 章 多 媒 体 技 术 类 毕 业 设 计 综 述 19 表 3-2 脚 本 实 例 2 菜 单 画 面 交 互 信 息 : 进 入 方 式 在 起 始 画 面 上 任 何 地 方 单 击, 即 可 进 入 退 出 方 式 : 在 画 面 上 单 击 结 束 按 钮, 进 入 结 束 画 面 在 画 面 上 单 击 除 结 束 以 外 的 其 他 按 钮, 分 别 进 入 每 一 章 节 对 应 的 画 面 注 释 信 息 : 左 图 中 的 屏 幕 样 本 以 menu.bmp 图 片 文 件 为 背 景, 同 时 循 环 播 放 menu.mid 背 景 音 乐 文 件 3.2 多 媒 体 数 据 采 集 与 制 作 由 于 多 媒 体 系 统 需 要 将 不 同 的 媒 体 数 据 表 示 成 统 一 的 形 式, 所 以 必 须 选 择 合 适 的 工 具 对 它 们 进 行 采 集, 然 后 根 据 需 要 对 其 进 行 加 工 处 理, 以 便 实 现 进 一 步 的 存 储 传 送 输 出 和 交 互 控 制 多 媒 体 数 据 常 用 的 制 作 工 具 包 括 Photoshop Fireworks Flash 3DS MAX Animator Premiere 等, 它 们 用 于 制 作 项 目 中 所 需 要 的 艺 术 文 字 图 形 图 像 动 画 音 频 视 频 等 素 材 文 字 的 采 集 与 制 作 文 字 是 指 在 计 算 机 屏 幕 上 显 示 的 数 字 字 母 汉 字 以 及 特 殊 字 符 文 字 的 输 入 有 两 种 方 式, 大 多 数 的 文 字 是 通 过 多 媒 体 系 统 创 作 工 具 直 接 输 入 的, 称 为 文 本 文 字 ; 另 一 种 文 字 称 为 图 形 文 字, 它 们 是 由 Photoshop 等 绘 图 工 具 软 件 制 作 的, 通 常 作 为 标 题 以 提 高 多 媒 体 作 品 的 感 染 力 文 字 出 现 的 时 间 和 方 式 可 以 由 多 媒 体 系 统 创 作 工 具 进 行 控 制, 以 方 便 阅 读 或 达 到 某 种 特 殊 效 果 1. 文 本 显 示 合 理 选 择 字 体 字 形 是 保 证 多 媒 体 项 目 内 容 易 读 美 观 的 重 要 因 素 任 何 一 个 多 媒 体 项 目 都 不 可 能 没 有 文 字 信 息, 所 以 在 项 目 建 立 之 初 对 使 用 字 体 制 定 一 定 的 规 范 是 十 分 必 要 的 使 用 的 文 字 一 般 有 两 类 : 用 于 标 题 的 文 字 和 提 供 说 明 的 文 字 ( 即 正 文 ) 对 于 标 题 文 字, 一 般 要 求 字 体 醒 目 美 观 ; 对 于 正 文, 由 于 一 般 都 是 大 段 的 文 字 叙 述, 则 要 求 所 选 字 体 让 人 易 于 阅 读, 在 字 体 大 小 颜 色 排 列 上 都 要 充 分 考 虑 到 人 们 的 阅 读 习 惯 下 面 的 一 些 建 议 可 能 会 对 文 字 的 使 用 有 所 帮 助

26 20 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 文 本 要 着 重 突 出 主 要 的 信 息, 要 设 计 好 每 幅 屏 幕 文 本 的 数 量, 太 少 则 给 用 户 带 来 忙 于 换 页 等 不 必 要 的 动 作, 太 多 又 使 屏 幕 太 拥 挤 而 令 人 不 舒 服 在 同 一 文 本 中, 尽 量 少 用 不 同 尺 寸 的 字 体, 必 要 时 用 斜 体 粗 体 等 格 式 来 改 变 文 字 的 重 量 及 大 小 试 用 各 种 不 同 颜 色 的 字 体, 或 将 文 本 置 于 各 种 不 同 背 景 下, 或 使 用 黑 底 白 字 方 式, 观 察 其 效 果, 使 文 字 更 清 晰 在 需 要 引 起 人 们 注 意 的 地 方, 可 用 图 文 畸 变 等 方 式, 如 将 字 拆 成 球 体, 或 变 成 波 浪 形 等 2. 用 文 字 导 航 文 字 的 作 用 不 仅 仅 是 呈 现 具 体 的 内 容, 它 还 经 常 地 被 用 于 导 航 菜 单 文 本 中 的 每 一 行 文 字 对 应 一 个 单 一 的 动 作, 操 作 简 单 迅 速 在 菜 单 中 使 用 文 本 可 指 示 用 户 向 何 处 去, 在 导 航 时 使 用 文 本 可 说 明 如 何 到 达 目 的 地, 在 内 容 中 使 用 文 本 可 说 明 到 达 目 标 后 将 看 到 什 么 设 计 一 个 好 的 导 航 系 统 就 是 要 用 最 少 的 动 作, 最 短 的 等 待 时 间 来 引 导 用 户 到 达 特 定 的 目 的 地, 文 字 的 使 用 就 可 以 达 到 这 样 的 目 的 图 像 的 采 集 与 制 作 图 像 是 多 媒 体 中 极 其 重 要 的 部 分, 根 据 有 关 统 计 资 料, 人 们 获 取 信 息 的 70% 来 自 视 觉 系 统, 也 就 是 图 像 和 电 视 创 建 的 每 个 多 媒 体 项 目 中 都 会 包 含 图 像 元 素 : 背 景 人 物 界 面 按 钮 等 多 媒 体 产 品 不 能 缺 少 直 观 的 图 像, 就 像 报 刊 离 不 开 文 字 一 样, 图 像 是 多 媒 体 最 基 本 的 要 素 它 可 以 使 原 来 需 要 大 量 文 字 说 明 的 内 容 直 观 地 呈 现 在 使 用 者 面 前 高 质 量 的 图 像 不 仅 可 以 使 多 媒 体 系 统 外 观 效 果 增 强, 而 且 便 于 使 用, 使 系 统 更 具 有 竞 争 力 1. 图 像 的 分 类 与 特 点 如 图 3-5 所 示, 不 管 图 像 的 形 式 如 何, 在 计 算 机 中 产 生 图 像 的 方 法 有 两 类 : 一 类 是 位 图, 另 一 类 称 为 矢 量 图 ( 有 时 也 称 为 图 形 ) 图 形 输 入 板 扫 描 仪 图 3-5 矢 量 图 与 位 图

27 第 3 章 多 媒 体 技 术 类 毕 业 设 计 综 述 21 (1) 位 图 位 图 是 把 一 幅 彩 色 图 像 分 解 成 许 多 像 素, 每 个 像 素 用 若 干 个 二 进 制 位 来 指 定 该 像 素 的 颜 色 亮 度 和 属 性 因 此 一 幅 图 像 由 许 多 描 述 每 个 像 素 的 数 据 所 组 成, 这 些 数 据 通 常 称 为 图 像 数 据, 而 这 些 数 据 作 为 一 个 文 件 来 存 储, 这 种 文 件 又 称 为 图 像 文 件 绘 制 和 编 辑 这 种 图 像 的 软 件 通 常 称 为 画 图 程 序 位 图 图 像 是 由 多 个 像 素 组 成 的, 并 带 有 表 示 每 个 像 素 颜 色 的 数 据 当 图 像 放 大 时, 由 于 每 个 像 素 的 信 息 量 是 固 定 的, 所 以 在 超 过 一 定 范 围 后, 再 看 位 图, 就 会 出 现 马 赛 克 现 象 位 图 的 色 彩 丰 富, 具 有 很 强 的 层 次 感, 承 载 的 信 息 量 较 大, 可 以 表 现 更 多 细 节, 在 视 觉 上 具 有 冲 击 效 果 合 理 地 使 用 位 图, 可 以 使 整 个 多 媒 体 系 统 更 加 美 观 对 位 图 进 行 压 缩 可 以 节 省 内 存 和 磁 盘 空 间 位 图 图 像 是 由 无 数 的 小 像 素 点 组 成 的, 每 个 像 素 点 都 要 占 据 一 定 的 存 储 空 间, 当 图 像 越 大 时, 像 素 点 就 越 多, 相 应 的 文 件 体 积 就 变 大 比 如 一 幅 像 素 的 真 彩 色 图 像, 它 保 存 在 计 算 机 中 占 用 的 空 间 大 约 为 1.37MB 由 此 可 见, 图 像 数 字 化 之 后 的 数 据 量 非 常 大, 在 Internet 上 传 输 时 很 费 时 间, 在 盘 上 存 储 时 很 占 地 盘, 因 此 就 必 须 要 对 图 像 数 据 进 行 压 缩 压 缩 的 目 的 就 是 要 满 足 存 储 容 量 和 传 输 带 宽 的 要 求, 而 付 出 的 代 价 是 大 量 的 计 算 JPEG 就 是 一 个 适 用 范 围 很 广 的 静 态 图 像 数 据 压 缩 标 准, 既 可 用 于 灰 度 图 像 又 可 用 于 彩 色 图 像 (2) 矢 量 图 矢 量 图 是 用 一 系 列 计 算 机 指 令 来 表 示 一 幅 图 像, 如 画 点 画 线 画 曲 线 画 圆 画 矩 形 等 这 种 方 法 实 际 上 是 用 数 学 方 法 来 描 述 一 幅 图 像, 将 其 转 变 成 数 学 表 达 式 在 计 算 机 显 示 矢 量 图 时, 也 往 往 能 看 到 画 图 的 过 程 绘 制 和 显 示 这 种 图 的 软 件 通 常 称 为 绘 图 程 序 虽 然 矢 量 图 一 般 比 较 简 单, 信 息 表 现 力 不 是 很 强, 但 是 数 据 量 小, 并 且 由 于 矢 量 图 形 存 储 的 是 关 于 曲 线 的 点 颜 色 曲 率 等 信 息, 而 不 是 特 定 像 素 的 信 息, 当 我 们 缩 放 矢 量 图 形 时, 这 个 数 学 描 述 关 系 在 一 个 区 域 内 是 固 定 的, 不 会 失 真, 矢 量 图 作 为 一 种 抽 象 化 的 特 殊 符 号 在 多 媒 体 系 统 中 具 有 不 可 忽 视 的 作 用, 所 以 在 多 媒 体 制 作 中 应 用 得 非 常 广 泛 举 一 个 简 单 的 例 子 : 假 设 画 一 个 3 厘 米 边 长 的 正 方 形, 用 位 图 的 方 法 来 表 达, 需 要 画 50 个 小 点 来 组 成, 矢 量 的 方 法 只 要 用 数 学 公 式,3 3( 厘 米 ) 就 能 表 达 ; 如 果 将 要 求 改 成 画 300 厘 米 边 长 的 正 方 形, 同 样 用 位 图 的 方 法 需 要 画 个 小 点 来 组 成, 而 矢 量 的 方 法 只 需 要 将 数 学 公 式 改 成 ( 厘 米 ) 就 可 以 了 虽 然 只 是 一 个 简 单 的 比 喻 ( 实 际 决 非 如 此 简 单 ), 但 从 这 两 种 表 达 方 式 的 比 较 中 我 们 不 难 看 出, 矢 量 图 形 具 有 所 需 信 息 量 小, 表 达 准 确 的 特 点, 所 以 特 别 适 合 在 网 络 环 境 下 的 使 用 矢 量 图 形 虽 然 体 积 小 画 面 表 达 准 确, 但 由 于 其 本 身 的 特 性 决 定 了 它 只 适 合 用 来 表 达 一 些 几 何 形 状 的 信 息 对 于 照 片 等 层 次 丰 富 细 节 复 杂 的 画 面, 矢 量 图 形 除 了 增 加 文 件 体 积, 降 低 图 像 效 果 外, 丝 毫 不 能 体 现 出 其 优 势, 而 这 正 是 位 图 图 像 所 擅 长 的 矢 量 图 形 就 其 特 点 来 说, 好 比 是 我 们 日 常 生 活 中 的 剪 贴 画, 而 位 图 图 像 则 好 比 是 照 片 两 者 优 势 互 补, 合 理 地 进 行 选 择, 就 能 在 基 本 保 持 视 觉 效 果 的 前 提 下, 最 大 限 度 减 少 多 媒 体 文 件 的 体 积 这 两 种 类 型 的 图 像 可 以 用 不 同 的 文 件 形 式 加 以 贮 存, 可 以 从 一 个 应 用 程 序 中 转 换 到 另 一 个 应 用 程 序 中, 或 者 从 一 种 计 算 机 平 台 转 换 到 另 一 种 计 算 机 平 台 上 2. 图 像 文 件 格 式 文 件 格 式 是 存 储 文 本 图 形 或 者 图 像 数 据 的 一 种 数 据 结 构 在 文 字 处 理 中, 存 储 文 本

28 22 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 文 件 要 使 用 文 件 格 式 例 如, 使 用 微 软 公 司 的 Word 处 理 器 编 写 的 文 件, 可 根 据 不 同 的 应 用 环 境 用 不 同 的 格 式 存 储 如 果 使 用 多 信 息 文 本 格 式 (Rich Text Format,RTF) 存 储, 这 个 文 件 就 可 在 其 他 的 平 台 ( 如 Mac 机 ) 或 者 使 用 其 他 的 字 处 理 软 件 进 行 处 理 同 样, 存 储 图 像 也 需 要 有 存 储 格 式, 从 20 世 纪 70 年 代 图 像 开 始 进 入 计 算 机 以 来, 开 发 了 许 许 多 多 的 图 像 文 件 存 储 格 式, 它 们 互 不 兼 容, 需 要 使 用 针 对 特 定 格 式 的 处 理 软 件 不 兼 容 的 格 式 给 用 户 造 成 很 多 的 不 便, 因 此 有 些 格 式 逐 渐 被 淘 汰 在 多 媒 体 系 统 中 经 常 使 用 的 图 像 文 件 有 : BMP(bit map picture) 是 Windows 上 画 图 软 件 使 用 的 格 式, 在 Windows 环 境 下 运 行 的 所 有 图 像 处 理 软 件 都 支 持 这 种 格 式, 是 PC 机 上 最 常 用 的 位 图 格 式 一 般 不 使 用 任 何 压 缩 方 法, 该 格 式 可 表 现 从 2 位 到 24 位 的 色 彩, 分 辨 率 也 可 从 至 该 格 式 在 Windows 环 境 下 相 当 稳 定, 在 文 件 大 小 没 有 限 制 的 场 合 中 运 用 极 为 广 泛 GIF(graphics interchange format) 是 CompuServe 公 司 1987 年 开 发 的 图 像 文 件 存 储 格 式, 是 一 种 运 行 在 各 种 平 台 上 的 图 像 处 理 软 件 均 可 处 理 的 经 过 压 缩 的 图 像 格 式 GIF 文 件 格 式 可 以 在 一 个 文 件 中 存 放 多 幅 彩 色 图 形 / 图 像, 可 以 像 演 幻 灯 片 那 样 显 示 或 者 像 动 画 那 样 演 示, 是 Internet 上 几 乎 所 有 Web 浏 览 器 都 支 持 的 图 像 文 件 格 式 缺 点 是 存 储 色 彩 最 高 只 能 达 到 256 种 颜 色 (8 位 ) JPEG(joint photographic expert group) 格 式 采 用 了 先 进 的 压 缩 算 法, 压 缩 时 具 有 较 好 的 图 像 保 真 度 和 较 高 的 压 缩 比 对 于 同 一 幅 画 面,JPEG 格 式 存 储 的 文 件 是 其 他 类 型 文 件 的 1/10 到 1/20, 而 且 色 彩 数 最 高 可 达 到 24 位, 被 广 泛 应 用 于 Internet 上 3. 图 像 的 采 集 位 图 的 采 集 可 以 通 过 下 面 三 种 方 法 实 现 : 通 过 画 图 程 序 直 接 绘 制 用 屏 幕 捕 捉 程 序 从 计 算 机 活 动 屏 幕 上 获 取 位 图, 然 后 把 它 粘 贴 到 画 图 程 序 或 应 用 程 序 中 去 使 用 扫 描 仪 数 字 相 机 视 频 捕 获 卡 等 图 像 捕 捉 设 备 从 照 片 艺 术 品 或 者 电 视 图 像 中 获 取 位 图 图 形 扫 描 仪 常 用 来 获 取 静 态 照 片 图 片 文 字 工 程 图 纸 等 图 像 信 息 使 用 时 要 注 意 选 择 合 适 的 图 像 扫 描 分 辨 率, 扫 描 分 辨 率 越 高, 获 得 的 数 字 图 像 中 的 像 素 就 越 多, 对 原 始 图 片 中 细 节 的 表 现 力 也 越 强, 数 字 图 像 文 件 的 数 据 量 就 越 大 选 择 合 适 的 图 像 扫 描 分 辨 率 的 目 的 是 控 制 数 字 图 像 的 数 据 量 数 码 相 机 不 同 于 传 统 相 机, 它 将 影 像 信 息 以 数 字 方 式 存 储 于 磁 盘 或 内 存 卡 中, 因 而 可 以 直 接 把 数 据 传 给 计 算 机, 并 借 助 于 计 算 机 的 处 理 手 段, 使 人 们 可 以 自 由 发 挥 自 己 的 想 象 和 创 意 如 果 在 多 媒 体 制 作 中 需 要 身 边 的 人 物 场 景 等 图 片 素 材, 可 以 考 虑 使 用 数 码 相 机, 拍 摄 属 于 自 己 的 数 字 图 像 作 品 通 过 视 频 捕 获 卡 可 以 将 电 视 录 像 等 的 视 频 信 号 转 换 成 AVI MPEG 文 件, 制 作 成 VCD 然 后 通 过 超 级 解 霸 等 软 件 的 控 制 菜 单 可 以 把 VCD 中 的 视 频 信 号 或 AVI MPEG 文 件 中 的 相 应 画 面 转 化 为 BMP 等 位 图 文 件 矢 量 图 可 以 用 相 应 的 软 件 如 CorelDraw 或 使 用 多 媒 体 制 作 工 具 直 接 绘 制

29 第 3 章 多 媒 体 技 术 类 毕 业 设 计 综 述 23 当 然 位 图 矢 量 图 也 可 以 直 接 从 光 盘 网 络 获 得 4. 图 像 的 加 工 对 于 完 美 的 多 媒 体 系 统 来 说, 图 像 编 辑 程 序 可 以 修 正 图 像 中 的 不 足, 还 可 以 采 用 剪 辑 技 巧 对 图 像 进 行 合 成, 产 生 各 种 特 殊 效 果 在 图 形 ( 图 像 ) 领 域 里, 最 出 色 的 工 具 软 件 要 算 Adobe PhotoShop, 除 此 之 外, 还 有 专 业 级 的 图 形 ( 图 像 ) 处 理 软 件 CorelDraw 和 Freehand Photoshop 是 目 前 PC 机 上 公 认 的 最 好 的 通 用 平 面 美 术 设 计 软 件, 它 的 功 能 完 善, 性 能 稳 定, 使 用 方 便 在 几 乎 所 有 的 广 告 出 版 软 件 公 司,Photoshop 都 是 首 选 的 平 面 工 具 Photoshop 的 功 能 十 分 强 大, 它 包 括 以 下 基 本 功 能 : 支 持 大 量 的 图 像 格 式, 支 持 多 种 色 彩 模 式, 基 本 绘 画 功 能 选 取 功 能 图 形 修 整 与 变 形 功 能 图 层 与 通 道 功 能 多 样 式 的 滤 镜 功 能 图 像 扫 描 功 能 运 用 Photoshop 处 理 图 像, 灵 活 直 观, 所 见 即 所 得 它 提 供 了 一 整 套 对 色 彩 的 明 暗 浓 度 色 调 透 明 度 等 操 作 的 方 法, 我 们 可 以 获 得 满 意 的 色 彩 使 用 变 形 功 能, 可 以 对 图 像 进 行 任 意 角 度 的 旋 转 拉 伸 倾 斜 等 变 形 操 作 使 用 滤 镜 功 能, 为 图 像 产 生 独 特 的 视 觉 效 果 它 主 要 用 于 图 像 的 修 改 与 设 计, 是 进 行 图 像 创 意 的 制 作 根 据, 应 用 于 制 作 广 告 封 面 等, 在 许 多 领 域 都 被 广 泛 使 用 CorelDraw 是 Corel 公 司 出 品 的 矢 量 图 形 制 作 工 具 软 件, 它 既 是 一 个 大 型 的 矢 量 图 形 制 作 工 具 软 件, 也 是 一 个 大 型 的 工 具 软 件 包, 我 们 可 以 使 用 它 制 作 矢 量 图 另 外 ACDSee 是 一 种 最 常 用 的 图 像 浏 览 和 查 看 软 件, 用 它 来 查 看 我 们 要 选 用 的 图 像 素 材, 选 图 方 便 浏 览 快 捷 查 看 准 确, 而 且 还 具 有 转 换 图 像 格 式 的 功 能 动 画 的 采 集 与 制 作 动 态 图 像, 包 括 动 画 和 视 频 信 息, 是 连 续 渐 变 的 静 态 图 像 或 图 形 序 列, 沿 着 时 间 轴 依 次 更 换 显 示, 从 而 构 成 运 动 视 觉 的 媒 体 当 序 列 中 每 帧 图 像 是 由 人 工 或 计 算 机 产 生 时, 我 们 常 称 为 动 画 ; 当 序 列 中 每 帧 图 像 是 通 过 实 时 摄 取 自 然 景 象 或 活 动 对 象 产 生 时, 我 们 常 称 为 影 像 视 频, 或 简 称 为 视 频 所 谓 动 画, 就 是 通 过 以 每 秒 15~20 帧 的 速 度 ( 相 当 接 近 于 全 运 动 视 频 帧 速 ), 顺 序 播 放 静 止 图 像 帧 因 为 人 的 眼 睛 能 足 够 长 时 间 地 保 留 图 像, 使 大 脑 以 连 续 的 序 列, 把 图 像 帧 连 接 起 来, 所 以 能 够 产 生 运 动 的 错 觉 在 多 媒 体 系 统 中 适 当 添 加 一 些 生 动 有 趣 的 动 画, 有 利 于 激 发 使 用 者 的 兴 趣, 可 以 对 一 些 比 较 抽 象 的 内 容 进 一 步 描 述 动 画 必 须 正 确 地 使 用, 以 获 得 最 好 效 果 动 画 的 创 作 一 般 分 为 动 画 脚 本 编 写 创 建 实 体 造 型 制 作 相 应 的 材 质 动 画 的 录 制 和 调 试 等 几 步, 不 同 动 画 类 型 的 加 工 制 作 方 法 各 不 相 同, 涉 及 许 多 软 件 的 使 用 下 面 简 要 介 绍 一 下 二 维 动 画 三 维 动 画 和 网 络 交 互 动 画 的 相 关 情 况 1.GIF 动 画 GIF 动 画 是 使 用 最 广 泛 的 二 维 动 画 要 制 作 GIF 动 画, 首 先 要 知 道 GIF 动 画 是 怎 么 动 起 来 的 GIF 动 画 其 实 也 和 电 影 一 样, 是 由 一 幅 一 幅 的 静 止 画 面 按 顺 序 连 续 显 示 的 结 果 所 以, 我 们 制 作 GIF 动 画 也 要 先 把 每 一 幅 静 止 的 画 面 都 做 好, 再 把 它 们 按 照 一 定 的 规 则 连

30 24 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 起 来 这 里 的 每 一 幅 静 止 画 面 就 叫 做 一 帧, 静 止 的 画 面 一 般 都 通 过 一 些 图 形 图 像 工 具 软 件 制 作, 如 Photoshop CorelDraw Painter 等 等, 然 后 再 用 专 门 的 制 作 GIF 文 件 的 软 件 把 这 些 静 止 的 画 面 按 顺 序 放 在 一 起, 再 定 好 图 像 帧 与 帧 之 间 的 时 间 间 隔, 最 后 再 保 存 为 GIF 格 式 就 可 以 了 制 作 GIF 文 件 的 软 件 很 多, 比 较 常 见 的 有 Animagic GIF GIF Construction Set GIF Movie Gear Ulead Gif Animator 等 如 图 3-6 所 示, 使 用 超 级 解 霸 的 VCD 转 GIF 工 具 也 可 以 将 DAT 或 MPG 文 件 转 换 为 GIF 文 件 图 3-6 VCD 转 GIF 2. 三 维 动 画 计 算 机 三 维 动 画 技 术 是 综 合 利 用 艺 术 计 算 机 图 形 图 像 学 数 学 物 理 学 生 理 学 和 其 他 相 关 学 科 的 知 识, 用 计 算 机 生 成 连 续 的 虚 拟 真 实 感 画 面 的 技 术 它 给 人 们 带 来 了 全 新 的 视 觉 刺 激 和 享 受, 实 现 了 过 去 无 法 想 象 的 特 技 效 果, 目 前 已 经 成 为 高 质 量 影 视 游 戏 制 作 中 不 可 缺 少 的 手 段 从 某 种 角 度 来 说, 三 维 动 画 的 创 作 有 点 类 似 于 雕 刻, 摄 影, 布 景 设 计 及 舞 台 灯 光 的 使 用, 除 了 需 要 基 本 技 能 外, 还 要 更 多 的 想 象 力 和 创 造 力 作 为 专 业 级 的 作 品 至 少 要 经 过 三 步 : 造 型 动 画 和 绘 图 造 型 就 是 利 用 三 维 软 件 在 电 脑 上 创 造 三 维 形 体 一 般 来 说, 先 要 绘 出 基 本 的 几 何 形 体, 再 将 它 们 变 成 需 要 的 形 状, 然 后 通 过 不 同 的 方 法 将 它 们 组 合 在 一 起, 从 而 建 立 复 杂 的 形 体 另 一 种 常 用 的 造 型 技 术 是 先 创 造 出 二 维 轮 廓, 再 将 其 拓 展 到 三 维 空 间 还 有 一 种 技 术 叫 做 放 样 技 术, 就 是 先 创 造 出 一 系 列 二 维 轮 廓, 用 来 定 义 形 体 的 骨 架, 再 将 几 何 表 面 附 于 其 上, 从 而 创 造 出 立 体 图 形 由 于 造 型 有 一 定 难 度, 工 作 量 又 大, 因 此, 我 们 可 以 在 市 场 上 找 到 包 罗 万 象 的 三 维 造 型 库, 从 自 然 界 的 小 动 物 到 宇 宙 飞 船, 应 有 尽 有, 直 接 调 用 它 们 可 提 高 工 作 效 率, 也 可 为 经 验 不 足 的 新 手 提 供 方 便 动 画 就 是 使 各 种 造 型 运 动 起 来, 由 于 电 脑 有 非 常 强 大 的 运 算 能 力, 制 作 人 员 所 要 做 的 是 定 义 关 键 帧, 中 间 帧 交 给 计 算 机 去 完 成, 这 就 使 人 们 可 以 做 出 与 现 实 世 界 非 常 一 致 的 动 画, 如 我 们 看 见 的 好 莱 坞 大 片, 很 多 镜 头 是 用 电 脑 合 成 的, 但 我 们 却 无 法 分 辨 不 像 传 统

31 第 3 章 多 媒 体 技 术 类 毕 业 设 计 综 述 25 的 动 画 片, 由 于 是 手 工 绘 制, 帧 与 帧 之 间 没 有 过 渡, 看 到 的 是 画 面 不 断 跳 跃 的 卡 通 片 绘 图 包 括 贴 图 和 光 线 控 制 在 制 作 动 画 的 过 程 中, 我 们 会 发 现 电 脑 的 性 能 对 制 作 三 维 动 画 非 常 重 要, 动 画 一 秒 钟 大 约 为 30 帧, 合 成 一 帧 ( 就 是 一 个 画 面 ) 可 能 用 几 秒, 也 可 能 要 几 十 分 钟, 性 能 不 佳 的 电 脑 将 无 法 工 作 制 作 三 维 动 画 需 要 大 量 时 间, 为 了 获 得 更 高 的 效 率, 通 常 将 一 个 项 目 分 为 几 个 部 分, 特 别 是 那 些 投 资 巨 大 的 制 作 更 是 如 此 这 就 使 分 工 协 作 显 得 非 常 重 要, 很 少 见 到 一 个 像 样 的 三 维 动 画 是 由 一 位 设 计 者 独 立 完 成 的 制 作 三 维 动 画 的 工 具 很 多, 下 面 简 要 介 绍 SoftImage 公 司 的 SoftImage 最 初 是 一 款 历 史 悠 久 功 能 强 大 的 在 工 作 站 上 使 用 的 三 维 造 型 绘 图 动 画 软 件, 它 尤 其 擅 长 于 动 画 制 作, 能 够 实 现 许 多 令 人 惊 异 的 效 果, 大 量 的 动 画 辅 助 工 具 使 SoftImage 制 作 的 作 品 栩 栩 如 生, 它 的 代 表 作 之 一 就 是 侏 罗 纪 公 园 里 的 恐 龙 SoftImage 以 其 卓 越 的 性 能, 更 成 为 游 戏 开 发 者 钟 爱 的 工 具 近 年 Microsoft 将 SoftImage 移 植 到 Windows 上, 使 SoftImage 影 响 力 进 一 步 扩 展 Pixar 公 司 的 Renderman 是 一 款 可 编 程 的 三 维 创 作 软 件, 它 在 三 维 电 影 的 制 作 中 取 得 了 重 大 成 功, 玩 具 总 动 员 中 的 三 维 造 型 全 部 是 由 Renderman 绘 制 的 Alias/Wavefront 公 司 编 制 了 大 量 的 用 于 工 作 站 的 三 维 创 作 软 件, 在 专 业 三 维 制 作 领 域 占 有 明 显 的 优 势, 如 今 为 适 应 飞 速 发 展 的 PC 电 脑,Alias/Wavefront 公 司 又 推 出 了 适 用 于 Windows 工 作 环 境 的 Maya Maya 是 一 个 功 能 强 大 的 三 维 软 件, 相 信 看 过 星 际 战 队 的 同 学 会 感 受 到 Maya 强 大 的 功 能 Autodesk 不 仅 有 享 誉 全 球 的 AutoCAD, 也 产 生 了 著 名 的 三 维 动 画 制 作 工 具 3D Studio 及 换 代 产 品 3D Studio MAX 3D Studio MAX 一 经 推 出, 便 迅 速 成 为 国 内 三 维 动 画 制 作 的 主 流 产 品 3. 网 络 交 互 动 画 近 年 Internet 发 展 迅 猛, 枯 燥 无 味 的 静 态 页 面 很 难 再 引 起 人 们 的 兴 趣, 制 作 人 员 希 望 能 使 用 引 人 入 胜 的 动 态 效 果 来 吸 引 用 户 的 注 意 由 于 网 络 带 宽 的 限 制, 在 主 页 上 放 置 过 大 的 动 画 文 件 是 不 现 实 的, 在 这 种 背 景 下 网 页 动 画 应 运 而 生, 并 迅 猛 发 展 起 来 Web 上 的 动 画 主 要 包 括 GIF 动 画 Shockwave 动 画, 以 及 通 过 某 些 脚 本 语 言 ( 如 JavaScript) 创 建 的 动 画 等, 其 中 GIF 动 画 使 用 最 多 使 用 Macromedia 公 司 的 Flash 软 件 制 作 的 SWF 文 件 格 式 正 在 成 为 矢 量 动 画 的 标 准, 而 MetaStream 则 是 网 上 三 维 的 新 标 准, 通 过 它 可 以 在 Internet 上 呈 现 精 彩 的 3D 世 界 Macromedia 是 全 球 多 媒 体 业 界 的 领 导 者, 最 出 色 的 多 媒 体 光 盘 大 多 是 用 Director 及 Authorware 开 发 的 Macromedia Flash 是 目 前 制 作 网 络 交 互 动 画 的 最 优 秀 工 具, 它 支 持 动 画 声 音 以 及 交 互 功 能, 具 有 强 大 的 多 媒 体 编 辑 能 力, 并 可 直 接 生 成 网 页 代 码 Flash 提 供 透 明 技 术 和 物 体 变 形 技 术, 使 创 建 复 杂 的 动 画 更 加 容 易, 为 Web 动 画 设 计 者 的 丰 富 想 象 提 供 了 实 现 手 段 交 互 设 计 可 随 心 所 欲 地 控 制 动 画, 赋 予 用 户 更 多 的 主 动 权 优 化 的 界 面 设 计 和 强 大 的 工 具 使 Flash 更 简 单 实 用 Flash 通 过 使 用 矢 量 图 形 和 流 式 播 放 技 术 克 服 了 目 前 网 络 传 输 速 度 慢 的 缺 点 基 于 矢 量 图 形 的 Flash 动 画 尺 寸 可 以 随 意 调 整 缩 放, 而 不 会 影 响 图 形 文 件 的 大 小 和 质 量, 并 且 只 要 用 少 量 向 量 数 据 就 可 以 描 述 一 个 复 杂 的 对 象, 占 用 的 存

32 26 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 储 空 间 只 是 位 图 的 几 千 分 之 一, 非 常 适 合 在 网 络 上 使 用 声 音 的 采 集 与 制 作 声 音 是 携 带 信 息 的 极 其 重 要 的 媒 体, 是 多 媒 体 技 术 研 究 中 的 一 个 重 要 内 容 声 音 的 种 类 繁 多, 如 人 的 话 音 乐 器 声 动 物 发 出 的 声 音 机 器 产 生 的 声 音 以 及 自 然 界 的 雷 声 风 声 雨 声 等 这 些 声 音 有 许 多 共 同 的 特 性, 也 有 它 们 各 自 的 特 点 用 计 算 机 处 理 这 些 声 音 时, 既 要 考 虑 它 们 的 共 性, 又 要 利 用 它 们 各 自 的 特 性 声 音 是 多 媒 体 中 最 敏 感 的 元 素, 多 媒 体 应 用 的 很 多 方 面 都 需 要 使 用 到 声 音 声 音 可 以 是 按 钮 的 反 馈 声 背 景 音 乐 解 说 词 电 影 或 动 画 配 音 特 殊 效 果 等 要 为 多 媒 体 作 品 创 作 音 乐 是 困 难 的, 我 们 要 做 的 是 将 已 存 在 的 音 乐 编 辑 加 工 合 成 衡 量 声 音 质 量 的 指 标 主 要 有 两 个 : 采 样 频 率 和 量 化 位 数 ( 样 本 大 小 ) 采 样 频 率 越 高, 声 音 的 总 体 清 晰 度 越 高 常 见 的 采 样 频 率 有 44.1 khz khz khz CD 的 音 质 与 原 始 声 音 几 乎 相 同, 它 的 采 样 频 率 为 44.1 khz 常 用 的 量 化 位 数 是 16 位 (bit) 或 8 位 量 化 位 数 低 的 声 音 由 于 其 不 够 清 晰 而 不 能 听 或 很 难 听, 当 然 量 化 后 的 数 据 量 也 小 根 据 声 音 的 质 量 和 播 放 要 求 不 同, 采 样 频 率 和 量 化 位 数 的 关 系 可 以 不 同 例 如 :8-bit khz 的 声 音 文 件 听 上 去 犹 如 电 话 里 的 噪 音 ;16-bit khz 的 声 音 的 强 度 提 高 了, 但 是 依 然 不 清 晰 (8-bit 文 件 的 数 据 量 只 有 16-bit 文 件 的 数 据 量 的 一 半 ) 当 然, 使 用 最 高 的 采 样 频 率 和 最 高 的 量 化 位 数 能 得 到 最 好 的 音 质, 但 文 件 的 数 据 量 也 相 当 大 在 制 作 多 媒 体 作 品 时, 经 常 要 在 声 音 质 量 与 文 件 大 小 或 网 络 速 度 等 诸 多 因 素 之 间 妥 协 在 多 媒 体 开 发 与 制 作 中, 声 音 文 件 一 般 推 荐 质 量 是 khz 16-bit 它 的 数 据 量 是 44.1 khz 声 音 的 一 半, 但 质 量 却 很 相 似 1. 声 音 文 件 的 存 储 格 式 作 为 媒 体 三 大 元 素 ( 图 像 文 字 声 音 ) 之 一, 声 音 同 图 像 文 件 一 样, 存 在 许 多 文 件 格 式, 其 中 使 用 最 多 的 是 下 面 三 种 (1) 波 形 (WAVE) 文 件 :Microsoft 公 司 的 音 频 文 件 格 式, 也 是 声 音 格 式 的 老 祖 宗 它 来 源 于 对 声 音 模 拟 波 形 的 采 样, 记 录 的 是 声 音 的 波 形, 数 据 是 不 经 过 压 缩 的, 所 以 音 质 是 最 好 的, 体 积 也 是 最 大 的 利 用 该 格 式 记 录 的 声 音 文 件 能 够 和 原 声 基 本 一 致 大 多 数 压 缩 格 式 的 声 音 都 是 在 它 的 基 础 上 经 过 数 据 的 重 新 编 码 来 实 现 的, 这 些 压 缩 格 式 的 声 音 信 号 在 压 缩 前 和 回 放 成 声 音 都 要 使 用 WAVE 格 式 WAVE 文 件 通 常 用 来 做 按 钮 反 馈 解 说 词 和 特 效 (2)MIDI 文 件 :Musical Instrument Digital Interface( 乐 器 数 字 接 口 ) 的 缩 写 它 是 由 世 界 上 主 要 电 子 乐 器 制 造 厂 商 建 立 起 来 的 一 个 通 信 标 准 MIDI 文 件 记 录 的 不 是 乐 曲 本 身, 而 是 一 些 描 述 乐 曲 演 奏 过 程 中 的 指 令, 它 能 够 模 仿 原 始 乐 器 的 各 种 演 奏 技 巧 甚 至 无 法 演 奏 的 效 果 通 俗 地 说,MIDI 并 不 是 一 个 真 正 的 数 字 化 声 音, 而 是 一 堆 演 奏 符 号, 记 录 的 是 在 什 么 时 候 用 什 么 音 色 发 多 长 的 音, 当 我 们 播 放 MIDI 音 乐 的 时 候, 其 实 就 是 命 令 电 脑 将

33 第 3 章 多 媒 体 技 术 类 毕 业 设 计 综 述 27 乐 谱 演 奏 出 来, 而 演 奏 过 程 就 是 电 脑 将 各 种 预 先 设 计 的 声 音 元 素 ( 称 为 波 表 ) 按 乐 谱 合 成 为 一 首 音 乐 由 于 MIDI 文 件 是 一 系 列 指 令, 而 不 是 波 形, 它 需 要 的 磁 盘 空 间 非 常 少, 装 载 MIDI 文 件 比 波 形 文 件 容 易 得 多 这 样, 在 设 计 多 媒 体 节 目 时, 我 们 可 以 指 定 什 么 时 候 播 放 音 乐, 将 有 很 大 的 灵 活 性 当 需 要 播 放 长 时 间 高 质 量 的 音 乐 时, 需 要 以 音 乐 作 为 背 景 音 响 效 果 时, 需 要 实 现 音 乐 和 语 音 的 同 时 输 出 时, 使 用 MIDI 文 件 比 使 用 WAVE 文 件 更 合 适 (3)MP3(MPEG Audio Layer) 文 件 : 是 将 WAVE 声 音 数 据 采 用 MPEG 压 缩 方 法 压 缩 的 声 音 文 件 格 式, 我 们 常 说 的 VCD 就 是 用 MPEG 技 术 压 缩 的 数 字 电 影 光 碟 MP3 就 是 其 中 专 门 用 来 压 缩 影 像 中 伴 音 的 音 频 压 缩 技 术 MP3 的 特 点 是 体 积 小 有 较 好 的 声 音 质 量 传 输 方 便 制 作 和 播 放 简 单 无 使 用 专 利 权 的 问 题 MP3 文 件 的 大 小 仅 为 WAVE 文 件 的 十 几 分 之 一, 而 音 乐 的 质 量 却 没 有 大 的 变 化, 几 乎 接 近 于 CD 唱 盘 的 质 量 一 分 钟 WAVE 格 式 的 文 件 有 十 几 兆, 而 一 分 钟 MP3 格 式 的 音 频 文 件 仅 有 一 兆 左 右 MP3 技 术 使 得 在 较 小 的 存 储 空 间 内, 存 储 大 量 的 音 频 数 据 成 为 可 能 同 MIDI 一 样,MP3 音 乐 格 式 也 适 合 做 背 景 音 乐 2. 声 音 的 采 集 声 音 的 采 集 是 通 过 声 卡 ( 也 叫 音 频 卡 ) 实 现 的, 声 卡 是 计 算 机 进 行 声 音 处 理 的 适 配 器 在 声 卡 上 连 接 的 音 频 输 入 输 出 设 备 包 括 话 筒 音 频 播 放 设 备 MIDI 合 成 器 耳 机 扬 声 器 等 声 卡 中 的 混 音 器 将 来 自 音 乐 合 成 器 (MIDI) CDROM 话 筒 输 入 (MIC) 线 路 输 入 (LINE) 等 不 同 来 源 的 声 音 组 合 在 一 起, 然 后 通 过 音 响 输 出 我 们 可 以 使 用 Windows 中 自 带 的 录 音 机 或 声 卡 自 带 的 工 具 进 行 声 音 的 采 集, 采 集 前 可 以 根 据 需 要 选 择 合 适 的 采 样 频 率 和 量 化 位 数, 产 生 的 文 件 为 WAVE 文 件 使 用 录 音 机 录 制 声 音 的 具 体 操 作 如 下 (1) 打 开 录 音 机 (2) 选 择 文 件 / 属 性 菜 单 命 令, 出 现 声 音 的 属 性 对 话 框 在 这 个 对 话 框 中 可 以 看 到 声 音 的 版 权 信 息 声 音 长 度 数 据 大 小 以 及 声 音 格 式 (3) 在 录 音 之 前 应 先 设 定 合 适 的 声 音 格 式 如 果 声 音 格 式 不 合 适, 则 可 以 单 击 立 即 转 换 按 钮, 出 现 如 图 3-7 所 示 声 音 选 定 对 话 框 在 对 话 框 中 可 以 选 择 声 音 编 码 格 式 和 声 音 属 性 编 码 格 式 一 般 选 择 PCM 声 音 属 性 可 以 选 择 CD 质 量 收 音 质 量 或 话 音 质 量 也 可 以 直 接 在 属 性 列 表 框 中 选 择 与 所 希 望 的 声 音 质 量 相 对 应 的 声 音 参 数 各 项 设 置 好 后 单 击 确 定 按 钮 返 回 录 音 机 窗 口 (4) 准 备 工 作 做 好 后, 就 可 以 单 击 录 音 机 窗 口 中 的 录 音 按 钮 开 始 录 音, 录 音 完 毕 后 单 击 停 止 按 钮 图 3-7 声 音 选 定 对 话 框 (5) 选 择 文 件 / 保 存 命 令, 保 存 新 录 制 的 声 音 文 件, 这 样 一 个 声 音 文 件 就 录 制 好 了 3. 声 音 的 编 辑 加 工 声 音 录 制 完 成 后, 需 要 对 声 音 进 行 编 辑 和 测 试, 同 样 可 以 通 过 Windows 所 带 的 录 音

34 28 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 机 声 卡 所 带 的 编 辑 工 具 如 Wave Studio 专 业 数 字 声 音 处 理 软 件 如 Cool Edit, 对 原 始 的 WAVE 文 件 进 行 各 种 编 辑, 如 去 除 杂 音, 增 加 回 响 添 加 合 唱 效 果 实 现 声 音 的 淡 入 淡 出 等 处 理, 以 获 得 满 意 的 效 果 我 们 以 录 音 机 为 例 说 明 声 音 编 辑 的 方 法 录 音 机 的 编 辑 处 理 功 能 主 要 集 中 在 编 辑 菜 单 和 效 果 菜 单 中 (1) 编 辑 菜 单 编 辑 菜 单 如 图 3-8 所 示, 其 中 各 项 命 令 作 用 如 下 复 制 : 把 整 个 声 音 文 件 复 制 到 剪 贴 板 中 粘 贴 插 入 : 把 剪 贴 板 上 的 声 音 片 段 插 入 到 当 前 的 声 音 文 件 中 插 入 之 前 可 移 动 滑 动 条 上 的 滑 块 来 确 定 插 入 点 位 置, 位 置 信 息 显 示 在 滑 动 条 上 的 信 息 栏 中 粘 贴 混 合 : 把 剪 贴 板 上 的 声 音 片 段 与 当 前 文 件 中 的 声 音 混 合 混 合 之 前 也 可 移 动 滑 动 条 上 的 滑 块, 来 确 定 当 前 文 件 中 混 合 起 始 点 的 位 置 插 入 文 件 : 把 另 一 个 声 音 文 件 插 入 到 当 前 的 声 音 文 件 中 可 以 移 动 滑 动 条 上 的 滑 块, 选 择 当 前 文 件 中 的 插 入 点 和 被 插 入 的 文 件 与 文 件 混 合 : 把 另 一 个 声 音 文 件 与 当 前 的 声 音 文 件 混 合, 可 以 移 动 滑 动 条 上 的 滑 块, 选 择 当 前 文 件 中 的 混 合 起 始 点 和 被 混 入 的 文 件 删 除 当 前 位 置 之 前 的 内 容 : 删 除 滑 块 所 在 位 置 之 前 的 声 音 内 容 删 除 当 前 位 置 之 后 的 内 容 : 删 除 滑 块 所 在 位 置 之 后 的 声 音 内 容 (2) 效 果 菜 单 效 果 菜 单 如 图 3-9 所 示, 其 中 各 项 命 令 作 用 如 下 图 3-8 录 音 机 的 编 辑 菜 单 图 3-9 录 音 机 的 效 果 菜 单 加 大 音 量 : 把 整 个 声 音 文 件 的 音 量 提 高 25%, 也 就 是 提 高 到 原 来 音 量 的 125% 降 低 音 量 : 把 整 个 声 音 文 件 的 音 量 降 低 20%, 也 就 是 降 低 到 原 来 音 量 的 80% 因 此 提 高 一 次 音 量 再 降 低 一 次 音 量, 音 量 将 恢 复 到 原 来 大 小 加 速 : 把 整 个 声 音 文 件 的 播 放 速 度 提 高 一 倍, 播 放 时 间 将 变 为 原 来 的 一 半 减 速 : 把 整 个 声 音 文 件 的 播 放 速 度 减 慢 一 半, 播 放 时 间 将 变 为 原 来 的 两 倍 添 加 回 音 : 给 整 个 声 音 文 件 添 加 回 音 效 果 反 向 : 把 声 音 文 件 反 转 方 向 相 当 于 反 转 之 前 的 声 音 文 件 从 后 往 前 播 放 除 了 复 制 和 删 除 命 令 外, 其 余 编 辑 菜 单 和 效 果 菜 单 的 各 项 命 令 只 对 未 压 缩 的 声 音 文 件 有 效 如 果 在 录 音 机 窗 口 中 未 发 现 绿 线, 则 说 明 该 文 件 是 压 缩 文 件, 将 无 法 进 行 修 改 如 果 对 自 己 的 编 辑 修 改 不 满 意, 可 以 利 用 文 件 菜 单 中 的 还 原 命 令 放 弃 上 一 次

35 第 3 章 多 媒 体 技 术 类 毕 业 设 计 综 述 29 保 存 以 后 的 所 有 操 作 经 过 编 辑 加 工 后 的 WAVE 文 件 比 较 大, 不 适 合 作 为 背 景 音 乐 我 们 可 以 使 用 超 级 解 霸 的 MP3 格 式 转 换 器 将 一 个 WAVE 文 件 转 换 成 MP3 文 件, 其 大 小 约 为 原 来 的 1/ 视 频 的 采 集 与 制 作 活 动 视 频 是 多 媒 体 中 最 活 跃 的 元 素, 在 多 媒 体 系 统 中 穿 插 一 些 视 频 可 以 产 生 很 好 的 渲 染 效 果, 具 有 很 强 的 感 染 力, 一 段 精 彩 的 视 频 会 比 一 段 文 本 更 有 说 服 力 数 字 视 频 是 将 传 统 模 拟 视 频 片 段 捕 获, 并 转 换 成 电 脑 能 调 用 的 数 字 信 号, 较 常 见 的 VCD 就 是 一 种 经 压 缩 的 数 字 视 频 因 为 视 频 是 我 们 利 用 摄 像 机 直 接 从 实 景 中 拍 摄 的, 比 较 容 易 取 得, 经 过 编 辑 再 创 作 后 成 为 我 们 需 要 的 数 字 视 频 文 件 数 字 视 频 能 使 多 媒 体 作 品 变 得 更 加 生 动 完 美, 而 其 制 作 难 度 一 般 低 于 动 画 创 作 一 幅 像 素 的 32 位 图 像 的 数 据 量 为 300KB 假 设 某 个 视 频 文 件 是 每 秒 24 帧, 那 么 5 钟 种 的 视 频 包 含 120 幅 图 像, 它 的 数 据 量 已 经 达 到 了 36000KB, 约 35MB 这 仅 仅 是 占 1/4 屏 幕 的 5 秒 钟 视 频 为 了 解 决 这 个 问 题, 人 们 对 连 续 图 像 的 数 据 进 行 压 缩 以 减 少 存 储 量 图 像 压 缩 的 方 法 有 多 种, 比 较 具 有 权 威 的 压 缩 技 术 是 MPEG 技 术 VCD 盘 中 的 图 像 都 采 用 MPEG-1 标 准 压 缩, 利 用 MPEG-1 技 术 对 声 音 进 行 压 缩 产 生 了 MP3,MPEG-2 技 术 则 应 用 于 广 播 电 视 DVD 以 及 HDTV 1. 视 频 文 件 格 式 视 频 信 息 在 计 算 机 中 存 放 的 格 式 有 很 多, 目 前 最 流 行 的 两 种 格 式 是 苹 果 公 司 的 QuickTime 和 微 软 的 AVI 2. 视 频 的 采 集 视 频 的 采 集 可 以 通 过 视 频 采 集 卡 实 现, 其 功 能 是 连 接 摄 像 机 录 像 机 影 碟 机 TV 等 设 备, 从 中 获 取 模 拟 电 视 信 号 并 将 它 们 转 化 为 数 字 电 视 信 号 在 转 换 过 程 中 进 行 同 步 压 缩, 将 采 集 到 的 数 字 电 视 信 号 保 存 为 数 字 视 频 文 件 中 低 档 的 视 频 采 集 卡 可 以 将 数 字 电 视 信 号 采 集 成 AVI 格 式 的 文 件, 高 档 的 视 频 采 集 卡 可 以 在 采 集 的 同 时, 对 电 视 信 号 进 行 实 时 MPEG 标 准 的 压 缩 各 种 压 缩 方 法 产 生 的 文 件 大 小 不 一, 如 图 3-10 所 示 的 采 集 卡, 采 集 一 分 钟 的 视 频, 保 存 为 AVI 格 式 的 文 件, 其 存 储 空 间 约 为 240MB; 保 存 为 VCD 格 式 的 文 件 (MPEG-1), 其 大 小 约 为 10MB; 保 存 为 DVD 格 式 的 文 件 (MPEG-2), 所 占 磁 盘 空 间 约 为 36MB; 而 保 存 图 3-10 视 频 的 采 集

36 30 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 为 MPEG-4 格 式 的 文 件 只 有 5MB 因 此 我 们 在 选 择 压 缩 文 件 格 式 时, 要 在 其 所 占 磁 盘 空 间 大 小 和 视 频 质 量 这 两 方 面 综 合 考 虑 3. 视 频 的 编 辑 加 工 Premiere 是 Adobe 公 司 推 出 的 产 品, 它 是 非 常 优 秀 的 视 频 编 辑 软 件, 能 对 视 频 声 音 动 画 图 片 文 本 进 行 编 辑 加 工, 并 最 终 生 成 电 影 文 件 在 Premiere 中, 通 过 对 视 频 画 面 进 行 叠 加 合 成 完 成 各 种 特 技 效 果, 通 过 淡 入 淡 出 实 现 各 种 过 渡 效 果, 最 终 可 以 将 多 种 特 技 效 果 和 过 渡 效 果 综 合 应 用 在 一 段 数 字 电 视 节 目 中 使 用 Premiere 可 以 制 作 AVI 和 Quick Time 的 MOV 数 字 电 视 文 件, 也 可 以 制 作 多 种 动 画 格 式 的 文 件 如 果 只 要 对 视 频 进 行 简 单 处 理, 可 以 使 用 Windows Me 或 Windows XP 中 所 带 的 Movie Maker( 图 3-11) 实 现 图 3-11 使 用 Movie Maker 进 行 视 频 处 理 视 频 格 式 的 转 换 可 以 通 过 超 级 解 霸 等 软 件 实 现, 例 如 将 VCD 光 盘 上 的 DAT 文 件 转 化 为 AVI 文 件 或 MPEG 文 件, 将 AVI 文 件 转 换 成 MPEG 文 件 等 流 媒 体 的 采 集 与 制 作 1. 流 媒 体 技 术 多 媒 体 信 息 的 数 据 量 非 常 大, 如 一 分 钟 CD 质 量 的 WAVE 文 件 需 要 占 10MB 左 右 的 磁 盘 空 间, 而 一 分 钟 的 AVI 视 频 文 件 占 磁 盘 空 间 约 240MB 如 此 大 的 文 件 要 在 Internet 上 传 输, 对 于 浏 览 者 来 说 是 不 能 忍 受 的 如 何 解 决 人 们 对 网 络 多 媒 体 的 需 求 与 网 络 带 宽 之 间 的

37 第 3 章 多 媒 体 技 术 类 毕 业 设 计 综 述 31 矛 盾 呢? 流 媒 体 技 术 应 运 而 生 通 常 情 况 下, 计 算 机 在 处 理 文 件 时, 是 完 整 地 进 行 处 理 的, 也 就 是 说 文 件 在 被 处 理 的 时 候 必 须 是 一 个 完 整 的 整 体 文 件 一 旦 遭 到 损 坏, 或 者 只 有 一 半 的 内 容, 那 么 计 算 机 将 认 为 该 文 件 是 坏 的, 是 不 可 处 理 的 如 果 这 套 原 则 也 同 时 适 用 于 网 络 多 媒 体 文 件 的 话, 我 们 看 看 那 会 是 什 么 样 的 情 形 : 以 一 个 5 分 钟 的 REAL 音 乐 文 件 为 例, 压 缩 后 体 积 约 为 600KB 在 网 络 环 境 下 完 整 传 输 大 概 需 要 3~4 分 钟 左 右 的 时 间 也 就 是 说 按 照 惯 例, 使 用 者 按 下 鼠 标 键 后, 最 快 也 要 3 分 钟 以 后 才 能 听 到 声 音 ; 如 果 是 100 分 钟 的 音 乐 文 件 呢? 那 么 使 用 者 要 坐 在 那 静 静 地 等 上 一 个 小 时 才 能 听 到 声 音, 这 显 然 不 符 合 人 们 日 常 的 使 用 习 惯 解 决 该 问 题 的 答 案 就 是 流 技 术 流 媒 体 是 从 英 语 Streaming Media 中 翻 译 过 来 的, 它 是 一 种 可 以 使 音 频 视 频 和 其 他 多 媒 体 信 息 能 够 在 Internet 及 Intranet 上 以 实 时 的 无 需 下 载 等 待 的 方 式 进 行 播 放 的 技 术 流 式 传 输 方 式 是 将 动 画 视 频 音 频 等 多 媒 体 文 件 经 过 特 殊 的 压 缩 方 式 分 成 一 个 个 压 缩 包, 由 视 频 服 务 器 向 用 户 计 算 机 连 续 实 时 传 送 在 采 用 流 式 传 输 方 式 的 系 统 中, 用 户 不 必 像 非 流 式 播 放 那 样 等 到 整 个 文 件 全 部 下 载 完 毕 后 才 能 看 到 其 中 的 内 容, 而 是 只 需 经 过 几 秒 或 几 十 秒 的 启 动 延 时, 就 可 以 在 用 户 的 计 算 机 上 利 用 相 应 的 播 放 器 或 其 他 的 硬 件 软 件, 对 压 缩 的 动 画 视 频 音 频 等 流 式 多 媒 体 文 件 解 压 后 进 行 播 放 和 观 看, 流 媒 体 文 件 的 剩 余 部 分 将 在 后 台 的 服 务 器 内 继 续 下 载 这 种 一 边 接 收, 一 边 处 理 的 方 式, 很 好 地 解 决 了 多 媒 体 信 息 在 网 络 上 的 传 输 问 题 使 用 者 可 以 不 必 等 待 太 长 的 时 间, 就 能 收 听 收 看 到 多 媒 体 信 息, 并 且 在 此 之 后 一 边 播 放, 一 边 接 收, 根 本 不 会 感 觉 到 文 件 没 有 传 完 到 目 前 为 止,Internet 上 使 用 较 多 的 流 媒 体 格 式 主 要 有 Real Networks 公 司 的 Real System Microsoft 公 司 的 Windows Media Technology 和 Apple 公 司 的 QuickTime, 它 们 是 网 上 流 媒 体 传 输 系 统 的 三 大 主 流 (1)Real System Real System 流 媒 体 文 件 包 括 RealAudio Real Video Real Presentation 和 Real Flash 四 类 文 件, 分 别 用 于 传 送 不 同 的 文 件 Real System 采 用 Sure Stream 技 术, 自 动 并 持 续 地 调 整 数 据 流 的 流 量, 以 适 应 实 际 应 用 中 各 种 不 同 网 络 带 宽 的 需 求, 轻 松 地 在 网 上 实 现 视 频 音 频 和 三 维 动 画 的 播 放 由 于 其 成 熟 稳 定 的 技 术 性 能,Internet 巨 人 美 国 在 线 (AOL) ABC AT&T Sony 和 Time Life 等 公 司 和 网 上 主 要 电 台 都 使 用 Real System 向 世 界 各 地 传 送 实 时 影 音 媒 体 信 息 以 及 实 时 的 音 乐 广 播 在 我 国, 大 量 的 影 视 音 乐 点 播 和 春 节 晚 会 昆 明 世 博 会 开 幕 式 的 网 上 直 播 都 采 用 了 Real System 系 统 (2)Windows Media Technology Windows Media Technology 是 Microsoft 提 出 的 信 息 流 式 播 放 方 案, 其 核 心 是 ASF (Advanced Stream Format) 文 件,ASF 是 一 种 包 含 音 频 视 频 图 像 以 及 控 制 命 令 脚 本 等 多 媒 体 信 息 在 内 的 数 据 格 式, 通 过 分 解 成 一 个 个 的 网 络 数 据 包 在 Internet 上 传 输, 实 现 流 式 多 媒 体 内 容 发 布 Windows Media 可 以 用 于 娱 乐 培 训 和 在 线 教 育 等 方 面 (3)QuickTime 目 前,FOX 新 闻 在 线 FOX 体 育 在 线 BBC WORLD 气 象 频 道 (Weather Channel) 等 机 构 都 加 入 了 QuickTime 内 容 供 应 商 行 列, 使 用 QuickTime 技 术 制 作 实 况 转 播 节 目

38 32 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 2. 流 媒 体 编 辑 加 工 目 前 最 流 行 的 流 媒 体 加 工 制 作 工 具 有 Microsoft Windows Media Author 和 Real Networks 公 司 的 Real Producer Plus G2, 使 用 它 们 可 以 将 图 片 声 音 和 视 频 等 多 媒 体 信 息 非 常 方 便 地 组 合 起 来, 生 成 适 合 在 网 络 上 传 输 的 流 媒 体 文 件 Microsoft Windows Media Author 是 一 款 微 软 公 司 出 品 的 流 媒 体 制 作 软 件 可 以 将 图 片 和 声 音 等 多 媒 体 信 息 进 行 简 单 的 组 合, 然 后 按 照 设 定 将 所 有 信 息 编 码 成 一 个 ASF 文 件 它 最 大 的 特 点 是 可 以 通 过 编 写 定 位 标 签, 方 便 浏 览 者 跳 转 到 指 定 的 播 放 位 置 而 且 由 于 是 微 软 的 产 品, 所 以 在 新 版 本 的 Windows IE 浏 览 器 中, 不 用 安 装 额 外 的 程 序 就 能 浏 览 该 多 媒 体 文 件 的 信 息 Real Producer Plus G2 出 自 著 名 的 Real Networks 公 司, 是 一 款 专 业 流 媒 体 文 件 制 作 工 具 由 于 它 的 播 放 程 序 RealPlayer 的 普 及 程 度 非 常 高, 已 经 成 了 多 媒 体 影 音 文 件 事 实 上 的 标 准 除 了 压 缩 比 大, 采 用 流 形 式 播 放 外,Sure Stream( 稳 定 的 流 ) 技 术 也 是 其 一 大 特 点 该 技 术 能 将 适 合 不 同 速 率 的 影 音 文 件 流 汇 集 在 一 个 文 件 里, 在 播 放 时 自 动 根 据 连 接 的 情 况 选 择 最 佳 的 速 率 ( 需 要 架 设 Real Server 服 务 器 ) 此 外, 它 的 播 放 器 还 能 播 放 Flash 矢 量 动 画 在 后 续 章 节 中, 我 们 将 使 用 SMIL 语 言 编 写 网 络 多 媒 体 文 档, 通 过 RealPlayer 或 RealOne Player 进 行 播 放 3.3 多 媒 体 系 统 创 作 工 具 简 介 多 媒 体 系 统 创 作 工 具 ( 多 媒 体 著 作 工 具 ) 用 于 组 织 和 编 排 多 媒 体 项 目 各 元 素, 用 来 制 作 用 户 界 面, 按 照 超 文 本 结 构 组 织 编 辑 各 种 媒 体, 开 发 具 有 人 机 交 互 功 能 的 多 媒 体 程 序 国 内 外 许 多 大 型 软 件 公 司 相 继 推 出 了 一 系 列 多 媒 体 系 统 创 作 工 具, 大 大 简 化 了 多 媒 体 产 品 的 开 发 制 作 过 程 借 助 这 些 工 具 软 件, 制 作 者 可 以 简 单 直 观 地 编 制 程 序 调 度 各 种 媒 体 信 息 设 计 用 户 界 面 等, 从 而 摆 脱 繁 琐 的 底 层 设 计 工 作, 将 注 意 力 集 中 于 多 媒 体 系 统 的 创 意 和 设 计 常 用 的 多 媒 体 系 统 开 发 工 具 包 括 演 示 工 具 PowerPoint, 著 作 工 具 ToolBook Authorware Director, 网 页 开 发 工 具 FrontPage DreamWeaver, 高 级 语 言 Visual C++ Visual Basic 等 基 于 光 盘 的 多 媒 体 系 统 创 作 工 具 光 盘 (compact disc,cd) 存 储 器 在 多 媒 体 的 发 展 史 上 起 了 相 当 重 要 的 作 用, 在 网 络 还 不 发 达 的 国 家 里,CD 是 发 行 多 媒 体 节 目 的 主 要 手 段 多 媒 体 系 统 的 特 点 之 一 就 是 数 据 量 大, 作 为 存 储 多 媒 体 数 据 的 光 盘 的 广 泛 使 用, 使 得 多 媒 体 节 目 能 够 广 泛 流 行 在 制 作 多 媒 体 节 目 时, 若 纯 粹 采 用 高 级 语 言 进 行 多 媒 体 项 目 的 制 作, 工 作 量 大 并 且 难 度 高 这 样 多 媒 体 系 统 创 作 工 具 就 应 运 而 生, 其 特 点 是 容 易 学 习 和 使 用, 所 见 即 所 得 的

39 第 3 章 多 媒 体 技 术 类 毕 业 设 计 综 述 33 设 计 风 格 使 整 个 多 媒 体 项 目 的 开 发 周 期 大 大 缩 短 多 媒 体 系 统 创 作 工 具 具 有 对 各 种 媒 体 的 集 成 与 控 制 能 力, 能 实 现 随 机 交 互 功 能, 能 生 成 可 以 脱 离 创 作 平 台 进 行 独 立 播 放 的 应 用 系 统 多 媒 体 系 统 创 作 工 具 按 其 创 作 特 点 分 类, 可 以 分 成 演 示 工 具 基 于 Script 语 言 的 工 具 基 于 流 程 图 的 工 具 和 基 于 时 间 序 列 的 工 具 1. 演 示 工 具 PowerPoint PowerPoint 是 一 种 专 门 用 于 制 作 演 示 用 的 多 媒 体 简 报 制 作 工 具, 它 以 页 为 单 位 制 作 演 示 文 稿, 然 后 将 制 作 好 的 页 集 成 起 来 利 用 PowerPoint, 可 以 非 常 方 便 地 制 作 各 种 文 字, 绘 制 图 形, 加 入 图 像 声 音 动 画 视 频 影 像 等 各 种 媒 体 信 息, 并 根 据 需 要 设 计 各 种 演 示 效 果 通 过 使 用 OLE 功 能, 我 们 可 以 把 其 他 应 用 程 序 中 的 图 像 和 数 据 植 入 PowerPoint 中, 也 可 以 把 演 示 内 容 从 PowerPoint 中 加 到 其 他 应 用 程 序, 在 PowerPoint 与 其 他 应 用 程 序 之 间 建 立 活 的 联 系 PowerPoint 广 泛 应 用 于 教 师 上 课 多 媒 体 课 件 的 制 作, 缺 点 是 缺 乏 各 种 特 殊 效 果, 动 画 制 作 能 力 比 较 差 2. 基 于 描 述 语 言 的 工 具 ToolBook ToolBook 是 美 国 Asymetrix 公 司 推 出 的 一 种 面 向 对 象 的 多 媒 体 开 发 工 具, 同 该 软 件 名 称 一 样, 用 ToolBook 制 作 多 媒 体 项 目 的 过 程 就 像 写 一 本 书 : 首 先 建 立 一 本 书 的 整 体 框 架, 然 后 在 书 中 添 加 页, 再 把 文 字 图 像 按 钮 等 对 象 放 入 页 中, 之 后 使 用 系 统 提 供 的 程 序 设 计 语 言 OpenScript 编 写 脚 本, 确 定 各 种 对 象 在 多 媒 体 项 目 中 的 作 用 播 放 过 程 中, 当 以 某 种 方 式 触 发 对 象 时, 则 按 该 对 象 的 脚 本 执 行 相 应 的 操 作 这 种 电 子 书 尽 管 制 作 稍 显 复 杂, 但 表 现 力 强 交 互 性 好, 制 作 的 节 目 具 有 很 大 的 弹 性 和 灵 活 性, 适 用 于 创 作 功 能 丰 富 的 多 媒 体 读 物 3. 基 于 流 程 图 的 工 具 Authorware 这 是 一 种 基 于 流 程 图 标 的 可 视 化 交 互 式 多 媒 体 创 作 工 具, 它 允 许 开 发 者 使 用 文 字 图 片 动 画 声 音 数 字 电 影 等 信 息 创 建 交 互 式 的 程 序 Authorware 的 开 发 以 流 程 图 标 的 编 辑 为 主, 同 时 引 进 了 函 数 变 量 动 态 链 接 库 作 为 扩 充 机 制, 使 开 发 者 能 够 在 较 短 的 时 间 内 创 作 出 高 水 平 的 多 媒 体 交 互 软 件 Authorware 中 最 基 本 的 概 念 是 图 标 (Icon), 其 编 辑 制 作 过 程 是 : 用 系 统 提 供 的 图 标 先 建 立 应 用 程 序 的 流 程 图, 然 后 通 过 选 中 图 标, 打 开 相 应 的 对 话 框 提 示 窗 及 系 统 提 供 的 图 形 文 字 动 画 等 编 辑 器, 逐 个 编 辑 图 标, 添 加 内 容 整 个 制 作 过 程 以 流 程 图 为 基 本 依 据, 非 常 直 观 并 且 具 有 较 强 的 整 体 感, 作 者 通 过 流 程 图 可 以 直 接 掌 握 和 控 制 系 统 的 整 体 结 构 Authorware 还 提 供 了 简 单 的 动 画 功 能, 并 能 打 包 成 可 执 行 文 件, 脱 离 原 编 辑 环 境 直 接 使 用 如 果 与 3DMAX Photoshop Flash 等 制 作 动 画 影 像 的 软 件 结 合 使 用, 能 够 制 作 出 非 常 优 秀 的 多 媒 体 软 件 Authorware 被 认 为 是 目 前 交 互 功 能 最 强 大 的 多 媒 体 系 统 创 作 工 具, 广 泛 应 用 于 计 算 机 辅 助 教 学 与 训 练

40 34 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 4. 基 于 时 间 序 列 的 工 具 Director 通 过 时 间 线 (Timeline) 来 决 定 事 件 的 顺 序 和 对 象 出 现 的 时 间 段 Director 提 供 了 能 够 方 便 地 控 制 电 影 运 行 的 Lingo 语 言, 使 用 Lingo 语 言, 不 仅 可 以 自 由 地 控 制 电 影 的 运 行 停 止 和 跳 转, 还 可 以 自 由 控 制 各 种 媒 体 文 件, 比 如 视 频 音 频 和 Flash 等 的 播 放 Director 适 用 于 信 息 从 头 到 尾 顺 序 播 放 的 影 视 创 作 系 统, 主 要 用 来 制 作 电 影 卡 通 片 等 交 互 性 不 强 的 广 告 和 影 视 节 目 基 于 网 络 的 多 媒 体 系 统 创 作 工 具 20 世 纪 90 年 代 中 期, 多 媒 体 制 作 主 要 围 绕 光 盘 存 储 器, 大 多 数 多 媒 体 创 作 工 具 也 是 围 绕 这 个 目 的 开 发 的, 但 随 着 网 络 技 术 的 飞 速 发 展, 多 媒 体 制 作 需 要 从 以 光 盘 为 中 心 转 向 以 网 络 为 中 心, 制 作 的 多 媒 体 内 容 必 须 能 够 在 网 络 上 快 速 进 行 传 输 1.HTML 语 言 超 文 本 标 记 语 言 HTML(hypertext markup language) 是 组 织 网 络 多 媒 体 文 档 的 重 要 语 言,HTML 可 以 用 来 编 辑 文 档, 建 立 链 接, 插 入 图 像 声 音 和 视 频, 它 不 仅 用 来 编 写 Web 网 页, 而 且 现 在 存 储 于 光 盘 上 的 多 媒 体 节 目 也 越 来 越 多 地 使 用 HTML 进 行 制 作 HTML 语 言 是 一 种 标 记 性 语 言, 它 由 许 多 标 记 命 令 所 组 成, 比 较 难 以 记 忆 HotDog 等 HTML 标 记 编 辑 器 可 以 将 HTML 的 标 记 命 令 简 化 为 按 钮 或 菜 单 项 形 式, 用 户 只 要 单 击 标 记 命 令 按 钮 或 菜 单 项, 编 辑 器 就 会 自 动 地 将 该 标 记 命 令 粘 贴 到 页 面 中, 方 便 了 用 户 的 编 写 对 于 初 学 者, 还 可 以 使 用 所 见 即 所 得 的 可 视 化 网 页 制 作 工 具, 如 FrontPage DreamWeaver 等 软 件 编 写 多 媒 体 页 面 文 档 使 用 脚 本 语 言, 如 JavaScript 或 VBScript 等 可 以 实 现 动 态 网 页 设 计 2.XML 语 言 HTML 是 Web 历 史 上 最 成 功 的 文 档 格 式, 它 具 有 易 学 性 和 通 用 性, 语 法 简 单 精 练 但 是, 许 多 比 较 特 殊 或 专 门 格 式 的 文 件 采 用 现 有 的 HTML 语 言 是 无 法 处 理 的, 如 数 学 公 式 化 学 方 程 式 及 工 程 应 用 等 等 HTML 描 述 的 是 数 据 的 显 示 方 式, 可 扩 展 标 记 语 言 XML (extensible markup language) 描 述 的 是 数 据 本 身, 它 突 破 了 HTML 固 定 标 记 的 约 束 XML 应 用 到 商 业 上 可 以 实 现 自 动 化 的 电 子 商 务 ; 应 用 在 金 融 机 构 中 的 可 交 换 数 据 格 式 (OFX), 可 以 实 现 电 子 支 付 等 自 动 化 的 信 息 流 转 工 作 ; 在 教 育 中, 网 络 教 学 课 程 规 范 (IMS) 正 在 成 为 远 程 教 育 和 虚 拟 学 校 的 信 息 表 达 格 式 ; 我 们 在 案 例 分 析 中 所 使 用 的 同 步 多 媒 体 集 成 语 言 SMIL 和 无 线 标 记 语 言 WML 则 是 XML 应 用 于 流 媒 体 和 WAP 页 面 开 发 的 实 例 3.VRML 语 言 虚 拟 现 实 造 型 语 言 (virtual reality modeling language,vrml) 是 一 种 用 来 描 述 万 维 网 页 面 上 三 维 交 互 环 境 的 文 件 格 式 VRML 的 基 本 原 理 同 HTML 一 样 简 单, 都 是 用 一 系 列 指 令 告 诉 浏 览 器 如 何 显 示 一 个 文 档, 它 们 都 是 描 述 万 维 网 页 面 的 标 记 语 言 与 HTML 不 同 的

41 第 3 章 多 媒 体 技 术 类 毕 业 设 计 综 述 35 是, 以 HTML 为 核 心 的 万 维 网 浏 览 器 浏 览 的 是 二 维 世 界, 而 以 VRML 为 核 心 的 万 维 网 浏 览 器 浏 览 的 是 三 维 世 界, 我 们 可 以 使 用 鼠 标 在 这 个 虚 拟 世 界 里 到 处 逛 一 逛, 而 不 是 像 在 二 维 世 界 里 一 页 一 页 的 显 示 体 验 三 维 世 界 需 要 有 能 接 收 和 再 现 VRML 文 件 的 浏 览 器 目 前 有 两 种 类 型, 一 种 是 插 入 型, 把 VRML 浏 览 软 件 ( 如 Cosmo Player) 插 入 到 HTML 万 维 网 浏 览 器 中 ; 另 一 种 是 使 用 单 独 的 VRML 浏 览 器 高 级 语 言 用 于 多 媒 体 系 统 创 作 虽 然 多 媒 体 系 统 创 作 工 具 可 以 设 计 内 容 丰 富 的 多 媒 体 应 用 程 序, 但 由 于 这 些 工 具 是 为 媒 体 数 据 传 输 特 别 设 计 的, 往 往 不 如 程 序 设 计 语 言 灵 活 有 效 有 编 程 经 验 的 多 媒 体 项 目 开 发 者 往 往 对 可 视 化 编 程 环 境 情 有 独 钟,Visual C++ Visual Basic 是 目 前 被 广 泛 应 用 于 多 媒 体 系 统 创 作 的 高 级 语 言 任 何 一 种 程 序 设 计 语 言 都 离 不 开 操 作 系 统, 用 Visual C++ Visual Basic 开 发 多 媒 体 应 用 程 序, 实 际 上 是 利 用 了 Windows 操 作 系 统 的 多 媒 体 服 务 功 能 Windows 操 作 系 统 提 供 的 多 媒 体 服 务, 向 用 户 提 供 了 控 制 不 同 多 媒 体 设 备 的 接 口, 包 括 MCI 控 件 MCI 指 令 字 符 串 和 API 函 数 调 用 等 如 图 3-12 所 示, 在 Visual Basic 中 使 用 Microsoft Multimedia Control 6.0 控 件 实 现 了 多 媒 体 播 放 器 的 设 计 图 3-12 使 用 MCI 控 件 实 现 的 媒 体 播 放 器

42 第 4 章 课 件 类 论 文 案 例 分 析 计 算 机 辅 助 教 学 (Computer Assisted Instruction,CAI) 是 利 用 计 算 机 来 完 成 或 辅 助 完 成 教 学 任 务 的 新 兴 技 术 它 是 一 门 涉 及 教 育 学 心 理 学 计 算 机 科 学 以 及 相 关 课 程 专 业 知 识 的 综 合 性 交 叉 学 科, 具 有 个 性 化 交 互 性 等 特 点 多 媒 体 计 算 机 辅 助 教 学 (multi media computer assisted instruction,mmcai) 是 多 媒 体 技 术 与 CAI 技 术 结 合 的 产 物 它 突 破 了 传 统 教 学 方 法 的 限 制, 从 根 本 上 影 响 和 改 变 了 学 校 的 教 学 过 程, 把 原 本 抽 象 枯 燥 的 教 学 内 容 用 生 动 的 图 像 动 画 和 音 像 等 多 种 媒 体 信 息 表 示, 给 学 生 以 身 临 其 境 的 感 觉, 有 助 于 激 发 学 生 的 学 习 兴 趣 和 求 知 欲, 从 而 提 高 学 生 的 学 习 效 率 在 多 媒 体 计 算 机 辅 助 教 学 过 程 中, 多 媒 体 课 件 的 使 用 起 到 了 一 个 非 常 重 要 的 作 用 多 媒 体 课 件 是 根 据 教 学 目 标 设 计 的 计 算 机 程 序, 它 依 托 计 算 机 技 术 和 多 媒 体 技 术, 将 文 字 图 像 动 画 声 音 视 频 等 资 源, 根 据 教 学 内 容 有 机 地 结 合 在 一 起, 通 过 交 互 式 的 多 媒 体 课 件, 使 教 与 学 成 为 一 个 互 动 的 过 程, 并 起 到 事 半 功 倍 的 作 用 如 何 将 教 学 内 容 和 多 媒 体 表 现 形 式 紧 密 地 结 合 在 一 起, 使 之 更 好 地 为 教 学 服 务, 是 多 媒 体 课 件 制 作 过 程 中 的 核 心 问 题, 它 要 求 制 作 者 具 有 较 高 的 制 作 水 平 和 较 强 的 艺 术 表 现 能 力 4.1 课 件 类 论 文 概 述 多 媒 体 课 件 是 由 教 学 设 计 者 根 据 教 学 目 标 教 学 任 务 编 制 的 程 序 多 媒 体 课 件 设 计 时 应 根 据 课 件 的 不 同 类 型, 采 用 不 同 的 工 具 和 方 法 进 行 开 发 课 件 的 分 类 多 媒 体 课 件 的 类 型 可 以 根 据 课 件 的 使 用 者 和 课 件 的 运 行 环 境 进 行 分 类 1. 根 据 课 件 的 使 用 者 分 类 在 实 际 应 用 中, 按 照 多 媒 体 教 学 课 件 内 容 和 作 用 的 不 同, 可 以 将 多 媒 体 课 件 分 为 基 于 教 师 的 课 件 和 基 于 学 生 的 课 件 基 于 教 师 的 课 件 主 要 通 过 PowerPoint 等 演 示 工 具 开 发, 提 供 教 师 在 课 堂 教 学 演 示 时 使 用 基 于 学 生 的 课 件 分 为 模 拟 型 自 学 型 等 模 拟 型 课 件 主 要 借 助 计 算 机 仿 真 技 术, 演 示 现 实 中 难 以 再 现 的 现 象, 供 学 生 进 行 模 拟 实 验, 或 进 行 一 些 特 殊 的 研 究 自 学 型 课 件 提 供 完 整 的 教 学 内 容 和 习 题, 采 用 人 机 交 互 的 手 段, 便 于 学 生 自 主 学 习 2. 根 据 课 件 的 运 行 环 境 进 行 分 类 根 据 课 件 的 运 行 环 境, 课 件 可 以 分 为 基 于 网 络 的 课 件 (WWW 课 件 ) 和 基 于 光 盘 的 课

43 第 4 章 课 件 类 论 文 案 例 分 析 37 件 ( 非 WWW 课 件 ) 非 WWW 课 件 是 指 运 行 在 单 机 环 境 或 局 域 网 环 境 的 课 件 这 类 课 件 采 用 基 于 光 盘 的 多 媒 体 系 统 创 作 工 具 进 行 开 发 这 些 课 件 有 着 基 本 一 致 的 功 能 : 集 成 多 种 媒 体, 按 顺 序 安 排 各 种 媒 体 出 现 的 时 间 及 场 合, 根 据 有 限 的 用 户 操 作 ( 单 击 按 钮 选 择 图 标 等 ) 来 控 制 一 些 事 件 的 发 生 想 要 对 这 些 课 件 进 行 扩 展 或 修 改 是 非 常 不 易 的, 开 发 和 维 护 成 本 高, 开 放 性 和 重 用 性 差 WWW 课 件 是 指 以 Internet 为 运 行 环 境 并 采 用 WWW 技 术 的 课 件 这 类 课 件 以 HTML 超 文 本 语 言 为 主 要 表 达 语 言, 配 合 JavaScript VBScript DHTML 等 简 单 的 编 程 语 言, 以 及 数 据 库 等 技 术, 制 作 成 交 互 性 较 强 的 网 络 型 课 件 多 媒 体 化 网 络 化 智 能 化 是 这 类 CAI 课 件 的 基 本 特 征 多 媒 体 的 表 现 形 式 有 利 于 激 发 学 生 的 想 象 力 和 对 课 程 的 兴 趣 网 络 化 环 境 提 高 了 CAI 课 件 的 利 用 率, 有 利 于 教 师 与 学 生 的 交 流 以 及 课 件 的 统 一 管 理 完 全 智 能 化 的 CAI 课 件, 虽 然 现 在 还 很 难 达 到, 但 利 用 简 明 的 交 互 界 面, 为 用 户 提 供 一 定 的 选 择 自 由 是 完 全 可 以 实 现 的 课 件 的 制 作 如 何 制 作 融 教 育 性 科 学 性 艺 术 性 和 技 术 性 为 一 体 的 多 媒 体 教 学 课 件 呢? 首 先, 应 该 明 确 教 学 中 心 思 想, 从 中 提 出 教 学 的 重 点 难 点 然 后, 再 结 合 教 学 内 容 和 学 习 对 象, 制 定 出 具 体 的 制 作 方 法 内 容 的 选 取 要 以 教 材 为 蓝 本, 从 实 现 教 学 目 标 完 成 教 学 任 务 的 需 要 出 发, 对 教 材 进 行 提 示 和 补 充 多 媒 体 课 件 制 作 时 要 注 意 下 面 几 个 原 则 科 学 性 与 教 育 性 : 课 件 中 不 能 出 现 知 识 技 能 专 业 术 语 的 错 误 内 容 的 深 度 和 广 度 要 恰 当, 难 度 要 适 中 课 件 要 充 分 恰 当 适 时 地 体 现 教 学 内 容 交 互 性 : 充 分 利 用 人 机 交 互 的 功 能, 发 挥 学 生 的 创 造 力 提 供 学 习 的 评 估 功 能, 记 录 和 反 映 学 生 的 学 习 情 况 对 学 生 的 回 答 做 出 恰 当 的 判 断 并 具 备 纠 错 能 力 美 观 性 : 画 面 中 的 文 字 图 像 菜 单 按 钮 等 元 素 合 理 安 排 风 格 统 一, 动 画 使 用 得 当 动 作 连 贯 多 媒 体 教 学 课 件 的 设 计 与 制 作 过 程 一 般 包 括 课 题 分 析 教 学 设 计 素 材 准 备 软 件 制 作 等 步 骤 由 于 多 媒 体 教 学 课 件 是 针 对 教 学 的, 因 此, 在 课 件 设 计 过 程 中 要 符 合 教 学 规 律, 做 好 教 学 设 计 系 统 结 构 设 计 以 及 界 面 设 计 等 工 作, 使 设 计 出 的 教 学 课 件 适 用 于 教 学, 取 得 良 好 的 效 果 1. 课 题 分 析 课 题 分 析 就 是 针 对 某 一 门 课 程 是 否 需 要 使 用 多 媒 体 作 为 辅 助 教 学 手 段 进 行 分 析, 包 括 使 用 多 媒 体 的 必 要 性 技 术 上 的 可 行 性 以 及 是 否 有 条 件 采 集 针 对 该 课 程 的 多 媒 体 元 素 资 料 等 一 门 课 程 如 果 具 有 下 面 的 特 点 之 一, 则 适 合 使 用 多 媒 体 技 术 作 为 教 学 手 段 在 教 学 过 程 中, 需 要 使 用 大 量 的 图 片 或 其 他 多 媒 体 元 素 对 教 学 重 点 或 难 点 进 行 解 释 ; 教 学 中 有 些 概 念 比 较 抽 象, 难 以 用 文 字 说 明 清 楚 ; 需 要 根 据 学 生 对 于 课 程 的 理 解 动 态 地 调 整 课 程 的 难 度 或 内 容 ; 需 要 对 学 生 的 学 习 过 程 进 行 追 踪 等

44 38 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 2. 教 学 设 计 在 多 媒 体 教 学 课 件 的 设 计 过 程 中, 教 学 设 计 是 很 重 要 的 一 步 教 学 设 计 以 分 析 教 学 需 求 为 基 础, 从 而 确 定 解 决 教 学 问 题 的 策 略 方 法 和 步 骤 在 教 学 设 计 中, 要 明 确 多 媒 体 课 件 的 基 本 内 容 与 功 能, 以 及 技 术 实 现 的 重 点 和 难 点, 需 要 实 现 的 目 标 等 内 容 选 取 要 以 用 户 的 实 际 需 求 为 根 本 原 则, 针 对 不 同 的 教 学 对 象, 根 据 教 学 目 标 选 择 媒 体, 并 且 把 它 们 合 理 地 组 织 起 来 总 体 设 计 是 设 计 过 程 中 最 重 要 的 一 环, 它 是 形 成 课 件 设 计 总 体 思 路 的 过 程, 决 定 了 后 续 开 发 的 方 方 面 面 总 计 设 计 完 成 后, 应 在 一 定 范 围 内 征 求 意 见, 尤 其 是 征 求 最 终 用 户 ( 学 生 ) 的 意 见, 并 根 据 征 求 的 意 见 进 行 修 订, 以 达 到 最 优 化 的 目 的, 减 少 后 续 开 发 过 程 中 修 订 的 工 作 量 在 进 行 总 体 设 计 时, 应 注 意 : (1) 内 容 组 织 课 程 内 容 采 用 模 块 化 的 组 织 方 法, 模 块 的 划 分 应 具 有 相 对 的 独 立 性, 基 本 以 知 识 点 或 教 学 单 元 为 依 据 课 程 内 容 的 组 织 以 具 有 良 好 导 航 结 构 的 页 面 为 主, 链 接 到 各 个 知 识 点 如 果 在 课 件 中 需 要 进 行 自 我 测 试 的 话, 自 测 部 分 可 根 据 具 体 的 知 识 点 进 行 设 置 模 块 组 织 结 构 应 具 有 开 放 性 和 可 扩 充 性, 课 程 结 构 应 为 动 态 层 次 结 构, 而 且 要 建 立 起 相 关 知 识 点 间 的 关 联, 确 保 用 户 在 学 习 或 教 学 过 程 中 可 根 据 需 要 跳 转 (2) 内 容 表 现 在 课 件 的 内 容 表 现 上, 文 字 要 精 炼 准 确, 构 图 要 合 理 美 观, 画 面 要 清 晰 稳 定, 色 彩 要 明 快 简 洁, 动 画 影 像 播 放 要 流 畅 并 具 有 真 实 感 构 图 是 指 画 面 的 结 构 布 局 构 图 的 基 本 要 求 是 设 计 好 屏 幕 的 空 间 关 系, 使 画 面 新 颖 简 洁, 主 体 部 分 突 出, 具 有 艺 术 感 染 力, 使 教 学 内 容 形 象 地 展 示 在 学 习 者 面 前 色 彩 的 选 择 应 清 晰 明 快 简 洁, 颜 色 搭 配 合 理, 主 题 与 背 景 在 色 彩 上 要 有 鲜 明 的 对 比 色 调 要 与 内 容 相 适 应, 背 景 颜 色 应 与 前 景 颜 色 协 调, 每 一 个 页 面 之 间 的 变 化 不 宜 太 大 动 画 是 课 件 的 重 要 表 现 形 式 动 画 的 造 型 要 合 乎 教 学 内 容 的 要 求, 比 喻 和 夸 张 要 合 理, 动 作 应 尽 量 逼 真, 动 画 要 尽 可 能 接 近 事 实 影 像 的 目 的 是 突 出 教 学 重 点 和 难 点, 增 加 可 信 度 由 于 动 态 影 像 的 信 息 量 大, 受 网 络 带 宽 的 限 制, 播 放 可 能 会 出 现 停 顿 现 象, 这 时 应 适 当 减 小 影 像 的 播 放 窗 口, 要 尽 可 能 采 用 流 媒 体 技 术 在 声 音 质 量 上, 应 要 求 解 说 准 确 无 误, 通 俗 生 动, 流 畅 清 晰 声 音 出 现 的 时 机 要 恰 当, 效 果 要 逼 真, 背 景 音 乐 要 紧 扣 主 题, 有 利 于 激 发 感 情, 增 强 记 忆 在 声 音 的 处 理 上 要 慎 重 筹 划, 要 考 虑 网 络 带 宽 的 制 约, 应 与 影 像 结 合 起 来 综 合 平 衡 设 计 时 要 注 意 : 在 同 一 个 页 面 中 不 宜 同 时 出 现 过 多 的 动 态 区 域 课 件 的 各 个 部 分 应 保 持 统 一 的 风 格 和 操 作 界 面, 控 制 功 能 操 作 方 法 要 符 合 常 规 习 惯 课 程 内 容 的 设 计 应 尽 量 加 入 交 互 方 式, 激 发 学 生 在 学 习 过 程 中 主 动 参 与 积 极 思 考 在 疑 难 知 识 点 上 充 分 发 挥 多 媒 体 的 功 能, 展 现 其 内 涵, 使 学 生 能 够 深 刻 体 会, 从 而 有 利 于 培 养 学 生 获 取 知 识 的 能 力 和 创 新 能 力

45 第 4 章 课 件 类 论 文 案 例 分 析 39 允 许 学 习 者 对 课 程 中 的 有 关 图 片 资 料 动 画 选 择 浏 览 或 不 浏 览, 也 可 选 择 背 景 音 乐 开 或 关, 以 及 配 音 解 说 的 开 或 关 课 程 每 个 知 识 点 都 应 提 供 相 关 的 参 考 文 献 资 料 链 接, 以 拓 宽 学 生 的 知 识 面 (3) 内 容 导 航 鉴 于 课 程 信 息 量 巨 大, 内 部 信 息 之 间 的 关 系 可 能 异 常 复 杂 因 此 除 了 要 求 在 信 息 结 构 上 合 理 设 计 外, 对 信 息 的 导 航 策 略 要 求 也 十 分 高, 要 求 导 航 设 计 清 晰 明 确 简 单, 符 合 学 生 认 知 心 理, 否 则, 学 生 容 易 迷 失 方 向 导 航 策 略 用 于 课 件, 实 际 上 是 教 学 策 略 的 体 现 这 是 一 种 避 免 学 习 者 偏 离 教 学 目 标, 引 导 学 习 者 进 行 有 效 学 习, 提 高 学 习 效 率 的 策 略 它 是 决 定 课 件 质 量 的 关 键 因 素, 因 此 需 要 精 心 设 计 3. 素 材 准 备 素 材 准 备 就 是 根 据 脚 本 的 要 求, 准 备 所 需 要 的 媒 体 元 素, 包 括 文 字 图 片 声 音 动 画 视 频 等, 并 将 它 们 转 换 为 制 作 工 具 所 支 持 的 数 据 文 件, 以 便 进 行 软 件 制 作 在 准 备 素 材 时 应 注 意 以 下 几 个 方 面 文 字 内 容 要 简 明 扼 要 对 于 文 字 内 容 中 关 键 性 的 标 题 结 论 总 结 等, 用 不 同 的 字 体 字 号 字 形 和 颜 色 加 以 区 别 文 字 和 背 景 的 颜 色 搭 配 要 合 理, 颜 色 搭 配 的 原 则 是 醒 目 易 读, 一 般 文 字 颜 色 以 亮 色 为 主, 背 景 颜 色 以 暗 色 为 主 声 音 素 材 主 要 包 括 人 声 背 景 音 乐 和 音 响 效 果 声 人 声 主 要 用 于 解 说 合 理 地 加 入 一 些 背 景 音 乐 和 音 响 效 果, 可 以 更 好 地 表 达 所 要 传 达 的 内 容 选 用 的 背 景 音 乐 和 音 响 效 果 要 与 内 容 相 符, 同 时 要 制 作 背 景 音 乐 的 开 关 按 钮 或 菜 单, 便 于 用 户 控 制 大 量 的 真 彩 色 图 像 三 维 动 画 及 高 音 质 的 声 音 视 频 会 造 成 文 件 变 大, 给 安 装 使 用 带 来 不 便 素 材 准 备 过 程 中, 在 不 影 响 其 功 能 的 前 提 下, 应 尽 量 进 行 压 缩 4. 软 件 制 作 根 据 不 同 类 型 的 多 媒 体 课 件, 选 择 合 适 的 多 媒 体 开 发 工 具, 采 用 快 速 原 型 法 对 采 集 到 的 素 材 进 行 合 成 在 制 作 过 程 中, 不 断 地 进 行 测 试, 根 据 测 试 结 果 不 断 完 善, 最 终 实 现 多 媒 体 课 件 的 集 成 性 和 交 互 性 在 软 件 制 作 过 程 中, 界 面 的 制 作 非 常 关 键, 主 要 包 括 封 面 屏 幕 主 界 面 屏 幕 和 教 学 屏 幕 的 制 作 课 件 的 首 页 即 封 面, 这 是 一 个 课 件 的 开 始 封 面 屏 幕 一 般 包 括 课 件 名 称 课 件 作 者 制 作 时 间 版 权 等 一 般 采 用 图 形 动 画 声 音 等 多 种 手 段, 以 增 强 课 件 的 艺 术 气 氛 和 感 染 力 主 界 面 屏 幕 类 似 于 书 刊 的 目 录, 是 进 行 教 学 的 第 一 个 画 面, 通 常 采 用 菜 单 图 标 热 区 等 方 式, 提 供 关 于 学 习 内 容 的 选 择, 课 件 都 是 通 过 主 界 面 为 学 习 者 提 供 教 学 内 容 选 择 的 教 学 屏 幕 就 是 多 媒 体 课 件 开 展 教 学 活 动 的 屏 幕 画 面, 是 多 媒 体 课 件 完 成 教 学 任 务 的 主 要 场 所, 也 是 课 件 设 计 的 重 点 在 多 媒 体 课 件 中, 除 封 面 主 界 面 外, 其 余 画 面 均 为 教 学 屏 幕 教 学 屏 幕 反 映 了 一 定 的 教 育 思 想 教 学 过 程 和 教 学 策 略, 体 现 了 各 知 识 点 的 逻 辑 关

46 40 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 系 制 作 教 学 屏 幕 时, 要 正 确 选 择 色 彩 基 调, 并 注 意 对 比 统 一 与 和 谐 画 面 之 间 的 变 换 可 适 当 使 用 淡 入 淡 出 叠 加 分 裂 百 叶 窗 马 赛 克 等 转 场 效 果 解 说 词 每 秒 不 应 超 过 3 个 字, 应 当 生 动 朴 实 简 练 吐 字 清 晰, 每 句 话 每 个 词 都 应 紧 密 结 合 画 面, 准 确 地 表 达 内 容 4.2 非 WWW 课 件 信 息 对 抗 仿 真 实 验 系 统 案 例 分 析 本 课 件 属 于 基 于 学 生 的 模 拟 型 课 件, 课 件 的 目 的 是 提 供 一 个 仿 真 环 境, 通 过 对 图 标 的 设 计 与 控 制 达 到 模 拟 冰 河 炸 弹 等 黑 客 常 用 工 具 的 运 行, 供 同 学 进 行 模 拟 操 作 课 件 的 开 发 采 用 多 媒 体 著 作 工 具 Authorware 6.5 实 现 Authorware 简 介 Authorware 是 Macromedia 公 司 推 出 的 多 媒 体 创 作 工 具 软 件 它 采 用 面 向 对 象 的 程 序 设 计 思 想, 是 一 种 基 于 图 标 (Icon) 和 流 程 线 (Line) 的 多 媒 体 开 发 工 具 它 允 许 使 用 图 片 动 画 声 音 和 视 频 等 信 息 来 创 作 一 个 交 互 式 应 用 程 序 Authorware 通 过 设 计 图 标, 将 文 本 图 像 声 音 动 画 视 频 等 各 种 媒 体 素 材 有 效 地 集 成 在 一 起, 并 能 利 用 图 标 的 属 性 选 项 控 制 声 音 播 放 动 画 表 演 等 多 种 多 媒 体 演 示 同 步 进 行 Authorware 还 通 过 按 钮 热 区 热 对 象 下 拉 菜 单 条 件 按 钮 等 交 互 方 式, 使 程 序 具 有 友 好 的 灵 活 的 人 机 交 互 界 面 Authorware 以 流 程 线 为 主 线, 把 众 多 的 多 媒 体 元 素 交 给 其 他 软 件 处 理, 自 己 主 要 承 担 多 媒 体 素 材 的 集 成 和 组 织 工 作 它 易 学 易 用, 不 需 大 量 编 程, 使 得 不 具 有 编 程 能 力 的 人 员 也 能 创 作 出 高 水 平 的 多 媒 体 作 品, 对 于 专 业 开 发 人 员 或 非 专 业 开 发 人 员 都 是 一 个 很 好 的 选 择 1.Authorware 的 主 要 特 点 面 向 对 象 的 可 视 化 编 程 : 这 是 Authorware 区 别 于 其 他 软 件 的 一 大 特 色, 它 提 供 直 观 的 图 标 流 程 控 制 界 面, 通 过 对 各 种 不 同 图 标 进 行 布 局, 实 现 整 个 多 媒 体 应 用 系 统 的 制 作 它 一 改 传 统 的 编 程 方 式, 使 用 鼠 标 对 图 标 直 接 拖 放 来 替 代 复 杂 的 程 序 编 程 丰 富 的 人 机 交 互 方 式 : 提 供 了 多 种 内 置 的 与 用 户 进 行 交 互 的 响 应 方 式 丰 富 的 媒 体 元 素 使 用 方 法 : 除 了 本 身 具 有 一 定 的 绘 图 功 能, 可 以 非 常 方 便 地 编 辑 各 种 图 形, 对 文 字 实 行 多 样 化 的 处 理 以 外,Authorware 还 为 多 媒 体 作 品 的 制 作 提 供 集 成 环 境, 能 直 接 使 用 其 他 软 件 制 作 的 文 字 图 形 图 像 声 音 和 数 字 电 影 等 多 媒 体 信 息 强 大 的 数 据 处 理 能 力 : 利 用 系 统 提 供 的 丰 富 的 函 数 和 变 量 来 实 现 对 用 户 的 响 应, 允 许 用 户 自 己 定 义 变 量 和 函 数

47 第 4 章 课 件 类 论 文 案 例 分 析 41 2.Authorware 开 发 环 境 Authorware 启 动 后 的 界 面 如 图 4-1 所 示, 同 其 他 Windows 程 序 一 样,Authorware 具 有 友 好 的 用 户 界 面 Authorware 的 启 动, 文 件 的 打 开 保 存 退 出 这 些 基 本 操 作 都 和 其 他 Windows 程 序 类 似 下 面 仅 简 单 介 绍 Authorware 特 有 的 菜 单 和 工 具 栏 图 4-1 Authorware 的 主 界 面 (1) 菜 单 栏 插 入 菜 单 : 用 于 插 入 各 种 图 标 图 像 OLE 对 象 和 各 种 媒 体 文 件 等 修 改 菜 单 : 修 改 图 标 图 像 和 文 件 的 属 性, 建 立 群 组 及 改 变 前 景 和 后 景 的 设 置 等 文 本 菜 单 : 提 供 丰 富 的 文 字 处 理 功 能, 用 于 设 定 文 字 的 字 体 大 小 颜 色 风 格 等 调 试 菜 单 : 用 于 调 试 程 序 其 他 菜 单 : 用 于 库 的 链 接 以 及 查 找 显 示 图 标 中 文 本 的 拼 写 错 误 等 命 令 菜 单 : 里 面 有 在 线 资 源 相 关 内 容, 还 有 RTF 编 辑 器 和 查 找 Xtras 等 内 容 窗 口 菜 单 : 用 于 打 开 展 示 窗 口 库 窗 口 计 算 窗 口 变 量 窗 口 函 数 窗 口 及 知 识 对 象 窗 口 等 帮 助 命 令 : 从 中 可 获 得 有 关 Authorware 帮 助 教 学 指 导 创 作 基 础 等 信 息 (2) 常 用 工 具 栏 如 图 4-2 所 示 的 常 用 工 具 栏 是 Authorware 窗 口 的 组 成 部 分, 其 中 每 个 按 钮 实 质 上 是 菜 单 栏 中 的 某 项 命 令, 由 于 使 用 频 率 较 高, 被 放 在 常 用 工 具 栏 中, 熟 练 使 用 常 用 工 具 栏 中 的 按 钮, 可 以 使 工 作 事 半 功 倍 保 存 文 本 样 式 表 控 制 面 板 变 量 窗 口 导 入 搜 索 运 行 函 数 窗 品 在 线 帮 助 图 4-2 Authorware 的 常 用 工 具 栏

48 42 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 (3) 图 标 工 具 栏 图 标 工 具 栏 在 Authorware 窗 口 中 的 左 侧, 从 上 到 下 一 共 包 括 13 个 图 标 和 开 始 旗 结 束 旗 图 标 调 色 板 这 13 个 图 标 是 Authorware 中 能 够 实 现 特 定 功 能 的 功 能 模 块, 使 用 这 13 个 图 标, 能 够 完 成 交 互 式 应 用 程 序 的 开 发, 是 Authorware 最 特 殊 最 核 心 的 部 分 下 面 列 出 这 些 图 标 的 名 称 和 主 要 功 能 显 示 图 标 : 是 Authorware 中 最 重 要 最 基 本 的 图 标, 用 户 可 以 使 用 Authorware 提 供 的 文 字 图 形 工 具 箱 中 的 工 具, 输 入 文 字 或 绘 制 图 形, 并 显 示 在 演 示 窗 口 中 移 动 图 标 : 与 显 示 图 标 相 配 合, 可 以 移 动 显 示 对 象, 产 生 特 殊 的 动 画 效 果 使 用 移 动 图 标 可 以 制 作 简 单 的 二 维 动 画 效 果 擦 除 图 标 : 使 用 各 种 擦 除 效 果 擦 除 演 示 窗 口 中 的 显 示 对 象 等 待 图 标 : 其 作 用 是 在 演 示 过 程 中 暂 停 程 序 的 运 行, 直 到 用 户 按 键 单 击 或 者 经 过 一 段 时 间 的 等 待 之 后, 程 序 再 继 续 运 行 导 航 图 标 : 其 作 用 是 控 制 程 序 从 一 个 图 标 跳 转 到 另 一 个 图 标, 改 变 程 序 的 流 程, 相 当 于 goto 语 句 经 常 与 框 架 图 标 配 合 使 用 框 架 图 标 : 用 于 建 立 页 面 系 统 超 文 本 和 超 媒 体 判 断 图 标 : 其 作 用 是 控 制 程 序 流 程 的 走 向, 完 成 程 序 的 条 件 设 置 判 断 处 理 和 循 环 操 作 等 功 能 交 互 图 标 : 用 于 设 置 交 互 作 用 的 结 构, 以 达 到 实 现 人 机 交 互 的 目 的 计 算 图 标 : 用 于 计 算 函 数 变 量 和 表 达 式 的 值 以 及 编 写 Authorware 的 命 令 程 序, 以 辅 助 程 序 的 运 行 群 组 图 标 : 是 一 个 特 殊 的 逻 辑 功 能 图 标, 其 作 用 是 将 一 部 分 程 序 图 标 组 合 起 来, 实 现 模 块 化 子 程 序 的 设 计, 使 程 序 流 程 简 捷 清 晰, 便 于 阅 读 或 组 织 程 序 数 字 电 影 图 标 : 用 于 加 载 和 播 放 外 部 各 种 不 同 格 式 的 动 画 和 影 片, 并 对 引 入 的 数 字 化 电 影 文 件 进 行 控 制 声 音 图 标 : 用 于 加 载 和 播 放 各 种 外 部 声 音 文 件, 并 控 制 其 播 放 方 式 视 频 图 标 : 用 于 控 制 计 算 机 外 接 视 频 设 备 的 播 放 开 始 旗 : 用 于 调 试 用 户 程 序, 设 置 程 序 运 行 的 起 始 点 结 束 旗 : 用 于 调 试 用 户 程 序, 设 置 程 序 运 行 的 终 止 点 图 标 调 色 板 : 给 设 计 的 图 标 赋 予 不 同 颜 色, 以 便 区 分 不 同 用 途 的 图 标, 便 于 程 序 阅 读 (4) 程 序 设 计 窗 口 程 序 设 计 窗 口 是 我 们 进 行 Authorware 程 序 设 计 的 基 本 操 作 窗 口, 如 图 4-3 所 示 Authorware 所 具 有 的 对 流 程 的 可 视 化 编 程 功 能 主 要 体 现 在 程 序 设 计 窗 口 上 窗 口 左 侧 的 一 条 贯 穿 上 下, 被 两 个 小 矩 形 框 封 闭 的 直 线 叫 做 流 程 线, 对 图 标 的 操 作 必 须 在 流 程 线 上 进 行 程 序 执 行 时, 沿 主 流 程 线 依 次 执 行 各 个 设 图 4-3 Authorware 的 程 序 流 程 设 计 窗 口

49 第 4 章 课 件 类 论 文 案 例 分 析 43 计 图 标 流 程 线 两 端 的 两 个 小 矩 形 是 程 序 的 开 始 点 和 结 束 点, 分 别 表 示 程 序 的 开 始 和 结 束 标 题 栏 上 显 示 被 编 辑 的 程 序 文 件 名, 在 未 给 当 前 程 序 起 名 保 存 之 前, 系 统 自 动 命 名 当 前 程 序 为 Unititled 窗 口 右 上 角 的 Level1 字 样, 表 明 当 前 窗 口 是 第 一 层 若 流 程 线 上 有 群 组 图 标, 双 击 打 开 该 群 组 图 标 后, 其 流 程 窗 口 会 有 Level2 字 样, 表 示 该 窗 口 是 第 二 层, 是 由 第 一 层 派 生 出 来 的 流 程 线 左 侧 的 一 只 小 手 称 为 粘 贴 指 针, 指 示 下 一 步 设 计 图 标 在 流 程 线 上 的 位 置 在 流 程 图 的 流 程 线 上 放 置 不 同 类 型 的 图 标, 打 开 每 个 图 标, 就 出 现 一 个 对 话 框, 要 求 开 发 者 输 入 相 关 内 容 使 用 Authorware 不 需 要 编 写 大 段 的 程 序 代 码, 编 程 的 主 要 工 作 是 利 用 鼠 标 将 图 标 拖 放 到 流 程 线 上, 然 后 加 载 媒 体 和 设 置 图 标 的 功 能 属 性 不 同 内 容 的 出 现 交 互 功 能 的 实 现 等 都 通 过 流 程 线 进 行 控 制 这 种 流 程 图 方 式 的 创 作 方 法 正 好 符 合 人 的 认 知 规 律, 直 观 形 象 地 体 现 教 学 思 想, 反 映 程 序 执 行 的 先 后 次 序, 表 达 大 脑 中 信 息 加 工 的 过 程, 使 得 不 懂 程 序 设 计 的 人 也 能 很 轻 松 地 开 发 出 漂 亮 的 多 媒 体 程 序 所 以 Authorware 是 多 媒 体 课 件 开 发 的 首 选 工 具 用 Authorware 开 发 程 序, 一 般 按 照 在 流 程 线 上 添 加 新 图 标 设 置 该 图 标 的 内 容 和 属 性 添 加 下 一 个 图 标 并 重 复 上 述 过 程 等 操 作 步 骤 进 行 Authorware 交 互 功 能 的 实 现 交 互 是 Authorware 提 供 的 一 种 人 机 对 话 的 方 式, 是 Authorware 程 序 中 最 精 彩 最 引 人 入 胜 的 部 分 有 了 交 互, 多 媒 体 课 件 才 有 了 与 同 学 进 行 对 话 的 能 力, 才 能 按 照 作 者 和 同 学 双 方 的 意 图, 为 使 用 者 提 供 周 到 的 服 务 Authorware 6.5 通 过 交 互 图 标 提 供 的 交 互 方 式 有 按 钮 响 应 热 区 域 响 应 热 对 象 响 应 等 多 达 11 种 的 响 应 方 式, 为 用 户 提 供 了 丰 富 多 彩 的 交 互 方 式 1. 交 互 的 基 本 概 念 如 果 一 个 多 媒 体 课 件 具 有 双 向 的 信 息 传 递 方 式, 即 不 仅 可 以 向 同 学 展 示 信 息, 同 时 也 允 许 同 学 向 课 件 传 递 一 些 控 制 信 息, 这 样 的 一 个 多 媒 体 课 件 就 具 有 交 互 性 交 互 性 改 变 了 人 们 单 纯 的 被 动 接 受 信 息 的 局 面, 可 以 通 过 键 盘 鼠 标 甚 至 时 间 间 隔 来 控 制 一 个 多 媒 体 课 件 的 行 为 交 互 性 是 通 过 在 课 件 中 设 置 多 个 交 互 点 来 实 现 的, 每 个 交 互 点 都 给 了 用 户 对 程 序 进 行 响 应 的 机 会 当 Authorware 在 执 行 程 序 时 遇 到 一 个 交 互 图 标 后, 将 显 示 所 有 在 交 互 图 标 中 的 显 示 对 象, 如 按 钮 菜 单 文 本 框 等 然 后, 程 序 将 暂 时 停 止, 等 待 用 户 的 响 应 用 户 用 键 盘 或 鼠 标 对 交 互 响 应 后,Authorware 将 此 响 应 和 交 互 图 标 的 各 个 分 支 条 件 进 行 比 较, 看 该 响 应 符 合 哪 一 个 响 应 目 标, 找 到 与 之 相 匹 配 的 响 应 后, 就 执 行 该 分 支 里 面 的 内 容 2. 交 互 的 组 成 一 个 交 互 的 基 本 组 成 部 分 包 括 : 一 种 交 互 方 法 ( 一 个 按 钮 ) 一 个 响 应 ( 单 击 按 钮 )

50 44 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 和 一 个 结 果 ( 所 执 行 的 分 支 ) 例 如 当 程 序 启 动 后, 在 屏 幕 上 出 现 了 一 组 按 钮, 按 钮 旁 列 出 对 应 每 个 按 钮 的 简 短 说 明, 然 后 用 户 单 击 某 个 按 钮 选 择 一 个 分 支, 程 序 便 沿 着 用 户 所 选 的 分 支 开 始 执 行 交 互 方 法 : 有 许 多 不 同 的 方 法 允 许 用 户 进 行 交 互 例 如, 可 以 在 程 序 中 设 置 按 钮 让 用 户 单 击 提 供 选 择 菜 单 等 响 应 : 响 应 就 是 用 户 所 采 取 的 动 作 一 个 好 的 程 序 应 该 能 够 预 测 到 所 有 的 不 合 适 的 或 者 不 正 确 的 响 应, 并 对 它 们 做 出 相 应 的 处 理 结 果 : 结 果 就 是 指 当 程 序 接 收 到 用 户 的 响 应 后 所 采 取 的 动 作 比 如 可 以 为 不 正 确 的 选 择 返 回 一 个 信 息, 在 Authorware 中, 交 互 的 结 果 可 以 是 Authorware 中 能 实 现 的 所 有 功 能 3. 交 互 的 建 立 要 想 在 程 序 中 使 用 交 互 功 能, 首 先 就 需 要 在 流 程 线 上 创 建 交 互 图 标 操 作 步 骤 如 下 (1) 从 图 标 工 具 栏 把 交 互 图 标 拖 放 到 流 程 线 上 的 合 适 的 位 置 (2) 仅 有 交 互 图 标 并 不 能 提 供 交 互 响 应 的 功 能, 还 必 须 为 交 互 图 标 创 建 响 应 分 支 这 时, 可 以 拖 放 其 他 类 型 的 图 标 到 交 互 图 标 的 右 侧, 一 般 情 况 下 使 用 群 组 图 标 作 为 分 支 将 群 组 图 标 拖 放 到 交 互 图 标 的 右 侧, 松 开 鼠 标 左 键 后, 系 统 会 出 现 一 个 如 图 4-4 所 示 的 选 择 交 互 类 型 的 对 话 框, 用 户 可 以 根 据 需 要 选 择 交 互 类 型 图 4-4 交 互 类 型 对 话 框 从 图 4-4 交 互 类 型 对 话 框 中 可 以 看 出,Authorware 6.5 提 供 了 多 达 11 种 交 互 响 应 类 型, 合 理 地 利 用 它 们 可 以 为 程 序 提 供 强 大 的 交 互 功 能 在 对 话 框 中 的 每 一 种 交 互 响 应 类 型 单 选 按 钮 的 左 边, 都 有 一 个 与 该 交 互 类 型 相 对 应 的 标 识 图 案, 我 们 称 之 为 响 应 类 型 标 识 符 这 些 标 识 符 是 必 须 牢 记 的, 因 为 在 流 程 线 上 使 用 这 些 标 识 符, 而 不 是 文 字 说 明 来 表 示 响 应 方 式 在 对 话 框 中 选 择 不 同 的 单 选 按 钮 时, 流 程 线 上 的 交 互 响 应 标 识 符 也 会 发 生 相 应 的 变 化 4. 交 互 实 例 在 下 面 的 例 子 中, 我 们 以 按 钮 交 互 为 例 来 介 绍 交 互 功 能 的 实 现 实 例 制 作 步 骤 如 下 (1) 运 行 Authorware6.5 (2) 从 图 标 工 具 栏 向 程 序 设 计 窗 口 中 的 主 流 程 线 上 拖 入 一 个 显 示 图 标, 并 命 名 为 主 菜 单 ( 只 要 选 中 默 认 的 名 称 Untitled 就 可 直 接 改 名 ), 如 图 4-5 所 示

51 第 4 章 课 件 类 论 文 案 例 分 析 45 图 4-5 显 示 图 标 改 名 前 后 (3) 双 击 主 菜 单 显 示 图 标, 进 入 演 示 窗 口 ( 这 个 窗 口 中 的 内 容 就 是 今 后 在 运 行 程 序 时 所 显 示 的 内 容 ) 在 演 示 窗 口 右 上 角 出 现 一 个 文 字 图 形 工 具 盒, 其 中 8 个 按 钮 的 功 能 从 左 到 右 从 上 到 下 依 次 为 选 择 / 移 动 文 本 编 辑 画 水 平 垂 直 和 45 直 线 画 斜 线 画 椭 圆 / 圆 画 矩 形 画 圆 角 矩 形 画 多 边 形, 如 图 4-6 所 示 文 字 图 形 工 具 盒 图 4-6 演 示 窗 口 及 其 中 的 文 字 图 形 工 具 盒 (4) 单 击 文 本 编 辑 按 钮 A, 鼠 标 指 针 变 成 I 形, 在 演 示 窗 口 中 的 任 何 位 置 单 击, 进 入 文 本 编 辑 状 态 在 插 入 点 处 输 入 这 一 页 是 主 菜 单 页 面, 如 图 4-7 所 示 输 入 完 毕 后, 单 击 选 择 / 移 动 按 钮, 将 文 本 移 至 合 适 的 位 置 单 击 演 示 窗 口 或 编 辑 工 具 盒 窗 口 右 上 角 的 X 按 钮, 可 退 出 编 辑 状 态, 完 成 对 主 菜 单 显 示 图 标 的 编 辑

52 46 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 图 4-7 文 本 编 辑 状 态 (5) 从 图 标 工 具 栏 向 主 流 程 线 上 拖 入 一 个 交 互 图 标, 并 命 名 为 选 择 (6) 从 图 标 工 具 栏 向 程 序 设 计 窗 口 中 选 择 图 标 的 右 方 拖 入 一 个 群 组 图 标, 弹 出 如 图 4-8 所 示 的 交 互 类 型 对 话 框 图 4-8 拖 入 群 组 图 标 后 出 现 交 互 类 型 对 话 框 选 中 Button 单 选 按 钮, 单 击 OK 按 钮 后, 将 该 图 标 命 名 为 按 钮 一 (7) 再 次 向 程 序 设 计 窗 口 中 按 钮 一 图 标 的 右 方 拖 入 一 个 群 组 图 标 此 时 不 再 弹 出 交 互 类 型 对 话 框, 而 是 默 认 与 上 一 响 应 类 型 一 致 的 交 互 方 式, 在 这 里 仍 是 Button 类 型, 并 将 该 图 标 命 名 为 按 钮 二 (8) 向 按 钮 二 图 标 的 右 方 拖 入 一 个 计 算 图 标, 并 命 名 为 退 出 第 一 层 的 程 序 流 程 如 图 4-9 所 示 (9) 双 击 退 出 计 算 图 标, 此 时 打 开 一 个 计 算 图 标 的 编 辑 窗 口, 如 图 4-10 所 示 在 编 辑 窗 口 中 输 入 命 令 Quit( )(Quit( ) 表 示 退 出 程 序, 在 运 行 时, 可 以 单 击 此 按 钮 退 出 程 序 ) 图 4-9 第 一 层 程 序 流 程 图

53 第 4 章 课 件 类 论 文 案 例 分 析 47 图 4-10 计 算 图 标 编 辑 窗 口 输 入 完 毕 后, 单 击 窗 口 右 上 角 的 X 按 钮, 在 弹 出 的 对 话 框 中 单 击 Yes 按 钮, 保 存 刚 才 的 输 入 (10) 单 击 File 菜 单, 选 择 Save as 命 令, 将 文 件 保 存 为 test, 扩 展 名 默 认 为.a6p (11) 单 击 工 具 栏 上 的 运 行 按 钮, 或 单 击 Control 菜 单, 选 择 Play 命 令, 出 现 如 图 4-11 所 示 的 主 菜 单 窗 口 从 图 4-11 中 看 到, 按 钮 与 文 字 重 叠 单 击 退 出 按 钮, 返 回 编 辑 状 态 (12) 单 击 流 程 线 上 的 交 互 图 标, 在 演 示 窗 口 中 调 整 按 钮 的 位 置 再 次 运 行 程 序, 使 文 字 与 按 钮 排 列 整 齐, 如 图 4-12 所 示 图 4-11 主 菜 单 窗 口 图 4-12 调 整 后 的 主 菜 单 窗 口 此 时 单 击 按 钮 一 按 钮 二 不 起 作 用, 单 击 退 出 返 回 编 辑 状 态 下 面 开 始 制 作 第 二 层 (13) 双 击 按 钮 一 图 标, 显 示 第 二 层 按 钮 一 的 群 组 图 标 设 计 窗 口 向 流 程 线 中 拖 入 一 个 显 示 图 标, 并 命 名 为 按 钮 一 内 容 双 击 按 钮 一 内 容 图 标, 在 插 入 点 处 输 入 你 刚 才 单 击 了 按 钮 一 ( 其 操 作 同 主 菜 单 显 示 图 标 的 步 骤 一 致 ) (14) 双 击 按 钮 二 图 标, 打 开 按 钮 二 的 群 组 图 标 设 计 流 程 线 按 照 上 面 的 操 作 方 法, 向 其 中 拖 入 一 个 显 示 图 标, 并 命 名 为 按 钮 二 内 容 双 击 按 钮 二 内 容 图 标, 在 演 示 窗 口 中 输 入 文 本 你 刚 才 点 了 按 钮 二 (15) 运 行 程 序, 出 现 图 4-12 的 主 菜 单 窗 口, 在 其 中 单 击 按 钮 一, 出 现 如 图 4-13 所 示 界 面 其 中, 主 菜 单 窗 口 中 的 文 字 内 容 这 一 页 是 主 菜 单 页 面 仍 然 保 留 着 单 击 按 钮 二 也 发 现 存 在 同 样 情 况 这 是 因 为, 在 显 示 按 钮 一 内 容 按 钮 二 内 容 图 标 时, 主 菜 单 显 示 内 容 并 没 有 被

54 48 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 擦 除 因 此, 我 们 要 在 按 钮 一 内 容 图 标 和 按 钮 二 内 容 图 标 前 分 别 添 加 一 个 擦 除 图 标 (16) 单 击 退 出 按 钮, 返 回 编 辑 窗 口 向 按 钮 一 流 程 线 窗 口 中 拖 入 一 个 擦 除 图 标, 放 在 按 钮 一 内 容 图 标 前, 并 命 名 为 擦 除, 如 图 4-14 所 示 图 4-13 单 击 按 钮 一 后 出 现 的 界 面 图 4-14 在 按 钮 一 中 添 加 擦 除 图 标 再 次 运 行 程 序, 仍 然 出 现 图 4-12 所 示 的 主 菜 单 窗 口 此 时 单 击 按 钮 一 按 钮, 出 现 擦 除 图 标 属 性 对 话 框, 如 图 4-15 所 示 图 4-15 擦 除 图 标 属 性 对 话 框 (17) 单 击 图 中 的 文 字 这 一 页 是 主 菜 单 页 面, 该 文 字 消 失, 单 击 OK 按 钮, 出 现 图 4-16 所 示 界 面 单 击 X 按 钮, 回 到 设 计 状 态 至 此, 完 成 了 按 钮 一 擦 除 图 标 的 设 置 重 新 运 行, 不 会 再 出 现 如 图 4-10 所 示 两 层 内 容 重 叠 的 情 况 (18) 选 中 上 一 步 在 按 钮 一 流 程 线 窗 口 中 的 擦 除 图 标 单 击 常 用 工 具 栏 上 的 复 制 按 钮, 然 后 在 按 钮 二 流 程 线 窗 口 的 按 钮 二 内 容 图 标 前 单 击, 使 粘 贴 指 针 移

55 第 4 章 课 件 类 论 文 案 例 分 析 49 至 按 钮 二 内 容 图 标 前 最 后 单 击 常 用 工 具 栏 上 的 粘 贴 按 钮, 将 擦 除 图 标 粘 贴 到 按 钮 二 群 组 图 标 中 图 4-16 使 用 擦 除 图 标 图 标 后 的 按 钮 一 效 果 (19) 再 次 运 行 程 序, 在 主 菜 单 中 单 击 按 钮 二, 也 正 常 显 示 单 击 退 出 按 钮, 结 束 程 序 运 行, 回 到 Authorware 的 程 序 设 计 窗 口 至 此, 交 互 功 能 实 例 制 作 完 毕, 保 存 文 件 打 包 课 件 制 作 完 成 后, 如 果 直 接 给 用 户 使 用, 用 户 必 须 在 自 己 的 电 脑 中 安 装 Authorware 软 件, 造 成 使 用 不 便 另 外, 如 果 用 户 可 以 直 接 得 到 源 程 序, 课 件 制 作 者 的 知 识 产 权 不 能 得 到 有 效 保 护 为 了 脱 离 Authorware 环 境 单 独 运 行, 课 件 制 作 完 成 后, 需 要 对 程 序 进 行 打 包 发 行, 产 生 可 以 脱 离 Authorware 平 台 的 EXE 文 件 首 先, 在 打 包 前 应 单 击 Modify 菜 单, 选 择 File 下 的 Properties 命 令, 在 出 现 的 文 件 属 性 对 话 框 中 对 演 示 窗 口 进 行 设 置 其 次, 在 制 作 课 件 的 过 程 中, 要 用 到 Authorware 系 统 本 身 包 含 的 一 些 函 数 和 文 件, 或 者 通 过 链 接 方 式 使 用 一 些 外 部 素 材 文 件, 如 外 部 声 音 文 件 动 画 文 件 等, 需 要 将 这 些 文 件 复 制 到 EXE 文 件 所 在 的 目 录 最 后, 还 必 须 将 为 各 种 图 像 声 音 动 画 数 字 电 影 提 供 支 持 的 Xtras 文 件 复 制 到 打 包 文 件 所 在 的 文 件 夹 中 下 面 以 上 述 按 钮 交 互 test.a6p 文 件 为 例, 说 明 文 件 打 包 的 操 作 步 骤, 打 包 后 生 成 可 执 行 文 件 test.exe 1. 文 件 打 包 首 先 打 开 刚 才 保 存 的 test.a6p 文 件, 单 击 File 菜 单, 选 择 Publish 下 的 Package 命 令, 出 现 如 图 4-17 所 示 打 包 文 件 对 话 框 在 Package File 下 拉 列 表 框 中 供 选 择 的 选 项 如 下 图 4-17 打 包 文 件 对 话 框

56 50 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 Without Runtime: 将 程 序 文 件 打 包 成 依 赖 于 Run-time 程 序 的 可 执 行 文 件, 程 序 文 件 的 扩 展 名 为.a6p, 不 能 脱 离 Authorware 环 境 独 立 运 行 For Windows3.1: 将 程 序 文 件 与 runa6w16.exe 一 起 打 包, 打 包 后 的 文 件 为 EXE 文 件, 可 独 立 在 Windows3.1 环 境 下 运 行 For Windows 9x and NT variants: 将 程 序 文 件 与 runa6w32.exe 一 起 打 包, 打 包 后 的 文 件 为 EXE 文 件, 可 独 立 在 Windows 9x Windows NT Windows Me Windows XP Windows 2000 等 操 作 系 统 中 运 行 图 4-17 中 的 复 选 项 的 含 义 如 下 Resolve Broken Links at Runtime: 程 序 运 行 时, 自 动 将 库 图 标 与 链 接 图 标 的 断 链 连 上 Package All Libraries at Internally: 将 程 序 中 所 有 与 库 文 件 链 接 的 图 标 包 含 在 执 行 程 序 内 部 Package External Media Internally: 将 任 何 外 部 链 接 媒 体 ( 除 数 字 电 影 ) 嵌 入 到 程 序 内 部, 作 为 执 行 文 件 的 组 成 部 分 Use Default Name When Package: 使 用 默 认 名, 即 文 件 主 名 与 库 文 件 同 名 选 择 For Windows 9x and NT variants 选 项 并 将 复 选 框 全 部 选 中 最 后, 单 击 Save File(s)&package 按 钮, 完 成 程 序 的 打 包, 生 成 test.exe 文 件 2. 复 制 Xtras 文 件 Xtras 文 件 是 一 些 用 于 加 强 Authorware 功 能 的 外 部 文 件, 可 分 为 以 下 4 类 Sprite Xtras 文 件, 提 供 3D 图 像 动 画 和 Web 浏 览 窗 口 等 扩 展 功 能 Transition Xtras 文 件, 用 于 产 生 特 殊 的 屏 幕 过 渡 效 果 Scripting Xtras 文 件, 提 供 一 些 自 定 义 函 数 MIX Xtras, 使 Authorware 能 够 使 用 图 像 声 音 动 画 等 多 媒 体 文 件 Xtras 文 件 包 括 两 组 位 于 Authorware 的 Xtras 目 录 下 的 文 件 : 扩 展 名 为 x32 的 文 件, 用 于 Windows 9X 或 Windows NT 操 作 系 统 扩 展 名 为 xl6 的 文 件, 用 于 Windows 3.1/3.2 操 作 系 统 当 文 件 打 包 后, 如 果 没 有 把 Xtras 文 件 夹 中 与 课 件 相 关 的 Xtras 文 件 复 制 到 打 包 文 件 所 在 的 Xtras 下 级 文 件 夹 中, 运 行 EXE 文 件 时 将 出 现 如 图 4-18 所 示 对 话 框, 显 示 缺 少 Xtras 文 件 如 何 才 能 知 道 某 个 程 序 需 要 哪 些 Xtras 文 件 呢? 只 要 在 打 开 Authorware 文 件 后, 单 击 Command 菜 单, 选 择 Find Xtras 命 令, 在 出 现 的 Find Xtras 对 话 框 中 单 击 Find 按 钮, 则 出 现 自 动 查 找 Xtras 的 进 度 条, 如 图 4-19 所 示 图 4-18 缺 少 Xtras 文 件 时 的 对 话 框 图 4-19 自 动 查 找 Xtras 的 进 度 条

57 第 4 章 课 件 类 论 文 案 例 分 析 51 当 白 色 进 度 条 消 失 后, 出 现 如 图 4-20 所 示 的 查 找 结 果 对 话 框 图 4-20 查 找 结 果 对 话 框 在 对 话 框 中 单 击 Copy 按 钮, 出 现 图 4-21 所 示 浏 览 文 件 夹 对 话 框, 询 问 将 找 到 的 文 件 复 制 到 什 么 地 方, 只 要 选 择 打 包 文 件 所 在 的 文 件 夹 即 可 课 题 分 析 1. 必 要 性 分 析 本 课 件 是 针 对 信 息 对 抗 课 程 设 计 的, 信 息 对 抗 课 程 中 包 括 大 量 的 关 于 网 络 安 全 方 面 的 知 识 在 教 学 过 程 中, 为 了 避 免 对 网 络 的 攻 击 破 坏, 不 可 能 进 行 实 际 操 作, 因 此 同 学 们 在 学 习 的 过 程 中 觉 得 比 较 抽 象 开 发 仿 真 实 验 系 统, 使 学 生 能 够 进 行 仿 真 操 作, 对 网 络 安 全 方 面 的 知 识 能 获 得 比 较 直 观 的 了 解, 是 十 分 必 要 的 2. 可 行 性 分 析 图 4-21 浏 览 文 件 夹 对 话 框 仿 真 课 件 的 制 作, 通 过 将 正 式 操 作 过 程 中 的 画 面 复 制 下 来, 利 用 多 媒 体 制 作 工 具 Authorware, 在 画 面 上 叠 加 相 应 的 按 钮 文 本 框, 根 据 同 学 的 操 作 正 确 与 否, 给 出 相 应 的 反 馈 信 息, 这 通 过 交 互 功 能 完 全 能 够 实 现 结 构 设 计 如 图 4-22 所 示, 信 息 对 抗 仿 真 实 验 系 统 课 件 包 括 冰 河 仿 真 炸 弹 仿 真 入 侵 仿 真 蠕 虫 仿 真 等 4 部 分, 进 入 每 个 部 分 后 按 照 提 示 即 可 进 行 仿 真 操 作 图 4-22 信 息 对 抗 仿 真 实 验 系 统 结 构

58 52 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 软 件 制 作 软 件 制 作 按 照 运 行 环 境 设 置 主 界 面 制 作 功 能 模 块 制 作 等 步 骤 进 行 1. 运 行 环 境 设 置 (1) 进 入 Authorware 主 界 面 后, 单 击 Modify 菜 单, 选 择 File 下 的 Properties 命 令, 弹 出 如 图 4-23 所 示 的 文 件 属 性 对 话 框 图 4-23 文 件 属 性 的 设 置 (2) 希 望 在 仿 真 实 验 软 件 的 运 行 过 程 中 不 出 现 标 题 栏 和 菜 单 栏, 因 此 取 消 系 统 默 认 的 Title Bar 和 Menu Bar 复 选 框 单 击 Size 下 拉 列 表 框, 将 框 的 大 小 改 为 (SVGA), 则 运 行 时 的 分 辨 率 为 (3) 单 击 确 定 按 钮, 返 回 主 界 面 2. 背 景 设 置 (1) 将 图 标 工 具 栏 中 的 显 示 图 标 拖 入 流 程 线, 如 图 4-22 所 示, 将 其 名 称 改 为 背 景 (2) 双 击 背 景 显 示 图 标, 出 现 演 示 窗 口 (3) 单 击 Insert 菜 单, 选 择 Image 命 令, 弹 出 如 图 4-24 所 示 的 图 像 属 性 对 话 框 图 4-24 图 像 属 性 的 设 置

59 第 4 章 课 件 类 论 文 案 例 分 析 53 (4) 在 对 话 框 中 单 击 Import 按 钮, 选 择 一 幅 事 先 准 备 的 图 片 作 为 背 景 图 导 入 ( 背 景 图 片 要 选 择 ) (5) 单 击 图 像 属 性 对 话 框 中 的 OK 按 钮, 关 闭 图 像 属 性 对 话 框 (6) 右 击 流 程 线 中 的 背 景 图 标, 出 现 快 捷 菜 单, 选 择 Properties 命 令, 弹 出 如 图 4-25 所 示 的 显 示 图 标 属 性 对 话 框 (7) 单 击 特 效 Transition 后 面 的 小 方 框 按 钮, 弹 出 特 效 方 式 对 话 框, 选 择 一 种 自 己 喜 欢 的 特 效 方 式, 如 Mosaic 效 果, 单 击 OK 按 钮, 关 闭 特 效 方 式 对 话 框 (8) 返 回 到 显 示 图 标 属 性 对 话 框 中, 单 击 其 中 的 OK 按 钮, 关 闭 显 示 图 标 属 性 对 话 框 背 景 设 置 完 成, 运 行 程 序 时, 背 景 图 片 出 现 时 会 有 相 应 的 特 效 图 4-25 显 示 图 标 属 性 的 设 置 3. 主 界 面 制 作 (1) 向 流 程 线 中 添 加 一 个 显 示 图 标, 如 图 4-22 所 示, 命 名 为 首 页 (2) 双 击 该 图 标, 自 动 打 开 演 示 窗 口 和 文 本 图 形 工 具 箱, 单 击 工 具 箱 中 的 文 本 工 具 按 钮 A (3) 在 演 示 窗 口 需 要 插 入 文 字 的 位 置 单 击, 输 入 信 息 对 抗 仿 真 实 验 软 件 (4) 单 击 Text 菜 单, 选 择 Font 命 令, 将 字 体 修 改 为 宋 体 单 击 Text 菜 单, 选 择 Size 命 令, 将 大 小 改 为 24 单 击 Text 菜 单, 选 择 Style 命 令, 将 风 格 改 为 Bold (5) 将 这 几 个 字 复 制, 粘 贴 出 两 组, 将 这 三 组 字 错 开 后 叠 加 在 一 起, 形 成 一 种 立 体 字 的 效 果, 细 微 之 处 可 以 通 过 上 下 左 右 键 来 调 节 ( 标 题 制 作 完 成, 下 面 制 作 按 钮 ) (6) 向 流 程 图 中 拖 入 一 个 交 互 图 标, 命 名 为 交 互 图 标 (7) 将 一 个 群 组 图 标 拖 放 到 其 右 侧, 自 动 弹 出 交 互 类 型 对 话 框 选 中 Button 交 互 类 型 单 选 按 钮, 单 击 确 定 按 钮, 将 该 交 互 按 钮 命 名 为 冰 河 仿 真 (8) 再 向 交 互 图 标 右 侧 添 加 三 个 组 群 图 标 和 一 个 计 算 图 标, 并 将 它 们 依 次 命 名 为 炸 弹 仿 真 入 侵 仿 真 蠕 虫 仿 真 和 退 出 程 序 (9) 双 击 退 出 程 序 计 算 图 标, 打 开 计 算 图 标 的 编 辑 窗 口, 输 入 Quit(), 单 击 单 击 程 序 编 辑 窗 口 右 上 角 的 X 按 钮, 完 成 退 出 程 序 功 能 的 制 作 (10) 双 击 流 程 线 上 的 交 互 图 标, 调 整 5 个 按 钮 的 位 置 与 大 小, 调 整 完 毕 后 单 击 按

60 54 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 钮 交 互 对 话 框 右 上 角 的 X 按 钮, 返 回 到 主 界 面 至 此, 首 页 界 面 设 计 全 部 完 成, 保 存 文 件 为 毕 设 单 击 Authorware 工 具 条 中 的 运 行 按 钮, 出 现 如 图 4-26 所 示 的 运 行 效 果 图 ( 由 于 在 步 骤 2 中 设 置 了 马 赛 克 效 果, 因 此 在 出 现 背 景 图 片 时 有 特 效 出 现 又 由 于 在 步 骤 1 中 将 显 示 标 题 栏 和 显 示 菜 单 栏 复 选 框 取 消, 所 以 在 运 行 界 面 上 没 有 标 题 栏 和 菜 单 ) 图 4-26 主 界 面 运 行 效 果 图 此 时, 单 击 冰 河 仿 真 等 4 个 功 能 模 块 没 有 任 何 反 应 ; 单 击 退 出 程 序 按 钮, 关 闭 运 行 程 序, 返 回 到 设 计 窗 口 下 面 以 冰 河 仿 真 为 例 说 明 功 能 模 块 的 制 作 过 程 ( 事 先 将 冰 河 软 件 使 用 过 程 中 的 界 面 保 存, 以 备 程 序 编 写 时 使 用 ) 4. 冰 河 仿 真 层 的 制 作 第 二 层 冰 河 仿 真 的 流 程 如 图 4-27 所 示 按 照 上 面 的 流 程 制 作 完 成 后, 在 图 4-26 所 示 主 界 面 中 单 击 冰 河 仿 真 按 钮, 其 运 行 效 果 如 图 4-28 所 示 制 作 步 骤 如 下 : (1) 双 击 Level1 中 的 冰 河 仿 真 组 图 标, 进 入 Level2 (2) 添 加 一 个 擦 除 图 标, 命 名 为 擦 除 上 个 界 面 双 击 打 开 该 图 标, 将 第 一 层 中 所 有 的 对 象 ( 包 括 按 钮 ) 全 部 擦 除 ( 具 体 操 作 方 法 同 前 面 按 钮 交 互 例 子 ) (3) 加 入 一 个 显 示 图 标, 命 名 为 显 示 冰 河 在 这 个 图 标 中 导 入 事 先 已 截 取 好 的 冰 河 画 面 ( 图 图 4-27 Level2: 冰 河 仿 真 流 程 图 4-28 中 的 冰 河 V2.2 背 景 图 片 ) (4) 加 入 一 个 wait 图 标, 命 名 为 等 待 双 击 该 图 标, 出 现 图 4-29 所 示 对 话 框, 将 时 间 设 定 为 1 秒 ( 其 作 用 是 显 示 冰 河 画 面, 等 待 1 秒 后, 出 现 提 示 信 息 )

61 第 4 章 课 件 类 论 文 案 例 分 析 55 先 点 击 搜 索 计 算 机 图 4-28 单 击 冰 河 仿 真 时 的 运 行 效 果 图 图 4-29 等 待 时 间 设 定 (5) 在 wait 图 标 后 加 上 一 个 显 示 图 标, 命 名 为 提 示 双 击 提 示 图 标, 在 演 示 窗 口 中 绘 制 箭 头 和 圆 角 矩 形 图 形, 在 圆 角 矩 形 的 位 置 输 入 文 字 先 点 击 搜 索 计 算 机, 如 图 4-28 所 示 (6) 在 流 程 图 中 加 入 一 个 交 互 图 标 和 三 个 组 图 标, 三 个 组 图 标 分 别 命 名 为 搜 索 计 算 机 退 出 按 钮 和 退 出 (7) 将 上 述 组 图 标 的 交 互 方 式 设 置 为 Hot Spot( 热 区 域 ) 交 互 类 型 设 置 方 法 是 : 双 击 组 图 标 上 的 交 互 响 应 类 型 符 号, 在 出 现 如 图 4-30 所 示 的 对 话 框 中, 将 其 中 的 Type 类 型 改 为 Hot Spot 设 置 热 区 域 的 目 的 是 : 单 击 搜 索 计 算 机 按 钮 ( 图 4-28 中 箭 头 指 向 的 图 标 ), 进 入 下 一 层, 完 成 对 计 算 机 的 搜 索 ; 单 击 退 出 按 钮 ( 图 4-28 中 最 右 面 的 皮 靴 图 标 ), 结 束 冰 河 运 行 ; 单 击 窗 口 右 上 角 的 按 钮, 退 出 程 序 运 行 下 面 的 步 骤 用 于 改 变 热 区 域 大 小 和 位 置 (8) 单 击 显 示 冰 河 图 标, 按 下 Shift 键 的 同 时 双 击 交 互 图 标, 则 冰 河 背 景 与 热 区 域

62 56 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 同 时 出 现 通 过 调 整 三 个 热 区 域 的 大 小 与 位 置, 如 图 4-31 所 示 ( 第 三 个 热 区 域 在 右 上 角, 因 为 比 较 小, 看 得 不 太 清 楚 ) 图 4-30 交 互 类 型 的 改 变 图 4-31 改 变 热 区 域 的 大 小 和 位 置 (9) 分 别 双 击 组 图 标 上 方 的 交 互 响 应 类 型 符 号 ( 虚 线 小 方 框 ), 在 如 图 4-32 所 示 的 交 互 属 性 对 话 框 中 将 Cursor 指 针 改 为 手 指 形 ( 作 用 是 当 鼠 标 指 针 悬 停 到 搜 索 计 算 机 等 按 钮 时, 光 标 变 成 手 指 形 通 过 这 一 设 置, 使 用 课 件 者 的 同 学 知 道 哪 些 图 标 是 可 以 操 作 的 ) 图 4-32 改 变 鼠 标 指 针 (10) 分 别 双 击 退 出 按 钮 和 退 出 组 图 标, 进 入 它 们 所 对 应 的 Level3 (11) 向 其 中 加 入 一 个 计 算 图 标, 命 名 为 退 出 在 计 算 图 标 中 输 入 Quit(), 具 体 方 法 同 前 面 的 test.a6p 例 子 ( 设 置 退 出 组 图 标 是 为 了 使 用 户 随 时 都 能 退 出 该 程 序 在 以 后 的 设 计 中, 所 有 窗 口 的 右 上 角 按 钮 上 都 放 置 相 同 的 热 区 域, 不 再 一 一 说 明 )

63 第 4 章 课 件 类 论 文 案 例 分 析 57 下 面 完 成 单 击 搜 索 计 算 机 按 钮 的 功 能 5. 搜 索 计 算 机 层 的 制 作 双 击 搜 索 计 算 机 组 图 标, 进 入 如 图 4-33 所 示 的 Level3 实 现 的 功 能 是 在 图 4-28 中 单 击 搜 索 计 算 机 按 钮 时, 出 现 如 图 4-34 所 示 的 对 话 框 制 作 步 骤 如 下 (1) 添 加 一 个 删 除 图 标 删 除 上 个 界 面, 其 作 用 同 样 是 将 上 个 页 面 中 的 内 容 全 部 擦 除 (2) 加 入 第 一 个 显 示 图 标 显 示, 在 其 中 导 入 冰 河 运 行 时 的 相 应 图 片 ( 图 4-34 中 的 背 景 图 ) (3) 加 入 第 二 个 显 示 图 标 解 释, 输 入 圆 角 矩 形 箭 头 和 提 示 语 输 入 你 要 查 找 的 计 算 机 IP 地 址 起 始 域, 如 , 输 入 完 毕 后 请 按 回 车 键 图 4-33 Level3: 搜 索 计 算 机 流 程 图 ( 其 位 置 如 图 4-34 所 示, 方 法 同 上 一 层 ) 下 面 的 制 作 要 完 成 的 功 能 是, 当 用 户 输 错 IP 地 址 时, 程 序 将 等 待 用 户 重 新 输 入, 直 到 输 入 正 确, 进 入 下 一 层 输 入 你 要 查 找 的 计 算 机 IP 地 址 起 始 域, 如 , 输 入 完 后 请 按 回 车 键 图 4-34 单 击 搜 索 计 算 机 按 钮 后 出 现 的 画 面 (4) 向 流 程 图 中 添 加 一 个 交 互 图 标 和 两 个 组 图 标, 组 图 标 设 置 为 Text Entry( 文 本 输 入 ) 交 互 类 型, 两 个 组 图 标 分 别 命 名 为 和 (5) 双 击 第 一 个 组 图 标 上 方 的 小 箭 头, 弹 出 如 图 4-35 所 示 的 交 互 属 性 对 话 框, 切 换 到 Response( 交 互 ) 选 项 卡, 将 Branch( 分 支 ) 设 为 Exit Interaction( 退 出 交 互 ),Status

64 58 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 ( 状 态 ) 设 为 Correct Response( 正 确 响 应 ) 图 4-35 起 始 域 的 设 置 (6) 双 击 第 二 个 组 图 标 上 方 的 小 箭 头, 弹 出 如 图 4-36 所 示 的 交 互 属 性 对 话 框, 将 Branch 设 为 Try Again( 重 新 输 入 ),Status 设 为 Wrong Response( 错 误 响 应 ) 图 4-36 输 入 错 误 时 的 处 理 通 过 这 样 的 交 互 设 置, 保 证 用 户 输 入 正 确 时 进 入 第 一 个 分 支, 输 入 错 误 时 要 求 重 新 输 入, 直 到 输 入 正 确 为 止 (7) 按 照 4. 冰 河 仿 真 层 的 制 作 步 骤 (7) 的 方 法, 同 时 显 示 显 示 解 释 和 交 互 图 标, 调 整 文 本 区 的 位 置 和 大 小, 使 之 与 起 始 域 中 的 文 本 框 重 叠, 如 图 4-37 所 示 输 入 你 要 查 找 的 计 算 机 IP 地 址 起 始 域, 如 , 输 入 完 后 请 按 回 车 键 图 4-37 调 整 文 本 区 的 位 置 与 大 小

65 第 4 章 课 件 类 论 文 案 例 分 析 搜 索 计 算 机 的 起 始 地 址 的 制 作 双 击 Level3 中 的 第 一 个 组 图 标 , 进 入 如 图 4-38 所 示 的 Level4 该 层 实 现 的 功 能 是, 在 图 4-34 中 输 入 正 确 的 起 始 域 , 并 回 车 后, 出 现 如 图 4-39 所 示 的 对 话 框, 要 求 输 入 起 始 地 址 制 作 步 骤 如 下 (1) 开 始 依 然 是 添 加 一 个 擦 除 图 标, 不 同 的 是 这 个 擦 除 图 标 只 要 擦 除 上 个 页 面 的 提 示, 所 以 只 要 将 提 示 语 言 的 解 释 显 示 图 标 放 入 擦 除 对 象 中 即 可 图 4-38 第 4 层 流 程 图 输 入 起 始 地 址 :1 图 4-39 输 入 起 始 域 后, 要 求 输 入 起 始 地 址 (2) 在 这 之 后 的 显 示 图 标 用 来 显 示 新 的 提 示 语 言, 输 入 提 示 语 言 输 入 起 始 地 址 :1, 并 调 整 位 置, 使 之 指 向 图 4-39 中 的 起 始 地 址 文 本 框 (3) 再 向 流 程 中 加 入 一 个 交 互 图 标 和 两 个 组 图 标, 设 置 为 Text Entry 交 互 类 型 (4) 调 整 交 互 区 的 大 小 和 位 置, 使 其 与 起 始 地 址 后 的 文 本 框 区 域 重 叠 (5) 双 击 第 一 个 组 图 标 +1 上 的 小 箭 头, 切 换 到 Response 选 项 卡,Branch 设 为 Exit Interaction,Status 设 为 Correct Response (6) 再 双 击 第 二 个 组 图 标 上 方 的 小 箭 头, 在 Response 选 项 卡 中 将 Branch 设 为 Try

66 60 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 Again,Status 设 为 Wrong Response 7. 搜 索 计 算 机 的 终 止 地 址 的 制 作 双 击 Level4 中 的 第 一 个 组 图 标 +1, 进 入 如 图 4-40 所 示 的 Level5 图 4-40 第 5 层 流 程 图 其 功 能 是, 输 入 起 始 地 址 并 回 车 后, 要 求 输 入 终 止 地 址, 如 图 4-41 所 示 输 入 终 止 地 址 :255 图 4-41 输 入 起 始 地 址 后, 要 求 输 入 终 止 地 址 制 作 步 骤 也 是 擦 除 上 一 个 提 示, 再 显 示 新 的 提 示 输 入 终 止 地 址 :255, 指 向 图 4-41 中 的 终 止 地 址 文 本 框 在 其 后 是 一 个 交 互 图 标 和 两 个 组 图 标, 具 体 细 节 同 第 4 层, 不 再 详 述

67 第 4 章 课 件 类 论 文 案 例 分 析 搜 索 计 算 机 的 开 始 搜 索 的 制 作 双 击 Level5 中 的 第 一 个 组 图 标 +255, 进 入 如 图 4-42 所 示 的 Level6 图 4-42 第 6 层 流 程 图 其 功 能 是, 在 图 4-41 中 输 入 终 止 地 址 255 并 按 回 车 键 后, 出 现 如 图 4-43 所 示 的 对 话 框, 要 求 单 击 开 始 搜 索 按 钮 点 开 始 搜 索 按 钮 图 4-43 输 入 终 止 地 址 255 按 回 车 键 后, 要 求 单 击 开 始 搜 索 按 钮 单 击 开 始 搜 索 按 钮 后, 搜 索 到 的 计 算 机 显 示 如 图 4-44 所 示

68 62 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 在 这 里 会 看 到 目 标 机 器 点 关 闭 按 钮 图 4-44 搜 索 到 的 计 算 机 制 作 步 骤 如 下 (1) 先 擦 除 上 一 个 提 示, 接 着 显 示 新 的 提 示 点 开 始 搜 索 按 钮, 调 整 位 置 使 之 指 向 开 始 搜 索 按 钮, 如 图 4-43 所 示 (2) 这 之 后 拖 放 一 个 交 互 图 标, 添 加 一 个 组 图 标 开 始 搜 索, 设 为 Hot Spot 交 互 类 型 (3) 调 整 交 互 区 大 小 和 位 置, 使 之 正 好 覆 盖 图 4-43 中 的 开 始 搜 索 按 钮 (4) 双 击 开 始 搜 索 组 图 标 上 方 的 小 方 框, 在 Response 选 项 卡 中 将 Branch 改 为 Exit Interaction (5) 向 流 程 图 中 添 加 一 个 擦 除 图 标 擦 除 背 景, 将 前 面 所 有 的 内 容 擦 除 (6) 添 加 一 个 显 示 图 标 搜 索 结 果, 显 示 实 际 运 行 冰 河 搜 索 计 算 机 后 的 搜 索 结 果 ( 使 用 事 先 截 取 的 图 片 ) (7) 随 后 加 入 一 个 wait 图 标, 将 Time Limit( 等 待 时 间 ) 设 为 2s( 出 现 搜 索 结 果 2s 后 产 生 下 一 步 的 提 示 信 息 ) (8) 之 后 加 入 一 个 显 示 图 标 提 示, 用 于 产 生 如 图 4-44 所 示 的 提 示 信 息, 提 示 用 户 的 下 一 步 操 作 (9) 提 示 图 标 后 接 一 个 交 互 图 标 及 一 个 组 图 标 关 闭, 设 置 为 Hot Spot 交 互 类 型 (10) 将 响 应 区 域 设 置 在 图 4-44 中 的 关 闭 按 钮 处 (11) 双 击 组 图 标 上 方 的 小 方 框, 在 Response 选 项 卡 中 将 Branch 设 为 Try Again 9. 显 示 搜 索 到 的 目 标 计 算 机 双 击 Level6 中 的 最 后 一 个 组 图 标 关 闭, 进 入 如 图 4-45 所 示 的 Level 7

69 第 4 章 课 件 类 论 文 案 例 分 析 63 图 4-45 第 7 层 流 程 图 其 作 用 是 在 图 4-44 中 单 击 关 闭 按 钮, 显 示 的 界 面 如 图 4-46 所 示 点 我 们 已 搜 索 到 的 计 算 机 图 4-46 单 击 关 闭 按 钮, 显 示 的 画 面 制 作 步 骤 如 下 (1) 使 用 擦 除 图 标, 将 上 个 页 面 的 内 容 擦 除 (2) 使 用 显 示 图 标, 显 示 冰 河 搜 索 到 目 标 计 算 机 ( 图 4-46 中 的 为 搜 索 到 的 计 算 机 ) (3) 加 入 一 个 显 示 图 标 提 示, 提 示 用 户 点 我 们 搜 索 到 的 计 算 机 进 行 下 一 步 的 操 作 (4) 加 入 一 个 交 互 图 标 和 两 个 组 图 标 目 标 机 器 和 退 出, 都 设 置 为 Hot Spot (5) 将 第 一 个 交 互 区 域 设 在 的 目 标 计 算 机 上, 第 二 个 交 互 区 域 设 置 在 右 上

70 64 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 角 的 关 闭 按 钮 处 (6) 双 击 第 一 个 组 图 标 目 标 机 器 上 方 的 方 框, 将 鼠 标 指 针 改 为 手 指 形, 在 Response 选 项 卡 中 设 置 其 Branch 为 Try Again,Status 为 Not Judged (7) 对 第 二 个 组 图 标 上 做 同 样 的 设 置 (8) 双 击 第 二 个 组 图 标 退 出, 往 它 的 流 程 中 加 入 一 个 计 算 图 标, 双 击 计 算 图 标, 往 其 中 输 入 Quit(), 作 为 用 户 退 出 程 序 10. 单 击 搜 索 到 的 目 标 计 算 机 双 击 Level7 中 的 第 一 个 组 图 标 目 标 机 器, 出 现 如 图 4-47 所 示 的 Level8 其 功 能 是 单 击 搜 索 到 的 计 算 机 后, 出 现 如 图 4-48 所 示 的 界 面 制 作 步 骤 如 下 : (1) 加 入 擦 除 图 标 删 除, 将 上 个 页 面 的 内 容 擦 除 (2) 加 入 显 示 图 标 显 示, 显 示 图 4-48 中 的 背 景 图 片 (3) 加 入 一 个 wait 图 标 等 待, 等 待 0.5s (4) 加 入 显 示 图 标 说 明, 显 示 图 4-48 中 的 图 4-47 第 8 层 流 程 图 说 明 文 字 上 面 就 是 硬 盘 里 的 内 容, 我 们 可 以 一 一 查 看 图 4-48 单 击 搜 索 到 的 计 算 机 时 显 示 的 画 面 (5) 加 入 一 个 交 互 图 标 和 5 个 组 图 标 C 盘 D 盘 E 盘 F 盘 和 退

71 第 4 章 课 件 类 论 文 案 例 分 析 65 出, 都 设 置 为 Hot Spot (6) 将 前 4 个 交 互 区 域 分 别 设 置 在 相 应 的 硬 盘 上, 退 出 交 互 区 域 设 置 在 右 上 角 的 关 闭 按 钮 处, 调 整 它 们 的 大 小 (7) 双 击 第 5 个 组 图 标 退 出, 往 它 的 流 程 中 加 入 一 个 计 算 图 标, 双 击 计 算 图 标, 往 其 中 输 入 Quit(), 作 为 用 户 退 出 程 序 11. 察 看 硬 盘 中 的 信 息 双 击 Level8 中 的 C 盘 组 图 标, 出 现 如 图 4-49 所 示 的 Level9 其 功 能 是 : 单 击 图 4-48 中 的 C 盘, 显 示 C 盘 中 的 文 件 信 息, 如 图 4-50 所 示 为 实 现 右 击 功 能, 需 修 改 交 互 响 应 类 型 双 击 RightMouseDown 上 方 的 相 应 类 型 标 识 符, 在 Response 选 项 卡 中 将 Type 设 为 Conditional, 将 Branch 设 为 Try Again, 将 Status 设 为 Not Judged 图 4-49 第 9 层 流 程 图 这 样 可 以 对 其 中 的 文 件 进 行 操 作 了, 右 击 某 个 文 件, 如 PANDA.RPT 图 4-50 显 示 C 盘 中 的 文 件 信 息 其 他 内 容 的 制 作 方 法 与 前 面 相 同, 不 再 详 述 12. 右 击 后 出 现 快 捷 菜 单 双 击 Level9 中 的 RightMouseDown 组 图 标, 出 现 如 图 4-51 所 示 的 Level10

72 66 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 图 4-51 第 10 层 流 程 图 在 图 4-50 中 右 击, 出 现 如 图 4-52 所 示 的 画 面, 其 中 的 背 景 图 和 提 示 语 分 别 通 过 流 程 图 中 的 显 示 右 击 的 图 像 和 提 示 语 言 显 示 图 标 提 供 交 互 图 标 的 交 互 类 型 为 Hot Spot, 其 位 置 大 小 与 快 捷 菜 单 中 的 删 除 命 令 重 叠 可 以 对 这 个 文 件 进 行 这 些 操 作, 比 如 删 除 图 4-52 右 击 出 现 的 画 面 13. 删 除 文 件 确 认 双 击 Level10 中 的 交 互 组 图 标, 出 现 如 图 4-53 所 示 的 Level11 在 图 4-52 中 选 择 删 除 命 令, 出 现 如 图 4-54 所 示 的 对 话 框 显 示 提 示 提 示 语 言 图 标 分 别 是 图 中 的 背 景 和 提 示 语 是 按 钮 响 应 交 互 图 标 的 交 互 类 型 仍 然 为 Hot Spot, 其 位 置 和 大 小 与 背 景 图 中 的 按 钮 是 (Y) 重 叠

73 第 4 章 课 件 类 论 文 案 例 分 析 67 图 4-53 第 11 层 流 程 图 单 击 是 就 可 以 将 这 个 文 件 删 除 了 图 4-54 单 击 删 除 后 出 现 的 画 面 14. 删 除 文 件 双 击 Level11 中 的 是 按 钮 响 应 组 图 标, 出 现 如 图 4-55 所 示 的 Level12 在 图 4-54 中 单 击 是 (Y) 按 钮, 文 件 被 删 除, 如 图 4-56 所 示 显 示 删 除 文 件 后 的 图 像 显 示 图 标 为 图 4-56 中 的 背 景, 退 出 交 互 图 标 的 交 互 类 型 仍 然 为 Hot Spot, 其 位 置 和 大 小 与 图 4-56 中 右 上 角 的 按 钮 图 4-55 第 12 层 流 程 图

74 68 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 重 叠 双 击 退 出 图 标, 进 入 Level13, 在 其 中 加 入 一 个 计 算 图 标, 输 入 quit(), 完 成 退 出 功 能 图 4-56 文 件 删 除 后 的 画 面 15. 文 件 打 包 按 照 中 的 方 法, 单 击 Command 菜 单, 选 择 Find Xtras 命 令, 将 查 找 到 的 文 件 复 制 到 存 放 毕 设.a6p 相 同 的 目 录 中 ( 系 统 自 动 建 立 子 目 录 XTRAS, 文 件 存 放 在 该 子 目 录 中 ) 单 击 File 菜 单, 选 择 Publish 下 的 Package 命 令, 生 成 独 立 运 行 的 毕 设.exe 文 件 案 例 简 评 本 案 例 充 分 使 用 了 Authorware 的 Button Hot Spot Text Entry 和 Conditional 等 交 互 功 能, 使 用 了 显 示 图 标 擦 除 图 标 等 待 图 标 交 互 图 标 计 算 图 标 和 群 组 图 标, 实 现 了 冰 河 的 模 拟 操 作, 完 成 了 仿 真 实 验 的 要 求 在 案 例 实 现 过 程 中 用 到 了 大 量 的 冰 河 界 面, 这 就 需 要 事 先 构 建 一 个 网 络 环 境, 在 两 台 机 器 中 分 别 安 装 冰 河 的 客 户 端 和 服 务 器 端 程 序, 进 行 实 际 操 作, 并 将 实 际 操 作 中 的 所 有 界 面 截 取 并 保 存 下 来 注 意 : 在 构 建 环 境 的 实 际 操 作 过 程 中, 要 断 开 内 部 网 络 同 外 界 的 连 接, 操 作 完 成 后, 务 必 将 冰 河 程 序 去 除

75 第 4 章 课 件 类 论 文 案 例 分 析 WWW 课 件 网 页 设 计 与 制 作 案 例 分 析 本 课 件 属 于 基 于 学 生 的 自 学 型 课 件, 课 件 的 目 的 是 提 供 同 学 通 过 Internet 环 境 对 网 页 设 计 与 制 作 课 程 进 行 学 习 课 件 的 开 发 采 用 FrontPage 2003 结 合 JavaScript 脚 本 语 言 和 ASP 环 境 实 现 表 单 与 交 互 多 媒 体 技 术 的 关 键 特 性 是 集 成 性 和 交 互 性, 所 谓 集 成 性 是 指 将 各 种 媒 体 信 息 有 效 地 集 成 在 一 起, 但 由 于 网 络 带 宽 的 原 因, 作 为 网 络 多 媒 体 课 件, 除 非 必 要, 一 般 不 要 采 用 太 多 的 媒 体 元 素, 而 是 要 更 多 地 体 现 多 媒 体 技 术 交 互 性 这 一 特 性 因 为 交 互 性 不 仅 能 够 增 加 学 生 对 信 息 的 注 意 力, 并 且 可 以 使 学 生 积 极 参 与 信 息 的 组 织, 控 制 信 息 的 传 播, 以 达 到 加 深 对 信 息 理 解 的 目 的 1.HTML 文 件 基 本 结 构 网 页 的 制 作 可 以 通 过 可 视 化 工 具 FrontPage 2003 进 行, 但 是 交 互 功 能 必 须 通 过 修 改 HTML 源 代 码 才 能 实 现 HTML 文 件 由 标 记 和 文 本 组 成, 用 于 指 示 浏 览 器 以 什 么 方 式 显 示 信 息 在 HTML 中, 标 记 放 在 符 号 < 和 > 之 间 HTML 文 件 的 第 一 行 是 标 记 <html>, 其 结 束 标 记 是 </html>, 它 表 明 这 个 文 本 文 件 为 HTML 文 档 HTML 文 档 中 的 内 容 可 以 分 为 三 大 部 分, 即 文 件 头 标 记 <head></head> 和 文 件 体 标 记 <body></body> 以 及 一 些 注 释 文 件 头 标 记 和 文 件 体 标 记 的 内 容 又 由 其 他 的 标 记 和 文 本 及 注 释 组 成 也 就 是 说, 一 个 HTML 文 件 应 具 有 下 面 的 基 本 结 构 : <html> <head> 文 件 头 内 容 </head> <body> 文 件 体 内 容 </body> </html> 除 了 个 别 标 记 以 外, 大 部 分 标 记 均 放 在 文 件 体 标 记 <body> </body> 之 间, 还 可 以 通 过 设 置 属 性 对 标 记 做 进 一 步 的 描 述 打 开 记 事 本, 输 入 下 面 的 几 行 HTML 语 句 <html> <head> <title>html 结 构 </title>

76 70 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 </head> <body> 欢 迎 您 的 到 来 </body> </html> 将 文 件 保 存 为 first.htm, 保 存 类 型 为 其 他 文 件 在 资 源 管 理 器 中 打 开 该 文 件, 在 浏 览 器 中 看 到 图 4-57 的 结 果, 其 中 <title> 标 记 中 的 内 容 HTML 结 构 在 浏 览 器 的 标 题 栏 中 出 现 对 <body> 标 记 进 行 如 下 修 改 并 保 存 : <body bgcolor=#ff0000> 通 过 在 标 记 中 添 加 bgcolor 属 性, 将 网 页 的 背 景 颜 色 改 为 红 色 (#RGB,R 的 值 为 ff, 表 示 红 色 ) 在 浏 览 器 中 单 击 刷 新 按 钮, 图 4-57 中 的 底 色 变 成 了 红 色 图 4-57 first.htm 显 示 效 果 2. 表 格 在 HTML 文 档 中, 表 格 的 定 义 通 过 <table> </table> 标 记 实 现, 所 有 其 他 的 表 格 标 记 都 包 含 在 这 一 对 标 记 之 中 在 网 页 设 计 时, 通 过 将 表 格 边 框 粗 细 设 置 为 0, 在 表 格 中 加 入 文 字 图 像 动 画 等 各 种 内 容, 实 现 网 页 布 局 下 面 通 过 FrontPage 2003 修 改 表 格 的 边 框 在 FrontPage 2003 的 设 计 窗 口 中, 单 击 插 入 表 格 按 钮, 制 作 一 个 表 格, 例 如 3 行 3 列 右 击 表 格 的 任 何 位 置, 在 快 捷 菜 单 中 选 择 表 格 属 性 命 令, 出 现 图 4-58 所 示 的 表 格 属 性 对 话 框, 将 其 中 的 边 框 粗 细 改 为 0, 关 闭 对 话 框 在 FrontPage 的 设 计 窗 口 中 看 到 表 格 的 边 框 成 为 虚 线, 这 样, 在 浏 览 器 中 浏 览 时 将 看 不 到 表 格 边 框 图 4-58 将 表 格 边 框 改 为 0 也 可 以 直 接 修 改 table 标 记 的 属 性 border, 将 表 格 的 边 框 置 0, 代 码 为 : <table border="0" > 在 FrontPage 2003 中, 为 方 便 用 户 进 行 网 页 布 局, 还 提 供 了 表 格 布 局 功 能, 其 操 作 步 骤 如 下 在 表 格 菜 单 中, 选 择 布 局 表 格 和 单 元 格 命 令, 出 现 布 局 表 格 和 单 元 格 任 务 窗 格, 如 图 4-59 所 示

77 第 4 章 课 件 类 论 文 案 例 分 析 71 新 建 表 格 和 单 元 格 命 令 按 钮 表 格 布 局 模 板 列 表 图 4-59 表 格 布 局 功 能 的 实 现 通 过 新 建 表 格 和 单 元 格 中 的 插 入 布 局 表 格 插 入 布 局 单 元 格 命 令 或 按 钮 实 现 手 工 布 局 对 于 常 见 类 型 的 布 局, 则 可 以 在 表 格 布 局 模 板 列 表 中 直 接 选 择 所 需 要 的 布 局 类 型, 再 使 用 上 述 手 工 的 方 法 进 行 修 改, 将 大 大 加 快 网 页 的 总 体 布 局 3. 表 单 表 单 是 信 息 交 流 的 窗 口, 是 一 个 页 面 上 的 表 单 域 的 集 合, 用 户 通 过 在 文 本 框 中 输 入 文 字, 选 中 单 选 按 钮 和 复 选 框, 从 下 拉 式 菜 单 中 选 择 选 项 等 来 填 写 表 单, 最 后 通 过 单 击 一 个 通 常 标 为 提 交 的 按 钮 来 提 交 表 单 表 单 的 标 准 格 式 为 : <form action="url" method=*>... <input type=submit> <input type=reset> </form> 其 中,action="URL" 中 的 URL 指 明 客 户 端 向 服 务 器 请 求 的 文 件, 一 般 为 asp 文 件 method=* 中 的 * 表 示 GET 或 POST, 说 明 浏 览 器 与 服 务 器 之 间 的 通 信 方 法,GET 传 输 方 法 适 合 传 输 少 量 数 据, 而 POST 方 法 适 合 传 输 较 大 量 的 数 据 表 单 中 提 供 给 用 户 进 行 输 入 的 语 句 是 <input type=* name=#> 其 中 type=* 中 的 * 代 表 text( 文 本 框 ) checkbox( 复 选 框 ) radio( 单 选 按 钮 ) submit ( 提 交 按 钮 ) reset( 重 置 按 钮 ) 等 不 同 的 输 入 元 素 类 型

78 72 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 name=# 中 的 # 代 表 表 单 元 素 的 名 称, 供 服 务 器 的 表 单 处 理 程 序 识 别 处 理 表 单 的 创 建 一 般 通 过 所 见 即 所 得 的 工 具 FrontPage 2003 实 现, 然 后 通 过 修 改 源 代 码 实 现 表 单 内 容 的 收 集, 完 成 交 互 功 能 下 面 是 一 个 使 用 FrontPage 2003 制 作 表 单 的 简 单 例 子 在 FrontPage 2003 中, 单 击 插 入 菜 单, 选 择 表 单 下 的 文 本 框 命 令, 在 设 计 窗 口 中 出 现 如 图 4-60 所 示 的 表 单, 表 单 中 带 有 一 个 文 本 框 和 两 个 按 钮 图 4-60 插 入 表 单 将 光 标 定 位 在 文 本 框 前, 输 入 文 字 请 输 入 姓 名 :, 再 将 光 标 定 位 在 文 本 框 后, 按 回 车 键, 设 计 窗 口 如 图 4-61 所 示 图 4-61 编 辑 表 单 保 存 文 件 为 form.htm, 至 此 一 个 最 基 本 的 表 单 建 立 完 毕 若 要 添 加 其 他 表 单 元 素, 可 以 通 过 插 入 菜 单 中 的 表 单 命 令 实 现 单 击 文 件 菜 单, 选 择 在 浏 览 器 中 预 览 命 令, 或 直 接 按 F12 键, 出 现 如 图 4-62 所 示 的 页 面 在 请 输 入 姓 名 : 后 的 文 本 框 中 输 入 相 应 内 容 若 单 击 重 置 按 钮, 可 以 将 输 入 的 内 容 清 除 ; 若 单 击 提 交 按 钮, 会 出 现 如 图 4-63 所 示 的 页 面 图 4-62 预 览 效 果 图 4-63 单 击 提 交 按 钮 后 的 效 果

79 第 4 章 课 件 类 论 文 案 例 分 析 73 这 是 什 么 原 因 呢? 单 击 FrontPage 2003 左 下 角 的 代 码 视 图, 看 到 刚 才 制 作 表 单 时 所 对 应 的 主 要 代 码 如 下 : <html> <head> <title> 请 输 入 姓 名 </title> </head> <body> <form method="post" action="--webbot-self--"> <p> 请 输 入 姓 名 :<input type="text" name="t1" size="20"></p> <p><input type="submit" value=" 提 交 " name="b1"><input type="reset" value=" 重 置 " name="b2"></p> </form> </body> </html> 问 题 出 在 代 码 中 <form> 标 记 的 action 属 性 上 切 换 到 设 计 视 图, 右 击 表 单 空 白 处, 在 快 捷 菜 单 中 选 择 表 单 属 性 命 令, 出 现 如 图 4-64 所 示 的 对 话 框, 选 中 发 送 到 其 他 对 象 单 选 按 钮, 单 击 确 定 按 钮 图 4-64 修 改 表 单 属 性 切 换 到 代 码 视 图, 将 action 属 性 改 为 : <form method="post" action="first.htm"> 保 存 文 件, 重 新 运 行, 在 图 4-62 中 单 击 提 交 按 钮, 调 用 first.htm 文 件, 出 现 如 图 4-57 所 示 的 页 面 若 将 action 后 的 文 件 改 为 ASP 文 件, 存 放 在 服 务 器 中 当 用 户 单 击 提 交 按 钮 后, 通 过 表 单 处 理 程 序 从 表 单 中 收 集 信 息, 将 数 据 提 交 给 服 务 器, 服 务 器 启 动 表 单 控 制 器 进 行 数 据 处 理, 并 将 结 果 生 成 新 的 网 页, 显 示 在 用 户 屏 幕 上, 这 样 就 实 现 了 客 户 端 与 服 务 器 端 的 交 互 功 能

80 74 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 通 过 JavaScript 实 现 交 互 功 能 通 常 情 况 下,ASP 程 序 是 由 HTML 标 记 和 脚 本 程 序 代 码 混 杂 在 一 起 组 成 的 脚 本 语 言 (scripting language) 是 基 于 对 象 和 事 件 驱 动 并 具 有 安 全 性 能 的 语 言, 它 与 HTML 超 文 本 标 记 语 言 Java 小 程 序 一 起 开 发 客 户 端 的 应 用 程 序 脚 本 语 言 通 过 使 用 <Script> </Script> 标 识, 嵌 入 在 标 准 的 HTML 语 言 中, 以 实 现 动 态 功 能 JavaScript 是 由 Netscape 公 司 开 发 的 一 种 脚 本 语 言, 在 HTML 基 础 上, 使 用 JavaScript 可 以 开 发 交 互 式 Web 网 页,JavaScript 是 最 常 用 的 脚 本 语 言 之 一 基 于 对 象 的 语 言, 其 基 本 特 征 就 是 采 用 事 件 驱 动, 即 由 鼠 标 或 热 键 引 发 一 连 串 程 序 的 动 作, 并 通 过 事 件 处 理 程 序 响 应 用 户 的 操 作 绝 大 部 分 事 件 都 是 由 用 户 的 动 作 所 引 发 的 如 果 用 户 单 击 鼠 标 按 钮, 就 产 生 单 击 事 件, 如 果 鼠 标 的 指 针 在 链 接 上 移 动, 就 产 生 MouseOver 事 件 在 JavaScript 中 定 义 有 许 多 事 件, 常 见 的 事 件 有 单 击 事 件 onclick 改 变 事 件 onchange 选 中 事 件 onselect 获 得 焦 点 事 件 onfocus 载 入 文 件 事 件 onload 等 要 使 JavaScript 程 序 能 够 响 应 事 件, 就 需 要 事 件 处 理 程 序 的 帮 助 事 件 处 理 程 序 指 对 事 件 进 行 处 理 的 程 序 或 函 数, 它 告 诉 计 算 机 做 什 么 工 作 JavaScript 的 对 象 处 理 程 序 通 常 由 函 数 担 任 下 面 这 段 程 序 就 是 通 过 JavaScript 实 现 交 互 功 能 的 简 单 例 子 <html> <head> <script language="javascript"> function calculation() { x= 12; y= 5; result= x + y; alert(result); } </script> </head> <body> <form> <input type="button" value=" 计 算 " onclick=" calculation()"> </form> </body> </html> 注 意 :<Script> </Script> 标 记 一 般 放 在 <head> </head> 中,JavaScript 函 数 中 的 内 容 在 一 对 { } 之 中, 函 数 中 的 语 句 用 ; 结 束, 变 量 不 需 要 定 义, 可 以 直 接 使 用 运 行 该 程 序, 浏 览 器 读 取 页 面 时, 找 到 <Script> 标 记, 识 别 出 JavaScript 代 码 并 保 存 代

81 第 4 章 课 件 类 论 文 案 例 分 析 75 码 然 后 显 示 表 单 中 的 一 个 标 有 计 算 的 按 钮 当 用 户 单 击 该 按 钮 时, 触 发 OnClick 事 件, 调 用 calculation 函 数 对 该 事 件 进 行 处 理, 浏 览 器 使 按 钮 与 代 码 连 接, 并 运 行 该 代 码, 将 结 果 显 示 在 <Script> </Script> 标 记 中,calculation 函 数 的 功 能 是 计 算 x+y 的 值, 并 将 计 算 结 果 通 过 JavaScript 内 部 函 数 alert ( ) 执 行 alert ( ) 将 创 建 一 个 弹 出 窗 口, 括 号 中 指 定 字 符 串 result 的 内 容, 即 x+y 的 值 当 单 击 计 算 按 钮 时, 其 效 果 如 图 4-65 所 示 图 4-65 JavaScript 实 现 交 互 通 过 ASP 实 现 交 互 功 能 静 态 站 点 的 网 页 内 容 是 固 定 不 变 的, 如 果 要 更 新 网 页 内 容, 只 能 通 过 手 工 方 式 更 新 其 HTML 文 件 数 据 动 态 站 点 的 网 页 内 容 会 按 照 不 同 时 间 不 同 使 用 者 提 供 不 同 的 网 页 内 容, 无 须 手 工 对 网 页 内 容 进 行 更 新, 网 页 内 容 会 按 照 使 用 者 的 需 要 或 选 择 而 改 变 例 如 可 以 设 计 一 个 动 态 网 页, 该 网 页 能 够 根 据 当 前 时 间 的 不 同, 分 别 显 示 早 上 好 中 午 好 或 晚 上 好 ASP 是 Microsoft 公 司 提 出 的 实 现 动 态 站 点 的 一 种 方 案, 它 提 供 了 一 个 服 务 器 端 的 脚 本 环 境, 通 过 使 用 VBScript JavaScript 等 脚 本 语 言, 结 合 HTML 代 码, 可 以 快 速 完 成 动 态 网 站 的 开 发 当 用 户 从 浏 览 器 向 Web 服 务 器 请 求 ASP 文 件 时,Web 服 务 器 响 应 该 HTTP 请 求, 调 用 ASP 引 擎, 全 面 读 取 请 求 的 ASP 文 件, 执 行 其 中 的 脚 本 命 令, 将 该 ASP 文 件 解 释 为 标 准 的 HTML 格 式 的 网 页, 然 后 发 送 到 用 户 端 的 浏 览 器 上 显 示 出 来 1.IIS 的 安 装 ASP 的 运 行 平 台 是 在 Microsoft Windows 2000 中 安 装 IIS, 下 面 是 IIS 的 安 装 步 骤 : 选 择 开 始 设 置 控 制 面 板 命 令, 双 击 添 加 / 删 除 程 序 图 标, 在 出 现 的 添 加 / 删 除 程 序 对 话 框 中, 单 击 添 加 / 删 除 Windows 组 件 按 钮, 出 现 如 图 4-66 所 示 选 择 组 件 对 话 框, 选 中 IIS 组 件, 连 续 单 击 下 一 步 按 钮, 按 照 系 统 默 认 设 置 即 可 完 成 IIS 的 安 装, 该 计 算 机 就 可 以 作 为 服 务 器 被 使 用

82 76 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 图 4-66 选 择 组 件 对 话 框 在 安 装 IIS 时, 系 统 提 供 了 一 个 默 认 的 Web 站 点, 可 以 直 接 使 用, 其 WWW 服 务 的 默 认 目 录 是 C:\Interpub\wwwroot 目 录 当 然 也 可 以 根 据 需 要 建 立 新 站 点, 不 过 对 于 毕 业 设 计 来 说, 不 是 十 分 必 要 注 意 :IIS 安 装 完 成 后, 只 要 将 编 写 的 HTML 文 件 或 ASP 文 件 保 存 到 该 目 录 下, 通 过 在 浏 览 器 中 输 入 /index.asp 或 其 他 文 件 名 即 可 进 行 调 试 其 效 果 与 在 网 络 连 通 环 境 下, 在 其 他 计 算 机 的 浏 览 器 中 输 入 服 务 器 的 IP 地 址 ( 代 替 ) 的 实 际 情 况 完 全 一 致 2.ASP 文 件 注 意 :ASP 文 件 是 一 个 扩 展 名 为 ASP 的 文 本 文 件, 可 以 使 用 任 何 文 本 编 辑 器 编 写 在 ASP 中, 所 有 脚 本 命 令 都 包 含 在 <% 和 %> 之 间 下 面 是 根 据 当 前 时 间 的 不 同 分 别 显 示 早 上 好 中 午 好 或 晚 上 好 的 例 子 <html> <body> <% If Time < #12:00:00# And Time >= #00:00:00# Then %> 早 上 好! <% ElseIf Time < #19:00:00# And Time >= #12:00:00# Then %> 下 午 好! <% Else %> 晚 上 好! <% End If %> </body> </html> 将 上 面 的 程 序 以 文 件 名 test.asp 保 存 在 C:\Interpub\wwwroot 目 录 下, 在 浏 览 器 中 输 入 /test.asp, 服 务 器 收 到 这 个 请 求 后, 使 用 ASP 的 脚 本 语 言 解 释 器 解 释 原 始 程 序,

83 第 4 章 课 件 类 论 文 案 例 分 析 77 生 成 标 准 的 HTML 格 式 的 网 页 内 容, 传 送 到 用 户 端 的 浏 览 器 ( 在 客 户 端 所 看 到 的 是 经 过 解 释 的 代 码, 而 不 是 原 始 程 序 ), 这 样 就 可 以 实 现 动 态 页 面 效 果 例 如, 当 访 问 的 时 间 介 于 12:00~19:00 之 间 时, 用 户 端 浏 览 器 中 显 示 的 是 下 午 好!, 在 用 户 端 察 看 到 的 程 序 代 码 如 下 <html> <body> 下 午 好! </body> </html> 3.Request 对 象 ASP 特 点 之 一 就 是 提 供 了 功 能 强 大 的 内 置 对 象, 它 们 是 Request, 从 客 户 端 获 取 信 息 ; Response, 将 信 息 送 给 客 户 端 ;Server, 提 供 Web Server 工 具 ;Session, 存 储 在 一 个 Session 内 使 用 者 的 信 息 ;Application, 在 一 个 ASP 应 用 内 让 不 同 的 使 用 者 共 享 信 息 为 了 获 取 客 户 端 的 信 息, 实 现 与 用 户 的 交 互, 需 要 使 用 ASP 的 内 置 对 象 Request 其 作 用 是 当 服 务 器 端 接 收 到 客 户 端 的 请 求 时,ASP 可 以 利 用 Request 对 象 获 得 客 户 端 的 信 息 一 般 来 说,HTML 的 Form( 表 单 ) 是 主 页 间 传 递 信 息 的 最 主 要 手 段,ASP 遵 从 普 通 的 利 用 客 户 端 的 Form 进 行 数 据 交 换 的 方 法 利 用 Request 对 象 的 Form 方 法, 服 务 器 端 可 以 通 过 客 户 端 的 HTTP 请 求, 取 得 客 户 端 所 填 入 的 Form 内 的 所 有 信 息 使 用 Form 方 法 具 体 的 语 句 是 Request. Form(String 参 数 ), 其 中 String 参 数 的 作 用 是 指 定 要 返 回 的 Form 内 表 单 元 素 的 名 称 下 面 通 过 一 个 简 单 注 册 例 子 说 明 它 的 应 用 该 例 子 有 两 个 文 件 组 成, 文 件 request.htm 让 注 册 用 户 在 表 单 的 文 本 框 中 输 入 信 息,response.asp 文 件 将 用 户 的 输 入 信 息 显 示 出 来 这 两 个 程 序 均 保 存 在 C:\Interpub\wwwroot 目 录 中 用 于 输 入 信 息 的 源 文 件 request.htm 内 容 如 下 <html> <head> </head> <body> asp 注 册 : <form name="validform" method="post" action="response.asp"> 请 输 入 姓 名 : <input name="usename" type="text"> 所 在 单 位 : <input name="usecompany" type="text"> <input name="submit" type="submit" value=" 确 认 注 册 "> </form> </body> </html> 运 行 该 程 序, 如 图 4-67 所 示

84 78 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 图 4-67 用 户 注 册 页 面 该 程 序 同 中 的 例 子 相 似, 其 中 第 一 个 文 本 框 的 名 字 是 usename, 第 二 个 文 本 框 的 名 字 为 usecompany, 不 同 的 是 action 所 对 应 的 文 件 是 ASP 文 件 处 理 用 户 输 入 的 源 程 序 如 下 <html> <head> </head> <body> 谢 谢 <%=request.form("usecompany")%> 的 <%=request.form("usename")%> 注 册! </body> </html> 在 图 4-67 中 输 入 姓 名 张 三, 单 位 清 华 大 学 出 版 社, 单 击 确 认 注 册 按 钮, 结 果 如 图 4-68 所 示 图 4-68 处 理 返 回 页 面 谢 谢 后 面 的 文 字 使 用 ASP 内 置 对 象 Request 的 form 方 法, 从 表 单 的 usecompany 域 中 获 取 清 华 大 学 出 版 社, 的 后 的 文 字 张 三 从 usename 域 中 获 得, 最 后 返 回 到 客 户 端 的 浏 览 器 中 显 示 课 题 分 析 1. 必 要 性 分 析 本 课 件 是 与 网 页 设 计 与 制 作 课 程 配 套 使 用 的 网 上 实 践 系 统, 网 页 设 计 与 制 作 课 程 中 要 学 习 大 量 的 HTML JavaScript CSS XML 标 记 在 教 学 过 程 中, 经 常 发 现 学 生

85 第 4 章 课 件 类 论 文 案 例 分 析 79 将 标 记 写 错, 并 且 还 不 知 道 错 在 哪 里 本 课 件 通 过 大 量 的 交 互 功 能, 可 以 帮 助 学 生 检 查 自 己 在 编 写 代 码 时 的 错 误, 促 进 学 生 的 学 习, 使 同 学 们 能 够 更 加 深 入 地 理 解 和 掌 握 课 本 中 学 到 的 知 识, 掌 握 网 页 设 计 与 制 作 的 方 法 2. 可 行 性 分 析 本 课 件 通 过 FrongPage 2003 进 行 页 面 的 制 作, 其 交 互 功 能 则 通 过 ASP JavaScript 实 现, 在 技 术 上 已 非 常 成 熟, 在 毕 业 设 计 这 段 时 间 内, 可 以 顺 利 完 成 结 构 设 计 如 图 4-69 所 示, 课 件 使 用 框 架 将 页 面 分 成 左 右 两 个 部 分, 左 面 部 分 采 用 树 状 结 构, 根 据 教 材 内 容 和 实 践 要 求, 安 排 了 四 类 实 践 项 目, 分 别 是 HTML 标 签 与 属 性 JavaScript 入 门 CSS 应 用 XML 简 介, 每 类 实 践 中 包 含 若 干 个 超 链 接 图 4-69 框 架 结 构 在 左 框 架 中 单 击 某 个 超 链 接, 其 对 应 的 具 体 实 践 内 容 在 框 架 右 面 部 分 显 示 学 生 根 据 题 目 要 求 在 预 留 的 答 题 框 中 填 入 缺 少 的 HTML 文 本 或 动 态 脚 本, 单 击 查 看 结 果 按 钮 可 以 看 到 自 己 答 题 内 容 产 生 的 页 面 效 果, 单 击 参 考 答 案 按 钮 可 以 看 到 系 统 给 出 的 正 确 答 案 软 件 制 作 整 个 课 件 的 制 作 先 通 过 FrongPage 2003 创 建 首 页 面, 在 首 页 面 的 基 础 上 通 过 超 链 接 建 立 各 个 内 容 页 面 的 快 速 原 型, 然 后 对 各 个 内 容 页 面 通 过 FrontPage 2003 进 行 细 化, 最 后 通 过 修 改 代 码 完 成 表 单 的 收 集 与 交 互 功 能

86 80 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 1. 首 页 的 建 立 (1) 在 FrontPage 2003 中 打 开 文 件 菜 单, 选 择 新 建 命 令, 在 出 现 的 新 建 任 务 窗 格 中 选 择 其 他 网 页 模 板 命 令, 出 现 网 页 模 板 对 话 框, 如 图 4-70 所 示 图 4-70 网 页 模 板 在 网 页 模 板 对 话 框 中 单 击 框 架 网 页 标 签, 选 择 目 录 模 板, 单 击 确 定 按 钮, 出 现 如 图 4-71 所 示 界 面 图 4-71 目 录 框 架 网 页 的 建 立 (2) 单 击 右 框 架 main 中 的 新 建 网 页 按 钮, 在 出 现 的 空 白 页 面 中 输 入 下 列 文 字 ( 对 应 于 图 4-69 所 示 右 框 架 中 的 文 字 ) 网 页 设 计 与 制 作 Web 课 件 是 与 该 门 课 程 教 材 配 套 使 用 的 网 上 实 践 系 统 根 据 教 材 内 容 和 实 践 要 求, 安 排 了 四 项 实 践 内 容, 分 别 是 HTML 标 签 与 属 性 JavaScript 入 门 CSS 应 用 XML 简 介

87 第 4 章 课 件 类 论 文 案 例 分 析 81 实 践 内 容 涵 盖 了 网 页 设 计 的 大 部 分 内 容 每 项 实 践 内 容 均 讨 论 了 目 前 比 较 流 行 的 一 种 网 页 设 计 技 术, 并 针 对 该 技 术 的 具 体 使 用 设 计 作 业 题 通 过 对 这 些 实 践 作 业 的 练 习, 同 学 们 能 够 更 加 深 入 地 理 解 和 掌 握 课 本 中 学 到 的 知 识, 并 且 掌 握 网 页 设 计 与 制 作 的 方 法 作 业 系 统 使 用 方 便 简 单, 而 且 具 有 很 强 的 交 互 性 系 统 的 主 页 面 分 为 左 右 两 部 分, 左 侧 是 知 识 点 导 航 树, 列 举 了 本 门 课 程 所 要 学 习 的 实 践 内 容 单 击 某 项 实 践 内 容, 右 侧 的 页 面 会 显 示 出 与 之 配 套 的 作 业 题, 学 生 根 据 题 目 要 求 在 预 留 的 答 题 框 中 填 入 缺 少 的 HTML 文 本 或 动 态 脚 本, 单 击 查 看 结 果 按 钮 可 以 看 到 自 己 设 计 的 网 页 效 果, 单 击 参 考 答 案 按 钮 可 以 看 到 系 统 给 出 的 正 确 答 案 相 信 通 过 该 实 践 内 容 的 练 习, 学 生 能 够 掌 握 独 立 设 计 简 单 网 页 的 能 力 (3) 单 击 左 框 架 contents 中 的 新 建 网 页 按 钮, 在 出 现 的 空 白 页 面 中 使 用 插 入 表 格 工 具 按 钮, 插 入 一 个 19 行 1 列 的 表 格 然 后 在 表 格 的 各 个 单 元 格 中 输 入 下 列 文 字 ( 即 图 4-69 所 示 左 框 架 知 识 点 导 航 树 中 的 内 容 ) HTML 标 签 与 属 性 基 本 标 签 超 链 接 标 签 表 单 标 签 表 格 标 签 框 架 标 签 多 媒 体 标 签 JavaScript 入 门 创 建 新 窗 口 创 建 新 文 档 表 单 提 交 表 单 检 查 CSS 应 用 内 联 式 样 式 单 嵌 入 式 样 式 单 外 部 式 样 式 单 XML 简 介 XML 文 档 在 IE 中 浏 览 (4) 选 中 整 个 表 格, 右 击, 在 快 捷 菜 单 中 选 择 表 格 属 性 命 令, 出 现 表 格 属 性 对 话 框, 将 其 中 边 框 粗 细 设 为 0( 边 框 为 0, 在 浏 览 时 将 看 不 到 表 格 线 ), 单 击 确 定 按 钮 (5) 打 开 文 件 菜 单, 选 择 保 存 命 令, 出 现 如 图 4-72 所 示 另 存 为 对 话 框, 单 击 更 改 标 题 按 钮, 将 标 题 更 改 为 目 录, 将 左 框 架 中 的 文 件 名 更 改 为 contents.htm, 保 存 位 置 选 择 为 C:\Interpub\wwwroot 目 录 (6) 单 击 保 存 按 钮, 出 现 如 图 4-73 所 示 对 话 框, 将 标 题 更 改 为 内 容, 将 文 件 名 更 改 为 main.htm, 保 存 在 C:\Interpub\wwwroot 目 录 下

88 82 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 图 4-72 左 框 架 的 保 存 图 4-73 右 框 架 的 保 存 (7) 单 击 保 存 按 钮, 出 现 如 图 4-74 所 示 对 话 框, 将 标 题 改 为 网 页 设 计 与 制 作, 整 个 框 架 的 文 件 名 为 index.htm, 保 存 位 置 同 上 ( 当 运 行 index.htm 时, 它 将 加 载 框 架 内 的 content.htm 文 件 和 main.htm 文 件 ) 图 4-74 首 页 文 件 的 保 存 至 此, 站 点 的 首 页 文 件 index.htm 建 立 完 毕

89 第 4 章 课 件 类 论 文 案 例 分 析 内 容 页 面 的 超 链 接 实 现 (1) 选 中 知 识 点 导 航 树 中 的 基 本 标 签, 右 击, 在 弹 出 的 快 捷 菜 单 中 选 择 超 链 接 命 令, 出 现 如 图 4-75 所 示 插 入 超 链 接 对 话 框 图 4-75 超 链 接 的 实 现 (2) 单 击 新 建 文 档 按 钮, 在 新 建 文 档 名 称 文 本 框 中 输 入 文 件 名 jbbq( 默 认 扩 展 名 为.htm), 在 何 时 编 辑 选 项 区 域 中 选 中 以 后 再 编 辑 新 文 档 单 选 按 钮, 单 击 确 定 按 钮 基 本 标 签 超 链 接 制 作 完 毕 (3) 选 中 知 识 点 导 航 树 中 的 其 他 项 目, 用 同 样 的 方 法 建 立 其 他 内 容 页 面 的 超 链 接, 然 后 保 存 在 IE 浏 览 器 的 地 址 栏 中 输 入 /index.htm, 结 果 如 图 4-69 所 示 注 意 : 为 了 验 证 各 个 内 容 页 面 的 超 链 接 是 否 正 确, 可 以 在 建 立 超 链 接 的 过 程 中, 在 图 4-75 所 示 的 何 时 编 辑 选 项 区 域 中 选 中 开 始 编 辑 新 文 档 单 选 按 钮, 输 入 文 件 内 容 也 可 以 等 超 链 接 全 部 建 立 完 成 后, 用 FrontPage 2003 打 开 任 何 一 个 页 面 文 件, 在 页 面 中 输 入 内 容 后 保 存 最 后, 在 图 4-69 中 单 击 该 项 超 链 接, 测 试 其 是 否 正 确 例 如 : 在 FrontPage 2003 中 打 开 刚 才 建 立 的 基 本 标 签 对 应 的 jbbq.htm 页 面 文 件, 在 其 中 输 入 just a test 并 保 存, 在 图 4-69 中 单 击 基 本 标 签 超 链 接, 如 图 4-76 所 示, 其 内 容 出 现 在 main 框 架 中 图 4-76 超 链 接 的 验 证

90 84 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 内 容 页 面 的 超 链 接 快 速 原 型 制 作 完 毕 3. 内 容 页 面 的 建 立 课 件 的 主 要 功 能 体 现 在 每 一 个 超 链 接 内 容 页 面 中, 学 生 可 以 根 据 题 目 要 求, 在 预 留 的 答 题 框 中 填 入 缺 少 的 HTML 文 本 或 动 态 脚 本, 点 击 查 看 结 果 按 钮 可 以 看 到 自 己 设 计 的 网 页 效 果 如 果 自 己 做 的 效 果 不 对 或 不 知 如 何 进 行 编 写, 点 击 参 考 答 案 按 钮 可 以 看 到 系 统 给 出 的 正 确 答 案 下 面 以 表 格 标 签 为 例 介 绍 如 何 实 现 该 项 功 能 (1) 使 用 FrontPage 2003 打 开 前 面 创 建 的 空 白 表 格 标 签 页 面 文 件 bgbq.htm, 单 击 插 入 菜 单, 选 择 表 单 下 的 表 单 命 令, 出 现 带 有 提 交 和 重 置 按 钮 的 空 白 表 单 (2) 在 表 单 空 白 处 右 击, 选 择 表 单 属 性 命 令, 出 现 如 图 4-77 所 示 表 单 属 性 对 话 框, 选 中 发 送 到 其 他 对 象 单 选 按 钮, 单 击 确 定 按 钮 图 4-77 表 单 属 性 的 设 置 (3) 右 击 表 单 中 的 提 交 按 钮, 选 择 表 单 域 属 性 命 令, 出 现 如 图 4-78 所 示 按 钮 属 性 对 话 框, 将 值 / 标 签 文 本 框 中 的 内 容 改 为 查 看 结 果, 其 他 不 变 图 4-78 按 钮 属 性 的 设 置 (4) 用 同 样 方 法 将 重 置 按 钮 中 的 文 本 改 为 参 考 答 案, 按 钮 类 型 由 原 来 的 重 置 改 为 提 交 下 面 的 操 作 步 骤 (5)~(9) 实 现 在 按 钮 前 输 入 文 字 表 格 等 页 面 内 容 (5) 将 光 标 定 位 在 查 看 结 果 按 钮 前, 按 回 车 键, 在 出 现 的 空 白 段 落 中 输 入 下 列 文 字 : 表 格 (Table) 在 HTML 网 页 的 数 据 显 示 及 排 版 上 有 很 大 作 用, 一 个 好 的 网 页 的 版 面 设 计 一 定 会 很 规 整, 内 容 摆 放 合 理, 这 样 的 版 式 经 常 是 由 表 格 来 控 制 的 请 你 填 写 缺 少 的 HTML 语 句, 使 其 显 示 如 下 图 所 示 的 表 格 (6) 另 起 一 段, 绘 制 下 列 表 格 :

91 第 4 章 课 件 类 论 文 案 例 分 析 85 产 品 型 号 单 价 ( 元 ) PM PM (7) 在 表 格 下 面 输 入 如 下 代 码 : <html> <body> <table width="50%" border="1"> <tr> <th width="50%"> 产 品 型 号 </th> <th width="50%"> 单 价 ( 元 )</th> </tr> (8) 单 击 插 入 菜 单, 选 择 表 单 下 的 文 本 区 命 令, 在 上 述 代 码 下 插 入 文 本 区 ( 在 程 序 运 行 时, 该 文 本 区 供 学 生 输 入 代 码 ) (9) 右 击 文 本 区, 选 择 表 单 域 属 性 命 令, 出 现 如 图 4-79 所 示 表 单 域 属 性 对 话 框, 将 文 本 图 4-79 文 本 区 属 性 的 设 置 区 宽 度 改 为 50, 行 数 改 为 10( 文 本 区 的 大 小 要 与 运 行 时 由 学 生 输 入 的 代 码 相 适 合 ) (10) 在 文 本 区 下 方 输 入 下 列 代 码 : </table> </body> </html> 如 此, 表 格 标 签 内 容 页 面 制 作 完 毕 在 浏 览 器 的 地 址 栏 中 输 入 /index.htm, 单 击 表 格 标 签 超 链 接, 出 现 如 图 4-80 所 示 表 格 标 签 内 容 页 面 图 4-80 表 格 标 签 内 容 页 面

92 86 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 此 时, 单 击 查 看 结 果 或 参 考 答 案 按 钮 均 无 效 下 面, 通 过 修 改 代 码 实 现 交 互 功 能 4. 查 看 结 果 功 能 的 实 现 当 学 生 在 浏 览 器 中 将 题 目 要 求 的 代 码 输 入 到 表 单 的 文 本 区 后, 单 击 查 看 结 果 按 钮, 能 够 看 到 根 据 自 己 输 入 的 代 码 产 生 的 页 面 效 果 该 功 能 的 实 现 使 用 了 ASP 的 Request 对 象 Form 方 法 当 单 击 查 看 结 果 按 钮 后, 表 单 中 的 内 容 被 传 送 到 服 务 器 端, 服 务 器 根 据 表 单 中 的 相 应 信 息, 返 回 学 生 输 入 代 码 所 产 生 的 页 面 效 果, 以 便 学 生 判 断 自 己 输 入 的 代 码 是 否 有 错 制 作 步 骤 如 下 (1) 在 FrontPage 中 将 视 图 切 换 到 代 码 视 图, 使 用 编 辑 菜 单 的 查 找 命 令 找 到 form 标 签 (2) 在 <form method="post"> 代 码 中 加 入 action 属 性, 使 form 标 签 成 为 <form method="post" action="result.asp"> (3) 在 记 事 本 中 输 入 下 列 代 码 : <html> <head> </head> <body> <table width="50%" border="1"> <tr> <th width="50%" > 产 品 型 号 </th> <th width="50%" > 单 价 ( 元 )</th> </tr> <%=request.form("s1")%> <table> </body> </html> 在 上 述 代 码 中, 语 句 <%=request.form("s1")%> 中 使 用 了 Request 对 象 的 Form 方 法, 获 取 客 户 端 学 生 填 写 在 表 单 s1 元 素 中 的 内 容 ( 如 图 4-79 所 示,s1 为 文 本 区 的 默 认 名 称 ), 然 后 转 变 成 标 准 HTML 格 式 的 网 页, 传 送 到 客 户 端 的 浏 览 器 如 果 学 生 在 表 单 中 输 入 的 代 码 正 确, 就 能 看 到 符 合 题 目 要 求 的 页 面, 如 果 代 码 错 误, 只 能 看 到 根 据 错 误 代 码 产 生 的 不 同 错 误 页 面 (4) 将 上 述 代 码 保 存 在 C:\Interpub\wwwroot 目 录 下, 文 件 名 为 result.asp 重 新 在 浏 览 器 中 输 入 /index.htm, 单 击 表 格 标 签 超 链 接, 在 出 现 的 如 图 4-80 所 示 的 表 格 标 签 内 容 页 面 的 文 本 区 中 输 入 下 列 正 确 内 容 : <tr> <td width="50%" align="center">pm </td> <td width="50%" align="center">5500</td> </tr>

93 第 4 章 课 件 类 论 文 案 例 分 析 87 <tr> <td width="50%" align="center">pm </td> <td width="50%" align="center">3200</td> </tr> 单 击 查 看 结 果 按 钮, 即 可 显 示 如 图 4-81 所 示 的 正 确 表 格 图 4-81 代 码 输 入 正 确 时 的 页 面 效 果 如 果 在 文 本 区 中 输 入 的 标 记 有 错, 则 会 根 据 不 同 的 错 误 显 示 其 对 应 的 页 面 效 果 例 如 在 上 述 输 入 代 码 中 缺 少 align="center", 则 显 示 如 图 4-82 所 示, 表 格 中 的 数 据 不 会 居 中 显 示 图 4-82 代 码 输 入 错 误 时 的 页 面 效 果

94 88 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 5. 参 考 答 案 功 能 的 实 现 当 学 生 不 清 楚 自 己 输 入 的 代 码 是 否 正 确, 或 者 错 在 哪 里, 可 以 单 击 参 考 答 案 按 钮, 这 时, 出 现 如 图 4-83 所 示 的 一 个 新 的 浏 览 器 窗 口, 窗 口 中 的 内 容 是 对 应 题 目 的 全 部 代 码, 并 将 要 求 学 生 输 入 的 正 确 代 码 用 红 色 文 字 标 出 图 4-83 单 击 参 考 答 案 后 显 示 的 页 面 效 果 下 面 是 该 功 能 实 现 的 具 体 过 程 (1) 在 FrontPage 中 将 视 图 切 换 到 拆 分 视 图, 单 击 参 考 答 案 按 钮, 在 代 码 部 分 自 动 显 示 相 应 的 HTML 代 码, 如 图 4-84 所 示 图 4-84 拆 分 视 图 中 的 显 示 效 果

95 第 4 章 课 件 类 论 文 案 例 分 析 89 (2) 将 其 中 的 <input type="button" value=" 参 考 答 案 " name="b2"> 代 码 改 为 : <input onclick=settable(); type=button value=" 参 考 答 案 " name="b2"> 代 码 中 使 用 了 JavaScript 的 单 击 事 件, 当 单 击 参 考 答 案 按 钮 时, 调 用 settable() 函 数 (3) 编 写 函 数 settable() 在 <head> </head> 代 码 块 中 插 入 下 列 代 码 : <script language =javascript > function settable() { pop=window.open("answer.htm"); } </script> settable() 函 数 使 用 JavaScript 的 window.open() 命 令, 作 用 是 打 开 新 窗 口, 并 将 HTML 文 件 answer.htm 加 载 到 新 窗 口 (4) 编 写 answer.htm 文 件 ( 该 文 件 内 容 为 正 确 的 代 码 ) 在 FrontPage 2003 中 单 击 新 建 普 通 网 页 按 钮, 在 设 计 视 图 中 输 入 下 列 文 字 与 代 码 本 题 参 考 答 案 为 : <html> <head> </head> <body> <table width='50%' border='1'> <tr> <th width="50%" > 产 品 型 号 </th> <th width="50%" > 单 价 ( 元 )</th> </tr> <tr> <td width="50%" align="center">pm </td> <td width="50%" align="center">5500</td> </tr> <tr> <td width="50%" align="center">pm </td> <td width="50%" align="center">3200</td> </tr> <table> </body> </html> 选 中 上 面 用 粗 体 表 示 的 代 码, 单 击 格 式 菜 单, 选 择 字 体 命 令, 在 出 现 的 字 体 对 话 框 中 单 击 颜 色 下 拉 列 表 框, 选 择 红 色 这 段 代 码 表 示 同 学 应 在 浏 览 器 的 文 本 区 中 输 入 的 正 确 代 码

96 90 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 保 存 该 文 件, 标 题 为 参 考 答 案, 文 件 名 为 answer.htm, 保 存 位 置 在 C:\Interpub\wwwroot 至 此, 表 格 标 签 页 面 全 部 制 作 完 毕 重 新 在 浏 览 器 中 输 入 /index.htm, 单 击 表 格 标 签 超 链 接, 在 出 现 的 如 前 图 4-80 所 示 表 格 标 签 内 容 页 面 中, 单 击 参 考 答 案 按 钮, 则 出 现 一 个 新 的 浏 览 器 窗 口, 在 其 中 显 示 正 确 代 码 重 复 步 骤 (3)~(5), 可 以 实 现 其 他 页 面 的 制 作 案 例 简 评 该 毕 业 设 计 的 难 点 在 于 如 何 将 ASP 与 JavaScript 的 功 能 结 合 到 课 题 中 同 学 在 着 手 进 行 设 计 前, 看 了 许 多 这 方 面 的 参 考 书, 被 ASP 和 JavaScript 的 强 大 功 能 所 迷 惑, 不 知 如 何 选 择 符 合 课 题 所 需 要 的 命 令, 这 也 是 同 学 在 做 毕 业 设 计 时 碰 到 的 通 病 其 实 只 要 将 课 件 需 要 实 现 的 功 能 列 出, 然 后 查 找 实 现 该 功 能 的 命 令, 并 使 用 该 命 令 完 成 一 个 短 小 的 实 例 即 可 ( 正 如 在 4.3.1~4.3.3 中 介 绍 的 那 样 ), 完 全 不 必 要 将 一 本 书 上 的 例 子 全 部 做 一 遍 课 件 制 作 以 前, 需 要 根 据 教 材 内 容 设 计 实 践 作 业 题, 这 些 实 践 作 业 题 必 须 同 知 识 点 导 航 树 中 所 列 出 的 内 容 相 对 应, 然 后 全 部 正 确 地 做 一 遍, 完 成 参 考 答 案 的 制 作, 工 作 量 比 较 大 如 果 时 间 宽 裕 的 话, 可 以 在 首 页 采 用 横 幅 与 目 录 框 架 结 构 代 替 目 录 框 架 结 构, 在 横 幅 中 放 置 一 个 标 题 图 片 或 GIF 动 画, 增 加 一 些 帮 助 之 类 的 按 钮 则 更 好 另 外, 还 可 以 使 用 CSS 对 页 面 中 的 对 象 的 风 格 和 样 式 进 行 统 一 设 置, 以 改 变 课 件 中 样 式 单 调 的 缺 点

97 第 5 章 网 络 应 用 类 论 文 案 例 分 析 Internet( 因 特 网 ) 上 的 应 用 大 致 可 分 成 两 类 : 一 类 是 以 文 本 为 主 的 数 据 通 信, 包 括 文 件 传 输 电 子 邮 件 远 程 登 录 网 络 新 闻 等 ; 另 一 类 是 以 声 音 和 电 视 图 像 为 主 的 多 媒 体 通 信, 如 声 音 视 频 的 点 播 或 广 播 Internet 电 话 视 频 会 议 远 程 教 学 虚 拟 现 实 等 我 们 通 常 把 利 用 Internet 实 现 声 音 或 图 像 通 信 的 应 用 称 为 多 媒 体 网 络 应 用 网 络 上 的 多 媒 体 应 用 和 数 据 通 信 应 用 有 着 比 较 大 的 差 别 : 多 媒 体 应 用 要 求 客 户 端 在 播 放 声 音 和 图 像 时 要 流 畅, 声 音 和 图 像 要 同 步, 因 此 对 网 络 的 时 延 和 带 宽 要 求 很 高 而 现 在 的 电 信 网 络 并 不 具 备 这 种 能 力, 这 就 需 要 我 们 采 用 各 种 压 缩 技 术, 采 用 流 式 播 放 协 议, 在 保 证 服 务 质 量 (Quality of Service) 的 前 提 下, 充 分 利 用 现 有 的 技 术 条 件 实 施 多 媒 体 网 络 应 用 多 媒 体 网 络 应 用 的 领 域 非 常 广 泛, 在 下 面 的 案 例 分 析 中, 我 们 将 分 别 介 绍 如 何 通 过 使 用 SMIL 语 言 实 现 多 种 媒 体 对 象 的 综 合 和 同 步, 使 用 WML 语 言 实 现 无 线 商 务 网 站 的 建 设, 使 用 VRML 语 言 实 现 三 维 交 互 页 面 的 制 作 5.1 基 于 流 媒 体 的 自 动 控 制 原 理 网 络 点 播 系 统 案 例 分 析 本 案 例 使 用 SMIL 语 言, 将 上 海 市 精 品 课 程 自 动 控 制 原 理 教 学 视 频 与 讲 稿 实 现 同 步 播 放, 以 进 行 课 程 的 网 络 化 教 学 SMIL 简 介 同 步 多 媒 体 综 合 语 言 SMIL ( synchronized multimedia integration language ) 是 由 WWW 协 会 ( world wide web consortium,w3c ) 提 出 的, 在 Web 页 面 上 同 步 显 示 各 种 多 媒 体 元 素 的 语 言 和 HTML 一 样, SMIL 也 是 一 种 标 记 语 言, 它 用 来 规 定 多 媒 体 片 断 ( 包 括 声 音 文 件 视 频 文 件 动 画 图 片 文 字 等 ) 在 什 么 时 候 什 么 地 方 以 什 么 样 的 方 式 播 放, 用 户 可 以 根 据 它 来 创 建 多 媒 体 演 示 SMIL 定 义 了 多 媒 体 Web 中 使 用 一 个 SMI 文 件 的 方 法, 这 个 SMI 文 件 也 和 HTML 文 件 一 样 安 装 在 浏 览 器 中, 并 且 能 够 管 理 协 调 流 媒 体 的 显 示, 它 能 控 制 流 音 频 视 频 和 图 像 的 显 示 SMIL 为 设 计 者 赋 予 了 更 多 控 制 视 频 和 音 频 在 浏 览 器 中 播 放 的 能 力 只 要 编 写 几 条 类 似 于 HTML 语 言 的 语 句, 就 可 以 让 用 户 整 体 地 欣 赏 图 像 声 音 和 文 本, 如 首 先 出 现 声 音 A, 一 分 钟 后 显 示 动 态 影 像 B, 在 显 示 视 频 时, 同 步 显 示 相 应 的 文 字 说 明 等 一 系 列 效 果, 使 动 态 文 字 图 形 和 视 频 片 断 实 现 同 步 播 放 等

98 92 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 1.SMIL 的 由 来 在 Web 站 点 中 使 用 流 媒 体 意 味 着 Web 客 户 不 必 等 到 整 个 音 频 和 视 频 文 件 下 载 完, 而 是 可 以 一 边 下 载 一 边 播 放 然 而, 两 个 或 更 多 流 媒 体 的 传 输 却 无 法 管 理 协 调, 而 这 对 于 几 个 不 同 的 媒 体 元 素 之 间 的 同 步 是 极 其 重 要 的 出 于 这 种 需 要,1998 年 w3c 协 会 正 式 推 荐 了 同 步 多 媒 体 综 合 语 言 1999 年 8 月 3 日, 在 第 一 个 草 案 的 基 础 上, w3c 推 出 了 SMIL Boston 版 本 SMIL Boston 有 了 许 多 重 要 的 扩 展, 包 括 可 重 复 使 用 的 模 块 通 用 的 动 画 设 计 改 良 的 交 互 功 能 以 及 电 视 综 合 功 能 最 新 的 SMIL 版 本 是 2001 年 8 月 推 出 的 SMIL 2.0 版 本,RealOne Player 全 面 支 持 SMIL 2.0 在 创 建 SMIL 文 件 以 前, 必 须 下 载 并 安 装 RealOne Player 至 于 SMIL 文 件 的 编 写, 使 用 记 事 本 即 可, 但 要 注 意 必 须 在 英 文 状 态 下 编 辑, 因 为 SMIL 播 放 器 不 识 别 中 文 的 标 点 符 号 编 写 完 成 后 以.smil 或 者.smi 为 扩 展 名 保 存 2.SMIL 的 特 点 同 时 播 放 在 不 同 服 务 器 上 的 多 媒 体 片 断 将 甲 服 务 器 上 的 A 视 频 文 件, 乙 服 务 器 上 的 B 音 频 文 件, 丙 服 务 器 上 的 C 解 说 文 字 组 织 成 一 段 多 媒 体 片 断 进 行 播 放 根 据 时 间 控 制 各 个 多 媒 体 片 断 的 播 放 在 Web 上 创 建 类 似 于 电 视 节 目 的 内 容, 实 现 时 间 上 的 同 步 控 制 机 制, 例 如 在 音 频 文 件 播 放 完 之 后 显 示 图 像 A 打 开 音 频 文 件 B 的 同 时 打 开 视 频 文 件 C 播 放 视 频 文 件 D 的 第 2~5 秒 片 断 等 对 多 个 多 媒 体 片 断 的 播 放 进 行 布 局 在 一 个 区 域 ( 如 屏 幕 的 上 部 ) 播 放 视 频, 在 另 一 个 区 域 ( 如 屏 幕 的 底 部 ) 显 示 文 字, 或 者 在 视 频 上 面 叠 加 文 字 等 多 带 宽 选 择 支 持 由 于 各 个 用 户 连 接 到 Internet 的 方 式 不 尽 相 同, 所 以 其 连 接 的 速 度 差 别 也 较 大 利 用 SMIL 可 以 制 作 适 应 不 同 传 输 速 度 的 演 示 文 件 当 播 放 器 检 测 出 用 户 的 连 接 速 度 后, 就 同 服 务 器 协 商, 要 求 传 输 并 播 放 相 应 的 演 示 文 件 节 目 的 可 选 性 SMIL 可 以 满 足 对 多 语 言 的 需 求, 可 以 根 据 客 户 的 不 同, 有 选 择 地 下 载 相 应 的 视 频 文 件 例 如,SMIL 文 件 可 以 在 同 一 页 面 中 包 括 汉 语 和 英 语 的 音 频 文 件, 然 后 根 据 用 户 的 参 数 设 置 自 动 选 择 下 载 中 文 或 英 文 版 本 创 作 维 护 简 单 创 建 SMIL 文 件 和 HTML 文 件 类 似, 只 需 一 个 简 单 的 文 本 编 辑 器, 使 用 一 些 简 单 的 XML 元 素, 不 用 学 习 复 杂 的 脚 本 语 言, 就 可 以 创 建 出 很 漂 亮 的 视 频 节 目 对 节 目 中 出 现 问 题 的 元 素, 可 以 对 其 进 行 局 部 修 改, 而 不 需 要 重 新 编 辑 整 个 播 放 节 目 3.SMIL 的 应 用 使 用 简 单 的 SMIL 脚 本, 一 个 Web 开 发 者 能 够 在 浏 览 器 中 结 合 几 个 多 媒 体 流 来 创 建 一

99 第 5 章 网 络 应 用 类 论 文 案 例 分 析 93 个 视 听 效 果 极 佳 的 多 媒 体 演 示 例 如, 当 使 用 SMIL 时, 可 以 在 显 示 汽 车 沿 着 高 速 公 路 疾 驰 的 视 频 文 件 的 同 时, 配 以 介 绍 该 车 性 能 的 音 频 信 息, 此 外 还 能 提 供 描 述 该 车 具 体 性 能 指 标 的 图 表 或 文 字 说 明 特 别 需 要 指 明 的 是, 这 些 视 频 音 频 和 文 字 图 表 说 明 的 播 放 应 该 是 保 持 同 步 的 当 话 外 音 介 绍 到 引 擎 时, 流 视 频 机 制 显 示 的 正 好 是 引 擎 的 视 频 信 息, 而 引 擎 的 具 体 性 能 指 标 也 将 出 现 在 屏 幕 上 SMIL 的 潜 在 应 用 不 计 其 数 : 作 为 传 统 多 媒 体 培 训 技 术 的 延 伸, 我 们 将 能 够 更 有 效 地 在 Internet 上 传 输 基 于 Web 的 培 训 ; 在 CD 品 质 的 音 乐 和 动 人 画 面 的 衬 托 下,Internet 站 点 上 的 产 品 演 示 会 给 人 留 下 更 加 深 刻 的 印 象 4.SMIL 文 件 的 执 行 过 程 要 使 SMIL 发 挥 出 最 佳 性 能, 除 须 采 用 RTSP 协 议 外, 还 须 在 服 务 器 端 提 供 相 应 的 支 持 下 面 以 Real Networks 公 司 的 RealServer 为 例, 对 SMIL 文 件 的 执 行 过 程 进 行 简 单 介 绍 Web 浏 览 器 向 RealServer 提 交 使 用 HTTP 传 送 SMIL 文 件 的 请 求 RealServer 响 应 请 求, 将 SMIL 文 件 的 URL 交 给 客 户 端 的 RealPlayer RealPlayer 使 用 RTSP 向 RealServer 提 交 传 送 SMIL 文 件 的 请 求 根 据 SMIL 文 件 内 容,RealPlayer 请 求 并 接 收 流 式 媒 体 剪 辑 5.SMIL 文 件 结 构 同 HTML 相 似,SMIL 文 件 由 文 件 头 和 文 件 体 两 部 分 组 成 文 件 头 中 包 含 的 是 SMIL 文 件 最 基 本 的 信 息, 若 是 整 个 SMIL 程 序 非 常 简 单, 则 文 件 头 部 分 可 以 不 写 文 件 头 由 head 定 义, 相 关 附 加 信 息 如 版 权 作 者 标 题 等, 写 在 <head></head> 之 间 主 要 由 以 下 两 个 子 元 素 构 成 meta: 包 含 head 中 的 说 明 信 息, 基 本 格 式 是 meta name=" " content=" " /> root-layout: 描 述 总 体 布 局 信 息 文 件 体 中 包 含 的 是 文 件 的 播 放 时 序 和 链 接 信 息, 由 body 定 义, 下 面 是 body 非 常 重 要 的 子 元 素 同 步 元 素 : 包 括 par seq 和 一 些 媒 体 对 象 元 素 超 链 接 元 素 : 如 a anchor SMIL 程 序 以 <smil> 开 始, 以 </smil> 结 束, 其 文 件 结 构 如 下 : <smil> <head> <layout> <!-- layout 起 规 划 排 版 的 作 用, 决 定 媒 体 对 象 的 位 置 等 --> </layout> <meta> <!-- meta 定 义 smil 文 件 的 属 性, 如 作 者 版 权 等 --> </meta> </head>

100 94 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 <body> <par> <!-- par 同 步 播 放 元 素, 用 于 同 时 播 放 媒 体 对 象 --> </par> <seq> <!-- seq 连 续 播 放 元 素, 按 顺 序 播 放 媒 体 对 象 --> </seq> </body> </smil> SMIL 是 XML 的 一 种 应 用, 因 此,SMIL 的 语 法 必 须 符 合 XML 的 要 求 属 性 和 标 记 要 求 小 写 单 向 标 记 必 须 有 一 斜 杠 作 为 结 束 标 记, 例 如 <img src="image1.jpg"/> 属 性 值 必 须 用 双 引 号 括 起 来, 例 如 src="image1.jpg" 用 <!-- --> 进 行 注 释,SMIL 播 放 器 遇 到 这 个 标 记 后, 将 跳 过 去 而 不 予 理 睬 SMIL 基 本 标 记 与 属 性 下 面 就 对 编 写 SMIL 文 件 经 常 用 到 的 基 本 元 素 进 行 介 绍 1. 组 织 多 媒 体 片 断 的 播 放 次 序 (1)<seq></seq> 标 记 顺 序 播 放 标 记 <seq></seq> 规 定 在 该 标 记 中 间 的 多 媒 体 片 断 按 先 后 顺 序 播 放, 如 图 5-1 所 示 image2 image1 图 5-1 循 序 播 放 将 下 面 的 程 序 保 存 为 example1.smi 文 件, 并 在 同 一 个 目 录 下 存 放 videotest.rm 和 video.rm 文 件 <smil> <body> <seq> <video src="videotest.rm"/> <video src="video.rm"/> </seq> </body> </smil> 使 用 RealOne Player 运 行 该 程 序,RealOne Player 先 显 示 videotest.rm, 然 后 再 显 示 video.rm( 读 者 可 以 运 行 光 盘 中 相 应 文 件 观 看 效 果, 下 同 )

101 第 5 章 网 络 应 用 类 论 文 案 例 分 析 95 (2)<par></par> 标 记 并 行 播 放 标 记 <par></par> 规 定 在 该 标 记 中 间 的 多 媒 体 片 断 并 行 播 放, 如 图 5-2 所 示 将 下 面 的 程 序 保 存 为 example2.smi 文 件 image1 <smil> <body> <par> image2 <video src="videotest.rm"/> <video src="video.rm"/> 图 5-2 并 行 播 放 </par> </body> </smil> 使 用 RealOne Player 运 行 该 程 序, 同 时 显 示 videotest.rm 和 video.rm 2. 控 制 多 媒 体 片 断 的 播 放 时 间 在 多 个 多 媒 体 片 段 播 放 时, 时 间 控 制 非 常 重 要, 它 直 接 影 响 整 个 多 媒 体 节 目 的 演 示 效 果 时 间 的 正 确 写 法 是 hh:mm:ss.xy, 其 中 hh 表 示 小 时,mm 表 示 分 钟,ss 表 示 秒,x 表 示 1/10 秒,y 表 示 1/100 秒, 默 认 的 时 间 单 位 是 秒 (1)dur 属 性 dur 属 性 规 定 了 多 媒 体 片 断 播 放 的 时 间 长 度 下 面 example3.smi 程 序 对 videotest.rm 和 video.rm 两 个 文 件 先 后 播 放 的 持 续 时 间 做 了 规 定, 其 中 videotest.rm 持 续 时 间 2 秒,video.rm 持 续 时 间 3 秒 <smil> <body> <seq> <video src="videotest.rm" dur="2s"/> <video src="video.rm" dur="3s"/ > </seq> </body> </smil> (2)begin 和 end 属 性 begin 和 end 属 性 规 定 了 多 媒 体 片 断 在 什 么 时 候 开 始 播 放 和 什 么 时 候 结 束 下 面 example4.smi 这 段 程 序 对 video.rm 的 播 放 时 间 进 行 了 控 制 该 文 件 在 整 个 演 示 开 始 5 秒 后 播 放, 播 放 30 秒 以 后 结 束, 其 实 际 的 播 放 时 间 是 25 秒 <smil> <body> <video src="video.rm" begin="5s" end="30s"/> </body> </smil> (3)clip-begin 和 clip-end 属 性

102 96 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 clip-begin 和 clip-end 属 性 规 定 了 如 何 播 放 某 个 多 媒 体 文 件 的 部 分 内 容 下 面 example5.smi 这 段 程 序 实 现 对 video.rm 文 件 的 第 15~20 秒 片 断 进 行 播 放 的 功 能 <smil> <body> <video src="video.rm " clip-begin="15s" clip-end="20s"/> </body> </smil> (4)fill 属 性 在 上 面 的 例 子 中, 某 个 多 媒 体 片 断 播 放 完 成 以 后, 屏 幕 上 空 空 如 也 如 果 希 望 播 放 完 毕 以 后, 屏 幕 上 留 下 多 媒 体 片 断 的 最 后 一 帧, 可 以 用 fill 属 性 来 规 定 它 的 显 示 状 态 下 面 example6.smi 这 段 程 序 播 放 完 videotest.rm 文 件 后, 将 在 RealOne Player 播 放 窗 口 中 留 下 最 后 一 幅 画 面 <smil> <body> <video src="videotest.rm" fill="freeze"/> </body> </smil> 如 果 播 放 的 是 图 片 的 话, 那 么 在 演 示 完 成 后,RealOne Player 播 放 窗 口 中 该 图 片 依 然 保 留 (fill 属 性 只 有 remove 和 freeze 两 个 默 认 的 值 为 remove, 多 媒 体 片 断 播 放 完 后, 将 显 示 空 白 窗 口 ) 3. 实 现 多 媒 体 片 断 的 布 局 所 谓 布 局 就 是 在 屏 幕 上 定 出 各 个 多 媒 体 片 断, 如 图 片 动 画 和 文 字 显 示 的 位 置 下 面 example7.smi 这 段 程 序 同 时 显 示 两 个 多 媒 体 片 断, 窗 口 的 上 方 是 一 段 视 频, 下 方 是 一 段 文 字 内 容 <smil> <head> <layout> <root-layout width="300" height="300"/> <region id="video" left="5" top="5" width="290" height="260"/> <region id="text" left="5" top="270" width="290" height="25"/> </layout> </head> <body> <par> <video src="video.rm" region="video"/> <text src="example.txt" region="text"/> </par> </body> </smil>

103 第 5 章 网 络 应 用 类 论 文 案 例 分 析 97 程 序 说 明 : 布 局 标 记 必 须 以 <layout> 开 头, 以 </layout> 结 束,<layout></layout> 必 须 放 在 <head></head> 之 间 root-layout 标 记 表 明 的 是 最 基 本 最 底 层 的 窗 口, 其 他 一 切 窗 口 都 在 它 的 基 础 上 划 分 出 来 width="300" 表 明 播 放 窗 口 宽 为 300 个 像 素 点, 同 样 height="300" 表 明 播 放 窗 口 高 为 300 个 像 素 点 <region id="video "left="5" top="5" width="290" height="260"/> 定 义 多 媒 体 片 断 显 示 区 域 video, 离 左 边 界 和 顶 端 各 有 5 个 像 素 点 的 距 离, 窗 口 宽 为 290 个 像 素 点, 高 为 260 个 像 素 点 <region id="text" left="5" top="270" width="290" height="25"/> 定 义 多 媒 体 片 断 显 示 区 域 text, 其 他 含 义 同 上 <video src="video.rm" region="video"/> 声 明 了 多 媒 体 片 断 video.rm 在 video 区 域 播 放,<text src="example.txt" region="text"/> 声 明 了 文 本 文 件 example.txt 在 text 区 域 显 示 上 面 采 用 绝 对 的 方 法 定 义 多 媒 体 片 断 显 示 区 域, 多 媒 体 片 断 显 示 区 域 也 可 以 用 相 对 的 方 法 来 定 义, 其 比 例 是 相 对 基 本 显 示 窗 口 而 言 的, 这 样 的 定 义 方 法 更 为 直 观, 例 如 : <region id="video" left="10%" top="10%" width="80%" height="80%"/> 在 实 际 制 作 过 程 中, 会 碰 到 定 义 的 显 示 窗 口 尺 寸 和 多 媒 体 片 断 的 尺 寸 不 一 致 的 问 题, 解 决 的 办 法 是 使 用 fit 属 性, 如 : <region id="video" width="80%" height="80%" fit="meet"/> fit 属 性 的 属 性 值 包 括 hidden meet fill scroll 和 slice, 其 中 hidden 是 默 认 的 属 性 值 hidden 表 示 保 持 多 媒 体 片 断 的 尺 寸 不 变, 从 窗 口 的 左 上 角 开 始 显 示 如 果 多 媒 体 片 断 尺 寸 比 窗 口 的 尺 寸 小, 那 么 空 白 的 地 方 将 用 背 景 色 填 充 如 果 多 媒 体 片 断 尺 寸 比 窗 口 的 尺 寸 大, 那 么 多 媒 体 片 断 超 出 窗 口 部 分 被 裁 去, 不 被 显 示 meet 表 示 在 保 持 多 媒 体 片 断 高 宽 比 例 不 变 的 情 况 下, 对 多 媒 体 片 断 的 尺 寸 进 行 缩 放, 缩 放 到 高 度 和 宽 度 中 的 一 个 尺 寸 等 于 窗 口 相 对 应 的 大 小, 而 另 外 的 一 个 尺 寸 小 于 窗 口 相 对 应 的 值, 空 白 处 用 背 景 色 填 充 fill 表 示 缩 放 多 媒 体 片 断 使 得 其 大 小 正 好 和 窗 口 的 大 小 一 致 如 果 多 媒 体 片 断 的 宽 高 比 例 和 窗 口 的 宽 高 比 例 不 等, 那 么 多 媒 体 片 断 就 会 变 形, 非 常 难 看 scroll 表 示 对 多 媒 体 片 断 的 尺 寸 不 做 任 何 修 改, 以 正 常 的 尺 寸 大 小 显 示 但 是, 如 果 多 媒 体 片 断 的 尺 寸 超 出 了 窗 口 的 尺 寸, 将 会 相 应 出 现 水 平 或 者 垂 直 滚 动 条 该 种 方 式 适 合 于 长 时 间 的 多 媒 体 片 断 的 显 示 slice 表 示 在 保 持 多 媒 体 片 断 宽 高 比 例 不 变 的 情 况 下, 对 多 媒 体 片 断 的 尺 寸 进 行 缩 放 从 左 上 角 开 始 显 示, 缩 放 到 高 度 和 宽 度 中 的 一 个 尺 寸 等 于 窗 口 的 相 应 的 尺 寸, 而 另 外 的 一 个 大 于 窗 口 的 相 应 的 尺 寸 超 出 的 部 分 被 裁 去 而 不 显 示 各 个 属 性 的 效 果 如 图 5-3( 省 去 scroll 效 果 ) 所 示

104 98 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 图 5-3 各 个 属 性 效 果 4. 超 链 接 的 实 现 传 统 流 媒 体 最 大 的 一 个 缺 点 是 没 有 交 互 性,SMIL 是 解 决 大 部 分 流 媒 体 交 互 性 的 最 好 的 工 具 (1)<a></a> 标 记 <a> 标 记 同 HTML 中 的 <a> 功 能 一 样, 用 于 超 链 接, 其 中 href 表 示 所 要 链 接 的 文 件 下 面 的 example8.smi 程 序 中, 如 果 把 鼠 标 指 针 放 到 正 在 播 放 的 video.rm 上 面, 鼠 标 指 针 将 变 为 手 形, 单 击, 播 放 器 将 停 止 播 放 video.rm 文 件, 转 而 播 放 其 超 链 接 所 指 向 的 videotest.rm 文 件 <smil> <head> <layout> <root-layout width="300" height="300"/> <region id="video" top="0" left="0" width="300" height="300"/> </layout> </head> <body> <a href="videotest.rm"> <video src="video.rm" region="video"/> </a> </body> </smil> (2)<anchor> 标 记 如 果 要 创 建 更 加 复 杂 的 超 链 接, 就 要 用 到 <anchor> 标 记 下 面 的 example9.smi 程 序 表 示, 若 在 video.rm 文 件 播 放 的 第 10~20 秒 之 间 单 击, 链 接 到 videotest.rm 文 件, 其 他 时 间 则 没 有 链 接

105 第 5 章 网 络 应 用 类 论 文 案 例 分 析 99 <smil> <head> <layout> <root-layout width="300" height="300"/> <region id="video" top="0" left="0" width="300" height="300"/> </layout> </head> <body> <video src="video.rm" region="video"> <anchor href="videotest.rm" begin="10s" end="20s"/> </video> </body> </smil> RealText 文 件 的 建 立 在 example7.smi 例 子 中, 文 字 是 固 定 不 变 的, 如 何 才 能 实 现 文 字 随 着 视 频 的 播 放 而 同 步 播 放 呢? 使 用 RealText 可 以 创 建 与 时 序 相 关 的 文 本 节 目, 它 既 可 以 作 为 一 个 独 立 的 流, 也 可 以 同 其 他 音 频 或 视 频 媒 体 相 结 合, 为 视 频 添 加 字 幕 这 使 得 RealText 成 为 一 个 为 SMIL 节 目 添 加 文 本 的 便 捷 工 具 RealText 是 一 个 以.rt 为 扩 展 名 的 文 本 文 件, 文 件 以 <window> 标 记 开 始, 以 </window> 标 记 结 束 在 两 个 标 记 之 间, 是 要 显 示 的 文 本, 可 以 使 用 RealText 的 标 记 和 属 性 来 定 位 定 时 要 显 示 的 文 本 <window> 标 记 中 可 以 通 过 属 性 来 设 定 窗 口 类 型 窗 口 宽 度 高 度 和 时 间 等 参 数 1.RealText 的 特 性 使 用 任 何 文 本 编 辑 器, 都 可 以 创 建 RealText 文 件 文 件 中 包 含 了 要 显 示 的 文 本, 以 及 描 述 这 些 文 本 如 何 显 示 何 时 显 示 的 RealText 标 记 下 面 是 RealText 提 供 的 一 些 特 性 RealText 标 记 允 许 创 建 各 种 不 同 字 体 大 小 和 颜 色 的 文 本 RealText 的 时 间 命 令 可 以 控 制 每 一 段 落 每 一 句 话 每 一 个 单 词 或 每 一 个 字 母 在 何 时 出 现 使 用 RealText, 文 本 可 以 在 屏 幕 上 向 上 滚 动, 也 可 以 从 一 边 移 向 另 一 边 可 以 创 建 平 滑 流 动 的 文 本, 也 可 以 让 文 本 循 环 显 示 利 用 位 置 命 令, 可 以 精 确 控 制 每 个 单 词 在 RealText 窗 口 中 出 现 的 位 置 RealText 支 持 多 种 语 言, 包 括 英 语 汉 语 韩 语 日 语 及 多 种 欧 洲 语 言 2.RealText 标 记 RealText 标 记 与 SMIL 相 似, 遵 循 创 建 SMIL 文 件 的 基 本 规 则, 如 下 所 示 RealText 标 记 与 属 性 使 用 小 写 字 母 没 有 相 关 结 束 标 记 的 标 记, 用 斜 线 (/) 结 束, 如 <br/>

106 100 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 属 性 值 必 须 包 含 在 双 引 号 内 文 件 的 扩 展 名 为.rt, 在 文 件 名 内 不 能 包 含 空 格 同 HTML 一 样, 可 以 给 RealText 文 件 添 加 注 释, 如 <!-- this is a comment --> 下 面 是 一 些 经 常 用 到 的 RealText 标 记 和 属 性 3.RealText 窗 口 属 性 的 设 置 <window> 标 记 中 常 用 的 属 性 如 表 5-1 所 示 表 5-1 <window> 标 记 常 用 属 性 属 性 功 能 type 设 定 窗 口 的 类 型 width 设 定 窗 口 的 高 度 height 设 定 窗 口 的 宽 度 duration 设 定 节 目 的 长 度 bgcolor 设 定 窗 口 的 背 景 色 underline_hyperlinks 设 定 超 链 接 是 否 带 下 划 线 link 设 定 超 链 接 的 颜 色 loop 设 定 文 本 是 否 循 环 crawlrate 设 定 文 本 的 水 平 速 度 scrollrate 设 定 文 本 的 垂 直 速 度 wordwrap 设 定 文 本 卷 行 与 否 属 性 使 用 的 语 句 如 下 : <window type ="marquee" width="200" height="100" duration="18" bgcolor="silver"> (1) 窗 口 类 型 type 属 性 对 应 的 窗 口 类 型 如 表 5-2 所 示 表 5-2 窗 口 类 型 generic scrollingnews teleprompter marquee tickertape 默 认 的 窗 口 类 型 整 个 节 目 中 文 本 以 指 定 的 速 度 向 上 滚 动, 最 初 的 文 本 显 示 在 窗 口 的 顶 部 文 本 由 上 至 下 填 充 显 示 区 域, 后 出 现 的 文 本 显 示 在 屏 幕 的 底 部, 前 面 的 文 本 向 上 移 动 文 本 由 右 向 左 移 动, 可 以 循 环 文 本 水 平 居 中 与 marquee 窗 口 相 似, 但 文 本 位 于 窗 口 的 顶 部 或 底 部, 默 认 为 居 上 (2) 设 置 RealText 的 时 间 duration 属 性 用 来 设 定 RealText 片 断 播 放 多 长 时 间, 默 认 值 为 60 秒, 时 间 的 表 示 格 式 为 hh:mm:ss.xy, 例 如 duration="18", 表 示 播 放 时 间 为 18 秒 ( 当 将 RealText 片 断 放 在 SMIL 文 件 中 时,SMIL 中 定 义 的 时 间 优 先 ) (3) 设 置 超 链 接 的 外 观 underline_hyperlinks="false true" 属 性 用 于 设 定 超 链 接 是 否 带 下 划 线, 默 认 为 true, 带 下 划 线

107 第 5 章 网 络 应 用 类 论 文 案 例 分 析 101 link="color" 属 性 用 于 设 定 超 链 接 的 颜 色, 默 认 为 蓝 色 (4) 控 制 文 本 流 移 动 速 度 :crawlrate 和 scrollrate 用 于 控 制 文 本 的 移 动 速 度 ( 每 秒 多 少 像 素 ) 为 了 取 得 较 好 的 显 示 效 果, 一 般 选 择 30 以 下 的 值, 推 荐 使 用 当 超 过 30 时, 最 好 使 用 20 和 25 的 倍 数 文 本 自 动 卷 行 :wordwrap="false true" 属 性 用 于 设 定 文 本 是 否 自 动 卷 行, 默 认 值 为 true 文 本 循 环 :loop="false true" 仅 适 用 于 水 平 运 动 的 窗 口 (marquee 和 tickertape), 用 于 控 制 文 本 是 否 可 以 循 环, 默 认 值 为 true (5) 窗 口 背 景 设 置 在 SMIL 文 件 中, 可 以 使 用 rn:backgroundopacity 属 性 将 RealText 窗 口 的 背 景 设 置 为 半 透 明 或 完 全 透 明 例 如 : <textstream src="video.rt" region="text_region" rn:backgroundopacity="45%"/> (6)RealText 窗 口 大 小 与 SMIL 区 大 小 将 RealText 添 加 到 SMIL(RealText 片 断 被 显 示 在 SMIL 的 一 个 区 中 ) 时, 为 了 得 到 最 佳 的 显 示 效 果, 一 般 在 SMIL 中 创 建 一 个 与 RealText 窗 口 一 样 大 小 的 区 当 两 者 大 小 不 一 样 时,RealText 会 被 缩 放 ( 取 决 于 区 的 fit 属 性 ) 当 SMIL 区 比 RealText 片 断 大 时, 一 般 使 用 fit="hidden", 这 使 得 RealText 片 断 保 持 原 来 的 大 小 如 果 想 将 RealText 片 断 放 大, 则 使 用 fit="meet", 按 比 例 放 大 当 SMIL 区 比 RealText 片 断 小 时,fit="meet" 是 最 佳 的 选 择 4. 设 置 文 本 的 出 现 与 消 失 下 面 介 绍 在 <window> 和 </window> 标 记 之 间 使 用 的 显 示 标 记, 用 来 控 制 文 本 何 时 显 示 显 示 在 RealText 窗 口 的 什 么 位 置 (1) 控 制 文 本 出 现 与 消 失 的 时 间 <time/> 标 记 用 于 控 制 文 本 出 现 与 消 失 的 时 间, 本 标 记 主 要 用 于 非 水 平 或 垂 直 滚 动 的 RealText 窗 口 <time/> 标 记 具 有 两 个 属 性, 即 begin 和 end, 可 以 仅 使 用 其 中 的 一 个 属 性 或 两 个 属 性 都 使 用 带 有 end 属 性 的 文 本 会 在 指 定 的 时 刻 到 达 时 消 失, 不 带 该 属 性 的 文 本 会 一 直 保 留 到 整 个 节 目 结 束, 或 保 留 到 使 用 <clear/> 清 除 整 个 窗 口 之 前 下 例 中, 文 本 块 开 始 于 不 同 的 时 刻, 但 是 结 束 于 同 一 时 刻 在 记 事 本 中 输 入 下 面 的 程 序, 保 存 为 example1.rt <window duration="30"> <!-- 定 义 RealText 播 放 长 度 为 30 秒 --> <time end="25"/> <!-- 指 定 文 本 在 25 秒 时 消 失 --> <time begin="2"/> <br/>

108 102 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 <time begin="5"/>this text starts to display at 5 seconds.<br/> <time begin="10"/>a new line appears each additional 5 seconds.<br/> <time begin="15"/>but all this text disappears <br/> <time begin="20"/>at 25 seconds into the clip.<br/> <!-- 分 别 指 定 对 应 的 文 本 在 第 和 20 秒 出 现 --> </window> 运 行 该 文 件, 在 RealOne Player 中 显 示 结 果 如 图 5-4 所 示, 不 同 的 文 字 按 照 指 定 的 时 间 出 现, 图 中 是 在 第 15 秒 出 现 的 文 字 But all this text disappears 图 5-4 文 字 的 出 现 注 意 : 与 在 <time/> 标 记 后 的 所 有 文 本 都 具 有 该 标 记 指 定 的 开 始 和 结 束 值, 除 非 重 新 设 定 了 新 的 值 因 此, 一 旦 为 某 一 段 文 本 块 指 定 了 结 束 时 间, 那 么, 必 须 为 其 后 的 所 有 文 本 块 指 定 结 束 时 间, 否 则 后 面 的 文 本 块 可 能 不 被 显 示 如 下 面 的 例 子 example2.rt 中, 第 二 行 文 本 不 会 被 显 示, 因 为 它 的 开 始 时 间 大 于 结 束 时 间 <window duration="10"> <time begin="2" end="5"/>display at 2 seconds in.<br/> <!-- 指 定 结 束 时 间 为 第 5 秒 --> <time begin="6"/>display at 6 seconds in. <br/> <!-- 由 于 指 定 的 起 始 时 间 为 第 6 秒, 并 且 没 有 指 定 结 束 时 间, 则 其 结 束 时 间 由 上 一 条 语 句 中 的 end 指 定, 即 第 5 秒 结 束, 所 以 该 文 本 将 不 被 显 示 --> </window> 提 示 : 在 水 平 或 垂 直 滚 动 的 窗 口 中,<time/> 标 记 不 是 必 需 的, 除 非 想 使 文 本 在 移 入 窗 口 之 后 显 示, 或 令 其 在 移 出 窗 口 之 前 消 失 要 想 在 RealText 剪 辑 结 束 之 后 冻 结 文 本, 可 以 不 设 置 其 结 束 时 间, 或 将 结 束 时 间 值 设 置 为 大 于 剪 辑 时 间 周 期 要 想 每 隔 几 秒 钟 用 一 行 新 的 文 本 替 代 原 有 的 文 本, 可 以 不 使 用 结 束 时 间, 而 在 每 一 行 <time/> 后 加 上 <clear/>

109 第 5 章 网 络 应 用 类 论 文 案 例 分 析 103 (2) 清 除 窗 口 中 的 文 本 <clear/> 标 记 用 于 清 除 窗 口 中 的 文 本, 如 example3.rt 文 件 <window width="240" height="80" duration="15"> <font charset="gb2312"/> <!-- charset 设 置 字 符 集,"gb2312" 字 符 集 能 显 示 中 文 字 符 --> <time begin="0"/> <time begin="3"/><clear/> 多 媒 体 案 例 分 析 <time begin="6"/><clear/>i love RealMedia, <time begin="9"/><clear/>for it's powerful functions. <time begin="12"/><clear/>do you love it? <!-- 在 <time/> 后 加 上 <clear/>, 用 一 行 新 的 文 本 替 代 原 有 的 文 本 --> </window> 运 行 该 程 序, 在 第 3 秒 时, 出 现 如 图 5-5 所 示 的 文 字 多 媒 体 案 例 分 析, 前 面 的 文 字 被 清 除 图 5-5 文 字 的 清 除 (3) 定 位 文 本 <pos/> 标 记 用 于 定 位 文 本, 它 有 两 个 属 性 为 x y, 用 于 指 定 <pos/> 标 记 后 的 文 本 块 的 左 上 角 的 坐 标, 单 位 为 像 素 如 example4.rt 文 件 <window width="240" height="80" duration="15"> <font charset="gb2312"/> <!-- charset 设 置 字 符 集,"gb2312" 字 符 集 能 显 示 中 文 字 符 --> <time begin="0"/> <time begin="3"/><clear/><pos x="100" y="20"/> 多 媒 体 案 例 分 析 <time begin="6"/><clear/>i love RealMedia, <time begin="9"/><clear/>for it's powerful functions. <time begin="12"/><clear/>do you love it? <!-- 在 <time/> 后 加 上 <clear/>, 用 一 行 新 的 文 本 替 代 原 有 的 文 本 --> </window> 程 序 中 将 文 字 多 媒 体 案 例 分 析 定 位 于 距 左 上 角 往 右 100 个 像 素, 往 下 20 个 像 素, 效 果 如 图 5-6 所 示

110 104 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 图 5-6 文 字 的 定 位 5. 创 建 链 接 与 发 布 命 令 如 表 5-3 所 示 是 常 用 的 链 接 与 发 布 命 令 标 记 表 5-3 链 接 与 发 布 命 令 标 记 标 记 功 能 href="command" target="_player" 发 布 命 令 href="command:openwindow()" 打 开 新 窗 口 href="mailto:address" 发 送 邮 件 href="url" 链 接 到 指 定 URL 链 接 的 外 观 由 <window> 标 记 的 属 性 link underline_hyperlinks 决 定 URL 需 使 用 或 rtsp:// 协 议, 在 href=''url'' 中 若 指 定 target="_player", 在 当 前 RealOne Player 窗 口 中 直 接 打 开 指 定 的 URL 如 果 不 指 定 target 属 性, 或 指 定 target="_browser", 则 将 在 RealOne Player 媒 体 浏 览 器 中 打 开 指 定 的 URL 发 布 命 令 中 要 指 定 具 体 的 指 令, 如 : <a href="command:seek(1:35.4)" target="_player">seek</a> <a href="command:pause()" target="_player">pause</a> 下 面 example5.rt 是 一 个 使 用 链 接 与 发 布 命 令 的 实 际 例 子 <window width="320" height="240" bgcolor="#990000" link="#ff9933" underline_hyperlinks="false" type="scrollingnews" duration="15"> <!-- 定 义 窗 口 类 型 大 小 颜 色 超 链 接 播 放 时 间 等 --> <font color="white"> <!-- 定 义 字 体 颜 色 --> <center>textlink sample</center> <!-- 定 义 标 题 居 中 --> <a href="command:pause()" target="_player">pause</a> current clip<br/> <!-- 单 击 pause 时 播 放 暂 停 --> <a href="command:play()" target="_player">play</a> current clip<br/> <!-- 单 击 play 时 继 续 播 放 --> <a href="command:seek(0)" target="_player">seek</a> current clip<br/> <!-- 单 击 seek 时 重 新 播 放 --> <a href="mailto:[email protected]">send mail </a><br/> <!-- 单 击 Send mail 时 发 送 给 作 者 -->

111 第 5 章 网 络 应 用 类 论 文 案 例 分 析 105 <a href=" Web</a> <br/> <!-- 单 击 Open Web, 在 新 打 开 的 RealOne 媒 体 浏 览 器 中 打 开 超 链 接 --> <a href="video.rm" target="_player">open Media</a><br/> <!-- 单 击 Open Media, 在 当 前 RealOne Player 中 播 放 video.rm 文 件 --> </font> </window> 运 行 该 程 序, 在 如 图 5-7 所 示 的 窗 口 中 文 字 由 下 至 上 滚 动 播 放 图 5-7 链 接 与 发 布 命 令 实 例 当 单 击 pause 按 钮 时, 暂 停 播 放 ; 单 击 play 按 钮 时, 继 续 播 放 ; 单 击 seek 按 钮 时, 从 0 秒 处 开 始 重 新 播 放 ; 单 击 Send mail 按 钮 时, 调 用 Outlook 写 新 邮 件 ; 单 击 Open Web 按 钮 时, 出 现 如 图 5-8 所 示 的 媒 体 浏 览 器 窗 口, 并 打 开 超 链 接 ; 单 击 Open Media 按 钮 时, 在 当 前 窗 口 中 播 放 媒 体 文 件 图 5-8 在 媒 体 浏 览 器 中 打 开 超 链 接

112 106 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 上 面 介 绍 了 RealText 的 基 础 知 识, 下 面 将 通 过 实 例 编 写 RT 文 件 来 实 现 文 字 与 视 频 的 同 步 功 能 6.RealText 文 件 的 编 写 将 下 面 的 程 序 保 存 为 video.rt 文 件 <window height="20" width="300" duration="21" bgcolor="black"> <font color="yellow" size="3"> <b><center> <time begin="3"/><clear/>the organization that learns fastest <time begin="6"/><clear/>is going to win. <time begin="8.5"/><clear/>it's a whole new way to communicate: <time begin="11"/><clear/>more quickly, <time begin="12"/><clear/>more memorably, <time begin="13"/><clear/>more effectively. <time begin="15"/><clear/>this is not an application <time begin="16.5"/><clear/>that's a gimmick. <time begin="17.5"/><clear/>this is not a toy. <time begin="19"/><clear/>this is a real, very powerful medium. </b></center> </font> </window> 程 序 说 明 : 通 过 <windows> 标 记 中 的 属 性 height="20" 和 width="300" 设 定 窗 口 的 高 度 与 宽 度, duration="21" 设 定 节 目 的 长 度,bgcolor="black" 设 定 窗 口 的 背 景 色 <time/> 标 记 使 用 begin 和 end 属 性 控 制 文 本 出 现 与 消 失 的 时 间, 带 有 end 属 性 的 文 本 会 在 指 定 的 时 刻 到 达 时 消 失, 不 带 该 属 性 的 文 本 会 一 直 保 留 到 整 个 节 目 结 束 或 使 用 <clear/> 清 除 整 个 窗 口 之 前 <clear/> 标 记 用 于 清 除 窗 口 中 的 所 有 文 本 程 序 中 通 过 在 每 一 行 <time/> 后 加 上 <clear/> 实 现 每 隔 几 秒 钟 用 一 行 新 的 文 本 替 代 原 有 的 文 本, 实 现 字 幕 功 能 上 述 程 序 在 不 同 的 时 间 分 别 显 示 10 行 文 字, 出 现 时 间 的 设 定 取 决 于 对 应 的 视 频 文 件, 即 根 据 视 频 文 件 中 的 内 容 决 定 文 字 的 出 现 时 间 文 字 和 视 频 出 现 的 位 置 取 决 于 下 面 将 要 编 写 的 video.smi 文 件 7.Smil 文 件 的 编 写 将 下 面 的 程 序 保 存 为 video.smi 文 件 <smil xmlns=" xmlns:rn=" <!-- SMIL 是 XML 的 应 用,XML 文 档 包 含 了 多 个 命 名 空 间, 定 义 了 文 件 中 所 使 用 的 数 据 类 型 等 信 息, 因 此 上 面 的 语 句 是 必 不 可 少 的 ( 它 们 是 SMIL2.0 规 范 中 规 定 的 内 容, 详 见

113 第 5 章 网 络 应 用 类 论 文 案 例 分 析 107 <head> <layout> <root-layout width="320" height="240" backgroundcolor="black"/> <region id="video"/> <region id="text" height="20" bottom="0" left="10"/> <!-- 定 义 视 频 区 域 video 和 文 本 区 域 text--> </layout> </head> <body> <par> <video src="video.rm" region="video"/> <!-- 在 视 频 区 域 video 中 播 放 video.rm 文 件 --> <textstream src="video.rt" region="text" rn:backgroundopacity="45%"/> <!-- 在 文 本 区 域 text 中 播 放 video.rt 文 件, 使 用 rn:backgroundopacity 属 性 将 RealText 窗 口 的 背 景 设 置 为 半 透 明 或 完 全 透 明 ( 值 为 0 时 表 示 全 透 明 )--> </par> </body> </smil> 执 行 video.smi 文 件, 可 以 看 到 文 本 与 视 频 的 播 放 完 全 同 步 ( 实 现 同 步 播 放 的 原 因 是 在 编 写 RT 文 件 时, 完 全 根 据 视 频 的 播 放 进 度 来 设 置 时 间 ) 课 题 分 析 1. 必 要 性 分 析 流 媒 体 技 术 包 括 采 集 编 码 传 输 储 存 解 码 等 多 项 技 术, 是 一 项 综 合 的 新 的 技 术 流 媒 体 应 用 系 统 一 般 由 编 码 端 服 务 器 端 和 用 户 终 端 三 部 分 组 成 流 媒 体 技 术 在 大 学 中 的 应 用 前 景 广 阔, 可 用 于 课 件 点 播 交 互 教 学 电 视 转 播 远 程 监 控 视 频 会 议 等 课 件 点 播 是 远 程 教 育 的 主 要 形 式 它 的 优 势 在 于 一 方 面 多 媒 体 课 件 具 有 丰 富 的 表 现 力, 另 一 方 面 学 生 可 以 在 任 何 时 间 任 何 地 点 进 行 学 习, 更 加 灵 活 自 由 课 件 点 播 的 实 现 方 式 是 先 制 作 课 件, 将 教 师 讲 的 课 程 用 摄 像 机 拍 摄 下 来, 并 用 采 集 卡 采 集 进 计 算 机 后 编 码 成 流 媒 体 格 式, 然 后 利 用 SMIL 语 言 将 教 师 讲 课 的 录 像 教 材 文 本 和 其 他 素 材 集 成 在 一 起, 制 作 出 表 现 力 丰 富 的 多 媒 体 课 件 将 多 媒 体 课 件 放 在 流 媒 体 服 务 器 上, 然 后 再 集 成 到 网 站 里, 如 果 需 要 对 学 生 收 费, 还 要 加 上 身 份 认 证 计 费 的 功 能 要 实 现 直 播 教 学, 需 将 一 台 摄 像 机 放 在 教 师 授 课 的 教 室, 摄 像 机 拍 摄 的 教 师 授 课 过 程 实 时 地 被 传 输 到 流 媒 体 编 码 机, 经 过 采 集 卡 的 采 集 编 码 后 再 实 时 地 上 传 给 流 媒 体 服 务 器, 通 过 流 媒 体 服 务 器 实 时 发 布 到 其 他 教 室 的 终 端 计 算 机 上, 并 利 用 投 影 仪 将 教 师 的 授 课 过 程 实 时 地 播 放 出 来, 供 教 室 中 的 学 生 观 看, 如 图 5-9 所 示 要 完 成 实 时 交 互 功 能, 使 与 授 课 老 师 不 在 同 一 个 教 室 的 学 生 能 与 老 师 在 授 课 过 程 中 实 时 地 交 流 问 题, 可 以 在 学 生 所 在 的 教 室 安 装 摄 像 机 和 编 码 计 算 机, 用 来 拍 摄 并 上 传 提 问 学 生 的 影 像, 并 在 授 课 老 师 所 在 的 教 室 安 装 一 台 终 端 计 算 机 和 投 影 仪, 用 来 播 放 提 问 学 生 的

114 108 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 视 频, 从 而 达 到 老 师 和 异 地 学 生 的 实 时 交 互 图 5-9 点 播 与 直 播 网 络 课 程 点 播 在 网 络 教 学 中 的 应 用 非 常 广 泛, 但 现 在 Internet 上 的 大 部 分 网 络 教 学 课 程 要 么 没 有 视 频, 要 么 有 视 频 但 没 有 相 应 的 文 字 与 之 同 步, 因 此 实 现 讲 稿 与 视 频 同 步 的 网 络 点 播 系 统 非 常 必 要 本 案 例 通 过 SMIL 语 言 实 现 文 本 与 视 频 点 播 课 件 的 制 作 2. 可 行 性 分 析 制 作 过 程 中 最 关 键 部 分 是 如 何 使 文 字 讲 稿 同 教 师 讲 课 的 录 像 同 步, 通 过 上 面 的 介 绍, 这 一 关 键 部 分 可 以 通 过 SMIL 语 言 编 写 RT 文 件 实 现 结 构 设 计 课 件 的 首 页 如 图 5-10 所 示, 使 用 FrontPage 2003 的 框 架 实 现 单 击 左 半 部 分 的 课 程 目 录 超 链 接, 如 传 递 函 数, 在 右 半 部 分 出 现 嵌 入 在 页 面 中 的 流 媒 体 文 件, 显 示 相 应 的 课 程 内 容, 如 图 5-11 所 示 图 5-10 课 件 首 页 图 5-11 中 嵌 入 的 流 媒 体 文 件 分 成 三 部 分, 左 上 部 分 播 放 视 频 文 件 RM, 左 下 部 分 是 该 视 频 的 内 容 要 点 RT 文 件, 右 半 部 分 则 是 对 应 视 频 的 教 师 讲 稿 RT 文 件, 三 部 分 通 过 SMI 文 件 同 时 出 现, 其 同 步 工 作 则 由 教 师 讲 稿 RT 文 件 的 编 写 实 现

115 第 5 章 网 络 应 用 类 论 文 案 例 分 析 109 图 5-11 传 递 函 数 对 应 的 课 件 内 容 软 件 制 作 课 件 的 编 写 过 程 是 : 先 将 教 师 讲 课 的 VCD 转 换 成 RM 文 件 格 式, 再 将 教 师 讲 稿 制 成 与 视 频 同 步 播 放 的 RT 文 件, 然 后 利 用 SMIL 语 言 将 教 师 讲 课 的 RM 文 件 讲 稿 RT 文 件 等 组 织 成 SMI 文 件, 最 后 通 过 RPM 文 件 将 SMI 文 件 嵌 入 到 HTML 页 面 中 1. 文 件 转 换 与 分 割 教 师 讲 课 VCD 的 文 件 类 型 是 DAT 文 件, 而 SMIL 语 言 支 持 的 视 频 是 RM AVI MOV ASF 等 格 式, 因 此 首 先 必 须 完 成 视 频 文 件 DAT 格 式 到 RM 格 式 的 转 换 同 时 要 使 教 师 的 讲 稿 与 视 频 同 步, 而 原 来 的 视 频 文 件 太 长, 因 此 还 必 须 把 DAT 文 件 按 内 容 分 割 成 若 干 段 有 两 种 方 案 可 以 实 现 VCD 文 件 格 式 的 转 换 和 分 割 : 把 DAT 文 件 先 转 换 为 RM 格 式, 然 后 对 RM 文 件 进 行 分 割 把 DAT 文 件 先 进 行 分 割, 再 分 别 转 换 为 RM 格 式 下 面 是 采 用 第 二 套 方 案 实 现 的 流 程 先 使 用 超 级 解 霸 3000 对 DAT 文 件 按 课 程 章 节 进 行 分 割, 并 保 存 为 MPEG 系 统 流 格 式 ( 若 保 存 为 MPEG 视 频 流 格 式, 只 有 视 频 而 没 有 声 音 ), 产 生 针 对 每 一 节 的 独 立 的 MPEG 文 件 然 后 使 用 如 图 5-12 所 示 的 AVS VideoConverter 2.5 软 件 将 转 换 后 得 到 的 MPEG 文 件 转 换 为 RM 格 式 的 文 件

116 110 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 图 5-12 RM 文 件 的 转 换 2. 教 师 讲 稿 RT 文 件 的 制 作 在 播 放 RM 文 件 的 同 时, 要 求 教 师 的 讲 稿 同 步 出 现 如 果 只 是 单 纯 地 把 教 师 的 幻 灯 片 文 件 插 入 其 中, 只 能 实 现 幻 灯 片 一 页 一 页 的 播 放, 不 能 与 视 频 内 容 同 步, 即 不 能 够 达 到 视 频 播 放 到 哪 里, 幻 灯 片 的 内 容 随 之 出 现 的 效 果 要 达 到 幻 灯 片 与 视 频 内 容 的 同 步, 只 能 够 把 幻 灯 片 文 件 的 内 容 提 取 出 来, 做 成 Real Text(RT) 文 件 格 式, 才 能 够 控 制 文 字 出 现 的 时 间 (RT 文 件 中 不 同 文 字 出 现 的 时 间 是 本 案 例 的 关 键 部 分 ) RT 文 件 使 用 了 许 多 与 HTML 相 同 的 标 记, 如 font color br center 等, 这 些 标 记 的 用 法 和 HTML 中 的 同 名 标 记 相 同, 可 以 直 接 编 写 下 面 以 传 递 函 数 为 例 介 绍 RT 文 件 的 编 写 在 记 事 本 中 输 入 下 面 的 程 序 并 保 存 为 1.rt 文 件 <window width="480" height="420" duration="492" bgcolor="blue"> <font COLOR=white charset="gb2312"> <br/><b><font size=+3>2.3.2 传 递 函 数 </font></b> <p/><time begin="10"/><b><font size=+2> 定 义 </font></b> <p/><time begin="18"/><font COLOR=red> 文 字 定 义 :</font> <br/><time begin="28"/> 零 初 始 条 件 下 系 统 输 出 信 号 的 拉 氏 变 换 与 输 入 信 号 的 拉 氏 变 换 之 比 <p/><time begin="60"/><font COLOR=red> 数 学 式 定 义 : </font> <br/><time begin="90"/> 设 输 入 为 r(t), 输 出 为 y(t), 则 系 统 的 传 递 函 数 为 <p/><time begin="130"/><b><font size=+2> 传 递 函 数 的 求 取 方 法 </font></b> <p/><time begin="160"/>1) 对 微 分 方 程 进 行 拉 氏 变 换 ( 零 初 始 条 件 ) <br/><time begin="200"/>2) 对 脉 冲 响 应 进 行 拉 氏 变 换 <br/><time begin="240"/>3) 实 验 建 模 方 法 ( 详 见 2.5 节 ) </font> </widnow> 程 序 说 明 : width="480" height="420" 为 讲 稿 的 窗 口 大 小, 必 须 与 下 面 编 写 的 SMI 文 件 中 所 定 义 的 RT 窗 口 匹 配

117 第 5 章 网 络 应 用 类 论 文 案 例 分 析 111 duration="492" 表 示 整 个 播 放 时 间 为 492 秒, 该 时 间 为 对 应 1.rm 文 件 播 放 的 时 间 charset="gb2312" 使 讲 稿 中 的 中 文 字 符 能 够 显 示, 否 则 将 出 现 乱 码 <time begin="10"/> 中 不 同 的 时 间 设 置 必 须 与 教 师 的 讲 解 同 步 ( 这 是 工 作 量 最 大 的 地 方, 要 根 据 传 递 函 数 视 频 对 应 的 1.rm 文 件 计 算 时 间 ) 3. 内 容 提 要 RT 文 件 的 制 作 在 图 5-11 中 可 以 看 到, 视 频 窗 口 下 有 比 较 大 的 一 块 区 域, 在 这 块 区 域 中 可 以 放 置 内 容 提 要 课 程 链 接 课 件 标 题 授 课 教 师 等 信 息 案 例 中 在 该 区 域 放 置 课 件 的 内 容 提 要 RT 文 件 在 记 事 本 中 输 入 下 面 显 示 本 节 的 内 容 提 要 的 程 序, 并 保 存 为 1a.rt 文 件 : <window width="160" height="300" duration="492" bgcolor="black"> <!-- 出 现 在 整 个 SMI 文 件 的 左 下 部 分, 其 大 小 width="160" height="300" 必 须 同 下 面 编 写 的 SMI 文 件 中 所 定 义 的 RT 窗 口 匹 配 --> <font size=+2 COLOR=white charset="gb2312"> <b> <p/><font size=+3> 本 节 内 容 </font> <p/> 传 递 函 数 的 定 义 <p/> 传 递 函 数 的 求 取 方 法 </b> </font> </widnow> 4.SMI 文 件 的 制 作 从 教 师 讲 稿 RT 文 件 的 源 代 码 中 可 以 看 出, 每 一 段 文 字 的 出 现 都 是 受 到 时 间 控 制 的, 而 这 个 时 间 的 控 制 又 是 由 视 频 来 决 定 的, 因 此 才 能 做 到 讲 稿 与 视 频 的 同 步 播 放 前 面 的 工 作 将 课 件 所 需 要 的 基 本 素 材 制 作 完 成, 并 且 两 者 的 播 放 也 已 经 达 到 同 步, 剩 下 的 工 作 是 编 写 SMI 文 件, 完 成 RM 文 件 同 两 个 RT 文 件 的 布 局 在 记 事 本 中 输 入 下 面 的 程 序 并 保 存 为 1.smi 文 件 <smil> <head> <layout> <region id="video" title="video" width="160" height="120" fit="meet" background-color="#000000"/> <!-- 定 义 视 频 播 放 窗 口 Video, 从 左 上 角 开 始, 窗 口 大 小 为 , 在 其 中 播 放 的 视 频 文 件 大 小 自 动 调 整, 以 适 合 窗 口 大 小 --> <region id="text" title="text" left="160" width="480" height="420" fit="meet" background-color="#000000"/> <!-- 定 义 教 师 讲 稿 播 放 窗 口 text, 窗 口 位 置 从 左 上 角 往 左 160 像 素 开 始, 大 小 为 , 窗 口 大 小 与 RT 文 件 中 的 定 义 一 致 --> <region id="main" title="main" top="120" width="160" height="300" fit="meet" background-color="#000000"/>

118 112 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 <!-- 定 义 内 容 提 要 窗 口 main, 窗 口 位 置 从 左 上 角 往 下 120 像 素 开 始, 大 小 为 , 窗 口 大 小 也 与 对 应 RT 文 件 中 的 定 义 一 致 --> </layout> </head> <body> <par> <video src="1.rm" dur="492" region="video" fill="freeze" fit="meet"/> <!-- Video 窗 口 中 播 放 1.rm 文 件, 播 放 长 度 为 492 秒, 最 后 一 帧 冻 结 --> <textstream src="1.rt" dur="492" region="text" fill="freeze" fit="meet"/> <!-- text 窗 口 中 播 放 教 师 讲 稿 1.rt 文 件, 讲 稿 内 容 与 视 频 同 步 --> <textstream src="1a.rt" dur="492" region="main" fill="freeze" fit="meet"/> <! main 窗 口 播 放 内 容 提 要 1a.rt 文 件 --> </par> </body> </smil> SMI 文 件 中 Video 窗 口 大 小 是 ,text 窗 口 从 左 面 第 160 像 素 开 始, 窗 口 大 小 是 , 所 以 SMI 窗 口 的 宽 为 =640 个 像 素 ;MAIN 窗 口 从 顶 部 第 120 像 素 开 始, 窗 口 大 小 是 , 所 以 SMI 窗 口 的 高 度 是 =420 个 像 素 ; 三 个 窗 口 构 成 的 整 个 SMI 文 件 所 占 的 大 小 为 ( 该 窗 口 在 下 面 编 写 的 HTM 文 件 右 框 架 中 出 现, 其 窗 口 大 小 与 右 框 架 的 大 小 相 匹 配 ) 5.RPM 文 件 的 制 作 要 将 流 媒 体 文 件 SMI 嵌 入 到 HTM 页 面 中, 必 须 通 过 RPM 文 件 实 现 RPM 文 件 指 明 SMI 所 在 的 路 径 和 流 文 件 名, 在 本 案 例 中 所 有 的 文 件 均 在 同 一 个 目 录 下, 因 此 不 必 指 明 路 径, 如 果 不 在 同 一 目 录 下, 要 使 用 相 对 路 径 RPM 文 件 的 内 容 很 简 单, 下 面 是 调 用 1.smi 文 件 的 1.rpm 文 件 内 容 : file://1.smi 6.HTM 文 件 的 制 作 (1) 首 页 文 件 的 制 作 运 行 FrontPage 2003, 单 击 文 件 菜 单, 选 择 新 建 命 令, 在 新 建 任 务 窗 格 中 选 择 其 他 网 页 模 板 选 项, 出 现 网 页 模 板 对 话 框, 单 击 其 中 的 框 架 网 页 标 签, 选 择 垂 直 拆 分 框 架 在 右 框 架 中 右 击, 出 现 如 图 5-13 所 示 的 框 架 属 性 对 话 框 将 框 架 大 小 选 项 区 域 中 的 宽 度 改 为 660 个 像 素 ( 比 SMI 文 件 中 的 640 稍 大 些 ) 单 击 框 架 网 页 按 钮, 出 现 网 页 属 性 对 话 框, 取 消 选 择 显 示 边 框 复 选 框, 单 击 确 定 按 钮, 出 现 如 图 5-14 所 示 窗 口 在 图 5-14 中 单 击 左 框 架 中 的 新 建 网 页 按 钮, 输 入 如 图 5-11 所 示 的 传 递 函 数 等 超 链 接 文 字 单 击 右 框 架 中 的 新 建 网 页 按 钮, 输 入 欢 迎 使 用 自 动 控 制 原 理 网 络 点 播 系 统, 按 回 车 键, 另 起 一 段, 输 入 单 击 左 侧 的 超 链 接 可 以 点 播 相 应 的 课 程 内 容

119 第 5 章 网 络 应 用 类 论 文 案 例 分 析 113 等 文 字 内 容, 如 图 5-10 所 示 图 5-13 框 架 属 性 单 击 文 件 菜 单, 选 择 另 存 为 命 令, 在 出 现 的 另 存 为 对 话 框 中 将 整 个 文 件 保 存 为 index.htm, 将 左 框 架 保 存 为 left.htm, 将 右 框 架 保 存 为 main.htm, 保 存 目 录 同 前 面 的 RT RM SMI RPM 文 件 图 5-14 框 架 内 容 (2) 超 链 接 页 面 的 制 作 选 中 左 框 架 中 的 文 字 传 递 函 数, 单 击 插 入 超 链 接 工 具 按 钮, 在 出 现 的 如 图 5-15 所 示 的 插 入 超 链 接 对 话 框 中, 在 链 接 到 框 架 中 单 击 新 建 文 档 按 钮, 在 新 建

120 114 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 文 档 名 称 文 本 框 中 输 入 文 件 名 1.htm 图 5-15 插 入 超 链 接 对 话 框 单 击 目 标 框 架 按 钮, 在 出 现 的 如 图 5-16 所 示 的 目 标 框 架 对 话 框 中, 将 目 标 设 置 为 右 框 架, 单 击 确 定 按 钮, 返 回 到 图 5-15 所 示 的 插 入 超 链 接 对 话 框 单 击 插 入 超 链 接 对 话 框 中 的 确 定 按 钮, 返 回 到 1.htm 文 件 的 设 计 窗 口 图 5-16 目 标 框 架 对 话 框 在 1.htm 文 件 的 设 计 窗 口 中, 单 击 左 下 方 的 代 码 视 图 图 标, 在 <body> 与 </body> 之 间 输 入 在 HTML 文 档 中 嵌 入 RPM 文 件 的 代 码 : <EMBED SRC="1.rpm" WIDTH=640 HEIGHT=420 CONTROLS=ImageWindow AUTOSTART =true> 其 中 CONTROLS=ImageWindow 指 明 了 播 放 流 的 窗 口,AUTOSTART=true 表 示 当 调 用 该 文 件 时 自 动 播 放 流 文 件, 定 义 的 窗 口 大 小 为 , 即 SMI 文 件 的 窗 口 大 小, 与

121 第 5 章 网 络 应 用 类 论 文 案 例 分 析 115 设 置 的 右 框 架 宽 度 660 相 匹 配 ( 本 案 例 播 放 时 的 分 辨 率 是 , 在 其 他 分 辨 率 情 况 下 不 能 获 得 最 佳 效 果 ) 保 存 并 关 闭 1.htm 文 件 至 此 整 个 案 例 的 功 能 全 部 实 现, 按 照 同 样 方 法 可 以 完 成 其 他 超 链 接 及 流 媒 体 文 件 的 制 作 运 行 index.htm 文 件, 出 现 如 图 5-10 所 示 的 课 件 首 页, 单 击 传 递 函 数 超 链 接, 链 接 到 1.htm 文 件, 通 过 1.htm 文 件 将 1.rpm 文 件 嵌 入 到 右 框 架 中, 然 后 由 1.rpm 文 件 指 定 播 放 1.smi 文 件, 而 1.smi 文 件 则 实 现 了 教 师 视 频 与 教 师 讲 稿 的 同 步 播 放 案 例 简 评 计 算 机 的 普 及 多 媒 体 技 术 的 发 展 以 及 Internet 的 迅 速 崛 起, 给 远 程 教 育 带 来 了 新 的 机 遇 课 件 点 播 是 远 程 教 育 的 主 要 形 式 之 一, 学 生 可 以 在 任 何 时 候, 通 过 网 上 任 意 一 台 计 算 机 进 行 学 习 在 远 程 教 学 过 程 中, 最 基 本 的 要 求 是 将 信 息 从 教 师 端 传 递 到 远 程 的 学 生 端, 需 要 传 递 的 信 息 中 包 括 了 各 种 类 型 的 数 据, 如 视 频 音 频 文 本 图 片 等, 通 过 使 用 SMIL 语 言 将 这 些 信 息 有 效 地 组 合 起 来, 可 以 达 到 更 好 的 教 学 效 果 本 案 例 完 成 了 SMIL 课 件 的 制 作, 实 现 了 文 本 与 视 频 的 同 步, 如 果 能 够 将 服 务 器 的 架 设 点 播 系 统 的 设 计 等 内 容 同 时 完 成, 将 是 一 个 非 常 优 秀 的 毕 业 设 计 5.2 基 于 WML 的 无 线 商 务 应 用 本 案 例 使 用 WML 语 言 建 立 WAP 网 站, 通 过 手 机 或 PDA 实 现 无 线 商 务 应 用 WML 简 介 WAP 是 Wireless Application Protocol( 无 线 应 用 协 议 ) 的 简 称, 它 是 开 发 移 动 网 络 上 类 似 Internet 应 用 的 一 系 列 规 范 的 组 合 WAP 协 议 与 现 有 通 行 的 Internet 协 议 类 似, 但 专 为 小 屏 幕 窄 带 的 用 户 装 置 ( 如 移 动 电 话 ) 优 化 WAP 协 议 是 公 开 的 全 球 性 的 标 准, 由 有 兴 趣 参 加 WAP FORUM 的 成 员 共 同 讨 论 制 定 和 拥 有, 它 使 无 线 装 置 可 以 轻 易 实 时 地 交 流 信 息 和 服 务 WAP 技 术 是 1999 年 以 来 最 为 热 门 的 一 项 技 术, 由 于 它 使 得 人 们 可 以 通 过 手 机, 无 线 PDA 等 产 品 来 上 网, 从 而 得 到 了 业 界 和 用 户 的 大 力 支 持 WAP 将 Internet 和 移 动 电 话 技 术 结 合 起 来, 通 过 手 机 浏 览 器 浏 览 WAP 站 点 的 服 务, 可 享 受 新 闻 浏 览 股 票 查 询 邮 件 收 发 在 线 游 戏 聊 天 等 多 种 应 用 服 务, 使 随 时 随 地 访 问 丰 富 的 Internet 资 源 成 为 现 实 1.WML 概 述 WML 是 Wireless Markup Language( 无 线 标 识 语 言 ) 的 简 称, 是 WAP 规 范 的 一 部 分, 类 似 于 编 写 网 页 的 HTML 语 言 WML 的 语 法 跟 XML 一 样, 是 XML 的 子 集, 是 建 立 在 XML 基 础 上 的 标 识 语 言, 用 于 界 定 文 字 的 格 式 和 表 现 方 式 屏 幕 的 层 次 (deck) 页 与 页

122 116 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 (card) 之 间 的 超 链 接 WML 页 面 文 件 的 扩 展 名 是.wml 在 WAP 规 范 中, 用 WML 替 代 了 传 统 的 HTML, 用 WMLScript 取 代 了 传 统 的 脚 本 语 言, 使 用 WAP 手 机 中 的 微 浏 览 器 来 接 收 和 解 释 WML 网 页 常 用 的 Internet 浏 览 器 使 用 户 从 PC 机 上 浏 览 HTML 网 页,WAP 的 微 型 浏 览 器 与 之 类 似, 专 用 于 从 手 持 设 备 上 浏 览 网 上 的 WML 网 页 由 于 目 前 的 IE 或 NETSCAPE 浏 览 器 还 都 不 能 显 示 WML 页 面, 而 我 们 又 不 能 总 在 手 机 上 进 行 测 试 ( 速 度 太 慢 ), 所 以 需 要 模 拟 器 如 图 5-17 所 示 是 M3Gate 的 PDA 和 手 机 模 拟 器 示 意 图 WML 文 档 的 默 认 字 符 集 是 UTF-8, 不 能 直 接 显 示 中 文, 要 显 示 中 文, 最 简 单 的 办 法 就 是 在 文 档 头 中 使 用 encoding, 即 <?xml version="1.0" encoding="gb2312"?> 这 种 方 法 有 些 手 机 和 模 拟 器 并 不 支 持, 那 就 需 要 采 用 UNICODE 码 来 表 示 中 文 字 符, 通 过 字 符 转 码 器 将 汉 字 编 码 转 换 到 UNICODE 码 与 HTML 一 样, 通 过 ASP CGI 等 技 术 可 以 动 态 生 成 WML 网 页, 使 WML 连 上 数 据 库, 实 现 无 线 商 务 应 用 图 5-17 M3 Gate 的 PDA 和 手 机 模 拟 器 示 意 图 由 于 带 宽 的 原 因,WAP 标 准 定 义 了 一 种 图 像 格 式, 叫 做 WBMP(WAP 点 位 图 像 ), 通 过 Adobe Photoshop 7 软 件 可 以 将 图 像 文 件 转 换 成 WBMP 图 像 格 式 具 体 操 作 如 下 : 在 Photoshop 中 打 开 要 转 换 的 图 片, 然 后 选 择 文 件 菜 单 的 选 择 存 储 为 WEB 所 用 格 式 命 令, 如 图 5-18 所 示, 选 择 WBMP 格 式 就 完 成 了 转 换 2. 服 务 器 的 配 置 要 建 立 一 个 WAP 网 站, 首 先 要 建 立 服 务 器, 我 们 使 用 IIS 作 为 服 务 器 因 为 IIS 默 认 的 MIME 不 支 持 WAP 文 件 格 式, 所 以 要 进 行 下 面 的 配 置 在 WAP 服 务 中, 所 提 供 的 新 文 件 类 型 目 前 共 有 五 种, 扩 展 名 分 别 是.wml.wmlc.wmls.wmlsc.wbmp, 分 别 代 表 WML 原 始 文 件 WML 文 件 的 二 进 制 码 WML Script

123 第 5 章 网 络 应 用 类 论 文 案 例 分 析 117 的 原 始 程 序 码 WML Script 二 进 制 码, 以 及 单 色 的 Wireless BMP 文 件 这 些 扩 展 名 必 须 新 增 到 Web Server 的 MIME Type 设 定 中,Web Server 才 能 够 提 供 WAP 服 务 图 5-18 WBMP 图 像 文 件 的 转 换 在 控 制 面 板 中 双 击 Internet Servers Manager 图 标, 出 现 如 图 5-19 所 示 的 对 话 框 图 5-19 Internet Information Services 对 话 框 右 击 Default Web Site 图 标, 选 择 属 性 命 令, 出 现 如 图 5-20 所 示 的 属 性 对 话 框

124 118 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 图 5-20 属 性 对 话 框 在 主 目 录 选 项 卡 中 选 中 读 取 复 选 框, 在 执 行 许 可 下 拉 列 表 框 中 选 择 纯 脚 本 选 项 在 HTTP 头 选 项 卡 的 MIME 中 单 击 文 件 类 型 按 钮, 出 现 如 图 5-21 所 示 文 件 类 型 对 话 框, 单 击 新 类 型 按 钮, 在 出 现 的 对 话 框 中 添 加 如 下 的 文 件 格 式 :.wml text/vnd.wap.wml.wmlc application/vnd.wap.wmlc.wmls text/vnd.wap.wmlscript.wmlsc application/vnd.wap.wmlscriptc.wbmp image/vnd.wap.wbmp 图 5-21 文 件 类 型 对 话 框

125 第 5 章 网 络 应 用 类 论 文 案 例 分 析 119 WML 文 件 格 式 为.wml 和.wmlc,.wmls 和.wmlsc 为 WMLScript 文 件,.wbmp 则 是 WAP 标 准 所 支 持 的 图 像 格 式 文 件 3. 手 机 模 拟 器 的 安 装 要 实 现 一 个 WAP 网 站 的 开 发, 手 机 模 拟 器 必 不 可 少, 下 面 以 M3GateV1.2 版 为 例 说 明 手 机 模 拟 器 的 安 装 使 用 安 装 非 常 简 单, 双 击 安 装 文 件 m3stp12.exe, 连 续 单 击 Next 按 钮 即 可 完 成 安 装 安 装 完 毕 后, 选 择 开 始 程 序 M3Gate WML Samples 命 令, 出 现 如 图 5-22 所 示 模 拟 器 单 击 模 拟 器 右 上 角 的 Popup menu 箭 头, 出 现 如 图 5-23 所 示 的 菜 单 选 择 Open URL 命 令, 在 出 现 的 对 话 框 中 输 入 WAP 网 站 地 址, 如 输 入 wap.sina.com.cn, 出 现 如 图 5-24 的 网 页 内 容 ( 必 须 接 入 到 Internet), 说 明 安 装 正 确, 可 以 通 过 模 拟 器 上 网 浏 览 WAP 网 站 选 择 图 5-23 中 的 Exit 命 令, 可 以 关 闭 模 拟 器 图 5-22 模 拟 器 图 5-23 Popup menu 图 5-24 WAP 网 站 浏 览 4.WML 文 件 结 构 WML 的 页 面 通 常 叫 做 deck, 由 于 网 络 带 宽 以 及 某 些 WAP 服 务 器 对 deck 传 输 的 限 制, 所 以 deck 越 小 越 好, 最 好 不 要 超 过 1.2KB 每 一 个 deck 由 一 组 互 相 链 接 的 card 组 成 当 移 动 用 户 访 问 一 个 WML 页 面 的 时 候, 页 面 中 所 有 card 都 会 从 WAP 服 务 器 下 载 到 移 动 设 备 中 card 之 间 的 切 换 由 移 动 设 备 内 置 的 计 算 机 处 理, 不 需 要 再 到 服 务 器 上 取 信 息 了 card 内 可 以 包 含 文 本 标 记 链 接 输 入 控 制 任 务 图 像 等,card 之 间 可 以 互 相 链 接 WML 文 档 的 实 体 包 含 在 <wml></wml> 标 记 中, 下 面 是 WML 文 档 的 结 构 <?xml version="1.0"?>

126 120 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " <wml> <head> 头 信 息 </head> <template> 模 板 定 义 </template> <card> 内 容 </card> <card> 内 容 </card> </wml> 其 中 <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " 是 WML 文 件 头 部, 为 XML 声 明 和 WML 的 外 部 DTD 声 明 引 用, 每 一 个 WML 程 序 文 件 必 须 予 以 声 明 <template> 中 定 义 了 每 一 个 card 中 都 用 到 的 任 务, 起 到 简 化 card 程 序 的 作 用 由 于 WML 是 XML 的 一 种 应 用, 因 此 所 有 的 WML 标 记 和 属 性 所 遵 循 的 语 法 规 则 同 SMIL, 这 里 不 再 详 述 WML 标 记 WML 的 大 部 分 标 记 与 HTML 的 标 记 相 同, 下 面 仅 对 部 分 在 案 例 中 使 用 的 标 记 进 行 说 明 1. 动 作 标 记 <do> <do> 是 WML 语 言 中 最 有 价 值 的 元 素 之 一, 它 给 用 户 提 供 一 种 在 当 前 card 上 进 行 动 作 的 通 用 方 法 这 种 动 作 通 常 被 定 位 在 用 户 终 端 界 面 的 特 定 部 件 上, 例 如 WAP 手 机 的 功 能 键, 触 摸 屏 上 的 图 表 等 当 用 户 激 活 这 些 部 件 的 时 候 会 产 生 相 应 的 事 件, 使 用 <do> 元 素 就 可 以 捕 获 这 些 事 件 并 对 其 做 出 反 应 (<do> 中 的 任 务 必 须 是 任 务 标 记 <go> <noop> <prev> 或 <refresh> 中 的 一 个 ) 2. 任 务 标 记 <go> 和 <prev> 实 现 card 之 间 跳 转 的 一 个 基 本 方 法 是 go,go 和 do anchor 等 标 签 的 结 合 是 WML 高 级 应 用 的 一 个 基 础 当 用 户 激 活 某 项 任 务 时,<go> 就 引 导 用 户 访 问 WML 指 定 的 URL, 该 URL 可 以 是 服 务 器 上 其 他 的 deck, 也 可 以 是 本 deck 中 其 他 的 card

127 第 5 章 网 络 应 用 类 论 文 案 例 分 析 121 <prev> 标 记 表 示 当 用 户 激 活 该 任 务 时, 终 端 就 转 回 上 次 用 户 访 问 过 的 URL 用 记 事 本 将 下 面 使 用 <do> <go> 和 <prev> 标 记 的 例 子 保 存 为 example.wml <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " <wml> <card title="first card" id="start"> <do type="accept" label="next"> <go href="#nextcard"/> </do> <p>this is the First Card!</p> </card> <card title="second card" id="nextcard"> <do type="prev" label="before"> <prev/> </do> <p>this is the last card!</p> </card> </wml> 程 序 运 行 效 果 如 图 5-25 所 示 (a)first card (b)second card 图 5-25 card 之 间 跳 转 的 例 子 程 序 说 明 : 上 述 deck 中 有 两 个 card, 第 一 个 card 的 标 题 是 first card( 如 图 5-25(a) 所 示, 标 题 中 的 文 字 将 在 WAP 浏 览 器 的 标 题 栏 中 显 示 ), 其 id 属 性 表 示 该 card 的 名 字 为 Start( 用 来 实 现 card 之 间 的 跳 转, 相 当 于 HTML 中 的 书 签 ) <do> 标 签 中 的 label 属 性 定 义 了 在 手 机 上 显 示 的 动 作 提 示 字 符 串 ( 图 5-25(a) 中 显

128 122 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 示 的 next 按 钮 ) <do> 标 签 中 的 type 属 性 值 accept, 表 示 接 受 do 标 记 中 所 定 义 的 动 作 当 单 击 next 按 钮 时, 执 行 <do> 与 </do> 标 记 之 间 的 <go> 标 记 所 定 义 的 任 务 <go> 标 记 通 过 href 指 向 具 体 的 URL,#nextCard 表 示 deck 内 部 的 名 为 nextcard 的 card, 也 即 第 二 个 card 第 二 个 card 中 <do> 标 签 的 type 属 性 值 为 prev, 表 示 回 到 浏 览 器 的 上 一 层 网 页, 也 即 第 一 个 card, 结 合 其 中 的 <prev/> 标 记, 当 单 击 before 按 钮 时, 返 回 到 第 一 个 card 3. 内 部 事 件 标 记 <onevent> 当 满 足 内 部 事 件 <onevent> 指 定 的 触 发 条 件 时, 浏 览 器 就 会 执 行 该 触 发 条 件 下 设 置 的 任 务 <onevent> 总 共 有 4 种 触 发 条 件, 触 发 条 件 通 过 type 指 定 ontimer: 满 足 时 钟 设 置 的 条 件 时 触 发 事 件 onenterbackward: 通 过 Prev 或 其 他 外 部 命 令 返 回 到 当 前 card Onenterforward: 通 过 链 接 进 入 当 前 card Onpick: 在 使 用 Option 控 件 列 表 的 时 候, 任 何 单 击 控 件 的 行 为 都 会 触 发 事 件 WMLScript 简 介 WMLScript 是 基 于 JavaScript 的 脚 本 程 序 语 言, 它 对 JavaScript 进 行 了 扩 展, 并 形 成 了 一 个 标 准, 为 WML 的 Decks 增 加 了 程 序 逻 辑, 支 持 多 个 高 级 的 用 户 界 面 (UI) 行 为, 使 客 户 端 智 能 化, 方 便 了 对 设 备 及 其 外 围 的 访 问, 减 少 了 到 服 务 器 的 往 返 WMLScript 是 无 线 应 用 协 议 WAP 应 用 层 的 一 部 分,WML 的 函 数 功 能 逻 辑 运 算 功 能 等 都 是 十 分 有 限 的, 而 WMLScript 提 供 了 丰 富 的 函 数 功 能, 在 WML 编 程 中 使 用 WMLScript 可 以 增 强 客 户 端 应 用 的 灵 活 性, 开 发 出 功 能 强 大 的 WAP 网 络 应 用 和 无 线 网 页 因 此,WMLScript 成 为 扩 展 WML 编 程 能 力 的 主 要 开 发 工 具 WMLScript 的 主 要 功 能 如 下 : 检 查 用 户 输 入 的 合 法 性 扩 展 用 户 浏 览 器 的 功 能, 比 如 允 许 程 序 员 开 发 手 机 的 电 话 呼 叫 发 送 短 信 息 存 储 电 话 号 码 管 理 电 话 簿 或 SIM 卡 等 生 成 用 户 端 的 确 认 提 示 警 告 信 息 或 操 作 对 话 框, 并 使 之 快 速 显 示 在 浏 览 器 上 在 用 户 浏 览 器 更 改 后, 能 够 对 浏 览 器 端 的 软 件 和 参 数 进 行 扩 展 与 配 置 最 大 限 度 克 服 客 户 端 的 窄 带 通 信 连 接 限 制, 并 提 供 丰 富 的 程 序 功 能 补 充 WML 并 使 之 实 现 针 对 微 型 移 动 终 端 设 备 的 多 种 服 务, 如 支 持 高 级 用 户 界 面 增 加 客 户 端 智 能 型 提 供 用 户 浏 览 器 外 围 功 能 的 访 问 能 力, 以 及 在 服 务 器 与 客 户 端 浏 览 传 输 数 据 时 减 少 带 宽 占 用 等 1.WMLScript 基 本 规 则 WMLScript 的 许 多 基 本 规 则 沿 用 了 WML 的 做 法 不 过, 由 于 WMLScript 是 以 C 语 言 为 蓝 本 而 制 定 的, 所 以 它 的 语 法 特 征 同 C 语 言 非 常 相 像 WMLScript 程 序 的 基 本 书 写 规 则 如 下 :

129 第 5 章 网 络 应 用 类 论 文 案 例 分 析 123 大 小 写 敏 感 各 种 关 键 字 变 量 和 函 数 名 都 必 须 合 理 地 使 用 大 小 写 程 序 由 若 干 语 句 或 函 数 组 成, 函 数 由 若 干 语 句 组 成 每 个 完 整 的 语 句 后 面 必 须 加 上 分 号 (;), 分 号 是 WMLScript 程 序 的 组 成 部 分 函 数 体 之 间 必 须 使 用 成 对 的 花 括 号 ({ }) 扩 起 来 使 用 双 斜 行 号 (//) 引 导 一 行 内 容, 这 一 行 内 容 全 部 作 为 注 释 内 容 以 符 号 /* 开 始, 而 以 符 号 */ 结 束 的 期 间 所 有 内 容 都 是 注 释 内 容 变 量 使 用 前 必 须 进 行 声 明, 声 明 变 量 的 关 键 字 是 var, 并 在 最 后 加 上 分 号 (;) 给 变 量 指 定 所 需 的 数 值 需 要 赋 值 操 作 符, 以 下 是 我 们 在 案 例 中 用 到 的 赋 值 操 作 符 :+= = *= /=, 它 们 的 作 用 与 C 语 言 相 同, 这 里 不 再 详 述 WMLScript 标 准 函 数 库 提 供 了 一 个 扩 展 WMLScript 语 言 的 机 制, 案 例 中 我 们 用 到 的 标 准 函 数 库 有 WML 浏 览 器 函 数 库 Lang 函 数 库 和 String 函 数 库 2.WML 浏 览 器 函 数 库 该 函 数 库 的 名 称 是 WMLBrower, 其 功 能 是 通 过 WMLScript 来 存 取 与 WML 相 关 的 内 容, 包 括 的 函 数 有 getvar setvar refresh 等 setvar(name,value): 给 变 量 赋 值, 如 WMLBrowser.setVar("user", "0"); getvar(name): 获 取 变 量 的 值, 如 wmluser = WMLBrowser.getVar("user"); refresh(): 强 制 WML 浏 览 器 更 新, 使 用 户 界 面 出 现 更 新 后 的 内 容 3.Lang 函 数 库 函 数 库 中 的 parsefloat(value) 函 数 的 功 能 是 回 传 由 字 符 串 value 所 定 义 的 浮 点 数 值, 如 var a =Lang.parseFloat("123.7 Hz");, 则 变 量 a= String 函 数 库 字 符 串 函 数 库 包 含 了 字 符 串 程 序 的 集 合, 包 括 的 函 数 有 length charat substring find tostring 等 (1)length(string): 返 回 给 定 字 符 串 的 长 度 例 如 : var a="abc"; var b=string.length(a); 运 行 结 果 b=3 (2)charAt(string.index) 返 回 string 中 index 值 所 指 定 的 字 符 例 如 : var a="my name is Joe" var b=string.charat(a,0); 运 行 结 果 b= "M" (3)subString(string,startIndex,length) 返 回 一 个 新 的 字 符 串 来 代 替 所 给 定 的 字 符 串, 这 个 新 字 符 串 从 给 定 的 索 引 值 开 始, 它

130 124 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 的 长 度 由 所 给 定 的 length 决 定 如 下 所 示 var a="abcd"; var b=string.substring(a,1,2); 运 行 结 果 b="bc" (4)find(string,substring) 返 回 所 要 寻 找 的 字 符 串 substring 和 原 始 字 符 串 string 相 符 的 第 一 个 字 符 的 索 引 值 如 果 没 有 相 符, 则 返 回 整 数 值 1 两 个 字 符 串 如 果 相 等, 也 定 义 没 有 符 合 例 如 : var a="abcde"; var b=string.find(a,"cd"); 运 行 结 果 b=2 (5)toString(value) 返 回 一 个 能 表 示 给 定 值 value 的 字 符 串 例 如 : var a=string.tostring(true); 运 行 结 果 a="true" WMLScript 和 WAP 应 用 程 序 包 含 了 使 用 者 登 录 通 过 浏 览 器 收 发 电 子 邮 件 留 言 板 从 特 定 的 网 站 取 得 新 闻 资 料 发 布 到 WAP 上 投 票 程 序 查 询 程 序 ( 与 数 据 库 结 合 ) 天 气 预 报 信 息 等 从 广 义 上 说 WAP 应 用 程 序 是 Web 应 用 程 序 的 一 环, 凡 目 前 可 以 拿 来 作 为 Web 应 用 程 序 的 平 台, 像 ASP CGI JAVA PHP 等 都 可 以 拿 来 开 发 WAP 应 用 程 序 惟 一 需 要 做 的, 就 是 熟 悉 WML 语 法, 并 将 原 来 程 序 的 HTML 部 分 改 成 WML 而 已 课 题 分 析 1. 必 要 性 分 析 WAP 技 术 的 出 现, 使 电 信 产 业 中 发 展 最 为 迅 速 的 移 动 通 信 完 全 加 入 到 计 算 机 网 络 世 界 中 来, 同 时 也 为 将 来 电 信 产 业 的 发 展 指 明 了 方 向, 它 使 移 动 Internet 有 了 一 个 通 行 的 标 准, 标 志 着 移 动 Internet 的 成 熟 WAP 目 前 已 成 为 通 过 移 动 电 话 或 其 他 无 线 终 端 访 问 无 线 信 息 服 务 的 全 球 事 实 标 准, 它 提 供 公 众 服 务 个 人 信 息 服 务 和 商 业 应 用 等 几 方 面 的 服 务 公 众 服 务 为 用 户 实 时 提 供 最 新 的 天 气 新 闻 体 育 娱 乐 交 通 及 股 票 等 信 息, 个 人 信 息 服 务 包 括 浏 览 网 页 查 找 信 息 收 发 电 子 邮 件 和 传 真 电 话 增 值 业 务 等, 商 业 应 用 包 括 股 票 交 易 银 行 业 务 网 上 购 物 机 票 及 酒 店 预 订 旅 游 及 行 程 和 路 线 安 排 产 品 订 购 等 其 中 移 动 商 务 是 最 主 要 最 有 潜 力 的 应 用, 并 逐 渐 由 单 纯 信 息 的 提 供 向 电 子 商 务 化 发 展, 因 此, 建 立 WAP 商 务 网 站 的 前 景 非 常 广 泛 2. 可 行 性 分 析 对 于 学 习 过 HTML 语 言 的 同 学,WML 语 言 的 掌 握 不 是 太 难 本 案 例 通 过 WML 编 程

131 第 5 章 网 络 应 用 类 论 文 案 例 分 析 125 实 现 静 态 WAP 页 面 的 创 建, 使 用 WMLScript ASP 与 Access 数 据 库 结 合 的 方 式 实 现 动 态 页 面 的 开 发, 在 毕 业 设 计 阶 段 可 以 顺 利 地 完 成 该 课 题 结 构 设 计 WAP 网 站 的 结 构 及 文 件 类 型 如 图 5-26 所 示, 其 中 未 注 明 的 文 件 为 普 通 的 WML 文 件 : 首 页 硬 件 Bar 主 页 面 网 站 首 页 硬 件 新 闻 栏 目 页 商 品 订 购 ASP 文 件 在 线 计 算 在 线 注 册 报 价 查 询 硬 件 新 闻 文 章 页 WMLScript ASP 文 件 ASP 文 件 数 据 库 图 5-26 结 构 示 意 图 WAP 网 站 的 第 一 个 deck 由 两 个 card 组 成, 分 别 是 硬 件 Bar 和 网 站 首 页, 通 过 网 站 首 页 中 的 超 链 接, 分 别 链 接 到 新 的 deck 其 中 通 过 硬 件 新 闻, 实 现 新 闻 的 浏 览 ; 通 过 商 品 订 购 链 接 到 一 个 ASP 文 件, 实 现 商 品 的 订 购 功 能 ; 通 过 在 线 计 算 调 用 WMLScript 文 件, 实 现 商 品 价 格 的 计 算 ; 通 过 在 线 注 册, 使 用 ASP 内 置 对 象 Response 的 Write 方 法 完 成 用 户 注 册 功 能 ; 通 过 报 价 查 询, 调 用 数 据 库, 完 成 对 所 需 硬 件 价 格 的 查 询 软 件 制 作 按 照 上 述 的 结 构 设 计, 依 次 编 写 首 页 面 文 件 index.wml 硬 件 新 闻 栏 目 页 面 文 件 yjxw.wml 硬 件 新 闻 文 章 页 面 文 件 商 品 订 购 页 面 文 件 spdg.asp 在 线 计 算 页 面 文 件 zxjs.wml 及 其 调 用 的 WMLScript 文 件 calc.wmls 在 线 注 册 页 面 文 件 zxzc.wml 及 asp 文 件 zxzc.asp 报 价 查 询 页 面 文 件 query.wml 及 asp 文 件 query.asp 等 1. 首 页 面 的 编 写 在 记 事 本 中 输 入 如 下 代 码 <?xml version="1.0" encoding="gb2312"?>

132 126 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 <!-- encoding="gb2312" 使 中 文 能 在 模 拟 器 中 显 示 --> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " <!-- WML 外 部 的 DTD 声 明 --> <wml> <!-- 本 deck 由 两 个 card 组 成, 下 面 是 第 一 个 card 硬 件 BAR --> <card title=" 硬 件 BAR"> <p align="center"> 欢 迎 光 临 硬 件 BAR!<br/></p> <p align="center"><img src="1.wbmp" alt=""/><br/></p> <!-- wbmp 图 片 为 人 民 服 务, 保 存 位 置 在 index.wml 同 一 目 录 下 --> <p align="center"> <do type="accept" label=" 进 入 网 站 "> <go href="#card2"/> </do> <!-- 单 击 进 入 网 站 按 钮, 链 接 到 第 二 个 card 网 站 首 页 --> <do type="prev" label=" 返 回 "> <prev/> </do> <!-- 返 回 到 M3Gate 初 始 界 面 --> </p> </card> <!-- 下 面 是 第 二 个 card 网 站 首 页 --> <card id="card2" title=" 网 站 首 页 "> <p>** 网 站 导 航 **<br/> <img src="2.wbmp" alt=""/><br/> <!-- 图 片 2.wbmp 通 过 光 盘 中 的 2.png 转 换 得 到 --> <a href="yjxw.wml"> 硬 件 新 闻 </a><br/> <a href="spdg.asp"> 商 品 订 购 </a><br/> <a href="zxjs/zxjs.wml"> 在 线 计 算 </a><br/> <a href="zxzc.wml"> 在 线 注 册 </a><br/> <a href="query.wml"> 报 价 查 询 </a><br/> <!-- 五 个 超 链 接, 分 别 链 接 到 对 应 的 WML 或 ASP 文 件 --> </p> <do type="prev" label=" 返 回 "> <prev/> </do> <!-- 返 回 到 第 一 个 card 硬 件 BAR --> </card> </wml> 输 入 完 毕 后 单 击 文 件 菜 单, 选 择 另 存 为 命 令, 将 文 件 保 存 为 index.wml, 保 存 类 型 为 所 有 文 件, 保 存 在 服 务 器 目 录 C:\Inetpub\wwwroot 中 运 行 M3Gate 模 拟 器, 使 用 Open URL 命 令, 输 入 得 到 如 图 5-27 所 示 第 一 个 card 硬 件 Bar 在 图 5-27 中, 单 击 返 回 按 钮, 返 回 到 M3Gate 初 始 界 面 单 击 硬 件 Bar 中 的

133 第 5 章 网 络 应 用 类 论 文 案 例 分 析 127 进 入 网 站 按 钮, 链 接 到 第 二 个 card 网 站 首 页, 如 图 5-28 所 示 图 5-27 硬 件 Bar 图 5-28 网 站 首 页 在 图 5-28 中, 单 击 网 站 首 页 中 的 各 个 超 链 接, 分 别 进 入 各 功 能 页 面, 单 击 返 回 按 钮, 返 回 到 第 一 个 card 硬 件 Bar 2. 硬 件 新 闻 栏 目 页 面 的 编 写 在 记 事 本 中 输 入 如 下 代 码 <?xml version="1.0" encoding="gb2312"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " <wml> <card id="yjxw" title=" 硬 件 新 闻 "> <p><a href="yjxw/1.wml">1.cebit2004 大 展 总 结 硬 件 篇 </a><br/></p> <p><a href="yjxw/2.wml">2.athlon XP-M 现 身 秋 叶 原 </a><br/></p> <p><a href="yjxw/3.wml">3.nvidia 与 ATI 角 逐 图 形 芯 片 </a><br/></p> <p><a href="yjxw/4.wml">4. 苹 果 推 Xserve G5 服 务 器 </a><br/></p> <! -- 四 条 新 闻 链 接, 分 别 链 接 到 子 目 录 yjxw 下 对 应 的 文 件 中 --> <p> <do type="prev" label=" 返 回 "> <prev/> </do> </p> </card> </wml> 与 index.wml 文 件 的 保 存 方 式 一 样, 将 上 述 内 容 以 yjxw.wml 为 文 件 名 保 存 在 图 5-28 的 网 站 首 页 中 单 击 硬 件 新 闻 超 链 接, 出 现 如 图 5-29 所 示 的 新 闻 栏 目 页 面

134 128 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 3. 硬 件 新 闻 文 章 页 面 的 编 写 在 上 述 栏 目 中, 单 击 各 条 新 闻 超 链 接, 分 别 链 接 至 yjxw 子 目 录 中 的 WML 文 件, 下 面 以 超 链 接 1.CeBIT2004 大 展 总 结 硬 件 篇 为 例 说 明 文 章 页 面 的 编 写 在 记 事 本 中 输 入 如 下 代 码 <?xml version="1.0" encoding="gb2312"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " <wml> <card title="cebit2004 大 展 总 结 硬 件 篇 "> <p>18 日 到 24 日, 全 球 各 大 主 要 IT 厂 商 齐 聚 德 国 汉 诺 威, 为 了 今 明 两 年 的 商 机 而 各 出 奇 招, 展 示 出 各 种 最 新 产 品, 与 各 类 买 家 接 洽 白 天, 他 们 要 面 对 公 众 询 问, 晚 上, 他 们 不 但 要 和 买 家 进 一 步 商 榷, 还 得 就 商 机 的 最 新 进 展 内 部 碰 头 讨 论 </p> <p> 而 在 中 国,PConline 以 及 其 他 媒 体 也 日 以 继 夜 地 关 注 春 回 大 地 后 的 IT 年 度 大 展 <br/> </p> <p> <do type="prev" label=" 返 回 "> <prev/> </do> </p> </card> </wml> 将 上 述 内 容 以 1.wml 为 文 件 名 保 存 在 图 5-29 中 单 击 1.CeBIT2004 大 展 总 结 硬 件 篇 超 链 接, 链 接 到 如 图 5-30 所 示 的 文 章 页 图 5-29 栏 目 页 图 5-30 文 章 页

135 第 5 章 网 络 应 用 类 论 文 案 例 分 析 商 品 订 购 ASP 文 件 的 编 写 在 记 事 本 中 输 入 如 下 代 码 并 保 存 为 spdg.asp 文 件 ( 程 序 前 面 的 数 字 是 为 方 便 解 释 而 写 ) <!-- 第 一 部 分 > <%Response.ContentType="text/vnd.wap.wml"%> <!-- 使 用 Response 对 象 告 诉 客 户 机 的 浏 览 器, 文 件 类 型 为 wml --> <?xml version="1.0" encoding="gb2312"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " <wml> <template> <do type="options" label=" 返 回 "> <prev/> </do> </template> <!-- 第 二 部 分 > <card id="lists" title=" 商 品 订 购 "> <p><br/><br/><br/><br/><%=" 请 选 择 您 要 订 购 的 商 品 :"%> <select title="<%=" 硬 件 种 类 "%>" ivalue="0"> <option value="jinyong" onpick="#cpu"><%="cpu"%></option> <option value="gulong" onpick="#mem"><%=" 内 存 "%></option> <option value="gulong" onpick="#hd"><%=" 硬 盘 "%></option> </select> </p> </card> <!-- 第 三 部 分 > <card id="cpu" title="cpu"> <onevent type="onenterbackward"> <prev/> </onevent> <p><br/><br/><br/><br/><%=" 选 择 你 想 要 购 买 的 CPU"%> <select name="fav" title="cpu"> <option value="<%="p4 2.8E"%>"><%="P4 2.8E"%></option> <option value="<%=" 赛 扬 4 2.4"%>"><%=" 赛 扬 4 2.4"%></option> <option value="<%="athlonxp2800+"%>"><%="athlonxp2800+"%> </option> <option value="<%="athlonxp2500+"%>"><%="athlonxp2500+"%> </option> </select> <br/><br/><br/><br/></p> <do type=" 确 定 "> <go href="#display_fav"/>

136 130 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 </do> <p><br/><br/><br/><br/></p> </card> <!-- 第 四 部 分 > <card id="mem" title=" 内 存 "> <onevent type="onenterbackward"> <prev/> </onevent> <p><br/><br/><br/><br/><%=" 选 择 你 想 要 购 买 的 内 存 "%> <select multiple="true" title="<%=" 内 存 "%>" name="fav"> <option value="<%="hy DDR MB"%>"><%="HY DDR MB"%></option> <option value="<%="hy DDR MB"%>"><%="HY DDR MB"%></option> <option value="<%="kingston DDR MB"%>"><%="Kingston DDR MB" %></option> <option value="<%="kingmax DDR MB"%>"><%="Kingmax DDR MB" %></option> </select> <br/><br/><br/><br/></p> <do type=" 确 定 "> <go href="#display_fav"/> </do> <p><br/><br/><br/><br/></p> </card> <!-- 第 五 部 分 > <card id="hd" title=" 硬 盘 "> <onevent type="onenterbackward"> <prev/> </onevent> <p><br/><br/><br/><br/><%=" 选 择 你 想 要 购 买 的 硬 盘 "%> <select multiple="true" title="<%=" 硬 盘 "%>" name="fav"> <option value="<%=" 希 捷 SATA 80G"%>"><%=" 希 捷 SATA 80G"%></option> <option value="<%=" 希 捷 SATA 120G"%>"><%=" 希 捷 SATA 120G"%></option> <option value="<%=" 迈 拓 Plus9 80G"%>"><%=" 迈 拓 Plus9 80G"%></option> <option value="<%=" 西 部 数 据 WD80G BB"%>"><%=" 西 部 数 据 WD80G BB"%> </option> </select> <br/><br/><br/><br/></p> <do type=" 确 定 "> <go href="#display_fav"/> </do> <p><br/><br/><br/><br/></p> </card>

137 第 5 章 网 络 应 用 类 论 文 案 例 分 析 131 <!-- 第 六 部 分 > <card id="display_fav" title=" 订 购 成 功 "> <p><br/><br/><br/><br/><%=" 你 选 择 的 硬 件 是 :"%><br/>$fav. <br/><br/><br/><br/></p> </card> </wml> 程 序 说 明 : 程 序 第 一 部 分 使 用 <template> 定 义 了 一 个 模 板, 其 目 的 是 为 了 节 省 资 源, 把 每 个 card 中 都 要 用 到 的 返 回 按 钮 设 置 在 模 板 中, 供 deck 中 的 所 有 card 使 用 整 个 deck 由 5 个 card 组 成, 在 图 5-28 的 网 站 首 页 中 单 击 商 品 订 购 超 链 接, 出 现 如 图 5-31 所 示 的 第 一 个 card 商 品 订 购 程 序 第 二 部 分 中 用 到 的 <select> 标 记 同 HTML 一 样, 定 义 了 一 个 包 括 3 个 单 选 按 钮 的 表 单, 当 单 击 某 个 单 选 按 钮 (<option>) 时, 激 活 onpick 事 件, 跳 转 到 所 对 应 的 CPU 内 存 或 硬 盘 card 在 图 5-31 中 单 击 < > 按 钮, 出 现 如 图 5-32 所 示 的 界 面, 选 择 CPU 内 存 或 硬 盘 单 选 按 钮, 分 别 跳 转 到 对 应 的 3 个 card 图 5-31 商 品 订 购 card 图 5-32 选 择 硬 件 种 类 程 序 第 三 部 分 为 CPU card 的 内 容, 其 中 <onevent></onevent> 标 记 之 间 的 命 令 实 现 返 回 功 能, 返 回 到 商 品 订 购 card <select></select> 标 记 之 间 的 命 令 由 用 户 选 择 所 需 的 CPU 型 号,<do></do> 标 记 之 间 的 <go href="#display_fav"/> 语 句 实 现 确 定 功 能, 跳 转 到 订 购 成 功 card 在 图 5-32 中 选 择 CPU 单 选 按 钮, 单 击 OK 按 钮, 出 现 如 图 5-33 所 示 的 界 面 在 图 5-33 中 单 击 <P4 2.8E> 按 钮, 出 现 如 图 5-34 所 示 card, 选 择 具 体 的 CPU 型 号 在 图 5-34 中 选 择 赛 扬 单 选 按 钮, 单 击 OK 按 钮, 出 现 如 图 5-35 所 示 界 面 在 如 图 5-35 中 单 击 确 定 按 钮, 出 现 如 图 5-36 所 示 订 购 成 功 界 面, 将 选 择 的 结 果

138 132 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 通 过 订 购 成 功 card 将 信 息 返 回 给 用 户 图 5-33 CPU card 界 面 图 5-34 选 择 CPU 型 号 图 5-35 选 择 后 的 CPU 图 5-36 订 购 成 功 界 面 程 序 第 四 部 分 和 第 五 部 分 分 别 为 内 存 card 和 硬 盘 card 的 内 容, 其 功 能 除 了 用 复 选 框 代 替 单 选 按 钮 外, 与 第 四 部 分 程 序 完 全 一 样 程 序 第 六 部 分 是 订 购 成 功 card, 将 用 户 选 择 的 硬 件 在 订 购 成 功 页 面 上 显 示 5. 在 线 计 算 功 能 的 实 现 将 下 面 的 程 序 保 存 为 zxjs.wml 文 件, 存 放 位 置 在 服 务 器 的 下 级 目 录 zxjs 中 <!-- 第 一 部 分 > <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"

139 第 5 章 网 络 应 用 类 论 文 案 例 分 析 133 " <wml> <template> <do type="prev" label="back"> <prev/> </do> </template> <!-- 第 二 部 分 > <card id="cmain" title="calculator" onenterforward="calc.wmls#reset()"> <p><br/> $(user)<br/><br/><br/><br/></p> <!-- 第 三 部 分 > <p> <a href="calc.wmls#digit(7)"> <img src="7.wbmp" width="14" height="14" vspace="1" hspace="1" alt="7"/> </a> <a href="calc.wmls#digit(8)"> <img src="8.wbmp" width="14" height="14" vspace="1" hspace="1" alt="8"/> </a> <a href="calc.wmls#digit(9)"> <img src="9.wbmp" width="14" height="14" vspace="1" hspace="1" alt="9"/> </a> <a href="calc.wmls#operation(4)"> <img src="div.wbmp" width="14" height="14" vspace="1" hspace="1" alt="/"/> </a> <a href="calc.wmls#reset()"> <img src="clear.wbmp" width="14" height="14" vspace="1" hspace="1" alt="c"/> </a> <br/><br/><br/><br/></p> <!-- 第 四 部 分 > <p> <a href="calc.wmls#digit(4)"> <img src="4.wbmp" width="14" height="14" vspace="1" hspace="1" alt="4"/> </a> <a href="calc.wmls#digit(5)"> <img src="5.wbmp" width="14" height="14" vspace="1" hspace="1" alt="5"/> </a> <a href="calc.wmls#digit(6)"> <img src="6.wbmp" width="14" height="14" vspace="1" hspace="1" alt="6"/> </a> <a href="calc.wmls#operation(3)"> <img src="mul.wbmp" width="14" height="14" vspace="1" hspace="1" alt="*"/> </a> <br/><br/><br/><br/></p> <!-- 第 五 部 分 > <p>

140 134 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 <a href="calc.wmls#digit(1)"> <img src="1.wbmp" width="14" height="14" vspace="1" hspace="1" alt="1"/> </a> <a href="calc.wmls#digit(2)"> <img src="2.wbmp" width="14" height="14" vspace="1" hspace="1" alt="2"/> </a> <a href="calc.wmls#digit(3)"> <img src="3.wbmp" width="14" height="14" vspace="1" hspace="1" alt="3"/> </a> <a href="calc.wmls#operation(2)"> <img src="minus.wbmp" width="14" height="14" vspace="1" hspace="1" alt="-"/> </a> <br/><br/><br/><br/></p> <!-- 第 六 部 分 > <p> <a href="calc.wmls#digit(0)"> <img src="0.wbmp" width="14" height="14" vspace="1" hspace="1" alt="0"/> </a> <a href="calc.wmls#digit(10)"> <img src="sign.wbmp" width="14" height="14" vspace="1" hspace="1" alt="+/-"/> </a> <a href="calc.wmls#digit(11)"> <img src="point.wbmp" width="14" height="14" vspace="1" hspace="1" alt="."/> </a> <a href="calc.wmls#operation(1)"> <img src="plus.wbmp" width="14" height="14" vspace="1" hspace="1" alt="+"/> </a> <a href="calc.wmls#operation(0)"> <img src="eq.wbmp" width="14" height="14" vspace="1" hspace="1" alt="="/> </a> <br/><br/><br/><br/></p> </card> </wml> 程 序 说 明 : 单 击 图 5-28 网 站 首 页 中 的 在 线 计 算 超 链 接, 出 现 如 图 5-37 所 示 的 界 面, 供 用 户 计 算 商 品 的 价 格 第 一 部 分 代 码 通 过 模 板 定 义 了 back 按 钮 第 二 部 分 的 <card onenterforward="calc.wmls#reset()"> 语 句 调 用 calc.wmls 文 件 中 的

141 第 5 章 网 络 应 用 类 论 文 案 例 分 析 135 reset() 函 数, 将 0 显 示 在 图 5-37 所 示 的 标 题 Calculator 下 第 三 部 分 代 码 在 图 5-37 中 显 示 第 一 行 / 和 C WBMP 图 片 单 击 按 钮 时 调 用 calc.wmls 文 件 中 的 digit() 函 数, 完 成 数 字 的 输 入 ; 单 击 / 按 钮 时 调 用 calc.wmls 文 件 中 的 operation() 函 数, 完 成 除 法 运 算 ; 单 击 C 按 钮 时 调 用 calc.wmls 文 件 中 的 reset() 函 数, 完 成 清 0 作 用 第 四 部 分 至 第 五 部 分 代 码 在 图 5-37 中 显 示 其 他 按 钮, 单 击 时 完 成 的 功 能 与 第 三 部 分 相 似 6.calc.wmls 文 件 的 编 写 将 下 面 的 程 序 保 存 为 calc.wmls 文 件, 存 放 在 服 务 器 的 下 级 目 录 zxjs 中 <!-- 第 一 部 分 > 图 5-37 计 算 器 功 能 extern function reset() { WMLBrowser.setVar("user", "0"); WMLBrowser.setVar("memory", "0"); WMLBrowser.setVar("op", "1"); WMLBrowser.setVar("flush", "true"); WMLBrowser.refresh(); } // 这 一 段 程 序 主 要 实 现 清 零 功 能 <!-- 第 二 部 分 > extern function digit(digit) { var wmlflush = WMLBrowser.getVar("flush"); var wmluser = WMLBrowser.getVar("user"); var fuser = Lang.parseFloat(wmlUser); if (wmlflush == "true") { wmluser = ""; WMLBrowser.setVar("flush", "false"); } if (digit < 10) { wmluser += String.toString(digit); } else if (digit == 10) // 实 现 +/- 号 功 能 { if (String.length(wmlUser) == 0 fuser == 0.0) {

142 136 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 return; } if (String.charAt(wmlUser, 0) == "-") { wmluser = String.subString(wmlUser, 1, String.length(wmlUser) - 1); } else { wmluser = "-" + wmluser; } } else if (digit == 11) // 实 现 小 数 点. 功 能 { var npos = String.find(wmlUser, "."); if (npos == -1) { if (String.length(wmlUser) == 0) { wmluser = "0"; } wmluser += "."; } } WMLBrowser.setVar("user", wmluser); WMLBrowser.refresh(); } // 这 一 段 主 要 是 实 现 数 字 的 功 能 <!-- 第 三 部 分 > extern function operation(op) { var wmluser = WMLBrowser.getVar("user"); var fuser = Lang.parseFloat(wmlUser); var wmlmemory = WMLBrowser.getVar("memory"); var fmemory = Lang.parseFloat(wmlMemory); var wmlop = WMLBrowser.getVar("op"); var nop = Lang.parseInt(wmlOp); if (nop == 1) // 实 现 + 功 能 { fmemory += fuser; } else if (nop == 2) // 实 现 - 功 能

143 第 5 章 网 络 应 用 类 论 文 案 例 分 析 137 { fmemory -= fuser; } else if (nop == 3) // 实 现 * 功 能 { fmemory *= fuser; } else if (nop == 4) // 实 现 / 功 能 { fmemory /= fuser; } WMLBrowser.setVar("flush", "true"); fuser = fmemory; nop = op; if (op == 0) { nop = 1; fmemory = 0.0; } WMLBrowser.setVar("user", String.toString(fUser)); WMLBrowser.setVar("memory", String.toString(fMemory)); WMLBrowser.setVar("op", String.toString(nOp)); WMLBrowser.refresh(); } // 这 一 段 主 要 是 实 现 运 算 功 能 程 序 说 明 : calc.wmls 文 件 中 的 内 容 用 到 了 WMLScript 简 介 中 的 知 识 第 一 部 分 定 义 reset() 函 数, 通 过 其 中 的 WMLBrowser.setVar("user", "0") 等 语 句 定 义 变 量 并 赋 值 运 行 zxjs.wml 文 件 时, 初 始 清 0, 即 在 图 5-37 中 单 击 C 按 钮 时, 调 用 该 函 数, 完 成 清 0 工 作 第 二 部 分 定 义 digit() 函 数, 完 成 数 字 (1~9) 正 负 符 号 (+/-) 小 数 点 (.) 的 输 入 在 图 5-37 中 单 击 相 应 按 钮, 调 用 该 函 数, 实 现 数 字 小 数 点 和 正 负 符 号 的 输 入 第 三 部 分 定 义 operation() 函 数, 完 成 计 算 功 能 在 图 5-37 中 单 击 = 按 钮, 调 用 该 函 数 实 现 计 算 功 能 7. 在 线 注 册 WML 页 面 文 件 的 编 写 在 记 事 本 中 输 入 如 下 代 码, 并 保 存 为 zxzc.wml 文 件 <?xml version="1.0" encoding="gb2312"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "

144 138 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 <wml> <template> <do type="options" label=" 返 回 "> <prev/> </do> </template> <!-- 使 用 模 板 实 现 返 回 功 能 --> <card id="order" title=" 注 册 "> <p> 请 输 入 您 的 注 册 ID:<input name="id" value=""/><br/> 请 输 入 您 的 密 码 :<input name="password" value=""/><br/> <!-- 输 入 用 户 申 请 的 注 册 ID 和 密 码 --> <anchor> 提 交 <go href="zxzc.asp" method="post"> <postfield name="id" value="$(id)"/> <postfield name="password" value="$(password)"/> </go> </anchor> <!-- 单 击 提 交 按 钮, 将 输 入 的 ID 和 密 码 发 送 给 zxzc.asp 文 件 处 理 --> </p> </card> </wml> 单 击 图 5-28 中 网 站 首 页 的 在 线 注 册 超 链 接, 出 现 如 图 5-38 所 示 的 注 册 页 面 输 入 注 册 ID 和 密 码, 单 击 提 交 按 钮, 将 输 入 的 数 据 发 送 给 下 面 编 写 的 zxzc.asp 文 件 处 理 8. 在 线 注 册 ASP 文 件 的 编 写 输 入 下 面 的 内 容, 并 以 zxzc.asp 文 件 名 保 存 Language=VBScript %> <!-- 使 用 VBScript 脚 本 语 言 编 写 --> <% Response.ContentType="text/vnd.wap.wml" %> <!-- 使 用 Response 对 象 告 诉 客 户 机 的 浏 览 器, 文 件 类 型 为 WML --> <?xml version="1.0" encoding="gb2312"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " <wml> <template> <do type="options" label=" 返 回 "> <prev/> </do> </template>

145 第 5 章 网 络 应 用 类 论 文 案 例 分 析 139 <card id="re" title=" 注 册 成 功 "> <p> 您 的 注 册 信 息 如 下 :<br/> ID:<b><%response.write(request("id"))%></b><br/> 密 码 :<b><%response.write(request("password"))%></b><br/> </p> <!-- 使 用 Response 对 象 的 Write 方 法, 返 回 客 户 输 入 的 ID 和 密 码 --> </card> </wml> 在 图 5-38 注 册 页 面 中 单 击 提 交 按 钮, 出 现 如 图 5-39 所 示 的 注 册 成 功 页 面 图 5-38 注 册 页 面 图 5-39 注 册 成 功 页 面 程 序 说 明 : ASP 特 点 之 一 就 是 提 供 了 功 能 强 大 的 内 置 对 象, 通 过 ASP 的 内 置 对 象 可 以 实 现 客 户 端 与 服 务 器 端 的 交 互 功 能 在 上 面 的 两 段 程 序 中, 客 户 端 通 过 填 写 ID 和 密 码, 将 所 填 写 的 信 息 通 过 post 方 法 递 交 给 服 务 器 端 的 ASP 文 件 ASP 的 内 置 对 象 Request 的 作 用 是 获 得 客 户 端 的 信 息,ASP 程 序 中 的 代 码 request("id") 和 request("password") 分 别 获 取 客 户 端 发 送 的 ID 和 密 码 Response 对 象 的 作 用 是 把 服 务 器 的 信 息 传 送 到 客 户 机 的 浏 览 器 上 通 过 Response.Write (String) 命 令, 用 Response 对 象 的 Write 方 法 将 参 数 传 送 回 客 户 端 程 序 中 的 代 码 response.write(request("id")) response.write(request("password")) 分 别 将 客 户 端 输 入 的 ID 和 密 码 原 封 不 动 地 返 回 到 客 户 端, 通 过 客 户 端 的 浏 览 器 显 示 在 图 5-38 中, 客 户 端 输 入 的 ID 和 密 码 分 别 为 12 和 1111, 服 务 器 端 处 理 后, 将 它 们 加 粗 后 返 回, 如 图 5-39 所 示 本 程 序 仅 仅 实 现 了 最 简 单 的 注 册 功 能, 如 果 要 判 断 ID 是 否 重 复, 则 需 要 通 过 与 数 据 库 的 结 合 才 能 实 现

146 140 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 9. 报 价 查 询 页 面 文 件 的 编 写 在 记 事 本 中 输 入 如 下 代 码, 并 保 存 为 query.wml 文 件 <?xml version="1.0" encoding="gb2312"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " <wml> <template> <do type="options" label=" 返 回 "> <prev/> </do> </template> <card id="query" title=" 查 询 条 件 "> <p> 请 输 入 ID:<input name="id" value=""/><br/> <!-- 输 入 商 品 的 id 编 号 --> <anchor> 提 交 <go href="query.asp" method="post"> <postfield name="id" value="$(id)"/> </go> </anchor> <!-- 将 商 品 的 id 编 号 提 交 给 query.asp 文 件, 查 询 相 应 商 品 的 信 息 --> </p> </card> </wml> 单 击 图 5-28 中 网 站 首 页 的 报 价 查 询 超 链 接, 出 现 如 图 5-40 所 示 的 查 询 页 面 在 查 询 页 面 中 输 入 要 查 询 的 商 品 ID 号, 单 击 提 交 按 钮, 将 ID 号 提 交 给 query.asp 文 件, 在 ASP 文 件 中 通 过 查 询 Access 数 据 库, 实 现 商 品 信 息 的 查 询 10. 数 据 库 的 建 立 在 query.asp 文 件 中 要 对 Access 数 据 库 price.mdb 进 行 查 询, 数 据 库 中 有 一 张 数 据 表 product, 表 中 包 括 3 个 字 段 下 面 介 绍 如 何 建 立 price 数 据 库 运 行 Access2003, 单 击 文 件 菜 单, 选 择 新 建 命 令 在 新 建 文 件 任 务 窗 格 中 单 击 空 数 据 库 选 项 在 出 现 的 图 5-40 查 询 页 面 新 建 数 据 库 对 话 框 中, 将 文 件 保 存 在 c:\inetput\wwwroot 目 录 下, 文 件 名 为 price.mdb, 单 击 创 建 按 钮, 出 现 如 图 5-41 所 示 的 对 话 框 单 击 设 计 按 钮, 出 现 设 计 视 图 在 其 中 输 入 字 段 id name 和 price, 数 据 类 型 均 为 文 本 右 击 字 段 id, 在 快 捷 菜 单 中 选 择 主 键 命 令, 如 图 5-42 所 示

147 第 5 章 网 络 应 用 类 论 文 案 例 分 析 141 图 5-41 新 建 数 据 库 图 5-42 设 计 视 图 单 击 Access 的 文 件 菜 单, 选 择 另 存 为 命 令, 在 出 现 的 如 图 5-43 所 示 的 另 存 为 对 话 框 中 输 入 数 据 表 名 product, 单 击 确 定 按 钮 图 5-43 另 存 为 对 话 框 关 闭 设 计 视 图, 出 现 如 图 5-44 所 示 对 话 框,product 数 据 表 结 构 建 立 完 毕 在 图 5-44 中 双 击 product 数 据 表, 出 现 数 据 表 视 图, 在 其 中 输 入 记 录, 如 图 5-45

148 142 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 所 示 图 5-44 建 立 product 数 据 表 图 5-45 在 数 据 表 视 图 中 输 入 记 录 至 此 数 据 库 price.mdb 建 立 完 毕 11.ADO 的 配 置 在 query.asp 文 件 中 要 通 过 数 据 库 访 问 组 件 ADO(ActiveX Data Object) 对 Access 数 据 库 进 行 访 问 ADO 是 一 组 优 化 的 访 问 数 据 库 专 用 对 象 集, 为 ASP 提 供 了 完 整 的 网 站 数 据 库 访 问 解 决 方 案, 它 与 ASP 紧 密 结 合, 在 服 务 器 端, 通 过 执 行 SQL 命 令, 让 用 户 在 浏 览 器 中 输 入 更 新 和 删 除 网 站 服 务 器 的 数 据 库 信 息 ADO 共 包 含 7 个 子 对 象 集, 如 下 所 示 Connection: 提 供 对 数 据 库 服 务 器 的 连 接 Recordset: 保 存 读 取 回 来 的 数 据 库 信 息 Command: 定 义 一 些 特 别 的 语 法 命 令, 供 用 户 执 行 相 应 的 程 序

149 第 5 章 网 络 应 用 类 论 文 案 例 分 析 143 Error: 描 述 存 取 数 据 库 时 发 生 的 错 误 Field: 作 为 读 取 信 息 单 元 Parameter: 使 用 Command 时 需 传 入 的 参 数 Property: 记 录 ADO 对 象 的 动 态 特 性 在 使 用 ADO 之 前, 必 须 先 建 立 ODBC 数 据 源, 进 行 服 务 器 的 配 置 下 面 介 绍 配 置 的 步 骤 (1) 双 击 控 制 面 板 中 的 ODBC 数 据 源 图 标, 出 现 ODBC 数 据 源 管 理 器 对 话 框, 单 击 系 统 DSN 标 签, 如 图 5-46 所 示 图 5-46 系 统 DSN (2) 单 击 添 加 按 钮, 出 现 创 建 新 数 据 源 对 话 框, 如 图 5-47 所 示 图 5-47 创 建 新 数 据 源

150 144 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 (3) 选 择 Microsoft Access Driver(*.mdb) 选 项, 单 击 完 成 按 钮, 出 现 如 图 5-48 所 示 对 话 框 (4) 在 数 据 源 名 文 本 框 中 输 入 test1, 单 击 选 择 按 钮, 出 现 如 图 5-49 所 示 图 5-48 创 建 数 据 源 名 (5) 选 择 前 面 建 立 的 数 据 库 文 件 price.mdb 连 续 单 击 确 定 按 钮, 完 成 ADO 的 配 置 图 5-49 选 择 数 据 库 12. 报 价 查 询 ASP 文 件 的 编 写 输 入 下 面 的 程 序, 并 以 query.asp 文 件 名 保 存 Language=VBScript %> <% Response.ContentType="text/vnd.wap.wml" %> <?xml version="1.0" encoding="gb2312"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "

151 第 5 章 网 络 应 用 类 论 文 案 例 分 析 145 <wml> <template> <do type="options" label=" 返 回 "> <prev/> </do> </template> <card id="re" title=" 查 询 结 果 "> <p> <% Set conn = Server.CreateObject("ADODB.Connection") <!-- 创 建 Connection 对 象 的 实 例 conn--> Set rs=server.createobject("adodb.recordset") <!-- 创 建 Recordset 对 象 的 实 例 rs--> id=request("id") <!-- 从 query.wml 中 获 取 商 品 的 id 编 号 --> conn.connectionstring="dsn=test1" conn.open rs.activeconnection=conn <!-- 连 接 数 据 库 price.mdb --> if id<>"" then rs.open "select * from product where id='"+id+"'" else rs.open "select * from product" end if do <!-- 使 用 SQL 语 句 获 取 与 输 入 的 id 号 相 应 的 记 录 --> %> id:<%response.write(rs.fields(0).value)%><br/> name:<%response.write(rs.fields(1).value)%><br/> price:<%response.write(rs.fields(2).value)%><br/> <%response.write("#################")%><br/> <!-- 显 示 对 应 的 记 录 内 容 和 ################# --> <% rs.movenext Loop While(Not rs.eof) rs.close conn.close %> <!-- 关 闭 Recordset 对 象 和 Connection 对 象 --> </p> </card> </wml> 在 图 5-40 所 示 的 查 询 页 面 中 输 入 id 号, 单 击 提 交 按 钮, 出 现 如 图 5-50 所 示 的 查

152 146 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 询 结 果 页 面 图 5-50 查 询 结 果 页 面 案 例 简 评 本 案 例 通 过 不 同 的 方 法 实 现 了 WAP 页 面 的 访 问 通 过 使 用 ADO 访 问 数 据 库, 通 过 ASP 的 内 置 对 象 Request 和 Response 将 指 定 的 内 容 输 出 到 生 成 的 WML 页 面 中, 实 现 了 动 态 站 点 的 建 设 使 用 WMLScript 中 的 标 准 函 数 库 完 成 了 计 算 器 的 功 能, 扩 展 了 客 户 端 的 应 用 作 为 毕 业 设 计 来 说, 功 能 比 较 齐 全, 工 作 量 也 比 较 大, 但 作 为 一 个 完 整 的 网 站, 还 存 在 一 些 问 题, 例 如 : 在 线 注 册 功 能 应 与 数 据 库 结 合, 实 现 用 户 申 请 ID 的 验 证 ; 报 价 查 询 功 能 中, 用 户 怎 样 知 道 所 需 要 商 品 的 ID, 以 及 ID 超 出 数 据 表 范 围 时 的 处 理 等 等, 有 待 进 一 步 改 进 5.3 基 于 VRML 语 言 的 2010 年 世 博 会 场 馆 模 型 案 例 分 析 本 案 例 使 用 VRML 语 言, 实 现 上 海 世 博 会 场 馆 模 型 三 维 网 页 的 开 发 开 发 过 程 中 使 用 了 3DS MAX Cosmo Worlds 和 VrmlPad 等 软 件 以 及 Cosmo Player 插 件, 还 用 到 了 ASP 环 境 和 Access 数 据 库 VRML 简 介 虚 拟 现 实 造 型 语 言 VRML (virtual reality modeling language) 是 在 Internet 上 营 造 虚

153 第 5 章 网 络 应 用 类 论 文 案 例 分 析 147 拟 环 境 的 技 术, 它 利 用 计 算 机 发 展 中 的 高 科 技 手 段 构 造 出 一 个 虚 拟 世 界, 使 参 与 者 获 得 与 现 实 世 界 相 同 的 感 觉 利 用 VRML 可 以 创 建 任 何 虚 拟 的 物 体, 如 建 筑 物 城 市 山 脉 飞 船 星 体 等, 也 可 以 在 虚 拟 空 间 中 添 加 声 音 动 画, 使 之 更 加 生 动, 更 接 近 真 实 1.VRML 的 发 展 历 程 1994 年 10 月 在 第 二 届 WWW 国 际 会 议 上 发 布 了 VRML 1.0 规 范 的 草 案, 功 能 非 常 有 限, 仅 允 许 单 个 用 户 使 用 非 交 互 功 能, 没 有 声 音 和 动 画 之 后,VRML 2.0 于 1996 年 8 月 形 成, 它 在 VRML 1.0 的 基 础 上 进 行 了 很 大 的 补 充 和 完 善 通 过 VRML 2.0 的 节 点 事 件 域 路 由 传 感 器 插 补 器 和 脚 本 描 述 节 点 等 5 个 简 单 结 构, 可 以 完 成 丰 富 的 网 上 三 维 功 能 1997 年 12 月,VRML 作 为 国 际 标 准 正 式 发 布, 并 于 1998 年 1 月 获 得 ISO 批 准, 通 常 称 为 VRML 97 它 是 VRML 2.0 经 编 辑 性 修 订 和 少 量 功 能 性 调 整 后 的 结 果 作 为 ISO/IEC 国 际 标 准,VRML 的 稳 定 性 得 到 了 保 证, 它 将 推 动 Internet 上 交 互 式 三 维 应 用 的 迅 速 扩 展 2.VRML 的 工 作 原 理 VRML 的 基 本 工 作 原 理 同 HTML 的 基 本 原 理 一 样 简 单, 都 使 用 一 系 列 指 令 告 诉 浏 览 器 如 何 显 示 一 个 文 档, 都 是 万 维 网 页 面 的 描 述 语 言 VRML 的 基 本 工 作 原 理 可 概 括 为 文 本 描 述 远 程 传 输 本 地 计 算 生 成 文 本 描 述 指 VRML 并 不 是 用 三 维 坐 标 点 的 数 据 来 描 述 三 维 物 体, 因 为 这 样 的 话 数 据 量 将 会 非 常 大, 在 Internet 上 传 输 会 遇 到 很 多 困 难 VRML 用 类 似 HTML 标 记 语 言 来 描 述 三 维 场 景, 比 如, 一 个 立 方 体 的 描 述 文 本 是 box (size ) 远 程 传 输 是 指 用 户 浏 览 VRML 描 述 的 虚 拟 场 景 时, 需 要 通 过 Internet 将 描 述 场 景 的 文 本 传 送 到 本 地 文 本 描 述 嵌 在 Web 页 面 中, 在 浏 览 器 请 求 相 应 页 面 时 与 页 面 一 起 传 送 到 本 地 本 地 计 算 生 成 是 指 描 述 虚 拟 场 景 的 数 据 传 送 到 本 地 后, 浏 览 器 对 它 进 行 解 释 计 算, 动 态 地 生 成 虚 拟 场 景 比 如, 描 述 球 形 的 文 本, 浏 览 器 会 在 屏 幕 上 绘 制 一 个 立 体 的 球 形 这 样 就 避 免 了 在 网 上 传 输 大 容 量 的 视 频 图 像, 传 输 的 是 有 限 容 量 的 WRL 文 件, 即 只 传 送 描 述 场 景 的 模 型, 而 把 动 画 帧 的 生 成 放 在 本 地 也 就 是 说 当 我 们 在 虚 拟 世 界 中 漫 步 时, 所 依 靠 的 是 本 地 主 机 的 性 能, 而 与 网 络 无 关 3.VRML 的 实 现 设 计 VRML 虚 拟 场 景 时, 最 简 单 的 方 法 是 直 接 使 用 文 本 编 辑 器 来 编 辑 描 述 文 本, 它 类 似 于 程 序 设 计, 这 种 方 法 简 单 方 便, 但 不 是 很 直 观, 对 设 计 者 的 空 间 想 象 能 力 要 求 也 较 高, 设 计 的 效 率 不 高 通 常 使 用 三 维 动 画 制 作 工 具 ( 例 如 3DS MAX) 进 行 VRML 虚 拟 场 景 设 计 按 制 作 三 维 动 画 的 方 法 对 要 创 建 的 虚 拟 现 实 对 象 建 模, 赋 予 材 质 及 贴 图, 指 定 动 画 这 些 工 作 完 成 之 后, 另 存 为 VRML(.wrl) 文 件 类 型 即 可, 但 是 所 导 出 的 文 件 可 能 比 较 大 还 有 一 些 简 单 的 可 视 化 VRML 设 计 工 具 如 Cosmo Worlds 可 供 选 择, 这 些 工 具 将 VRML

154 148 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 的 标 准 节 点 做 成 可 视 的 组 件 用 户 设 计 时, 只 需 要 用 这 些 组 件 构 建 自 己 的 虚 拟 场 景 就 可 以 了, 而 且 其 效 果 在 设 计 时 就 可 以 看 到 设 计 完 毕 后, 系 统 自 动 将 这 些 可 视 的 虚 拟 场 景 生 成 标 准 的 VRML 文 本 描 述 这 样, 文 本 描 述 传 送 到 用 户 的 浏 览 器 后, 便 会 在 用 户 的 屏 幕 上 重 现 这 个 虚 拟 场 景 以 上 工 具 或 多 或 少 都 存 在 一 个 缺 点, 那 就 是 对 交 互 的 支 持 不 太 好 要 达 到 一 定 的 交 互 能 力, 还 需 要 找 一 个 文 本 编 辑 器 对 代 码 进 行 改 写 为 了 提 高 效 率, 可 以 使 用 VRML Pad, 使 用 它 可 以 少 花 50% 左 右 的 时 间 来 完 成 同 样 的 代 码 此 外, 还 可 以 通 过 VRML Pad 对 代 码 进 行 优 化 要 实 现 VRML 的 浏 览, 可 以 使 用 诸 如 Cosmo Player Blaxxun Contact 等 插 件 具 体 设 计 时, 可 以 利 用 JavaScript 实 现 HTML 与 VRML 之 间 的 信 息 交 互 ; 使 用 ASP 结 合 VRML 技 术, 实 现 在 虚 拟 现 实 环 境 下 的 动 态 网 页 ; 结 合 数 据 库 技 术, 访 问 者 可 以 在 模 拟 空 间 中 随 时 访 问 数 据 库 中 的 内 容 4.VRML 的 应 用 VRML 使 得 Internet 的 平 面 世 界 首 次 出 现 了 三 维 场 景, 它 刚 一 问 世, 便 引 起 了 极 大 的 反 响, 得 到 众 多 的 软 硬 件 厂 商 的 支 持, 成 为 Internet 上 最 具 发 展 前 景 的 新 兴 技 术 VRML 在 各 方 面 都 展 现 出 强 大 的 应 用 可 能 性, 蕴 藏 了 无 限 生 机 在 教 育 领 域 的 Web 站 点 中,VRML 可 广 泛 应 用 于 创 建 三 维 学 习 环 境, 增 加 学 习 内 容 的 形 象 性 和 趣 味 性 可 以 使 学 生 游 览 海 底 遨 游 太 空 观 摩 历 史 城 堡, 甚 至 深 入 原 子 内 部 观 察 电 子 的 运 动 轨 迹 体 验 爱 因 斯 坦 的 相 对 论 世 界 等 等, 从 而 更 形 象 地 获 取 知 识, 激 发 思 维 模 拟 训 练 是 VRML 一 个 很 重 要 的 应 用 领 域, 可 应 用 于 高 难 度 和 危 险 环 境 下 的 训 练 如 医 疗 手 术 训 练 航 天 运 载 器 的 空 间 活 动 空 间 站 的 操 作 等 地 面 训 练 此 外,VRML 还 可 以 广 泛 应 用 于 军 事 领 域 产 品 设 计 与 性 能 评 价 及 娱 乐 领 域 等 5.VRML 文 件 结 构 VRML 文 件 主 要 包 括 下 面 几 个 主 要 部 分 : 文 件 头 节 点 事 件 路 由 并 不 是 所 有 的 文 件 都 包 含 这 些 要 素, 惟 一 必 需 的 是 VRML 文 件 头 一 个 VRML 文 件 中 一 般 包 括 下 列 条 目 : 注 释 节 点 域 和 域 值 (1) 文 件 头 文 件 头 部 分 的 作 用 是 告 诉 浏 览 器, 该 VRML 文 件 符 合 的 规 范 标 准 以 及 使 用 的 字 符 集 等 信 息, 其 基 本 格 式 为 #VRML V2.0 utf8 (2) 注 释 注 释 以 一 个 # 符 号 开 始, 结 束 于 该 行 的 最 后 VRML 浏 览 器 将 跳 过 # 后 键 入 的 任 何 字 符 (3) 节 点 节 点 是 VRML 的 基 本 单 元, 构 成 了 VRML 文 件 的 主 体 部 分 VRML 包 括 了 几 十 个 标 准 节 点, 它 们 按 一 定 规 则 构 成 场 景 图, 提 供 颜 色 灯 光 超 链 接 材 质 等 功 能 常 用 节 点 分 类 如 下

155 第 5 章 网 络 应 用 类 论 文 案 例 分 析 149 造 型 尺 寸 外 观 节 点 :Shape Appearance Material 原 始 几 何 造 型 节 点 :Box Cone Cylinder Sphere 造 型 编 组 节 点 :Group Switch Billboard 文 本 造 型 节 点 :Text FrontStyle 造 型 定 位 旋 转 缩 放 节 点 :Transform 插 补 器 节 点 :TimeSensor PositionInterpolater OrientationInterpolater ColorInterpolator ScalarInterpolator CoordinateInterpolator 传 感 器 节 点 :TouchSensor CylinderSensor PlaneSensor SphereSensor VisibilitySensor ProximitySensor Collision 点 线 面 集 节 点 :PointSet IndexedLineSet IndexedFaceSet Coordinate 海 拔 节 点 :ElevationGrid 挤 出 节 点 :Extrusion 颜 色 纹 理 明 暗 节 点 :Color ImageTexture PixelTexture MovieTexture Normal 控 制 光 源 的 节 点 :PointLight DirectionalLight SpotLight 背 景 节 点 :Background 声 音 节 点 :AudioClip MovieTexture Sound 细 节 控 制 节 点 :LOD 雾 节 点 :Fog 空 间 信 息 节 点 :WorldInfo 锚 点 节 点 :Anchor 脚 本 节 点 :Script 控 制 视 点 的 节 点 :Viewpoint NavigationInfo 用 于 创 建 新 节 点 类 型 的 节 点 :PROTO EXTERNPROTO IS 可 以 使 用 语 句 DEF 节 点 名 节 点 类 型 { } 定 义 节 点 名, 以 便 重 复 使 用 该 节 点 例 如, 指 定 my_chair 作 为 一 把 椅 子 的 节 点 名 称, 为 了 在 桌 子 四 周 放 置 四 把 椅 子, 重 复 使 用 my_chair 三 次 即 可 (4) 域 和 域 值 节 点 一 般 包 括 节 点 类 型 一 对 括 号 括 号 中 描 述 节 点 属 性 的 域 和 域 值, 其 中 域 定 义 了 节 点 的 属 性 如 下 所 示 Cylinder { height 2.0 radius 2.0 } 在 上 述 Cylinder( 圆 柱 体 ) 节 点 中,height 域 定 义 圆 柱 体 的 高 度 为 2.0 单 位,radius 域 定 义 圆 柱 体 的 半 径 为 2.0 单 位 节 点 中 还 可 以 包 括 设 置 颜 色 造 型 朝 向 光 照 亮 度 等 域 在 一 个 节 点 中, 域 的 顺 序 并 不 重 要, 在 节 点 中 以 任 何 顺 序 设 定 域, 其 结 果 是 一 样 的 域 是 可 选 的, 每 个 域 都 有 一 个 默 认 值, 如 果 不 指 定 域 值,VRML 浏 览 器 将 使 用 默 认 值 例 如, 一 个 默 认 的 VRML 圆 柱 体 具 有 1.0 VRML 单 位 的 半 径 和 2.0 VRML 单 位 的 高 度 如

156 150 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 果 将 上 述 代 码 { } 中 的 文 本 删 去,VRML 浏 览 器 创 建 一 个 默 认 的,1.0 单 位 半 径 2.0 单 位 高 度 的 圆 柱 体 下 面 来 看 一 个 简 单 的 例 子 在 VrmlPad 或 记 事 本 中 输 入 下 面 的 程 序, 保 存 为 test1.wrl 文 件 #VRML V2.0 utf8 Shape { appearance Appearance { material Material {} } geometry Cylinder { radius 2 height 2 } } 标 准 节 点 Shape 用 于 创 建 场 景 中 可 见 的 对 象, 其 中 appearance 域 引 用 一 个 Appearance 节 点, 定 义 物 体 的 质 材 和 质 感,geometry 域 指 向 一 个 圆 柱 形 节 点, 定 义 物 体 的 形 状 Appearance 节 点 中 的 material 域 包 含 一 个 Material 节 点, 制 定 几 何 体 的 质 感 Material 节 点 { } 中 的 内 容 为 空, 表 示 按 默 认 的 光 照 效 果 反 光, 写 与 不 写 这 句 话 的 效 果 是 不 同 的 ( 可 以 将 其 删 除, 对 比 效 果 ) 使 用 安 装 了 Cosmo Player 插 件 的 浏 览 器 打 开 该 文 件, 得 到 如 图 5-51 所 示 效 果, 我 们 可 以 使 用 鼠 标 对 圆 柱 体 进 行 平 移 旋 转 放 大 缩 小 等 各 种 操 作 图 5-51 三 维 页 面 效 果

157 第 5 章 网 络 应 用 类 论 文 案 例 分 析 Cosmo Player 插 件 简 介 从 表 5-4 中 可 以 看 到 使 用 最 多 的 VRML 插 件 是 Cosmo Player,Cosmo Player 是 最 好 的 VRML 浏 览 器, 它 出 自 VRML 的 早 期 领 导 者 SGI 公 司, 在 速 度 质 量 兼 容 性 等 诸 多 方 面, 都 曾 遥 遥 领 先 但 由 于 它 被 一 再 转 手, 研 究 人 员 流 失 殆 尽, 其 速 度 和 扩 展 能 力 已 远 远 落 在 blaxxun Contact 和 Cortona 之 后 了 表 5-4 VRML 插 件 使 用 情 况 表 使 用 的 VRML 浏 览 器 使 用 者 比 率 (%) Cosmo Player 40 blaxxun Contact 28 Cortona 28 在 图 5-51 中 拖 动 鼠 标 指 针 向 上 移 动 时, 景 物 就 向 前 移 动 ; 鼠 标 指 针 向 下 移 动 时, 景 物 向 后 移 动 ; 鼠 标 指 针 向 左 移 动, 景 物 向 右 转 ; 鼠 标 指 针 向 右 移 动, 景 物 则 向 左 转 ; 按 下 Shift 键 的 同 时 拖 动 鼠 标 指 针, 将 加 快 景 物 移 动 的 速 度 通 过 单 击 如 图 5-52 所 示 Cosmo Player 控 制 面 板 上 的 其 他 按 钮, 可 以 实 现 对 景 物 的 缩 放 旋 转 复 位 等 功 能 图 5-52 Cosmo Player 控 制 面 板 Cosmo Worlds 简 介 对 于 VRML 场 景 中 三 维 物 体 的 建 模, 可 以 使 用 Cosmo Worlds 进 行, 它 是 针 对 VRML 设 计 的 三 维 软 件, 可 以 完 成 建 立 VRML 文 件 的 一 切 操 作 但 是 要 使 用 Cosmo Worlds 建 立 复 杂 的 物 体 仍 然 比 较 困 难, 可 以 使 用 比 较 流 行 的 三 维 软 件 来 建 模, 比 如 3DS MAX 或 MAYA, 直 接 导 出 为 VRML 文 件, 然 后 通 过 Cosmo Worlds 进 行 处 理 在 Cosmo Worlds 中 打 开 刚 才 建 立 的 test1.wrl 文 件, 单 击 圆 柱 体, 在 如 图 5-53 所 示 的 编 辑 窗 口 中 选 择 了 该 物 体

158 152 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 图 5-53 Cosmo Worlds 编 辑 窗 口 选 择 了 圆 柱 体 后, 可 以 进 行 各 种 所 见 即 所 得 的 操 作 如 单 击 超 链 接 按 钮 侧 上 方 的 Property Inspector 和 右 侧 下 方 的 Outline Editor 编 辑 器 随 之 发 生 了 变 化, 如 图 5-54 所 示 在 Outline Editor 编 辑 器 URL 框 架 的 文 本 框 中 输 入 超 链 接 的 地 址, 如 URL Options 框 架 的 Description in Brower 文 本 框 中 输 入 对 超 链 接 的 描 述, 如 test, 将 文 件 保 存 为 test2.wrl 在 浏 览 器 中 打 开 该 文 件, 将 鼠 标 指 针 放 在 圆 柱 体 上, 光 标 变 成 形 状, 在 状 态 栏 中 出 现 上 述 对 超 链 接 的 描 述 文 字 test 单 击 超 链 接, 即 可 链 接 到 作 者 的 网 站 窗 口 右 VrmlPad 简 介 当 我 们 用 专 门 的 VRML 可 视 化 编 辑 软 件 Cosmo Worlds 进 行 三 维 页 面 制 作, 特 别 是 用 各 种 各 样 的 3D 图 形 软 件 进 行 原 始 建 模, 然 后 导 出 为 VRML 文 件 时, 会 产 生 许 多 冗 余 代 码, 增 加 浏 览 文 件 的 下 载 时 间 这 时, 可 以 使 用 VrmlPad 对 文 件 进 行 瘦 身 安 装 完 命 令 插 件 后 的 VrmlPad 窗 口 如 图 5-55 所 示 图 5-54 超 链 接 的 设 置 其 中 选 择 代 码 格 式 化 命 令 可 以 显 示 VRML 源 代 码 之 间 的 结 构 关 系, 使 我 们 在 阅 读 程 序 时 对 程 序 的 结 构 更 清 晰 删 除 注 释 命 令 用 来 删 除 所 有 的 注 释 ; 删 除 默 认 区 域 可 以 删 除 那 些 默 认 定 义 值 的 节 点 内 容 ; 优 化 代 码 命 令 可 以 自 动 地 将 一 些 空 白 的 区 域 中 断 点 小 数 点 之 前 的 零 等 加 以 优 化 删 除 ; 优 化 代 码, 保 留 注 释 命 令 在 优 化 操 作 时 保 留 了 源 代 码 注 释 的 内 容 ; 减 少 代 码 缩 进 可 以 使 源 代 码 前 的 每 行 空 格

159 第 5 章 网 络 应 用 类 论 文 案 例 分 析 153 都 删 除 根 据 需 要 可 以 选 择 相 应 的 命 令 以 减 少 代 码 的 冗 余 图 5-55 VrmlPad 窗 口 VrmlPad 作 为 编 写 代 码 的 工 具, 可 以 直 接 使 用 VRML 语 言 对 程 序 进 行 编 写 或 修 改 除 此 以 外, 还 可 以 对 资 源 文 件 进 行 有 效 的 管 理, 并 且 提 供 了 VRML 文 件 的 发 布 向 导, 是 一 款 功 能 强 大 且 简 单 好 用 的 VRML 开 发 设 计 专 业 软 件 课 题 分 析 1. 必 要 性 分 析 上 海 2010 年 世 博 会 场 址 规 划 是 在 征 集 评 审 法 国 澳 大 利 亚 加 拿 大 中 国 等 的 8 家 知 名 设 计 公 司 方 案 后, 对 入 选 的 法 国 Architecture Studio 公 司 方 案 进 行 优 化 而 成 的 该 规 划 以 城 市, 让 生 活 更 美 好 为 主 题, 选 址 在 卢 浦 大 桥 和 南 浦 大 桥 之 间 的 滨 江 地 区, 会 展 场 地 分 设 在 浦 江 两 岸, 以 一 条 椭 圆 形 的 运 河 将 世 博 会 场 地 联 为 一 体 申 博 成 功 后, 在 Internet 上 可 以 看 到 许 多 关 于 世 博 会 场 馆 的 文 字 或 图 片 描 述, 但 没 有 相 应 的 三 维 页 面 通 过 该 课 题, 以 立 体 的 形 式 展 现 世 博 会 场 馆 宏 伟 的 场 景, 填 补 了 这 一 空 缺 2. 可 行 性 分 析 通 过 3DS MAX 将 世 博 会 场 馆 绘 制 出 来, 然 后 生 成 VRML 格 式 的 文 件, 通 过 Cosmo Worlds 和 VrmlPad 进 行 修 改, 针 对 某 些 建 筑 建 立 链 接, 调 用 Access 数 据 库 中 的 资 料 对 该 建 筑 进 行 介 绍 对 建 筑 物 的 建 模 后 期 制 作 等 工 作 通 过 上 述 的 工 具 软 件 可 以 顺 利 实 现, 数 据 库 的 调 用 可 以 通 过 ASP 实 现

160 154 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 结 构 设 计 在 浏 览 器 中 输 入 / main.wrl, 出 现 如 图 5-56 所 示 的 世 博 会 场 馆 三 维 页 面 ( 本 案 例 要 求 安 装 IIS, 具 体 方 法 参 照 节 ) 花 桥 中 国 馆 桥 面 图 5-56 世 博 会 场 馆 三 维 页 面 单 击 世 博 会 场 馆 模 型 中 的 花 桥 桥 面 和 中 国 馆, 调 用 bridge.asp 文 件, 实 现 对 Access 数 据 库 db1.mdb 的 访 问, 将 建 筑 物 的 相 关 信 息 通 过 新 的 页 面 展 现 软 件 制 作 考 虑 到 世 博 会 场 馆 模 型 比 较 复 杂, 选 择 3DS MAX 进 行 建 模 和 贴 图, 完 成 后 另 存 为 main1.wrl 文 件, 保 存 在 服 务 器 目 录 C:\Inetpub\wwwroot 中 后 面 所 有 文 件 保 存 位 置 相 同, 不 再 一 一 说 明 下 面 详 细 介 绍 随 后 的 制 作 步 骤 ( 考 虑 到 本 案 例 主 要 介 绍 VRML 的 实 现, 我 们 将 建 模 和 贴 图 的 具 体 过 程 省 略 读 者 可 以 先 熟 悉 Cosmo Player 插 件 的 使 用, 然 后 再 按 照 下 面 的 步 骤 进 行 修 改 ) 1. 增 加 超 链 接 (1) 使 用 Cosmo Worlds 打 开 main1.wrl 文 件, 其 界 面 如 图 5-57 所 示 (2) 选 择 要 添 加 超 链 接 的 对 象 桥 面, 单 击 超 链 接 按 钮 (3) 单 击 窗 口 右 侧 上 方 的 Property Inspector 编 辑 器 中 的 Show 下 拉 列 表 框, 选 择 Links 选 项, 编 辑 器 中 出 现 3 个 Anchor 节 点, 单 击 其 中 的 桥 面 对 象 节 点, 出 现 如 图 5-58 所 示 的 界 面 (4) 在 Outline Editor 编 辑 器 的 Link 文 本 框 中 输 入 节 点 描 述 design,url 框 架 的 文 本 框 中 输 入 超 链 接 地 址 bridge.asp?no=1,url Options 框 架 的 Description in Brower 文 本 框 中

161 第 5 章 网 络 应 用 类 论 文 案 例 分 析 155 输 入 对 超 链 接 的 描 述 design (5) 在 Property Inspector 编 辑 器 中, 单 击 Parameter 参 数 项, 输 入 target=_black 图 5-57 添 加 超 链 接 图 5-58 编 辑 超 链 接

162 156 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 使 用 VrmlPad 查 看 相 应 源 代 码, 如 下 所 示 children Anchor { url "bridge.asp?no=1" description "design" parameter "target=_black" } 组 节 点 Anchor 在 网 络 上 引 起 一 个 URL 链 接,description 是 URL 链 接 的 描 述,parameter ( 参 数 ) 用 来 向 浏 览 器 提 供 链 接 时 的 附 加 信 息, 并 由 浏 览 器 解 释 上 述 源 代 码 表 示 单 击 design 超 链 接 后 出 现 一 个 新 窗 口, 在 新 窗 口 中 出 现 bridge.asp?no=1 所 对 应 的 内 容 (6) 用 同 样 方 法 对 花 桥 对 象 输 入 节 点 描 述 bridge, 超 链 接 地 址 bridge.asp?no=2, 超 链 接 描 述 bridge 和 参 数 target=_black (7) 对 中 国 馆 对 象 输 入 节 点 描 述 china, 超 链 接 地 址 bridge.asp?no=3, 超 链 接 描 述 china 和 参 数 target=_black (8) 将 文 件 保 存 为 main2.wrl 2. 增 加 背 景 音 乐 用 VrmlPad 打 开 main2.wrl 文 件, 在 代 码 的 最 后 添 加 下 列 代 码 DEF bg Sound { source AudioClip { url "bg.mid" loop TRUE } location direction minback 10 minfront 10 maxback 70 maxfront 70 } DEF 定 义 了 一 个 Sound 节 点 bg, 通 过 source 域 指 定 声 源 节 点, 通 过 location 域 指 定 声 源 的 位 置, 通 过 direction 域 指 定 声 源 发 声 方 向, 通 过 minback minfront maxback 和 maxfront 指 定 声 强 的 变 化 范 围 这 样, 随 着 场 景 的 变 化, 声 音 会 随 之 变 化 声 源 节 点 AudioClip 指 定 声 音 数 据,url 域 指 定 声 源 是 位 于 同 一 目 录 下 的 bg.mid 文 件, loop 域 的 值 为 TRUE 表 示 声 音 循 环 播 放 3. 增 加 视 点 使 用 Viewpoint 节 点 定 义 视 点, 视 点 相 当 于 观 察 者 在 虚 拟 世 界 的 眼 睛, 观 察 者 从 这 个 视 点 开 始 浏 览 场 景 世 界, 系 统 的 默 认 视 点 是 persp 将 下 面 的 代 码 添 加 到 文 档 的 最 后, 添 加 两 个 视 点 viewall 和 walk

163 第 5 章 网 络 应 用 类 论 文 案 例 分 析 157 DEF viewall Viewpoint { position orientation fieldofview description "viewall" } DEF walk Viewpoint { position orientation fieldofview description "walk" } Viewpoint 节 点 的 position 域 指 定 视 点 在 坐 标 系 中 的 坐 标 orientation 域 决 定 视 线 在 坐 标 系 中 的 方 向, 其 默 认 方 向 以 坐 标 系 的 X 轴 正 方 向 为 右, Y 轴 正 方 向 为 上, 视 线 指 向 Z 轴 负 方 向, 该 域 通 过 指 定 默 认 方 向 旋 转 后 得 到 的 新 方 向 来 定 义 视 线 方 向 fieldofview 域 指 定 观 察 者 视 野 的 大 小, 单 位 是 弧 度, 该 值 必 须 在 0~π 之 间 description 域 用 来 识 别 Viewpoint 节 点 通 常 浏 览 器 会 在 界 面 上 列 出 这 一 描 述 以 供 用 户 选 择 不 同 的 视 点 图 5-59 中 从 左 到 右 分 别 是 3 个 视 点 persp viewall walk 的 效 果 图 4. 添 加 灯 光 VRML 本 来 就 具 有 默 认 灯 光, 即 使 不 设 置 任 何 灯 光, 也 可 以 看 到 物 体, 但 是 加 上 灯 光 可 以 很 好 地 调 节 气 氛 灯 光 有 聚 光 灯 源 (SpotLight) 点 光 源 (PointLight) 以 及 平 行 光 源 (DirectionalLight)3 种, 下 面 是 选 择 平 行 光 源 作 为 太 阳 光 的 源 代 码 图 个 不 同 的 视 点 DEF light DirectionalLight { intensity 0.7 color direction e-008 } DirectionalLight 节 点 中 的 intensity 域 指 定 灯 光 亮 度,color 域 指 定 光 源 颜 色,direction 指 定 灯 光 照 射 的 方 向 将 文 件 保 存 为 main3.wrl 文 件, 运 行 该 文 件, 听 到 循 环 播 放 的 背 景 音 乐 选 择 视 点 可 以 看 到 不 同 的 浏 览 效 果, 但 不 能 实 现 动 画 效 果 超 链 接 出 现, 但 由 于 对 应 的 文 件 尚 未 建 立, 无 法 实 现 链 接 功 能 下 面 通 过 步 骤 5~10 实 现 视 点 的 动 画 效 果, 通 过 步 骤 11~13 实 现 超 链 接 的 功 能

164 158 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 5.VRML 动 画 原 理 简 介 VRML 的 动 画 产 生 是 由 于 改 变 了 任 意 一 个 坐 标 系 的 位 置 方 向 和 形 体 比 例, 从 而 使 物 体 按 设 定 的 方 式 飞 行 平 移 旋 转 或 按 比 例 缩 放 动 画 实 现 的 基 本 要 素 是 动 画 过 程 的 描 述 和 时 间 控 制 的 描 述 VRML 提 供 了 适 用 于 不 同 数 据 类 型 的 插 补 器 节 点, 用 于 实 现 各 种 数 据 类 型 变 化 过 程 的 描 述, 包 括 坐 标 系 位 置 方 向 或 比 例 的 变 化 通 过 时 间 传 感 器 TimeSensor 节 点 进 行 时 间 控 制 的 描 述, 包 括 动 画 的 开 始 结 束 和 播 放 速 度 等 为 了 使 虚 拟 空 间 具 有 动 感, 可 以 在 构 造 指 令 中 包 含 绑 定 指 令, 绑 定 指 令 描 述 如 何 将 节 点 绑 定 在 一 起 VRML 绑 定 包 括 绑 定 在 一 起 的 节 点 和 在 节 点 之 间 绑 定 的 路 由 当 一 个 节 点 接 收 到 一 个 事 件 时, 它 将 根 据 节 点 的 特 征 开 始 动 画 或 者 其 他 事 情 通 过 绑 定 多 个 节 点, 用 户 可 以 创 建 许 多 路 由, 从 而 使 空 间 更 加 具 有 动 感 每 个 节 点 都 有 输 入 输 出, 一 些 节 点 同 时 具 有 输 入 输 出, 而 另 外 的 一 些 节 点 仅 有 其 中 的 一 种 节 点 的 输 入 称 为 eventin, 输 出 称 为 eventout 当 链 接 一 个 路 由 时,eventIn 接 受 输 入,eventOut 将 事 件 输 出 节 点 的 输 入 输 出 也 有 类 型, 例 如 一 个 SFFloat 类 型 的 eventout, 当 它 绑 定 一 个 路 由 时, 输 出 浮 点 数 SFFloat 类 型 的 eventin 能 够 接 收 浮 点 值 创 建 路 由 之 后, 路 由 将 处 于 睡 眠 状 态, 直 到 有 一 个 事 件 从 发 送 节 点 发 送 到 接 收 节 点, 接 收 节 点 接 收 事 件 之 后 将 做 出 反 应 TimeSensor 节 点 的 作 用 像 一 个 时 钟, 它 可 以 被 用 来 执 行 开 始, 停 止 或 者 其 他 控 制 动 画 的 动 作 随 着 时 间 的 流 逝, 这 个 传 感 器 就 会 产 生 事 件 来 表 示 时 间 的 变 化 通 过 将 这 些 事 件 从 TimeSensor 节 点 的 eventout 路 由 到 其 他 节 点, 使 这 些 节 点 发 生 相 应 的 变 化 如 果 要 使 一 个 坐 标 系 平 移 旋 转 和 按 比 例 缩 放, 可 以 将 TimeSensor 节 点 事 件 路 由 至 PositionInterpolator 和 OrientationInterpolator 节 点 在 这 些 节 点 中 产 生 新 的 位 置 和 旋 转 值, 并 通 过 它 们 的 eventout 传 送 这 些 值 按 顺 序 将 这 些 值 路 由 到 Transform 节 点 或 ViewPoint 节 点, 就 可 以 使 节 点 的 坐 标 系 随 动 画 过 程 的 发 展 而 发 生 平 移 旋 转 和 按 比 例 缩 放 VRML 对 一 个 动 作 过 程 不 论 其 所 用 时 间 长 短, 统 一 设 置 为 0.0~1.0 的 过 程 通 过 指 定 其 中 几 个 关 键 时 刻 的 变 量 值, 采 用 关 键 帧 动 画 的 技 术, 使 得 动 画 过 程 能 够 显 示 出 一 个 平 滑 变 化 过 程 VRML 插 补 器 节 点 使 用 这 些 关 键 的 时 刻 和 值 作 为 动 画 的 框 架, 然 后 使 用 线 形 内 插 的 方 法 自 动 计 算 关 键 值 之 间 的 中 间 值, 并 将 它 们 应 用 到 变 化 量 中 为 了 把 一 个 插 补 器 节 点 绑 定 到 一 个 动 画 线 路 上, 将 时 间 传 感 器 的 fraction_changed 域 (eventout 出 事 件 ) 路 由 至 插 补 器 的 set_fraction 域 (eventin 入 事 件 ), 每 次 时 间 传 感 器 输 出 一 个 新 的 时 刻, 插 补 器 使 用 输 入 的 时 刻 计 算 一 个 新 的 位 置 或 旋 转 值, 然 后 通 过 其 value_changed 域 (eventout 出 事 件 ) 输 出, 而 该 输 出 又 依 次 绑 定 到 一 个 节 点, 如 ViewPoint 节 点, 使 该 节 点 的 坐 标 系 随 时 间 传 感 器 的 计 时 变 化 而 平 移 或 旋 转 6. 位 置 插 补 器 PositionInterpolator PositionInterpolator 节 点 的 计 算 输 出 值 是 一 个 SFVec3f 类 型, 被 设 计 为 使 用 平 移 值 或 三 维 坐 标 值 的 节 点 输 入 可 利 用 PositionInterpolator 动 态 改 变 观 察 位 置, 或 改 变 形 体 的 位 置 PositionInterpolator 节 点 允 许 对 三 维 空 间 的 一 个 坐 标 点 进 行 动 画 关 键 帧 的 插 值 操 作 建

165 第 5 章 网 络 应 用 类 论 文 案 例 分 析 159 立 插 补 器 时, 为 动 画 的 不 同 变 化 完 成 比 率 设 置 相 应 的 坐 标 值 通 常 坐 标 插 补 器 从 时 间 传 感 器 接 收 set_fraction 事 件, 经 处 理 后, 将 输 出 值 发 送 给 下 一 节 点 将 下 列 代 码 添 加 在 main3.wrl 文 件 后 (# 后 面 的 文 字 为 注 释, 可 以 不 输 入 ) PROTO KfaPositionInterpolator [ # 用 PROTO 定 义 来 创 建 新 节 点 类 型 KfaPositionInterpolator, 这 个 节 点 用 来 存 放 物 # 体 动 画 位 置 的 参 数 eventin SFFloat set_fraction # 定 义 set_fraction 为 eventin 事 件, 类 型 为 单 一 浮 点 值, 控 制 动 画 的 完 成 比 率 eventout SFVec3f value_changed # 定 义 value_changed 为 eventout 事 件, 类 型 为 单 一 3D 浮 点 数 矢 量 值 # 控 制 与 比 率 相 对 应 的 坐 标 值 exposedfield MFFloat key 0 # 定 义 key 为 可 见 域, 类 型 为 多 值 浮 点 值, 默 认 值 为 0 exposedfield MFVec3f keyvalue # 定 义 keyvalue 为 可 见 域, 类 型 为 单 一 3D 浮 点 数 矢 量 值, 默 认 值 为 ] { PositionInterpolator { key IS key # 将 KfaPositionInterpolator 的 key 可 见 域 作 为 PositionInterpolator # 的 key 可 见 域 用, 下 面 语 句 的 功 能 相 同 set_fraction IS set_fraction keyvalue IS keyvalue value_changed IS value_changed } } 在 PROTO 中 的 PositionInterpolator{} 是 一 个 节 点 体, 节 点 体 能 够 使 节 点 体 内 的 节 点 PositionInterpolator 与 KfaPositionInterpolator 中 的 各 个 域 eventin 事 件 和 eventout 事 件 之 间 进 行 自 动 的 链 接 这 样, 当 使 用 KfaPositionInterpolator 这 个 节 点 时, 它 将 本 节 点 的 各 个 参 数 包 含 在 PositionInterpolator 节 点 中 使 用 通 过 自 动 链 接, 可 以 对 参 数 进 行 重 复 使 用 key 域 指 定 关 键 帧 时 间 比 率 列 表, 通 常 介 于 0.0~1.0 之 间, 包 括 0.0 和 1.0 关 键 时 刻 必 须 按 递 增 列 出 keyvalue 域 指 定 一 个 关 键 位 置 的 坐 标 列 表, 每 一 个 关 键 位 置 都 是 一 组 由 X Y 和 Z 浮 点 值 组 成 的 三 维 坐 标 或 平 移 距 离 关 键 时 刻 与 位 置 一 起 使 用, 其 目 的 是 第 一 个 时 刻 指 定 第 一 个 关 键 位 置 的 时 间, 第 二 个 时 刻 指 定 第 二 个 关 键 位 置 的 时 间 列 表 中 可 以 提 供 任 意 数 目 的 时 刻 和 位 置, 但 是 两 者 必 须 包 括 相 同 数 目 的 列 表 值 当 一 个 PositionInterpolator 节 点 接 收 到 一 个 时 刻 时, 它 将 计 算 基 于 关 键 位 置 列 表 和 相 关 关 键 时 刻 的 一 个 位 置, 新 计 算 出 的 位 置 由 value_changed 域 (eventout 出 事 件 ) 输 出 7. 方 向 插 补 器 OrientationInterpolator OrientationInterpolator 节 点 的 输 出 是 一 个 SFRotation 类 型, 被 设 计 为 旋 转 节 点 的 输 入

166 160 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 利 用 OrientationInterpolator 可 改 变 观 察 方 向, 或 者 改 变 形 体 的 方 向 将 下 列 代 码 添 加 在 main3.wrl 文 件 后 PROTO KfaOrientationInterpolator [ # 同 上 面 的 节 点 定 义 相 似, 用 来 存 放 物 体 动 画 角 度 的 参 数 eventin SFFloat set_fraction eventout SFRotation value_changed exposedfield MFFloat key 0 exposedfield MFRotation keyvalue ] { OrientationInterpolator { key IS key set_fraction IS set_fraction keyvalue IS keyvalue value_changed IS value_changed } } key 域 指 定 关 键 帧 时 间 比 率 列 表, 同 PositionInterpolator 中 一 致 keyvalue 域 指 定 方 向 值 列 表, 每 个 值 对 应 一 个 关 键 帧, 用 于 在 其 间 插 值 它 指 定 了 一 个 旋 转 关 键 值 的 列 表, 每 一 个 旋 转 关 键 值 是 一 个 4 个 值 的 组, 前 3 个 值 指 定 了 一 个 旋 转 轴 的 X Y 和 Z 分 量, 第 4 个 值 指 定 了 旋 转 轴 的 一 个 旋 转 角 度 关 键 时 刻 与 旋 转 值 一 起 使 用, 其 目 的 是 在 第 一 个 时 刻 指 定 第 一 个 关 键 旋 转 值, 第 二 个 时 刻 指 定 第 二 个 关 键 旋 转 值 列 表 中 可 以 提 供 任 意 数 目 的 时 刻 和 旋 转, 但 是 两 者 必 须 包 括 相 同 数 目 的 列 表 值 当 一 个 OrientationInterpolator 节 点 接 收 到 一 个 时 刻 时, 它 将 计 算 基 于 关 键 旋 转 列 表 和 相 关 关 键 时 刻 的 一 个 旋 转 值, 新 计 算 出 的 旋 转 值 由 value_changed 域 (eventout 出 事 件 ) 输 出 8. 定 义 动 画 节 点 将 下 列 代 码 添 加 在 main3.wrl 文 件 后 PROTO KfaAnimation [ field SFNode timesensor NULL # timesensor 节 点 域 被 定 义 为 单 节 点 值, 用 于 创 建 定 时 器 field MFNode fieldinterps [] # fieldinterps 节 点 域 被 定 义 为 多 节 点 值, 用 于 包 含 动 画 节 点 的 参 数 ] { Group { } }

167 第 5 章 网 络 应 用 类 论 文 案 例 分 析 161 定 义 该 节 点 的 目 的 是 为 了 被 动 画 round 引 用 9. 时 间 传 感 器 TimeSensor TimeSensor 节 点 像 时 钟 一 样 标 记 时 间 的 流 逝, 被 用 来 执 行 开 始 停 止 或 其 他 控 制 动 画 的 动 作, 通 过 将 TimeSensor 节 点 的 eventout 路 由 到 其 他 节 点, 可 以 使 这 些 节 点 发 生 相 应 的 变 化 将 下 列 代 码 添 加 在 main3.wrl 文 件 后 DEF round KfaAnimation { # 定 义 动 画 名 称 为 round, 节 点 类 型 为 前 面 使 用 PROTO 关 键 字 定 义 的 KfaAnimation timesensor DEF time TimeSensor { # DEF time TimeSensor 表 示 定 义 一 个 TimeSensor 节 点, 它 的 名 称 为 time # 而 round 的 timesensor 域 包 含 这 个 名 称 为 time 的 TimeSensor 节 点 # 注 意 :TimeSensor 和 timesensor 的 意 义 是 不 一 样 的, 这 是 由 于 VRML 是 区 # 分 大 小 写 的, 在 这 儿,TimeSensor 是 表 示 一 个 预 定 义 节 点, 而 timesensor # 则 表 示 round 节 点 中 的 一 个 可 见 域 starttime -1 # 控 制 动 画 的 开 始 时 间,-1 表 示 动 画 一 被 触 发 就 开 始 播 放 cycleinterval 16 # 控 制 动 画 的 播 放 时 间, 此 处 为 16 秒 loop TRUE # 控 制 动 画 是 否 为 循 环 播 放, 此 处 TRUE 表 示 循 环 播 放 # 如 需 要 改 变 动 画 播 放 的 效 果, 通 过 改 变 这 3 个 参 数 控 制 动 画 效 果 } fieldinterps [ # fieldinterps 包 含 动 画 关 键 帧 参 数, 这 些 参 数 的 作 用 在 于 控 制 动 画 在 某 个 时 间 # 点 时 处 于 某 个 状 态 的 参 数, 包 括 时 间 参 数, 位 置 动 画 参 数, 角 度 动 画 参 数 DEF pos KfaPositionInterpolator { # 定 义 一 个 名 为 pos 的 KfaPositionInterpolator 节 点, 存 放 位 置 动 画 参 数 # 其 下 的 可 见 域 key 是 用 来 存 放 位 置 动 画 关 键 帧 相 对 时 间 点 的 域, 其 值 在 # 0~1 之 间, 递 增 排 列, 共 161 个 值 key [ 0, , , , 0.025, , , , 0.05, , , , 0.075, , , , 0.1, , , , 0.125, , , , 0.15, , , , 0.175, , , , 0.2, , , , 0.225, , , , 0.25, , , , 0.275, , , , 0.3, , , , 0.325, , , ,

168 162 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 0.35, , , , 0.375, , , , 0.4, , , , 0.425, , , , 0.45, , , , 0.475, , , , 0.5, , , , 0.525, , , , 0.55, , , , 0.575, , , , 0.6, , , , 0.625, , , , , , , , , , , , , , , , , , , , 0.75, , , , 0.775, , , , 0.8, , , , 0.825, , , , 0.85, , , , 0.875, , , , , , , , , , , , , , , , , , , , 1 ] # 可 见 域 keyvalue 是 用 来 存 放 位 置 动 画 关 键 帧 位 置 值 的 域, 每 一 个 # 关 键 位 置 都 是 一 组 由 X Y 和 Z 浮 点 值 组 成 的 三 维 坐 标, 其 列 表 值 # 的 数 目 必 须 与 key 中 的 数 目 相 同, 本 例 中 共 有 161 组 值 keyvalue [ , , , , , , , , , , , , , , ,

169 第 5 章 网 络 应 用 类 论 文 案 例 分 析 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

170 164 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

171 第 5 章 网 络 应 用 类 论 文 案 例 分 析 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

172 166 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 , , , , , , , , , , ] } DEF angle KfaOrientationInterpolator { # angle 节 点 与 pos 节 点 相 似, 用 于 存 放 动 画 角 度 的 参 数 # 可 见 域 key 的 值 与 pos 节 点 key 的 值 一 致 key [ 0, , , , 0.025, , , , 0.05, , , , 0.075, , , , 0.1, , , , 0.125, , , , 0.15, , , , 0.175, , , , 0.2, , , , 0.225, , , , 0.25, , , , 0.275, , , , 0.3, , , , 0.325, , , , 0.35, , , , 0.375, , , , 0.4, , , , 0.425, , , , 0.45, , , , 0.475, , , , 0.5, , , , 0.525, , , , 0.55, , , , 0.575, , , , 0.6, , , , 0.625, , , , , , , , , , , , , , , , , , , ,

173 第 5 章 网 络 应 用 类 论 文 案 例 分 析 , , , , 0.775, , , , 0.8, , , , 0.825, , , , 0.85, , , , 0.875, , , , , , , , , , , , , , , , , , , , 1 ] # 可 见 域 keyvalue 中 的 值 是 旋 转 轴 的 X Y Z 分 量 以 及 旋 转 角 # 度, 共 有 161 组 值 keyvalue [ , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

174 168 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

175 第 5 章 网 络 应 用 类 论 文 案 例 分 析 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

176 170 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 } ] } , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ]

177 第 5 章 网 络 应 用 类 论 文 案 例 分 析 视 点 动 画 功 能 的 实 现 VRML 的 动 画 制 作 步 骤 如 下 (1) 定 义 需 要 实 现 动 画 的 节 点, 如 ViewPoint 或 Transform (2) 定 义 一 个 TimeSensor, 确 定 变 化 周 期 及 循 环 方 式 (3) 定 义 PositionInterpolator 节 点 和 OrientationInterpolator 节 点 (4) 给 出 两 个 ROUTE 语 句, 一 个 将 TimeSensor 的 变 化 传 给 PositionInterpolator 节 点 和 OrientationInterpolator 节 点, 另 一 个 将 PositionInterpolator 节 点 和 OrientationInterpolator 节 点 的 变 化 传 给 ViewPoint 或 Transform 前 面 的 程 序 已 经 完 成 了 步 骤 (1)~(3), 下 面 的 程 序 将 完 成 最 后 一 步 的 工 作 将 下 列 代 码 添 加 在 main3.wrl 文 件 后, 实 现 viewall 视 点 的 动 画 ROUTE pos.value_changed TO viewall.set_position ROUTE angle.value_changed TO viewall.set_orientation ROUTE viewall.bindtime TO time.set_starttime ROUTE time.fraction_changed TO pos.set_fraction ROUTE time.fraction_changed TO angle.set_fraction 以 上 几 个 语 句 是 动 画 的 关 键,ROUTE 节 点 的 作 用 是 在 各 个 节 点 的 eventout 和 eventin 之 间 建 立 链 接 ROUTE pos.value_changed TO viewall.set_position: 表 示 当 pos 节 点 的 值 变 化 时, 把 这 个 值 传 递 给 viewall 节 点 的 位 置 域, 这 样 就 设 置 了 viewall 节 点 的 新 位 置, 也 就 是 视 点 的 新 位 置 ROUTE angle.value_changed TO viewall.set_orientation: 同 前 句 相 似, 视 点 被 设 定 了 新 角 度 ROUTE viewall.bindtime TO time.set_starttime: 表 示 当 视 点 被 绑 定 ( 选 中 ) 时, 把 此 时 的 绝 对 时 间 传 递 给 time 节 点, 使 定 时 器 可 以 计 算 动 画 中 的 时 间 ROUTE time.fraction_changed TO pos.set_fraction: 表 示 当 时 间 变 化 时,pos 节 点 也 被 刷 新 ROUTE time.fraction_changed TO angle.set_fraction: 同 上 面 相 似,angle 节 点 在 时 间 变 化 时 被 刷 新 将 文 件 保 存 为 main4.wrl 运 行 该 文 件, 选 择 viewall 视 点, 实 现 动 画 效 果 11. 建 立 数 据 库 使 用 Access 建 立 db1.mdb 数 据 库 ( 具 体 建 立 方 法 参 见 上 一 个 案 例, 不 再 详 述 ), 在 数 据 库 中 建 立 了 建 筑 表, 结 构 如 下 字 段 名 数 据 类 型 长 度 编 号 自 动 编 号 建 筑 名 称 文 本 50 建 筑 内 容 备 注 -

178 172 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 输 入 如 下 三 条 记 录 编 号 建 筑 名 称 建 筑 内 容 1 上 海 2010 年 世 博 会 场 址 规 划 2002 年 7 月 2 日, 上 海 2010 年 世 博 会 场 址 规 划 在 法 国 巴 黎 召 开 的 国 际 展 览 局 131 次 会 议 上 展 示,12 月 3 日, 又 在 摩 洛 哥 蒙 特 卡 罗 举 行 的 国 际 展 览 局 132 次 会 议 上 展 示 该 规 划 是 在 征 集 评 审 法 国 澳 大 利 亚 加 拿 大 中 国 等 8 家 知 名 设 计 公 司 方 案 后, 对 选 中 的 法 国 Architecture Studio 公 司 方 案 进 行 深 化 优 化 而 成 该 规 划 以 城 市, 让 生 活 更 美 好 为 主 题, 选 址 在 卢 浦 大 桥 和 南 浦 大 桥 之 间 的 滨 江 地 区, 会 展 场 地 分 设 在 浦 江 两 岸, 以 一 条 椭 圆 形 的 运 河 将 世 博 会 场 地 联 为 一 体 2 花 桥 花 桥 作 为 上 海 世 界 博 览 会 的 标 志 性 建 筑, 将 同 绿 色 走 廊, 运 河 一 起 被 保 留 3 中 国 馆 12. 建 立 数 据 源 链 接 中 国 馆 和 中 国 地 区 展 馆 总 建 筑 面 积 8.8 万 平 方 米 世 博 会 之 后, 中 国 馆 则 将 作 为 世 博 会 的 博 物 馆 上 海 世 博 会 场 馆 建 设 将 突 破 国 际 展 览 局 对 世 博 会 展 馆 的 惯 例, 鼓 励 和 支 持 各 国 建 造 永 久 性 的 展 馆, 并 使 其 在 世 博 会 之 后 成 为 各 国 展 示 文 化 科 技 历 史 和 经 济 的 窗 口, 使 世 博 会 地 区 成 为 一 个 真 正 意 义 上 的 国 际 交 流 中 心 为 了 建 立 同 数 据 源 db1.mdb 的 链 接, 编 写 techcomp.asp 文 件, 保 存 在 服 务 器 的 子 目 录 C:\Inetpub\wwwroot\connections 中 内 容 如 下 <% var MM_techcomp_STRING = "driver={microsoft access driver (*.mdb)}; dbq= c:\\inetpub\\wwwroot\\db1.mdb" %> 其 作 用 同 上 一 案 例 中 的 ODBC 相 似 13. 实 现 数 据 库 查 询 为 了 实 现 单 击 世 博 会 场 馆 模 型 中 的 桥 面 花 桥 中 国 馆, 调 用 数 据 库 中 的 内 容 产 生 新 页 面, 编 写 bridge.asp 文 件, 保 存 在 C:\Inetpub\wwwroot 目 录 中, 内 容 如 下 <!-- 第 一 部 分 > <%@LANGUAGE="JAVASCRIPT"%> <!--#include file="connections/techcomp.asp" --> <% var Recordset1 MMColParam = "1"; if (String(Request.QueryString("no"))!= "undefined" && String(Request.QueryString("no"))!= "") { Recordset1 MMColParam = String(Request.QueryString("no")); } %> <!-- 第 二 部 分 > <% var Recordset1 = Server.CreateObject("ADODB.Recordset"); Recordset1.ActiveConnection = MM_techcomp_STRING; Recordset1.Source = "SELECT * FROM 建 筑 WHERE 编 号 = "+ Recordset1 MMColPa-

179 第 5 章 网 络 应 用 类 论 文 案 例 分 析 173 ram.replace(/'/g, "''") + ""; Recordset1.CursorType = 0; Recordset1.CursorLocation = 2; Recordset1.LockType = 1; Recordset1.Open(); var Recordset1_numRows = 0; %> <!-- 第 三 部 分 > <html> <head><title> 上 海 2010 年 世 博 会 </title></head> <body> <p><%=(recordset1.fields.item(" 建 筑 名 称 ").Value)%> </p> <p><%=(recordset1.fields.item(" 建 筑 内 容 ").Value)%></p> </body> </html> <% Recordset1.Close(); %> 第 一 部 分 代 码 利 用 ASP 内 置 对 象 Request 的 QueryString 方 法, 通 过 在 main.wrl 文 件 中 的 超 链 接 url"bridge.asp?no=1", 返 回 no 的 值, 以 决 定 要 查 询 数 据 库 的 哪 一 条 记 录 这 样, 当 单 击 世 博 会 场 馆 模 型 中 的 桥 面 花 桥 中 国 馆 时, 分 别 与 db1.mdb 中 的 第 一 二 三 条 记 录 相 对 应 第 二 部 分 代 码 使 用 ADO 数 据 库 访 问 组 件 的 RecordSet 对 象, 完 成 对 数 据 库 记 录 的 查 询 第 三 部 分 代 码 将 查 询 得 到 的 数 据 库 记 录 按 照 一 定 的 格 式 通 过 HTML 文 件 显 示 例 如, 当 单 击 世 博 会 场 馆 模 型 中 的 花 桥 时, 通 过 "bridge.asp?no=2" 与 db1.mdb 中 的 第 二 条 记 录 相 对 应, 将 查 询 到 的 纪 录, 按 照 指 定 的 格 式 显 示, 如 图 5-60 所 示 图 5-60 对 数 据 库 的 查 询 结 果 至 此 动 画 功 能 和 超 链 接 功 能 全 部 完 成 若 需 要 在 运 行 时 立 刻 播 放 动 画, 只 要 将 路 由 中 的 视 点 改 变 即 可 将 步 骤 10 中 对 应 的 viewall 视 点 改 为 persp, 相 应 程 序 如 下 ROUTE pos.value_changed TO persp.set_position ROUTE angle.value_changed TO persp.set_orientation

180 174 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 ROUTE persp.bindtime TO time.set_starttime 将 文 件 保 存 在 服 务 器 目 录 C:\Inetpub\wwwroot 下, 文 件 名 为 main.wrl, 通 过 在 浏 览 器 中 输 入 /main.wml, 打 开 该 文 件, 立 即 出 现 动 画 效 果 单 击 超 链 接, 出 现 图 5-60 预 期 的 效 果 至 此, 本 案 例 全 部 编 写 完 成 案 例 简 评 虚 拟 现 实 技 术 能 够 创 建 与 现 实 社 会 类 似 的 环 境, 能 建 立 多 种 层 次 细 节 丰 富 的 虚 拟 模 型, 真 实 再 现 工 程 竣 工 后 的 情 况, 可 为 已 建 设 或 正 在 建 设 的 各 种 工 程 项 目 展 示 其 周 边 环 境 内 部 装 修 固 定 设 施 的 配 套 情 况, 其 在 展 示 各 种 拟 建 设 的 工 程 项 目 中 的 应 用 日 益 广 泛 基 于 VRML 建 立 的 世 博 会 场 馆 模 型, 不 仅 仅 是 一 个 可 在 网 络 上 浏 览 的 三 维 可 视 化 系 统, 而 且 具 有 初 步 的 信 息 查 询 功 能, 场 景 动 画 及 漫 游 功 能 本 案 例 综 合 HTML VRML 数 据 库 ASP 等 技 术, 实 现 了 对 VRML 文 件 main.wrl 的 访 问, 在 三 维 模 型 中 通 过 Anchor 节 点 访 问 bridge.asp 文 件, 实 现 对 数 据 库 db1.mdb 中 数 据 的 调 用, 从 而 产 生 新 的 HTML 页 面 文 件, 对 世 博 会 场 馆 进 行 介 绍 在 三 维 页 面 的 后 期 制 作 过 程 中, 可 以 使 用 可 视 化 工 具 Cosmo Worlds, 也 可 以 使 用 VRML 编 辑 工 具 VrmlPad 本 案 例 分 别 介 绍 了 它 们 的 基 本 使 用 方 法, 通 过 Cosmo Worlds 实 现 了 超 链 接 的 功 能, 通 过 VrmlPad 添 加 了 光 线 背 景 音 乐 视 点, 并 利 用 时 间 传 感 器 位 置 插 补 器 和 方 向 插 补 器 实 现 了 视 点 的 动 画 功 能

181 第 6 章 实 时 控 制 类 论 文 案 例 分 析 数 字 监 控 系 统 就 是 将 计 算 机 多 媒 体 处 理 技 术 与 传 统 监 控 技 术 相 结 合 的 高 科 技 产 品 它 的 原 理 是 将 所 有 视 频 信 息 输 入 计 算 机, 由 计 算 机 将 模 拟 视 频 信 号 转 化 成 数 字 信 号, 完 成 视 频 信 息 的 采 集 浏 览 传 输 等 功 能 在 监 控 计 算 机 上, 操 作 者 通 过 单 击 如 图 6-1 所 示 的 图 形 界 面 上 每 个 摄 像 机 的 按 钮 ( 有 摄 像 机 符 号 及 有 外 框 的 文 字 处 ), 直 接 控 制 远 程 摄 像 机 云 台 和 镜 头 的 变 化, 达 到 实 时 监 控 的 目 的 图 6-1 数 字 监 控 系 统 图 形 界 面 本 案 例 通 过 使 用 高 级 语 言 Visual Basic 的 API 函 数 调 用 使 用 MSCOMM 等 控 件 的 方 法 完 成 图 形 界 面 与 实 时 控 制 程 序 的 编 写 6.1 Visual Basic 6.0 简 介 Visual Basic, 简 称 VB, 是 当 今 世 界 上 应 用 最 广 泛 的 编 程 语 言 之 一, 它 被 公 认 为 是 编 程 效 率 最 高 的 一 种 编 程 方 法 无 论 是 开 发 功 能 强 大 性 能 可 靠 的 商 务 软 件, 还 是 编 写 能 处

182 176 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 理 实 际 问 题 的 实 用 小 程 序,VB 都 是 最 快 速 最 简 便 的 方 法 编 程 环 境 与 控 件 启 动 Visual Basic 6.0, 在 弹 出 的 新 建 工 程 对 话 框 中 选 择 标 准 EXE 选 项, 单 击 打 开 按 钮, 出 现 如 图 6-2 所 示 的 VB 集 成 式 开 发 环 境 窗 体 的 最 上 层 是 VB 6.0 的 菜 单 和 便 捷 工 具 按 钮, 菜 单 中 包 含 了 所 有 VB 提 供 的 功 能, 其 中 一 些 常 用 功 能 或 操 作 选 项 则 被 提 取 出 来 放 在 了 便 捷 工 具 按 钮 中, 通 过 单 击 这 些 快 捷 按 钮 可 以 加 快 程 序 开 发 的 速 度 图 6-2 VB 集 成 式 开 发 环 境 左 面 是 VB 的 组 件 面 板, 里 面 的 各 种 图 标 是 开 发 程 序 时 经 常 用 到 的 标 准 控 件, 它 把 程 序 设 计 中 常 常 用 到 的 诸 如 按 钮 图 片 框 列 表 框 等 做 好 了 以 后 放 在 那 里, 只 要 双 击 该 控 件, 就 会 在 中 间 的 窗 体 设 计 区 域 中 央 出 现 该 控 件 ( 或 单 击 选 中 该 控 件, 然 后 在 窗 体 设 计 区 域 中 拖 动 鼠 标, 拖 出 该 控 件 ), 这 样 就 可 以 非 常 方 便 地 搭 建 出 美 观 实 用 的 程 序 界 面 当 在 窗 体 设 计 区 域 的 任 何 部 分 双 击, 就 会 弹 出 代 码 编 辑 区 域, 我 们 可 以 在 其 中 输 入 或 是 修 改 程 序 的 代 码, 让 程 序 实 现 一 定 的 功 能, 它 是 整 个 程 序 设 计 的 关 键 例 如 在 图 6-2 中 双 击 这 是 一 个 按 钮 按 钮 控 件, 在 出 现 的 代 码 编 辑 窗 口 中 输 入 代 码 End, 运 行 程 序 时, 单 击 该 按 钮, 既 可 关 闭 运 行 程 序 屏 幕 的 右 边 有 3 个 从 上 到 下 排 列 的 小 窗 口, 它 们 分 别 是 上 方 的 VB 工 程 管 理 器, 用 于 管 理 开 发 一 个 VB 程 序 所 需 要 的 各 种 类 型 的 窗 体 和 模 块 ; 下 方 的 窗 体 布 局 窗 口, 能 够 调 节 程 序 运 行 时 窗 体 在 屏 幕 中 的 位 置 ; 中 间 是 组 件 属 性 窗 口, 用 来 显 示 控 件 的 属 性, 并 允 许 设 定 修 改 这 些 属 性 的 值 例 如 在 窗 体 设 计 区 域 选 中 按 钮 组 件, 在 组 件 属 性 窗 口 中 会 列 出 它 的 属 性 和 对 应 的 默 认 值, 如 果 把 Caption 属 性 改 为 这 是 一 个 按 钮, 那 么 窗 体

183 第 6 章 实 时 控 制 类 论 文 案 例 分 析 177 设 计 区 域 中 按 钮 显 示 的 文 字 就 改 变 了 将 控 件 放 入 窗 体 设 计 区 域, 单 击 控 件, 在 组 件 属 性 窗 口 中 修 改 属 性, 双 击 控 件, 在 代 码 编 辑 区 域 编 辑 代 码, 这 就 是 使 用 VB 进 行 程 序 开 发 的 基 本 流 程 Visual Basic 程 序 编 写 过 程 下 面 以 多 媒 体 播 放 器 为 例 介 绍 Visual Basic 程 序 编 写 的 一 般 过 程 多 媒 体 播 放 器 的 编 写 需 要 用 到 ActiveX 控 件 MMControl, 在 VB 的 标 准 控 件 中 没 有 该 控 件, 需 要 添 加 添 加 方 法 如 下 : 单 击 工 程 菜 单, 选 择 部 件 命 令, 在 部 件 对 话 框 的 控 件 选 项 卡 中 选 择 如 图 6-3 所 示 的 Microsoft Multimedia Control 6.0 控 件, 单 击 确 定 按 钮, 在 VB 的 组 件 面 板 中 增 加 一 个 新 的 图 标, 以 便 在 设 计 多 媒 体 播 放 器 的 界 面 时 使 用 图 6-3 Microsoft Multimedia Control 6.0 控 件 的 添 加 1. 界 面 设 计 运 行 多 媒 体 播 放 器 后 的 界 面 如 图 6-4 所 示, 包 括 一 个 带 有 播 放 停 止 等 按 钮 的 MMControl 控 件 和 一 个 按 钮 控 件 对 于 初 学 者 来 说, 使 用 MMControl 控 件 是 VB 中 进 行 多 媒 体 开 发 的 最 方 便 的 方 法, 它 把 一 些 同 多 媒 体 控 制 相 关 的 功 能 封 装 在 一 起, 可 以 更 方 便 地 调 用 要 播 放 的 文 件 图 6-4 多 媒 体 播 放 器 界 面

184 178 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 在 图 6-4 中 单 击 Select 按 钮, 出 现 如 图 6-5 所 示 对 话 框, 选 择 文 件 后 即 可 播 放 图 6-5 选 择 播 放 文 件 为 了 实 现 文 件 的 选 择, 使 用 文 件 系 统 控 件, 文 件 系 统 控 件 的 作 用 是 显 示 关 于 磁 盘 驱 动 器 目 录 和 文 件 信 息 Visual Basic 提 供 了 两 种 方 法, 一 种 是 使 用 由 CommonDialog 控 件 提 供 的 标 准 对 话 框, 另 一 种 方 法 是 使 用 驱 动 器 列 表 框 控 件 DriveListBox 目 录 列 表 框 控 件 DirListBox 和 文 件 列 表 框 FileListBox 控 件 的 组 合 创 建 自 定 义 对 话 框 本 例 使 用 后 一 种 方 法 实 现 多 媒 体 文 件 的 选 择 下 面 是 界 面 设 计 的 步 骤 (1) 运 行 VB, 在 出 现 的 新 建 工 程 对 话 框 中 选 择 标 准 EXE 选 项, 单 击 打 开 按 钮, 如 图 6-6 所 示 (2) 导 入 ActiveX 控 件 MMControl, 在 VB 组 件 面 板 的 最 下 面 增 加 了 一 个 控 件 (3) 将 多 媒 体 控 制 器 MMControl 控 件 按 钮 CommandButton 控 件 和 文 件 系 统 控 件 (DriveListBox DirListBox 和 FileListBox) 加 入 到 窗 口 设 计 区 域, 调 整 它 们 的 位 置, 如 图 6-5 所 示 (4) 在 文 件 系 统 的 上 方 使 用 Line 控 件 画 一 条 直 线 它 的 画 法 和 大 多 数 专 门 的 作 图 软 件 一 样, 它 的 作 用 是 隔 开 应 用 程 序 界 面 上 不 同 的 功 能 区, 使 界 面 更 清 晰 友 好 2. 控 件 属 性 调 整 界 面 设 计 完 成 后, 既 可 以 在 属 性 窗 口 中 调 整 相 应 控 件 的 属 性, 也 可 以 在 编 程 过 程 中 动 态 调 整 它 们 的 某 些 属 性 (1) 驱 动 器 列 表 框 DriveListBox 驱 动 器 列 表 框 是 下 拉 式 列 表 框, 默 认 显 示 程 序 所 在 驱 动 器, 用 户 可 以 在 驱 动 器 列 表 中 选 择 驱 动 器 它 的 属 性 不 用 改 变, 可 以 用 驱 动 器 列 表 框 的 drive 属 性 设 置 或 返 回 列 表 框 中 的 当 前 目 录, 这 一 点 将 在 后 面 的 编 程 中 用 到 (2) 目 录 列 表 框 DirListBox 目 录 列 表 框 显 示 用 户 系 统 上 当 前 驱 动 器 的 目 录 结 构, 用 户 可 以 选 择 要 打 开 文 件 所 在 的 目 录, 它 的 属 性 也 不 用 改 变, 可 以 用 目 录 列 表 框 的 drive 属 性 设 置 或 返 回 列 表 框 中 的 当 前

185 第 6 章 实 时 控 制 类 论 文 案 例 分 析 179 目 录, 这 一 点 也 将 在 后 面 的 编 程 中 用 到 图 6-6 新 建 标 准 EXE 应 用 程 序 (3) 文 件 列 表 框 FileListBox 文 件 列 表 框 有 一 个 Path 属 性, 这 个 属 性 的 值 是 一 个 目 录, 文 件 列 表 框 就 显 示 这 个 目 录 中 的 文 件,Path 属 性 的 默 认 值 是 程 序 所 在 目 录 为 了 控 制 显 示 那 些 类 型 的 文 件, 需 要 设 置 Pattern 属 性,Pattern 属 性 接 受 由 分 号 分 割 的 列 表, 其 设 置 方 法 如 下 单 击 文 件 列 表 框, 在 如 图 6-7 所 示 的 属 性 窗 口 中 找 到 Pattern 属 性, 将 默 认 的 *.* 改 为 *.wav;*.mid;*.avi;*.mpg; *.dat, 这 表 示 用 户 只 能 看 到 这 些 多 媒 体 播 放 器 能 打 开 的 文 件 类 型 文 件 系 统 控 件 的 属 性 设 置 完 毕 图 6-7 修 改 文 件 列 表 框 Pattern 属 性 (4) 命 令 按 钮 CommandButton 单 击 命 令 按 钮, 在 属 性 窗 口 中 将 Caption 属 性 值 改 为 Select, 名 称 改 为 command 该 命 令 按 钮 的 作 用 是 控 制 文 件 系 统 的 可 见 或 不 可 见 (5) 多 媒 体 控 制 器 MMControl MMControl 是 多 媒 体 播 放 器 中 最 重 要 的 控 件, 对 视 频 声 音 文 件 的 操 作 都 是 通 过 它 完 成 的 右 击 MMControl 控 件, 在 出 现 的 快 捷 菜 单 中 选 择 属 性 命 令, 出 现 属 性 页 对 话 框, 单 击 控 件 标 签, 如 图 6-8 所 示 在 其 中 选 中 以 下 复 选 框 : 倒 带 有 效 倒 带 可 视 快 进 有 效 快 进 可 视 暂 停 有 效 暂 停 可 视 播 放 有 效 播 放 可 视 停 止 有 效 停 止 可 视, 其 余 都 不 选 还 有 一 些 其 他 属 性, 可 以 在 编 写 程 序 的 过 程 中 动 态 改 变

186 180 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 图 6-8 修 改 MMControl 控 件 属 性 (6) 窗 体 Form 将 窗 体 的 名 称 属 性 改 为 multiplayer,caption 属 性 改 为 多 媒 体 播 放 器 ( 贺 天 韵, ) 另 外, 在 程 序 运 行 过 程 中, 窗 体 的 大 小 属 性 需 要 改 变 ( 参 见 图 6-4 和 图 6-5), 变 化 的 过 程 是 通 过 命 令 按 钮 完 成 的, 在 后 面 编 写 代 码 时 再 介 绍 (7) 各 个 控 件 的 大 小 位 置 和 颜 色 的 调 整 最 后 调 整 各 个 控 件 的 大 小 位 置 和 颜 色, 使 程 序 界 面 看 起 来 更 舒 服 大 小 位 置 的 调 整 直 接 通 过 鼠 标 进 行, 如 图 6-5 所 示 颜 色 的 调 整 则 通 过 各 个 控 件 的 BackColor 属 性 的 调 色 板 实 现, 如 图 6-9 所 示 图 6-9 修 改 颜 色 属 性 3. 触 发 事 件 代 码 编 写 下 面 是 代 码 编 写 的 过 程 (1) 命 令 按 钮 代 码 编 写 单 击 Command 按 钮 时, 应 用 程 序 会 显 示 或 隐 藏 文 件 系 统 控 件 ( 在 图 6-4 中 单 击 Select 按 钮, 显 示 文 件 系 统 控 件, 同 时 按 钮 上 的 文 字 变 为 Ok, 如 图 6-5 所 示 ; 在 图 6-5 中 单 击 Ok 按 钮, 隐 藏 文 件 系 统 控 件, 按 钮 上 的 文 字 重 新 变 为 Select, 返 回 到 图 6-4) 为 了 实 现 上 述 显 示 / 隐 藏 文 件 系 统 控 件 的 效 果, 只 要 改 变 窗 体 的 Height 属 性 就 可 以 了, 双 击 命 令 按 钮, 在 出 现 的 代 码 编 辑 窗 口 中 输 入 代 码 如 下 Private Sub Command_Click() If Command.Caption = "Select" Then Command.Caption = "Ok" multiplayer.height = 2940 Else Command.Caption = "Select"

187 第 6 章 实 时 控 制 类 论 文 案 例 分 析 181 multiplayer.height = 950 End If End Sub 整 段 代 码 是 一 个 分 支 结 构,If 后 的 语 句 判 断 命 令 按 钮 上 的 文 字 是 否 为 Select, 如 果 是, 说 明 窗 体 处 于 隐 藏 文 件 系 统 控 件 的 状 态, 执 行 Then 分 支 后 的 代 码, 将 命 令 按 钮 上 的 文 字 改 为 Ok, 将 窗 体 的 Height 属 性 变 大, 使 文 件 系 统 控 件 显 示 如 果 命 令 按 钮 上 的 文 字 不 是 Select, 说 明 窗 体 处 于 显 示 文 件 系 统 控 件 的 状 态, 执 行 Else 分 支 后 的 命 令, 将 命 令 按 钮 上 的 文 字 改 为 Select, 将 窗 体 的 Height 属 性 变 小, 使 文 件 系 统 控 件 隐 藏 (2) 文 件 系 统 代 码 编 写 把 文 件 系 统 的 3 个 控 件 配 合 起 来 使 用, 把 它 们 关 联 起 来, 即 把 驱 动 器 列 表 框 的 选 择 结 果 传 给 目 录 列 表 框, 再 把 目 录 列 表 框 的 选 择 结 果 传 给 文 件 列 表 框 驱 动 器 列 表 框 的 选 择 结 果 自 动 存 放 在 drive 属 性 中, 只 要 把 它 赋 给 负 责 目 录 列 表 框 当 前 路 径 的 Path 属 性 即 可 在 用 户 选 中 文 件 以 后, 要 把 MMControl 控 件 的 command 属 性 设 为 open, 这 样 就 可 以 打 开 文 件, 在 文 件 被 打 开 后, 用 户 就 可 以 使 用 MMControl 控 件 上 的 各 个 按 钮 来 控 制 文 件 的 播 放 了 1 双 击 驱 动 器 列 表 框 控 件, 弹 出 代 码 编 辑 窗 口, 输 入 代 码 如 下 Private Sub Drive1_Change() Dir1.Path = Drive1.Drive End Sub 这 表 示 在 用 户 改 变 目 录 列 表 框 控 件 的 drive 属 性 值 时, 程 序 就 把 这 个 值 赋 给 目 录 列 表 框 的 Path 属 性, 使 目 录 列 表 框 得 到 相 应 的 改 变 2 同 样 双 击 目 录 列 表 框 控 件, 弹 出 代 码 编 辑 窗 口, 输 入 代 码 如 下 Private Sub Dir1_Change() File1.Path = Dir1.Path End Sub 这 样,3 个 文 件 系 统 控 件 之 间 的 联 系 建 立 完 毕 3 最 后 双 击 文 件 列 表 框 控 件, 弹 出 代 码 编 辑 窗 口, 输 入 代 码 如 下 Private Sub File1_Click() Dim sfile As String If Right(Dir1.Path, 1) = "\" Then sfile = Dir1.Path + File1.FileName Else sfile = Dir1.Path + "\" + File1.FileName End If MMControl1.Command = "close" MMControl1.FileName = sfile

188 182 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 MMControl1.Command = "Open" End Sub 在 上 面 的 代 码 中, 首 先 声 明 一 个 变 量 sfile, 然 后 是 一 个 分 支 结 构 If Else EndIf, 其 作 用 是 把 选 中 文 件 的 路 径 和 文 件 名 赋 给 变 量 sfile 然 后 先 关 闭 上 一 个 打 开 的 文 件, 再 把 变 量 sfile 的 值 赋 给 MMCtrol 控 件 的 FileName 属 性 ( 这 是 使 用 Command 属 性 的 前 提 条 件 ), 最 后 把 MMCtrol 控 件 的 Command 属 性 设 为 open, 这 样 就 可 以 打 开 文 件 了 4 双 击 窗 体 任 何 一 个 空 白 部 分, 进 入 代 码 编 辑 器, 输 入 下 列 代 码 Private Sub Form_Load() MMControl1.DeviceType = "MPEGVideo" End Sub Form_Load() 中 的 代 码 是 在 每 次 打 开 程 序, 装 载 窗 体 的 时 候 所 执 行 的 代 码 这 里 的 代 码 表 示 多 媒 体 播 放 器 可 以 播 放.mpg 和.dat 格 式 的 文 件 (.wav.mid.avi 文 件 无 须 声 明 就 可 以 播 放 ) 最 后, 将 窗 体 Height 属 性 的 初 始 值 设 定 为 950, 这 样 程 序 运 行 时, 其 初 始 界 面 中 将 看 不 到 文 件 系 统 的 3 个 控 件, 如 图 6-4 所 示 (3) 保 存 单 击 文 件 菜 单, 选 择 工 程 另 存 为 命 令, 将 工 程 保 存 为 多 媒 体 播 放 器.vbp 文 件, 将 窗 体 保 存 为 多 媒 体 播 放 器.frm 文 件 还 可 以 选 择 文 件 菜 单 的 生 成 多 媒 体 播 放 器.exe 命 令, 产 生 可 执 行 文 件 多 媒 体 播 放 器.exe 要 注 意 的 是, 由 于 程 序 中 使 用 了 ActiveX 控 件, 如 果 在 没 有 安 装 VB 的 机 器 上 运 行 EXE 文 件 时, 系 统 会 弹 出 找 不 到.ocx 文 件 的 错 误 对 话 框, 如 图 6-10 所 示 图 6-10 找 不 到.ocx 文 件 的 错 误 原 因 是 使 用 了 ActiveX 控 件, 运 行 时 系 统 会 调 用 相 应 的 OCX 文 件 可 以 通 过 下 面 的 方 法 得 到 所 调 用 的 OCX 文 件 的 路 径 和 文 件 名 在 添 加 控 件 时, 部 件 对 话 框 的 下 方 有 一 行 字, 如 图 6-11 所 示 图 6-11 查 找 OCX 文 件 按 显 示 的 路 径 找 到 文 件 mci32.ocx, 把 它 复 制 到 EXE 文 件 所 在 目 录 下, 就 可 以 在 别 的 机 器 上 运 行 EXE 文 件 了

189 第 6 章 实 时 控 制 类 论 文 案 例 分 析 Visual Basic 的 API 函 数 调 用 调 用 API 函 数 是 为 了 直 接 使 用 Windows 的 动 态 链 接 库, 实 现 Visual Basic 本 身 难 以 达 到 的 功 能 调 用 时 先 在 程 序 的 第 一 行 声 明 要 调 用 的 函 数 或 过 程, 然 后 就 可 以 在 程 序 中 使 用 声 明 过 的 API 函 数 了 声 明 语 句 如 下 函 数 Declare Function [ 函 数 名 ] Lib [ 动 态 链 接 库 文 件 名 ] ( 参 数 as)[ 数 据 类 型 ] 或 过 程 Declare Sub [ 过 程 名 ] Lib [ 动 态 链 接 库 文 件 名 ] 下 面 通 过 一 个 声 音 播 放 的 简 单 例 子 来 说 明 API 函 数 的 调 用 操 作 步 骤 如 下 (1) 新 建 一 个 项 目, 其 对 象 和 属 性 如 表 6-1 所 示, 窗 口 界 面 如 图 6-12 所 示 Form: 主 窗 体 CommandButton: 退 出 按 钮 表 6-1 对 象 和 属 性 表 对 象 属 性 值 Name( 名 称 ) Caption Name Caption Form1 调 用 API 函 数 Command1 退 出 DriveListBox: 驱 动 器 列 表 框 Name Drive1 DirListBox: 目 录 列 表 框 Name Dir1 FileListBox: 文 件 列 表 框 Name Pattern File1 *.wav 图 6-12 窗 口 界 面 (2) 右 击 VB 工 程 管 理 器 内 任 何 地 方, 在 出 现 的 快 捷 菜 单 中 选 择 添 加 菜 单 的 添 加 模 块 命 令, 在 出 现 的 Module1 代 码 窗 口 中 输 入 以 下 代 码 ( 功 能 是 调 用 API 函 数 中 的 sndplaysound 函 数, 实 现 声 音 播 放 ) Option Explicit Declare Function sndplaysound Lib "winmm.dll" Alias "sndplaysounda" (ByVal lpszsoundname As String, ByVal uflags As Long) As Long

190 184 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 (3) 双 击 Form1 窗 口 的 Drive1 控 件, 在 Driver1_Change 处 理 程 序 中 输 入 以 下 代 码, 实 现 驱 动 器 的 选 择 Private Sub Drive1_Change() Dir1.Path = Drive1.Drive End Sub (4) 在 Dir1_Change 处 理 程 序 中 输 入 以 下 代 码, 实 现 目 录 的 选 择 Private Sub Dir1_Change() File1.Path = Dir1.Path End Sub (5) 在 File1_DblClick 处 理 程 序 中 输 入 以 下 代 码, 完 成 双 击 文 件 进 行 声 音 播 放 的 功 能 Private Sub File1_DblClick() Dim k As String If File1.FileName <> "" Then k = Trim(Dir1.Path) If Right(k, 1) <> "\" Then k = k + "\" End If soundname$ = k + File1.FileName x% = sndplaysound(soundname$, uflags%) End If End Sub (6) 在 Command1_Click 处 理 程 序 中 输 入 以 下 代 码, 实 现 退 出 功 能 Private Sub Command1_Click() End End Sub (7) 单 击 保 存 工 程 按 钮, 将 工 程 保 存 为 API.vbp 窗 体 保 存 为 API.frm 模 块 保 存 为 API.bas (8) 运 行 该 程 序, 其 结 果 如 图 6-13 所 示 选 择 声 音 文 件, 并 双 击 该 文 件, 实 现 声 音 播 放 功 能 图 6-13 程 序 运 行 结 果 6.2 数 字 监 控 系 统 案 例 分 析 在 如 图 6-14 所 示 的 数 字 监 控 系 统 中, 多 路 摄 像 机 通 过 视 频 控 制 矩 阵 将 信 号 切 换 到 安 装 有 视 频 捕 获 卡 的 监 控 主 机 在 监 控 主 机 上, 操 作 者 通 过 友 好 的 人 机 交 互 界 面, 直 接 控 制 远

191 第 6 章 实 时 控 制 类 论 文 案 例 分 析 185 程 摄 像 机 云 台 和 镜 头 的 变 化, 将 20 台 摄 像 机 的 内 容 分 别 显 示 在 监 控 主 机 和 其 他 8 台 监 视 器 上, 达 到 实 时 监 控 的 目 的 20 台 摄 像 机 视 频 控 制 矩 阵 监 控 主 机 8 台 监 视 器 图 6-14 监 控 系 统 示 意 图 课 题 分 析 1. 必 要 性 分 析 该 课 题 是 外 高 桥 发 电 厂 电 视 监 控 系 统 的 一 部 分, 通 过 使 用 友 好 的 图 形 界 面 替 代 原 先 视 频 控 制 矩 阵 自 带 的 命 令 键 盘 操 作, 将 操 作 者 的 鼠 标 操 作 转 换 成 视 频 控 制 矩 阵 的 命 令, 从 而 控 制 摄 像 机 和 监 视 器 的 动 作, 达 到 减 轻 操 作 者 的 劳 动 强 度 提 高 运 行 效 率 的 目 的 学 生 通 过 参 与 该 课 题, 能 够 理 论 联 系 实 际, 将 所 学 的 知 识 应 用 到 实 践 中 2. 可 行 性 分 析 课 题 的 难 点 之 一 是 如 何 使 用 Visual Basic 的 MSCOMM 控 件, 通 过 RS-232 接 口 向 视 频 控 制 矩 阵 发 送 命 令, 控 制 摄 像 机 的 工 作 通 过 对 视 频 控 制 矩 阵 指 令 的 分 析 不 难 完 成 难 点 之 二 是 如 何 通 过 视 频 捕 获 卡, 将 摄 像 机 的 信 号 利 用 Overlay 叠 加 到 监 控 主 机 上 通 过 调 用 API 函 数, 编 写 视 频 捕 获 程 序, 也 可 以 顺 利 实 现 结 构 设 计 单 击 如 图 6-1 所 示 监 控 系 统 主 界 面 中 的 任 何 一 台 摄 像 机, 进 入 如 图 6-15 所 示 的 监 控 界 面 监 控 界 面 由 三 部 分 组 成 : 监 控 界 面 的 主 体 部 分 是 监 控 窗 口, 显 示 摄 像 机 拍 摄 的 内 容 ( 图 6-15 出 现 计 算 机 的 部 分 为 监 控 窗 口 ) 监 控 窗 口 的 下 方 是 摄 像 机 按 钮, 可 以 直 接 单 击 某 个 按 钮 选 择 摄 像 机 ( 图 6-15 中 的 28 个 按 钮 对 应 视 频 控 制 矩 阵 的 28 路 视 频 输 入, 与 主 界 面 中 的 20 台 摄 像 机 对 应, 留 有 部 分 空 余, 以 备 扩 展 )

192 186 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 图 6-15 监 控 界 面 监 控 窗 口 的 右 面 部 分 从 上 到 下 的 三 个 框 架 分 别 实 现 对 所 选 择 的 摄 像 机 进 行 云 台 方 向 的 控 制, 对 所 选 择 的 摄 像 机 进 行 调 焦 变 倍 光 圈 改 变 以 及 输 出 监 视 器 的 选 择 (8 路 监 视 器 对 应 视 频 控 制 矩 阵 的 8 路 视 频 输 出, 第 9 路 视 频 输 出 通 过 视 频 捕 获 卡 连 接 到 监 控 计 算 机, 其 图 像 显 示 在 如 图 6-15 所 示 的 监 控 窗 口 中 ) 软 件 制 作 监 控 系 统 由 主 界 面 和 监 控 界 面 组 成, 主 界 面 如 图 6-1 所 示, 监 控 界 面 如 图 6-15 所 示 1. 主 界 面 的 制 作 (1) 在 主 窗 体 (Form1) 中 放 入 image 控 件 一 个, 位 置 从 窗 体 的 左 上 角 开 始 (image 控 件 中 使 用 的 图 片, 根 据 厂 方 提 供 的 图 纸, 使 用 Photoshop 绘 制 ) (2) 添 加 Label 控 件 20 个 ( 采 用 数 组 形 式, 方 便 程 序 编 写 具 体 方 法 是 在 对 第 一 个 控 件 设 置 属 性 后, 右 击 该 控 件, 选 择 复 制 命 令, 再 选 择 粘 贴 命 令, 出 现 对 话 框 询 问 是 否 创 建 控 件 数 组, 单 击 Yes 按 钮 以 下 凡 同 时 出 现 相 同 名 称 的 控 件, 均 采 用 控 件 数 组, 不 再 一 一 表 述 ) (3) 设 置 上 述 对 象 的 属 性, 如 表 6-2 所 示 ( 将 Label 的 BackStytle 属 性 设 为 透 明, 并 且 将 其 Caption 值 清 除 是 为 了 在 界 面 上 只 看 到 摄 像 机 的 图 形 )

193 第 6 章 实 时 控 制 类 论 文 案 例 分 析 187 Form: 主 窗 体 Image: 放 置 背 景 图 片 表 6-2 主 界 面 的 对 象 和 属 性 表 对 象 属 性 值 Label( 数 组 ): 在 背 景 图 片 的 摄 像 机 所 在 位 置, 共 20 个, 设 为 透 明 Name Caption Windowstate Name Picture Name Caption BackStytle Form1 监 控 2-Maximizid Image1 jiankong2000.jpg Label1 0-Transparent (4) 在 VB 工 程 管 理 器 中 添 加 模 块, 在 Module1 代 码 窗 口 中 输 入 以 下 代 码 ( 功 能 是 定 义 变 量, 调 用 API 函 数 中 的 capcreatecapturewindow 函 数, 获 得 视 频 源, 调 用 SendMessage, 获 得 视 频 源 后 显 示 其 详 细 含 义 参 见 微 软 的 MSDN) Public camera% Public hcapture As Long Public Const WS_CHILD = &H Public Const WS_VISIBLE = &H Public Const WM_USER = &H400 Public Const WM_CAP_START = WM_USER Public Const WM_CAP_DRIVER_CONNECT = WM_CAP_START + 10 Public Const WM_CAP_SET_OVERLAY = WM_CAP_START + 51 Public Declare Function capcreatecapturewindow Lib "avicap32.dll" Alias "capcreatecapturewindowa" (ByVal lpszwindowname As String, ByVal dwstyle As Long, ByVal x As Integer, ByVal y As Integer, ByVal nwidth As Integer, ByVal nheight As Integer, ByVal hwndparent As Long, ByVal nid As Integer) As Long Public Declare Function SendMessage Lib "user32" Alias "SendMessageA" (ByVal hwnd As Long, ByVal wmsg As Long, ByVal wparam As Long, ByVal lparam As Long) As Long (5) 单 击 图 中 的 任 何 一 台 摄 像 机 ( 实 际 上 是 单 击 Label 控 件 ), 则 关 闭 主 窗 体, 打 开 监 控 窗 体 JKongfrm, 程 序 如 下 Private Sub Label1_Click(Index As Integer) camera% = Index + 1 If camera% <> 0 Then Unload Me JKongfrm.Show End If End Sub 2. 监 控 界 面 的 制 作 在 案 例 的 编 写 过 程 中, 需 要 用 到 MSCOMM 串 口 控 件 可 以 通 过 单 击 工 程 菜 单,

194 188 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 选 择 部 件 命 令, 在 部 件 对 话 框 的 控 件 选 项 卡 中 选 择 Microsoft Comm Control 6.0 控 件, 单 击 确 定 按 钮, 便 可 将 MSCOMM 串 口 控 件 添 加 到 VB 的 组 件 面 板 中 进 行 使 用 (1) 在 VB 工 程 管 理 器 中 选 择 添 加 窗 体, 将 名 称 属 性 设 置 为 JKongfrm,Windowstate 属 性 设 置 为 2-Maximizid (2) 在 窗 体 中 放 入 一 个 图 片 框 控 件 PictureBox, 属 性 Name 设 置 为 Video( 控 件 位 置 参 见 图 6-15, 下 同 ) (3) 添 加 一 个 串 口 控 件 MSComm1, 属 性 CommPort 设 置 为 1,Settings 设 置 为 9600,n,8,1, 位 置 可 以 任 意 ( 串 口 控 件 通 过 添 加 部 件 获 得, 串 口 控 件 运 行 时 不 会 显 示 ) (4) 添 加 5 个 Frame 控 件, 其 中 在 Frame1 控 件 中 放 入 28 个 CommandButton 控 件 (5) 将 Frame1 控 件 中 28 个 按 钮 控 件 的 Name 属 性 设 为 cmdcam,caption 属 性 的 设 置 参 见 图 6-15 按 钮 上 的 文 字 ( 名 字 由 具 体 操 作 人 员 提 供, 对 应 具 体 的 监 控 位 置, 便 于 操 作 人 员 记 忆 ) (6) 在 Frame2 控 件 中 放 入 其 他 3 个 控 件 Frame3~ Frame5 (7) 在 Frame3 控 件 中 放 入 4 个 按 钮 控 件, 分 别 用 于 控 制 云 台 的 移 动 方 向 ( 上 下 左 右 ), 属 性 Name 分 别 设 置 为 cmdup cmddown cmdleft cmdright (8) 在 Frame4 控 件 中 放 入 6 个 按 钮 控 件, 用 于 调 焦 变 倍 光 圈, 再 加 上 3 个 label 控 件 ( 分 别 显 示 变 倍 聚 焦 和 光 圈 文 字 ), 属 性 设 置 如 表 6-3 所 示 : 表 6-3 Frame4 中 的 对 象 和 属 性 表 对 象 属 性 值 按 钮 (CommandButton) cmdzoom 大 标 签 (Label) Label1 变 倍 按 钮 (CommandButton) cmdzoom 小 按 钮 (CommandButton) cmdfocus 远 标 签 (Label) Label1 聚 焦 按 钮 (CommandButton) cmdfocus 近 按 钮 (CommandButton) cmdlight 大 标 签 (Label) Label1 光 圈 按 钮 (CommandButton) cmdlight 小 (9) 在 Frame5 中 放 入 8 个 按 钮 控 件 和 一 个 Label 控 件, 用 于 监 视 器 选 择, 属 性 设 置 如 表 6-4 所 示 表 6-4 Frame5 中 的 对 象 和 属 性 表 对 象 属 性 值 标 签 (Label) Label2 监 视 器 按 钮 (CommandButton) cmdmonitor 1~8 Style 1-Grapical 3. 监 控 程 序 的 编 写 双 击 相 应 的 控 件 即 可 完 成 程 序 的 编 写

195 第 6 章 实 时 控 制 类 论 文 案 例 分 析 189 (1) 变 量 声 明 在 Form2 窗 口 的 声 明 中 加 入 下 列 代 码, 定 义 变 量 Option Explicit Dim MONITOR1% Dim instring Dim Action$ ' 监 视 器 号 ' 指 令 ' 指 令 (2) 监 视 器 选 择 监 视 器 控 制 区 用 于 控 制 视 频 源 的 输 出 目 标, 包 括 监 控 计 算 机 和 8 台 监 视 器 选 择 了 监 视 器 后 再 选 择 摄 像 机, 则 将 摄 像 机 的 内 容 在 该 监 视 器 上 显 示 选 择 监 视 器 程 序 如 下 Private Sub cmdmonitor_click(index As Integer) MONITOR1% = Index + 1 End Sub 当 选 择 了 某 台 监 视 器 后, 该 监 视 器 对 应 的 按 钮 背 景 变 色 ( 必 须 将 监 视 器 按 钮 的 Style 属 性 设 置 为 1-Grapical), 同 时 将 其 他 监 视 器 按 钮 的 颜 色 还 原, 以 便 操 作 者 了 解 输 出 目 标 是 哪 一 台 监 视 器, 其 程 序 如 下 Private Sub cmdmonitor_mousedown(index As Integer, Button As Integer, Shift As Integer, x As Single, y As Single) Dim ik As Integer For ik = 0 To 7 cmdmonitor(ik).backcolor = &H80FF80 Next ik cmdmonitor(index).backcolor = &H80FFFF End Sub 监 控 计 算 机 连 接 在 视 频 控 制 矩 阵 的 第 9 路 视 频 输 出 端 上, 当 单 击 监 控 窗 口 时 ( 实 际 是 单 击 图 片 框 控 件 Video), 将 8 个 监 视 器 按 钮 颜 色 复 原, 程 序 如 下 Private Sub video_click() Dim ik As Integer For ik = 0 To 7 cmdmonitor(ik).backcolor = &H80FF80 Next ik MONITOR1% = 9 End Sub (3) 摄 像 机 选 择 选 中 监 视 器 后, 单 击 某 一 台 摄 像 机, 就 能 通 过 RS-232 接 口 发 送 命 令, 控 制 外 围 的 矩 阵 开 关 电 路, 把 对 应 的 视 频 源 送 到 上 述 选 择 监 视 器 程 序 中 指 定 的 监 视 器 上 显 示 选 择 摄 像 机 的 程 序 如 下 Private Sub cmdcam_click(index As Integer)

196 190 多 媒 体 技 术 毕 业 设 计 指 导 与 案 例 分 析 camera% = Index + 1 Action$ = Chr(1) & "A" & Format(MONITOR1%, "000") & Chr(13) & Chr(1) & "B" & Format(camera%, "0000") & Chr(13) instring = Action$ MSComm1.Output = instring End Sub 注 意 : 第 二 行 语 句 实 现 的 功 能 是 : 将 选 择 的 摄 像 机 图 像 发 送 到 指 定 的 监 视 器 这 样 一 条 命 令 赋 给 Action$, 其 中 的 Chr(1) 表 示 命 令 开 始,Chr(13) 表 示 命 令 结 束,A 表 示 监 视 器,B 表 示 摄 像 机 上 述 指 令 及 命 令 书 写 格 式 从 VICON 公 司 的 MATRIX44 视 频 控 制 矩 阵 的 操 作 手 册 中 获 得 MSComm1.Output = instring 语 句 的 功 能 是 将 指 令 通 过 串 口 发 给 视 频 控 制 矩 阵, 达 到 控 制 的 目 的 (4) 摄 像 机 控 制 程 序 工 作 时, 单 击 上 下 左 右 箭 头 按 钮, 通 过 MSCOMM 控 件 由 RS-232 接 口 向 外 围 云 台 控 制 电 路 发 出 转 动 摄 像 头 命 令, 松 开 按 钮, 则 停 止 转 动 按 下 左 箭 头 按 钮 对 应 的 程 序 : Private Sub cmdleft_mousedown(button As Integer, Shift As Integer, x As Single, y As Single) instring = Chr(1) & "A" & Format(MONITOR1%, "000") & Chr(13) & Chr(1) & "I" & Chr(13) MSComm1.Output = instring End Sub 松 开 左 箭 头 对 应 的 程 序 Private Sub cmdleft_mouseup(button As Integer, Shift As Integer, x As Single, y As Single) MSComm1.Output = Chr(1) & Chr(13) End Sub 注 意 : 其 中 I 表 示 左 转,Chr(1) & Chr(13) 发 出 停 止 命 令, 这 些 指 令 同 样 从 视 频 控 制 矩 阵 操 作 手 册 中 获 得 提 示 : 其 他 箭 头 按 钮 程 序, 变 倍 聚 焦 光 圈 工 作 程 序 与 此 相 似, 读 者 可 查 阅 光 盘 中 的 源 程 序 上 述 操 作 只 有 在 真 实 环 境 下, 即 配 置 了 视 频 捕 获 卡 和 视 频 控 制 矩 阵 后 才 能 看 到 效 果 (5) 视 频 捕 获 程 序 这 部 分 程 序 实 现 监 控 界 面 背 景 设 置 通 过 视 频 捕 获 卡 捕 获 视 频 打 开 串 口 实 现 通 信 将 监 控 计 算 机 作 为 默 认 输 出 ( 在 图 6-1 中 单 击 摄 像 机, 其 图 像 输 出 到 监 控 计 算 机 的 显 示 器 上 ) 等 功 能 Private Sub Form_Load()

197 第 6 章 实 时 控 制 类 论 文 案 例 分 析 191 ' 背 景 色 JKongfrm.BackColor = RGB(182, 207, 227) Frame1.BackColor = RGB(182, 207, 227) Frame2.BackColor = RGB(182, 207, 227) Frame3.BackColor = RGB(182, 207, 227) Frame4.BackColor = RGB(182, 207, 227) Frame5.BackColor = RGB(182, 207, 227) ' 视 频 捕 捉 程 序 Dim xl As Long, longx As Long, longwidth As Long Dim yl As Long, longy As Long, longheight As Long xl = Screen.TwipsPerPixelX yl = Screen.TwipsPerPixelY longx = video.left / xl longy = video.top / yl longwidth = video.width / xl longheight = video.height / yl Dim Ret As Integer hcapture = capcreatecapturewindow(0, WS_CHILD Or WS_VISIBLE, longx, longy, longwidth, longheight, Me.hwnd, 0) Ret = SendMessage(hCapture, WM_CAP_DRIVER_CONNECT, 0, 0) Ret = SendMessage(hCapture, WM_CAP_SET_OVERLAY, 1, 0) ' 打 开 串 口 If MSComm1.PortOpen = False Then MSComm1.PortOpen = True End If ' 设 置 监 控 计 算 机 为 默 认 输 出 MONITOR1% = 9 Action$ = "A" & Format(MONITOR1%, "000") instring = Chr(1) & Action$ & Chr(13) instring = instring & Chr(1) & "B" & Format(camera%, "0000") & Chr(13) MSComm1.Output = instring End Sub 案 例 简 评 如 何 使 用 串 口 进 行 实 时 控 制 如 何 调 用 API 函 数 实 现 视 频 的 Overlay 功 能, 因 为 与 硬 件 相 关, 在 教 学 过 程 中 一 般 不 会 涉 及, 大 多 数 的 VB 书 籍 也 没 有 介 绍, 具 有 比 较 大 的 难 度, 是 对 同 学 独 立 工 作 能 力 和 科 学 研 究 素 质 水 平 的 一 次 测 试 通 过 该 课 题, 同 学 对 于 如 何 将 理 论 同 实 践 相 结 合 有 了 一 定 的 认 识, 提 高 了 同 学 理 论 与 实 践 相 结 合 的 能 力