立法卡到陰

最後編輯:2017-07-03 建立:2017-07-03 歷史紀錄

垂暉 邱專案網址:http://frank00125.github.io/wp2014s_final_project/introduce_page.html

 

 

ANNIE L提案人:

 

國立政治大學

 

資科四 蘇智煒

社會四 邱思頴

資科三 陳立強

資管三 邱垂暉

廣電三 林思妤

日文三 孫湘蕙

 

 

IPA C專案說明

邱思頴民眾大多數只能透過大眾平面媒體或是網路媒體了解最近的法案相關議題,然而不論是電視或網路媒體所播報出的訊息都是經過篩選且不完整的,當大家都在關注熱門的法案如:服貿或是核四的同時,其實法院也正默默通過許多與我們切身相關的法案,但這些冷門法案卻不為大眾所知,原因除了是因為媒體炒作外,法案常常給人一種嚴肅又無趣的形象,讓人望而卻步,所以我們希望透過一個簡單的網頁抽卡活動的設計,引起名眾對冷門法案的注意和對立法過程的多一點認識,進而透過這個遊戲的方式散播訊息出去讓更多人知曉。

 

 

    IPA C要解決的問題

CHIA-LIANG K現有類似專案

IPA C(現成的是否可以直接使用?或者有什麼不足之處?國外專案可參考?)

 

邱思頴國會大代誌 http://ly.g0v.tw/calendar/today

同樣以立法院公開的議程資訊和會議記錄來做方便民眾找尋的資料彙整平台。

 

優點:

  1. 畫面設計簡單簡潔,方便使用也易於了解。
  2. 將資料分類並列出分類和時間,以及相關立委的回應和資料。
  3. 除了會議審查外,也有公聽會的資訊匯入。

缺點:

  1. 只依照時間軸排序會議議程,法案相關的資訊不多也不詳細,若想持續追蹤同一法案則需要自己另外搜尋。
  2. 僅止於提供會議資訊平台,並未有相關資訊的詳細介紹,也未有民眾公開討論的空間,推廣上可能不容易造成效果,導致實用性的降低。

 

話筒式的公共參與 http://billy3321.github.io/lytel/

以立委資訊提供為主,讓民眾可以得到所有立委的聯絡方式,透過話筒實踐公民參與

 

優點:

  1. 頁面設計簡單,資料排列整齊詳細。

缺點:

  1. 僅止於提供立委的資料,倘若需要聯繫然需跳出網頁進行,且並未提供電 子郵件地址。
  2. 只有立委的聯絡方式,資料不多,感覺可以加入參與相關法案資訊的整合。

 

ET B相關專案

IPA C(衍生自某專案/衍生出某專案/API串接自某專案.)

 

邱思頴立院影城

運用立院開會時的錄影資源,將知會整治同一平台,並開放民眾即時參與討論

 

優點:

  1. 提供即時性和回顧紀錄的影片,生動且吸引人
  2. 有民眾線上評論的功能可以讓民眾有討論空間,評論機制有趣活潑,讓人印象深刻

缺點:

只有提供會議中的影片,並沒有針對審查的議題有太多著墨,讓民眾必須要跳離該頁去搜尋資訊

 

立委投票指南

 

ANNIE L優點:

1.以政黨顏色、選區方式,甚至是所在之委員會將立委分類,一目了然。

2.有排行榜的功能,使民眾可以輕易了解立委的工作狀況。

3.連接如罷免立委等相關的網站。

 

缺點:

1.畫面過於簡易,較無設計感,配上例如法案頁面這類較死硬的資訊,讓人有不想閱讀的感覺。

2.互動的部分只開放留言,較無參與感。

 

 

邱思頴授權方式

IPA C(程式碼部分如 MIT/BSD /文件部分,如 CC-BY)

邱思頴MIT

CC-BY

 

使用資料

立法院網站資訊

國會大代誌

立委投票指南

網路資訊

ptt上資訊

 

專案目前狀態

規劃、構想、雛形

 

 

    IPA C目標與功能(要如何解決)

IPA C預定功能

    吳孟翰功能不用多,找出你們網站 unique value ,針對該點設計到最佳即可。
    吳孟翰很多東西可與其它網站內容相連結,不需自己再做一份 (e.g. 立委資訊)

邱思頴抽卡功能:

每位使用者進入之後會先進入抽卡的活動,卡片內容是立法的所有法案(包含提案與一二三讀和生效的法案),我們從中選取八個議案讓使用者抽取,依照議案的不同分為五個等級,分別是一星(提案中)、二星(一讀)、三星(二讀)、四星(三讀)和五星(生效)五種,抽取的機率是一星最高五星最低,所以生效的法案會比提案中的法案還要不容被抽到。抽卡之後可以看到議案的名稱和提案緣由,旁邊還會有一些call to action的功能,例如:閱讀更多法案相關資訊、分享至臉書讓使用者深入了解法案。閱讀更多的按鈕會連結至國會大代誌的法案細節頁面,在那裏他們可以獲得完整的法案資訊;分享臉書的功能是可以在臉書上發布使用者抽卡得到該法案並想與大家分享請大家關注的貼文,而上述的功能都是要註冊登入會員之後方可使用。

 

戰鬥功能:當使用者連續登入多天之後,就會蒐集到許多張法案卡片,只要卡片張數多於五張,就可以展開和不同人的對戰模式,每天最多可以進行三次對戰。每次對戰可以選取卡片庫中的五張卡片對戰,自行擺放順序,依照擺放順序比星數大小,星數大的即獲得一個圈,五戰三勝制,獲得三個圈以上就算獲勝!每天玩家可在登入之後變換牌組,當天只能更換一次,按下確認鍵之後,隨機進行配對對戰。

 

使用流程

 

 

 

 

 

ET B預定使用者

邱思頴1.想知道卡片內容

2.想要了解現在還有哪些法案正在進行審查

3.想要蒐集所有法案卡片

 

 

    邱思頴Core and path sheet

邱思頴

 

https://docs.google.com/drawings/d/18V6RH90oL8qrxhH-5bQEvsergxhm2wAnoEhIH2pOBso/edit

 

 

    邱思頴Site structure

邱思頴

 

 

 

    垂暉 邱Mockup

邱思頴入口畫面

 

 

選卡頁面

 

 

 

選卡後的法案卡內容

 

 

 

註冊頁面

 

 

遊戲規則

 

 

卡片庫

 

 

戰鬥頁面

 

 

 

 

    垂暉 邱工作進度

  • ANNIE L5/ 5:完成HTML架構設計
  • 5/ 12:完成CSS設計
  • 5/ 13:完成測試
  • 垂暉 邱5/ 14:完成所有頁面之設計 (HTML+CSS)
  • ANNIE L5/ 21:法案部分的JS + Cloud DB完成
  • 5/28:立法委員部分的JS + Cloud DB完成
  • 5/ 5:立法審查小知識部分的JS + Cloud DB完成
  • 垂暉 邱6/ 1 1:作品完成 (js+cloud DB),進行beta測試

 

    IPA C徵求協作者

LANFON發起人/拋磚人:

ET B分工與成員

  • 淑華NeedsWriter: 需要文案幫手(撰寫基本資訊、報導專案etc)
  • NeedsDesigner: 需要介面設計
  • NeedsData: 需要資料(擷取、清理)
  • NeedsTech: 需要技術支援(程式、架站 etc)
  • NeedsProcess: 需要幫忙設計作業流程
  • NeedsTalkingToRealPerson: 需要有人幫忙和其他機關聯絡
    ET Blue設定成 project registry 中的 tags,需要幫忙的會自動 promote 到 g0v project hub

 

 

 

    ET B細節(非技術背景可跳填)

ET B協作工具

  • github repo:
  • hackfoldr 工作資料夾網
  • 址:
  • google drive 共用資料夾網址:

 

進度與 to-do

    ET Blue僅供參考
  • product planning(recommanded procedure from justin lee / 李易修)
    • strategy
    • scope
    • structure
    • wireframe
    • visual
  • web front-end
  • web back-end
  • ui / visual design

 

 

    吳孟翰Please update the website link!