jongchon - 사용자 기여 [ko]

왜지

2017-05-23T01:50:33Z

30199테스트: 새 문서: ==제목은 이퀄이다== * 누가 욕 하냐, 누가

==제목은 이퀄이다==
* 누가 욕 하냐, 누가

1학년 1반

2017-05-23T01:49:30Z

30199테스트: /* 이퀄이 두 개면 뭐라고? 제목이라고 */

==이퀄(=)이 두개면 제목 영역임==
* 별은 내용을 쓸 때 쓰는 것임 키는 (*)임
# 샵(#)은 번호를 붙일때 쓰는 것임
# 이건 아마 2번으로 나올 것임
## 에어콘 틀어도 되요라고 말한 이승주
## 이렇게 쓰면 어떻게 나오는 지 볼까
* 별은 여전히 내용
# 좀 조용히 해라
## 맞춤법 틀릴 수도 있지
==이퀄이 두 개면 뭐라고? 제목이라고==
[[이렇게 대괄호([)를 두 개 연속으로 쓰면 새로운 페이지가 만들어 진다]]

[[왜지]]

1학년 1반

2017-05-23T01:49:04Z

30199테스트: 새 문서: ==이퀄(=)이 두개면 제목 영역임== * 별은 내용을 쓸 때 쓰는 것임 키는 (*)임 # 샵(#)은 번호를 붙일때 쓰는 것임 # 이건 아마 2번으로 나올 것...

104994반테스트

2017-05-23T01:05:17Z

30199테스트: 새 문서: ==이꼴이꼴표시 두개는 제목입니다== * 별(*)표시는 문서 내용 입니다. ==수행평가온톨로지를하면됩니다== * 이렇게 하면 됩니다.

==이꼴이꼴표시 두개는 제목입니다==
* 별(*)표시는 문서 내용 입니다.

==수행평가온톨로지를하면됩니다==
* 이렇게 하면 됩니다.

1학년 4반

2017-05-23T01:04:08Z

30199테스트: 새 문서: 104994반테스트

[[104994반테스트]]

99901임태형

2017-05-22T23:35:24Z

30199테스트: 문서 내용을 "==설명== * 이 페이지까지 들어왔으면 거의 다 됐습니다. * 일단 자신의 주소에 들어가면 바로 편집페이지가 나올텐데, 당황..."으로 바꿈

==설명==
* 이 페이지까지 들어왔으면 거의 다 됐습니다.
* 일단 자신의 주소에 들어가면 바로 편집페이지가 나올텐데, 당황하지 말고 파일올리기를 통해 올라간 Html 주소를 링크시킵니다.

==만들어진==

*구글독스를 이용한 업로드 예정

99901임태형

2017-05-22T11:42:45Z

30199테스트: /* 만들어진txt파일을 복사하여 붙여넣기하면 이렇게 됩니다 */

==설명==
* 이 페이지까지 들어왔으면 거의 다 됐습니다.
* 일단 자신의 주소에 들어가면 바로 편집페이지가 나올텐데, 당황하지 말고 파일올리기를 통해 올라간 Html 주소를 링크시킵니다.

==만들어진txt파일을 복사하여 붙여넣기하면 이렇게 됩니다==

<html>
<head>
<title>Simple Ontology Visualization</title>
<style>
body {font: 10pt 함초롬바탕;}
p {font: 12pt 맑은 고딕; text-align: center;}
table {border: 0; width: 100%;}
tr:nth-child(even){background-color: #efefef;}
</style>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="../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', '', '', '', '', '']);
nodesTable.addRow(['10005', '남자_image', '김효지', '<a href="http://kadhlab102.com" target="_blank">김효지</a>', 'image', 'man.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['10006', '남자', '김회', '<a href="http://kadhlab102.com" target="_blank"><img src="man.gif"/></a>', '', 'man.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['10010', '남자', '김효로', '<a href="http://kadhlab102.com" target="_blank"><img src="man.gif"/></a>', '', 'man.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['10011', '남자', '김연', '<a href="http://kadhlab102.com" target="_blank">김연</a>', '', 'http://digerati.aks.ac.kr/VR/style/noimage.png', 'http://kadhlab102.com']);
nodesTable.addRow(['10012', '남자', '김수', '김수', '', 'http://digerati.aks.ac.kr/VR/style/noimage.png', '']);
nodesTable.addRow(['50063', '사위', '김우', '<a href="http://kadhlab102.com" target="_blank"><img src="sonInLaw.gif"/></a>', '', 'sonInLaw.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['50064', '사위', '금재', '<a href="http://kadhlab102.com" target="_blank"><img src="sonInLaw.gif"/></a>', '', 'sonInLaw.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['20037', '부인_image', '김효로 처 이씨', '<a href="http://kadhlab102.com" target="_blank">김효로_처_이씨</a>', 'image', 'wife.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['20039', '부인_image', '김연 처 조씨', '<a href="http://kadhlab102.com" target="_blank">김연_처_조씨</a>', 'image', 'wife.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['20040', '부인_image', '김수 처 김씨', '<a href="http://kadhlab102.com" target="_blank">김수_처_김씨</a>', 'image', 'wife.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['40049', '딸', '김효로 1녀', '<a href="http://kadhlab102.com" target="_blank"><img src="daughter.gif"/></a>', '', 'daughter.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['40050', '딸', '김효로 2녀', '<a href="http://kadhlab102.com" target="_blank"><img src="daughter.gif"/></a>', '', 'daughter.gif', 'http://kadhlab102.com']);

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.addRow(['10005', '10010', 'cyan', 'arrow', 'hasSuccessor']);
linksTable.addRow(['10006', '10010', 'navy', 'arrow', 'hasSon']);
linksTable.addRow(['10010', '10011', 'navy', 'arrow', 'hasSon']);
linksTable.addRow(['10010', '10012', 'navy', 'arrow', 'hasSon']);
linksTable.addRow(['10010', '20037', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['10011', '20039', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['10012', '20040', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['10010', '40049', 'brown', 'arrow', 'hasDaughter']);
linksTable.addRow(['10010', '40050', 'brown', 'arrow', 'hasDaughter']);
linksTable.addRow(['50063', '40049', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['50064', '40050', 'pink', 'arrow', 'hasWife']);

var options = {
'width': '100', 'height': '440px', 'stabilize': false, 'selectable': true,
'links': { 'length': 150, 'width': 1, },
'nodes': { 'fontFace': '함초롬바탕', 'fontSize': 15, 'backgroundColor': 'white', 'highlightColor': 'gold', 'fontColor': 'black', },
'groups': {
'남자': { 'borderColor': 'red', 'style': 'rect', 'radius': 15 },
'부인': { 'borderColor': 'blue', 'style': 'circle', 'radius': 15 },
'딸': { 'borderColor': 'green', 'style': 'rect', 'radius': 15 },
'사위': { 'borderColor': 'purple', 'style': 'rect', 'radius': 15 },
'dummy': { 'borderColor': 'white', 'style': 'dot', '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, 2);
var image = nodesTable.getValue(sel[0].row, 5);
var refurl = nodesTable.getValue(sel[0].row, 6);
document.getElementById('info').innerHTML = '';
document.getElementById('info').innerHTML += '<p><a href="' + refurl + '"><img height="100" src="' + image + '"><br/>' + nodeName + '</a></p>';
}

</script>
</head>

<body>

<h1 style="text-align: center;">광산김씨 족보</h1>
<h2 style="text-align: center;">오천가 김효로 중심의 인물들</h2>

<table>
<tr height="440"><td><div id="mynetwork"></div></td></tr>
<tr height="160"><td><div id="info"></div></td></tr>
</table>

</body>
</html>

99901임태형

2017-05-22T11:41:42Z

30199테스트: /* 만들어진txt파일을 복사하여 붙여넣기하면 이렇게 됩니다 */

==설명==
* 이 페이지까지 들어왔으면 거의 다 됐습니다.
* 일단 자신의 주소에 들어가면 바로 편집페이지가 나올텐데, 당황하지 말고 파일올리기를 통해 올라간 Html 주소를 링크시킵니다.

==만들어진txt파일을 복사하여 붙여넣기하면 이렇게 됩니다==

<head>
<title>Simple Ontology Visualization</title>
<style>
body {font: 10pt 함초롬바탕;}
p {font: 12pt 맑은 고딕; text-align: center;}
table {border: 0; width: 100%;}
tr:nth-child(even){background-color: #efefef;}
</style>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="../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', '', '', '', '', '']);
nodesTable.addRow(['10005', '남자_image', '김효지', '<a href="http://kadhlab102.com" target="_blank">김효지</a>', 'image', 'man.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['10006', '남자', '김회', '<a href="http://kadhlab102.com" target="_blank"><img src="man.gif"/></a>', '', 'man.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['10010', '남자', '김효로', '<a href="http://kadhlab102.com" target="_blank"><img src="man.gif"/></a>', '', 'man.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['10011', '남자', '김연', '<a href="http://kadhlab102.com" target="_blank">김연</a>', '', 'http://digerati.aks.ac.kr/VR/style/noimage.png', 'http://kadhlab102.com']);
nodesTable.addRow(['10012', '남자', '김수', '김수', '', 'http://digerati.aks.ac.kr/VR/style/noimage.png', '']);
nodesTable.addRow(['50063', '사위', '김우', '<a href="http://kadhlab102.com" target="_blank"><img src="sonInLaw.gif"/></a>', '', 'sonInLaw.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['50064', '사위', '금재', '<a href="http://kadhlab102.com" target="_blank"><img src="sonInLaw.gif"/></a>', '', 'sonInLaw.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['20037', '부인_image', '김효로 처 이씨', '<a href="http://kadhlab102.com" target="_blank">김효로_처_이씨</a>', 'image', 'wife.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['20039', '부인_image', '김연 처 조씨', '<a href="http://kadhlab102.com" target="_blank">김연_처_조씨</a>', 'image', 'wife.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['20040', '부인_image', '김수 처 김씨', '<a href="http://kadhlab102.com" target="_blank">김수_처_김씨</a>', 'image', 'wife.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['40049', '딸', '김효로 1녀', '<a href="http://kadhlab102.com" target="_blank"><img src="daughter.gif"/></a>', '', 'daughter.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['40050', '딸', '김효로 2녀', '<a href="http://kadhlab102.com" target="_blank"><img src="daughter.gif"/></a>', '', 'daughter.gif', 'http://kadhlab102.com']);

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.addRow(['10005', '10010', 'cyan', 'arrow', 'hasSuccessor']);
linksTable.addRow(['10006', '10010', 'navy', 'arrow', 'hasSon']);
linksTable.addRow(['10010', '10011', 'navy', 'arrow', 'hasSon']);
linksTable.addRow(['10010', '10012', 'navy', 'arrow', 'hasSon']);
linksTable.addRow(['10010', '20037', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['10011', '20039', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['10012', '20040', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['10010', '40049', 'brown', 'arrow', 'hasDaughter']);
linksTable.addRow(['10010', '40050', 'brown', 'arrow', 'hasDaughter']);
linksTable.addRow(['50063', '40049', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['50064', '40050', 'pink', 'arrow', 'hasWife']);

var options = {
'width': '100', 'height': '440px', 'stabilize': false, 'selectable': true,
'links': { 'length': 150, 'width': 1, },
'nodes': { 'fontFace': '함초롬바탕', 'fontSize': 15, 'backgroundColor': 'white', 'highlightColor': 'gold', 'fontColor': 'black', },
'groups': {
'남자': { 'borderColor': 'red', 'style': 'rect', 'radius': 15 },
'부인': { 'borderColor': 'blue', 'style': 'circle', 'radius': 15 },
'딸': { 'borderColor': 'green', 'style': 'rect', 'radius': 15 },
'사위': { 'borderColor': 'purple', 'style': 'rect', 'radius': 15 },
'dummy': { 'borderColor': 'white', 'style': 'dot', '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, 2);
var image = nodesTable.getValue(sel[0].row, 5);
var refurl = nodesTable.getValue(sel[0].row, 6);
document.getElementById('info').innerHTML = '';
document.getElementById('info').innerHTML += '<p><a href="' + refurl + '"><img height="100" src="' + image + '"><br/>' + nodeName + '</a></p>';
}

</script>
</head>

99901임태형

2017-05-22T11:28:33Z

==설명==
* 이 페이지까지 들어왔으면 거의 다 됐습니다.
* 일단 자신의 주소에 들어가면 바로 편집페이지가 나올텐데, 당황하지 말고 파일올리기를 통해 올라간 Html 주소를 링크시킵니다.

==만들어진txt파일을 복사하여 붙여넣기하면 이렇게 됩니다==

99901임태형

2017-05-22T11:26:22Z

30199테스트: /* 만들어진txt파일을 복사하여 붙여넣기하면 이렇게 됩니다 */

==설명==
* 이 페이지까지 들어왔으면 거의 다 됐습니다.
* 일단 자신의 주소에 들어가면 바로 편집페이지가 나올텐데, 당황하지 말고 파일올리기를 통해 올라간 Html 주소를 링크시킵니다.

==만들어진txt파일을 복사하여 붙여넣기하면 이렇게 됩니다==
<html>
<head>
<title>Simple Ontology Visualization</title>
<style>
body {font: 10pt 함초롬바탕;}
p {font: 12pt 맑은 고딕; text-align: center;}
table {border: 0; width: 100%;}
tr:nth-child(even){background-color: #efefef;}
</style>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="../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', '', '', '', '', '']);
nodesTable.addRow(['10005', '남자_image', '김효지', '<a href="http://kadhlab102.com" target="_blank">김효지</a>', 'image', 'man.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['10006', '남자', '김회', '<a href="http://kadhlab102.com" target="_blank"><img src="man.gif"/></a>', '', 'man.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['10010', '남자', '김효로', '<a href="http://kadhlab102.com" target="_blank"><img src="man.gif"/></a>', '', 'man.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['10011', '남자', '김연', '<a href="http://kadhlab102.com" target="_blank">김연</a>', '', 'http://digerati.aks.ac.kr/VR/style/noimage.png', 'http://kadhlab102.com']);
nodesTable.addRow(['10012', '남자', '김수', '김수', '', 'http://digerati.aks.ac.kr/VR/style/noimage.png', '']);
nodesTable.addRow(['50063', '사위', '김우', '<a href="http://kadhlab102.com" target="_blank"><img src="sonInLaw.gif"/></a>', '', 'sonInLaw.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['50064', '사위', '금재', '<a href="http://kadhlab102.com" target="_blank"><img src="sonInLaw.gif"/></a>', '', 'sonInLaw.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['20037', '부인_image', '김효로 처 이씨', '<a href="http://kadhlab102.com" target="_blank">김효로_처_이씨</a>', 'image', 'wife.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['20039', '부인_image', '김연 처 조씨', '<a href="http://kadhlab102.com" target="_blank">김연_처_조씨</a>', 'image', 'wife.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['20040', '부인_image', '김수 처 김씨', '<a href="http://kadhlab102.com" target="_blank">김수_처_김씨</a>', 'image', 'wife.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['40049', '딸', '김효로 1녀', '<a href="http://kadhlab102.com" target="_blank"><img src="daughter.gif"/></a>', '', 'daughter.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['40050', '딸', '김효로 2녀', '<a href="http://kadhlab102.com" target="_blank"><img src="daughter.gif"/></a>', '', 'daughter.gif', 'http://kadhlab102.com']);

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.addRow(['10005', '10010', 'cyan', 'arrow', 'hasSuccessor']);
linksTable.addRow(['10006', '10010', 'navy', 'arrow', 'hasSon']);
linksTable.addRow(['10010', '10011', 'navy', 'arrow', 'hasSon']);
linksTable.addRow(['10010', '10012', 'navy', 'arrow', 'hasSon']);
linksTable.addRow(['10010', '20037', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['10011', '20039', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['10012', '20040', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['10010', '40049', 'brown', 'arrow', 'hasDaughter']);
linksTable.addRow(['10010', '40050', 'brown', 'arrow', 'hasDaughter']);
linksTable.addRow(['50063', '40049', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['50064', '40050', 'pink', 'arrow', 'hasWife']);

var options = {
'width': '100', 'height': '440px', 'stabilize': false, 'selectable': true,
'links': { 'length': 150, 'width': 1, },
'nodes': { 'fontFace': '함초롬바탕', 'fontSize': 15, 'backgroundColor': 'white', 'highlightColor': 'gold', 'fontColor': 'black', },
'groups': {
'남자': { 'borderColor': 'red', 'style': 'rect', 'radius': 15 },
'부인': { 'borderColor': 'blue', 'style': 'circle', 'radius': 15 },
'딸': { 'borderColor': 'green', 'style': 'rect', 'radius': 15 },
'사위': { 'borderColor': 'purple', 'style': 'rect', 'radius': 15 },
'dummy': { 'borderColor': 'white', 'style': 'dot', '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, 2);
var image = nodesTable.getValue(sel[0].row, 5);
var refurl = nodesTable.getValue(sel[0].row, 6);
document.getElementById('info').innerHTML = '';
document.getElementById('info').innerHTML += '<p><a href="' + refurl + '"><img height="100" src="' + image + '"><br/>' + nodeName + '</a></p>';
}

</script>
</head>

<body>

<h1 style="text-align: center;">광산김씨 족보</h1>
<h2 style="text-align: center;">오천가 김효로 중심의 인물들</h2>

<table>
<tr height="440"><td><div id="mynetwork"></div></td></tr>
<tr height="160"><td><div id="info"></div></td></tr>
</table>

</body>
</html>

99901임태형

2017-05-22T11:25:11Z

30199테스트:

==설명==
* 이 페이지까지 들어왔으면 거의 다 됐습니다.
* 일단 자신의 주소에 들어가면 바로 편집페이지가 나올텐데, 당황하지 말고 파일올리기를 통해 올라간 Html 주소를 링크시킵니다.

==만들어진txt파일을 복사하여 붙여넣기하면 이렇게 됩니다==
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Simple Ontology Visualization</title>
<style>
body {font: 10pt 함초롬바탕;}
p {font: 12pt 맑은 고딕; text-align: center;}
table {border: 0; width: 100%;}
tr:nth-child(even){background-color: #efefef;}
</style>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="../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', '', '', '', '', '']);
nodesTable.addRow(['10005', '남자_image', '김효지', '<a href="http://kadhlab102.com" target="_blank">김효지</a>', 'image', 'man.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['10006', '남자', '김회', '<a href="http://kadhlab102.com" target="_blank"><img src="man.gif"/></a>', '', 'man.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['10010', '남자', '김효로', '<a href="http://kadhlab102.com" target="_blank"><img src="man.gif"/></a>', '', 'man.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['10011', '남자', '김연', '<a href="http://kadhlab102.com" target="_blank">김연</a>', '', 'http://digerati.aks.ac.kr/VR/style/noimage.png', 'http://kadhlab102.com']);
nodesTable.addRow(['10012', '남자', '김수', '김수', '', 'http://digerati.aks.ac.kr/VR/style/noimage.png', '']);
nodesTable.addRow(['50063', '사위', '김우', '<a href="http://kadhlab102.com" target="_blank"><img src="sonInLaw.gif"/></a>', '', 'sonInLaw.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['50064', '사위', '금재', '<a href="http://kadhlab102.com" target="_blank"><img src="sonInLaw.gif"/></a>', '', 'sonInLaw.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['20037', '부인_image', '김효로 처 이씨', '<a href="http://kadhlab102.com" target="_blank">김효로_처_이씨</a>', 'image', 'wife.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['20039', '부인_image', '김연 처 조씨', '<a href="http://kadhlab102.com" target="_blank">김연_처_조씨</a>', 'image', 'wife.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['20040', '부인_image', '김수 처 김씨', '<a href="http://kadhlab102.com" target="_blank">김수_처_김씨</a>', 'image', 'wife.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['40049', '딸', '김효로 1녀', '<a href="http://kadhlab102.com" target="_blank"><img src="daughter.gif"/></a>', '', 'daughter.gif', 'http://kadhlab102.com']);
nodesTable.addRow(['40050', '딸', '김효로 2녀', '<a href="http://kadhlab102.com" target="_blank"><img src="daughter.gif"/></a>', '', 'daughter.gif', 'http://kadhlab102.com']);

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.addRow(['10005', '10010', 'cyan', 'arrow', 'hasSuccessor']);
linksTable.addRow(['10006', '10010', 'navy', 'arrow', 'hasSon']);
linksTable.addRow(['10010', '10011', 'navy', 'arrow', 'hasSon']);
linksTable.addRow(['10010', '10012', 'navy', 'arrow', 'hasSon']);
linksTable.addRow(['10010', '20037', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['10011', '20039', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['10012', '20040', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['10010', '40049', 'brown', 'arrow', 'hasDaughter']);
linksTable.addRow(['10010', '40050', 'brown', 'arrow', 'hasDaughter']);
linksTable.addRow(['50063', '40049', 'pink', 'arrow', 'hasWife']);
linksTable.addRow(['50064', '40050', 'pink', 'arrow', 'hasWife']);

var options = {
'width': '100', 'height': '440px', 'stabilize': false, 'selectable': true,
'links': { 'length': 150, 'width': 1, },
'nodes': { 'fontFace': '함초롬바탕', 'fontSize': 15, 'backgroundColor': 'white', 'highlightColor': 'gold', 'fontColor': 'black', },
'groups': {
'남자': { 'borderColor': 'red', 'style': 'rect', 'radius': 15 },
'부인': { 'borderColor': 'blue', 'style': 'circle', 'radius': 15 },
'딸': { 'borderColor': 'green', 'style': 'rect', 'radius': 15 },
'사위': { 'borderColor': 'purple', 'style': 'rect', 'radius': 15 },
'dummy': { 'borderColor': 'white', 'style': 'dot', '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, 2);
var image = nodesTable.getValue(sel[0].row, 5);
var refurl = nodesTable.getValue(sel[0].row, 6);
document.getElementById('info').innerHTML = '';
document.getElementById('info').innerHTML += '<p><a href="' + refurl + '"><img height="100" src="' + image + '"><br/>' + nodeName + '</a></p>';
}

</script>
</head>

<body>

<h1 style="text-align: center;">광산김씨 족보</h1>
<h2 style="text-align: center;">오천가 김효로 중심의 인물들</h2>

<table>
<tr height="440"><td><div id="mynetwork"></div></td></tr>
<tr height="160"><td><div id="info"></div></td></tr>
</table>

</body>
</html>

99901임태형

2017-05-22T11:21:43Z

30199테스트: /* 설명 */

==설명==
* 이 페이지까지 들어왔으면 거의 다 됐습니다.
* 일단 자신의 주소에 들어가면 바로 편집페이지가 나올텐데, 당황하지 말고 파일올리기를 통해 올라간 Html 주소를 링크시킵니다.

99901임태형

2017-05-22T11:21:27Z

30199테스트: 새 문서: ==설명== 1. 이 페이지까지 들어왔으면 거의 다 됐습니다. 2. 일단 자신의 주소에 들어가면 바로 편집페이지가 나올텐데, 당황하지 말고 파...

==설명==
1. 이 페이지까지 들어왔으면 거의 다 됐습니다.
2. 일단 자신의 주소에 들어가면 바로 편집페이지가 나올텐데, 당황하지 말고 파일올리기를 통해 올라간 Html 주소를 링크시킵니다.

예시문 9학년 99반

2017-05-22T11:19:56Z

30199테스트: /* 예시문 */

==예시문==
[[99901임태형]]

[[99902김미리]]

==1. 학번 이름==
* 각 반 페이지에 들어왔으면 우선 학번과 이름이 나와 있는 페이지를 만들어 줍니다.
* 방법은 위키문법을 참조하여 주세요. 우선 [편집]을 클릭한 후 [[학번이름]]을 치고 수정하면 자신의 페이지가 만들어 집니다.

==2. 자신의 페이지에 수행평가 결과물 업로드==
* 자신의 페이지를 만들었으면 그곳을 클릭합니다. 클릭하여 들어간 자신의 페이지에서 온톨로지 프로그램으로 만든 Html 파일을 업로드 합니다.
* 업로드 방법은 다음을 따라하세요.

예시문 9학년 99반

2017-05-22T11:19:38Z

30199테스트:

==예시문==
[[99901임태형]]
[[99902김미리]]

==1. 학번 이름==
* 각 반 페이지에 들어왔으면 우선 학번과 이름이 나와 있는 페이지를 만들어 줍니다.
* 방법은 위키문법을 참조하여 주세요. 우선 [편집]을 클릭한 후 [[학번이름]]을 치고 수정하면 자신의 페이지가 만들어 집니다.

==2. 자신의 페이지에 수행평가 결과물 업로드==
* 자신의 페이지를 만들었으면 그곳을 클릭합니다. 클릭하여 들어간 자신의 페이지에서 온톨로지 프로그램으로 만든 Html 파일을 업로드 합니다.
* 업로드 방법은 다음을 따라하세요.

예시문 9학년 99반

2017-05-22T11:18:49Z

30199테스트: 새 문서: ==1. 학번 이름== * 각 반 페이지에 들어왔으면 우선 학번과 이름이 나와 있는 페이지를 만들어 줍니다. * 방법은 위키문법을 참조하여 주세...

==1. 학번 이름==
* 각 반 페이지에 들어왔으면 우선 학번과 이름이 나와 있는 페이지를 만들어 줍니다.
* 방법은 위키문법을 참조하여 주세요. 우선 [편집]을 클릭한 후 [[학번이름]]을 치고 수정하면 자신의 페이지가 만들어 집니다.

==2. 자신의 페이지에 수행평가 결과물 업로드==
* 자신의 페이지를 만들었으면 그곳을 클릭합니다. 클릭하여 들어간 자신의 페이지에서 온톨로지 프로그램으로 만든 Html 파일을 업로드 합니다.
* 업로드 방법은 다음을 따라하세요.

대문

2017-05-22T11:15:50Z

30199테스트: /* 참여자 확인 */

<strong>내 손으로 만드는 한국사 사전</strong>

[https://ko.wikipedia.org/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EC%9C%84%ED%82%A4_%EB%AC%B8%EB%B2%95 이곳을 클릭]하여 위키 문법을 확인한 후 작성하세요.

== 참여자 확인 ==

* 위키 문법을 확인하여 [편집]을 클릭하여 자유롭게 편집합니다(문서저장을 누르면 문서 내용이 바뀝니다).
* 각 반을 클릭하여 자신의 정보를 생성한 후, 자신이 입력하거나 수정 작업한 내용을 누적하여 작성해 주세요.

* #[[예시문 9학년 99반]]

# [[1학년 1반]]
# [[1학년 2반]]
# [[1학년 3반]]
# [[1학년 4반]]
# [[1학년 5반]]
# [[1학년 6반]]
# [[1학년 7반]]
# [[1학년 8반]]
# [[1학년 9반]]

== UCC 전자사전 ==

* [[수업공지사항]]

# 1학기 수업
# [[마인드맵(온톨로지) 관련 프로그램]]

== 시작하기 ==

* [https://ko.wikipedia.org/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EC%9C%84%ED%82%A4_%EB%AC%B8%EB%B2%95 위키백과 사용법]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings 설정하기 목록]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ 미디어위키 FAQ]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce 미디어위키 릴리스 메일링 리스트]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources 내 언어로 미디어위키 지역화]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam 당신의 위키에서 스팸에 대처하는 법을 배우세요]

대문

2017-05-22T11:14:49Z

30199테스트: /* 참여자 확인 */

<strong>내 손으로 만드는 한국사 사전</strong>

[https://ko.wikipedia.org/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EC%9C%84%ED%82%A4_%EB%AC%B8%EB%B2%95 이곳을 클릭]하여 위키 문법을 확인한 후 작성하세요.

== 참여자 확인 ==

* 위키 문법을 확인하여 [편집]을 클릭하여 자유롭게 편집합니다.
* 각 반을 클릭하여 자신의 정보를 생성한 후, 자신이 입력하거나 수정 작업한 내용을 누적하여 작성해 주세요.

# [[1학년 1반]]
# [[1학년 2반]]
# [[1학년 3반]]
# [[1학년 4반]]
# [[1학년 5반]]
# [[1학년 6반]]
# [[1학년 7반]]
# [[1학년 8반]]
# [[1학년 9반]]

== UCC 전자사전 ==

* [[수업공지사항]]

# 1학기 수업
# [[마인드맵(온톨로지) 관련 프로그램]]

== 시작하기 ==

* [https://ko.wikipedia.org/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EC%9C%84%ED%82%A4_%EB%AC%B8%EB%B2%95 위키백과 사용법]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings 설정하기 목록]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ 미디어위키 FAQ]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce 미디어위키 릴리스 메일링 리스트]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources 내 언어로 미디어위키 지역화]
* [//www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam 당신의 위키에서 스팸에 대처하는 법을 배우세요]