Hackpad 封存器 - g0v

氣候選戰 Vote for Climate

最後編輯：2015-04-29 建立：2014-08-30 歷史紀錄
g0v idea pool 環境 NGO
    lanfon如果是留 mail 的話請避免使用超連結。 ( hackpad 會對超連結加上 http://
    lanfon善用強調的hackpad編輯功能( Ctrl + E )，參考：hackpad 超新手教學
    lanfonhackpad id 建議使用 英文 ，使用中文會無法 tag ( @ +id )
    lanfon已先加進 idea pool 的 tag.
    Yingfanlanfon謝謝建議！我們對hackpad不是很熟還請多多指教...

    IPA C徵求協作者

LANFON發起人/拋磚人：陳膺帆(infantchen@gmail.com)、何沛怡（a41081legopeiyi@gmail.com）、悲羊

ET B分工與成員

  • GINGER CNeedsDesigner: 需要介面設計 Ginger Chen
  • CHI-HSUAN, HNeedsData: 需要資料（TWYCC提供）
  • NeedsTech: 需要技術支援（程式、架站 etc)
    • CHUI-HSIEN L前端網頁架設
    • 後端資料庫建置

 

YINGFAN因為我們的網站需要比較多, 有前輩建議我們先從前端開始, 我們現在有些資料, 想請前端工程師先幫我們做出頁面, 之後再接後端。

 

    IPA C專案簡介

YINGFAN

 

IPA C專案說明

 

LANFON發起人/拋磚人：台灣青年氣候聯盟 TWYCC

GINGER C官方網站 http://twycc.org.tw/

 

 

  1. YINGFAN希望發起「氣候選戰」串連全台各校監督在地候選人之「環境政見」，在各校招募氣候選戰小組，議題由在地行動發起人自行設定(當地所關心的環境議題)。
  2. 以網路平台做訊息、資源串連，提昇公民對於氣候環境政策之意識。
  • CHUI-HSIEN L「擴大」希望讓更多人看見更多環境政見，鼓勵大家使用投票，決定環境未來
  • 「培力」嘗試串起各校的環境青年據點
  • 「政策」喚起大家對更多氣候政策（調適＋減緩）的重視

 

詳細Proposal：

https://docs.google.com/document/d/1S4mrxlqBvZSXUV95XLbG8lPAA_R2LGwRVb9XXaaaBrs/edit

 

    IPA C目標與功能（什麼問題，要如何解決）

IPA C預定功能

  • CHUI-HSIEN L社團以及在地環團行動串聯交流平台。
  • 查詢相關環境行動的最新動態
  • 監督候選人針對環境表態
  • 公民監督相關新聞分享
    Pei-yi Ho有沒有想提出的議題？空氣汙染？氣候變化帶來的災難？之前g0v有作過環境儀表板有空污和雨量資料可以參考 http://env.g0v.tw/air/
    Pei-yi Ho我們目前的想法是，各地的議題由在地環保行動者自行提出，但主要還是與氣候變遷、環境議題相關。這個網站的功能之一是可以讓使用者自行新增和編輯內容，所以各地方會針對自己的區域選出最有利的行動策略與關注議題，所以我們只要建立讓大家都可以上傳行動、資料平台就可以了

 

ET B預定使用者

  • CHUI-HSIEN L環保團體
  • 在地氣候選戰小組
  • 選民

 

    IPA C要解決的好多問題

CHUI-HSIEN L前端網站設計

後端架設及資料庫建置

上傳者的Facebook粉絲專頁貼文同步

網站上的貼文有Facebook分享功能

PEI-YI H建立使用者用Facebook或Google登入網站的系統

 

IPA C授權方式

CHUI-HSIEN LMIT, CC-BY

 

ET B專案目前狀態：要生網站!!

 

CHUI-HSIEN L網站架構：

各縣市→

 

  • 行動(監督候選人表態)→
    • 發佈
      • 更新後續消息(ex. 選民在「市長給問嗎?」提出問題，候選人之後的回應)
  • 參加(提供連結)
    • 捐款(僅提供連結)
    • PEI-YI H
  • CHUI-HSIEN L候選人(如果有)→
    • 政見→列出各候選人對於各在地環境議題的政策及立場
    • PEI-YI H
  • CHUI-HSIEN L新聞→
  • PEI-YI H 媒體相關新聞報導
  • 使用者的訪調、觀察和評論

 

 

    ET B實作細節（非技術背景可跳填）

ET B協作工具

  • github repo：https://github.com/g0v/VoteforClimate

 

進度與 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

 

CHI-HSUAN, H頁面

 

  1. 最新活動 (首頁)
  2. 活動列表 (顯示多個活動)
    Ginger Chen
  1. 活動內容 (顯示單一活動下的PO文)
  2. PEI-YI H候選人政見比較
    • CHI-HSUAN, Hex: 比較胡志強、林佳龍 政見
  3. 文章 (新聞分享)
  4. 新增政見內容
  5. FB登入
  • 登入only： 新增政見內容

 

表單內容

 

活動 (has many messages)

  1. 活動名稱
  2. 發起人
  3. 聯絡方式
  4. cover photo
  5. 活動簡介

訊息

  1. 標題
  2. 照片
  3. 活動

政見

  1. 候選人
  2. 政見內容

新聞

  1. 標題
  2. 連結 (顯示圖片)

 

    ET B成果展示（規劃文件、雛形/草稿、原型/初稿、正式發佈/完稿）

YINGFANwireframe:https://drive.google.com/file/d/0B7mNkeigw1U1eEVTWXZ2SWg3Rm8/edit?usp=sharing

 

(1)是首頁，可以用三種方式(5),(6)來檢視，(1-1)有列表

(2)是一個議題(ex:松煙護樹)，在這個議題下面有更新的post

(3)是post詳細內文

    YingfanGinger Chen 我想這裡的候選人政見比較表該乾脆就改成一個按鈕，可以連到(6)好了
    Ginger ChenOK

(4)是行動串聯地圖，可以知道你家周圍有哪些環境行動，概念是從這裡發想：

http://nonukeyesvote.tw/action.php

(5)是從各個區域來看在地所關注的議題，你也可以藉此了解你們區域所關注的環境議題有哪些

(6)是各候選人對於這個議題是否有任何政見或看法(上面橫的那列可以切換左右不同議題。ex:核能,雪谷纜車,火力發電....)

    YingfanGinger Chen我覺得可以再加一頁以候選人連結議題(6這頁是議題連結各候選人)
    Ginger Chen是說, 候選人有關注過的議題, 都列在這一頁嗎？

(7)關於我們(可以列出以加入氣候選戰的NGO和社團)

 

    GINGER CTWYCC網站建構 V1

 

GINGER C

 

 

    GINGER CTWYCC首頁

 

GINGER C

 

籌募部長 T最上跑馬燈處跑最新環境相關新聞。下面各圖示放主要專案最新資訊，點進去可連到專案頁面(2)（目前專案有水水一百、Vote for Climate、COP20、綠色企業、政策研究）、次要專案連結（COYTW、綠色氣候基金、IPCC）。頁面底端放友好夥伴LOGO連結（連到official website)和贊助資訊。另外頁面其他空白區可放追蹤我們FB、youtube等圖示連結。

  • GINGER Cyoutube 是有專屬頻道嗎？需要放連結上來喔！
    Doris LoGinger Chen 有專屬頻道→https://www.youtube.com/user/TWYCC?feature=watch

GINGER C===============================================================

  • DORIS L最上排Link文字更改：拿掉候選人有話要說，環境專案改為活動企劃、新增最新消息和認識氣候變遷
    Ginger Chen這裏認知最新消息就是下方跑馬燈, 訊息目的重複, 所以暫時先拿掉
    Doris LoOK

GINGER C

===============================================================

  • DORIS L上排跑馬燈：在跑馬燈右下角增加最新消息或More...的字樣，點此連結就可以連到所有文章或新聞的頁面
    Ginger Chen 目前想法是, 點圖就可以直接連結到文章和頁面 Doris Lo
    Doris Lo原先以為點圖只能連結到該文章，但如果點圖就可以連結到所有文章頁面，同時看到該文章和其他文章link就歐給。
  • 跑馬燈右下角FB、Youtube那排：新增Peopo
    Doris LoGinger Chen 可否在peopo那排幫我新增FB https://zh-tw.facebook.com/rocktwycc

GINGER C

===============================================================

DORIS L下面活動企劃：八個專案縮減為五個→

  • GINGER C 氣候行動
    Ginger Chen氣候行動 ＝ vote to climate ? Doris Lo
    Doris Lo兩個不同，vote for climate是氣候行動底下的行動專案之一

 

 

  • 政策研究
  • COP
  • 活動資訊
    Ginger Chen活動資訊和專案, 應該是不同型態的資料, 為什麼想放在這兒呢?
    Doris Lo因為照上面的link把環境專案給為活動企劃，想把其他不屬於任何專案的活動例如擺攤合作或演講等宣傳文章都放在這裡
    Ginger Chen因為這資訊會持續變動, 應該放在上面最新消息比較好喔！ Doris Lo
    Doris Lo歐給

綠色工作(Green Job)

    Doris Lo不是綠色工作坊喔~英文的(Green Job)也放上去這樣比較好懂，因為是從英文翻過來的
    Ginger ChenOK~
  • DORIS L可否幫我把政策研究和氣候行動放在最上面兩個，這兩個目前是最重要的活動企劃 Ginger Chen

 

詹皓詠 Vote for Climate

GINGER C

===============================================================

  • DORIS L現在就能支持我們：新增更多捐款辦法字樣，還有捐款方式圖樣→
  • 超商代碼捐款（小七圖樣）、
  • ATM轉帳（ATM圖樣）、
  • PayPal
  • 是否也要新增TWYCC匯款帳號?【匯款帳號】 華南銀行信義分行 (008) 匯款帳戶：119-10-0076721 戶名：社團法人台灣青年氣候聯盟
    Ginger Chen目前想法是, 點擊ATM後可以出現以下訊息, 請幫我補充 ibon 訊息, paypal 會直接轉跳
    Doris Loibon還在申請中，我盡量在這禮拜處理完
    Doris Lo
    Ginger Chen
    詹皓詠所以是戳了ATM的button之後會浮出資訊的意思嗎？
  • 聯絡人改 秘書長 廖士婷
  • Ginger Chen 不好意思，我們秘書長改為許莞庭，再麻煩幫我更改一次，謝謝！

GINGER C

===============================================================

  • DORIS L合作夥伴確認：
  • tcktcktck
  • 350.org
  • Unite for Climate
  • 立凱電
    Doris Lo他們有Logo~http://www.aleees.com/tw/
  • AYCN
    Doris Lo也有Logo

    Doris LoGinger Chen 麻煩再幫我新增環科工程顧問公司（ESTC) THX!!!
    Doris Lo

 

GINGER C===============================================================

  • DORIS L網頁最最下面放©2013 Taiwan Youth Climate Coalition Organization operating as TWYCC, a non-profit organization. 字樣
    Ginger Chen© 因為是用g0v資源做的, 所以...應該copyright 會是cc授權耶... Doris Lo
    Doris Lo喔! 其實我不太確定這個，我是看官網有所以就放上來了XD，可以不要理我這個
    Ginger ChenOK~

 

GINGER C

 

 

    GINGER C活動企劃

GINGER C

  • 籌募部長 T頂端放專案介紹文
  • GINGER C活˙動更新文
  • 籌募部長 T下方圖示以時間軸跑專案文章
    詹皓詠嗨我是前端工程師，想問一下那個最上面的navigation bar在hover之後出現的選單啊，是只有在這個頁面的時候hover會有，還是在其他頁面的同一個link上hover也會出現?
    Doris LoGinger Chen 再麻煩你回應~

 

 

 

    GINGER C認識氣候變遷

 

    Ginger Chen這裏要放什麼內容呢?
    Doris Lo這邊主要構想是介紹關於氣候變遷歷史
    Doris Lo、現況、重大新聞和里程碑，還有相關的名詞解釋如氣候會議、氣候基金等。是說我們要先把內容條列給你，還是可以先幫我們設計一個頁面，之後我們慢慢加上去？
    Ginger Chen都是文字敘述嘛？我建議先將內容給我, 因為我擔心後續你們維護會有困難(目前還在想解法中) Doris Lo
    Doris Lo基本上都是文字敘述，可以的話希望圖文搭配，恩...目前內容還沒想好，我看看這禮拜可否打上來
  • DORIS L

 

 

 

    GINGER CVote for Climate的候選人回應追蹤

 

    Ginger Chen這一部分還要嘛?
    Doris LoYingfan
    Yingfan這一部分我想先不用了，之後有新的追蹤我們就用文章的形式呈現就好了
    Ginger ChenOK

 

    GINGER C台灣地圖

GINGER C

 

籌募部長 T列出各縣市串連活動或各環團相關活動、演講

（不知是否可以與目前twycc的google calender結合）

 

    GINGER C關於我們頁面

GINGER C

  • 籌募部長 T我們是誰
    Doris Lo我們還有影片~https://www.youtube.com/watch?v=HmdVXkIspPk
    Doris LoGinger Chen 我們是誰 下面還有三個link→緣起、核心價值、目標（在原官網可以看到內容~）ex. 緣起http://twycc.org.tw/about_us/why_youth/origin/
  • 團隊介紹、
    Doris LoGinger Chen 這裡廖士婷改為執行長，新增秘書長許莞庭，謝謝！
    Doris Lo執行長 Executive Director 廖士婷 Shih-Ting Liao
    Doris Lo秘書長 Secretary Generay 許莞庭 Wan-Ting Hsu

 

    Doris Lo
    Doris Lo麻煩再幫我增加一個成員！
    Doris Lo籌募部長 Director of Finance and Sponsorship Department 程煒倫
    Doris Lo
  • 大事紀、
  • 活動成果、
  • 聯絡我們、
  • 加入我們

 

  • DORIS L媒體報導
  • 網頁導覽（這部分建議放在這頁面還是首頁上排link比較好?）

 

    GINGER CTWYCC活動日曆

    Ginger Chen這裏要放google calender? Doris Lo
    Doris Lo是的~

 

 

 

 

 

 

 

    GINGER C會用到的jQuery 技術

  • GINGER C(一邊搜尋一邊設計, 找到適合就貼上來囉～)

首頁Header>http://previous.themepunch.com/kenburner-responsive/

 

 

 

 

 

 

    GINGER C接下來要做的事情

    Ginger Chen不知道怎麼上再來問我～

GINGER C前端上github 網址 : （不會同步更新，以Preview為主）

  • 詹皓詠Github Repo: https://github.com/katrina376/VoteforClimate
  • Preview: http://homepage.ntu.edu.tw/~b00209023/twycc_beta/index.html

GINGER C目的：讓大家可以幫忙除錯

1. 後端架設，目前是已有找到可以做後續內容修改的網管了。

2. RWD

3.