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 試算表製作更有邏輯的時間軸、懶人包

留言

  1. 請問可以在完成時間軸第一稿後,作修訂或添加事件嗎?

    回覆刪除
    回覆
    1. 「發佈到網路... 」的時候,最底下的選項有個「automatically republish when changes are made」打勾,在 google spreadsheet 的修改就會自動更新到 storyliner 了 :D 更新可能會有幾秒的延遲,如果一直沒更新,可以開無痕視窗確認是不是被瀏覽器 cache 卡住,如果無痕視窗裡的是新版,那就是有更新~原本視窗裡的過一陣子 cache 重抓後也會更新 :3

      刪除
    2. 感謝開發者來回答,我是有打勾的。有可能是要等一陣子 cache 重抓

      刪除
    3. quote_content
      有多段內容想呈現該怎麼設定? 目前用enter+alt 文字會跑到日期去

      刪除
    4. quote_content 的多段內容目前有兩種作法,一種是直接在同一個格子內用半形分號 ; 把不同段落隔開,第二種是可以在底下新增一列,只要該列的 date 欄留空,就會自合併到上一列的資料中

      刪除
    5. update: 有網友反應用 ; 分隔會導致正常有 ; 內容的句子被斷行,因此剛才把 ; 當作分隔符的功能拿掉了,改用 google spreadsheet 的儲存格內換行當分隔符(按 ctrl + enter 即可在同一儲存格內換行)

      刪除
  2. 可以註冊嗎? 方便管理自己創作的時間表

    回覆刪除
    回覆
    1. 沒有耶,應該就是用自己的 Google 試算表來管理(關閉試算表發布,原本的時間軸就會失效)

      刪除
  3. 請問一定要照範本給的標題去打事件嗎?
    自己整理出來的年代順序 、人物、事件 好像不能作成時間軸 是嗎

    回覆刪除
  4. 時間軸上的日期,只能用西元年嗎?
    我在想的是做台灣歷史的部分,有沒有辦法同步顯示出清曆年或者是日本年號

    回覆刪除
  5. 想請問一下,按"提交"之後,圖表會出現在哪裡呢?

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

Google Maps 我的地圖完全教學!規劃自助旅行攻略

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

Google 表單自動關閉回覆教學:時間人數到達就過期

為什麼大家愛用 Trello ?最佳整理教學讓事情井然有序

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

Google 表單的 10 個專業問卷調查設計秘密教學