動民主 1.0 介面設計 Pirate Feedback UI Redesign
專案介紹 | Project Readme / Meta
動民主介面改版之前端工程卡關搶救計畫 - hackth4n 專用頁面
這次 8/10 黑客松的東西先放上面這個文件(因為主要 focus 在 angular 怕整個貼落落長),之後再合併進來原本這邊
來龍去脈(想解決什麼問題)
主旨
- pirate feedback 是一套開源碼的民主倡議與表決系統,目前已中文化並使用中。但介面讓使用者難以接受,所以需要重新設計。
牽涉領域
現有類似專案
- 動民主 2.0(壹民主 / 全民踹共 / 零時國會 / ... 名稱未定) 新版動民主還在早期規劃階段,在那之前,我們需要先讓第一版動民主可以上線使用,到時候再轉換過去
相關組織單位
相關專案
- pirate feedback 是 liquid feedback 的改良版
授權方式
使用資料
相關資訊
- 台德義 edemocracy 討論群組 - https://groups.google.com/forum/#!forum/e-dem
- 動民主 1.0 與 2.0 專案發展過程 - https://docs.google.com/presentation/d/1kA3jf0pQbPF87mRidkp0ChlAiztGw8eOYYTasfU0yQ0/edit?usp=sharing
專案目前狀態
目標與功能(要如何解決)
預定使用者
預定功能
- 同 pirate feedback,只是介面重新整理
使用方式
實做細節(非技術背景可跳填)
使用技術
協作工具
- hackfoldr 工作資料夾網址:http://hack.g0v.tw/meta/sonS8O8jEzU
- github repo:https://github.com/Mec-iS/angular-lqfb-redesign
產出檔案格式
進度與 to-do
- ui / visual design
- 需要重新套版至 angular js
現有成果
- pirate feedback 系統原貌 http://lqfb-test.g0v.tw/pf/
- 系統分析文件 https://docs.google.com/folder/d/0B0NsS2a-Qx8ZN3dBc3F2R2dzUzg/edit?docId=1UrC-s_SA70JbxdcaOlOxuVTJ3i9USA_pMnRI2OZ6s5k
- 介面設計圖稿 https://docs.google.com/folder/d/0B0NsS2a-Qx8ZV0ZGVEJLRHUtSk0/edit
- 第一版 html / css mockup http://g0v.github.io/pirate_feedback_ui_redesign/
- 由義大利的朋友 Lorenzo 將前後端改成 angular js - https://github.com/Mec-iS/angular-lqfb-redesign
- Yuan Hsiang Cheng 套好了 http://yhsiang.github.io/angular-lqfb-redesign/app/#/
開發者
技術指導
分工與成員
- 初版 UI 與 mockup - ETBlue
- angular js 前端工程 - Pomin Wu, Yuan Hsiang Cheng
- 初版 UI 改良 - (請簽名)
開發手札
前端工具集
mobile web
Quick Start Guide to PhoneGap+AngularJS
phonegap / phonegap-app-anyconference
http://nativedroid.godesign.ch/demo/index.html
Topcoat - CSS for clean and fast web apps.
色盲友善色票 http://colorbrewer2.org/
讓 Fire.app 支援 Jade 的方法
irc 暫存區
au 發現 jQuery Mobile 有 holo 的 skin
http://nativedroid.godesign.ch/
很擔心prfb的網頁版爆炸慢
所以要包成 app 啊
據說 web app 也要全部先 render 出來,只是讓 view 疊在一起,然後在互動時調換 layer 順序?
不然用 toggle display 一樣會 render 很久...
是的,jQuery mobile 正是這樣
app 的好處只是所有的 view 一次在安裝時下載完了
(而安裝時使用者的耐心比平時好很多)
那麼議案清單需要分頁嗎?還是一直往下捲捲捲... 據說 js 不清記憶體的,捲到後面會爆炸慢 orz
我覺得如果同時進行的議案不太多
=看歷史議案不是常態
=有需要時(捲到後面)再載入 = 就還好。
也有怎麼樣都卷不完,但是每次只 render 出一些資料的方法喲
聽說叫做 grid