d|Bootcamp Taipei - 第五組共筆

Story Map http://storymap.knightlab.com. *須具備Google Account ... Storymap組員分享區： ... 其實可以直接將文件設定為共用就可以分享給其他人編輯啦！ d|BootcampTaipei-第五組共筆助教：主要劉呈逸/支援蔡依桃請組員自我介紹！如：大家好！我是王小明，在零時代公司擔任工程師，對媒體編輯有興趣，想做選舉分析相關的專案。

對XX蠻熟的，但是YY還不大了解 大家好，我是雨蒼，目前在民間司改會擔任工程師，也會撰寫議題進行推廣。

目前對司法問題、國民黨黨產算熟，但想了解有沒有更多方法可以把資料呈現出來。

大家好，我是佳賢，目前在關鍵評論網擔任編輯，主要負責的是數據和圖表新聞，對財經、社會等議題都有涉獵，慣用的軟體是R，希望可以和大家一起學到新東西！ 大家好，我是孟燕，目前在中央社擔任網路編輯，處理一般新聞之外，對數據圖表新聞有興趣，常常製作懶人包，希望跟大家學習更多資料新聞的工具，請大家多多指教。

Hello，我是嘉紋，目前任職環境資訊中心主編，主要專長是文字編輯，對新聞傳播、網路傳播等技能都算新手。

想知道怎麼透過資料視覺化，讓讀者對環境新聞更有興趣。

現跟同事在嘗試石虎、白海豚專題，希望可以快快趕上瞬息萬變的數位傳播潮流。

hi 大家好，我是這次第五組的助教劉呈逸，目前就讀政治大學傳播碩一，若是在議程中有任何問題都可以告訴我，我會盡己所能的提供協助！ 大家好！我是紹謙，在天下雜誌數位創新部，做研發的工作。

做過互動圖表、動畫、UI設計，興趣很廣，都想玩玩。

有好玩的要找我！ Hello,我是敏萱，剛從世新大學畢業，目前任職於新媒體Knowing，擔任超新手編輯。

平時興趣讀讀寫寫，對影片拍攝稍有了解，因為對資料新聞視覺很感興趣，所以希望可以透過這次課程，對資料新聞有初步的了解與實作，提昇新聞在行動裝置上的閱讀體驗！請大家多多指教！ 黃雅信，畢業於國立東華大學英美語文學系，喜愛閱讀、寫作、求知、分享生活的愉悅與感動。

關注科技趨勢、新媒體藝術及文化議題，文章散見網路媒體、Make國際中文版雜誌、科技生活雜誌、Event活動平台雜誌。

現為中英文字工作者。

https://medium.com/@yahsinhuangtw 大家好我是癮科技（cool3c.com）顯二，覺得資料新聞是網路媒體的未來，也認為每天生產新聞跟其他媒體沒有太大的差別，想試著往一個長且的久的內容方向發展，我認為資料新聞是我的解答！ --------------------------------------------------------------------------------------------------------------課堂即時Q&A：上課時若是有什麼問題，都可以直接打在下方，我們可以一起討論啊啊啊！穿越時空的資料新聞呈現-簡介與工具介紹煩請組員先行安裝JSONView ChromePulgin: https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=zh-TWStoryMaphttp://storymap.knightlab.com*須具備GoogleAccount是以首頁＋ 多張slides呈現的說故事模式slide若是需要插入圖片，可以在網路上尋找圖片後，點擊右鍵「複製圖片網址」，並且記得填上credit 編輯完一張slide，可在上方選擇"preview"預覽 右上方“share“可以選擇分享URL，或是選擇embed 在網址後選擇published.json可以觀看json，可從sonview取得經緯度資料。

若要取得經緯資料，也可以使用googlemap蒐集，亦可使用openstreetmap Storymap組員分享區：https://s3.amazonaws.com/uploads.knightlab.com/storymapjs/f83f0e8db0c6661823d6e5606e2a56c7/0809-0815-di-tu-ban-yi-zhou-da-shi/draft.html大家好，我是中央社的孟燕，我們常用storymap來做一週國際大事，提供大家參考。

好帥氣！ 好棒的呈現！ NICE!也可以考慮多加圖片哦 好範例 背景的地圖真好看，在哪裡設定的呢？ https://s3.amazonaws.com/uploads.knightlab.com/storymapjs/7030a282738930cb161da49034cdd9be/kai-xin/index.html第一次使用加入反課綱學生的環島記錄https://s3.amazonaws.com/uploads.knightlab.com/storymapjs/706815761dafa282ec7fb07eeff2c766/test/index.html之前做台灣店家的服務，如果用它來導覽鄉鎮，也很直接呢…https://s3.amazonaws.com/uploads.knightlab.com/storymapjs/d099b193f8ae7ce6411315f408188d48/safa/draft.htmlStoryMap的模板也有其缺點：無法協作，並且沒有加入「時間」的元素Timeline.js：http://timeline3.knightlab.com/這項工具可以加入時間元素來說故事，在網站可以點擊案例觀看範本maketimeline->creatyourspreadsheet  因為Timeline.js是使用spreadsheet編排，所以可以協作哦！編輯完還需記得「檔案->發佈到網路」，接著複製URL複製回Timeline.js的工具，接著就可以看到自己的timemap啦！****可以使用函數：=importhtml來載入資料 =ImportHTML("https://docs.google.com/spreadsheets/d/1Pf1CXqrxFJyPsYJN6lMOEwy5aIrVBcksSxjOL7ui35o/pubhtml","table",1)******小組作業需要各位一起協作，不知道是否可以在下方留下各位的名子與google帳號呢！？Sorry我耍憨了，其實可以直接將文件設定為共用就可以分享給其他人編輯啦！！ 劉呈逸  [email protected]  沈孟燕  [email protected]  梁敏萱 [email protected] 陳紹謙[email protected] 所以你是順便要向哪位正妹要通訊資料嗎？XD 我是幫紹謙哥要啊^.< [email protected] timeline,js組員作品分享區：台灣黑心食品史我們到底吃了什麼timeline:http://www.cna.com.tw/news/firstnews/201412185009-1.aspx外星人來襲http://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1kCj_8FdkaS6jYcD835cW3U5DykFAK_iFF2mzotuok-4&font=Default&lang=en&height=650我發布後改了內容沒有變，是否要重新發佈才行呢？ 試著將文件連結重新匯入timeline 今天timelinepreview好像一直跑不出來loadingloadingloading 網路問題  Orz 另外，這份timeline有另外將googlemap的frame嵌進去，各位組員可以參考哦！ Sorry!是我時序搞錯了，不用重新匯入timeline又可以改了 埃及，驚心動魄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/1cv9ptu2014十大環境新聞排行http://goo.gl/vwwoVG--------------------------------------------------------------------------------------------------------------資料在哪裡？使用資料流程：找資料找資料->整理資料 ->用資料資訊公開與開放資料的差別：實價登錄網站（資訊公開） 政府資料開放平台（歡迎任意使用，商業也可） 資訊：已經做好的菜   <=> 資料：原料找到國外資料開放平台：“opengovdata{國家名稱}“ (中國沒有)googlepublicdata（指標）但是台灣沒但是台灣沒有URL:http://www.google.com/publicdata/directory?hl=zh-TW#!st=METRIC"worldbankdata"http://data.worldbank.org/GooglePublicDatahttp://www.google.com/publicdata/directoryGoogle:"googlepublicdata" WorldBankhttp://data.worldbank.org/Google:"worldbankdata" 主計總處http://www.dgbas.gov.tw/mp.asp?mp=1Google"主計處" 社會經濟資料庫http://segis.moi.gov.tw/STAT/Google"社會經濟資料庫" 中選會選舉資料庫http://db.cec.gov.tw/Google"中選會資料庫" google技巧：在後面加上 “”site:gov.tw””（限制只從政府網站搜尋）若要搜尋臺北的資料“”site:gov.taipei練習範例1:csv>spreadsheet不動產實價登錄:http://data.gov.tw/node/6213 https://drive.google.com/file/d/0B_CxAZD9rYXMWHNxRzRIcjZyUmc/view?usp=sharing 練習範例2: json>spreadsheethttp://konklone.io/json/Google搜尋"jsontocsv" Fromstorymap: https://s3.amazonaws.com/uploads.knightlab.com/storymapjs/bff1064d48b81f4b43a33f948cc1875d/example/published.json from政誌 http://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/ 下載安裝Tabulahttp://tabula.technology/ 總結：若是要處理更複雜的資料，學點程式還是無法避免。

善用Google，可以找到很多好工具。

迎戰壞資料-實用工具與技巧先連上：data.d3b.infohttp://raw.infographics.tw資料視覺化：簡介與討論https://drive.google.com/folderview?id=0BwcMEBpS0DppflpFZ2k1WXQtOTZEa1M0Z0VMY20xZnNxdkpobW02RkVnZmtpbExxRlJqd3M&usp=sharing這邊應該是原本的總表只是名字被改了https://docs.google.com/spreadsheets/d/1AvtnyA6KuSaJm9CMFswYCrCHtkW-Lf3U8SR1IUJJFh0/edit?usp=sharingIMPORTHTML 中選會網址：http://db.cec.gov.tw/histQuery.jsp?voteCode=20120101T1A2&qryType=ctks=if(ISBLANK(B2),A1,B2)座談：一窺編輯室中的資料新聞 共筆連結