使用 Timeline JS 製作動態多媒體時間表
這次要介紹的工具,是用來製作 Timeline(時間表)的工具:TimelineJS,這個工具是 opensource 目前開發到第3版了,透過工作表(google document spreadsheet),直覺的欄位設計,在填完資料後即可透過 TimelineJS 的網路介面輸出時間表。 一些考量: 在比較過很多製作時間表的應用程式後發現,時間的管理和呈現工具很多是歪國人做的,而 Timeline 大多是管理到日的層級,如果要到 時(分、秒)層級 的話,多是用 Schedule 了,但是 Schedule 的視覺呈現,又會被分割在一週的7天中呈現,所以,如果你要呈現的時間表內容細到時以下的時間表,選擇就會變少。 另外,很多簡易的時間表可以呈現事件(event)的先後順序,但是無法 呈現事件之間時間的間距 ,而將不同的事件等距排列。 舉例來說,某大廠的文書套裝軟體就有免費的入門款時間表套件,輸出結果看起來很可口,實地安裝就很麻煩了,要先裝 sp3 ,再裝套件,然後好不容易到了資料編輯的時侯,發現免費版不支援自家的工作表,操作介面似乎也是對專案管理工具的整合比較好,因為沒錢買專案管理工具,所以要用時間表套件內建的介面,一個事件一個事件重新輸入,一直到這時侯才發現,這套件的起迄時間格式,只支援到日的層級,浪費超多時間,一整個_(*&^%$%^&*()_+_)(*&^%^&*()_+! 經過一番波折,由於 TimelineJS 具備整合網路資源及網路多媒體及的特性,非常適合網站提供 動態網頁 時間表與使用者 互動 ,雖然製作過程中,時間表網站的操作介面沒有中文,但是時間表的相關訊息支援中文內容,而設定中文語系的參數後,時間表本身也會呈現中文的日期。 靜態展示要用的時間表,可以考慮單機的 timeline(http://thetimelineproj.sourceforge.net/),堪用,使用上比較沒有那麼直覺,不在本文的探討範圍。 工作環境: google spreadsheet:google 帳號,啟用 google 文件功能 時間表的事件資料乙份 方法: 首先,你必需有 google 帳號,而且開啟 google 文件的功能 1、到官網 https://timeline.knightlab....