動民主血淚史 - Speaker Deck

Slide 1

Slide 1 text

動民主血淚史為什麼我放棄開發網路審議系統 COSCUP 2015, ETBlue 本議程適合對象 ● 想導入資訊工具的社運 / 政運工作者 ● 想開發網路審議系統的工程師 ● 想參與 g0v 專案的 UI designer / planner ● 想瞭解參與 open source 專案會遇到什麼事情的好奇寶寶投影片內附完整講稿免筆記，免文播轉台無負擔 http://beta.hackfoldr.org/coscup2015/2015-day2-h0

Slide 2

Slide 2 text

ETBlue 藍一婷

Slide 3

Slide 3 text

ETBlue 醫療→差畫→企管→資訊→g0v

Slide 4

Slide 4 text

動民主血淚史未來方向藍氏量表講四個秘訣

Slide 5

Slide 5 text

藍氏量表：g0v 專案開花指數 ——你的專案長到哪了？

Slide 6

Slide 6 text

Slide 7

Slide 7 text

起因於德國海盜黨的網路決策系統動民主

Slide 8

Slide 8 text

2013.01 德國海盜黨的流動式民主 http://charlesc.ilovemeow.net/blog/20130110/1202 charles c：網路星期二發起人、綠黨網路支黨部發起人、網絡行動共同創辦人

Slide 9

Slide 9 text

流動　回饋 LiquidFeedback

Slide 10

Slide 10 text

直接民主代議民主流動民主 http://www.demsoc.org/what-is-liquid-democracy/ 民主決策機制有三種

Slide 11

Slide 11 text

小團體專用，超過一定人數就無法運作 Direct Democracy 直接民主

Slide 12

Slide 12 text

選前信誓旦旦，選後風清雲淡 Representative Democracy 代議民主 / 間接民主

Slide 13

Slide 13 text

在直接民主與間接民主之間自由切換（需使用資訊工具） Liquid Democracy / Delegative Democracy / Adhocracy 流動民主

Slide 14

Slide 14 text

流動　回饋 LiquidFeedback

Slide 15

Slide 15 text

https://en.wikipedia.org/wiki/LiquidFeedback https://wiki.piratenpartei.de/Pirate_Feedback/en LiquidFeedback, Pirate Feedback

Slide 16

Slide 16 text

臨時、特別　統治　　　 Adhocracy

Slide 17

Slide 17 text

2013.05 Adhocracy meetup #01 / charles c https://hackpad.com/Adhocracy-meetup-01-9jJEkScPXnN LiquidFeedback || Pirate Feedback / clkao (g0v村長) Adhocracy / pm5 (環資&沃草)

Slide 18

Slide 18 text

2013.05 adhocracy 測試站 / pm5 http://adhocracy-test.g0v.tw/ （網址失效！抓別站的圖代替） https://greenpartytaiwan.adhocracy.de/instance/greenpartytaiwan （感謝 charles 提供綠黨版 instance 供抓圖）

Slide 19

Slide 19 text

2013.05 g0v 的 prfb / clkao http://lqfb-test.g0v.tw/ （網址失效！抓別站的圖代替） https://it.wikipedia.org/wiki/File:Homepage-LiquidFeedback.png

Slide 20

Slide 20 text

by 命名達人 ipa (瞿導) 流動式民主

Slide 21

Slide 21 text

起源自台灣綠黨的網路支黨部 charlesc++ ttcat++ 動民主

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

Slide 24

Slide 24 text

血淚 1：與 Pirate Feedback 奮戰血淚 2：跟著原廠砍掉重練血淚 3：2.0、0.5、1.337、市長給問嗎動民主松、動民主專案群血淚史

Slide 25

Slide 25 text

血淚 1：與 Pirate Feedback 奮戰 (動民主 1.0) 被村長抓去幫忙翻譯看不懂介面無法翻譯，只好重新設計UI 不瞭解功能無法設計UI，只好做系統分析 LY, Lorenzo 出手拯救前端設計稿不完整且不易實做，卡關跑去玩別的坑，專案斷頭 XD

Slide 26

Slide 26 text

2013.05-06 動民主 1.0 系統分析圖（使用工具：Google Drawing） https://drive.google.com/open?id=0B0NsS2a-Qx8Zfm80TVFvOEI2QnRmNkFC WUZ6NlRyaGV3Qjg5X0pIaGM5Z1FGbE5naGlWRUE

Slide 27

Slide 27 text

2013.05 路人我...使用工具：Windows Journal（ Windows 附屬應用程式） https://plus.google.com/photos/110174937980629662857/albums/5884092864 241828641

Slide 28

Slide 28 text

2013.05-06 動民主 1.0 UI 改版 mockup，使用工具：Adobe Fireworks（已故） https://drive.google.com/folderview?id=0B0NsS2a-Qx8ZV0ZGVEJLRHUtSk0& usp=sharing

Slide 29

Slide 29 text

被村長抓去幫忙翻譯看不懂介面無法翻譯，只好重新設計UI 不瞭解功能無法設計UI，只好做系統分析 LY, Lorenzo 出手拯救前端設計稿不完整且不易實做導致卡關各自跑坑，專案斷頭 XD 血淚 1：與 Pirate Feedback 奮戰 (動民主 1.0)

Slide 30

Slide 30 text

2013.08 動民主 1.0 實做 / Lorenzo https://github.com/Mec-iS/angular-lqfb-redesign

Slide 31

Slide 31 text

2013.08 動民主 1.0 實做 / LY a.k.a. yhsiang http://yhsiang.github.io/angular-lqfb-redesign/#/

Slide 32

Slide 32 text

2013.07 成立跨國 eDemocracy 討論群組 / Lorenzo https://groups.google.com/forum/#!forum/e-dem

Slide 33

Slide 33 text

藍氏量表：g0v 專案開花指數 ——你的專案長到哪了？

Slide 34

Slide 34 text

血淚 1：與 Pirate Feedback 奮戰血淚 2：跟著原廠砍掉重練血淚 3：2.0、0.5、1.337、市長給問嗎動民主松、動民主專案群血淚史

Slide 35

Slide 35 text

血淚 2：跟著原廠砍掉重練 (動民主 2.0) 村長和 Lorenzo (.it)、 entropy (.de) 接上線 entropy 表示為了 blah 要重做一套新的，叫 BEO 看到 BEO 的 mockup 感到擔心，開始幫它做 UI 為了做UI只好開始動手規劃整套系統規劃卡關， tkirby 實做速度大幅領先為了學會釐清 spec，開始學寫網頁

Slide 36

Slide 36 text

委任投票→←匿名投票德國海盜放棄 PRFB 的原因

Slide 37

Slide 37 text

2013.06.30 irc meeting https://gist.github.com/clkao/5895659

Slide 38

Slide 38 text

BEO mockup https://meinungsfindungstool.piratenpad.de/qprobble-gui?

Slide 39

Slide 39 text

Slide 40

Slide 40 text

2013.07 動民主 2.0 BEO 初步構想：推薦式參與（使用工具：Google Slides） https://docs.google.com/presentation/d/1XXssD-v3LPVPB4gXKOkhA2JUYGl3 N6c47PQG6xWyIhY/edit?usp=sharing

Slide 41

Slide 41 text

2013.07- 動民主 2.0 BEO 系統分析（使用工具：Google Drawing） https://drive.google.com/folderview?id=0B0NsS2a-Qx8ZflhTbmFBZXl0eHQwV XRtOGlpWHZ0UjJjaE9OdjhrSEszc3FVc0I0TmdIRWc&usp=sharing

Slide 42

Slide 42 text

2013.08- 動民主 2.0 BEO 介面設計（使用工具：Adobe Illustrator） https://drive.google.com/folderview?id=0B0NsS2a-Qx8Za0x6WURKTzcxeFk&u sp=sharing

Slide 43

Slide 43 text

Slide 44

Slide 44 text

2013.12 動民主 2.0 公民臉書（使用工具：Angular JS + Firebase） http://g0v.github.io/don-republic-mockup/

Slide 45

Slide 45 text

藍氏量表：g0v 專案開花指數 ——你的專案長到哪了？

Slide 46

Slide 46 text

血淚 1：與 Pirate Feedback 奮戰血淚 2：跟著原廠砍掉重練血淚 3：2.0、0.5、1.337、市長給問嗎動民主松、動民主專案群血淚史

Slide 47

Slide 47 text

血淚 3：2.0、0.5、1.337、市長給問嗎 tkirby 將 2.0 收斂成 MVP tkirby 將 2.0 MVP 再收斂成 0.5 荷蘭大使歸國緊急松的大家把 2.0 收斂成 1.337 從 1.337 概念延伸，產生 app 化構想商業專案暫不 open source，決定先各自發展再互相抄襲 soidid 早已做完市長給問嗎 prototype，跟 1.337一模一樣

Slide 48

Slide 48 text

2013.12- 動民主 2.0 MVP / tkirby https://g0v.hackpad.com/-2.0--A8UlpEbKfK2

Slide 49

Slide 49 text

2013.12- 動民主 0.5 / tkirby http://bindo.la/##-Jk1dSfDb2T7irkyWlhT

Slide 50

Slide 50 text

Slide 51

Slide 51 text

2014.02.10 荷蘭大使歸國緊急松 brain storming / clkao, ipa, jimmy, walkingice, http://g0v-mini.kktix.cc/events/gugod-hackathon , https://drive.google.com/file/d/0B0NsS2a-Qx8ZR2IzaWotSjR0dms/view?usp=s haring , https://g0v.hackpad.com/oQ5fu7ZtheV#:h=2014/0210-荷蘭大使緊急松

Slide 52

Slide 52 text

Slide 53

Slide 53 text

2014.02 市長給問嗎 prototype / soidid (前公督盟員工,現沃草全端工程師) 舊版網站截圖取自 https://free.com.tw/wethepeople-tw/

Slide 54

Slide 54 text

2015.08 市長給問嗎 / watchout 沃草 http://taipei.wethepeople.tw/#!/

Slide 55

Slide 55 text

Slide 56

Slide 56 text

2014.02 動民主 1.337 全民記者會（使用工具：semantic ui） http://g0v.github.io/don-press/public/index.html

Slide 57

Slide 57 text

Slide 58

Slide 58 text

貪多嚼不爛，坑大填不完網站不該 all in one ——網站企劃菜鳥的告白動民主靜思語

Slide 59

Slide 59 text

2014.02- 動民主 1.337 app 化構想 https://plus.google.com/u/0/+ETBlue/posts/2n8ARAso2uX , https://g0v.hackpad.com/-2.0-app-a.k.a.-1.337-iBRhXaRlfZh

Slide 60

Slide 60 text

藍氏量表：g0v 專案開花指數 ——你的專案長到哪了？

Slide 61

Slide 61 text

血淚 1：與 Pirate Feedback 奮戰血淚 2：跟著原廠砍掉重練血淚 3：2.0、0.5、1.337、市長給問嗎動民主松、動民主專案群血淚史

Slide 62

Slide 62 text

動民主松、動民主專案群寄生 g0v 大松、小松、沃草寄生綠客松 via ttcat / charles 寄生啥密松 via ipa / hcchien tkirby 零傳媒 ttcat 選舉 ipa summit ddio / ET打工

Slide 63

Slide 63 text

2013.10.1 來自義大利的 Federico 參加 g0v 小松 / clkao https://www.facebook.com/federicopistono.page/photos/637220742965347/

Slide 64

Slide 64 text

2013.10.1 來自義大利的 Airesis，功能類似 LQFB 但介面大幅改良 https://www.airesis.eu/

Slide 65

Slide 65 text

2013.?? 發現 loomio，從 wallstreet occupied 衍生的系統 / au https://www.loomio.org/d/EFbmRBsL

Slide 66

Slide 66 text

2013.12 airesis 翻譯 / jimmy, ttcat, LY, lancetw, poga, macpaul https://www.transifex.com/g0v/g0v-airesis/

Slide 67

Slide 67 text

2014.02 動民主半定期松 / tkirby https://plus.google.com/u/0/+ETBlue/posts/2eqxt7B4UKW , https://g0v.hackpad.com/ur06eAVZRGo

Slide 68

Slide 68 text

2014.02 德國國會觀察網站 (parliament watch) 分析 / 劉致昕 , 綠黨網路支黨部 https://g0v.hackpad.com/CGIWfeyAG5r

Slide 69

Slide 69 text

2014.02 語意分析：找出市長給問相似題 / a-tsioh https://github.com/a-tsioh/kam-u-thiann-tioh

Slide 70

Slide 70 text

2014.03 loomio 翻譯 / ttcat, , , https://www.transifex.com/rdbartlett/loomio-1/

Slide 71

Slide 71 text

2014.03 零時廣場構想 / au, isacl https://g0v.hackpad.com/-aka-user-story-dw3SAk6gdcb

Slide 72

Slide 72 text

2014.03- 零時廣場實做 / isacl http://g0v.github.io/conference-map-main/

Slide 73

Slide 73 text

2014.03- 零時廣場 mockup / ETBlue http://g0v.github.io/g0v.today/osdc/public/ 2015.06 COSCUP 野生官網 http://etblue.github.io/wild.coscup.org/public/program-beta

Slide 74

Slide 74 text

2014.04- 人人有案提 / ddio https://g0v.hackpad.com/9x2rxEcSwUc

Slide 75

Slide 75 text

2014.05 airesis架站 / wildjcrt, LY, poga, xdite, Dylandy https://github.com/poga/Airesis

Slide 76

Slide 76 text

2014.05- ListRGB / poga (logo: moonc 子姓網友) http://listrgb.org/test , https://github.com/poga/ListRGB

Slide 77

Slide 77 text

2014.05- 真度計/ averangeall a.k.a. 自均 https://g0v.hackpad.com/--lzGKZQAwe7e , http://johnlin.tw/nose-meter/ , http://johnlin.tw/nose-meter/district.html#臺北市

Slide 78

Slide 78 text

2014.?- democracy.tw / charles c, ttcat http://green.democracy.tw/

Slide 79

Slide 79 text

2014.07 loomio 改版 lulumi / tkalu https://github.com/tka/loomio

Slide 80

Slide 80 text

2013.02 全民公投 mockup / yunglin.ho -> et（使用工具：Adobe Fireworks） https://g0v.hackpad.com/-app--cbeSqmtPCjX , https://drive.google.com/folderview?id=0B0NsS2a-Qx8ZQ0Z6RnVCYWpIS1E&usp=sharing

Slide 81

Slide 81 text

藍氏量表：g0v 專案開花指數 ——你的專案長到哪了？

Slide 82

Slide 82 text

用繪圖軟體做UI →用angular接firebase 簡稱：被成長血淚史

Slide 83

Slide 83 text

No content

Slide 84

Slide 84 text

No content

Slide 85

Slide 85 text

Slide 86

Slide 86 text

走進審議現場——從青島東到經貿國是融入使用者——憲動盟與 NG0 放棄開發網路審議系統

Slide 87

Slide 87 text

走進審議現場——從青島東到經貿國是家華 + ttcat 發起街頭審議：公民憲政會議發現在街頭審議的情境中，網路工具其實都派不上用場經貿國是會議試用 loomio / google moderator 發現在網路審議的情境中，網路工具還是派不上用場終於發現自己其實根本不瞭解審議專業的實際需求終於發現產生有價值意見的關鍵不在工具

Slide 88

Slide 88 text

2014.04 公民憲政會議 loomio / ttcat https://www.loomio.org/g/SBiAj8rV/318

Slide 89

Slide 89 text

Slide 90

Slide 90 text

2014.04 經貿國是會議 hackfoldr http://beta.hackfoldr.org/NECTW2014

Slide 91

Slide 91 text

2014.05-06 經貿國是會議子議題收集 (google好問) / 國發會, 中研院資訊所, whisky https://www.google.com/moderator/?hl=zh-TW#16/e=214458

Slide 92

Slide 92 text

2014.06-07 經貿國是會議網路討論 (loomio) / 國發會, 中研院資訊所, whisky https://www.loomio.org/g/1uSV3IFq/ , https://www.loomio.org/g/txfpAWOC/

Slide 93

Slide 93 text

Slide 94

Slide 94 text

2014.07 發現秘訣 https://plus.google.com/u/0/+ETBlue/posts/fZZ5odBdckn

Slide 95

Slide 95 text

走進審議現場——從青島東到經貿國是融入使用者——憲動盟與 NG0 放棄開發網路審議系統

Slide 96

Slide 96 text

融入使用者——憲動盟與 NG0 ipa, isabel 為憲餅廚房要辦草根論壇順便體驗審議過程和仲庭討論後發現更需要散播現有的草根論壇資訊腦波最弱的人掉坑，開始亂入憲動盟固定每週一天和仲庭、家華協作，逐漸瞭解第一線需求網路審議輪廓拼湊完成，得到結論並脫坑投稿COSCUP 不知不覺變成在做NG0亂入一堆跟動民主不相干的坑

Slide 97

Slide 97 text

2014.12 動民主 lab 人體試驗 #2 公民憲政會議草根論壇 https://g0v.hackpad.com/-lab-2--nat0u94dlZh

Slide 98

Slide 98 text

2014.12 動民主 x 公民憲政會議 = 動憲法 https://g0v.hackpad.com/-x--ZlxnPcG1xLm

Slide 99

Slide 99 text

Slide 100

Slide 100 text

2014.12-2015.04 草根論壇記錄 + SOP導入 / 仲庭, 家華 -> ETBlue http://g0v.github.io/don-constitute/public/grassroot-0-jrf-20140829

Slide 101

Slide 101 text

Slide 102

Slide 102 text

2015.01 繼續發現秘訣 https://plus.google.com/u/0/+ETBlue/posts/S9xqd915UDH

Slide 103

Slide 103 text

2015.05 脫坑 https://plus.google.com/u/0/+ETBlue/posts/jmMuFAjSEXm

Slide 104

Slide 104 text

2015.05 脫坑 https://plus.google.com/u/0/+ETBlue/posts/jmMuFAjSEXm

Slide 105

Slide 105 text

2014.11 參與式民主座談 @ g0v summit / 家華 https://www.youtube.com/watch?v=2bOiJnzA2pA

Slide 106

Slide 106 text

UI designer 去旁邊玩沙接下來就是全端工程師的事了

Slide 107

Slide 107 text

要開發的不是審議系統而是依不同審議需求組合各種資訊輔助工具的方法放棄開發網路審議系統

Slide 108

Slide 108 text

網路與實體結合的審議 2012在「健康與醫療資料的加值應用公民論壇」遇見家華、peggy 台北林教授與泛科學合作，嘗試將實體審議與網路討論結合初次嘗試虛實並行，沒有整合得很好，但已令人驚艷

Slide 109

Slide 109 text

2012.07 健康與醫療資料的加值應用公民論壇 facebook https://www.facebook.com/hmiacf/info?tab=page_info

Slide 110

Slide 110 text

2012.07 健康與醫療資料的加值應用公民論壇 - 網路參與 http://pansci.asia/archives/tag/健康與醫療資料的加值應用公民論壇 , http://pansci.asia/health_and_medical_information_application

Slide 111

Slide 111 text

2015 vTaiwan 工作組 / 玉玲, au, LY, soidid, pm5, ... https://vtw.link/

Slide 112

Slide 112 text

No content

Slide 113

Slide 113 text

No content

Slide 114

Slide 114 text

網路上如何形成有價值共識？ 2014.04 回答不出來的問題

Slide 115

Slide 115 text

2015.08 vTaiwan 半年參與心得 / LY a.k.a. yhsiang https://medium.com/@yhsiang/vtaiwan-%E8%A8%88%E7%95%AB%E5%8D% 8A%E5%B9%B4%E5%8F%83%E8%88%87%E5%BF%83%E5%BE%97-d705 62a23154

Slide 116

Slide 116 text

網路上如何形成有價值共識？ 2015.04 的答案人類間形成共識的過程，要面對兩個獨立的問題一是超展開，一是不透明審議處理前者，網路處理後者雙管齊下才會有效

Slide 117

Slide 117 text

促進參與式民主的資訊工具 - 通用平台1 hackfoldr 共享書籤 (一堆人採用) source code hackpad 共筆 (家華&peggy@衛福部採用) *非開源 gitbook 共筆+出版 (宏偉@國發會join平台採用) source code facebook pages/groups 留言 (好食機&peggy@衛福部採用) *非開源 disqus 留言 (宏偉@國發會join平台採用) *非開源 sayit (一堆人採用) 討論紀錄 source code 動憲法 (仲庭@憲動盟採用) 討論記錄 source code wikiargumants 正反意見 (團隊參與德國海盜黨 BEO開發) souce code(?) billab 法條比較 (clkao開發中) sample source code hacktabl 共筆+比較 (mr.orz開發) source code

Slide 118

Slide 118 text

促進參與式民主的資訊工具 - 通用平台2 listrgb 收集+分類 (poga開發) source code bindo.la 收集+表決 (tkirby開發) source code polis 收集+分析立場 (一堆人採用) *非開源 discourse 討論 source code airesis 共筆+討論+表決 source code adhocracy 共筆+討論+表決 source code loomio 討論+表決 (whisky@經貿國是會議採用) source code google moderator 收集+討論 (whisky@經貿國是會議 / edgar@民進黨採用) *停止服務真度計政見追蹤 (averangeall開發) source code 政治承諾追蹤網政見追蹤 (mr.orz開發) source code

Slide 119

Slide 119 text

促進參與式民主的資訊工具 - 專用平台 parliament watch 國會監督 *非開源 democracy.com 參選平台 *非開源市長給虧嗎政見問答 (soidid&LY&pm5@沃草開發&採用) 舊版 source code democracy.tw 小黨參選平台 (charles&ttcat@綠黨網路支黨部開發 &採用) source? 割闌尾計畫罷免連署 (割闌尾團隊開發&採用) source code open dpp 民意收集 (民進黨網路部開發&採用) *非開源潑辣瘋人正反意見 *非開源聯合公民民意凝聚與施壓 *非開源 join.gov.tw 討論+表決 (宏偉@國發會開發&採用) *非開源 vtaiwan 收集+討論+表決 (玉玲@行政院 , au, LY, soidid, pm5, 雨蒼@社民黨開發&採用) source code

Slide 120

Slide 120 text

工具人請去這邊報到↓ 結論

Slide 121

Slide 121 text

動民主家族 hackfoldr http://beta.hackfoldr.org/don-democracy

Slide 122

Slide 122 text

No content

Slide 123

Slide 123 text

藍氏量表：g0v 專案開花指數 ——你的專案長到哪了？

Slide 124

Slide 124 text

人越外行，夢想越大 ——企劃菜鳥的告白動民主靜思語

Slide 125

Slide 125 text

真正的不懂，是連自己不懂都不懂 ——資深菜鳥的告白動民主靜思語

Slide 126

Slide 126 text

不懂的時候，就是要衝沒衝過，永遠不會懂 ——資深菜鳥的告白動民主靜思語

Slide 127

Slide 127 text

覺得自己是天才，就趕快動手做事等發現不是，就懶得做了 ——自戀症患者的告白動民主靜思語