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://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