動民主 x 公民憲政會議 = 動憲法
衍生自 動民主 lab 人體試驗 #2
上層：憲餅廚房
背景
- 動民主 2.0 規劃卡關後，經一番研究發現，網路公民參與的關鍵並不在於資訊系統，而在於建立審議的 SOP 以及培養多位能夠梳理議題的主持人，資訊系統必須依附在這個基礎上才能發揮作用。詳見這篇 google+ post。
- 目前公民憲政會議推動聯盟（憲動盟）內有審議民主強者坐鎮，正在進行一系列活動，也就是處理上述的基礎部分，但礙於人力，無法將公民論壇收集到的珍貴資訊完善地數位化。
主旨
- 中程：以憲動盟建立的真槍實彈的公民論壇資料為基礎，打造能夠輔助 NGOs 進行公民憲政會議的網路平台，以促進 2016 憲法公投為第一優先目標。
- 遠程：把上述網路平台帶到其他審議民主計畫做測試，將它調整成可以廣泛適用於各種情境的版本，然後回頭更新動民主 2.0，以便導入到 NGO 以外的地方，例如政府單位舉辦的公民論壇中。
相關專案
預定時程
- 草根論壇第一階段 2015/03 前：設計 web UI 與資料結構，先讓憲動盟現有的資料能夠透過網頁呈現。
- ETBlue 每週抽一天到民主平台辦公室與仲庭 cowork。
- 草根論壇第二階段 2015/05 前：根據第一階段的成果設計相對應的編輯介面，建立網路參與的管道
- 推動論壇階段：（視憲動盟計畫而定）
使用資料
- 司改會原始會議紀錄
- 司改會濃縮版會議紀錄
- 司改會會議手冊
- 司改會活動成果頁
- 靜宜大學活動規劃
- 台大工會活動報名頁
- 家華整理的一大堆參考資料連結
協作平台
- google drive (動憲法專案本身)
- google drive (憲動盟識別)
- github repo
- mockup preview on gh-pages
授權
- 草根論壇資料：CC BY-ND 公民憲政推動聯盟草根論壇各場次參與者 (確認中)
- 憲動盟識別設計稿：(來自台南場活動主辦單位，待確認)
工作事項
- 製作活動舉辦 SOP
- hackfoldr 範本
- 給主辦人的籌備說明
- 給會眾的手冊
- 給會眾的回饋表
- 整理活動呈現資料
- 報名表
- 宣傳素材
- 活動紀錄
- 影片
- 照片 10 張 + link to all
- 現場文字紀錄
- 官網呈現
- 媒體曝光
- 憲動盟網站
- (wip) vi file 整理 https://drive.google.com/folderview?id=0B0NsS2a-Qx8ZZGhJRlZvMkFDSUk&usp=sharing
- 會議紀錄資料整理
- wix version
- github pages version
- wireframe https://drive.google.com/folderview?id=0B0NsS2a-Qx8ZNFloek8ySlo0Wkk&usp=sharing
- (wip) webpage http://g0v.github.io/don-constitute/public/sample-event.html
- 辦公室整理
- wifi ap 12/18 done, SSID: Democracy WiFi
- 洗手乳
- 延長線 - castle s6b x 1 + 中繼線
- infographic 製作
- 重構 http://static.wixstatic.com/media/a766f0_6e921139256947a0b0c801f5cf2a82ac.png_srz_p_580_465_75_22_0.50_1.20_0.00_png_srz
參與者
警語：這個專案需要跟 NGOs 深入合作，跟一般開源專案稍微不一樣的地方是，由於 NGOs 組織的運作與社群不同，雙方協作時，許多可能影響到 NGOs 運作的事務，需要充分溝通，尊重對方工作方式，以免帶來額外困擾。專案成果 g0v 貢獻者可自行發佈，但是否正式採用則由憲動盟內部決定。
發起人：ipa、isabel
企劃 + UI + 前端：brad 仲庭、ETBlue
顧門口問：家華、ttcat
專案徵人：
- 可以分析憲動盟需求、幫忙規劃草根論壇會議內容的資料結構的人，請簽名：
- 可以協助憲動盟官網架站、搬站，且能長期支援的人，請簽名：
- 對動憲法沒興趣，但想當憲動盟志工的，可以找仲庭聊聊，請簽名：
- 單純想從旁觀察瞭解也非常歡迎，請直接來我們旁邊坐：chewei
確認事項
- 是否需要徵召資料整理 TxT 人手給 brad 使用？-> No，待資料結構確定後才有辦法指定整理方式
- 是否需要徵召設計師給憲動盟使用？-> No，發現憲動盟其實是有 logo 的！只是官網沒放而已… www
利益揭露
合作或相關組織/團體：公民憲政推動聯盟
專案成果預計用途：初期將以憲動盟草根論壇為範本開發，也會給憲動盟無償使用
已知商業利益/金錢物質報償：無
week 1 12/18 fri. discussion (仲庭、家華、ETBlue)
憲動盟現有的東西
對外
- fb fans page (public)
- fb community (public) 草根一堆人
- website (wix)
- news
- plans (intro)
- records
對內
- hackpad (private)
- google group
- google drive
期望
- 宣傳從 website 做頁面後才從 fb 分享
- 新聞發給參與者 mailing list
- 還要有 Youtube
目前問題
priority
- 紀錄呈現
計畫
phase 1
phase 2
week 2 12/23 - 28 progress
- 12/23 - 12/26 花了四天終於完成司改會的摘要版會議紀錄 UI，細節待下週跟仲庭、家華確認。網址
- 感想：有分層展開 / 收合功能的話，也許原始版會議紀錄跟摘要版會議紀錄不需要分開弄，接下來會開始測試原始版會議紀錄完整上線的效果
week 3 12/30 tue. 討論上週 mockup
待討論事項
- 用 google+ page 讓各場次主辦人上傳影片，記得自己備份以免發生悲劇
- mockup http://g0v.github.io/don-constitute/public/sample-event
- 現狀說明
- 四個標籤是我自己亂下的，是否有下標籤的統一準則，可以供後續編輯遵循？
- 最好是有相關專業的人來編輯，但是沒關係，目前影響不大
- 對應到原始會議紀錄的部分還沒做 XD -> update: 不用對應，將來直接上原始的
- 如何改善
- 資料結構與重點放置的地方要怎麼調整
- 原始會議紀錄要如何呈現討論的脈絡 -> 依時間排序，寫出發言人
- 後台： -> gsheet
- 舉辦背景
- 原始紀錄 -> cancelled
- 活動照片
- 海報照片
- 讓上傳的人可以有 GUI -> facebook / youtube
- 原始紀錄 html 化：
- 去識別但保留哪幾句是同一個人發言的脈絡
- 附上海報照片
- 如何使用潛在的 TxT 工具人 che wei（草根論壇環境場參與者）
- 家華：不同場次的會議紀錄整理的方式可能不太一樣，要邊弄邊想
- ET 先整理空污的看看
- 嘗試讓
- 極致的作法：
- 去識別化但是又知道是同一個人的發言（可能用編號，大場才夠用）
- 也許可以不只紀錄同意的，同時紀錄反對的 -> 有欄位了
- （如果有人用 block 一定會請他講理由）
- 參加者組成是憲動盟補上的，需要有這個脈絡，為什麼辦、是誰參加，這個很重要，也是跟網路不特定人任意來討論最大的不同之處 -> 也有欄位了
- 仲庭：可否寫空污場的參與心得 +_+
- 官網改版計畫
- wix 繼續上新的活動單頁
- et 處理成第二個野生官網的單頁
- 找後端工具人? (jimmy?)
- 也許可以每個場次的紀錄圖文並冒，但延伸做成…條列的部分 -> 網路上討論，用各自熟悉的 SNS，但又可以在同個地方一起看到 -> ans: facebook comment plugin
- 紀錄條目可連到論點頁面，頁面包含
- 不同場次中提到的相同論點
- sns comment plugin
- 草根論壇收斂完成推動論壇的議題資料，除了審議的意見書之外希望可有條列摘要，雖然是破碎的去脈絡化的東西，但是也是簡單摘要，可以並存。
- 草根在跑的同時如果可以扣連到網路上的討論，已經在筆戰的人可以看到新的會議結果…虛實交互作用。
- 實體的功用：收斂。網路的功用：擴大討論。網路不用去做收斂。
- 下一場參與者可以看之前的討論結果當做會前資料。
- 會前 - 發散<| 動民主 |> 收斂
本週心得報告 (google+ community post)
week 4 1/6 tue. 放連假過太爽都沒進度趕快來補嗡嗡嗡
空污場資料整理，問題：
- 前言、專家導讀的部分好像應該要以某種簡潔的形式呈現在摘要版的會議紀錄中，這些背景資訊好像蠻重要的
- solution: 全紀錄，除了問題、提案之外新增「導讀」分類，呈現時再用 UI 的 filter 設定為預設隱藏。這樣整份紀錄的資料格式還是可以維持統一
- 有些句子講到一半就不見了是…？？ XD
- 有些錯字，e.g. 憲動盟打成線動萌之類的，已逕改
- 向 brad 解釋用 google spreadsheet 當後台的運作原理
- brad 表示這是對一般人來說都非常 ok 的編輯介面，可以讓各場紀錄 follow 這個格式
- meta data 可以直接在同一個檔案內另開一個 sheet 供憲動盟編輯
- 潛在風險：
- 紀錄本身就要去識別化，不能記發言人真名 -> 可能要有雙紀錄機制（逐字稿紀錄 + 手勢反應紀錄），搭配名牌
- 因為 gsheet 資料會即時更新到網頁上，紀錄上線後表單編輯權限要鎖起來，以免誤改
- 頁面全部都在瀏覽器內即時 render，舊 device 可能會跑得慢，另可能會對 SEO 不利，要測試過才知道
- SEO: 暫時先手塞內文到隱藏 div，有需要的話一兩個月更新之類的
- 論點可以連到白板照片，白板照片也可以回到論點
- 實作方式可以加一個隱藏標籤（其實應該是資料表欄位 XD）標註連到哪張照片
- 更正：應該是意見書要對應到原始紀錄，就像是寫論文要有註腳一樣
- 本週日前：讓仲庭可以對家華跟恩恩 demo 用 google spreadsheet 當後端即時上稿的作法
- et在 gsheet 上設計將來給紀錄用的表格欄位給仲庭批改
適合放在網頁上的照片有三種：情境照、大合照、內容紀錄照
紀錄照跟主文附的照片可能會不一樣
week 5 1/13 tue. 雖然沒寫完程式但是！
空污場資料整理大致完成
草根論壇文字紀錄 SOP（草）
報名時
- 主辦單位
- 在報名表單中加入暱稱欄位（用來製作名牌，讓第一時間的會議紀錄就可以去識別化）
- 在報名表單中加入 email 欄位（用來設定文字紀錄權限，讓參與者可以 review 自己的發言是否有被曲解或錯漏）
行前
- 憲動盟
- 用範本建好該場次的 google spreadsheet
- 權限設定給主辦單位紀錄人員
- 主辦單位
- 將活動基本資料填入 overview 表格中
- 將報名人填入 setting 表格中
- 工具人
當天
- 主辦單位
- 準備可以讓兩個人順暢使用的網路
- 如果場地沒有 wifi，起碼有一台手機可以連 3G 開 AP 分享頻寬
- 準備兩位紀錄人員
- 一位用電腦，快速打字紀錄發言內容
- 另一位用電腦或平板或手機，用下拉選單紀錄發言人、發言手勢、現場反應
事後
- 憲動盟
- 在 log 表格中設定每筆文字紀錄的 meta data
- 在 manual 表格中設定活動紀錄網頁的 meta data
- 主辦單位
- 將相簿等相關網址填入 overview 表格中
- 補齊 log 表格中的文字紀錄
- 工具人
事後一週
week 6 1/20-1/21 平台的憲餅需要消化 oroz
- （跟憲動盟無直接關係的）新坑：因為 2015 01 17 所以 憲餅圖譜
- 1/23-1/24 補充了非常多憲法跟國家體制相關知識…（腦袋塞滿消化中）
- 感想1：回想起圖解思路這個專案
- 感想2：需要不會彈跳的「不只是人物關係圖」視覺呈現工具
- 賀成功上傳 youtube 影片…（？！）
- 新版紀錄表格試用結果：
- 結果逐字還是要開 doc
- 試試看當場一個人一格子，事後再切爭點？
- 1/21 賀民主平台進入 hackfoldr 的世界 XD
week 7 1/27
- 問：憲動盟 google drive 中外部資料收集的部分是否可將權限改為 public 以利憲餅廚房使用
week 8 2/4 - 2/8
超忙沒時間更新 hackpad
- list 頁面完成 http://g0v.github.io/don-constitute/public/grassroots
week 9 2/11
這週要完成的
- 準備於 2/14 黑客松提案，可能的坑：
- 徵 txt 組，黑客松當天與仲庭 cowork 補完 gsheet 紀錄
之後慢慢做的
- 各場次 metadata 除錯與補完
- gsheet data 細部調整
- 如何讓參與者上傳心得？ e.g. https://g0v.hackpad.com/PotxWBJXIE8
等待資料中的場次
野生官網補完 (ET)
- 可能採用的 image slider
- http://bxslider.com/ -> 有 github ++
- http://www.jssor.com/demos/full-width-slider.html -> 扁平風格
- http://cssslider.com/ -> 麻瓜用
專案報告@2015/2/14 不得宣傳罷免黑客松
這兩個月間和憲動盟夥伴協作的成果
- 協作前：正牌官網之草根論壇會議紀錄
- 協作後：野生官網之草根論壇會議紀錄
原理
- 流程與效能：預先定好空白模版給主辦單位 + 用 google drive 協作
- 後端：用 google spreadsheet 整理草根論壇記錄同時做編輯權限控管
- 前端：用 tabletop.js 讀取 gsheet，因此後台修改過的資料可在前台時更新
中間發生的事
- 設計好初步的頁面外觀後，開始思考資料結構
- 拿第零場的資料來測試，手工把 doc 變 json，然後寫 javascript 讀取 json 檔案生出頁面
- 發現 json 對紀錄人員太不友善，煩惱要改用什麼 CMS 當後台
- 後台卡關沒事做，用 gsheet 整理空污場會議紀錄
- 整理完才突然想到 gsheet 有 api 欸
- 成功接上 gsheet api 後，被稱呼為工程師
今天徵人
- 看不下去會議紀錄網頁誰在乎誰痛苦之資料強迫症 TxT 組
- 未熟不調教，還沒開始徵程式設計師
整理會議紀錄的秘訣
- 打開草根論壇活動頁面
- 編輯會議紀錄，請按頁面底下「秘訣」按鈕
- 翻閱會議紀錄原始檔案，請按頁面底下「秘訣的泉源」按鈕，如果有的話
- 翻閱會議紀錄原始檔案的更原始逐字稿，請按頁面底下「秘訣的泉源的泉源」按鈕，如果有的話
我準備好被整理了！的場次
- 1 http://g0v.github.io/don-constitute/public/grassroot-1-ntulaw-20140927 ，跳坑簽名：
- 2 http://g0v.github.io/don-constitute/public/grassroot-2-nckulaw-20141101 ，跳坑簽名：
- 5 http://g0v.github.io/don-constitute/public/grassroot-5-cet-20141219 ，跳坑簽名：
- 8 http://g0v.github.io/don-constitute/public/grassroot-8-tahr-20150118 ，跳坑簽名：
- 9 http://g0v.github.io/don-constitute/public/grassroot-9-taedp-20150124 ，跳坑簽名：yyli
p.s. 會議紀錄整理細節請洽家華 or 仲庭，仲庭下午會到，家華應該是早上就會到 XD
week 10 2/16 - 2/22
過年週，因為被家華和仲庭抓去好食機審議，莫名其妙整整五天假期就不見了…這跟動憲法有什麼關係呢？關係就是這導致動憲法本週完全沒有進度（逃
好食市集 hackpad
好食市集 mockup
week 11 2/23 -
真‧放假，完全沒有進度
week 12 3/6 fri. - week 13
……籌備 318 週年線路松……（遠目）
week 14 3/16 港台社運流會、318 週年
3/16 港台社運交流會 @ 華人民主書苑、318 立院線路松 / 憲改鐘 / 晚會短講
……因為上面這些碗糕，動憲法也完全沒有進度……
week 15
因應憲動盟運動路線調整，放下程式碼，拿起heywood’s政治學
籌備 3/28 第壹次憲餅松，g0v、ngo、學界～～合體！
week 16
愚人節週，打混沒進度 XDrz
week 17 4/8 wed. -
單場草根論壇頁面調整，除了原有的：
- header活動資訊
- 文字紀錄內容
- footer相關連結
以外，新增：
- 活動側拍照片
- 海報白板照片
- youtube 影片（詳 https://www.youtube.com/channel/UCpsVT9xH6UDU50o4ree9iRw/playlists）
TODO
- 找 embed photo 工具：
- http://embedsocial.com/embed-gallery.php （facebook page 專用）
- picasa web album
- layout 重新設計
- 還是放在同一頁，用 id section 切換內容
- update gsheet templates && 各場次 gsheet
- update .js in level-one.jade && 各場次 .jade
week 18 4/15 wed. -
憲餅限時批（ipa, isabel） + 動憲法（et） + 憲動盟（仲庭, 恩恩, 宜臻） + 路人（村長） @ 民主平台辦公室 小松
- 孕婦抓著律師和秘書長完成了憲改藍圖 whole picture
- et 網站還是寫到一半…
- brad 解釋了投票系統需求，結論：先把範例題型寫出來，再看看是不是有現成的工具可以用，沒有的話提案
專案報告@2015/4/18 無殼蝸牛黑客松
憲動盟野生官網
緣由
- 憲動盟 原本的草根論壇頁面，架在 wix 上，html 結構 XDrz 不易搜尋，且無法 responsive
- 為了加上可以分類看發言紀錄的功能，於是製作了 野生的草根論壇頁面
- 既然都架了野生官網，想說就順便把首頁一起做好，和官網互連提升彼此 SEO
要做的事情
- 使用 目前官網首頁、目前官網計畫介紹頁 的內容
- 使用 google spreadsheet api，讓 NGO 夥伴可以利用 gsheet 當後台更新網頁內容
徵人
- web designer：
- front end programmer：ddio, tim
目前使用工具
- jade
- sass
- semantic ui
- tabletop.js
- handlebar.js
- bx slider
- 結果 ddio 發現之前之所以不能動是因為把 ul 寫成 ui 呵呵 XDrz
- fire.app
- 內嵌 facebook page album 的工具
- picasa web album 的 embed 等於不能用，slideshow 還是 flash 啊啊啊啊啊啊啊啊 TAT 還是從 google drive 直接掃資料夾或者就用 facebook page albums 吧…
授權
- 源碼：MIT
- 資料：CC BY-ND 公民憲政推動聯盟
工作區
- github repo
- 憲動盟 fb page 相簿
憲動盟野生部落格
緣由
- 憲動盟原本的 新聞稿論述文章等資料，放在 facebook 跟 google drive 裡，難以搜尋，也無法分類瀏覽，導致憲餅廚房的夥伴找資料困難
要做的事情
- 架一個野生部落格，把資料放進去，並做好分類
- 做完後把 ownership 轉移給 NGO 夥伴自行管理
預計使用工具
- google 家的 blogger，因為 NGO 夥伴都有 gmail 帳號也慣用 google drive
徵人
授權
- 源碼：MIT
- 資料：CC BY-ND 公民憲政推動聯盟
松後更新
- 結果仲庭自己跳坑用 blogger 做官方部落格 XD
week 19 4/22 wed.
- 仲庭：new-tw.org 指向 civilconvention.blogspot.tw
- ET：redirect 失敗，但反正影響不大就先擺一邊……結果被路過的 tka 修好 XD 結果是要把 location.pathname 改成 location.hash
- <script>
- var current_path = location.hash;
- var map = [
- [’#!about/cjg9’,’p/blog-page.html’], //目標與計畫
- [’#!blog/c1j4z’,’’], //倡議行動
- [’#!applyform/c3s6’,’’], //加入合作
- [’#!《新憲運動宣言》記者會新聞稿/c1kz7/3DF3700D-1397-4AD6-948E-90A8FE9799BC’,’’], //記者會新聞稿
- [’#!憲政草根論壇-x-司改會/c1kz7/1’,’’] //司改會
- ];
- for (var i = 0; i < map.length; i++){
- if (current_path == map[i][0]){
- window.location = map[i][1];
- }
- };
- </script>
- ET：用 semantic ui 的 tab 完成頁內分頁
- 例如 http://g0v.github.io/don-constitute/public/grassroot-5-cet-20141219#/overview
- ET：內嵌 youtube 影片、facebook 照片（現有場次頁面）
- #0 json 轉 csv 後套上統一 template
- 調整原本的 footer 擺設
- meta 資料接到 gsheet 以便仲庭編輯
各場次資料備忘
- youtube link
- blogger link
- embed static hackpad
week 20 4/29 wed.
week 21 5/5 tue.
- blogger embed hackpad ...
week 22 5/12 tue, 5/15 fri.
5/12 網路星期二，et 跟仲庭分享NPO資訊人的悲哀
5/15 仲庭報稅... 要用 windows XD