140628 seminar edu
TRANSCRIPT
![Page 1: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/1.jpg)
1
27 June 2014
Doing Journalism with Data
저널리스트 3.0 – 시각적 사고와 표현
copyrights@2014 Neuro Associates. All rights Reserved
본 강의자료는 일부 또는 전부를 무단으로 전제 , 복사 유출할 수 없습니다 .
![Page 2: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/2.jpg)
1Company Introduction 회사소개
![Page 3: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/3.jpg)
뉴로어소시에이츠 : 경영컨설팅 , 인포그래픽 , 데이터시각화 , 서비스디자인 등 진행
mission slogan “ we help your evolution “
![Page 4: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/4.jpg)
Come and talk with us!
![Page 5: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/5.jpg)
IT + 디자인 + 뇌과학 + 경영 전문인들로 이루어진 혁신솔루션그룹
High-Tech Group Aesthetics GroupStretagy GroupManagement Team
![Page 6: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/6.jpg)
2013-2014 년 클라이언트
![Page 7: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/7.jpg)
R e s u l t
보건복지부 : 3 회 연속 의뢰 ! 인포그래픽 인쇄물 20 만부 전국 배포 !
코오롱 웰케어 : 컨설팅에서 실행총괄 연장 ! 신규 프로젝트 아이디어 요청 !
서울대학교 : 자문영역 확장 및 의뢰비용 100% 증대
한국도로공사 : 공식채널 게재 , 국토부장관 보고 , 상시 프로그램화 논의
미래부 : 대통령 국정보고 인포그래픽 , 포탈ㆍ미디어ㆍ공식채널 게재 !
SK : 해외 인포그래픽 서비스 분석 및 미래지식포맷 연구과제 1 차 연장 !
중앙 SUNDAY : 디지털화전략 1 차 컨설팅 후 실행 및 후속 컨설팅 retainer 화
설 연휴 교통데이터그래픽 국토부 장관보고 !
![Page 8: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/8.jpg)
대표 소개
![Page 9: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/9.jpg)
6/25 SBS CNBC 뉴스
![Page 10: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/10.jpg)
강연경력 : 삼성 , SK, 서울대학교 , 건국대학교 , 한국도로공사 , 가좌여자중학교 , 가천길재단 한국디자인진흥원 , SERI CEO, 서울시설공단 , 한국광고협회 , 보건복지인력개발원 등 예 정 : ㈜ 이언그룹
김윤이 대표는 KAIST 에서 바이오 및 뇌공학과를 1 기로 졸업 ( 응용수학 부전공 ) 하고 케네디스쿨로 유명한 미국 하버드대 정책대학원에서 정책학석사 (MPP) 과정을 졸업하였습니다 . 그 후 외교통상부 , 미국 옴니콤사 산하의 도모커뮤니케이션컨설팅 등에서 근무하며 기업위기관리 ·소셜마케팅전략 등을 수행하였고 , 분야 베스트셀러를 기록한 법률영어핸드북의 저자이기도 합니다 . 김윤이 대표는 회사설립 이전에도 신개념 법률서적의 편찬 , 플라자호텔 요트상품 런칭 , 소송커뮤니케이션 비즈니스 모델 수립 , 인포그래픽 그룹운영 등 본인이 소속된 곳에서 새로운 기회를 발견하여 상업적으로 만들어온 경력이 있으며 , 이를 바탕으로 중앙일보 , 코오롱 등 유수 한국기업에 비즈니스 혁신에 관한 자문을 제공하고 있습니다 .
– 2013.11 건국대학교 연사 소개 중
강연 활동
![Page 11: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/11.jpg)
기획 경험
제작 경험
보유 기술
협력 관계
① 안전행정부 2013 대통령국정보고 (2013.3)② 문화관광부 2013 대통령국정보고 (2013.3)③ LG 전자 – LTE 글로벌홍보 (2013.2)④ 혁신학회 – 에너지위기극복 설명자료 (2012.10)
① 환경부 2013 국정홍보자료 (2013.4)② 대기업 계열사 W 사 경영분석 내부보고자료 (2013.4)③ 인컴 4 사 국내외 인포그래픽 현황 보고자료 (2012.8)④ 자체제작 – 서비스디자인 +UX+ 경영컨설팅의 세계 (2013.1)
① html5 활용 자사 홈페이지 첫 화면 제작 ( 현재 개편중 )② 실시간 인포그래픽 기술완성 ( 국내 최초 )③ 담당 디자이너 Parsons, 홍익대학교 출신 등
① 홍익대 송규만 교수 ( 하버드 디자인스쿨 박사 , 미국방부프로젝트 진행경험 ) 연구팀 제작협력 체제 ② 국내 마케팅팀장 스터디그룹 “클릭스” 초청 강연③ 한국인포그래픽포럼 멤버
2012-2013 인포그래픽 관련 수행 실적
![Page 12: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/12.jpg)
![Page 13: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/13.jpg)
![Page 14: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/14.jpg)
![Page 15: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/15.jpg)
![Page 16: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/16.jpg)
![Page 17: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/17.jpg)
![Page 19: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/19.jpg)
일반적인 강의 순서
General Introduction 1) definition 2) history 3) cases 4) trendsetters 5) exercise
Issue 1 : Infogrpahics of Korea
Issue 2 : Future of Infographics ( 실시간 인포그래픽 소개 )Issue 3 : Interactive graphic tools study - 툴검다리
![Page 20: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/20.jpg)
S T A R T !
![Page 21: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/21.jpg)
1) definition 2) history 3) cases 4) trendsetters 5) exercise
![Page 22: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/22.jpg)
Year 1857
![Page 23: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/23.jpg)
영국 간호사 나이팅게일 , 군대 병원을 개선해야 한다고 빅토리아 여왕을 설득하기 위해 인포그래픽 사용 . 크림전쟁에서의 군인들의 사망원인을 질병 / 상처 / 그 외로 나누어 표현하고 있다 .
![Page 24: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/24.jpg)
1626
크리스토프 스키너 , 저서 ‘ Rosa Ursina sive Sol’ 에서 태양의 위치 변화 패턴을 일러스트로 표현 .
찰스 조셉 미날드 , 나폴레옹의 러시아 침략이 실패한 원인을 인포그래픽으로 표현 .
1861
우주선 파이오니어 10 호에 실린 깃발 . 이 깃발에는 벌거벗은 남자와 여자 , 우주선이 어디서 왔는지를 설명하는 정보를 제공하는 여러 상징이 그려져 있다 .
1970’s
영국 간호사 나이팅게일 , 군대 병원을 개선해야 한다고 빅토리아 여왕을 설득하기 위해 인포그래픽 사용 .
1857
![Page 25: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/25.jpg)
1970~1990’s
2002
최근
1970~90 년대 피터 설리반에 의해 제작된 더 선데이 타임즈의 인포그래픽이 신문에 인포그래픽이 더 많이 사용되게 되는 계기가 됨 .
노르웨이 뮤지션 ‘ Royksopp’ 가 자신의 뮤직비디오에 움직이는 인포그래픽 사용 . ( 노래 : Remind me)
Adobe Flash, HTML 5, CSS3 등 다양한 도구의 등장 인포그래픽이 다방면의 미디어에서 사용되기 시작 특히 소셜미디어가 인기를 얻으면서 더욱더 주목을 받기 시작
![Page 26: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/26.jpg)
![Page 27: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/27.jpg)
페이스북 통계로 본 “쓰기 쉬운 콘텐츠 VS 좋아하는 콘텐츠”
![Page 28: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/28.jpg)
Why DATA VISU-ALIZATION?
![Page 29: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/29.jpg)
Anscombe’s Quartet – what do you see?
1 2 3 4
x y x y x y x y
10.0 8.04 10.0 9.14 10.0
7.46 8.0 6.58
8.0 6.95 8.0 8.14 8.0
6.77 8.0 5.76
13.0 7.58 13.0 8.74 13.0 12.7
4 8.0 7.71
9.0 8.81 9.0 8.77 9.0
7.11 8.0 8.84
11.0 8.33 11.0 9.26 11.0
7.81 8.0 8.47
14.0 9.96 14.0 8.10 14.0
8.84 8.0 7.04
6.0 7.24 6.0 6.13 6.0
6.08 8.0 5.25
4.0 4.26 4.0 3.10 4.0
5.39 19.0 12.50
12.0 10.84 12.0 9.13 12.0
8.15 8.0 5.56
7.0 4.82 7.0 7.26 7.0
6.42 8.0 7.91
5.0 5.68 5.0 4.74 5.0
5.73 8.0 6.89
![Page 30: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/30.jpg)
Anscombe’s Quartet – what do you see?
1 2 3 4
x y x y x y x y
10.0 8.04 10.0 9.14 10.0
7.46 8.0 6.58
8.0 6.95 8.0 8.14 8.0
6.77 8.0 5.76
13.0 7.58 13.0 8.74 13.0 12.7
4 8.0 7.71
9.0 8.81 9.0 8.77 9.0
7.11 8.0 8.84
11.0 8.33 11.0 9.26 11.0
7.81 8.0 8.47
14.0 9.96 14.0 8.10 14.0
8.84 8.0 7.04
6.0 7.24 6.0 6.13 6.0
6.08 8.0 5.25
4.0 4.26 4.0 3.10 4.0
5.39 19.0 12.50
12.0 10.84 12.0 9.13 12.0
8.15 8.0 5.56
7.0 4.82 7.0 7.26 7.0
6.42 8.0 7.91
5.0 5.68 5.0 4.74 5.0
5.73 8.0 6.89
![Page 31: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/31.jpg)
Anscombe’s Quartet – what do you see?
1 2 3 4
x y x y x y x y
10 8.04 10 9.14 10
7.46 8 6.58
8 6.95 8 8.14 8
6.77 8 5.76
13 7.58 13 8.74 13 12.7
4 8 7.71
9 8.81 9 8.77 9
7.11 8 8.84
11 8.33 11 9.26 11
7.81 8 8.47
14 9.96 14 8.10 14
8.84 8 7.04
6 7.24 6 6.13 6
6.08 8 5.25
4 4.26 4 3.10 4
5.39 19 12.50
12 10.84 12 9.13 12
8.15 8 5.56
7 4.82 7 7.26 7
6.42 8 7.91
5 5.68 5 4.74 5
5.73 8 6.89
![Page 32: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/32.jpg)
Anscombe’s Quartet – simple statistics
Property Value
Mean of x 9.0
Variance of x 11.0
Mean of y 7.5
Variance of y 4.12
Correlation 0.816
Linear regression y = 3 + 0.5x
OOPS, Every raw has same mean, variance and slope!!But, soon (within 0.1 second!) you’ll see how they’re different!
![Page 33: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/33.jpg)
Anscombe’s Quartet – visualization
![Page 34: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/34.jpg)
Q: 데이터를 분석하려면 데이터 마이닝 , 인공지능 , 기계학습 , 통계 등등 다양한 기법이 있는데 그 중에서도 왜 하필 시각화를 해야 하나
A: 컴퓨터는 이미 특정한 연산에 있어 사람이 절대 할 수 없는 일을 지치지 않고 해줘서 좋긴 하지만
사람이 컴퓨터 보다 비교도 안되게 잘하는 일이 있었으니 바로 공간 지각능력 !Human is superior to Machine (2013) in space perception ability!
![Page 35: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/35.jpg)
Let’s get back toInteresting cases!
![Page 36: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/36.jpg)
1) definition 2) history 3) cases 4) trendsetters 5) exercise
![Page 37: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/37.jpg)
Infographic
웹문서
이미지 연관검색어
34,600,000
약 개
Cool Infographic
Simple Info-graphicFacebook
Map
Technology
![Page 38: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/38.jpg)
![Page 39: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/39.jpg)
![Page 40: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/40.jpg)
![Page 41: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/41.jpg)
![Page 42: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/42.jpg)
![Page 43: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/43.jpg)
![Page 44: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/44.jpg)
![Page 45: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/45.jpg)
46
Omnicom groupInfographics study
유형별 스터디
교재 118p 유형 모음
![Page 46: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/46.jpg)
문제 하나 풀어보기
![Page 47: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/47.jpg)
오늘 20 명이 참석했는데 , 디저트로
5 명이 파이를 먹었고8 명이 케이크를3 명이 귤을4 명이 초콜릿을 먹었다 .
이 상황을 어떻게 잘 표현할까 ?
오늘의 문제
![Page 48: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/48.jpg)
파이 케익 귤 초콜릿0
1
2
3
4
5
6
7
8
9
5
8
3
4
20 명이 먹은 디저트 수
![Page 49: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/49.jpg)
예를 들면 이렇게 !
![Page 50: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/50.jpg)
또는 이렇게 !
![Page 51: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/51.jpg)
![Page 52: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/52.jpg)
![Page 53: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/53.jpg)
![Page 54: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/54.jpg)
![Page 55: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/55.jpg)
1) definition 2) history 3) cases 4) trendsetters 5) exercise
![Page 56: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/56.jpg)
Malofiej International Inforgraphic Awards2013 winners
![Page 57: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/57.jpg)
종류 인터랙티브 인포그래픽
수상내역 2013 년 말로피에 인포그래픽 어워드 동상 수상작
내용 미국 각 주별 게이들의 권리를 인포그래픽으로 표현 . 마우스를 가져다대면 주별 정보가 나타난다 .
링크 http://www.theguardian.com/world/interactive/2012/may/08/gay-rights-united-states?guni=Article:in%20body%20link
![Page 58: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/58.jpg)
종류 인터랙티브 인포그래픽
수상내역 2013 년 말로피에 인포그래픽 어워드 온라인 그래픽 부문 금상 수상작
내용 미국 프로 농구선수들의 슈팅패턴 분석 . 선수들 모습이 점들로 표현돼있고 마우스를 올리면 점들이 퍼지면서 슈팅패턴으로 변한다 .
링크 http://www.nytimes.com/interactive/2012/06/11/sports/basketball/nba-shot-analysis.html?_r=0
![Page 59: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/59.jpg)
올 4 월 15 일 발표된 2013 퓰리처상에서 기획보도 (Feature Writing) 상을 받았다 . 다른 수상작들이 몇 개월에 걸친 취재와 뛰어난 기획력으로 수상했다면 , ‘스노우폴’은 획기적인 인터랙티브 저널리즘을 보여주며 디지털스토리텔링의 정점을 찍었다 . 1 만 7 천자의 긴 스토리를 멀티미디어 비디오와 모션그래픽 66 개를 배치해 워싱턴주 캐스케이드 산맥을 덮친 눈사태에 대한 내용을 독자가 생생하게 바라보고 , 이해할 수 있게 했다 . 사진 , 지도 , 3D 그래픽 , 비디오 등 동원가능한 모든 멀티미디어 콘텐츠가 기사를 입체적으로 만들었고 , 인터랙티브 뉴스에서 볼 수 있는 모든 것을 깔끔한 레이아웃에 담아냈다 . 질 에이브럼슨 편집장은 ‘스노우폴’을 공개하며 뉴욕타임즈 직원들에게 보낸 편지에서 “뉴욕타임즈 온라인 스토리텔링 진화의 멋진 순간”이라고 썼다 . 또한 “ Snowfall 은 환상적인 그래픽과 비디오 , 모든 종류의 멀티미디어를 활용한 이야기를 상징하는 동사가 되었다”고 말했다 . 출처 : http://acase.co.kr/
해외 리더그룹 1 : The New York Times – SnowFall
![Page 62: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/62.jpg)
해외 주요 인포그래픽 관련 인사
Stefan Fichtel• 독일 인포그래픽스 팀 ‘키르허부르크하르트’ 디렉터
• 독일의 각종 인포메이션 디자인 상 수상
Samuel Velasco• ‘5W Infographics’ 디렉터
• 스페인 신문디자인협회 상 30 여 회 수상 ,
• < 뉴욕타임스 >, < 타임스 > 등에서 근무
Duncan Mil• 인포그래픽계 1 세대 주자 .
• 1983 년 ‘ Graphic News’ 설립 후 운영
Richard Saul Wurman• ‘< 미국에 대한 이해 >, < 건강에 대한 이해 >
등 인포그래픽 저서 다수 저술• 크라이슬러 디자인 어워드 , 케빈 린치 어워드
등 수상 Gerlinde Schuller
• 인포메이션 디자인 스튜디오 태표 • < 불가능을 현실로 >, < 보편적 지식의 디자인화 >
등 저술
David McCandless• <Information is beautiful> 저술 • < 가디언 >, < 와이어드 >, < 텔레그라프 > 등에 글 기고
Alberto Cairo• 마이애미 대학에서 인포메이션 그래픽과 비주얼라이제이션 강의 • <Infografia 2.0>, <the functional art> 등 저술
Valentina D'Efilippo• <The Infographic History of the World > 저술
![Page 63: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/63.jpg)
디지털 스토리텔링 해설저널리즘 모바일 최적화 데이터 시각화
1. 업샷 (The Upshot)
a. 업샷은 뉴욕타임즈의 그래픽팀과 인터랙티브팀의 지원을 받으며 뉴욕타임즈 본지와는
다른 느낌으로 친숙하고 편안한 느낌의 시각화 기법을 사용 .
b. 플랫폼은 블로그 형식을 취하며 보다 전문적이고 친숙하게 다가옴
C. 특히 모바일에 최적화된 시각화 기법과 인터랙티브 기술을 개발함으로써
향후 모바일 시장에서 선두에 설 것으로 예상된다
D. 뉴욕타임즈의 데이터를 백업으로 두고 있다는 것 역시 강력한 뒷받침이다
![Page 64: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/64.jpg)
디지털 스토리텔링 해설저널리즘 모바일 최적화 데이터 시각화
![Page 65: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/65.jpg)
1. 데이터 시각화 (Five Thirty Eight)
a. 파이브서티에이트 닷컴만의 폰트 , 색 , 스타일을 보유하고 계속 반복 노출함으로써
명실상부하게 데이터 시각화 언론으로서의 포지션을 가져감
b. 시사하는 점은 , 언론사 고유의 색과 포지션을 반복함으로써 브랜딩 효과를 높을 수 있음
C. 데이터 시각화의 대표 언론사
디지털 스토리텔링 해설저널리즘 모바일 최적화 데이터 시각화
![Page 66: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/66.jpg)
디지털 스토리텔링 해설저널리즘 모바일 최적화 데이터 시각화
![Page 67: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/67.jpg)
디지털 스토리텔링 해설저널리즘 모바일 최적화 데이터 시각화
![Page 68: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/68.jpg)
![Page 69: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/69.jpg)
국내 상황
정부부처 , 대기업 , 언론사에서 적극적으로 시도 중입니다 . 서적도 출간이 되고 디자이너들의 관심도 높습니다 .
![Page 70: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/70.jpg)
인포그래픽 가미 기사 2013 년에 2 배 증가
![Page 71: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/71.jpg)
연합뉴스 미디어랩
최근의 코딩교육툴개발 등작품 외에도 활발한관련 활동을 보이고 있는 곳
![Page 72: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/72.jpg)
2013
![Page 73: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/73.jpg)
2014
![Page 74: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/74.jpg)
![Page 75: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/75.jpg)
![Page 76: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/76.jpg)
![Page 77: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/77.jpg)
![Page 78: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/78.jpg)
![Page 79: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/79.jpg)
![Page 80: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/80.jpg)
정보시각화의 미래 .그리고 미래의 저널리스트
![Page 81: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/81.jpg)
Design + IT인포그래픽 제작 환경에 대한 디자이너들의 트렌드 follow-up 필요
지면 인포그래픽의 매력도 있지만 ,
방대한 정보를 layer 개념이 없는 한 장의 종이에 담는게 직관적인가 ?
HTML5 웹 환 경 과 Mobile 에 서 의 직관 적 으 로 보 여줄 인포그래픽
현재 디자이너들에게 코딩의 어려움을 덜어주고
디자이너의 기획과 디자인을 살려주는 툴이 나오고 있으며
실제 미국과 유럽에서는 디자이너들이 front-end까지 영역을 넓히고 있다
![Page 83: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/83.jpg)
사회에 많은 변화를 가져올 수 있는 정보시각화
![Page 85: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/85.jpg)
이르미는 “반응형 실시간 모션 인포그래픽”이라는 용어의 약자인데요 , 기본적으로 디지털 데이터시각화입니다 .
카이로 교수 , 정태영 대표 , 김홍탁 마스터 님 등 여러분들께서 지지해주고 계신 뉴로의 비전입니다 . World First by 뉴로어소시에이츠
![Page 86: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/86.jpg)
박원순 시장이 페이스북에 적은 글 (2013 년 8 월 )
시민 여러분 , 이제 서울시는 하수관로 수위가 1 분마다 측정돼 바로 공개됩니다 . 장마철 집중호우로 인해 저지대 등 침수취약지역의 침수피해를 막기 위해서이지요 . 특히 요즘 같은 장마철에 집중호우 등으로 하수도가 넘칠 것이 예상될 경우 사전에 해당지역 주민과 공무원에게 즉시 상황을 전파해 신속한 대응을 해나갈 수 있답니다 . 기존엔 지하시설물인 하수관로 특성상 육안확인이 어려워 집중호우 시 수위가 급격히 상승해 발생하는 문제점을 사전에 예측하기 어려웠다면 이제는 하수관로의 현재 수위가 얼마나 되는지 실시간으로 확인할 수 있는 것이지요 .
실제로 지난해 8 월 관악구 하수관로 수위가 평소보다 2 배 이상 상승한 것을 이 시스템으로 확인한 뒤 곧바로 토사를 제거해 침수 피해를 예방할 수 있었습니다 .
하수관로 수위 정보는 시민들도 직접 실시간으로 확인할 수 있도록 ,서울시 홈페이지 (http://env.seoul.go.kr/water) → 물관리사업 → 하수수위현황을 통해 공개하고 있습니다 .
지리한 장마가 계속되고 있는 가운데 , 서울시는 시민여러분의 안전을 위해 최선을 다해 나갈 것입니다 .
또한 , 시민과 함께 수해에 대처하기 위해강수량 정보를 실시간으로 공개한다고 밝혔습니다실시간 인포그래픽
첫번째 케이스
![Page 87: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/87.jpg)
실시간 인포그래픽첫번째 케이스
< 서울특별시 홈페이지 > 하수수위현황http://env.seoul.go.kr/archives/17594
그래서 이제는 원하는 사람은 누구나강수량 정보를 실시간으로 볼 수 있게 되었습니다
![Page 88: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/88.jpg)
데이터를 해석하는 것이 어려움
< 서울특별시 홈페이지 > 하수수위현황http://env.seoul.go.kr/archives/17594
주소명은 지도에서 빠져있고 표에만 있다 보니 ,
그 지역이 나랑 가까운지 확인하려면 ,
인터넷에서 주소를 입력해서 위치를 봐야 하는 불편함
표에서는 데이터가 실시간으로 변하고 있지만 ,
시민들은 그 데이터가 위험한지 안 한지를 확인할 수 없음
분명 아주 유용하고 꼭 필요한 일이긴 하지만 ,해당 프로세스에는 다음과 같은 결정적인 문제들이 있었습니다실시간 인포그래픽
첫번째 케이스
![Page 90: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/90.jpg)
하루가 다르게 쌓여갈 정보 및 데이터로 우리는 무엇을 해야할까요 ?
What should we dowith all the unique information and data being compiled more and more every day?
![Page 91: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/91.jpg)
DXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDX
DXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDX DXDXDXDXDXDXDX DXDXDXDXDXDXDX DXDXDXDXDXDXDX DXDXDXDXDXDXDX DXDXDXDXDXDXDXDXDXDXDXDXDXDXDXDX
데이터경험 TX (Data Expe-rience)
이것이 데이터의 시대에 우리가 새롭게 제공할 수 있는 가치가 될 수 있습니다 .
This can be a new value we can provide to potential cus-tomers.
![Page 92: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/92.jpg)
저널리스트 3.0
![Page 94: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/94.jpg)
툴들의 등장
![Page 95: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/95.jpg)
Infogr.am
![Page 96: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/96.jpg)
Pikto charts
![Page 97: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/97.jpg)
![Page 98: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/98.jpg)
![Page 99: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/99.jpg)
![Page 100: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/100.jpg)
![Page 101: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/101.jpg)
이런 정도의 간단한 모션 웹 스토리리텔링은 Adobe 프로그램으로 가능해졌다
![Page 102: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/102.jpg)
INTERACTIVE GRAPHIC TOOLS STUDY - 툴검다리
![Page 103: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/103.jpg)
툴보다 내가 우선시 되는 커리큘럼 !!현재 내가 하고 있는 일에 필요한 만큼을 믹스하여 , 한 주 한 주 맞춤형으로 결과물을 가져가는 레슨방식
![Page 107: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/107.jpg)
웹 4.0HTML5 의 시대
저렴한 가격으로 사람들의 표현력을
강화시켜주고 싶어하는 쉬운 툴들이 꽤나 많다
더욱이 오늘날에는 하나의 전문적인 툴만 깊게 아는 것으로는 컨텐츠 표현이나 스토리텔링에 아쉬움이 생긴다 . 오히려 툴들의 조합이 마음껏 가능하도록 열려기술이 가득한 세상이다” – Ben B.
![Page 108: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/108.jpg)
저널리스트 3.0 디지털 마인드와 디자인 싱킹으로 업그레이드되어 보다 혁신적으로 사회의 부조리와 싸워나가는 언론인 ? ^^
![Page 109: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/109.jpg)
![Page 110: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/110.jpg)
Neuro Associates 뉴로어소시에이츠 Looftop lunch
![Page 111: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/111.jpg)
감사합니다 .
![Page 112: 140628 seminar edu](https://reader035.vdocuments.us/reader035/viewer/2022062709/558e1d591a28abc45b8b4798/html5/thumbnails/112.jpg)
이론 현실
19살
23살 25살
28살
다면적 특성을 갖게 한 과거 이력