|
|
| 60번째 줄: |
60번째 줄: |
| | | | |
| | ===칵테일 그래프 과제=== | | ===칵테일 그래프 과제=== |
| − | <h1 style="text-align: center;">나의 첫번째 네트워크 그래프
| |
| − | </h1>
| |
| − | <!--Simple Ontology Visualization script, generated by MakeGraph 2.1(2017.09.19)-->
| |
| − |
| |
| | <html> | | <html> |
| − | <head>
| + | <script>function reload() {window.location.reload();} </script> |
| − | <title>Simple Ontology Visualization, for Encyves</title>
| + | <input type="button" value="Graph" onclick="reload();"> |
| − | <meta name="description" content="Google Visualization API Script"/>
| + | <iframe width="100%" height="670px" src="http://digerati.aks.ac.kr/dhlab/2018/102/조선애/cocktail.htm" frameborder="0" allowfullscreen></iframe> |
| − | <meta name="author" content="Cultural Informatics Laboratory, AKS"/>
| + | |
| − | <style>
| + | |
| − | body {font: 10pt;}
| + | |
| − | table {border: 0; width: 100%;}
| + | |
| − | tr:nth-child(even){background-color: #efefef;}
| + | |
| − | td {font: 12pt 맑은 고딕; text-align: center;}
| + | |
| − | </style>
| + | |
| − | <script type="text/javascript" src="http://www.google.com/jsapi"></script>
| + | |
| − | <script type="text/javascript" src="http://dh.aks.ac.kr/Graph/network/network.js"></script>
| + | |
| − | <script type="text/javascript">
| + | |
| − | var nodesTable = null;
| + | |
| − | var linksTable = null;
| + | |
| − | var network = null;
| + | |
| − | | + | |
| − | google.load('visualization', '1');
| + | |
| − | google.setOnLoadCallback(draw);
| + | |
| − | | + | |
| − | function draw() {
| + | |
| − | | + | |
| − | nodesTable = new google.visualization.DataTable();
| + | |
| − | nodesTable.addColumn('string', 'id');
| + | |
| − | nodesTable.addColumn('string', 'group');
| + | |
| − | nodesTable.addColumn('string', 'text');
| + | |
| − | nodesTable.addColumn('string', 'title');
| + | |
| − | nodesTable.addColumn('string', 'style');
| + | |
| − | nodesTable.addColumn('string', 'image');
| + | |
| − | nodesTable.addColumn('string', 'url');
| + | |
| − | | + | |
| − | nodesTable.addRow(['00000', 'dummy', '', '', 'dot', '', '']);
| + | |
| − | nodesTable.addRow(['scotch', 'Spirit', 'Scotch Wiskey', 'Scotch_Wiskey', 'rect', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['drambuie', 'Liqueur', 'Drambuie', 'Drambuie', 'rect', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['nogar', 'Garnish', 'No Garnish', 'No_Garnish', 'square', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['oldglass', 'Glass', 'Old fassioned Glass', 'Old_fassioned_Glass', 'star', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['build', 'Method', 'Build', 'Build', 'dot', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['rustynail', 'Cocktail', 'Rusty Nail', 'Rusty_Nail', 'circle', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['drymartini', 'Cocktail', 'Dry Martini', 'Dry_Martini', 'circle', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['olive', 'Garnish', 'Olive', 'Olive', 'square', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['dryvermouth', 'Liqueur', 'Dry Vermouth', 'Dry_Vermouth', 'rect', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['stir', 'Method', 'Stir', 'Stir', 'dot', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['cocktailglass', 'Glass', 'Cocktail Glass', 'Cocktail_Glass', 'star', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['drygin', 'Spirit', 'Dry Gin', 'Dry_Gin', 'rect', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['blackrussian', 'Cocktail', 'Black Russian', 'Black_Russian', 'circle', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['coffeliqueur', 'Liqueur', 'Coffee Liqueur', 'Coffee_Liqueur', 'rect', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | nodesTable.addRow(['vodka', 'Spirit', 'Vodka', 'Vodka', 'rect', 'http://dh.aks.ac.kr/VR/style/noimage.png', '']);
| + | |
| − | | + | |
| − | linksTable = new google.visualization.DataTable();
| + | |
| − | linksTable.addColumn('string', 'from');
| + | |
| − | linksTable.addColumn('string', 'to');
| + | |
| − | linksTable.addColumn('string', 'color');
| + | |
| − | linksTable.addColumn('string', 'style');
| + | |
| − | linksTable.addColumn('string', 'title');
| + | |
| − | linksTable.addColumn('string', 'text');
| + | |
| − | | + | |
| − | linksTable.addRow(['rustynail', 'scotch', 'red', 'moving-arrows', 'useBaseLiquor', 'useBaseLiquor']);
| + | |
| − | linksTable.addRow(['rustynail', 'drambuie', 'orange', 'moving-arrows', 'useLiqueur', 'useLiqueur']);
| + | |
| − | linksTable.addRow(['rustynail', 'nogar', 'green', 'arrow-end', 'isGarnishedWith', 'isGarnishedWith']);
| + | |
| − | linksTable.addRow(['rustynail', 'oldglass', 'pink', 'arrow-end', 'isServedIn', 'isServedIn']);
| + | |
| − | linksTable.addRow(['rustynail', 'build', 'black', 'arrow', 'isMadeBy', 'isMadeBy']);
| + | |
| − | linksTable.addRow(['drymartini', 'olive', 'green', 'arrow-end', 'isGarnishedWith', 'isGarnishedWith']);
| + | |
| − | linksTable.addRow(['drymartini', 'dryvermouth', 'orange', 'moving-arrows', 'useLiqueur', 'useLiqueur']);
| + | |
| − | linksTable.addRow(['drymartini', 'stir', 'black', 'arrow', 'isMadeBy', 'isMadeBy']);
| + | |
| − | linksTable.addRow(['drymartini', 'cocktailglass', 'pink', 'arrow-end', 'isServedIn', 'isServedIn']);
| + | |
| − | linksTable.addRow(['drymartini', 'drygin', 'red', 'moving-arrows', 'useBaseLiquor', 'useBaseLiquor']);
| + | |
| − | linksTable.addRow(['blackrussian', 'coffeliqueur', 'orange', 'moving-arrows', 'useLiqueur', 'useLiqueur']);
| + | |
| − | linksTable.addRow(['blackrussian', 'vodka', 'red', 'moving-arrows', 'useBaseLiquor', 'useBaseLiquor']);
| + | |
| − | linksTable.addRow(['blackrussian', 'oldglass', 'pink', 'arrow-end', 'isServedIn', 'isServedIn']);
| + | |
| − | linksTable.addRow(['blackrussian', 'build', 'black', 'arrow', 'isMadeBy', 'isMadeBy']);
| + | |
| − | linksTable.addRow(['blackrussian', 'nogar', 'green', 'arrow-end', 'isGarnishedWith', 'isGarnishedWith']);
| + | |
| − | | + | |
| − | var options = {
| + | |
| − | 'width': '100', 'height': '520px', 'stabilize': false, 'selectable': true,
| + | |
| − | 'links': { 'length': 150, 'width': 1, 'fontFace': '맑은 고딕', 'fontSize': 15, 'fontColor': 'darkcyan', },
| + | |
| − | 'nodes': { 'backgroundColor': 'white', 'highlightColor': 'gold', 'fontFace': '함초롬바탕', 'fontSize': 15, 'fontColor': 'black', },
| + | |
| − | 'groups': {
| + | |
| − | 'Cocktail': { 'style': 'circle', 'borderColor': 'black', 'radius': 15 },
| + | |
| − | 'Spirit': { 'style': 'rect', 'borderColor': 'black', 'radius': 15 },
| + | |
| − | 'Wine': { 'style': 'rect', 'borderColor': 'black', 'radius': 15 },
| + | |
| − | 'Liqueur': { 'style': 'rect', 'borderColor': 'black', 'radius': 15 },
| + | |
| − | 'SoftDrink': { 'style': 'rect', 'borderColor': 'black', 'radius': 15 },
| + | |
| − | 'Garnish': { 'style': 'square', 'borderColor': 'black', 'radius': 15 },
| + | |
| − | 'Glass': { 'style': 'star', 'borderColor': 'black', 'radius': 15 },
| + | |
| − | 'Method': { 'style': 'dot', 'borderColor': 'black', 'radius': 15 },
| + | |
| − | 'dummy': { 'style': 'dot', 'borderColor': 'white', 'radius': 1 },
| + | |
| − | },
| + | |
| − | };
| + | |
| − | | + | |
| − | network = new links.Network(document.getElementById('mynetwork'));
| + | |
| − | network.draw(nodesTable, linksTable, options);
| + | |
| − | | + | |
| − | network = new links.Network(document.getElementById('mynetwork'));
| + | |
| − | google.visualization.events.addListener(network, 'select', onselect);
| + | |
| − | network.draw(nodesTable, linksTable, options);
| + | |
| − | var selection = [{'row': 0}];
| + | |
| − | network.setSelection(selection);
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | function onselect() {
| + | |
| − | var sel = network.getSelection();
| + | |
| − | var nodeName = nodesTable.getValue(sel[0].row, 3);
| + | |
| − | var image = nodesTable.getValue(sel[0].row, 5);
| + | |
| − | var refurl = nodesTable.getValue(sel[0].row, 6);
| + | |
| − | document.getElementById('info').innerHTML = '';
| + | |
| − | document.getElementById('info').innerHTML += nodeName;
| + | |
| − | }
| + | |
| − | | + | |
| − | </script>
| + | |
| − | </head>
| + | |
| − | | + | |
| − | <body>
| + | |
| − | | + | |
| − | <!--
| + | |
| − | <h1 style="text-align: center;">移듯▣嗃鼕鈹▣▣
| + | |
| − | </h1>
| + | |
| − | -->
| + | |
| − | | + | |
| − | <table>
| + | |
| − | <tr height="520"><td><div id="mynetwork"></div></td></tr>
| + | |
| − | <tr height="120"><td><div id="info"></div></td></tr>
| + | |
| − | </table>
| + | |
| − | | + | |
| − | </body> | + | |
| | </html> | | </html> |
94년생으로 서울에서 나고 자랐다. 중목초, 휘경여중, 휘경여고를 졸업하고 연세대학교 문헌정보학과에 진학하였다. 이후 사학(한국사)를 복수전공하고 2017년 2월에 졸업하였다.
2017년 3월부터 2018년 2월까지 국립중앙박물관 유물관리부에서 교육실습생으로 일하며, 문화유산표준관리시스템 유물 복제 업무, 수장고 점검 및 견학 보조 등의 업무를 담당하였다.
2018년 3월 한국학중앙연구원 한국학대학원 문화예술학부 인문정보학 석사과정에 입학하여 재학 중이다. 1학기에 전자문서와 하이퍼텍스트, 시맨틱 웹과 한국학 자료를 수강하고 있다.
현재 관심분야는 한자 어원, 웹디자인, 데이터마이닝이다.