|
|
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학기에 전자문서와 하이퍼텍스트, 시맨틱 웹과 한국학 자료를 수강하고 있다.
현재 관심분야는 한자 어원, 웹디자인, 데이터마이닝이다.