第7章Web界面设计祥解.ppt

8.8.3 Web界面设计新技术 Web 3D图形技术 语音Web技术 山东大学计算机学院 * 1.Web 3D图形技术 （1）Web3D虚拟现实建模语言VRML VRML是3D图形和多媒体技术通用交换的文件格式，它描述交互式的3D对象和场景。它不仅应用在互联网上，也可以应用在工程和科学可视化、多媒体、娱乐游戏、互联网3D图形、教育、虚拟社区等领域。由于网上传输的是模型文件，故其传输量大大小于视频图像。 山东大学计算机学院 * 虚拟法国巴黎凯旋门的3D场景效果 山东大学计算机学院 * 1.Web 3D图形技术 （2）Web3D图形实时渲染引擎 实时渲染引擎的作用是解释并翻译实施场景模型文件的语法，实时渲染从服务器端传来的场景模型文件，在网页访问者的客户端逐帧、实时地显示3D图形。 实时渲染引擎是实施互联网3D图形的关键技术，它的文件大小、图形渲染质量、渲染速度、以及它能提供的交互性都直接反映其解决方案的优劣。 山东大学计算机学院 * 1.Web 3D图形技术 （3）Web3D图形新标准 可扩展3D((Extensible 3D , X3D) 是一个软件标准，定义了如何在多媒体中整合基于网络传播的交互三维内容。X3D 是 VRML的继承和改进，提供了以下的新特性：更先进的应用程序界面，新添的数据编码格式，严格的一致性，组件化结构。 山东大学计算机学院 * 1.Web 3D图形技术 （4）Web3D图形建模与制作工具 3DS max可用于建立场景模型，安装相应的输出插件，再直接建立场景模型文件。现在最有名的Web3D图形软件公司，如cult3D 和Viwepoint都可以在3DS max中直接输出它们的专用文件格式的场景模型文件。 山东大学计算机学院 * 1.Web 3D图形技术 （5）Java 3D Java 3D 的本质是一个交互式三维图形应用编程接口（API），是Java 2 SDK的标准扩展，它可以和普通的Java 2D 、Swing、AWT等很好地结合，其目标是： 1）用户能够在浏览器中观看或操作三维动态图形 2）一次编程，到处运行 3）适应不同的软件平台 4）适应各种显示环境和输入设备 山东大学计算机学院 * 1.Web 3D图形技术 （6）Web3D图形技术应用 互联网上的交互式3D图形技术Wed3D正在取得新的进展，最具魅力的Wed3D图形将在互联网上有广泛应用，如电子商务、联机娱乐休闲与游戏、科技与工程的可视化、教育、医学、地理信息、虚拟社区。 山东大学计算机学院 * 两个Web3D的浏览的例子。 山东大学计算机学院 * 2．Web中的语音交互技术 语音浏览技术是正在互连网上的一种新的应用和技术。 VoiceXML —语音可扩展标记语言 世界上第一个真正的语音通信标准，它定义了应用开发商向用户提供新型信息访问服务的方式。 VoiceXML的应用与HTML的应用相同，唯一的差别在于前者使用语音浏览器 山东大学计算机学院 * VoiceXML —语音可扩展标记语言 通过VoiceXML，互联网语音应用运营商能向电话用户发布他们感兴趣的信息 VoiceXML 突破性地实现了互联网与电话网的融合，结合传统的电话语音操作控制、语音识别（ASR）、文语转换（TTS）、XML、Web数据库等技术，完成方便、完善的业务和信息控制操作。 基于VoiceXML标准的语音数据互联将为声讯网、移动网、互联网的统一提供技术保障. 山东大学计算机学院 * Web界面设计的评估 Web 界面设计的评估有其独特的特征。 为什么要对Web进行可用性测试 如果某个站点不好用，用户就不会再去用它。 山东大学计算机学院 * Web站点的可用性 可用性是指对用户来说软件或Web站点是否易用、高效和使人感到满意。 衡量可用性的5个方面： 易学性：当用户第一次使用设计时完成基本任务的难易； 有效性：一旦用户学习了这个设计，执行任务的快慢； 易记性：当用户一段时间不用此设计后再来使用，再次熟练的难易； 错误：用户会犯多少错误，这些错误有多大的影响，从错误中恢复的难易； 满意程度：使用这个设计让人感到何种程度的愉快。 山东大学计算机学院 * 常见Web设计错误 1．目的描述不清楚 2．存档内容换上新的地址 3．内容不标注日期 4．对大图片的缩小不能反映其真实内容 5．过分详细的ALT文本 6．不支持“如果-那么” 7．无法通过属性过滤的长长的列表 8．产品只能按照品牌进行排序 9．过分限制的表单条目 10．页面上包括指向自己的链接 山东大学计算机学院 * 人有了知识，就会具备各种分析能力， 明辨是非的能力。 所以我们要勤恳读书，广泛阅读， 古人说“书中自有黄金屋。 ”通过阅读科技