행위

"Visualising War Fatalities"의 두 판 사이의 차이

red

(메인 화면)
 
(다른 사용자 한 명의 중간 판 9개는 보이지 않습니다)
36번째 줄: 36번째 줄:
 
[http://www.war-memorial.net/index.asp The Polynational War Memorial] 사이트 설립자<br/>
 
[http://www.war-memorial.net/index.asp The Polynational War Memorial] 사이트 설립자<br/>
 
<big>Timothy Sondreal - data research and content editing</big><br/>
 
<big>Timothy Sondreal - data research and content editing</big><br/>
<big>Mathias Dahlström - support and advice with D3</big><br/>
+
<big>Mathias Dahlström - support and advice with D3 <ref>웹브라우저 상에서 동적이고 인터렉티브한 정보시각화를 구현하기 위한 자바스크립트 라이브러리</ref></big><br/>
  
 
==='''When''' <small>언제</small>===
 
==='''When''' <small>언제</small>===
72번째 줄: 72번째 줄:
  
  
각 양귀비는 1900 년 이후의 전쟁을 묘사합니다. 줄기는 전쟁이 시작된 해부 터 자라며 전쟁이 끝난 해에 양귀비꽃이 자랍니다. 그 크기는 사망자 수를 나타내고 색상의 변화는 관련된 영역을 나타냅니다.
+
각 양귀비는 1900 년 이후의 전쟁을 묘사합니다. 줄기는 전쟁이 시작된 해부터 자라며 전쟁이 끝난 해에 양귀비꽃이 자랍니다. 그 크기는 사망자 수를 나타내고 색상의 변화는 관련된 지역을 나타냅니다.
  
  
82번째 줄: 82번째 줄:
 
====도입부 2====
 
====도입부 2====
 
[[파일:3.png]]
 
[[파일:3.png]]
‘제1차 세계대전은 유럽을 중심으로 한 전쟁이었습니다. 1914 년 7 월 28 일부터 1918 년 11 월 11 일까지 1,050 만 명 이상의 전사자가 발생했습니다.’ 라는 문구와 함께 1차 세계대전의 정보를 양귀비꽃으로 표현.<p>
+
*‘제1차 세계대전은 유럽을 중심으로 한 전쟁이었습니다. 1914 년 7 월 28 일부터 1918 년 11 월 11 일까지 1,050 만 명 이상의 전사자가 발생했습니다.’ 라는 문구와 함께 1차 세계대전의 정보를 양귀비꽃으로 표현.<p>
꽃의 크기는 사망자 수, 높이는 전쟁의 기간, 색상은 관련된 지역, 줄기의 시작점은 전쟁 발발 시점을 나타냄
+
*꽃의 크기는 사망자 수, 높이는 전쟁의 기간, 색상은 관련된 지역, 줄기의 시작점은 전쟁 발발 시점을 나타냄
  
 
====도입부 3====
 
====도입부 3====
96번째 줄: 96번째 줄:
  
 
*EXPLORE 버튼을 누르면 메인 화면으로 넘어간다.
 
*EXPLORE 버튼을 누르면 메인 화면으로 넘어간다.
 
====메인 화면====
 
[[파일:1.png|500픽셀]]
 
 
*우측 상단의 i 모양 아이콘을 통해 소개 페이지로 이동할 수 있다.
 
*우측 상단의 i 모양 아이콘을 통해 소개 페이지로 이동할 수 있다.
[[파일:8.png]]
+
*우측 상단의 페이스북 아이콘에 커서를 갖다대면 공유하기 기능을 이용할 수 있다.
*Poppy Field 프로젝트에 대한 소개와 설명, 자료출처, 제작자 및 도움을 준 분들, Poppy Field가 실려있는 책 구매 페이지 링크 등이 있다.
 
  
 +
====소개 페이지====
  
 
[[파일:7.png]]
 
[[파일:7.png]]
113번째 줄: 110번째 줄:
 
하늘에는 종달새 힘차게 노래하며 날아오르건만 <br/>
 
하늘에는 종달새 힘차게 노래하며 날아오르건만 <br/>
 
저 밑에 요란한 총소리에 잘 들리지는 않네 <br/>
 
저 밑에 요란한 총소리에 잘 들리지는 않네 <br/>
 +
 +
[[파일:8.png]]
 +
*Poppy Field 프로젝트에 대한 소개와 설명, 자료출처, 제작자 및 도움을 준 분들, Poppy Field가 실려있는 책 구매 페이지 링크 등이 있다.
 +
 +
====메인 화면====
 +
 +
  
 
[[파일:1.png]]
 
[[파일:1.png]]
129번째 줄: 133번째 줄:
 
*Logarithmic Scale / Linear Scale
 
*Logarithmic Scale / Linear Scale
 
대수눈금과 선형눈금 중 선택하여 전쟁 기간에 따른 차이를 더 부각하거나 축소하여 나타낼 수 있다.
 
대수눈금과 선형눈금 중 선택하여 전쟁 기간에 따른 차이를 더 부각하거나 축소하여 나타낼 수 있다.
 
 
우측 상단의 페이스북 아이콘에 커서를 갖다대면 공유하기 기능을 이용할 수 있고, 밑의 화살표 아이콘을 누르면 도입부 화면으로 돌아갈 수 있다.
 
  
  
149번째 줄: 150번째 줄:
 
===<small>각주<small>===
 
===<small>각주<small>===
 
  <references/>
 
  <references/>
 +
 +
[[분류:한문학데이터큐레이션2021-1KU]]

2021년 4월 8일 (목) 10:15 기준 최신판

Visualising War Fatalities 웹사이트 가기

Who 누가

Valentina D’Efilippo - Design
Val.png


  • 이탈리아에서 산업 디자인을 공부하고 런던에서 석사 학위를 받았다.
  • 런던에 살고 있는 디자이너, 일러스트레이터 및 크리에이티브 디렉터이다.
  • 공공 기관, 스타트업, 에이전시 및 글로벌 브랜드와 함께 일한다.
  • 유수의 에어전시들과 협업하여 세계적 브랜드의 자동차, 석유, 맥주 광고를 만들어 수차례 수상한 바 있다.
  • 이코노미스트 그룹의 데이터 디자인 에이전시인 Signal Noise에서 디자인 팀을 이끌었다.
  • 2013년에 데이터 저널리스트 제임스 볼과의 협력을 통해 '인포그래픽 세계사'를 출판했다.
  • 오스트리아에서 가장 큰 인류학 박물관, 웰트 박물관 비엔의 영구 컬렉션에 작품 일부가 실려있다.
  • 여러 국제 행사에서 작품을 공유하고, 학생들과 전문가들이 참석하는 주요 워크숍을 진행할 수 있는 기회를 가졌다.


Nicolas Pigelet - Code
Nic.png


  • 파리에 사는 프랑스 인터랙티브 개발자이다.
  • 파리와 런던의 대형 광고 대행사와 소규모 디자인 스튜디오에서 8 년 이상의 경험을 가지고 있다.
  • 주로 웹 사이트 나 앱의 프런트 엔드[1]에서 작업한다.


James Ball - co-author of the book The Infographic History of the World

  • James Ball은 The Bureau of Investigative Journalism의 글로벌 편집자이다.
  • 이전에는 The Guardian의 특별 프로젝트 편집자이자 BuzzFeed UK의 특별 프로젝트 편집자였던 James는 Edward Snowden의 NSA 누출, 연안 누출, HSBC 파일, Reading the Riots 및 Keep에 대한 퓰리처 상을 수상한 보도에서 중요한 역할을했다.
  • WikiLeaks에서 그는 2010 년에 250,000 개의 미국 대사관 케이블을 발행 한 Cablegate에 밀접하게 관여했으며 이라크 전쟁 기록을 기반으로 한 두 개의 다큐멘터리를 작업했다.
  • 그는 영국 런던에 살고 있다.

Jon Brunberg - 자료제공(research)
The Polynational War Memorial 사이트 설립자
Timothy Sondreal - data research and content editing
Mathias Dahlström - support and advice with D3 [2]

When 언제

  • 2013년 6월

The Infographic History of the World - 2013년 6월에 출시 Poppy Field는 데이터 시각화와 인포그래픽 스토리텔링을 통해 역사를 서술한 책인 ‘The Infographic History of the World’에서 처음 출판되었다.

Twt.jpg

  • 2013년 11월

Kantar Information is Beautiful Awards

‘Field of Commemoration’은 Kantar Information is Beautiful Awards 데이터 시각화 부문에서 명예로운 평가를 받았다. 비록 수상은 아니지만, 특히 이 트윗을 읽고 나면 우승자가 된 기분이다! 존 마에다를 포함한 세계에서 가장 급진적이고 유명한 디자이너들로 구성된 배심원단에 의해 인정받는 것은 정말 멋진 일이다!;)

  • 2014년 7월

Valentina D’Efilippo는 The Polynational War Memorial의 데이터를 기반으로 상호작용 하는 데이터 시각화를 시작하였다.

Where 어디서

런던

지도를 불러오는 중...


What 무엇을

양귀비 밭(Poppy Field)은 전쟁에서 잃은 인간의 목숨을 반영하는 독립적인 프로젝트로서, 1900년도부터 세계에서 발발한 전쟁의 정보들을 다루고 있다.

How 어떻게

Exp.png


각 양귀비는 1900 년 이후의 전쟁을 묘사합니다. 줄기는 전쟁이 시작된 해부터 자라며 전쟁이 끝난 해에 양귀비꽃이 자랍니다. 그 크기는 사망자 수를 나타내고 색상의 변화는 관련된 지역을 나타냅니다.


도입부 1

2.png

  • 제1차 세계대전 백 주년
  • 하단의 화살표를 눌러 다음 화면으로 이동하거나 우측의 네모 박스를 눌러 원하는 단계로 건너뛸 수 있다.

도입부 2

3.png

  • ‘제1차 세계대전은 유럽을 중심으로 한 전쟁이었습니다. 1914 년 7 월 28 일부터 1918 년 11 월 11 일까지 1,050 만 명 이상의 전사자가 발생했습니다.’ 라는 문구와 함께 1차 세계대전의 정보를 양귀비꽃으로 표현.

  • 꽃의 크기는 사망자 수, 높이는 전쟁의 기간, 색상은 관련된 지역, 줄기의 시작점은 전쟁 발발 시점을 나타냄

도입부 3

4.png

  • 기억의 날
  • 양귀비의 의미 설명 - '1차 세계 대전이 끝난 후 양귀비는 중요한 사건을 기념하는 상징이 되었습니다. 그것은 유럽의 황폐한 전장에서 생명을 얻은 최초의 식물 중 하나였습니다. 유혈 사태를 연상시키는 그 색깔, 탄력 있지만 섬세한 자연은 전쟁과 인간의 관계를 떠올리게 합니다.'

도입부 4

5.png

  • 양귀비 밭
  • 제1차 세계대전은 처음에는 모든 전쟁을 끝내기 위한 전쟁이라고 불렸습니다. 안타깝게도, 세계는 그 이후 100년 동안 200번 이상의 전쟁을 겪었습니다. 양귀비 밭은 20세기 초부터의 인명 희생을 반영합니다.
  • EXPLORE 버튼을 누르면 메인 화면으로 넘어간다.
  • 우측 상단의 i 모양 아이콘을 통해 소개 페이지로 이동할 수 있다.
  • 우측 상단의 페이스북 아이콘에 커서를 갖다대면 공유하기 기능을 이용할 수 있다.

소개 페이지

7.png

  • 소개 페이지 상단에는 1차 세계 대전의 추모시이자 추모곡인 존 맥크레이 중령의 '플랜더스 들판에는'의 일부가 실려 있다.


플랜더스 들판에는 개양귀비가 하늘거리네
십자가의 열과 열 사이마다
그곳과 하늘에 우리의 자리를 표시하네
하늘에는 종달새 힘차게 노래하며 날아오르건만
저 밑에 요란한 총소리에 잘 들리지는 않네

8.png

  • Poppy Field 프로젝트에 대한 소개와 설명, 자료출처, 제작자 및 도움을 준 분들, Poppy Field가 실려있는 책 구매 페이지 링크 등이 있다.

메인 화면

1.png

  • Filter by Location

아프리카, 아시아, 유럽, 북아메리카, 남아메리카로 나뉘어서 특정 지역과 관련된 전쟁만 나타나게 하거나, 반대로 감출 수 있다.


  • Filter by Number of Deaths

자료상의 최소 사망자 수인 909명 ~ 최대 사망자 수인 5000만 명 사이의 눈금을 조절하여 특정 범위의 사망자가 발생한 전쟁만 나타나게 할 수 있다.


  • Timeline

1899년 ~ 2014년 사이의 눈금을 조절하여 특정 연대에 벌어진 전쟁만 나타나게 할 수 있다.


  • Logarithmic Scale / Linear Scale

대수눈금과 선형눈금 중 선택하여 전쟁 기간에 따른 차이를 더 부각하거나 축소하여 나타낼 수 있다.


6.png

  • 상세정보

양귀비 꽃 아이콘에 마우스 커서를 올리면 전쟁명이 보이고, 클릭하면 기간, 사망자 수, 지역, 참전국, 자료출처 등 상세정보를 확인할 수 있다.

Why

이 프로젝트는 논쟁을 야기하지 않으며, 주제에 대한 결론을 제공하려는 의도도 없다. 그보다 우리는 전쟁으로 인한 인명 희생을 반영하고 제1차 세계대전 100주년을 기리기를 원한다.

Comment 논평

양귀비를 통해 전사자 수를 시각화한다는 아이디어가 참신했으며 사망자 수 외에도 전쟁 기간, 지역, 참전국 등 다양한 정보를 한 눈에 볼 수 있게 디자인 하였다.


대다수의 전쟁은 사망자 수가 적음에도, 독보적으로 많은 사망자를 낸 제1, 2차 세계 대전 양귀비에 의해 상대적으로 묻혀 보인다. 특히 기간도 짧고 사망자 수도 적었던 전쟁의 양귀비들은 눈에 띄지 않거나 다른 양귀비들에 가려 상세정보를 확인하기도 어려웠다. 심지어 약 100만 명의 사망자가 발생한 Korean War 양귀비도 찾는데 시간이 걸렸으며 2차 세계 대전 양귀비와 겹쳐 있어 누르기가 쉽지 않았다. 다만 앞서 소개된 각종 필터 기능을 이용하면 어느 정도 해결할 수 있다.

각주

  1. 웹 프로그래밍의 한 분야. 프론트엔드 개발자는 프론트엔드, 백엔드의 완전한 분리 구조를 지향하는 업무 스타일의 개발 방식으로써 프론트단의 비지니스 로직과 사용자 영역의 개발을 담당하는 사람이다.
  2. 웹브라우저 상에서 동적이고 인터렉티브한 정보시각화를 구현하기 위한 자바스크립트 라이브러리