CINXE.COM

<!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <meta name='viewport' content='width=device-width, initial-scale=1'> <meta name='description' content=''> <meta name='author' content=''> <title>SPARQL Endpoint</title> <style type='text/css' rel='stylesheet'>/*! * Bootstrap v3.3.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter,Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800'); /* normalize */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { margin:0; padding:0; border:0; font:inherit; color:inherit; vertical-align:baseline; background:transparent;} input, select, textarea, button { font:inherit; color:inherit;} article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display:block;} ul, ol, li{ list-style:none;} table { border-spacing:0; border-collapse:collapse;} hr { display:none;} img { border:0 none;} input, button, select, a, img { vertical-align:middle;} button { position:relative; background:none; border:0 none; cursor:pointer; font-family:inherit; margin:0; padding:0;} button * { margin:0; padding:0;} button::-moz-focus-inner { padding:0; border:0;} a { text-decoration:none; margin:0; padding:0;} a:hover { text-decoration:none;} * { box-sizing:border-box;} textarea { margin:0; padding:0; vertical-align:middle;} html, body { height: 100%; } body { font-family:'Open Sans', arial, sans-serif; font-size:12px; color:#333; background: #e6e6e6; min-width: 600px;} body {margin:50px;} b,strong {font-weight:700} dfn {font-style:italic} h1 {margin:.67em 0;font-size:2em} h1,h2,h3,.h1,.h2,.h3 { font-family:inherit; font-weight:500; line-height:1.1; color:inherit } h1,.h1,h2,.h2,h3,.h3 {margin-top:20px;margin-bottom:10px} h1,.h1 {font-size:36px} h2,.h2 {font-size:30px} h3,.h3 {font-size:24px} hr {margin-top:20px;margin-bottom:20px;border:0;} a {text-decoration: none;} .text-left {text-align:left} .text-right {text-align:right} .text-center {text-align:center} .text-justify {text-align:justify} .w50 {width: 50px;} .w75 {width: 75px;} .w100 {width: 100px;} .w150 {width: 150px;} .w200 {width: 200px;} .mgR10 {margin-right: 10px;} .mgR20 {margin-right: 20px;} .mgBott20 {margin-bottom: 20px;} .mgBott30 {margin-bottom: 30px;} .mgBott40 {margin-bottom: 40px;} .pd10 {padding:10px;} /*--------------------------------- input, textarea, select, btn style ----------------------------------*/ input {line-height:normal} textarea {overflow:auto;} textarea {height: 350px; width:100%; font-size:13px; color:#777; margin-bottom: 20px; padding: 10px;} .control input {position: absolute; z-index: -1; opacity: 0;} .control__indicator { position: absolute; top:0; left:20px; height: 15px; width: 15px; background: #b0b0b0;} .control--radio .control__indicator { border-radius: 50%;} .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #a0a0a0;} .control input:checked ~ .control__indicator { background: #004ffc;} .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator { background: #3474ff;} .control input:disabled ~ .control__indicator {background: #e6e6e6; opacity: 0.6; pointer-events: none;} .control__indicator:after { content: ''; position: absolute; display: none;} .control input:checked ~ .control__indicator:after { display: block;} .control--checkbox .control__indicator:after { left: 5px; top: 2px; width: 3px; height: 7px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .control--checkbox input:disabled ~ .control__indicator:after { border-color: #7b7b7b;} .control--radio .control__indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #fff;} .control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b;} .select {position: relative; display: inline-block; margin-bottom: 10px;} .select select { display: inline-block; width: 100%; cursor: pointer; padding: 8px; outline: 0; border: 1px solid #444; border-radius: 0; background: #444; color: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .select select::-ms-expand {display: none;} .select select:hover, .select select:focus { color: #000; background: #fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .select select:disabled {opacity: 0.5; pointer-events: none;} .select__arrow { position: absolute; top: 16px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 4px 3px 0 3px; border-color: #e0e0e0 transparent transparent transparent; } .select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow { border-top-color: #000; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .select select:disabled ~ .select__arrow {border-top-color: #ccc;} .control { display: inline-block; position: relative; padding-left: 42px; margin-bottom: 15px; cursor: pointer; } .btn { display:inline-block; cursor:pointer; padding: 15px; font-family: 'Open Sans', sans-serif; } .btn-primary {width:100%; color: #fff; font-size: 15px; font-weight: 700; background: #202121; border: none; -webkit-transition: background-color .25s ease-in; -moz-transition: background-color .25s ease-in; -o-transition: background-color .25s ease-in; transition: background-color .25s ease-in; } .btn-primary:link, .btn-primary:visited { text-decoration: none; -webkit-transition: color .5s linear, background-color .5s ease-in-out; -moz-transition: color .5s linear, background-color .5s ease-in-out; -o-transition: color .5s linear, background-color .5s ease-in-out; transition: color .5s linear, background-color .5s ease-in-out; } .btn-primary:hover { background: #515151; color: #fff; -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -o-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; } /*------------------- content style -------------------*/ .container { display: block; top:0; left:0; margin:20px} .control-group {display: block; width: 100%; height: auto;} .control-group span {padding-right: 20px;} .page-header {display: block; padding-bottom:70px;} .page-header h2 {display: block; font-size:46px; color:#b0b0b0; font-weight: 700; line-height: 1.2;} .page-header h2 a {color:#000; border-bottom: 6px solid #000; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .page-header h2 a:hover { color: #004ffc; border-bottom: 6px solid #004ffc; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .w_line {position: absolute;left:70px;top: 45px; width: 80px; height:6px; background: #ffe302;} /*------------------- responsible -------------------*/ /* 1200px 이하 */ @media all and (max-width:1200px) { textarea {height: 300px; width:100%; font-size:13px; color:#777; margin-bottom: 20px; padding: 10px;} } /* 980px 이하 */ @media all and (max-width:980px) { textarea {height: 250px; width:100%; font-size:13px; color:#777; margin-bottom: 20px; padding: 10px;} .page-header h2 {display: block; font-size:42px; color:#b0b0b0; font-weight: 700; line-height: 1.2;} } /* 800px 이하 */ @media all and (max-width:800px) { body {min-width: 90vw;} body {margin:10px;} textarea {height: 200px; width:100%; font-size:13px; color:#777; margin-bottom: 20px; padding: 10px;} .page-header h2 {display: block; font-size:30px; color:#b0b0b0; font-weight: 700; line-height: 1.2;} .page-header h2 a {border-bottom: 4px solid #000;} .control-group div.text-right {display: flex; flex-direction: column;} .control-group span {padding-right: 0;} .control {text-align: left; padding-left: 24px; margin-top: 10px;} .control__indicator {left: 0;} } </style><script type='text/javascript'>/* * reference site : http://danja.talis.com/sparql-editor.html */ //<![CDATA[ var editField; function init(){ //editField = document.getElementById("queryTextArea"); editField = document.queryForm.query; } function insertText(editField, insertText) { //alert(editField); editField.value = ""; // IE if (document.selection) { editField.focus(); selected = document.selection.createRange(); selected.text = insertText; return; } // MOZ var length = editField.value.length; var start = editField.selectionStart; var end = editField.selectionEnd; if ((start != 0) && (end != length)) { var before = editField.value.substring(0, start); var after = editField.value.substring(end, length); editField.value = before + insertText + after; } else { editField.value += insertText; } } function insert(text){ editField = document.queryForm.query; insertText(editField, text + "\n"); } function insertAtTop(editField, insertText) { // IE - to do // if (document.selection) { // insertText(editField, insertText); // } // MOZ editField.value = insertText+editField.value; } function insertAtStart(insertText) { editField = document.queryForm.query; insertAtTop(editField, insertText + "\n"); } // might not work with IE function inset(editField, insetString) { var start = editField.selectionStart; var end = editField.selectionEnd; for(var c=start;c<end;c++){ var length = editField.value.length; var before = editField.value.substring(0, c); var after = editField.value.substring(c, length); if(editField.value.substring(c-1, c) == "\n") { editField.value = before + insetString + after; end = end+insetString.length; } } } function commentOut(editField) { inset(editField, "#"); } function comment(){ commentOut(editField); } function indentArea(editField){ inset(editField, " "); } function indent(){ indentArea(editField); } // might not work with IE function makeOptional(editField) { var length = editField.value.length; var start = editField.selectionStart; var end = editField.selectionEnd; var before = editField.value.substring(0, start); var after = editField.value.substring(end, length); var selection = editField.value.substring(start, end); editField.value = before + "\nOPTIONAL\n{\n" + selection + "\n}\n"+after; } // quick and dirty - wipes all # in selected region function unCommentRegion(editField) { var length = editField.value.length; var start = editField.selectionStart; var end = editField.selectionEnd; for(var c=start;c<end;c++){ var before = editField.value.substring(0, c-1); var after = editField.value.substring(c, length); if(editField.value.substring(c-1, c) == "#") { editField.value = before + after; } } } function unComment(){ unCommentRegion(editField); } function clearArea(editField){ editField.value = ""; } function clearAll(){ clearArea(editField); } function optional(){ makeOptional(editField); } // Styling on mouse events - needs fixing function mouseOver(ctrl){ // ctrl.style.borderColor = '#000000'; // ctrl.style.backgroundColor = '#BBBBBB'; } function mouseOut(ctrl){ // ctrl.style.borderColor = '#ccc'; // ctrl.style.backgroundColor = '#CCCCCC'; } function mouseDown(ctrl){ // ctrl.style.backgroundColor = '#8492B5'; } function mouseUp(ctrl){ // ctrl.style.backgroundColor = '#B5BED6'; } // ]]> </script> </head> <body> <div class='container'> <div class='page-header'> <h2>SPARQL Endpoint <i>for</i> <br><a href='http://lod.nl.go.kr/home'>Linked Data for NLK</a></h2> </div> <div class='control-group'> <form name='queryForm1' method='get'> <div class='select w150'> <select name='insertTemplate' onchange='insert(this.options[this.selectedIndex].value)' width='200'> <option value=''>Template</option> <option value='SELECT DISTINCT ?s ?p ?o WHERE{ ?s ?p ?o } limit 100'>Select</option> <option value='CONSTRUCT{?s ?p ?o} WHERE { ?s ?p ?o } limit 100'>Construct</option> <option value='ASK WHERE{?s ?p ?o}'>Ask</option> </select> <div class='select__arrow'></div> </div> <div class='select w150'> <select name='insertPrefix' onchange='insertAtStart(this.options[this.selectedIndex].value)'> <option value=''>Prefixes</option> <option value='prefix nlon: <http://lod.nl.go.kr/ontology/>'>nlon</option> <option value='prefix nlk: <http://lod.nl.go.kr/resource/>'>nlk</option> <option value='prefix nlloc: <http://lod.nl.go.kr/location/>'>nlloc</option> <option value='prefix nlfloc: <http://lod.nl.go.kr/foreignLocation/>'>nlfloc</option> <option value='prefix nllib: <http://lod.nl.go.kr/library/>'>nllib</option> <option value='prefix nlgov: <http://lod.nl.go.kr/government/>'>nlgov</option> <option value='prefix nluv: <http://lod.nl.go.kr/university/>'>nluv</option> <option value='prefix nlcon: <http://lod.nl.go.kr/countries/>'>nlcon</option> <option value='prefix bibo: <http://purl.org/ontology/bibo/>'>bibo</option> <option value='prefix event: <http://purl.org/NET/c4dm/event.owl#>'>event</option> <option value='prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>'>rdf</option> <option value='prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>'>rdfs</option> <option value='prefix owl: <http://www.w3.org/2002/07/owl#>'>owl</option> <option value='prefix xsd: <http://www.w3.org/2001/XMLSchema#>'>xsd</option> <option value='prefix dc: <http://purl.org/dc/elements/1.1/>'>dc</option> <option value='prefix dcterms: <http://purl.org/dc/terms/>'>dcterms</option> <option value='prefix foaf: <http://xmlns.com/foaf/0.1/>'>foaf</option> <option value='prefix skos: <http://www.w3.org/2004/02/skos/core#>'>skos</option> <option value='prefix geonames: <http://www.geonames.org/ontology#>'>geonames</option> </select> <div class='select__arrow'></div> </div> </form> <br/> <form name='queryForm' method='get'> <textarea rows='10' type='text' name='query'>select ?s ?p ?o where { ?s ?p ?o . } limit 50 </textarea><br /> <div class='text-right mgBott40'> <span> <b class='mgR10'>Result Type :</b> <div class='select w75'> <select name='format'> <option value='html'>html</option> <option value='rdf'>rdf</option> <option value='json'>json</option> <option value='xml'>xml</option> <option value='tsv'>tsv</option> <option value='csv'>csv</option> </select> <div class='select__arrow'></div> </div> </span> <span> <b class='mgR10'>Request Method :</b> <div class='select w75'> <select name='request_method'> <option value='get'>Get</option> <option value='post'>Post</option> </select> <div class='select__arrow'></div> </div> </span> <label class='control control--checkbox'>강제로 수신(Accept) 헤더(Header)를 text/plain 으로 설정 <input type='checkbox' value='1' name='inline'/> <div class='control__indicator'></div> </label> </span> </div> <button type='button' onClick='javascript:query_submit();' value='submit' class='btn btn-primary'>Submit</button> </form> </div> </div> </body> </html> <script type='text/javascript' src='https://ds.nl.go.kr/js/nlogger.js'></script> <script language='javascript'> function query_submit(){ nLogger.event('sparql', { 'param': 'value' }); var request_method = document.queryForm.request_method.value; if(request_method == null) request_method = 'get' document.queryForm.method = request_method; document.queryForm.submit(); } nLogger.configure({ nth_service_id: 'lod', nth_logging_url_base_http : 'https://ds.nl.go.kr/nlog', // 수집 서버 주소 nth_logging_url_base_https : 'https://ds.nl.go.kr/nlog' // 수집 서버 주소 }); nLogger.log(); </script>