|
課程名稱 |
新聞資訊視覺化
Visual Journalism |
|
開課學期 |
105-1 |
|
授課對象 |
社會科學院 新聞研究所 |
|
授課教師 |
林照真 |
|
課號 |
JOUR7077 |
|
課程識別碼 |
342 M2930 |
|
班次 |
|
|
學分 |
3 |
|
全/半年 |
半年 |
|
必/選修 |
選修 |
|
上課時間 |
星期二1,2,3,4,5(8:10~13:10) |
|
上課地點 |
新聞401 |
|
備註 |
與謝艾契合開
限本系所學生(含輔系、雙修生)
總人數上限：20人
外系人數限制：5人 |
|
Ceiba 課程網頁 |
http://ceiba.ntu.edu.tw/1051JOUR7077_ |
|
課程簡介影片 |
|
|
核心能力關聯 |
核心能力與課程規劃關聯圖 |
|
課程大綱
|
|
為確保您我的權利,請尊重智慧財產權及不得非法影印
|
|
課程概述 |
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.
|
|
課程要求 |
上課參與（30%）。團隊合作（20%）。作品（50%）
上課兩次無故缺席，上課30%為零分。有事請務必事先聯繫。
作業兩次未交，作品之50%為零分。未交或是遲交，均以零分計。
期末時將相互討論團隊合作情形。
本課程不接受停修要求。
無期中、期末考。
|
|
預期每週課後學習時數 |
|
|
Office Hours |
|
|
指定閱讀 |
待補 |
|
參考書目 |
待補 |
|
評量方式
(僅供參考) |
|
|