技术开发 频道

Ajax 和 XML: 借鉴最优秀的 Ajax 应用程序


  如果说一些站点少量地使用了 Web 2.0,那么 YourMinis 则恰恰相反,它足以成为 Web 上的小部件/小工具站点。使用它,我们可以创建和定制载有各种小部件(或者是小工具,如果您更喜欢微软的行业用语)的页面。页面的功能相当于控制板,它能以引人注意的方式及时地提供信息。

  图 8 中显示了在页面中添加一个 Rottentomatoes 电影小部件后的站点。

  图 8. 显示电影评论的 YourMinis

  Rottentomatoes 是一个电影评论站点。它依据数百个电影评论为电影给定一个总分并提供了一个百分比。分数等于或者高于 60% 的电影被认为是 新鲜的(也就是好的意思)。在本例中,我选择查看 Bridge To Terebithia,只需提供我的邮政编码便可以马上在同一个部件中获得该电影分数。图 9 显示了这个功能。

  图 9. 显示本地电影分数的电影小部件

  界面干净、打开快速,并且在流行的浏览器上运行良好。同时这些小部件可以放置在各种不同的位置 —— 比如说,站点创建者的博客中。

  除了站点之外,YourMinis 还有一个 Firefox 扩展,用于在用户浏览页面时监视浏览器。当它发现一些 YourMinis 有可能使用的东西,比如 RSS feed 或者 MP3,它会弹出提示告诉用户这些资源是可用的。与浏览器的这种集成相对来说比较简单,使用这种方法把站点集成到用户的桌面中是很不错的选择。

  在 Web 2.0 方面,从 YourMinis 中还可以学到一些东西。第一,minis 和框架是在 Macromedia Flash 中实现的。从用户的视角看,这算不上真正的问题。这又回到了另一个问题,即选择一个特定的技术并没有最终产生的用户利益重要。

  他们鼓励开发人员站在用户社区的角度思考,为整个用户社区贡献自己的页面设计。这是与用户社区协作的另一种表现形式,它将使用户社区能以我们从未想到过的方式推进站点的发展。

  Lightbox

  虽然 Lightbox 非常具体站点,但是我想指出 Lightbox 技术在当今许多站点中都发挥了很大的作用。lightbox 是用户界面技术与一些 Ajax 技术的结合体。Web 页面的例子如 图 10 所示。

  图 10. Lightbox JS 主页

  如果单击某个图像,那么整个页面会变暗,同时一个方框出现在页面中间,显示放大后的所选图片。图 11 显示这个功能。

  图 11. 单击图像后 lightbox 出现

  这种技术具有很多优势。它可以把用户的注意力从页面的其他区域到转移选择的图片。因为用户可以单击 Close 返回正常的浏览页面,因此这种技术可以为用户显示很多详细内容而又不必离开当前页面。

  这种 lightbox 技术不仅适用于图像或者视频,也适用于文本内容。我经常访问的一个站点就是使用 lightbox 技术在主页上合适的区域显示了每一篇文章的概要。但是用户只有在单击了 lightbox 链接(通过 Ajax)之后,页面才会加载该篇文章的概要。因此,用户可以在一个页面中同时阅读几篇文章的概要内容,并且构建大量的页面会使服务的带宽不够,虽然用户并不会同时访问所有的页面。这于对于计算机和用户来说都是最好的。

  一些开源的 JavaScript 库可用于开发 lightbox。上图所显示的是 Lightbox JS version 2。
0
相关文章