|
slashdot.org 是一個(gè)社會(huì)網(wǎng)站,用戶通過(guò)提交帶有簡(jiǎn)要注釋的 URL 就可以在這家網(wǎng)站上找到任何感興趣的東西(URL 與注釋的組合以后再討論)。對(duì)于這類網(wǎng)站的很多用戶來(lái)說(shuō),雖然 Slashdot 的一些基本思路可追溯到網(wǎng)絡(luò)通信的初期,但它仍已久負(fù)盛名。像 Slashdot 這樣的網(wǎng)站,其特征就是提供討論問(wèn)題和突出顯示較為有趣信息的機(jī)制。我曾討論過(guò) del.icio.us 這個(gè)網(wǎng)站,該站點(diǎn)主要關(guān)注的是有趣鏈接的聚合和以用戶為中心的鏈接管理。而 Slashdot 卻將目光集中在了組討論和鏈接的新聞價(jià)值上。諸如 Advogato、Kuro5hin 和 MetaFilter 這些類似的網(wǎng)站均引入了一些創(chuàng)新理念,其核心就是怎樣將網(wǎng)絡(luò)技術(shù)應(yīng)用于討論組的社會(huì)生命力上。這些網(wǎng)站成為了新一代以用戶為中心、依托 Web 2.0 建立的新聞網(wǎng)站的模板,digg.com 和 Reddit 就是其中兩個(gè)典型的例子。在本篇文章中,我將分別從使用者和開(kāi)發(fā)人員的視角對(duì)這些網(wǎng)站進(jìn)行討論。
有人會(huì)問(wèn)是什么使 digg.com 和 Reddit 如此具有 Web 2.0 的特征?是因?yàn)樗鼈儞碛幸恍?Slashdot 和其公司所不具備的東西嗎?事實(shí)上,他們的成功并不像我們認(rèn)為的那樣是依靠某些技術(shù)上的優(yōu)勢(shì)。有關(guān)這些技術(shù)概念從何而來(lái)的爭(zhēng)論幾乎是無(wú)法平息的。有人說(shuō)這些網(wǎng)站只不過(guò)是類似 UseNET、電子布告欄、或 WELL (Whole Earth 'Lectronic Link)這樣的最傳統(tǒng)的社會(huì)型網(wǎng)站的更新版而已,而 WELL 則早在 1985 就已出現(xiàn),從中可以很容易看到諸如 Slashdot、digg.com 或 Reddit 這類網(wǎng)站的痕跡。在本專欄,我無(wú)意過(guò)多介紹 Ajax的各種美妙的用法,而是會(huì)著重于 Web 2.0 站點(diǎn)的開(kāi)放數(shù)據(jù)和社會(huì)生命力特性。無(wú)論您從何處開(kāi)始接觸 Web 2.0,digg.com 和 Reddit 都是值得您研究和學(xué)習(xí)的對(duì)象。
門面
我討論過(guò) del.icio.us,曾指出對(duì)于大多用戶來(lái)說(shuō),他們更看重網(wǎng)站的特性,比如 Web 提要,而非網(wǎng)站首頁(yè)(其門面)的設(shè)計(jì),經(jīng)常訪問(wèn)這個(gè)網(wǎng)站的用戶不會(huì)過(guò)多關(guān)注首頁(yè)。但 digg.com 和 Reddit 二者的主頁(yè)卻與之大相徑庭。它們的主頁(yè)是大多數(shù)用戶的主界面,就像是報(bào)紙上的頭版。在這里,用戶不但可以通過(guò)單擊標(biāo)題閱讀感興趣的新聞故事,還可以選擇使用網(wǎng)上投票和評(píng)論系統(tǒng)對(duì)新聞發(fā)表意見(jiàn)。圖 1 顯示的就是 digg.com 首頁(yè)的一部分。
圖 1. Digg 的主頁(yè)
您可以在頁(yè)面的左邊看到 digg.com 網(wǎng)站的簡(jiǎn)介,并且可以找到您所感興趣的特定內(nèi)容。訪問(wèn)者的負(fù)面或正面投票的總計(jì)(稱為“digg”)決定了哪些新聞故事會(huì)被突出顯示,訪問(wèn)者可以通過(guò)單擊查看新聞故事的詳細(xì)內(nèi)容,包括 digg 和評(píng)論。此外,您還可以看到“Upcoming Stories”選項(xiàng)卡,里面收錄的是那些正面(“digg”)或負(fù)面(“bury”)投票數(shù)還不足以決定其是否值得突出顯示的新聞故事。您也可以感受到在這樣一個(gè)熱點(diǎn)網(wǎng)站中,它的某些社會(huì)特性的力量是多么地強(qiáng)大。網(wǎng)上隨時(shí)都有近 4000 個(gè)備選新聞故事可供瀏覽,但大多數(shù)訪問(wèn)者只會(huì)根據(jù)其標(biāo)記,關(guān)注其中的一部分新聞故事。
圖 2. Reddit 的主頁(yè)
與 digg.com 相比,Reddit 的界面簡(jiǎn)單得多(您可能會(huì)說(shuō)這個(gè)界面太過(guò)“實(shí)際”,但這并非壞事),由于摘要更為簡(jiǎn)短,因此就能列出更多的頭條新聞故事。默認(rèn)視圖顯示的是“熱點(diǎn)”新聞故事,即最新的、投票(“點(diǎn)數(shù)”)數(shù)超過(guò)一定限值的那些新聞故事。而“new”視圖則類似于 digg.com 的“Upcoming Stories”視圖,之所以這么說(shuō)是因?yàn)槠渲械男侣劰适露际前窗l(fā)布的時(shí)間先后(而不是按所收到的投票數(shù)量的多少)而選中的。
mashup
mashup 是一個(gè) Web 2.0 站點(diǎn)的數(shù)據(jù)與另一個(gè)站點(diǎn)數(shù)據(jù)的綜合,對(duì)這種新風(fēng)格舉足輕重,因?yàn)樗鼈冋故玖诉@類站點(diǎn)是如何將靈活性賦予網(wǎng)站用戶及網(wǎng)站所有者的,而且它們也消除了引入那些立足于成型的想法之上的新思路的障礙。mashup 是一種綜合了多種資源的 Web 站點(diǎn)。有時(shí),這些資源的數(shù)據(jù)類別不同;mashup 可以將來(lái)自一個(gè)站點(diǎn)的當(dāng)前的運(yùn)動(dòng)比賽分?jǐn)?shù)疊加在來(lái)自與之相匹配的 Web 服務(wù)的運(yùn)動(dòng)事件的地圖之上。Web 2.0 站點(diǎn)的特點(diǎn)之一就是它們?cè)噲D充當(dāng)類似美聯(lián)社或路透社的角色,旨在為其他網(wǎng)站或信息服務(wù)商提供信息來(lái)源。
這種新風(fēng)格的一個(gè)典型例子就是 Doggdot.us,這個(gè)網(wǎng)站以前叫做 diggdot.us(在 digg.com 的律師對(duì)其提出警告,要求不得使用含有“digg”名稱后,改成了現(xiàn)在這個(gè)名字)。doggdot 是一種 mashup,其 Web 提要來(lái)自于 digg.com、Slashdot 和 del.icio.us 的“熱點(diǎn)”標(biāo)記,doggdot 的創(chuàng)立是由于它的開(kāi)發(fā)人員青睞這三家網(wǎng)站的信息資源,但卻厭倦了疲于應(yīng)對(duì)在站點(diǎn)間復(fù)制那些新聞故事。 digglicious.com 則錦上添花,它是 digg.com 和 del.icio.us 上新聞故事的實(shí)時(shí)體現(xiàn),可在不需要瀏覽器更新的情況下在動(dòng)態(tài)顯示中呈現(xiàn)用戶的動(dòng)作。此外,它還通過(guò)其自身的綜合評(píng)分系統(tǒng)提供了“what's hot”提要。
當(dāng)提到聚合網(wǎng)絡(luò)新聞報(bào)紙站點(diǎn)時(shí),我們必須要提到的一個(gè)典型例子是 popurls.com。該網(wǎng)站提供 15 個(gè)不同新聞媒體網(wǎng)站上現(xiàn)在最流行的的熱點(diǎn)文字、圖片、聲音及視頻的鏈接。這個(gè)網(wǎng)站也證明,要與社會(huì) Web 站點(diǎn)向眾人開(kāi)放的信息量保持一致并非易事。當(dāng)每個(gè)人、每個(gè)公司都可以提供廣播服務(wù)時(shí),電視廣播就會(huì)變得異常擁擠,但 mashup 卻仍是源自這種新風(fēng)格的靈活性的重要部分,它的存在至少可以讓您能按照自已的喜好來(lái)管理寵雜的網(wǎng)上信息。
控制新聞的使用
與 del.icio.us 相比,digg.com 和 Reddit 更側(cè)重于自己的頁(yè)面設(shè)計(jì),但用戶仍可對(duì)其站點(diǎn)進(jìn)行定制和控制。您所要做的就是對(duì)界面稍做處理。也許您不喜歡它的視覺(jué)設(shè)計(jì),也許您想增強(qiáng)它功能的某一方面。可用于對(duì)網(wǎng)站體驗(yàn)稍做處理的一種為人熟知的工具是針對(duì) Firefox的 Greasemonkey擴(kuò)展。 Greasemonkey允許為特定的 Web 站點(diǎn)安裝腳本,每當(dāng)加載該站點(diǎn)時(shí),都會(huì)調(diào)用這些腳本。由于腳本用 JavaScript 編寫,因此您對(duì)表示的所有方面都能進(jìn)行大量的控制。
Reddit 腳本編寫
有些人喜歡 Reddit 顯示關(guān)于新聞故事的評(píng)論時(shí)所采用的模式,因?yàn)樗C合考慮了新聞故事評(píng)定的方法及其時(shí)間順序這兩個(gè)要素。但另一方面,喜歡討論的人往往在 Reddit 上比在 digg.com 或 Slashdot 上更文明些,但他們也發(fā)現(xiàn)怪異的評(píng)論顯示順序會(huì)使對(duì)評(píng)論思路的跟蹤變得有些棘手。Mike Purvis 曾創(chuàng)建過(guò)一個(gè) Greasemonkey腳本,叫 Reddit Highlighter,它的貢獻(xiàn)就是使用戶跟蹤自己曾做過(guò)貢獻(xiàn)的那些對(duì)話變得更為容易。也許在 Reddit 對(duì)話中,您還會(huì)遇到那些偶然到訪的用戶,而這些用戶往往會(huì)制造很多麻煩。這時(shí)您可以使用 RedditKillfile(一種 Greasemonkey腳本)創(chuàng)建希望從瀏覽器視圖中隱藏其評(píng)論的那些 Reddit 用戶的“killfile”。最后,由于鍵盤更適合用來(lái)在用戶界面中導(dǎo)航,所以您可以運(yùn)行 Paul Duncan 編寫的 Greasemonkey腳本來(lái)在 Reddit 或 digg.com 內(nèi)增加對(duì)導(dǎo)航訪問(wèn)鍵(NAK)的支持。
Greasemonkey腳本分析
為了顯示定制像 Digg 或 Reddit 這樣的 Web 站點(diǎn)是多么容易,我在清單 1 中給出了 Reddit Highlighter 腳本的一部分:

// ==UserScript==
// @name Highlight My Comments (partial)
// @namespace http://uwmike.com
// @description Highlights comments by the current user on Reddit
// @include http://reddit.com/info/*
// @include http://*.reddit.com/info/*
// @include http://reddit.com/user/*
// @include http://*.reddit.com/user/*
// ==/UserScript==
//From: http://uwmike.com/articles/2006/08/16/reddit-greasemonkey/
var userURL, allLinks, thisURL;
userURL = document.getElementById('topbar').getElementsByTagName('a')[0].href;
allLinks = document.getElementById('main').getElementsByTagName('a')
thisURL = String(window.location);
if (thisURL.indexOf('reddit.com/user'))
{
// user page
for (var i = 0; i < allLinks.length; i++) {
if (allLinks[i].innerHTML == 'permalink')
{
var newLink = document.createElement('a');
newLink.innerHTML = 'context';
urlParts = String(allLinks[i].href).split('/');
last = urlParts.pop();
newLink.href = urlParts.join('/') + '#' + last;
newLink.className = 'bylink';
allLinks[i].parentNode.appendChild(newLink);
}
}
}
it知識(shí)庫(kù):了解 digg.com 和 Reddit 這兩個(gè) Slashdot 的后繼者,轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。