使用 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.com/
2、開始製作 Make a Timeline

3、依照步驟一步一步往下做
    3-1 Get a spreadsheet template：只有一個按鈕，勇敢點下去

    3-2 使用此範本：還是只有一個按鈕，勇敢點下去

    3-3 把事件和相關的起迄時間，和相關內容輸入到表格中(可以細到秒)

    3-4 發佈

    3-5 發佈文件之後連結用的網址要複製起來，記得細項設定可以把自動更新選項打開

    3-6 把剛才的網址提供給 TimelineJS，再調整一下細項內容

    3-7 結果，把時間表嵌到網頁中，或是提供時間表的網址

    3-8 看一下結果是不是自已要的

收工！