d|Bootcamp Taipei - 第五組共筆

編輯歷史

時間	作者	版本
2017-07-03 07:24	(unknown)	r2
顯示 diff - d\|Bootcamp Taipei - 第五組共筆 + d\|Bootcamp Taipei - 第五組共筆助教：主要劉呈逸 / 支援蔡依桃（175 行未修改）
2017-07-01 15:06 – 15:06	(unknown)	r0 – r1
顯示 diff + d\|Bootcamp Taipei - 第五組共筆 + + 助教：主要劉呈逸 / 支援蔡依桃 + + 請組員自我介紹！如：大家好！我是王小明，在零時代公司擔任工程師，對媒體編輯有興趣，想做選舉分析相關的專案。對 XX 蠻熟的，但是 YY 還不大了解 + + + 大家好，我是雨蒼，目前在民間司改會擔任工程師，也會撰寫議題進行推廣。目前對司法問題、國民黨黨產算熟，但想了解有沒有更多方法可以把資料呈現出來。 + 大家好，我是佳賢，目前在關鍵評論網擔任編輯，主要負責的是數據和圖表新聞，對財經、社會等議題都有涉獵，慣用的軟體是R，希望可以和大家一起學到新東西！ + 大家好，我是孟燕，目前在中央社擔任網路編輯，處理一般新聞之外，對數據圖表新聞有興趣，常常製作懶人包，希望跟大家學習更多資料新聞的工具，請大家多多指教。 + Hello，我是嘉紋，目前任職環境資訊中心主編，主要專長是文字編輯，對新聞傳播、網路傳播等技能都算新手。想知道怎麼透過資料視覺化，讓讀者對環境新聞更有興趣。現跟同事在嘗試石虎、白海豚專題，希望可以快快趕上瞬息萬變的數位傳播潮流。 + hi 大家好，我是這次第五組的助教劉呈逸，目前就讀政治大學傳播碩一，若是在議程中有任何問題都可以告訴我，我會盡己所能的提供協助！ + 大家好！我是紹謙，在天下雜誌數位創新部，做研發的工作。 + 做過互動圖表、動畫、UI設計，興趣很廣，都想玩玩。有好玩的要找我！ + Hello,我是敏萱，剛從世新大學畢業，目前任職於新媒體Knowing，擔任超新手編輯。平時興趣讀讀寫寫，對影片拍攝稍有了解，因為對資料新聞視覺很感興趣，所以希望可以透過這次課程，對資料新聞有初步的了解與實作，提昇新聞在行動裝置上的閱讀體驗！請大家多多指教！ + 黃雅信，畢業於國立東華大學英美語文學系，喜愛閱讀、寫作、求知、分享生活的愉悅與感動。關注科技趨勢、新媒體藝術及文化議題，文章散見網路媒體、Make國際中文版雜誌、科技生活雜誌、Event活動平台雜誌。現為中英文字工作者。https://medium.com/@yahsinhuangtw + 大家好我是癮科技（cool3c.com）顯二，覺得資料新聞是網路媒體的未來，也認為每天生產新聞跟其他媒體沒有太大的差別，想試著往一個長且的久的內容方向發展，我認為資料新聞是我的解答！ + + + -------------------------------------------------------------------------------------------------------------- + + 課堂即時Q&A： + 上課時若是有什麼問題，都可以直接打在下方，我們可以一起討論啊啊啊！ + + 穿越時空的資料新聞呈現 - 簡介與工具介紹 + + 煩請組員先行安裝 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組員分享區： + + https://s3.amazonaws.com/uploads.knightlab.com/storymapjs/f83f0e8db0c6661823d6e5606e2a56c7/0809-0815-di-tu-ban-yi-zhou-da-shi/draft.html 大家好，我是中央社的孟燕，我們常用story map來做一週國際大事，提供大家參考。 + 好帥氣！ + 好棒的呈現！ + 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.html + + + StoryMap的模板也有其缺點： + + 無法協作，並且沒有加入「時間」的元素 + + 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 我耍憨了， + 其實可以直接將文件設定為共用就可以分享給其他人編輯啦！！ + 劉呈逸 ckedison@gmail.com + * 沈孟燕 libra09252001@gmail.com + * 梁敏萱 runst01@gmail.com + 陳紹謙 diedy.chen@gmail.com + 所以你是順便要向哪位正妹要通訊資料嗎？ XD + 我是幫紹謙哥要啊 ^.< + whimsy99@gmail.com + + + + 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 + 今天timeline preview好像一直跑不出來 loading loading loading + 網路問題 Orz + 另外，這份timeline有另外將google map的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/1cv9ptu + 2014十大環境新聞排行http://goo.gl/vwwoVG + -------------------------------------------------------------------------------------------------------------- + 資料在哪裡？ + 使用資料流程： + + 找資料找資料 ->整理資料 ->用資料 + + 資訊公開與開放資料的差別： + + 實價登錄網站（資訊公開） + 政府資料開放平台（歡迎任意使用，商業也可） + + 資訊：已經做好的菜 <=> 資料：原料 + + 找到國外資料開放平台： “open gov data {國家名稱}“ (中國沒有) + + google public data （指標）但是台灣沒但是台灣沒有URL:http://www.google.com/publicdata/directory?hl=zh-TW#!st=METRIC + + "world bank data"http://data.worldbank.org/ + + + Google 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 "中選會資料庫" + + 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 > spreadsheet + http://konklone.io/json/ + Google 搜尋 "json to csv" + From storymap: + 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/ + 下載安裝 Tabula http://tabula.technology/ + + 總結：若是要處理更複雜的資料，學點程式還是無法避免。善用Google，可以找到很多好工具。 + + 迎戰壞資料 - 實用工具與技巧 + 先連上：data.d3b.info + + http://raw.infographics.tw + + 資料視覺化：簡介與討論 + https://drive.google.com/folderview?id=0BwcMEBpS0DppflpFZ2k1WXQtOTZEa1M0Z0VMY20xZnNxdkpobW02RkVnZmtpbExxRlJqd3M&usp=sharing + + 這邊應該是原本的總表只是名字被改了 + https://docs.google.com/spreadsheets/d/1AvtnyA6KuSaJm9CMFswYCrCHtkW-Lf3U8SR1IUJJFh0/edit?usp=sharing + + + * + * + * + + 中選會網址：http://db.cec.gov.tw/histQuery.jsp?voteCode=20120101T1A2&qryType=ctks + + + =if(ISBLANK(B2),A1,B2) + * 座談：一窺編輯室中的資料新聞 + * 共筆連結