HTML5-App 相对传统在线服务能更好地完成哪些任务

输出的移动文件设定为新的出版途径,使用现代化的编辑系统或 DTP 工具可以毫无问题地完成这一切。但纯粹地转换到另一种格式并不会给用户产生特殊的附加值。新手教程显示了现代化的 HTML5-App 中提供了哪些用户界面元素和功能,以及怎样通过将这些用户界面元素和功能与先进的元数据和 XML 结构信息组合使用,以便实现移动文件相对传统在线帮助的真正附加值。

传统在线帮助 一直以来,帮助格式 MS HTMLHelp (chm) 应用非常广泛。从 1997 年和 Windows 98 开始它就在市场上存在了。尽管 Microsoft 使用过不同的后续格式如 MS Help 2、AP Help 1.0 和 MS Help Viewer 1.0,但这些格式未向公众提供作者平台使用,因此没有达到 CHM 的传播程度。传统在线帮助的其他格式例如有 Sun 公司的 JavaHelp、Oracle Help 或一般的 WebHelp 格式。

 传统在线帮助是以主题为导向,采用流动布局方式,根据窗口大小执行匹配(但无反应),通常在浏览器中有固定的网页区段(内容目录、查找、索引、内容区域),可以结合上下文从要记录的软件中调出。通常不支持动态内容,如动画、视频和音频。格式通常使用部分 HTML 格式。

HTML5-App 则相反,它可以触摸优化,采用响应设计可同时创建用于不同的输出设备,例如用于台式电脑、智能手机、平板电脑和机器显示屏。动态内容同样可以毫无问题地实现,例如 SVG 格式矢量图形和动态加载内容。可以完全采用标准技术来进行创建。

示例 jQueryMobile 是一个自由的、触摸优化的网络框架或 JavaScript 程序库。它支持很多平台的移动终端设备,例如 iOS、安卓、黑莓、WebOS、Symbian、Windows Phone 手机。jQuery Mobile 实现了用户主题专用的简单创建方式,带有大量已经预制好的用户界面元素,例如小部件、图标、动画、效果和按钮。

创建应用程序的基础是一个设计方案,该设计方案规定了应用程序的界面的外观、要使用哪些颜色和色彩明暗度,以及哪些内容在较小的显示屏上要省略或附加显示。

HTML5-App 中提供了许多用户界面元素,通过它们可以实现应用程序界面,以及移动文件专用应用程序功能。Web 框架(如 jQuery Mobile)已经提供了大量且已经预制好的元素,其他元素可以基于 CSS 和 JavaScript 自行开发或调整现有的小脚本和插件。 有用的用户界面元素包括:按钮、网格、可折叠内容、弹出窗口、标签、工具条和动画以及过渡画面。

HTML5-App 的基础是定义主题:应用程序中的主题有哪些范围,怎样处理交叉,怎样总结主题?此外,设计还包括用户可以访问哪些信息。除了内容目录和查找外,还有查找和导航的各种不同其他选项。

“智能”链接,使用它用户就无需离开初始主题,可以帮助显示附加信息,例如技术数据。在此可以使用弹出窗口、对话框或插件。通过子内容目录可以一目了然地显示复杂交叉的主题结构。

通过用户界面元素可以为应用程序设计任意界面。默认元素如按钮、页眉和页脚帮助导航和信息访问。对于一目了然和用户界面友好的应用程序来说,这些元素应尽量少用,且经过深思熟虑后来进行使用。常用应用程序用户界面的既定标准给出了良好的基准点,且不应将其忽视。因此,用户可以很快熟悉面对的已知符号和互动性,而无需学习新的操作方式。