Asia-pacific Journal of Multimedia Services Convergent with Art, Humanities, and Sociology Vol.6, No.12, December (2016), pp. 533-540 http://dx.doi.org/10.14257/ajmahs.2016.12.43 객체간연관관계분석을위한웹기반정보시각화연구 이슬람압바스왕조를중심으로 강지훈윤용수 요약 정보시각화는데이터나정보를다양한도구를활용해시각적으로나타내는정보기술이다시각적인정보는사용자직관성을높일수있으며이는특정정보를짧은시간에관찰하고이해할수있는효율적인방안이될수있다최근인문학의연구방법론으로디지털인문학에대한인문지역학자들의관심이높은시점에서정보시각화는연구를위한기초자료수집이나정보분석등을위해활용된다또한이를위한방안으로전자문화지도네트워크멀티미디어등다양한형태의정보시각화방법 에대한연구가활발하다본논문에서는웹기반동적시각화기술인를활용하여정보의시각화방안에대해연구한다세부적으로이슬람압바스왕조를대상으로압바스왕조를구성하는주요인물간의관계를노드와연결선을활용해시각화하여나타냄으로써객체간의연관관계를분석하는데활용하고자한다관련분야연구자들은분석된정보를연구에기초자료로활용하는등연구활 동에활용할수있다핵심어정보시각화지역연구 이슬람압바스왕조디지털인문학 Abstract Information Visualization is an information technology to visually represent the data and information by utilizing various tools. Visual information can increase the user's intuitiveness and it can be an effective way that can observe and comprehend the specific information in a short time. Information Visualization, as a research method on Humanities, in the high interest of researchers of Humanities and Area studies, is recently used for collecting base data and analyzing information. As an way to use Information Visualization, various forms of Information Visualization like Electronic Cultural Atlas, Network and Received (October 8, 2016), Review Result (October 21, 2016) Accepted (October 28, 2016), Published (December 31, 2016) 이논문은 년도정부교육부의재원으로한국연구재단의지원을받아수행된연구임 ISSN: 2383-5281 AJMAHS Copyright 2016 HSST 533
Multimedia are actively discussed and studied today. In this paper, Information Visualization will be discussed by utilizing D3, a web-based technology for dynamic visualization. In detail, relationship between the Abbasids of Islam can be visualized by using nodes and connection lines and, this relationship between objects will be analyzed efficiently. Researchers related in this field can use this analyzed information for basis data in their researches. Keywords : Information Visualization, Area Studies, D3, Islam, Abbasids, Digital Humanities 서론 최근디지털인문학에대한관심이높아짐에따라인문학이나지역학등다양한학문을연구하는방법으로정보기술을활용하는사례가보편화되고있다그중에서정보시각화는데이터나정보를일반텍스트외에도표지도이미지멀티미디어등을활용해시각적인형태로표현하는것을의미한다데이터나정보의시각화는일반텍스트에비해사용자직관성을높일수있다직관적인이해는비교적적은노력으로원하는정보를얻을수있다는의미이며이는목적달성의효율성을높이는방법이기도하다즉연구자는학문연구를위한방법으로시각화된시스템의활용을통해연구의효율성을높일수있다본논문에서는웹기반의동적정보시각화기술인를활용하여특정정보를시각화하는방안에대해알아본다세부적으로서로관련있는객체를노드와연결선을활용해시각화하고이를객체간연관관계분석을위한방법으로사용하고자한다인문지역연구를위한시각화의대상이되는주제는해외지역연구세부적으로지중해지역연구분야에서이슬람연구를위한자료로활용이가능한이슬람의압바스왕조를대상으로한다이슬람제국의발전은압바스왕조부터라고판단된다왜냐하면국가요직에이슬람교로개종한다수의비아랍인들이등용되었으며동시에관료상인지주들과함께신학자법학자등이이슬람의지배계급이되어국가와사회에이슬람법의이념을널리실현하였으므로진정한의미의이슬람제국이되었다고볼수있기때문이다이에따라본논문에서는압바스왕조를구성하는인물과그관계에대한이해는이슬람연구나교육을위한필수자료또는지식으로판단하였으며이를효율적으로연구나교육에활용하고또이해하기위한방안으로웹기반의동적시각화기술인정보시각화기술을활용하여압바스왕조의계보도를나타내고자한다 관련연구 인터랙티브 데이터시각화 시각화란말그대로정보를시각적요소와매핑하는과정으로데이터를이해한후그값을시각요소의속성으로표현하는규칙을정하는일을말한다이와관련하여시각화는크게정적시각화와동적시각화의두가지종류로나뉜다정적시각화는사용자와상호작용이없는즉사 534 Copyright 2016 HSST
Asia-pacific Journal of Multimedia Services Convergent with Art, Humanities, and Sociology Vol.6, No.12, December (2016) 용자의조작을지원하지않고정보나데이터를시각화하여사용자에게제공하는것을의미하며대표적으로이미지형태의시각화가여기에속한다이는사용자의조작을지원하지않으므로사용자의요구에따라변화되는정보를제공하는데한계가있다그림 압바스왕조계보도의일부분에대한이미지그림 학술지 지중해지역연구 의주제별논문분포도이미지정적시각화 동적시각화는인터랙티브또는인터랙션시각화로사용자가시각화객체를조작하여컴퓨터와사용자간의동적상호작용이가능한시각화유형을의미하며이를위한시각화기술로가대표적이다는데이터시각화제작을위한자바스크립트라이브러리이며데이터중심의문서라는의미로여기서데이터는사용자가가진데이터를의미하고문서는이나처럼웹브라우저에서렌더링할수있는웹기반문서를의미한다즉웹기반의인터랙티브데이터시각화기술로요약할수있다웹시각화의인터렉션은탐색적데이터분석에서데이터분석담당자의의도를더욱빠르고효율적으로반영할수있다특히기술자가아닌도메인전문가가탐색할때마우스로만조작할수있는인터랙션은매우효과적이다도메인전문가는대부분기술자가아닌경우가많아서키보드를이용한명령어입력에서툴때가많다하지만마우스조작을이용한다각적인데이터탐색은페이지이동등으로생기는사고의단절을감소시키므로정보나어색한부분을쉽게찾아낼수있다이와관련하여그림지중해전자문화지도는지중해지역과관련된논문을다양한필터를두고사용자가마우스로조작하게하고필터링된해당객체를지도위에동적으로시각화하여나타내는웹기반의사용자반응형전자문화지도시스템이다그림는를활용한시각화프로젝트로언어들간의관계및연관성을네트워크형태로나타내며와마찬가지로사용자의마우스조작에따라동적으로변화하는반응형시각화웹페이지연구사례이다 ISSN: 2383-5281 AJMAHS Copyright 2016 HSST 535
지중해전자문화지도 그림 동적 시각화 정보기술을 활용한 지역연구 사례 지역연구란 비교정치학의 한 영역으로 특정의 국가나 지역에 초점을 맞추어 현존의 정치 경제 사회시스템의 기능 구조를 역사 문화 종교 국민성 언어 등을 포함한 각도에서 분석하는 연 구기법으로 컴퓨터를 기초로 한 정보분석 축적기법의 비약적 발전이 지역연구를 더욱 발전시키고 있다 최근의 지역연구는 정보기술의 활용을 통해 기존에는 없었던 다양한 형태의 새로운 연구 방법의 적용이 가능하므로 새로운 지식이나 정보의 발견이 가능하기도 하다 그림 은 해외지역연 구에서도 지중해지역을 연구하기 위한 방안으로 디지털 인문학 기반의 정보시스템을 구축하여 활 용하는 사례이다 지중해지역연구를 위한 전자문화지도 지중해 관광 영향 분석을 논문 동시 출현 키워드 분석 위한 밀도지도 네트워크 시각화 그림 지역연구를 위한 정보기술 활용 사례 그림 는 전자문화지도 저작 도구인 로 제작된 지중해지역 연구를 전자문 화지도 구축 사례이다 는 지중해지역에서 특정한 사건이 발생함에 따라 지중해지역의 관광에 536 Copyright 2016 HSST
Asia-pacific Journal of Multimedia Services Convergent with Art, Humanities, and Sociology Vol.6, No.12, December (2016) 미치는영향을분석하기위한기반의밀도지도이며는지중해지역과관련된논문들의키워드를분석하고추출하여지중해지역의연구동향을파악하기위한네트워크시각화연구이다 개발환경 기반의정보시각화 본논문에서제안하는정보시각화시스템의개발환경은다음표과같다웹프로그래밍언어는를기반으로하며각노드가가지는정보는파일을통해입력하고관리한다주요레이아웃및디자인은를통해설계되며에서제공하는파일에는동적시각화를위한주요기능이제공된다각노드에대한설명이나세부정보는파일을통해입력및관리하며파일을통해텍스트모드그림참조에서각노드간링크를설계할수있다 표 개발환경 언어및파일유형 기능웹프로그래밍각노드의정보노드명좌표값노드무게유형범례노드간연관관계등설계주요레이아웃및디자인설계웹기반인터렉티브시각화의주요기능제공노드세부정보및노드간링크설계 구현 본논문에서는압바스왕조의계보도를웹기반으로동적시각화하여나타낸다압바스왕조의계보도에대한정보는기존의웹자료를활용하고자한다 시각화페이지 그림 정보제공유형 텍스트및하이퍼링크페이지 ISSN: 2383-5281 AJMAHS Copyright 2016 HSST 537
그림는기존에단순이미지로제공하던압바스왕조의계보도의일부그림참조를웹상에서사용자조작이가능하도록로구현한시각화시스템의메인화면이다본시각화시스템의정보제공유형은크게두가지형태로구성되는데첫번째유형은그림와같이노드와연결선을활용한시각화페이지이고두번째유형은그림와같이그림의정보를동기화하여텍스트와링크를통해제공하는페이지이다사용자는마우스를통해객체노드를선택마우스오버드래그를통한이동등이가능하다또한각노드에색깔및의미를지정하여범례로활용하는데본논문에서의범례지정형식은표와같다 표 범례설계 노드색상 범례명칭 설명압바스왕조에서칼리프가아닌인물바그다드압바스왕조칼리프계보카이로압바스왕조관련주제사건개념등 그림 는사용자가특정객체노드를마우스오버한화면으로마우스오버된객체및이와 연결된객체를제외한나머지객체및연결선들은투명도가적용되어표시된다예를들어그림 에서압바스왕조의제대칼리프인 객체사각형으로표시에마우스를오버 하면 의부 제 대칼리프 와 세아들 이연결선으로표시되며또한 가주인공으 로등장하는천일야화객체가표시된다타원으로표시이를통해사용자는 와 관련된인물이나사건등에대해직관적인정보파악이가능하다 그림 는객체를마우스를통해선택한화면으로선택한객체에대한세부설명과그와관 련있는객체에대한정보를웹페이지하단에텍스트및하이퍼링크를통해제공한다예를들어 노드를클릭하면웹페이지하단에 에대한세부설명을제공하 고 와관련된개의객체위에서언급의세부정보제공페이지로바로접근할수 있도록링크를표시해준다이를통해사용자는객체간의연관관계를보다빠른시간내에파악할수있다그림는마우스드래그를통한객체이동화면이다사용자는마우스를통해객체를원하는공간에자유롭게배치할수있으므로기존의획일화되어있던객체간의관계를다각적이고새로운관점으로접근할수있으며이를통해새로운관계에대해가설을세우고증명하는등의연구에활용이가능할것으로판단된다 538 Copyright 2016 HSST
Asia-pacific Journal of Multimedia Services Convergent with Art, Humanities, and Sociology Vol.6, No.12, December (2016) (a) 메인화면 (b) 마우스오버(Over) 화면 (c) 개체설명및개체간하이퍼링크그림 주요기능 (d) 개체이동화면 결론 본논문에서는이슬람압바스왕조의계보도를웹기반의동적정보시각화기술인 D3를활용하여인문 지역연구또는교육에활용이가능하도록시각화하였다. 본시각화시스템은이슬람지역연구외에도다양한지역이나주제, 분야에적용이가능하다. 특히 D3에서제공하는시각화라 ISSN: 2383-5281 AJMAHS Copyright 2016 HSST 539
이브러리는그형태와활용방식이매우다양하므로이를응용하는연구가활발히진행되기를기대한다. 본논문에서구현한웹페이지는압바스왕조계보의일부를시각화한것이며, 향후압바스왕조의인물계보도를기반으로보다세부적인주제들을설계하고이들간의연관관계를추가하는과정이필요하다. 이를통해이슬람실제연구및교육에활용할수있도록웹사이트와연계하는등의방식을통해서비스하는과정이필요하다. References [1] Kang JiHoon, Moon SangHo, A Study on Utilization Method of Information Visualization in the Humanities and Area Studies, Asia-pacific Journal of Multimedia Services Convergent with Art, Humanities, and Sociology of The Convergent Research Society Among Humanities, Sociology, Science, and Technology (2015), Vol.5, No.5, pp.59-68. [2] Lee HyunMi The Comparison and Analysis of High-School World History Textbooks in the 6th and 7th Curriculum -based on Abbas Dynasty-, Journal of Chung-Ang Historical Studies (2004), vol.20, pp.174-189. [3] Scott Murray, Byun ChiHoon translator, D3.js, insight, Seoul (2014) [4] https://namu.wiki/w/%ec%95%84%eb%b0%94%ec%8a%a4%20%ec%99%95%ec%a1%b0, Aug 10 (2016) [5] http://www.ims.or.kr, Aug 21 (2016) [6] Daichi Morifuji, Anchibe, Kim SungJae translator, Data Visualization for Engineer, Hanbit Media, Seoul (2015) [7] https://www.imsmeca.or.kr Sep 21 (2016) [8] http://languagenetwork.cotrino.com Sep 21 (2016) [9] http://terms.naver.com/entry.nhn?docid=729627&cid=42140&categoryid=42140 Oct 21 (2016) [10] Lee DongYul, Kang JiHoon, Moon SangHo, A Study on Mediterranean Tourism Impact Analysis by Specific Events using Photo Sharing Website, Asia-pacific Journal of Multimedia Services Convergent with Art, Humanities, and Sociology of The Convergent Research Society Among Humanities, Sociology, Science, and Technology (2015), Vol.5, No.5, pp.167-176. [11] Lee DongYul, Kang JiHoon, Moon SangHo, Research Trends Analysis on the Mediterranean Area Studies using Co-appearance Keywords, Asia-pacific Journal of Multimedia Services Convergent with Art, Humanities, and Sociology of The Convergent Research Society Among Humanities, Sociology, Science, and Technology (2016), Vol.6, No.5, pp.413-423. 540 Copyright 2016 HSST