比歷尺

History’s Scale

動機:歷史上有許多看似偶然而無關的事件,淹沒在時間的洪流裡,但當我們串連起蛛絲馬跡,就能發現隱含在其中的前因後果,帶給我們全新的觀點,而非扁平單一的事件本身。因此,我們希望藉由這個專案,讓使用者能夠透過這個介面,輸入兩個關鍵字,比較兩個在同一時空中的不同事件。

Core:

呈現頁面

(1) 首頁

鍵入兩個關鍵字,按下輸入即可比較。A v.s. B

(2) Timeline Comparison

利用 Timeline.js 的介面,透過Tag的功能呈現兩個關鍵字的不同的時間軸,內有影音圖檔文字。

可以的話,加入Comment, Like, Dislike的功能

概念圖

頁面下方為兩個時間軸,上方為影音圖檔文字。

http://10.42.92.70:8080/checkout.html

github link: https://github.com/chc170/twangry

資料來源:

政誌 http://fact.g0v.tw/

中研院歷史上的今天 http://twstudy.iis.sinica.edu.tw/twht/

Wikipedia

目前相關專案

政誌

11/22討論

以連勝文及柯文哲做為Demo

相關連結:

臺灣歷史圖像網路資源 https://sites.google.com/site/isformosa/

台灣歷史文化地圖 http://thcts.ascc.net/kernel_ch.htm

台灣歷史文化地圖 http://thcts.ascc.net/view.php

台灣人權地圖: https://www.google.com/maps/d/u/0/viewer?msa=0&mid=zUHpNX1IvNdA.kOJWSdr0g4gk

Mockup

https://www.lucidchart.com/documents/edit/3a0538f2-d3d1-419f-802c-ab97819950f6/0

--------Web Programming Tools----------

Mapbox library: https://www.mapbox.com/mapbox.js/example/v1.0.0/timeline-scaled-markers/

Leaflet library: https://www.mapbox.com/mapbox.js/example/v1.0.0/leaflet-markercluster/

Neatline(php): http://hotchkiss.neatline.org/neatline-exhibits/show/battle-of-chancellorsville/fullscreen

Google Timemap : https://code.google.com/p/timemap/

Timemapper: http://timemap.kuansim.com/

timeline with bootstrap http://blog.templatemonster.com/2014/04/23/tutorial-build-vertical-timeline-archives-page-using-bootstrap/

timeline http://codepen.io/munkhbayar/pen/Boqzc

台灣史年表

http://cm.jmjh.tnc.edu.tw/~rainbow/taiwanhistory.htm

228

http://228.taipei.gov.tw/ct.asp?xItem=1938462&ctNode=41711&mp=11900A

維基台灣歷史年表:

http://zh.wikipedia.org/wiki/%E5%8F%B0%E7%81%A3%E6%AD%B7%E5%8F%B2%E5%B9%B4%E8%A1%A8

二二八事件年表:http://www.twcenter.org.tw/d01/d01_03/01.htm

Lucidchart: https://www.lucidchart.com/invitations/accept/2527b428-8639-4789-b318-d5273b858cc6

Wikipedia 連柯比較: https://docs.google.com/spreadsheets/d/1hA3qB8RwU5eHDc-HYPoFB2zDLfx3OHXyiWjX-YSOEuw/edit?usp=sharing

歷史上的今天 中研院資料庫 (-1996)http://twstudy.iis.sinica.edu.tw/twht/