原來 短時間我們如此強悍:太陽花運動科技應用創新總整理

2014.04.09更新:增添了「Skywatch直播系統(資訊面)」和「服貿事件簿(資訊麵)。」

2014.04.08更新:增添了了「割闌尾行動」網站(資訊面)簡介和進階採訪報導以及「GIS地理資訊算遊行人數(地理資訊面)」進階採訪報導。

2014.04.07更新:本文放到 HackPad 之後,增補了一些內容,非常感謝這些協同作業的朋友們!如果你有參與到這次的科技應用創新,沒有列在這篇文章之中,可以寫信到 atticus (at) cool3c.com,或直接上上面的 Hackpad 增補。

這次的太陽花學運,看到了網路科技的創新力量不停地爆發著,過去動輒數個月才能完成的網站和服務都在一天甚至數小時內就完成了,更令人驚艷的是透過科技工具的協助,快速地將參與者的力量匯聚起來。

以往,即便資訊工程人員將平台架構起來,線上的參與者很多,卻不一定有實質的參與者,所以才會有「萬人響應,一人到場」的窘境。但在這次的運動中,因為這些網路科技媒體的創新,人群確實參與了,成為串聯這場運動的神經脈絡,堪稱O2O(Online to Offline)的最佳典範。

另一個有趣的地方是,這次運動幾乎有所的硬體架構和網路服務建構,都是自發性建構的,充滿著由下而上的精神,而這確實是網路創新的原生精神。以下,我們將從資訊面、地理資訊面、財務面、人力動員面和資料面,來看這些科技層面的創新應用:

硬體面 - 建構運動的神經樞紐:拉線與音響工程 - 偉大哥與他的50個PA

在青島東路或濟南路上,每場論壇都需要聲量極好的麥克風。從議場內的廣播直接傳送到外場,這些事情並不是魔術般地就出現了,也沒有中央控制的團體在運籌著。靠著就是一位音響工程公司老闆偉大哥,將公司所有的 PA 設備全部輸送到現場,並號召業界50位的PA 控制人員到現場佈線和輪班。

PA:PA,其實就是」Public Address」的縮寫,顧名思義是指為任何面對公眾進行的表演或演講等, 利用一系列包括音響的中控心臟-混音器Mixer,擴大機Amplifier,內外場喇叭Speakers等進行收音與調變,以強化現場的音場效果。

硬體面-LED 矩陣


 

資訊面 - 國會無雙

國會無雙為沃草團隊的第一個服務,這個網站試題以「播報體育賽事」的方式來代替原本無趣的立法院實況,並在公聽會安排「主播」和「球評」,讓對政治冷感的一般公民可以用非常具娛樂性的方式來親近政治議題,是邁向「政治普及」的重要里程碑。

本次服貿協議最據衝突的「30秒通過」這個關鍵,就是由國會無雙網站第一時間發現,否則也不會有後面如此巨大的運動發生。

資訊面 - 割闌尾行動

由PTT鄉民Demogorgan發起的「割闌尾行動」,說起來就是罷免不適任立委,網站已經建構完成。這個網站的出現,讓難以理解(或是更精準地說一般人不太關心)的公民罷免權,有了一個很好理解的開始。而且還以動刀為比喻,非常容易進入狀況。詳細網站成立始末,可參考「將公民的罷免權以這個時代科技來詮釋,更易於理解與明快」報導。

資訊面 - 強化拖鞋及iPad 零時政府(GΦV) 建構強有力的直播環境與資訊入口:g0v.today

零時政府(GΦV)就是「自動自發」的代表詞,有了看到了問題,然後發起了一項任務(挖坑),接著在社群裡提出,有人看到任務需求(坑洞),就開始解決任務(填坑)。在此我們看到了兩個關鍵:

  • 非常好的協同工具
    • IRC
    • GitHub
    • Hackpad
    • Telegram : 通訊加密 Instant Message
    • Loomio.org : 線上協同決策系統,曾用來討論逆滲透方案
  • 非常積極的協同精神:這是一種滾動,進入g0v後,每個人除了自己的力量,只要付出一點點,都被賦予了更強大的力量。

經由協同的人與工具,g0v 在這次的運動中做了這些事情:

  1. 比SNG車快,打造媒體直播專區:「原本3G走不通,隨即架設了 Wimax 行動無線網路基地台。接著開始拉 60M/15M 的雙向專線。將拉進議場的有線網路擴增成無線網路。」
     
  2. 建立資訊入口網站 g0v.today :本次的網路創新,透過 HackFolder 許多都被整理在g0v入口網站。人們可以用最快的速度使用 Utream 看影音轉播、文字(包括英文)轉播、影音記錄、新聞整理(服貿東西軍)。
     
  3. 網管與中控:網管的部分等於擔起議場內 MIS 的角色,中控的部分就是協調所有工作狀況的聯絡人,就像 PM 一樣。
    1. 野戰網路環境部署
  4. 提供濟南、青島兩側路過人士無線上網服務

 

資訊面 - Skywatch直播系統

立法院現場直播系統,這是 Skywatch 的同仁們過去幾天,利用下班時間做出來的。使用的是 Skywatch 網路攝影機,與雲端串流播放技術,並於立院內外、週遭架設雲端監視器做即時轉播及錄影存證,持續有熱心民眾提供自家陽台及網路支援攝影機架設,目前已架設共10支攝影機於立院週遭位置。詳細資訊可以參考這篇文章

資訊面 - 為了上刊紐約時報網站一天架設起來的 4am.tw 網站

為了讓這次反服貿事件廣告上刊到紐約時報,並讓閱讀者看完廣告後能取得更多資訊,由設計師 Even Wu 及其夥伴,在一天之內打造出來的 4am.tw 網站,除了以時間軸的方式述說服貿事件以外,還要符合廣告設計風格以及適應手機閱讀版型。

關於 4am.tw 網站的前因後果,「太陽花學運國際對外發聲窗口,4am.tw 網站上線始末」有更詳細報導。

 

資訊面 - 用時間軸看蘋果日報反服貿新聞

太陽花運動每天有太多的新聞產出,閱讀者可透過時間序列的方式閱讀蘋果日報的文章,但缺點是只能讀蘋果的內容。

 

資訊面 - 服貿跑馬燈

相較於蘋果日報的時間軸新聞,服貿跑馬燈將所有服貿相關新聞直接一行一行排下來,雖然界面上沒那麼好看,但新聞的旁邊還增添了 Facebook 上貼文者的註解,反而更有由下而上的素人評論新聞效果。

政誌和蘋果日報的「服貿議題時間軸」用的架構一樣(亦或是蘋果日報使用政治的架構 ?),並將服貿跑馬燈的內容套上這個架構。

資訊面 - 服貿東西軍

將臉書上面的關於服貿議題的各式新聞,透過不同標籤整理出支持服貿和反對服貿的分類。網站細分出「反對黑箱服貿」「支持速過服貿」等六種面向,讓閱讀者可以輕易地掌握不同意見所提供的資訊。

資訊面 - 服貿事件簿

因為服貿各種資訊還是太多,林克傳說團隊想要用一種更方便閱讀界面提供給讀者,因此透過人力的方式精選值得一讀的相關新聞,放到 Flipboard 上面的新建頻道。讀者可在網站上直接閱讀,或者下載 Flipboard 行動 APP 閱讀。


 

地理資訊面 - 永遠不缺席的 Google Map 參與活動的人最佳路標指引

從善導寺站出門後,一路走到青島東路,接下來你就迷失了。神人(由ETBlue發起,眾人編輯)製作的透過mapsengine所製作「佔領立法院地圖」,包括演講台、廁所以及7-11都清楚的標示出來,由於運動是活的,所以也該用活的地圖來指引。

 

地理資訊面 - 透過 GIS 地理計算 3.30 遊行人數

在警局和媒體永遠都確定不了3月30日遊行的實際人數時,PTT鄉民 weijidai 透過台北市政府 GIS 圖資以及 Google Earth Autocad 算出實際的遊行人數,為人數計算科學化設立起指標。

警政署所採用的是1960年代赫伯特.雅各布斯的算法,但weijidai所用的卻是現代工具。他採用了GIS地理信息系統(Geographic Information System)圖資,並且搭配上AutoCAD計算,所得到的結果,詳細計算方式經訪問 weijidai 後整理出相當完整的計算脈絡,見「太陽花運動是11萬人還是50萬人?大規模的人數統計是這樣算出來的」報導。

地理資訊面 - 透過Google街景自建攻佔立法院360度環景

中研院和GIS中心,使用Android 4.2 手機中內建的手機,加上「Photo Sphere」功能的全景拍攝功能。製作者在 PTT 上分享了 (感謝分享啊~)如何花了二個多小時拍攝照片,然後透過 Google 街景功能建立成「攻佔立法院360度環景實況」:

  1. 使用Android手機內建的全景功能拍攝
  2. 上傳至Google+(picasaweb)
  3. 將全景照片匯入 Google 景觀
  4. 在Google 景觀 中編輯
  5. 每張全景的空間位置與調整角度,設計街景行走路線及測試發佈,之後Google會花時間處理及審核,處理後會讓瀏覽的速度更好。 

 

財務面 - 群眾募資網站 FlyingV.cc 以及 VDemocracy.tw 

透過群眾募資網站 FlyingV 極速地以半天的時間就完成 639 萬的募資,好讓本次反服貿事件以廣告的方式刊登於台灣閱讀人口數的蘋果日報以及紐約時報國際版(一週內刊登在國內版)。但因為 FlyingV 因為和櫃買中心和約簽訂所有募資案件都必須有三天的暖身預告,因此 FlyingV 在本次案件中被罰款,問題始末請看「為何只有一件集資案件出現在FlyingV上」詳細報導文章。

因著 FlyingV 無法再進行募資,網路上對應的速度出乎意料的快,在四月七日已經上線的VDemocracy.tw 就是一個以社會運動為主的群眾募資網站,誕生的原因可看「山不轉路轉」以及「專為社運而生,VDemocracy專案今日上線。談談群眾募集在這次太陽花運動的發展與限制」文章。

另外在 VDemocracy 上線之前的四月三日,台灣的另一個群眾募資平台 Zeczec.com 也及時支援了太陽花學運記錄攝影集的製作。


 

人力動員面  - 一起排班守立法院

讓使用者可透過 Facebook 的帳號登入,立即瞭解自己的朋友在立法院排班的狀態,自己也可以加入排班,讓朋友間互相提醒。這個網站建立的始末,可以看詳細的報導「號召朋友去立院排班,不知道什麼時間最適當嗎?來用用這個「反服貿立法院Facebook好友排班表」的網站吧。

James Tsai 製作的網站串接上面的立院排班表,可把排班的狀況透過地圖標出目前排班的狀況。

人力動員面-Ustream
由於 g0v 架設的現場的直播,使得動員上面能夠更即時,緊急支援人手不足的地方,在變化相當大的抗議現場,能夠即時確認需求是否被滿足相當關鍵。同時直播的架設,也使得更多人和現場情感連結,願意親身前往,離開之後,持續貢獻。
 
人力動員-youtube
除了學運歌曲MV的號招外,也看到這次人人都有許多影音,甚至電視新聞的錯誤資料被備份到youtube上面。
 

資料面 - 自己的服貿自己審

將服貿全文、公聽會逐字稿、產業評估報告全部整合和立法院專案報告全都整理起來。讓閱讀者可完全瞭解服貿最原生的資料,而不是懶人包而已。

 

資料面(查詢) - 你被服貿了嗎

可快速查詢服務貿易協定和你公司的相關性。

資料面(分析)- 人民力量展現圖

透過使用者在 Facebook 上面的打卡數字,並以光圈的方式展現出在該地的影響力,這個分析服務特別應用在三月三十號的遊行中使用,屬於短暫型的應用服務。

資料面(分析) - 你的服貿指數

林克傳說所延伸出來的服務,可算出自己和朋友間關於服貿議題的傾向,以及支持學運的指數,可以說是數據分析的成果展現。

 

資料面(分析) - 媒體傾向展現圖

透過整理服貿東西軍上的新聞,加上媒體來源的參數,即可算出媒體對於服貿議題的傾向,其中光譜的大小代表該媒體在 Facebook 上面的曝光程度,其中當然以蘋果日報為翹楚。


資料面 - 負評網

該網站並不是為了服貿議題或學運所創造出來的,但把該議題顯眼人物放到負評網後,得到許多意外的回答,發展出完全素人的意見評論。另外過去所謂的評論僅放在文章下面,並沒有整理成一個完整的購面來形容產品,在資料處理上多了一個嶄新角度。

負評網剛開始是由四個竹科工程師所創辦,主要是針對市面上貴鬆鬆的3C產品提供網友評論,網友除評論外,還可選擇有、想要、不想要、或提缺點、評論等,後臺再藉由演算法產生地雷指數,指數越高評價越差,而現在更提供競品PK功能,最新PK則包括「邱毅、宅神」、「王炳忠、妖西」、與「通過服貿、退回服貿」。先前每天流量約2000人次,3/29熱門人物上線PK後,流量暴增到六萬人。
 

延伸 APP 應用:

用 Android 看太陽花學運電視直播最棒的APP:AMO TV

本授權條款允許使用者重製、散佈、傳輸以及修改著作(包括商業性利用)。若使用者修改該著作時,僅得依本授權條款或與本授權條款類似者來散佈該衍生作品。使用時必須按照著作人指定的方式表彰其姓名。

7則回應

  • 感謝學運中每個人的努力!

    2014-04-11 04:10
  • 拋棄政客綁架,自己國家自己救!科技人在台灣在這次學運起了莫大的貢獻與質變....

    2014-04-09 15:18
  • 政誌是使用一個叫做 Timeline JS 的 Open source 時間軸系統(官方公開表示)

    蘋果那個就不確定了,可能也是用一樣的,也可能只是別的設計類似的系統

    2014-04-09 09:53
  • j230642 wrote:
    這次的成功,會不會是將來的軟肋?若電信通訊遭政治力挾持... 我不是這方面專家,但我擔憂。

     

    中國那邊強力挾持電信機構,審查網路,建立 Internet 的防火長城(Great firewall)目的就是在此。所以更早之前台灣政府希望修改電信法引起很大的反彈,不能夠讓黑手輕易伸入這一塊。

    2014-04-08 11:48
  • 很棒,這次 學運 (非上對下的) 發展的分散組織、科技應用及網路媒體突破主流媒體的框架...等等,這些也是台灣非常難得創新,讓世界看到台灣的不同。

    2014-04-08 10:14
  • 太強大了
    感謝所有默默付出的人
    沒有你們 我們可能就默默地被政客賣掉了
    不論外界對你們評論如何
    我給你最大的一個讚!!!

    2014-04-07 22:13
  • 這次的成功,會不會是將來的軟肋?若電信通訊遭政治力挾持... 我不是這方面專家,但我擔憂。
    2014-04-07 22:03
  • 說文解字第8課:虛擬實境 VR 說文解字第8課:虛擬實境 VR 4 個月前
    說文解字第7課:藍牙 Bluetooth 說文解字第7課:藍牙 Bluetooth 4 個月前
    說文解字第6課:第三方支付 Third-Party Payment 說文解字第6課:第三方支付 Third-Party Payment 4 個月前
    說文解字第5課:去中心化 Decentralization 說文解字第5課:去中心化 Decentralization 5 個月前
    懶科技:哪一款整合型社群App最對你味?社群新星Buddydo與Facebook Messenger、LINE、BAND 大對決 懶科技:哪一款整合型社群App最對你味?社群新星Buddydo與Facebook Messenger、LINE、BAND 大對決 5 個月前
    說文解字第3課:區塊鏈 Blockchain 說文解字第3課:區塊鏈 Blockchain 5 個月前
    說文解字第2課:資料探勘 Data Mining 說文解字第2課:資料探勘 Data Mining 6 個月前

    熱門文章

    最新消息