【Inside】時間軸網站大集合與網頁製作元件|數位時代 BusinessNext

（圖為 Timekiwi 網站的使用者個人頁面，可以將 Facebook、Twitter、Instagram 等服務上的訊息整合在同一個時間軸上）

如果有在使用 facebook 的朋友，最近應該已經漸漸開始有機會使用到新版的時間軸介面了，儘管網友對於時間軸的介面褒貶不一，但實際來看，時間軸的瀏覽介面有幾個好處：

迅速看到~~男朋友與前女友多年前的親密對話與照片~~你與朋友的美好回憶
迅速認識一位新的朋友~~在過去五年分享過的訊息並挖出他做過的蠢事在下次碰面製造話題~~
看起來比較厲害，尤其使用者可以選擇性的放大某些訊息
時間軸瀏覽介面可以方便的讓你新增過去發生過的人生大事

其實時間軸介面不是創舉，以國人愛用的服務 Plurk 噗浪來說，很早就有橫向捲軸的時間軸頁面了。

（圖為已經關閉的 Nifty Timeline）

日本前 25 大、全球前 300 大的入口網站 Nifty 在幾年前也有很棒的時間軸服務，使用者可以在線上建立各式各樣的時間軸表格，例如幫政治人物寫編年史、把自己交過的女朋友都放到時間軸上，不過後來或許是因為 Nifty 找不到獲利模式，或是使用率太低，目前這個服務已經GG了，唯一能看到的剩下網站的線上說明頁面。

（有讀者表示 GG 是宅男用語，我特別說明一下，GG 是線上遊戲玩家用來表示「這場打得真好！」，也就是「Good game!」的縮寫，有點類似 good job，後來反正不管是贏是輸，總之快結束了就可以喊 GG 了，也有玩家表示，GG 是 “Good bye, Garbage” 的縮寫）

扯遠了，其實目前還有很多與時間軸有關的網站，讓我來一一介紹這幾個網站與相關的開發資源，或許你也可以開發出一個不錯的時間軸應用，記得要上來 Inside 分享一下呀～ :p

TimeKiwi

（圖為我的 Twitter + Instagram 串在一起之後的時間軸）

TimeKiwi 是最近幾天才推出的新服務，很顯然的是在向 Facebook 致敬，使用者除了可以將 facebook 上的訊息呈現在 Timekiwi 之外，還可以將 Twitter、Instagram、Tumblr、Flickr、Foursquare 等當紅網站的資料拉進來一併在同一個時間軸呈現，我個人認為這個概念挺不錯的，早期的 FriendFeed 提供的功能就是單一介面整合來自多個服務的訊息，現在光是加個時間軸，好像就是另外一個不錯的服務了。（微創新，Micro innovation）

Google Timeline

Google Timeline 不是一個服務，而是 Google 公司簡介的其中一個頁面，網頁上以橫向時間軸的方式呈現了 Google 公司從創辦以來的關鍵里程碑。點擊畫面上的連結會出現的則是事件的簡介，這算是相當陽春的時間軸應用。

Preceden

Preceden的時間軸功能看起來是相對單純的，做起來其實很像一般的甘特圖，而且看起來簡簡單單的功能，居然是要收費的（儘管看起來不貴）。

TimeToast

TimeToast 的服務看起來稍微炫一點，除了依時間序列呈現資料之外，直接就可以看到各個時間點的資訊內容，可惜的是時間軸的繪製使用的是 Flash 的技術，在這個 HTML5 當道的年代，~~要趕快跟著用，免得被人家發現我們不懂~~加上越來越多人使用行動裝置瀏覽網站，已經宣稱不繼續發展的行動版 Flash 勢必會逐漸式微，這是網站經營者必須面對的議題。

（圖：看起來似乎有學生利用 TimeToast 做了台灣貿易史的 Timeline）

Tiki-Toki

Tiki-Toki的時間軸看起來很炫，製作出來的時間軸圖表不僅可以包含多媒體的內容，還能自定樣式、背景圖片，如果好好設計肯定可以做出很棒的時間軸圖表。

此外，Tiki-Toki 的時間軸是以 HTML5 技術製作的，因此使用者不需要額外安裝軟體，只要有支援 HTML5 即可瀏覽（當然，HTML5 目前還是個尚未定案的標準 :p），換句話說你也可以很輕易的嵌入自己的網站，不需要強迫你的使用者裝 Flash 當閃電俠。

dipity

dipity目前首頁的時間軸是剛過世不久的蘋果電腦創辦人 Steve Jobs 的生平年表。

Timeline Reader of Associated Press（美國聯合通訊社）

Timeline Reader是美國聯合通訊社的實驗室產品，利用時間軸介面讓使用者瀏覽、閱讀新聞。

Hiiir 好時光

Hiiir 好時光，這是國人自製的時間軸部落格外掛，早期是用來讓部落客、網站經營者可以利用他們提供的時間軸外掛來呈現網站上的文章、資料，並且將時間軸外掛作為廣告嵌入的工具，協助網站創造另一種獲利的可能。

SIMILE Widgets: Timeline

SIMILI Widgets相當特別，這是由麻省理工學院（MIT）某個實驗室的專案計畫獨立出來的一個開放原始碼專案，提供了幾個網站開發人員可能有機會用到的資料視覺化元件。其中我覺得 Timeline 是最棒的（其他的應該都有更好的替代品）

其他開發資源

jQuery Timelinr 網頁上的 demo 效果不錯，不過這看起來比較適合拿來接案XD
Pure CSS Timeline 很不錯的一個範例，單純利用 CSS 的技巧將列表（也就是 HTML 中的 li 標籤）以時間軸的方式呈現。
TimeGlider 本身是一個製作時間軸圖表的網站，同時也提供了一個 jQuery 的外掛：(timeglider.js)[http://timeglider.com/jquery/]

Evolution of Web（網際網路的演變）

最後再補充一個時間軸圖表的運用，Evolution of Web不是讓網友製作時間軸圖表的工具，而是以時間軸來呈現 HTTP 通訊協定、Web 與各家主流瀏覽器自 1990 年以來的演進。當然，這個網站是利用 HTML5 技術製作的。

出自Inside部落格

從企業、政府的遠距會議，到國境通關與高度精準的手術現場，視訊鏡頭、麥克風影像擷取設備在各行各業中無所不在，一場隱形的資安革命也悄然發生。隨著全球地緣政治升溫，供應鏈去風險化浪潮席捲，加上資安事件頻傳，影音設備已不再是單純的硬體周邊，而是接入企業核心網路的通道，任何漏洞都可能成為企業或國家級的資安破口。

這也讓企業和政府採購思維產生根本性轉變，如今不再一味追求便宜，而是要兼具信任、品質與高資安，台灣影音直播設備龍頭圓剛科技，便以 MIT 研發製造，築起乾淨透明的供應鏈高牆，更以「三個 100%」的高品質承諾，成為企業、政府最安全的影音設備後盾。

不打價格戰，以三個 100% 建立透明供應鏈

這股從「價格」走向「信任」的市場轉變，圓剛科技全球品牌行銷處處長蔡柏輝非常有感。他透露，過去企業與政府採購影音設備時，往往以 CP 值為優先考量，以前第一句話問︰「鏡頭解析度多高？價格多便宜？」，現在卻問︰「這台設備的韌體是哪裡寫的？晶片來源乾淨嗎？會不會有資安後門？」「現在採購完全不一樣了，他們更重視產品的信任感和高資安，還有供應鏈是否絕對穩定。」

外界對圓剛的印象，或許還停留在直播主螢幕後、在台灣搶下超過九成市占的影像擷取設備，但事實上，圓剛深厚的影音技術早已延伸至政府、國防、金融、醫療與高科技等產業中。面對市場上的低價競爭，圓剛不打價格戰，而是以「百分百 MIT 研發製造」、「高品質」與「高資安」為訴求，為無數對安全極度敏感的企業與機構，打造可信賴且極致穩定的影音解決方案。

蔡柏輝表示，圓剛堅守「三個 100%」：100% 研發透明、100% 供應鏈可追溯、100% 嚴格品質把關。市面上九成影音品牌都是貼牌採購，但圓剛成立 36 年來，始終堅持在台灣進行產品研發與製造，從來源就建立更透明、更可控的管理機制，嚴格篩選非紅供應鏈，從源頭杜絕潛在的資安後門風險，成為客戶最安心的「台灣優選」品牌。

圓剛不僅擁有自己的研發團隊，也建立自主驗證實驗室，產品出廠前必須經過長時間的散熱與壓力測試、靜電防護、電磁相容性驗證等，以車規與工業級標準打磨每一台設備，消除瞬間黑屏或當機風險，確保設備在會議室、指揮中心、教育場域及政府機關等多種環境中，都能長時間穩定運作。

當市場出現新的資安漏洞或作業系統更新帶來的相容性問題，圓剛也能迅速回應，在最短時間內完成韌體修補、測試並推播更新，把客戶的維護成本降到最低。正因為對產品穩定度有著絕對信心，圓剛針對政府及產業應用相關產品，提供最高五年的品質保固保障，這更是其他貼牌廠商完全無法提供的承諾。

工業級高品質表現，滿足企業多元場景需求

正是這份堅持，讓圓剛的影音設備能在眾多要求高資安、高品質的專業場域落地。以國境安全為例，民眾在邊境通關的臉部辨識系統，就是採用圓剛高畫質 4K 視訊鏡頭(PW515)，可精準自動對焦，大幅降低光線干擾，提升臉部辨識成功率與通關效率。在查驗包裹與貨物的 X 光機上，也採用圓剛的影像擷取卡(GC571)，以零延遲、無壓縮的高清細節，提供最真實的影像，成為邊境防毒防私的第一線眼睛。

在國防單位和國家科研機構中，不論是遠距視訊會議，或是戰情傳遞，不少重要會議導入圓剛的視訊鏡頭和智慧降噪會議揚聲器(AS315)，避免因藍牙等無線傳輸，在半路被攔截資訊封包，同時滿足通訊清晰、不中斷的需求。

在高階醫療場域，圓剛展現了對影像細節的極致要求。以微血管超音波為例，由於臨床判讀極度依賴影像還原度，些微的色偏或失真都可能影響醫師診斷。圓剛專業級影像擷取器(GC535)透過 4K 解析度與 RGB24 無損色彩還原技術，能將最原始、無壓縮、不偏色的精細畫面傳輸至系統，協助醫師進行精準判讀。考量到醫療設備需長期高強度運作，全機以金屬工藝打造，可高效散熱，確保在任何嚴苛環境下都能運作穩定。

在金融領域，圓剛的 4K 視訊鏡頭也用於銀行的自動開戶機台，滿足金融業嚴苛的遠端身分驗證與銀行級資安防護。而台灣 IC 設計大廠和車用導航大廠，在研發階段檢測 HDMI 影像訊號時，也採用圓剛的擷取設備，進行無壓縮的影像採集，確保出廠時產品品質毫釐不差。

持續深化影音技術，打造極致安全順暢體驗

從合規晶片、台灣製造到硬體無隱藏連網模組，圓剛一層層打造嚴密的資安屏障，「圓剛不只是賣視訊設備的硬體廠商，更是國家級與垂直產業中，最值得信賴的影音安全防線，」蔡柏輝說。

未來這個防護網也將持續進化，讓設備變聰明，但資料不出門。過去要做到智慧降噪、自動對焦追蹤或多畫面切換，常需依賴外部軟體或雲端運算，這對資安敏感的企業來說是極大隱患。未來圓剛的商用擷取卡與視訊鏡頭，將直接在硬體本機上完成所有影像與音訊的智慧處理，無論是消除會議室外的雜音，或是廠務檢測設備時瞬間抓取細節，所有運算都在設備內一秒搞定，蔡柏輝強調︰「一個封包、一張畫面都不需上雲端，這才是政府、企業、金融與國防真正敢用的智慧影音。」

針對現代企業裡的複雜運作環境，可能同時存在不同的作業系統與各類專用機台，圓剛也將持續以「隨插即用」(Plug-and-Play)與極致相容性為核心，讓設備無縫對接產業既有的會議軟體、醫療儀器、銀行櫃員機或軍警戰情室。客戶不需打掉重練，就能輕鬆獲得國家級的影音傳輸品質與資安防護，成為企業各種設備的萬能影音樞紐。

蔡柏輝堅定地說︰「圓剛未來目標非常明確：『讓商用影音導入變得極致順暢，讓資安防護做得滴水不漏。』」當數位轉型邁入資安至上的全新紀元，圓剛將持續以「MIT 信任」、「高資安」、「高品質」三大防護，做全球企業最值得信賴的影音後盾。