Hackpad 封存器 - g0vus

社運地圖 Mapping Social Movements (web)

最後編輯：2016-12-12 建立：2016-10-19 歷史紀錄

 

CHUNG-WEI L

 

 

 

介紹

  1. HSIN H挖坑人：Edward、重緯、Robin、林彧祥
  2. 介紹：社會運動地圖除了呈現一場所曾發生的事件文本、提供旅人在城市中流浪時另一種認識城市的觀點外，也想在分享資訊資源的時代， 透過Facebook與Instagram等社群媒體中hashtag和geotag的抽取過濾，建立出零時差的抗爭資訊地圖。

 

概念

  • a. 城市的公共空間作為所有族群與階級抗爭反動的場所，提供了普羅大眾的聲音與力量被看見、被傳遞，甚至改變世界的可能。然而在這些歷史事件與運動的文本中，我們時常忽略這些場所的重要性。我們希望透過此地圖提供另一種閱讀城市的方式，將地理空間與時間化作這些事件的索引，讓我們可以理解這些場所和活動如何促成我們當今所處的世界。
  • b. 二十一世紀已然進入網路時代，從全球性的佔領華爾街、台灣的太陽花到最近的BLACK LIVES MATTER等運動中，我們發現網路社群的脈動與實體空間中的運動彼此依存、缺一不可的狀態。那麼我們該如何理解與再現這些網路上的活動？我們希望透過Geotag與Hashtag這兩種機制的過濾分類，自動mapping出群眾如何在城市中與網路社群中(Instagram和Facebook等) 參與或見證抗爭的分布與密度，讓在場與不在場的力量與聲音都可以在此地圖中被凝聚出來。

 

161110進度

 

161210進度

  • 決定將網站與手機兩種平台之定位加以區分開來：
    • 網站版本著重於即時社群動態之mapping、記錄與分析，以及使用者互動之可能，以時間與事件為瀏覽主軸
    • 手機版本之目標則是作為讓使用者得以認識抗爭歷史與記憶的城市導覽，以地點為瀏覽主軸
  • Social Media Posts 的 pull limit 仍未解決，目前待探索之方向：
    1. Instagram Permission Review https://www.instagram.com/developer/review/
    • 上傳網站的流程影片，介紹網站之目地，Instagram將會決定是否給予權限。必須網站完成後才可提出申請
    1. GetOldTweets-python / GetOldTweets-java
    • 需要研究是否可以過濾有geolocation之方法
    1. https://gnip.com/ 等社群網站
    • 待詢問費率

 

聯絡我們

 

網站demo（161110 draft）

  • 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、手機探索模式、使用者回報與提供資訊、多種語言內容等

 

 

ROBIN LOther Untapped Data Sources

  1. http://digital-activism.org/resources/open-access-activism-data-sets/

 

CHUNG-WEI L參考網站

  1. https://www.mapbox.com/gallery/ Mapbox Gallery
  2. https://www.mapd.com/demos/tweetmap/ Tweet Map
  3. http://maps.clb.org.hk/strikes/en 中國勞工通訊 Strike Map
  4. http://gazaplatform.amnesty.org/ Gaza Platform : 2014年加薩走廊轟炸互動地圖
  5. http://isis.liveuamap.com/ Liveuamap : 從烏克蘭邊界、ISIS領地到各種事件的新聞地圖
  6. http://johnbeieler.org/blog/2013/07/31/animated-protest-mapping/ Animated Protest Mapping 1979至今的抗爭地圖跑馬燈
  7. https://tree-map.nycgovparks.org/ NYC Tree Map

 

參考文獻

  1. Bruce Kayton, https://www.amazon.com/Radical-Walking-Tours-York-City/dp/1583225544
  2. Jonathan Massey & Brett Snyder, Occupying Wall Street: Places and Spaces of Political Action
  3. Joanna Merwood-Salisbury, Patriotism and Protest: Union Square as Public Space, 1832--1932
  4. whOWNSpace
  5. David Harvey, The Right to the City
  6. Henri Lefebvre, The Production of Space, trans. Donald Nicholson-. Smith (Oxford: Blackwell, 1991)

 

 

ROBIN LLink to text -

Wall Street Tour

 

 

 

CHUNG-WEI L-------------以下為ARCHIVE--------------

 

161110 工具

  • https://www.mapbox.com/ 現有的地圖網建置頁平台，也許可以節省一些力氣(?)，可以customize地圖的風格（上面的頁面地圖底圖是我用Mapbox Studio調出來的)，也有Developer API可以做Geocoding、Dynamic Visualization等等，待研究。如果是public web page加上來訪者一個月少於50,000人的話免費

 

161110 內容、資料來源

 

ROBIN L我們用了兩大類方法來找有 Geocode 也有時間的資料

  1. 新聞報導、整理報導
    1. 整理好的資料庫 https://docs.google.com/spreadsheets/d/1k3v4ZgSsKN_kNarQh4ViHB8Yt6wuLqZVveUsXtqM6OY/edit#gid=901063945
  2. Social Media Post (Twitter 跟 Instagram)

 

CHUNG-WEI L161110 TWITTER API

GetOldTweets-python

GetOldTweets-java

 

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/

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/

 

161110 人才需求

  1. YEN-TING L文書
    1. CHUNG-WEI L文獻與報導資料蒐集
    2. 寫手 (中文＆英文&more)
  2. 網頁工程
    1. YEN-TING LDatabase
    2. Backend
    3. Frontend
    4. UIUX
  3. CHUNG-WEI L視覺設計
    1. mapping visual language design
    2. web branding
  4. 營運計畫

 

161110 分工項目

以下粗體為優先事項

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