NPOst 公益交流站

不會寫程式也沒關係，你有這些免費好用工具！

by · 6 11 月, 2014

當天有朋友問到，不會寫程式怎麼架設網站；後來也有朋友再丟訊息問某些特定功能如何做，一併把我用過的線上、免費工具列在這份文件中。

  • Uservoice：提問信箱、QA資料庫系統
  • MailChimp：電子報系統
  • Blogger：部落格架設平台
  • CartoDB：互動式地圖
  • Google Refine：自動爬取資料的工具
  • Hack Foldr：現在這份電子書的架設工具（架設真的只要 3 秒）
  • The Noun Project：所有當天簡報中的圖檔來源
  • Balsamique：設計網站時可用的介面排列軟體
  • 其他更多：g0v曾經有一個專案叫《g0v學院》，有更細分「不會寫程式」、「有程式基礎」可使用的工具列表；另外《科技濃湯 / 網路星期二》是介紹NPO使用這類科技工具的平台與聚會，我自己也從這邊得到很多工具的訊息～

【Uservoice】提問信箱、QA資料庫系統

在我的網站左側有一個「我要問站長問題」，就是用這個做的。大抵來說可以完成 (1) Q&A回覆系統　(2)回覆後的內容資料庫集中　(3)後臺自動統計提問數據。

  • 使用教學：我沒找到中文版教學，但註冊後他的導覽滿清楚的，照做即可，不複雜。
  • 備註：這個也有付費版，可以做到更細緻的問題設計，像這個網站的客服小幫手。 

【MailChimp】電子報系統

在我的網站右側有一個「訂閱電子報」，就是用這個做的。實際發行電子報大概可以做到這樣或這樣（這只是草稿，用十分鐘隨手排可以做到這樣）；另外也可以自動統計電子報的開信率，裡面網址的點擊率等。

  • 使用教學：科技濃湯這篇寫得很清楚。
  • 備註：這套系統厲害的是，他把電子報的區塊模組化，用超人性化介面拖拉就可以排版；另外電子報也都可以設定不同的清單，甚至可以做A/B testing。

【Blogger】部落格架設平台

我的網站是用google的部落格系統blogger架設的，會有一些限制，當如上所說他可以用小工具附加上述的這些功能；一樣是部落格系統更推薦wordpress。

【CartoDB】互動式地圖

我網站上的長照中心地圖就是用這個架設的，功能是可以畫出行政區界做數字呈現、圖表互動；我是嫩手更多運用請看這裡。

  • 使用教學：官網已經很多，他們還有不定期線上互動課，大家同步線上看教學。
  • 備註：我只用了最初階的功能，CartoDB 功能之強大絕不只這個，可以看一下這一頁，是他們今年推出一款odyssey的工具，讓製作絢麗地圖動畫變的更簡單。

【Google Refine】自動爬取資料的工具

如果有想做 Data 運用，但該資料沒有上 Data.gov 的平台的話，可以比較人工的方法，其中一個讓電腦去爬網站資料的方法，是用 Google refine。

  • 使用教學：這個自己摸索可能比較難，我是去上李慕約所開設的工作坊學的
  • 備註：對不會寫程式的人來說，學會這個超好用，我可以把電腦放著就讓電腦開始把一系列網址有序列性的網頁文字通通爬下來。

【Hack Foldr】現在這份電子書的架設工具

當有大量線上文件、網頁需要被有系統呈現時很好用的工具，這是 g0v 零時政府的 clkao 開發的，這套工具目前香港、新加坡的一些活動與組織也都有在用。

  • 使用教學：按上面操作，真的三秒鐘就可以架好
  • 備註：這個工具厲害的地方是，不管是任何網頁、Google 文件、線上試算表等各種頁面都可以直接放上來；如果文件太多也可以用資料夾收起來，像g0v黑客松的左側。

【The Noun Project】所有當天簡報中的圖檔來源

我沒有任何一個圖案是自己畫的 XD 通通來自這個網站。這個網站的要求是，你必須在使用時對原作者進行標註。標註方式有很多，通常會是需要這樣標註的 cc 授權。

  • 使用說明：只要在搜尋欄位輸入你要找的圖相關的英文，就會跑出一堆給你下載。
  • 備註：本網站感謝哲學部落客朱家安介紹提供，幫助真的很大。

【Balsamique】設計網站時可用的介面排列軟體

設計網站時想畫像這樣的wireframe，可以用這套軟體。東西都用拖拉的，操作很簡單直覺。

目前想到這些，頭尾呼應一下，《g0v學院》、《科技濃湯 / 網路星期二》也有不少工具資源可以參考。如果你也知道一些好用工具，歡迎直接在留言告訴大家囉~。

 

photo credit: mkhmarketing via photopin cc

 

按讚，收到更多公益好資訊！

Tags:

羅 佩琪

非典型的人生迷茫組，對資訊整理有詭異的渴望與執著。

You may also like...