"대문"의 두 판 사이의 차이
onthedh
(→온톨로지 설계 가이드라인 온톨로지 설계 가이드라인) |
(→2022) |
||
2번째 줄: | 2번째 줄: | ||
==2022== | ==2022== | ||
==='''[http://dhpalace.cafe24.com/ 디지털 인문학의 이해]'''=== | ==='''[http://dhpalace.cafe24.com/ 디지털 인문학의 이해]'''=== | ||
− | + | ===[http://dhpalace.cafe24.com/index.php/창덕궁_예시 창덕궁 예시]=== | |
− | + | ===[http://dh.aks.ac.kr/Edu/wiki/index.php/인문정보학_온톨로지_설계_가이드라인 온톨로지 설계 가이드라인]=== | |
+ | ===네트워크 그래프=== | ||
+ | <html> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
+ | <script type="text/javascript" src="http://dh.aks.ac.kr/~onthedh/graph/vis/vis.js"></script> | ||
+ | <link href="http://dh.aks.ac.kr/~onthedh/graph/vis/vis.css" rel="stylesheet" type="text/css"> | ||
+ | <link href="http://dh.aks.ac.kr/~onthedh/graph/vis/vis-network.min.css" rel="stylesheet" type="text/css"> | ||
+ | <style type="text/css"> | ||
+ | #mynetwork { | ||
+ | border: 1px solid lightgray; | ||
+ | width:100%; | ||
+ | height: 540px; | ||
+ | } | ||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | var nodesArray = [], edgesArray = []; | ||
+ | var network = null; | ||
+ | |||
+ | function destroy() { | ||
+ | if (network !== null) { | ||
+ | network.destroy(); | ||
+ | network = null; | ||
+ | nodesArray = []; | ||
+ | edgesArray = []; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function draw() { | ||
+ | |||
+ | destroy(); | ||
+ | |||
+ | nodesArray.push({ | ||
+ | id: '태조', | ||
+ | label: '태조', | ||
+ | title: '<u>태조</u>', | ||
+ | shape: 'image', | ||
+ | image: 'http://dh.aks.ac.kr/~onthedh/graph/icons/sample/joseon_king_old.png', | ||
+ | url: 'http://encykorea.aks.ac.kr/Contents/Item/E0059033' | ||
+ | }); | ||
+ | |||
+ | nodesArray.push({ | ||
+ | id: '세종', | ||
+ | label: '세종', | ||
+ | title: '<u>세종</u>', | ||
+ | shape: 'image', | ||
+ | image: 'http://dh.aks.ac.kr/~onthedh/graph/icons/sample/joseon_king_mid.png', | ||
+ | url: 'http://encykorea.aks.ac.kr/Contents/Item/E0029857' | ||
+ | }); | ||
+ | |||
+ | nodesArray.push({ | ||
+ | id: '흥선대원군', | ||
+ | label: '흥선대원군', | ||
+ | title: '<u>흥선대원군</u>', | ||
+ | shape: 'image', | ||
+ | image: 'http://dh.aks.ac.kr/~onthedh/graph/icons/sample/joseon_prince_old.png', | ||
+ | url: 'http://encykorea.aks.ac.kr/Contents/Item/E0046384' | ||
+ | }); | ||
+ | |||
+ | nodesArray.push({ | ||
+ | id: '명성황후', | ||
+ | label: '명성황후', | ||
+ | title: '<u>명성황후</u>', | ||
+ | shape: 'image', | ||
+ | image: 'http://dh.aks.ac.kr/~onthedh/graph/icons/sample/joseon_queen_mid2.png', | ||
+ | url: 'http://encykorea.aks.ac.kr/Contents/Item/E0018297' | ||
+ | }); | ||
+ | |||
+ | nodesArray.push({ | ||
+ | id: '을미사변', | ||
+ | label: '을미사변', | ||
+ | title: '<u>을미사변</u>', | ||
+ | shape: 'image', | ||
+ | image: 'http://dh.aks.ac.kr/~onthedh/graph/icons/sample/joseon_weapon.png', | ||
+ | url: 'http://encykorea.aks.ac.kr/Contents/Item/E0042948' | ||
+ | }); | ||
+ | |||
+ | nodesArray.push({ | ||
+ | id: '경복궁', | ||
+ | label: '경복궁', | ||
+ | title: '경복궁', | ||
+ | shape: 'image', | ||
+ | image: 'http://dh.aks.ac.kr/~onthedh/graph/icons/sample/palace2.png', | ||
+ | url: 'http://encykorea.aks.ac.kr/Contents/Item/E0002434' | ||
+ | }); | ||
+ | |||
+ | nodesArray.push({ | ||
+ | id: '건청궁', | ||
+ | label: '건청궁', | ||
+ | title: '건청궁', | ||
+ | shape: 'image', | ||
+ | image: 'http://dh.aks.ac.kr/~onthedh/graph/icons/sample/gyeong-geugdang.png', | ||
+ | url: 'http://encykorea.aks.ac.kr/Contents/Item/E0002436' | ||
+ | }); | ||
+ | |||
+ | nodesArray.push({ | ||
+ | id: '집현전', | ||
+ | label: '집현전', | ||
+ | title: '집현전', | ||
+ | shape: 'image', | ||
+ | image: 'http://dh.aks.ac.kr/~onthedh/graph/icons/sample/official_group.png', | ||
+ | url: 'http://encykorea.aks.ac.kr/Contents/Item/E0055081' | ||
+ | }); | ||
+ | |||
+ | edgesArray.push({ | ||
+ | from: '태조', | ||
+ | to: '경복궁', | ||
+ | label: '창건하였다', | ||
+ | title: '창건하였다', | ||
+ | arrows: 'to', | ||
+ | }); | ||
+ | |||
+ | edgesArray.push({ | ||
+ | from: '흥선대원군', | ||
+ | to: '경복궁', | ||
+ | label: '중건하였다', | ||
+ | title: '중건하였다', | ||
+ | arrows: 'to', | ||
+ | }); | ||
+ | |||
+ | edgesArray.push({ | ||
+ | from: '세종', | ||
+ | to: '집현전', | ||
+ | label: '설치하였다', | ||
+ | title: '설치하였다', | ||
+ | arrows: 'to', | ||
+ | }); | ||
+ | |||
+ | edgesArray.push({ | ||
+ | from: '집현전', | ||
+ | to: '경복궁', | ||
+ | label: '위치하였다', | ||
+ | title: '위치하였다', | ||
+ | arrows: 'to', | ||
+ | }); | ||
+ | |||
+ | edgesArray.push({ | ||
+ | from: '건청궁', | ||
+ | to: '경복궁', | ||
+ | label: '위치한다', | ||
+ | title: '위치한다', | ||
+ | arrows: 'to', | ||
+ | }); | ||
+ | |||
+ | edgesArray.push({ | ||
+ | from: '을미사변', | ||
+ | to: '건청궁', | ||
+ | label: '에서 발생하였다', | ||
+ | title: '에서 발생하였다', | ||
+ | arrows: 'to', | ||
+ | }); | ||
+ | |||
+ | edgesArray.push({ | ||
+ | from: '명성황후', | ||
+ | to: '을미사변', | ||
+ | label: '관련이 있다', | ||
+ | title: '관련이 있다', | ||
+ | arrows: 'to', | ||
+ | }); | ||
+ | |||
+ | edgesArray.push({ | ||
+ | from: '명성황후', | ||
+ | to: '흥선대원군', | ||
+ | label: '대립하였다', | ||
+ | title: '대립하였다', | ||
+ | arrows: 'to', | ||
+ | }); | ||
+ | |||
+ | var nodes = new vis.DataSet(nodesArray); | ||
+ | var edges = new vis.DataSet(edgesArray); | ||
+ | // create a network | ||
+ | var container = document.getElementById('mynetwork'); | ||
+ | var data = { nodes: nodes, edges: edges }; | ||
+ | var options = { | ||
+ | nodes: { size: 30, margin: 5, | ||
+ | color: { background: 'white', | ||
+ | highlight: { border: 'gold', background: '#D2E5FF' }, | ||
+ | hover: { border: 'gold', background: '#D2E5FF' }, | ||
+ | }, | ||
+ | font: { face: '함초롬바탕', color: 'black', size: 15 }, | ||
+ | labelHighlightBold: true, | ||
+ | shadow: false | ||
+ | }, | ||
+ | |||
+ | edges: { length: 300, width: 1, | ||
+ | color: { color: 'lightgray', highlight: 'grey', opacity: 1.0 }, | ||
+ | font: { face: '맑은 고딕', align: 'bottom', size: 12, color: 'darkcyan', strokeWidth: 5, strokeColor: 'white' }, | ||
+ | smooth: { enabled: true, type: 'dynamic', roundness: 0.5 } | ||
+ | }, | ||
+ | layout: { randomSeed: 100, | ||
+ | hierarchical: { | ||
+ | enabled: | ||
+ | directionInput.value == 'UD' || directionInput.value == 'LR' | ||
+ | ? true | ||
+ | : false, | ||
+ | direction: directionInput.value, | ||
+ | sortMethod: 'directed' | ||
+ | } | ||
+ | }, | ||
+ | |||
+ | interaction: { navigationButtons: true }, | ||
+ | physics: { stabilization: false } | ||
+ | }; | ||
+ | // initialize your network! | ||
+ | network = new vis.Network(container, data, options); | ||
+ | // select a node to open a related web page. | ||
+ | network.on('selectNode', function(params) { | ||
+ | var sel = params.nodes[0]; | ||
+ | var rows = nodesArray.length; | ||
+ | for (var i = 0; i < rows; i++) { | ||
+ | if (sel==nodesArray[i].id) { | ||
+ | var destination=nodesArray[i].url; | ||
+ | if( !nodesArray[i].url || nodesArray[i].url=='')break; | ||
+ | else window.open(encodeURI(decodeURI(nodesArray[i].url)), '_self'); | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | } | ||
+ | </script> | ||
+ | </head> | ||
+ | <body onload="draw();"> | ||
+ | |||
+ | <div id="mynetwork"><div class="vis-network" tabindex="900" style="position: relative; overflow: hidden; touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; height: 100%;"><canvas width="1900" style="position: relative; touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; height: 100%;" height="774"></canvas><div class="vis-navigation"><div class="vis-button vis-up" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div><div class="vis-button vis-down" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div><div class="vis-button vis-left" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div><div class="vis-button vis-right" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div><div class="vis-button vis-zoomIn" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div><div class="vis-button vis-zoomOut" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div><div class="vis-button vis-zoomExtends" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div></div></div></div> | ||
+ | <div id="layout-selection" style="text-align:right;font-size:150%;"> | ||
+ | <input type="button" id="btn-Normal" value="⿴"> | ||
+ | <input type="button" id="btn-Vertical" value="⿳"> | ||
+ | <input type="button" id="btn-Horizontal" value="⿲"> | ||
+ | <input type="hidden" id="direction" value="NORMAL"> | ||
+ | </div> | ||
+ | <script language="JavaScript"> | ||
+ | var directionInput = document.getElementById('direction'); | ||
+ | var btnUD = document.getElementById('btn-Vertical'); | ||
+ | btnUD.onclick = function () { | ||
+ | directionInput.value = 'UD'; | ||
+ | draw(); | ||
+ | }; | ||
+ | var btnLR = document.getElementById('btn-Horizontal'); | ||
+ | btnLR.onclick = function () { | ||
+ | directionInput.value = 'LR'; | ||
+ | draw(); | ||
+ | }; | ||
+ | var btnNormal = document.getElementById('btn-Normal'); | ||
+ | btnNormal.onclick = function () { | ||
+ | directionInput.value = 'NORMAL'; | ||
+ | draw(); | ||
+ | }; | ||
+ | </script> | ||
+ | </body> | ||
+ | </html> | ||
+ | |||
===회의록=== | ===회의록=== |
2022년 5월 1일 (일) 22:19 판
2022
디지털 인문학의 이해
창덕궁 예시
온톨로지 설계 가이드라인
네트워크 그래프
회의록
경복궁 회의록
창덕궁 회의록
창경궁 회의록
경희궁 회의록
덕수궁 회의록
중간고사(Midterm Exam)
경복궁
창덕궁
창경궁
경희궁
덕수궁
소속 궁궐
경복궁
창덕궁
창경궁
경희궁
덕수궁