社運地圖 Mapping Social Movements (web)
編輯歷史
| 時間 | 作者 | 版本 |
|---|---|---|
| 2016-12-12 05:37 – 07:24 | r1820 – r2578 | |
顯示 diff- *社運地圖 Mapping Social Movements 2016111
+ *社運地圖 Mapping Social Movements (web)
+ 介*
+
+
介紹
*挖坑人：Edward、重緯、Robin、林彧祥
*介紹：社會運動地圖除了呈現一場所曾發生的事件文本、提供旅人在城市中流浪時另一種認識城市的觀點外，也想在分享資訊資源的時代， 透過Facebook與Instagram等社群媒體中hashtag和geotag的抽取過濾，建立出零時差的抗爭資訊地圖。
- *
- 人才需求
- *文書
- *文獻與報導資料蒐集
- *寫手 (中文＆英文&more)
- *網頁工程
- *Database
- *Backend
- *Frontend
- *UIUX
- *視覺設計
- *mapping visual language design
- *web branding
- *營運計畫
概念
-
*a. 城市的公共空間作為所有族群與階級抗爭反動的場所，提供了普羅大眾的聲音與力量被看見、被傳遞，甚至改變世界的可能。然而在這些歷史事件與運動的文本中，我們時常忽略這些場所的重要性。我們希望透過此地圖提供另一種閱讀城市的方式，將地理空間與時間化作這些事件的索引，讓我們可以理解這些場所和活動如何促成我們當今所處的世界。
*b. 二十一世紀已然進入網路時代，從全球性的佔領華爾街、台灣的太陽花到最近的BLACK LIVES MATTER等運動中，我們發現網路社群的脈動與實體空間中的運動彼此依存、缺一不可的狀態。那麼我們該如何理解與再現這些網路上的活動？我們希望透過Geotag與Hashtag這兩種機制的過濾分類，自動mapping出群眾如何在城市中與網路社群中(Instagram和Facebook等) 參與或見證抗爭的分布與密度，讓在場與不在場的力量與聲音都可以在此地圖中被凝聚出來。
- 目標
- *
- *此專案在這次黑客松的目標是先以一到兩個事件或議題（一個跟台灣有關）作為這次操作的對象，將網頁基礎的結構、邏輯與視覺的語彙建立出來，讓它可以在未來不斷地補充資料，甚至可以建立像是Wikipedia一樣的機制開放給群眾提供或編輯內容 (?)。更進而期許它在未來的抗爭與運動中也可以有貢獻一些微薄之力的可能。
+ 161110進度
+ *網站介面完成50% https://github.com/MappingSocialMovements/MSM_Interface
+ *社群網站反應分析 https://github.com/MappingSocialMovements/MSM_Analytics
- 網站架構 （initial draft）
+ 161210進度
+ *決定將網站與手機兩種平台之定位加以區分開來：
+ *網站版本著重於即時社群動態之mapping、記錄與分析，以及使用者互動之可能，以時間與事件為瀏覽主軸
+ *手機版本之目標則是作為讓使用者得以認識抗爭歷史與記憶的城市導覽，以地點為瀏覽主軸
+ *Social Media Posts 的 pull limit 仍未解決，目前待探索之方向：
+ *Instagram Permission Review https://www.instagram.com/developer/review/
+ *上傳網站的流程影片，介紹網站之目地，Instagram將會決定是否給予權限。必須網站完成後才可提出申請
+ *GetOldTweets-python / GetOldTweets-java
+ *需要研究是否可以過濾有geolocation之方法
+ *https://gnip.com/ 等社群網站
+ *待詢問費率
+
+ *可能給予此專案Grant之機構：
+ *Resist.
+ *http://resist.org/grants/eligibility
+ *Open Society Foundations
+ *https://www.opensocietyfoundations.org/grants
+ *North Star Fund
+ *https://northstarfund.org/grants-programs/apply-for-a-grant/innovative-activism-grants/
+ *Ford Foundation
+ *https://www.fordfoundation.org/campaigns/grantmaking-glossary/
+ *Mozilla
+ *https://www.mozilla.org/en-US/grants/
*
+ 聯絡我們
+ *E-Mail: cl@clas.com (Chung-Wei Lee)
+ *GitHub: https://github.com/MappingSocialMovements
+
+ 網站demo（161110 draft）
*a.根據GPS鎖定地圖位置
*b.時間軸可選擇要Mapping在頁面上的時間範圍*
- *
- *
*
- *c
*c.抗爭主題選單，如Occupy Wall Street / Black Lives Matter / UN for Taiwan...等 (分類方式待討論)
*d.事件的範圍與路線mapping，從黃到紅為不同類型的抗爭，從march到demonstration、occupy與riot等*
- *
*
+ *e.白色物件點開後跳出不同角度的敘事，如我們撰寫的介紹、論述、新聞、網路直播與影片等 *
*
+ *f. 除事件範圍路線的mapping外，加入另一層social media activities的mapping，從instagram、facebook、twitter透過特定活動相關的tag，擷取出有打卡的Public Post並mapping在地圖上，每個點代表一個post，點開後可以看到內容與連結 *目前在只有Twitter的資料搜尋API較為accesible的情況下以Twitter為主*
*
+ *g. 其他功能可以再進化如即時事件的mapping、手機探索模式、使用者回報與提供資訊、多種語言內容等
+ Other Untapped Data Sources
+ *http://digital-activism.org/resources/open-access-activism-data-sets/
+ 參考網站
+ *https://www.mapbox.com/gallery/ Mapbox Gallery
+ *https://www.mapd.com/demos/tweetmap/ Tweet Map
+ *http://maps.clb.org.hk/strikes/en 中國勞工通訊 Strike Map
+ *http://gazaplatform.amnesty.org/ Gaza Platform : 2014年加薩走廊轟炸互動地圖
+ *http://isis.liveuamap.com/ Liveuamap : 從烏克蘭邊界、ISIS領地到各種事件的新聞地圖
+ *http://johnbeieler.org/blog/2013/07/31/animated-protest-mapping/ Animated Protest Mapping 1979至今的抗爭地圖跑馬燈
+ *https://tree-map.nycgovparks.org/ NYC Tree Map
- *e.白色物件點開後跳出不同角度的敘事，如我們撰寫的介紹、論述、新聞、網路直播與影片等 *
- *
- *
- *
+ 參考文獻
+ *Bruce Kayton, https://www.amazon.com/Radical-Walking-Tours-York-City/dp/1583225544
+ *Jonathan Massey & Brett Snyder, Occupying Wall Street: Places and Spaces of Political Action
+ *Joanna Merwood-Salisbury, Patriotism and Protest: Union Square as Public Space, 1832--1932
+ *whOWNSpace
+ *David Harvey, The Right to the City
+ *Henri Lefebvre, The Production of Space, trans. Donald Nicholson-. Smith (Oxford: Blackwell, 1991)
*
- *f. 除事件範圍路線的mapping外，加入另一層social media activities的mapping，從instagram、facebook、twitter透過特定活動相關的tag，擷取出有打卡的Public Post並mapping在地圖上，每個點代表一個post，點開後可以看到內容與連結 *目前在只有Twitter的資料搜尋API較為accesible的情況下以Twitter為主*
- *
- *
- *
- *g. 其他功能可以再進化如即時事件的mapping、手機探索模式、使用者回報與提供資訊、多種語言內容等
- 工具
+ Link to text -
+ Wall Street Tour
+
+
+
+ -------------以下為ARCHIVE--------------
+
+ 161110 工具
*https://www.mapbox.com/ 現有的地圖網建置頁平台，也許可以節省一些力氣(?)，可以customize地圖的風格（上面的頁面地圖底圖是我用Mapbox Studio調出來的)，也有Developer API可以做Geocoding、Dynamic Visualization等等，待研究。如果是public web page加上來訪者一個月少於50,000人的話免費
- 內容、資料來源
+ 161110 內容、資料來源
我們用了兩大類方法來找有 Geocode 也有時間的資料
（2 行未修改）
*Social Media Post (Twitter 跟 Instagram)
- TWITTER API
+ 161110 TWITTER API
GetOldTweets-python
GetOldTweets-java
- MAPBOX TUTORIAL
+ 161110 MAPBOX TUTORIAL
Developer Tool https://www.mapbox.com/developers/
Colored Dots Visualization https://www.mapbox.com/mapbox-gl-js/example/data-driven-circle-colors/
（5 行未修改）
Center the map by click at sth https://www.mapbox.com/mapbox-gl-js/example/center-on-symbol/
- 分工項目
+ 161110 人才需求
+ *文書
+ *文獻與報導資料蒐集
+ *寫手 (中文＆英文&more)
+ *網頁工程
+ *Database
+ *Backend
+ *Frontend
+ *UIUX
+ *視覺設計
+ *mapping visual language design
+ *web branding
+ *營運計畫
+
+ 161110 分工項目
以下粗體為優先事項
Web Develope
（14 行未修改）
*Strategy
*Marketing
-
- Other Untapped Data Sources
- *http://digital-activism.org/resources/open-access-activism-data-sets/
- *https://www.instagram.com/developer/review/
-
- 參考網站
-
- *https://www.mapbox.com/gallery/ Mapbox Gallery
- *https://www.mapd.com/demos/tweetmap/ Tweet Map
- *http://maps.clb.org.hk/strikes/en 中國勞工通訊 Strike Map
- *http://gazaplatform.amnesty.org/ Gaza Platform : 2014年加薩走廊轟炸互動地圖
- *http://isis.liveuamap.com/ Liveuamap : 從烏克蘭邊界、ISIS領地到各種事件的新聞地圖
- *http://johnbeieler.org/blog/2013/07/31/animated-protest-mapping/ Animated Protest Mapping 1979至今的抗爭地圖跑馬燈
- *https://tree-map.nycgovparks.org/ NYC Tree Map
-
- 參考文獻
-
- *Bruce Kayton, https://www.amazon.com/Radical-Walking-Tours-York-City/dp/1583225544
- *Jonathan Massey & Brett Snyder, Occupying Wall Street: Places and Spaces of Political Action
- *Joanna Merwood-Salisbury, Patriotism and Protest: Union Square as Public Space, 1832--1932
- *whOWNSpace
- *David Harvey, The Right to the City
- *Henri Lefebvre, The Production of Space, trans. Donald Nicholson-. Smith (Oxford: Blackwell, 1991)
- *
-
-
- Link to text -
- Wall Street Tour
|
||
| 2016-12-10 19:25 – 19:27 | r1810 – r1819 | |
顯示 diff- *社運地圖 Mapping Social Movements （暫）
+ *社運地圖 Mapping Social Movements 2016111
介紹
（31 行未修改）
*
*
+ *c
*c.抗爭主題選單，如Occupy Wall Street / Black Lives Matter / UN for Taiwan...等 (分類方式待討論)
*d.事件的範圍與路線mapping，從黃到紅為不同類型的抗爭，從march到demonstration、occupy與riot等*
+ *
*
*
*
+
*e.白色物件點開後跳出不同角度的敘事，如我們撰寫的介紹、論述、新聞、網路直播與影片等 *
+ *
*
*
（1 行未修改）
*f. 除事件範圍路線的mapping外，加入另一層social media activities的mapping，從instagram、facebook、twitter透過特定活動相關的tag，擷取出有打卡的Public Post並mapping在地圖上，每個點代表一個post，點開後可以看到內容與連結 *目前在只有Twitter的資料搜尋API較為accesible的情況下以Twitter為主*
+ *
*
*
（16 行未修改）
MAPBOX TUTORIAL
Developer Tool https://www.mapbox.com/developers/
-
Colored Dots Visualization https://www.mapbox.com/mapbox-gl-js/example/data-driven-circle-colors/
Timeline Animation https://www.mapbox.com/mapbox-gl-js/example/timeline-animation/
（53 行未修改）
|
||
| 2016-12-10 19:25 – 19:25 | r1801 – r1809 | |
顯示 diff（120 行未修改）
*Henri Lefebvre, The Production of Space, trans. Donald Nicholson-. Smith (Oxford: Blackwell, 1991)
*
+
+
+ Link to text -
+ Wall Street Tour
|
||
| 2016-12-10 19:24 | r1800 | |
顯示 diff（31 行未修改）
*a.根據GPS鎖定地圖位置
*b.時間軸可選擇要Mapping在頁面上的時間範圍*
+ *
*
*
*c.抗爭主題選單，如Occupy Wall Street / Black Lives Matter / UN for Taiwan...等 (分類方式待討論)
*d.事件的範圍與路線mapping，從黃到紅為不同類型的抗爭，從march到demonstration、occupy與riot等*
+ *
*
*
+
*e.白色物件點開後跳出不同角度的敘事，如我們撰寫的介紹、論述、新聞、網路直播與影片等 *
+ *
*
*
*f. 除事件範圍路線的mapping外，加入另一層social media activities的mapping，從instagram、facebook、twitter透過特定活動相關的tag，擷取出有打卡的Public Post並mapping在地圖上，每個點代表一個post，點開後可以看到內容與連結 *目前在只有Twitter的資料搜尋API較為accesible的情況下以Twitter為主*
+ *
*
*g. 其他功能可以再進化如即時事件的mapping、手機探索模式、使用者回報與提供資訊、多種語言內容等
（69 行未修改）
|
||
| 2016-12-10 17:04 – 17:35 | r1770 – r1799 | |
顯示 diff（44 行未修改）
*f. 除事件範圍路線的mapping外，加入另一層social media activities的mapping，從instagram、facebook、twitter透過特定活動相關的tag，擷取出有打卡的Public Post並mapping在地圖上，每個點代表一個post，點開後可以看到內容與連結 *目前在只有Twitter的資料搜尋API較為accesible的情況下以Twitter為主*
- *
*
*g. 其他功能可以再進化如即時事件的mapping、手機探索模式、使用者回報與提供資訊、多種語言內容等
（52 行未修改）
*https://www.mapbox.com/gallery/ Mapbox Gallery
*https://www.mapd.com/demos/tweetmap/ Tweet Map
+ *http://maps.clb.org.hk/strikes/en 中國勞工通訊 Strike Map
*http://gazaplatform.amnesty.org/ Gaza Platform : 2014年加薩走廊轟炸互動地圖
*http://isis.liveuamap.com/ Liveuamap : 從烏克蘭邊界、ISIS領地到各種事件的新聞地圖
（3 行未修改）
參考文獻
+ *Bruce Kayton, https://www.amazon.com/Radical-Walking-Tours-York-City/dp/1583225544
*Jonathan Massey & Brett Snyder, Occupying Wall Street: Places and Spaces of Political Action
*Joanna Merwood-Salisbury, Patriotism and Protest: Union Square as Public Space, 1832--1932
（4 行未修改）
|
||
| 2016-12-08 05:27 – 05:28 | r1758 – r1769 | |
顯示 diff（95 行未修改）
Other Untapped Data Sources
*http://digital-activism.org/resources/open-access-activism-data-sets/
- *
+ *https://www.instagram.com/developer/review/
參考網站
（16 行未修改）
|
||
| 2016-11-16 14:18 – 14:28 | r1690 – r1757 | |
顯示 diff（50 行未修改）
工具
*https://www.mapbox.com/ 現有的地圖網建置頁平台，也許可以節省一些力氣(?)，可以customize地圖的風格（上面的頁面地圖底圖是我用Mapbox Studio調出來的)，也有Developer API可以做Geocoding、Dynamic Visualization等等，待研究。如果是public web page加上來訪者一個月少於50,000人的話免費
- *
+
+ 內容、資料來源
+
+ 我們用了兩大類方法來找有 Geocode 也有時間的資料
+ *新聞報導、整理報導
+ *整理好的資料庫 https://docs.google.com/spreadsheets/d/1k3v4ZgSsKN_kNarQh4ViHB8Yt6wuLqZVveUsXtqM6OY/edit#gid=901063945
+ *Social Media Post (Twitter 跟 Instagram)
TWITTER API
（32 行未修改）
*Marketing
- Data Sources
+ Other Untapped Data Sources
*http://digital-activism.org/resources/open-access-activism-data-sets/
*
（18 行未修改）
|
||
| 2016-11-05 19:07 – 19:07 | r1680 – r1689 | |
顯示 diff（87 行未修改）
*Marketing
+ Data Sources
+ *http://digital-activism.org/resources/open-access-activism-data-sets/
+ *
參考網站
（16 行未修改）
|
||
| 2016-11-05 02:13 – 02:47 | r1309 – r1679 | |
顯示 diff（8 行未修改）
*文獻與報導資料蒐集
*寫手 (中文＆英文&more)
- *網頁工程 (請補完
+ *網頁工程
*Database
*Backend
（5 行未修改）
*營運計畫
-
-
概念
（7 行未修改）
網站架構 （initial draft）
*
- *a.抗爭主題選單，如Occupy Wall Street / Black Lives Matter / UN for Taiwan...等 (分類方式待討論)
- *b.時間軸可選擇要Mapping在頁面上的時間範圍，也可以依時間順序播放呈現(?)
+ *a.根據GPS鎖定地圖位置
+ *b.時間軸可選擇要Mapping在頁面上的時間範圍*
*
-
-
*
- *c.事件的範圍與路線mapping，可用不同顏色來呈現不同形式的抗爭，如march、riot、sit-down等
- *d.可加入事件不同角度的敘事，如介紹、論述、照片、新聞報導等
+ *c.抗爭主題選單，如Occupy Wall Street / Black Lives Matter / UN for Taiwan...等 (分類方式待討論)
+ *d.事件的範圍與路線mapping，從黃到紅為不同類型的抗爭，從march到demonstration、occupy與riot等*
+ *
*
- *
- *e. 除事件範圍路線的mapping外，加入另一層social media activities的mapping，從instagram、facebook、twitter透過特定活動相關的tag，擷取出有打卡的Public Post並mapping在地圖上，每個點代表一個post，點開後可以看到內容與連結 *目前在只有Twitter的資料搜尋API較為accesible的情況下以Twitter為主
+ *e.白色物件點開後跳出不同角度的敘事，如我們撰寫的介紹、論述、新聞、網路直播與影片等 *
*
*
-
+ *f. 除事件範圍路線的mapping外，加入另一層social media activities的mapping，從instagram、facebook、twitter透過特定活動相關的tag，擷取出有打卡的Public Post並mapping在地圖上，每個點代表一個post，點開後可以看到內容與連結 *目前在只有Twitter的資料搜尋API較為accesible的情況下以Twitter為主*
*
- *f. 其它統計與視覺化之可能(?)
+ *
+ *g. 其他功能可以再進化如即時事件的mapping、手機探索模式、使用者回報與提供資訊、多種語言內容等
工具
- *https://www.mapbox.com/ 現有的地圖網建置頁平台，也許可以節省一些力氣(?)，可以customize地圖的風格，也有Developer API可以做Geocoding、Dynamic Visualization等等，待研究。如果是public web page加上來訪者一個月少於50,000人的話免費（手機app版本就要月費$499.....）
+ *https://www.mapbox.com/ 現有的地圖網建置頁平台，也許可以節省一些力氣(?)，可以customize地圖的風格（上面的頁面地圖底圖是我用Mapbox Studio調出來的)，也有Developer API可以做Geocoding、Dynamic Visualization等等，待研究。如果是public web page加上來訪者一個月少於50,000人的話免費
*
+
+ TWITTER API
+ GetOldTweets-python
+ GetOldTweets-java
+
+ MAPBOX TUTORIAL
+ Developer Tool https://www.mapbox.com/developers/
+
+ Colored Dots Visualization https://www.mapbox.com/mapbox-gl-js/example/data-driven-circle-colors/
+ Timeline Animation https://www.mapbox.com/mapbox-gl-js/example/timeline-animation/
+ Filter by toggling a List https://www.mapbox.com/mapbox-gl-js/example/filter-markers/
+ Filter by Text Input https://www.mapbox.com/mapbox-gl-js/example/filter-markers-by-input/
+ Hover Effect https://www.mapbox.com/mapbox-gl-js/example/hover-styles/
+ Get features under mouse https://www.mapbox.com/mapbox-gl-js/example/queryrenderedfeatures/
+ Center the map by click at sth https://www.mapbox.com/mapbox-gl-js/example/center-on-symbol/
+
+ 分工項目
+ 以下粗體為優先事項
+ Web Develope
+ *Visualization: Graphic / Animation
+ *Interface: Hoover Info / Popup content / Timeline / Filter / Search / Sidebar Analytics
+ *Tweeter or other Social media historical Post API
+ *Real-Time Feed API
+ *Geo-based Filter (Mobile)
+ *User submit / report framework
+ *Multi-language framework
+
+ Content
+ *Database: Existing News / Online Stream / Youtube (all need specific location, time, and type of event)
+ *Event Report
+ *Social Network Content (from Developer)
+
+ Self-sufficient Model
+ *Strategy
+ *Marketing
+
參考網站
+ *https://www.mapbox.com/gallery/ Mapbox Gallery
*https://www.mapd.com/demos/tweetmap/ Tweet Map
*http://gazaplatform.amnesty.org/ Gaza Platform : 2014年加薩走廊轟炸互動地圖
（12 行未修改）
|
||
| 2016-11-03 03:08 | r1308 | |
顯示 diff（34 行未修改）
*b.時間軸可選擇要Mapping在頁面上的時間範圍，也可以依時間順序播放呈現(?)
*
+
*
（1 行未修改）
*d.可加入事件不同角度的敘事，如介紹、論述、照片、新聞報導等
*
+
*
（1 行未修改）
*
*
+
*
（22 行未修改）
|
||
| 2016-11-03 01:44 – 01:51 | r1208 – r1307 | |
顯示 diff（34 行未修改）
*b.時間軸可選擇要Mapping在頁面上的時間範圍，也可以依時間順序播放呈現(?)
*
+
*
*c.事件的範圍與路線mapping，可用不同顏色來呈現不同形式的抗爭，如march、riot、sit-down等
*d.可加入事件不同角度的敘事，如介紹、論述、照片、新聞報導等
*
+
*
*e. 除事件範圍路線的mapping外，加入另一層social media activities的mapping，從instagram、facebook、twitter透過特定活動相關的tag，擷取出有打卡的Public Post並mapping在地圖上，每個點代表一個post，點開後可以看到內容與連結 *目前在只有Twitter的資料搜尋API較為accesible的情況下以Twitter為主
*
*
+
*
*f. 其它統計與視覺化之可能(?)
- 可能工具
+ 工具
*https://www.mapbox.com/ 現有的地圖網建置頁平台，也許可以節省一些力氣(?)，可以customize地圖的風格，也有Developer API可以做Geocoding、Dynamic Visualization等等，待研究。如果是public web page加上來訪者一個月少於50,000人的話免費（手機app版本就要月費$499.....）
- *http://shiny.rstudio.com/ 待Shawn補充
- *https://gephi.org/ 可以用來視覺化social media post的分佈跟可能關連 (?)
- *請大家集思廣益!
-
*
-
參考網站
（15 行未修改）
|
||
| 2016-11-02 23:02 – 23:04 | r1151 – r1207 | |
顯示 diff（39 行未修改）
*
*
- *e. 除事件範圍路線的mapping外，加入另一層social media activities的mapping，從instagram、facebook、twitter透過特定活動相關的tag，擷取出有打卡的Public Post並mapping在地圖上，每個點代表一個post，點開後可以看到內容與連結
+ *e. 除事件範圍路線的mapping外，加入另一層social media activities的mapping，從instagram、facebook、twitter透過特定活動相關的tag，擷取出有打卡的Public Post並mapping在地圖上，每個點代表一個post，點開後可以看到內容與連結 *目前在只有Twitter的資料搜尋API較為accesible的情況下以Twitter為主
+ *
*
*
（11 行未修改）
參考網站
+ *https://www.mapd.com/demos/tweetmap/ Tweet Map
*http://gazaplatform.amnesty.org/ Gaza Platform : 2014年加薩走廊轟炸互動地圖
*http://isis.liveuamap.com/ Liveuamap : 從烏克蘭邊界、ISIS領地到各種事件的新聞地圖
（11 行未修改）
|
||
| 2016-10-19 04:05 – 05:50 | r28 – r1150 | |
顯示 diff- *社運地圖 Mapping Social Movements
+ *社運地圖 Mapping Social Movements （暫）
- This pad text is synchronized as you type, so that everyone viewing this page sees the same text. This allows you to collaborate seamlessly on documents!
+ 介紹
+ *挖坑人：Edward、重緯、Robin、林彧祥
+ *介紹：社會運動地圖除了呈現一場所曾發生的事件文本、提供旅人在城市中流浪時另一種認識城市的觀點外，也想在分享資訊資源的時代， 透過Facebook與Instagram等社群媒體中hashtag和geotag的抽取過濾，建立出零時差的抗爭資訊地圖。
+ *
+ 人才需求
+ *文書
+ *文獻與報導資料蒐集
+ *寫手 (中文＆英文&more)
+ *網頁工程 (請補完
+ *Database
+ *Backend
+ *Frontend
+ *UIUX
+ *視覺設計
+ *mapping visual language design
+ *web branding
+ *營運計畫
+
- 社會運動地圖除了呈現一場所曾發生的事件、提供旅人在城市中流浪時另一種認識城市的觀點外，也想在分享資訊資源的時代， 透過Facebook與Instagram等社群媒體中hashtag和geotag的抽取過濾，建立出零時差的抗爭資訊地圖。
- 社運地圖的脈絡有二：
+ 概念
- 一. 城市的公共空間作為所有族群與階級抗爭反動的場所，提供了普羅大眾的聲音與力量被看見、被傳遞，甚至改變世界的可能。然而在這些歷史事件與運動的文本中，我們時常忽略這些場所的重要性。我們希望透過此地圖提供另一種閱讀城市的方式，將地理空間與時間化作這些事件的索引，讓我們可以理解這些場所和活動如何促成我們當今所處的世界。
+ *a. 城市的公共空間作為所有族群與階級抗爭反動的場所，提供了普羅大眾的聲音與力量被看見、被傳遞，甚至改變世界的可能。然而在這些歷史事件與運動的文本中，我們時常忽略這些場所的重要性。我們希望透過此地圖提供另一種閱讀城市的方式，將地理空間與時間化作這些事件的索引，讓我們可以理解這些場所和活動如何促成我們當今所處的世界。
+ *b. 二十一世紀已然進入網路時代，從全球性的佔領華爾街、台灣的太陽花到最近的BLACK LIVES MATTER等運動中，我們發現網路社群的脈動與實體空間中的運動彼此依存、缺一不可的狀態。那麼我們該如何理解與再現這些網路上的活動？我們希望透過Geotag與Hashtag這兩種機制的過濾分類，自動mapping出群眾如何在城市中與網路社群中(Instagram和Facebook等) 參與或見證抗爭的分布與密度，讓在場與不在場的力量與聲音都可以在此地圖中被凝聚出來。
- 二. 二十一世紀已然進入網路時代，從全球性的佔領華爾街、台灣的太陽花到最近的BLACK LIVES MATTER等運動中，我們發現網路社群的脈動與實體空間中的運動彼此依存、缺一不可的狀態。那麼我們該如何理解與再現這些網路上的活動？我們希望透過Geotag與Hashtag這兩種機制的過濾分類，自動mapping出群眾如何在城市中與網路社群中(Instagram和Facebook等) 參與或見證抗爭的分布與密度，讓在場與不在場的力量與聲音都可以在此地圖中被凝聚出來。
+ 目標
+ *
+ *此專案在這次黑客松的目標是先以一到兩個事件或議題（一個跟台灣有關）作為這次操作的對象，將網頁基礎的結構、邏輯與視覺的語彙建立出來，讓它可以在未來不斷地補充資料，甚至可以建立像是Wikipedia一樣的機制開放給群眾提供或編輯內容 (?)。更進而期許它在未來的抗爭與運動中也可以有貢獻一些微薄之力的可能。
- 目標：
+ 網站架構 （initial draft）
+ *
+ *a.抗爭主題選單，如Occupy Wall Street / Black Lives Matter / UN for Taiwan...等 (分類方式待討論)
+ *b.時間軸可選擇要Mapping在頁面上的時間範圍，也可以依時間順序播放呈現(?)
+ *
+ *
+ *c.事件的範圍與路線mapping，可用不同顏色來呈現不同形式的抗爭，如march、riot、sit-down等
+ *d.可加入事件不同角度的敘事，如介紹、論述、照片、新聞報導等
+ *
+ *
+ *e. 除事件範圍路線的mapping外，加入另一層social media activities的mapping，從instagram、facebook、twitter透過特定活動相關的tag，擷取出有打卡的Public Post並mapping在地圖上，每個點代表一個post，點開後可以看到內容與連結
+ *
+ *
+ *f. 其它統計與視覺化之可能(?)
- 此專案在這次黑客松的目標是先以一到兩個事件或議題（一個跟台灣有關）作為這次操作的對象，將網頁基礎的結構、邏輯與視覺的語彙建立出來，讓它可以在未來不斷地補充資料，甚至可以建立像是Wikipedia一樣的機制開放給群眾提供或編輯內容 (?)。更進而期許它在未來的抗爭與運動中也可以有貢獻一些微薄之力的可能。
+ 可能工具
+ *https://www.mapbox.com/ 現有的地圖網建置頁平台，也許可以節省一些力氣(?)，可以customize地圖的風格，也有Developer API可以做Geocoding、Dynamic Visualization等等，待研究。如果是public web page加上來訪者一個月少於50,000人的話免費（手機app版本就要月費$499.....）
+ *http://shiny.rstudio.com/ 待Shawn補充
+ *https://gephi.org/ 可以用來視覺化social media post的分佈跟可能關連 (?)
+ *請大家集思廣益!
- 需求：
- 工程 (Database, Backend Frontend & DevOp) 、UIUX、文案撰寫(中文、英文)、對社會運動研究有經驗與興趣的人才
+ *
+
+
+ 參考網站
+
+ *http://gazaplatform.amnesty.org/ Gaza Platform : 2014年加薩走廊轟炸互動地圖
+ *http://isis.liveuamap.com/ Liveuamap : 從烏克蘭邊界、ISIS領地到各種事件的新聞地圖
+ *http://johnbeieler.org/blog/2013/07/31/animated-protest-mapping/ Animated Protest Mapping 1979至今的抗爭地圖跑馬燈
+ *https://tree-map.nycgovparks.org/ NYC Tree Map
+
+ 參考文獻
+
+ *Jonathan Massey & Brett Snyder, Occupying Wall Street: Places and Spaces of Political Action
+ *Joanna Merwood-Salisbury, Patriotism and Protest: Union Square as Public Space, 1832--1932
+ *whOWNSpace
+ *David Harvey, The Right to the City
+ *Henri Lefebvre, The Production of Space, trans. Donald Nicholson-. Smith (Oxford: Blackwell, 1991)
+ *
|
||
| 2016-10-19 04:05 | r27 | |
顯示 diff（18 行未修改）
|
||
| 2016-10-19 04:03 – 04:05 | r1 – r26 | |
顯示 diff- Untitled
+ *社運地圖 Mapping Social Movements
This pad text is synchronized as you type, so that everyone viewing this page sees the same text. This allows you to collaborate seamlessly on documents!
+
+ 社會運動地圖除了呈現一場所曾發生的事件、提供旅人在城市中流浪時另一種認識城市的觀點外，也想在分享資訊資源的時代， 透過Facebook與Instagram等社群媒體中hashtag和geotag的抽取過濾，建立出零時差的抗爭資訊地圖。
+
+ 社運地圖的脈絡有二：
+
+ 一. 城市的公共空間作為所有族群與階級抗爭反動的場所，提供了普羅大眾的聲音與力量被看見、被傳遞，甚至改變世界的可能。然而在這些歷史事件與運動的文本中，我們時常忽略這些場所的重要性。我們希望透過此地圖提供另一種閱讀城市的方式，將地理空間與時間化作這些事件的索引，讓我們可以理解這些場所和活動如何促成我們當今所處的世界。
+
+ 二. 二十一世紀已然進入網路時代，從全球性的佔領華爾街、台灣的太陽花到最近的BLACK LIVES MATTER等運動中，我們發現網路社群的脈動與實體空間中的運動彼此依存、缺一不可的狀態。那麼我們該如何理解與再現這些網路上的活動？我們希望透過Geotag與Hashtag這兩種機制的過濾分類，自動mapping出群眾如何在城市中與網路社群中(Instagram和Facebook等) 參與或見證抗爭的分布與密度，讓在場與不在場的力量與聲音都可以在此地圖中被凝聚出來。
+
+ 目標：
+
+ 此專案在這次黑客松的目標是先以一到兩個事件或議題（一個跟台灣有關）作為這次操作的對象，將網頁基礎的結構、邏輯與視覺的語彙建立出來，讓它可以在未來不斷地補充資料，甚至可以建立像是Wikipedia一樣的機制開放給群眾提供或編輯內容 (?)。更進而期許它在未來的抗爭與運動中也可以有貢獻一些微薄之力的可能。
+
+ 需求：
+ 工程 (Database, Backend Frontend & DevOp) 、UIUX、文案撰寫(中文、英文)、對社會運動研究有經驗與興趣的人才
|
||
| 2016-10-19 04:03 | r0 | |
顯示 diff+ Untitled
+ This pad text is synchronized as you type, so that everyone viewing this page sees the same text. This allows you to collaborate seamlessly on documents!
|
||