Course

我們以突破知識學習的藩籬為目標,
將臺灣大學所在的臺北都會區作為生活實驗室
思考都市未來將面臨的發展問題並探索解決方法。

課程名稱

新聞資訊視覺化

授課老師

林照真老師

課程概述

  1. 本課程強調新聞視覺化的認識與實務製作。 
  2. 除資料視覺化實作外,本課程更強調同學的資料分析與試算能力。 
  3. 為了貼近新聞真實,本學期將選擇具有新聞性的話題為視覺新聞製作主題,並將要求同學結合採訪,完成包括視覺圖表的完整作品。 
  4. 學期最後將舉辦作品公開發表會,並與新聞界對話。

課程目標

9月13日:完成分組,認識公開資料、相關視覺作品、認識四名老師的分工。 

9月20日:學習Google Spreadsheet試算工具。學習繪圖軟體。分析報告新聞媒 
體的視覺作品(一)。(蔡芸琤、Simon) 

9月27日:學習Google Spreadsheet試算工具(測驗一)。學習繪圖軟體。分析 
報告新聞媒體的視覺作品(二)。(蔡芸琤、Simon授課) 

10月4日:台北市相關公開資料分析與圖表(題目可任選)。(Simon教授 
Illustrator) 

10月11日:台北市相關主題(二):草圖討論。(Archie加入授課)(Simon授課) 

10月18日:台北市相關主題(三):討論視覺圖表雛型。(Simon教授Illustrator) 

10月25日:第一個視覺化作品呈現。(Archie加入授課),並將相關報導寫作、 
下標與視覺作品結合,並且上網。 

11月1日:第二個視覺圖表製作,以災難為主題(一)。 

11月8日:第二個視覺圖表作品製作(二):草圖檢討。(Archie加入授課) 

11月15日:第二個視覺圖表作品製作(三)(Simon加入授課) 

11月22日:第二個視覺化作品檢討。(Archie加入授課)在課後完成所 
有作品並上網。 

12月29日:學習地圖視覺圖表。(蔡芸琤加入授課) 

12月6日:第三個視覺圖表製作,以中央與地方財政分配為題 

12月13日:第三個視覺圖表作品製作(一):草圖檢討。(Archie加入授課) 

12月20日:第三個視覺圖表作品製作(二)(Simon加入授課),在課後完成所 
有作品並上網。 

12月27日:各組自由選題,(Archie加入授課) 

1月3日:第二個視覺圖表作品製作(三)(Simon加入授課) 

1月?日:作品發表 

1月10日:最後一堂課總檢討(Archie、Simon加入授課) 

分組負責:BBC(http://www.bbc.com/news/11628973) 
AlJazeera( http://www.aljazeera.com/indepth/interactive/) 
The New York Times(http://nyti.ms/Wdz8HI) 
The Guardian, datablog(http://www.theguardian.com/technology) 
紐時與衛報(http://marijerooze.nl/thesis/graphics/?paper=NYT) 

Data project 
台北市政府資料庫 
台北市http://data.taipei/ 
http://data.taipei.gov.tw/ 
倫敦http://data.london.gov.uk/dataset 
紐約http://data.ny.gov 
(需要同學因應自己的問題意識,尋找更多資料) 

災難 (disaster)(有天然災難和人為災難兩類,如土壤液化、海上救難、土石流、颱風等,可自由選擇) 

http://data.gov.tw(政府資料開放平台) 
(需要同學因應自己的問題意識,尋找更多資料) 

中央與地方財政問題(Financial Issue of Government) 
http://statdb.dgbas.gov.tw/pxweb/Dialog/varval.asp?ma=CS2501A1A&ti=&path=../database/CountyStatistics/&lang=9(中華民國統計資訊網,改制後縣市財政概況重要統計指標) 
http://www.dgbas.gov.tw/mp.asp?mp=1(行政院主計總處) 

常用資料庫
學術調查資料庫(SRDA) 
https://srda.sinica.edu.tw/search 
datablog 
http://www.theguardian.com/data 

Penn world table (消費、投資、進出口) 
http://www.nsd.uib.no/macrodataguide/set.html?id=28&sub=1 

LIS (cross-national data center) 
http://www.lisdatacenter.org/our-data/ 

The world Top Incomes Databaces

http://topincomes.g-mond.parisschoolofeconomics.eu/ 
http://ire.org 
http://data.gov.tw 
http://data.gov 
http://data.gov.uk 
http://www.data.go.jp 
http://www.data.gov.ge 
http://data.stats.gov.cn 
http://www.eia.gov 

常用工具
Google Spreadsheet 
http://blog.ouseful.info/2010/01/19/using-google-spreadsheets-like-a-database-the-query-formula/ 
http://d3js.org/ 
http://gephi.org/ 
http://marijerooze.nl/thesis/graphics/?paper=NYT 
http://www.bls.gov/data/inflation/calculation.htm 
http://tgos.nat.gov.tw/tgos/EngWeb/TGOS_ENG_Home.aspx 
http://www.qgis.org/ 
http://grass.osgeo.org/ 
http://www.naturalearthdata.com/ 
http://www.reliefshading.com/ 
http://www.diva-gis.org/gdata 
http://wiki.openstreetmap.org/wiki/Category:Features 
http://juanvelascoblog.com/page/2/ 
http://markporterassociates.tumblr.com/ 
http://meteor.com/ 
http://ivaynberg.github.io/select2/ 
http://www.oesmith.co.uk/morris.js/ 
http://www.coolinfographics.com/ 
http://datajournalism.stanford.edu/ 
https://github.com/doggy8088/frontend-tools 
http://raphaeljs.com/(Raphael-Javascript Library) 
http://vvvv.org/ 
http://processing.org/(digital sketch)(important) 
http://projects.propublica.org/schools/(案例A) 
http:// http://www.ft.com/topics/themes/EU_Structural_Funds (案例B) 
http://www.wheredoesmymoneygo.org/ ; http://www.wheredoesmymoneygo.org/dailybread.html (案例C) 
http://bund.offenerhaushalt.de/ (案例D,德文)http://www.theguardian.com/news/datablog/interactive/2011/apr/19/italy-public-spending-visualisation(類似案例D,義大利文) 
天下雜誌 http://topic.cw.com.tw/nuclear/map.htm 
http://g0v.tw/ 
http://hack.g0v.tw/project 
http://seo.dns.com.tw/?p=1342 
http://www.codecademy.com/zh/courses/web-beginner-en-HZA3b/0/1?curriculum_id=50579fb998b470000202dc8b 
Website: codefortomorrow.org 
Google group: groups.google.com/group/codefortomorrow 
Facebook: www.facebook.com/CodeForTomorrow 
Google+ https://plus.google.com/u/0/107235637266618007879/posts 
GitHub: http://github.com/codefortomorrow 
IRC: Freenode #codefortomorrow 
medical graphic 
http://www.etblue.idv.tw 
http://www.nownews.com/2003/10/21/325-1531483.htm 

http://www.yuhuihuang.com 
http://en.wikipedia.org/wiki/Medical_illustrator 

data journalism 

http://developer.nytimes.com/(Beautiful visualization, chap:15) 
http://www.cs.umd.edu/hcil/socialaction/(Beautiful visualization, chap:10) 
http://www.gamninder.org 
http://www.informationisbeautiful.net/ 
http://www.guardian.co.uk/news/datablog 
http://www.propublica.org/special/message-machine-you-probably-dont-know-janet 
http://www.chartball.com/ 
http://www.cytoscape.org/(看相互關係) 

參考書目: 
Gray,J., Bounegru,L., & Chambers, L.(2012). The data journalism 前 
handbook.Cambridge:O.REILLy. ( open source) 
English: http://datajournalismhandbook.org/1.0/en/ 
Chinese: http://xiaoyongzi.github.io/web/index.html 
Spence, R.(2001).Information visualization. London: Addison-Wesley. 
Ware, C.(2000). Information visualization. London:Morgan Kaufmann. 
Thornburg, R.M.(2011). Producing online news : digital skills, stronger stories. 
Washington, D.C. : CQ Press 
http://www.youtube.com/watch?v=fj4qkMTEEIE(YouTube Google sketch up) 
http://www.nytimes.com/interactive/2012/12/30/multimedia/2012-the-year-in-graphics.html?_r=1& 
http://www.guardian.co.uk/news/datablog 

The Economist( 2006). The Economist guide to economic indicators. 
Wong, D.(2010).The wall street journal guide to information graphics.