Storyliner 一張 Google 試算表製作更有邏輯的時間軸、懶人包
我對「時間軸」的整理工具,一直頗有興趣。老師可以利用這樣的時間軸整理歷史年表,影迷可以利用時間軸整理電影故事發展史,並且不需要會寫程式碼,就能把精彩的時間軸分享到網路上,提供大家瀏覽。
之前在電腦玩物中,我介紹過「教學利器!我用「時間地圖」實作一個台灣文學家地圖 」、「免費開源時間軸製作 TimelineJS 視覺化歷史免程式碼」和「歷史老師必備 Tiki-Toki 免費製作美麗 3D 時間軸年表 」,都是目前還很好用的時間軸製作工具。
而上個禮拜,看到台灣開發者 ETBlue 發表了她開發的「 Storyliner 」,同樣是一個線上時間軸製作服務,只要利用「一張 Google 試算表」就能轉換,而且這個時間軸的表現方式很有特色,更能呈現與過濾出「人與事之間的邏輯」。
例如做出一份星際大戰年表,但可以單獨過濾出天行者路克在哪些時間點做了哪些重要行動?或是過濾出所有跟絕地武士有關的事件?
為了可以邏輯分析事件中的人事物關係,所以「 Storyliner 」特別做了各種「標籤結構化」的整理。也因為如此,我覺得很適合用來整理複雜的新聞事件、歷史年表、龐大故事。有興趣的朋友可以參考開發日誌:「成果發表:Storyliner——輕鬆替八卦事件製作互動式懶人包,以囧星人與聯合報願景工程的採訪爭議為例」。
「 Storyliner 」成果示範:
「 Storyliner 」的製作本身非常簡單,即使你不懂任何程式碼也可以操作,關鍵只需要整理出一份像下圖這樣的「 Google 試算表」,就能將試算表自動轉換成時間軸。
轉換成的時間軸如下,我喜歡左方的時間線可以快速跳轉到任何一個時間點,以及描述事件時對於「誰對誰做了什麼事情」有結構化的語法,還能夠引用參考資料,或是加上自己的筆記。
還有一個很棒的設計,點擊有顏色的某個人物標籤,就可以在時間軸中過濾出單獨這個人物相關的事件,這也是結構化的好處。
「 Storyliner 」操作流程:
要怎麼自己製作一個「 Storyliner 」的時間軸、懶人包呢?下面就來分享我測試後的流程心得。
首先來到「 Storyliner 」網站,在第一步中複製網站提供的「 Google Spreadsheet 」範本。你可以對照開發者提供的試算表範本,以及製作出來的「時間軸範例」,大概就能摸索出試算表如何填寫。
或者你可以複製我自己測試的「 Google 試算表範本」,並對照我製作出來的「美國隊長歷史時間軸範例」,多一點對照,或許更能掌握如何填寫的方法。
下面我來分享一下自己測試時,摸索出來的填寫心得。基本上「 Storyliner 」把描述事件的方式,結構化為「誰」「因為什麼事情」而「對誰」「採取了」「什麼行動」,這是他的表格邏輯。
- date:這就是時間軸的日期。
- subject:這個事件的主角。
- via、channel、content_carrier:因為什麼事情(可以看作背景描述)。
- action:這事件主角採取什麼行動。
- object:對什麼東西、人物採取行動。
- content_topic:發生什麼事。
- ref_title、ref_url:引用來源與連結。
- quote_content、quote_author:引用描述與作者。
- note:你自己的筆記。
製作好自己的懶人包、歷史年表表格後,打開左上方的「檔案」,選擇「發佈到網路」。
在發佈時,要記得選擇「逗點分隔值 csv 」,然後按下發佈,並複製產生的網址。
將產生的 Google 試算表發佈網址貼回「 Storyliner 」網站的輸入欄,按下「 Submit 」。
這樣你就能獲得像是「美國隊長歷史時間軸」這個範例的年表囉!
當然,要整理出懶人包、歷史年表的邏輯,本身是一件要花工夫的事情,但只要整理好表格,那麼利用「 Storyliner 」製作時間軸就會非常簡單。
而我喜歡「 Storyliner 」的設計,就在於它讓我們更有邏輯的去思考一個事件的人事物關係,能夠更清楚地描述一個複雜的時間線,甚至具備過濾特定人物的功能。
如果你是因為對 Google 試算表應用感興趣而來,那麼還可以參考:「用 Google 試算表製作背英文單字的記憶閃卡,超簡單範本下載」、「sheet2site 用 Google 試算表架出一個速成網站教學,免寫程式 」、「Google 試算表「錄製巨集」自動完成重複操作 [影片+圖文教學]」。
「 Storyliner 」網站
(歡迎社群分享。但全文轉載請來信詢問,禁止修改上述內文,禁止商業使用,並且必須註明來自電腦玩物原創作者 esor huang 異塵行者,及附上原文連結:Storyliner 一張 Google 試算表製作更有邏輯的時間軸、懶人包)
請問可以在完成時間軸第一稿後,作修訂或添加事件嗎?
回覆刪除我測試是要重新發佈
刪除「發佈到網路... 」的時候,最底下的選項有個「automatically republish when changes are made」打勾,在 google spreadsheet 的修改就會自動更新到 storyliner 了 :D 更新可能會有幾秒的延遲,如果一直沒更新,可以開無痕視窗確認是不是被瀏覽器 cache 卡住,如果無痕視窗裡的是新版,那就是有更新~原本視窗裡的過一陣子 cache 重抓後也會更新 :3
刪除感謝開發者來回答,我是有打勾的。有可能是要等一陣子 cache 重抓
刪除quote_content
刪除有多段內容想呈現該怎麼設定? 目前用enter+alt 文字會跑到日期去
quote_content 的多段內容目前有兩種作法,一種是直接在同一個格子內用半形分號 ; 把不同段落隔開,第二種是可以在底下新增一列,只要該列的 date 欄留空,就會自合併到上一列的資料中
刪除update: 有網友反應用 ; 分隔會導致正常有 ; 內容的句子被斷行,因此剛才把 ; 當作分隔符的功能拿掉了,改用 google spreadsheet 的儲存格內換行當分隔符(按 ctrl + enter 即可在同一儲存格內換行)
刪除可以註冊嗎? 方便管理自己創作的時間表
回覆刪除沒有耶,應該就是用自己的 Google 試算表來管理(關閉試算表發布,原本的時間軸就會失效)
刪除請問一定要照範本給的標題去打事件嗎?
回覆刪除自己整理出來的年代順序 、人物、事件 好像不能作成時間軸 是嗎
時間軸上的日期,只能用西元年嗎?
回覆刪除我在想的是做台灣歷史的部分,有沒有辦法同步顯示出清曆年或者是日本年號
想請問一下,按"提交"之後,圖表會出現在哪裡呢?
回覆刪除