d|Bootcamp Taipei - 第五組共筆

 

LIANG K助教：主要 劉呈逸 / 支援 蔡依桃

 

Kirby Wu請組員自我介紹！如：大家好！我是王小明，在零時代公司擔任工程師，對媒體編輯有興趣，想做選舉分析相關的專案。對 XX 蠻熟的，但是 YY 還不大了解
Kirby Wu

 

雨蒼 林大家好，我是雨蒼，目前在民間司改會擔任工程師，也會撰寫議題進行推廣。目前對司法問題、國民黨黨產算熟，但想了解有沒有更多方法可以把資料呈現出來。
林佳賢大家好，我是佳賢，目前在關鍵評論網擔任編輯，主要負責的是數據和圖表新聞，對財經、社會等議題都有涉獵，慣用的軟體是R，希望可以和大家一起學到新東西！
Mengyan Shen大家好，我是孟燕，目前在中央社擔任網路編輯，處理一般新聞之外，對數據圖表新聞有興趣，常常製作懶人包，希望跟大家學習更多資料新聞的工具，請大家多多指教。
詹嘉紋Hello，我是嘉紋，目前任職環境資訊中心主編，主要專長是文字編輯，對新聞傳播、網路傳播等技能都算新手。想知道怎麼透過資料視覺化，讓讀者對環境新聞更有興趣。現跟同事在嘗試石虎、白海豚專題，希望可以快快趕上瞬息萬變的數位傳播潮流。
Edison Liuhi 大家好，我是這次第五組的助教劉呈逸，目前就讀政治大學傳播碩一，若是在議程中有任何問題都可以告訴我，我會盡己所能的提供協助！
diedy大家好！我是紹謙，在天下雜誌數位創新部，做研發的工作。
diedy做過互動圖表、動畫、UI設計，興趣很廣，都想玩玩。有好玩的要找我！
梁敏萱Hello,我是敏萱，剛從世新大學畢業，目前任職於新媒體Knowing，擔任超新手編輯。平時興趣讀讀寫寫，對影片拍攝稍有了解，因為對資料新聞視覺很感興趣，所以希望可以透過這次課程，對資料新聞有初步的了解與實作，提昇新聞在行動裝置上的閱讀體驗！請大家多多指教！
Yahsin Huang黃雅信，畢業於國立東華大學英美語文學系，喜愛閱讀、寫作、求知、分享生活的愉悅與感動。關注科技趨勢、新媒體藝術及文化議題，文章散見網路媒體、Make國際中文版雜誌、科技生活雜誌、Event活動平台雜誌。現為中英文字工作者。https://medium.com/@yahsinhuangtw
Atticus Wu大家好我是癮科技（cool3c.com）顯二，覺得資料新聞是網路媒體的未來，也認為每天生產新聞跟其他媒體沒有太大的差別，想試著往一個長且的久的內容方向發展，我認為資料新聞是我的解答！

 

 

EDISON L--------------------------------------------------------------------------------------------------------------

 

課堂即時Q&A：

上課時若是有什麼問題，都可以直接打在下方，我們可以一起討論啊啊啊！

 

EDISON L穿越時空的資料新聞呈現 - 簡介與工具介紹

 

EDISON L煩請組員先行安裝 JSONView

Chrome Pulgin:

https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=zh-TW

 

Story Map http://storymap.knightlab.com

*須具備Google Account

是以 首頁 ＋ 多張slides呈現的說故事模式

 

• slide若是需要插入圖片，可以在網路上尋找圖片後，點擊右鍵「複製圖片網址」，並且記得填上credit

 

• 編輯完一張slide，可在上方選擇"preview"預覽

 

• 右上方“share“可以選擇分享URL，或是選擇embed

 

• 在網址後選擇published.json可以觀看json，可從sonview取得經緯度資料。

 

• 若要取得經緯資料，也可以使用googlemap蒐集，亦可使用openstreetmap

 

 

Storymap組員分享區：

 

MENGYAN Shttps://s3.amazonaws.com/uploads.knightlab.com/storymapjs/f83f0e8db0c6661823d6e5606e2a56c7/0809-0815-di-tu-ban-yi-zhou-da-shi/draft.html 大家好，我是中央社的孟燕，我們常用story map來做一週國際大事，提供大家參考。

Atticus Wu好帥氣！
梁敏萱好棒的呈現！
Edison LiuNICE ! 也可以考慮多加圖片哦
Chan Zoe好範例
diedy背景的地圖真好看，在哪裡設定的呢？

ATTICUS Whttps://s3.amazonaws.com/uploads.knightlab.com/storymapjs/7030a282738930cb161da49034cdd9be/kai-xin/index.html

梁敏萱第一次使用 加入反課綱學生的環島記錄 https://s3.amazonaws.com/uploads.knightlab.com/storymapjs/706815761dafa282ec7fb07eeff2c766/test/index.html

DIEDY之前做台灣店家的服務，如果用它來導覽鄉鎮，也很直接呢…

https://s3.amazonaws.com/uploads.knightlab.com/storymapjs/d099b193f8ae7ce6411315f408188d48/safa/draft.html

 

 

EDISON LStoryMap的模板也有其缺點：

 

無法協作，並且沒有加入「時間」的元素

 

Timeline.js ： http://timeline3.knightlab.com/

 

這項工具可以加入時間元素來說故事，在網站可以點擊案例觀看範本

 

• make timeline-> creat your spreadsheet

 

因為Timeline.js 是使用spreadsheet編排，所以可以協作哦！

 

編輯完還需記得「檔案->發佈到網路」，接著複製URL複製回Timeline.js的工具，接著就可以看到自己的time map啦！

 

****可以使用函數：=importhtml 來載入資料

=ImportHTML("https://docs.google.com/spreadsheets/d/1Pf1CXqrxFJyPsYJN6lMOEwy5aIrVBcksSxjOL7ui35o/pubhtml","table",1)

 

******小組作業需要各位一起協作，不知道是否可以在下方留下各位的名子與google帳號呢！？

Sorry 我耍憨了，

其實可以直接將文件設定為共用就可以分享給其他人編輯啦！！

Edison Liu 劉呈逸 ckedison@gmail.com
Mengyan Shen 沈孟燕 libra09252001@gmail.com
梁敏萱 梁敏萱 runst01@gmail.com
diedy陳紹謙 diedy.chen@gmail.com
diedy所以你是順便要向哪位正妹要通訊資料嗎？ XD
Edison Liu我是幫紹謙哥要啊 ^.<
Chan Zoewhimsy99@gmail.com

 

 

 

timeline,js組員作品分享區：

 

MENGYAN S台灣黑心食品史 我們到底吃了什麼timeline:http://www.cna.com.tw/news/firstnews/201412185009-1.aspx

ATTICUS W外星人來襲 http://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1kCj_8FdkaS6jYcD835cW3U5DykFAK_iFF2mzotuok-4&font=Default&lang=en&height=650

Atticus Wu我發布後改了內容沒有變，是否要重新發佈才行呢？
Edison Liu試著將文件連結重新匯入timeline
Mengyan Shen今天timeline preview好像一直跑不出來 loading loading loading
Edison Liu網路問題 Orz
Edison Liu另外，這份timeline有另外將google map的frame嵌進去，各位組員可以參考哦！
Atticus WuSorry!是我時序搞錯了，不用重新匯入timeline又可以改了

DIEDY埃及，驚心動魄47天！

http://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1I_KCfWK-Z_PxzleEinWY_s_nxdLWYbFYbviu7-iJ9gk&font=Default&lang=en&height=650

雨蒼 林之前做的，支付命令案例時間軸

http://bit.ly/1cv9ptu

CHAN Z2014十大環境新聞排行http://goo.gl/vwwoVG

EDISON L--------------------------------------------------------------------------------------------------------------

EDISON L資料在哪裡？

EDISON L使用資料流程：

 

找資料找資料 ->整理資料 ->用資料

 

MENGYAN S資訊公開與開放資料的差別：

 

• EDISON L實價登錄網站（資訊公開）
• 政府資料開放平台（歡迎任意使用，商業也可）

 

資訊：已經做好的菜 <=> 資料：原料

 

找到國外資料開放平台： “open gov data {國家名稱}“ (中國沒有)

 

google public data （指標）但是台灣沒但是台灣沒有URL:http://www.google.com/publicdata/directory?hl=zh-TW#!st=METRIC

 

MENGYAN S"world bank data"http://data.worldbank.org/

 

 

• RONNY WGoogle Public Data http://www.google.com/publicdata/directory
• Google: "google public data"
• World Bank http://data.worldbank.org/
• Google: "world bank data"
• 主計總處 http://www.dgbas.gov.tw/mp.asp?mp=1
• Google "主計處"
• 社會經濟資料庫 http://segis.moi.gov.tw/STAT/
• Google "社會經濟資料庫"
• 中選會選舉資料庫 http://db.cec.gov.tw/
• Google "中選會資料庫"

 

EDISON Lgoogle技巧：在後面加上 “”site : gov.tw”” （限制只從政府網站搜尋）

若要搜尋臺北的資料 “”site: gov.taipei

 

RONNY W練習範例1: csv > spreadsheet

• 不動產實價登錄: http://data.gov.tw/node/6213
• EDISON Lhttps://drive.google.com/file/d/0B_CxAZD9rYXMWHNxRzRIcjZyUmc/view?usp=sharing

 

RONNY W練習範例2: json > spreadsheet

• http://konklone.io/json/
• Google 搜尋 "json to csv"
Jimmy HuangFrom storymap:
Jimmy Huanghttps://s3.amazonaws.com/uploads.knightlab.com/storymapjs/bff1064d48b81f4b43a33f948cc1875d/example/published.json
Jimmy Huangfrom 政誌
Jimmy Huanghttp://fact.g0v.tw/wikipedia/%E8%87%BA%E7%81%A3%E9%AB%98%E4%B8%AD%E6%AD%B7%E5%8F%B2%E8%AA%B2%E7%B6%B1%E5%BE%AE%E8%AA%BF%E6%A1%88.json

練習範例3: 抓取pdf裡的圖表資料

• http://tabula.dbootcamp.taipei:8080/
• 下載安裝 Tabula http://tabula.technology/

 

EDISON L總結：若是要處理更複雜的資料，學點程式還是無法避免。善用Google，可以找到很多好工具。

 

EDISON L迎戰壞資料 - 實用工具與技巧

EDISON L先連上：data.d3b.info

 

http://raw.infographics.tw

 

EDISON L資料視覺化：簡介與討論

EDISON Lhttps://drive.google.com/folderview?id=0BwcMEBpS0DppflpFZ2k1WXQtOTZEa1M0Z0VMY20xZnNxdkpobW02RkVnZmtpbExxRlJqd3M&usp=sharing

 

梁敏萱這邊應該是原本的總表 只是名字被改了

https://docs.google.com/spreadsheets/d/1AvtnyA6KuSaJm9CMFswYCrCHtkW-Lf3U8SR1IUJJFh0/edit?usp=sharing

 

雨蒼 林*

 

EDISON L中選會網址：http://db.cec.gov.tw/histQuery.jsp?voteCode=20120101T1A2&qryType=ctks

 

 

=if(ISBLANK(B2),A1,B2)

 

EDISON L 座談：一窺編輯室中的資料新聞

• EDISON L 共筆連結