２０１５牟第８期 文章编号：１００９—２５５２（２０１５）Ｏ８—００１０—０４ ＤＯＩ：１０．１３２７４／ｊ．ｅｎｋｉ．ｈｄｚｊ．２０１５．０８．００３ 基于ＨＴＭＬ５和云服务器的网页邮件系统 马汉达，吴耀冉，吴谋星 （江苏大学计算机科学与通信工程学院，江苏镇江２１２０１３） 摘要：设计了一种新型的邮件系统，该系统基于Ｈ１ＴＩ１Ｐ协议，实现了将邮件以网页的形式进行 收发和管理，并通过百度ＵＥＤＩＴＯＲ富文本编辑器、ＦＭＳ流媒体等技术实现了对网页邮件的在线 编辑，其中包括页面的布局与排版，以及音视频留言的在线录制。 关键词：网页邮件；网页在线编辑；音视频留言 中图分类号：ＴＰ３９３ 文献标识码：Ａ Ｗｅｂｐａｇｅ ｍａｉｌ ｓｙｓｔｅｍ ｂａｓｅｄ ｏｎ ＨＴＭＬ５ ａｎｄ ｃｌｏｕｄ ｓｅｒｖｅｒ ＭＡ Ｈａｎ－ｄａ，ＷＵ Ｙａｏ—ｒａｎ，ＷＵ Ｍｏｕ—ｘｉｎｇ （Ｓｃｈｏｏｌ ｏｆ Ｃｏｍｐｕｔｅｒ Ｓｃｉｅｎｃｅ ａｎｄ Ｔｅｌｅｃｏｍｍｕｎｉｃａｔｉｏｎ Ｅｎｇｉｎｅｅｒｉｎｇ，Ｊｉａｎｇｓｕ Ｕｎｉｖｅｒｓｉｔｙ，Ｚｈｅｎｊｉａｎｇ ２１２０１３， Ｊｉａｎｇｓｕ Ｐｒｏｖｉｎｃｅ，Ｃｈｉｎａ） Ａｂｓｔｒａｃｔ：Ｔｈｉｓ ｐａｐｅｒ ｄｅｓｉｇｎｓ ａ ｎｅｗ ｍａｉｌ ｓｙｓｔｅｍ ｂａｓｅｄ ｏｎ ＨＴＴＰ ｐｒｏｔｏｃｏｌ，ｒｅａｌｉｚｅｓ ｔｈｅ ｍａｉｌ ｆｉｒｓｔ ａｎｄ ｍａｎａｇｅｄ ｔｏ ｗｅｂｐａｇｅ ｆｏｒｍ，ａｎｄ ｔｈｒｏｕｇｈ ｔｈｅ ＢａｉｄｕＵＥＤＩＴＯＲ ｒｉｃｈ ｔｅｘｔ ｅｄｉｔｏｒ，ＦＭＳ ｓｔｒｅａｍｉｎｇ ｍｅｄｉａ ｔｅｃｈｎｏｌｏｇｙ ｔｏ ａｃｈｉｅｖｅ ｔｈｅ ｗｅｂｐａｇｅ ｍａｉｌ ｏｎｌｉｎｅ ｅｄｉｔｉｎｇ，ｉｎｃｌｕｄｉｎｇ ｐａｇｅ ｌａｙｏｕｔ ａｎｄ ｔｙｐｏｇｒａｐｈｙ，ａｎｄ ｏｎｌｉｎｅ ｖｉｄｅｏ ａｎｄ ａｕｄｉｏ ｍｅｓｓａｇｅｓ ｒｅｃｏｒｄｉｎｇ． Ｋｅｙ ｗｏｒｄｓ：ｗｅｂｐａｇｅ ｍａｉｌ；ｗｅｂｐａｇｅ ｏｎｌｉｎｅ ｅｄｉｔｏｒ；ａｕｄｉｏ ａｎｄ ｖｉｄｅｏ ｍｅｓｓａｇｅ ０ 引言 当前，随着互联网技术的快速发展，基于 ＳＭＴＰ、ＰＯＰ３协议的电子邮件系统在企业、个人中得 到广泛的应用。与此同时，用户的需求已不止于简 单的邮件的收发和管理，良好的用户体验慢慢成为 能提供完美解决方案的服务器端软件，ＦＭＳ由提供 流媒体服务的服务器端和具有的Ｆｌａｓｈ播放器的客户 端两部分构成，服务器端的应用程序在ＦＭＳ上有自 己的目录，存放服务端脚本文件和其他资源。 Ｆｌａｓｈ客户端通过ＲＴＭＰ协议与ＦＭＳ建立连接，是目 市场追逐的方向和开发者关注的新的领域。然而传 统的电子邮件一方面可利用的ＲＩＡ多媒体元素有 限，鲜有音视频的留言功能，且附件、主题等邮件元 素相互分离，不利于阅读；另一方面，由于其特定的 协议决定建设者必须搭建特定的邮件服务器，而且 编程接口较为复杂，对于用不同的程序语言搭建的 网站系统要开发不同的邮件接口ＡＰＩ，给开发者带 来了诸多不便。为此，本文设计了一种基于ＨＴＩ＇Ｐ 前开发Ｗｅｂ音视频应用程序最方便、最快捷的解决方 案 －２］。ＦＭＳ可以与Ｆｌａｓｈ进行连续的音频和视频流 通信，其中ＩＰ多播功能（ＩＰ ｍｕｌｔｉｃａｓｔ）完全支持ＩＰ多 播，当前流行的视频网站如ＹｏｕＴｕｂｅ、Ｙｏｕｋｕ等无一不 使用这一强大技术。在本文系统的邮件编辑时，即采 用这一技术实现音视频的留言功能。 １．２ ＨＴＭＬ５＋ＣＳＳ３ ＨＴＭＩ＿５有两大特点：首先，在ＨＴＭＬ５中引人多 协议，并以网页形式传送的邮件系统，旨在带给用户 良好的通信交流体验和更强大的邮件定制服务。 媒体标签、Ｃａｎｖａｓ标签等元素，强化了Ｗｅｂ网页的 表现性能，使得Ｗｅｂ程序的用户界面得到了很大的 收稿日期：２０１４—０７—０４ 基金项目：２０１３年国家级大学生创新创业训练项目（２０１３— １０２９９０１４Ｚ） 作者简介：马汉达（１９６６一），男，硕士研究生，高级工程师，研究方 １ 技术路线 １．１ Ｆｌａｓｈ Ｍｅｄｉａ Ｓｅｒｖｅｒ（ＦＭＳ） ＦＭＳ流媒体服务器，是Ａｄｏｂｅ公司开发的基于流 媒体协议ＲＴＭＰ（实时消息协议）的为各种音视频功 一向为云计算、Ｗｅｂ信息系统与教育信息化。 １０一 改善；其次，地理位置服务、本地数据存储、文件上传 和离线应用等新特性也大大提高了用户的体验程 度。ＣＳＳ３强大的选择器、专业的ｕＩ设计以及高效 的布局方式，更使得网页设计上了一个台阶。ＨＴ． ＭＩ．５＋ＣＳＳ３强大的技术，使其成为Ｗｅｂ领域和移动 Ｗｅｂ领域不可阻挡的历史潮流。本系统的所有页 面均使用ＨＴＭＩ＿５标准编码，充分利用了ＨＴＭＩ＿５强 大的标签，如Ｖｉｄｅｏ和Ａｕｄｉｏ标签，它允许开发者直 接将视频和音频嵌入网页，不需要任何第三方插件 就能播放，其理想的执行性能，炫酷的新特性，使得 系统具有更好的用户体验 Ｊ。 １．３云服务器 云服务器（Ｅｌａｓｔｉｃ Ｃｏｍｐｕｔｅ Ｓｅｒｖｉｃｅ，简称ＥＣＳ）是 一种处理能力可弹性伸缩的计算服务，其管理方式比 物理服务器更简单高效。云计算是当前业界最为热 门的话题之一，其强大的计算能力和运行处理的能力 推动了大数据时代的前进步伐。在本系统中，使用了 多个服务器共同为邮件的收发管理提供服务平台： Ｗｅｂ服务器，数据库服务器，流媒体服务器。 ２ 系统架构设计 ２．１ 系统总体结构图 本系统采用三层架构（如图１所示）：表示层 （ＵＩ），业务逻辑层（ＢＬＬ），数据访问层（ＤＡＬ）。表 示层离用户最近，用于显示邮件的信息和接收用户 提交的邮件数据，都由网页设计来完成；业务逻辑层 是将接收到的邮件数据以及一些附带的动作事件进 行逻辑处理，比如生成时间戳和ＰＨＰ邮件网页以及 ＰＨＰ邮件网页的随机命名等等；数据访问层主要负 责对数据库的访问，包括对所有的邮件信息的存储 以及向业务逻辑层传送将要显示的数据 。 表示层 用 命令 数蜂返回 业务逻辑层 匡圃 圃 删除好友 逻辑 命令 数辛返回 ｌ数据访问层 访峙 数雄回 ｌ数据库 图１系统总体结构 ２．２系统业务流程图 网页邮件系统的实际运行效果如下（以某一用 户Ａ向用户Ｂ发送一封网页邮件为例）：注册用户 Ａ通过用户名和密码登陆到系统中，点击发送邮件， 然后就到了邮件网页的可视化编辑页面，编辑好页 面，并选择接收好友为Ｂ（或选择多个好友），若Ｂ 不在好友名单中，则到“添加好友”页面，寻到到Ｂ 并添加为好友，再进行发送邮件，至此邮件发送过程 结束。邮件逻辑处理流程如图２所示。 图２邮件逻辑处理流程 ３ 系统的设计 ３．１数据库的设计 在一个应用系统中，数据库设计的好坏直接影 响到整个系统的性能，甚至关系到整个系统的成 败０ 。因此，在进行数据库设计前，首先要做好需 求分析，数据库设计时，就考虑到系统的运行效率， 注意字段命名的规范和字段类型和宽度的选择、主 键的设置，为保证数据的一致性和完整性，必须遵循 一定的设计步骤、范式理论和基本原则，避免数据冗 余和修改、插入、删除异常 Ｊ。通过分析系统需求 和功能，该系统涉及的实体有：用户和邮件，用户有 ＩＤ、用户名、密码、头像、Ｅｍａｉｌ等属性，邮件有标题、 内容、发送时间、发送者、接受者等属性，用户和邮件 之间是多对多的关系，即一个用户可以有多个邮件， 一个邮件也可以有多个用户（群发），用户和用户之 间也有是否好友的关系等，该系统中的实体之间有 相对比较复杂的逻辑关系，在该系统的数据库设计 时，从数据的高效、可靠和实用角度出发，在系统初 始化阶段只有一个用户表（ｕｓｅｒｓ），该表将存放所有 的注册用户，其表结构如表１所示。 表１用户表 当用户注册了之后，系统会在数据库中自动生 成以该用户的用户名为名的表和一个以用户名加上 好友模块：该模块实现了对好友的分类管理，其 中包括创建类别、添加好友，查看好友信息。 辅助模块：该模块实现了邮件的搜索功能、锁屏 “ｆｉｒｅｎｄ”命名的表，分别用来存放该用户收到的所有 邮件和存放该用户的所有好友的表，即［用户名］表 和［用户名］＋ｆｒｉｅｎｄ表。用户名表结构如表２所 示，［用户名］＋ｆｒｉｅｎｄ表，结构如表３所示。 表２［用户名］表 功能、个人资料的修改。搜索功能是当邮件过多时， 蹦 一墓 可以通过搜索功能寻找特定的主题或发件人的邮 件；锁屏功能是当用户暂时有事时，可锁定邮件系 统，回来时用登录密码进行解锁，从而保护了用户的 隐私；个人资料修改是修改注册时用户提交的个人 信息。 ４ 系统的实现 ４．１服务器的配置 本系统使用了ＡＭＰ和ＦＭＳ两个服务器平台， 其中ＡＭＰ是系统程序的主要运行环境，与Ｊ２ＥＥ和 ．Ｎｅｔ形成三足鼎立之势，使用ＡＭＰ平台开发的项 目在软件方面的投资成本较低，Ａｐａｃｈｅ服务器的配 置简单，在这不在赘述。ＦＭＳ是音视频的录制的服 务器，视频的录制窗口是由Ｆｌａｓｈ制作的，其中有两 表３［用户名］＋ｆｒｉｅｎｄ表 个视频组件，分别用来录制和预览的，还有一个输入 说明 字段名称 数据格式 文本框，用来输入视频的名字。 ＡｃｔｉｏｎＳｃｒｉｐｔ（简称ＡＳ）语言是Ｆｌａｓｈ Ｐｌａｙｅｒ的交 互语言，在ＦＭＳ服务器端可以通过编写ＡＳ脚本实 ｉｎｔ（４）ｐｒｉｍａｒｙ ｋｅｙ ａｕｔｏ—ｉｎｃｒｅｍｅｎｔ邮件ｉｄ号，主键，自增 ｃｈａｒ（５０） ｃｈａｒ（５０） 好友名称 好友分类 现视频、音频流以及服务器其他参数的控制¨ ，使 用了几个重要的音视频相关的ＡＰＩ，如获取麦克风 函数Ｍｉｃｒｏｐｈｏｎｅ．ｇｅｔ（），获取摄像头的函数Ｃａｍｅｒａ． ｇｅｔ（），录制函数ｐｕｂｌｉｓｈ（“ｖｉｄｅｏ—ｎａｍｅ”，”ｒｅｃｏｒｄ”）， 播放函数ｐｌａｙ（“ｐｌａｙ—ｎａｍｅ”），ＦＭＳ服务器端的代 码包含几个部分：获取摄像头和麦克风，并将摄像头 ３．２系统功能模块设计 本系统共有四个模块，分别是：账户模块，邮件 模块，好友模块，辅助模块，系统功能如图３所示。 与视频组件进行绑定；创建新的连接，连接服务器； 创建输入、输出视频流，将预览窗口与输出视频流绑 定；编写视频录制函数和播放预览函数。完整的 ＦＭＳ服务器端的代码略。 ４．２ Ｗｅｂ服务器与ＦＭＳ服务器之间的交互 ＡＭＰ是ＰＨＰ的运行服务器环境，ＦＭＳ是Ｆｌａｓｈ ＡＳ语言的运行环境，在邮件发送时，需要将录制的 视频的信息存人到ＭｙＳｑｌ数据库，邮件查看时，需要 图３系统功能模块 将录制的视频播放出来，要实现这些动作，必须要实 账户模块：本模块定义了系统的访问控制的规 则，只有注册了的用户才有发送邮件的权限。该模 块中包含三个部分：用户登录，用户注册和当忘记密 现ＰＨＰ与Ｆｌａｓｈ之间的交互，如何实现Ｗｅｂ服务器 与ＦＭＳ服务器之间的数据交互式是本系统的一个 关键技术。目前，有三种技术手段可以达到这个目 的，第一是Ｆｌａｓｈ ＡＳ中的ＬｏａｄＶａｒｓ对象实现，第二 码是可以口令修改的部分。 邮件模块：是系统的核心部分，也是系统的实现 的几个关键和难点部分。在该模块中有发送邮件， 收件箱（新邮件），已发送邮件、删除邮件、草稿箱等 几个部分，其中发送邮件中的业务逻辑是该系统的 核心部分。 一是ＪａｖａＳｃｒｉｐｔ脚本与Ｆｌａｓｈ ＡＳ的交互，第三是以中间 共享文件的方式实现二者的交互。该系统以第三种 方法实现这一目的，即将ＦＭＳ安装在项目文件夹 下，作为两个服务器的共享文件夹，这样，ＦＭＳ服务 器录的视频，ＡＭＰ服务器同样可以调用。 １２一 ３ 系统测试 目前，在青岛、武汉等饮料生产线上，相关设备 已经投入使用，用于检测ＰＥ瓶是否存在泄漏问题。 方案要求能够对ＰＥ旋盖瓶或ＰＥ锡箔封盖瓶进行 准确的检测，包括以下功能：饮料瓶液位检测、饮料 瓶泄漏检测、剔除不合格的饮料瓶。而且本方案要 求能够在１米／秒的生产线速度下，最高达到３２０００ 瓶／小时的检测速度。同时，规定检测的瓶子必须达 到以下的瓶身尺寸要求：瓶口尺寸不低于３５ｍｍ；直 径不低于４０ｍｍ；高度不低于２００ｍｍ。为了检测本 方案的可行性，在规定的生产线速度下，把各种有泄 漏缺陷或液位不达标的样本饮料混进正常的ＰＥ瓶 中，最后本文研制的挤压泄漏检测机能够准确判别 各种有泄漏缺陷或液位不达标的样本，并且可以准 确剔除各种有问题的样本。该实验结果表明本系统 方案检测稳定、准确可行。 有问题的ＰＥ瓶，满足饮料生产线的需求。但是ＰＥ 瓶不同的硬度和尺寸对泄漏检测会带来一定的问 题。如果ＰＥ瓶的硬度很大，挤压前后的压力变化 不会很明显，这样不容易去判别塑料瓶是否发生泄 漏。如果ＰＥ瓶的体积过小，这样对挤压通道的机 械设计提出了更高的要求，会增加机械设计的难度。 参考文献： ［１］Ｇｏｓｗａｍｉ Ａ，Ｈａｎ Ｂ．Ｏｎ Ｕｈｒａ—Ｆｉｎｅ Ｌｅａｋ Ｄｅｔｅｃｔｉｏｎ ｏｆ Ｈｅｒｍｅｔｉｃ Ｗａｆｅｒ Ｌｅｖｅｌ Ｐａｃｋａｇｅｓ［Ｊ］．ＩＥＥＥＴｒａｎｓａｃｔｉｏｎｓ ｏｎ，２００８，３１（１）：１４—２１． ［２］Ｃａｌｃａｔｅｌｌｉ Ａ，Ｂｅｒｇｏｇｌｉｏ Ｍ，Ｍａｒｉ Ｄ．Ｌｅａｋ ｄｅｔｅｃｔｉｏｎ，ｃａｌｉｂｒａｔｉｏｎｓ ａｎｄ ｒｅｆｅｒｅｎｃｅｆｌｏｗｓ：Ｐｒａｃｔｉｃａｌ ｅｘａｍｐｌｅ［Ｊ］．Ｖａｃｕｕｍ，２００７，８１（１１）： ｌ５３８一ｌ５４＿４． ［３］Ｔａｇｈｖａｅｉ Ｍ，Ｂｅｃｋ Ｓ Ｂ Ｍ，Ｓｔａｓｚｅｗｓｋｉ Ｗ Ｊ．Ｌｅａｋ ｄｅｔｅｃｔｉｏｎ ｉｎ ｐｉｐｅ＝ ｌｉｎｅ ｎｅｔｗｏｒｋｓ Ｕｓｉｎｇ ｌｏｗ－ｐｒｏｆｉｌｅ ｐｉｅｚｏｃｅｒａｍｉｃ ｔｒａｎｓｄｕｃｅｒｓ［Ｊ］．Ｓｔｒｕｃ－ ｔｕｒａｌ Ｃｏｎｔｒｏｌ ａｎｄ Ｈｅａｌｔｈ Ｍｏｎｉｔｏｒｉｎｇ，２００７，１４（８）：１０６３—１０８２． ［４］姚朱伊．ＨＥＵＦＦ ｓｑｕｅｅｚｅｒ ＱＡ使解决铝箔封口容器泄漏不再是 难事［Ｊ］．中国包装工业，２０１２（１６）：３８． ［５］姚朱伊．海富瓶装自动化检测领域的全攻略［Ｊ］．中国包装工 业，２０１１（６）：６６一－６７． ４ 结束语 本研究方案以１６位单片机ＭＣ９Ｓ１２ＸＳ１２８为控 ［６］姚朱伊，缪惟民．在纽伦堡Ｂｒａｕ Ｂｅｖｉａｌｅ ２０１２展会上—— ＨＥＵＦＴ体现了当代系统化的最新技术［Ｊ］．饮料工业，２０１３， １６（１）：４． 制系统核心，并配套有微型压力传感器、计瓶器、液 位检测器、链道编码器、剔除器等设备。在ＰＥ瓶液 位判别之后，首先使用机械装置对ＰＥ瓶进行挤压， 并通过压力传感器测量压力，然后经单片机Ａ／Ｄ采 样和数据分析后，可以触发剔除器去除不合格的ＰＥ 瓶。大量测试表明，本系统能够快速准确剔除各种 （上接第９页） ［６］Ｓｃｈｍｉｄｌ Ｔ Ｍ，Ｃｏｘ Ｄ Ｃ．Ｒｏｂｕｓｔ ｆｒｅｑｕｅｎｃｙ ａｎｄ ｔｉｍｉｎｇ ｓｙｎｃｈｒｏｎｉｚａ＇ ｔｉｏｎ ｆｏｒ ＯＦＤＭ［Ｊ］．Ｃｏｍｍｕｎｉｃａｔｉｏｎｓ，ＩＥＥＥ Ｔｒａｎｓａｃｔｉｏｎｓ ｏｎ，１９９７， ４５（１２）：１６１３—１６２１． ［７］王宜怀，曹金华．嵌入式系统设计实战一基于飞思卡尔ｓ１２ｘ微 控制器［Ｍ］．北京：北京航空航天大学出版社，２０ｔ１． ［８］王威．ＨＣＳ１２微控制器原理及应用［Ｍ］．北京：北京航空航天 大学出版社，２００７． 责任编辑：薛慧心 ｍｕｎ．，１９７２，２０（２）：１１５—１１９． ［１０］Ｎｉｅｌｓｅｎ Ｐ Ｔ．Ｓｏｍｅ ｏｐｔｉｍｕｍ ａｎｄ ｓｕｂｏｐｔｉｍｕｍ ｆｒａｍｅ ｓｙｎｃｈｒｏｎｉｚｅｒｓ ｆｏｒ ｂｉｎａｒｙ ｄａｔａ ｉｎ Ｇａｕｓｓｉａｎ ｎｏｉｓｅ［Ｊ］．ＩＥＥＥ Ｔｒａｎｓａｃｔｉｏｎｓ ｏｎ Ｃｏｒｎ— ｍｕｎｉｃａｔｉｏｎｓ，１９７３，２１（６）；７７０—７７２． ［１ １］Ｃｈｉａｎｉ Ｍ，Ｍａｒｔｉｎｉ Ｍ Ｇ．Ｏｐｔｉｍｕｍ ｓｙｎｃｈｒｏｎｉｚａｔｉｏｎ ｏｆ ｆｒａｍｅｓ ｗｉｔｈ ［７］Ｍｉｎｎ Ｈ，Ｚｅｎｇ Ｍ，Ｂｈａｒｇａｖａ Ｖ Ｋ．Ｏｎ ｔｉｍｉｎｇ ０ｆｆｓｅｔ ｅｓｔｉｍａｔｉｏｎ ｆｏｒ ＯＦＤＭ ｓｙｓｔｅｍｓ［Ｊ］．Ｃｏｍｍｕｎｉｃａｔｉｏｎｓ Ｌｅｔｔｅｒｓ，ＩＥＥＥ，２０００，４（７）： ２４２—２４４． ｕｎｋｎｏｗｎ，ｖａｒｉａｂｌｅ ｌｅｎｇｔｈｓ ｏｎ Ｇａｕｓｓｉａｎ ｃｈａｎｎｅｌｓ［Ｃ］．Ｇｌｏｂａｌ Ｔｅｌｅ－ ｃｏｍｍｕｎｉｃａｔｉｏｎｓ Ｃｏｎｆｅｒｅｎｃｅ．２００４．ＧＬＯＢＥＣＯＭ’０４．ＩＥＥＥ． ＩＥＥＥ，２００４，６：４０８７—４０９１． ［８］Ｃｈｏｉ Ｚ Ｙ，ＬｅｅＹＨ．Ｏｎｔｈｅ ｕｓｅ ｏｆ ｄｏｕｂｌｅ ｃｏｒｒｅｌａｔｉｏｎｆｏｒｆｒａｍｅ ｓｙｎ－ ｃｈｒｏｎｉｚａｔｉｏｎ ｉｎ ｔｈｅ ｐｒｅｓｅｎｃｅ ｏｆ ｆｒｅｑｕｅｎｃｙ ｏｆｆｓｅｔ［ｃ］∥Ｃｏｍｍｕｎｉｃａ－ ｔｉｏｎｓ，１９９９．ＩＣＥ’９９．１９９９ ＩＥＥＥ Ｉｎｔｅｒｎａｔｉｏｎａｌ Ｃｏｎｆｅｒｅｎｃｅ ｏｎ． ［１２］Ｃｈｉａｎｉ Ｍ，Ｍａｒｔｉｎｉ Ｍ Ｇ．Ｏｎ ｓｅｑｕｅｎｔｉｌａ ｆｒａｍｅ ｓｙｎｃｈｒｏｎｉｚａｔｉｏｎ ｉｎ ＡＷＧＮ ｃｈａｎｎｅｌｓ［Ｊ］．ＩＥＥＥ Ｔｒａｎｓａｃｔｉｏｎｓ ｏｎ，Ｃｏｍｍｕｎｉｃａｔｉｏｎｓ， ＩＥＥＥ，１９９９（２）：９５８—９６２． ２００６，５４（２）：３３９—３４８． 责任编辑：肖滨 ［９］Ｍａｓｓｅｙ Ｊ．Ｏｐｔｉｍｕｍ Ｆｒａｍｅ Ｓｙｎｃｈｒｏｎｉｚａｔｉｏｎ［Ｊ］，ＩＥＥＥ Ｔｒａｎｓ．Ｃｏｍ— （上接第ｌ３页） ［７］蒋汶伶．高校内部邮件系统设计与实现［Ｄ］．成都：电子科技大 学，２０１２． ［３］［美］布拉特曼，科特雷尔．ＨＴＭＬ５多媒体开发指南［Ｍ］．施宏 斌，译．北京：清华大学出版社，２０１３． ［８］马汉达，丁勤林，宋元书．基于Ｗｅｂ的实验室绩效考核系统设计 ［４］杨东昱．ＨＴＭＩ－５＋ＣＳＳ３精致范例辞典［Ｍ］．北京：清华大学出 版社，２０１３． 与实现［Ｊ］．实验室研究与探索，２０１３，３２（６）：２０９—２１２． ［９］马汉达．混合式学习在高校日常教学中的应用研究［Ｊ］．实验技 术与管理，２０１３，３０（８）：１２６—１２８． ［５］郭小成．ＨＴＭＩ５＋ＣＳＳ３技术应用完美解析［Ｍ］．北京：中国铁 道出版社，２０１３． ［１０］班凯，李伟华．基于ＦＭＳ的Ｗｅｂ视频、音频通信系统设计［Ｊ］． 航空计算技术。２００９，３９（５）：１２８—１３１． 责任编辑：肖滨 ［６］胡晶，董航．ＨＴＭ 核心Ｗｅｂ技术分析［Ｊ］．长春工业大学学 报：自然科学版，２０１３，３４（５）：５８７—５９０． 一１７—
