簡易SPARQL検索サンプル

fullscreen

Kozaki_Kouji

Rating

useful

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

function init(){
	
// Servletサーバアドレス
sparql.server = "http://lod.hozo.jp";

// 検索対象エンドポイント（途中での改行は不可）
//sparql.endpoint = {"endpoint": "http://ja.dbpedia.org/sparql",
//	 "namespaces": "http://dbpedia.org/class,http://ja.dbpedia.org/class,http://ja.dbpedia.org/instance,http://ja.dbpedia.org/resource"};
	//横浜市【動作せず？（クエリ分が悪いだけ？）】
	//sparql.endpoint = {"endpoint": "http://svjrrkweb01.cloudapp.net/data/sparql", "namespaces": ""};
	
	//鯖江市【動作せず？（クエリ分が悪いだけ？）】
	//sparql.endpoint = {"endpoint": "http://sparql.sabae.jrrk.org/data/sparql", "namespaces": ""};
	
	//大阪市の施設情報【動作OK】
	//sparql.endpoint = {"endpoint": "http://lod.hozo.jp/repositories/OsakaCityMap", "namespaces": ""};

//2.社会資本実証【動作OK】
	sparql.endpoint = {"endpoint": "http://opendata.elg-front.jp/api/v1/sparql", "namespaces": ""};

// 固定検索条件
// 改行は含めない．この例では，検索対象を「全国の地域限定ゆるキャラ」に限定
//sparql.sparqlConditionHead = "{?s <http://dbpedia.org/ontology/wikiPageWikiLink> ?o.?o <http://www.w3.org/2004/02/skos/core#broader> <http://ja.dbpedia.org/resource/Category:地域限定のマスコット>.}";

// 検索条件述語
sparql.predicates = [
	{"label":"ID",       "subject":"ID"},
	{"label":"ラベル",   "pred":"<http://www.w3.org/2000/01/rdf-schema#label>"},
	{"label":"コメント", "pred":"<http://www.w3.org/2000/01/rdf-schema#comment>"},
	{"label":"タイプ", "pred":"<http://www.w3.org/1999/02/22-rdf-syntax-ns#type>"},
	];

// 表示項目
sparql.viewPreds = {"link":true, //参照可能(dereferencable)な URI が提供されていないときは"false"に変更することを推奨
	"data":[
	//{"label":"ID",        "valiable":"subject"}, //IDのURIを表示したいとき
	//	{"label":"ID",        "valiable":"subject", "link":false}, //URIをハイパーリンクとしないとき
		{"label":"名前",      "valiable":"name",   "pred":"<http://www.w3.org/2000/01/rdf-schema#label>"},
		{"label":"コメント",  "valiable":"comment","pred":"<http://www.w3.org/2000/01/rdf-schema#comment>"},
	//	{"label":"タイプ", "valiable":"type","pred":"<http://www.w3.org/1999/02/22-rdf-syntax-ns#type>"},
		{"label":"参照",      "valiable":"sameas", "pred":"<http://www.w3.org/2002/07/owl#sameAs>", "link":true},
 	//	{"label":"タイプ",  "valiable":"type","pred":"<http://www.w3.org/1999/02/22-rdf-syntax-ns#type>"},
 	//	{"label":"関連リンク","valiable":"link",   "pred":"<http://dbpedia.org/ontology/wikiPageWikiLink>"},

]
	};

// 特定検索条件リスト
/*
sparql.menuCondition = [
	{"label": "ComicsCreator(1543)", 
		"query":"[{\"matchType\":1,\"predicate\":\"<http://www.w3.org/1999/02/22-rdf-syntax-ns#type>\",\"type\":\"part\",\"word\":\"ComicsCreator\"}]"},
	{"label": "MusicalArtist(14535)", "query":"[{\"matchType\":1,\"predicate\":\"<http://www.w3.org/1999/02/22-rdf-syntax-ns#type>\",\"type\":\"part\",\"word\":\"MusicalArtist\"}]"},
	{"label": "SoccerPlayer(12092)", "query":"[{\"matchType\":1,\"predicate\":\"<http://www.w3.org/1999/02/22-rdf-syntax-ns#type>\",\"type\":\"part\",\"word\":\"SoccerPlayer\"}]"},
    ];
*/

sparql.init();
	
sparql.addCondition(0);
}

@CHARSET "UTF-8";

#container {
	width:1280px;
	align:center;
	margin-left:auto;
	margin-right:auto;
	background-color: #ccccff;
}

.left {
	width:200px;
	float: left;
	background-color: #F0F0FF;
}

.right {
	width:1050px;
	float: left;
}

.rightonly {
	float: left;
}

.left_menu {
	cursor:pointer;
	border-bottom:thin dashed #a0a0aa;
}

.table {
	border: solid 1px #000000;
	margin:0px;
	border-collapse: collapse;
	table-layout: fixed;
}

.table td {
	border: solid 1px #000000;
	padding:4px;
	font-size:small;
}

.table th {
	background-color: #f5f5dc;
	border: solid 1px #000000;
	padding:4px;
	font-size:small;
}

.table_parent {
  overflow-y: auto;   /* スクロール表示 */
//   height: 400px;
}

.endpoint {
	width:400px;
}

.same {
	text-align:center;
}

.subject {
	width:600px;
}

.predicate {
	width:400px;
}

.obj {
	width:600px;
	table-layout: fixed;
word-break: break-all;
}

.popup {
	width:500px;
	background-color:rgb(255, 255, 255);
	border:outset 2px;
	position:absolute;
	z-index:1000;
}

.quote {
	border:solid 2px;
}

<h1>SPARQL簡単サーチ</h1>
<hr>
このアプリケーションは<a href="http://sourceforge.jp/projects/easylod/wiki/EasyLODSite">簡易LOD検索サイト作成ツール</a>を用いて作成した，任意のSPARQLエンドポイント（JavaScript内で設定）に対してIDやラベルに対するキーワード検索が行えます．<br>

<div id="container">
	<div id="header">
	<h2>SPARQL簡単検索</h2>
	</div>
	
	<div id="left" class="left">
	
	</div>

<div id="right" class="right">
		
		<div id="find_div">
			
			<span id="find_condition"></span>
			<input type="button" id="add_condition" value="add">
			
			
			<br/>
			<input type="button" id="find_exec" value="find"/>
			<input type="button" id="view_query" value="view query"/>
			<input type="button" id="view_cond" value="view condition"/><br/>
			LIMIT
			<select id="limit">
			<option value="20">20</option>
			<option value="100">100</option>
			<option value="200">200</option>
			<option value="300">300</option>
			</select>件
			<span id="prev_offset"><input type="button" id="prev_btn" value="前"></span><span id="next_offset"><input type="button" id="next_btn" value="次"></span>
		</div>
	
		
		<div id="result_div" class="table_parent">
			<table id="result_list" class="table">
			</table>
		</div>
	</div>
	
	<div id="popup">
		<div>condition:<div id="popup_condition" class="quote"></div></div>
	</div>
	<div id="popup_2">
		<div>query:<div id="popup_query" class="quote"></div></div>
	</div>

</div>

Fork this app as your new one download

Web Search

Contributor Send Message	Kozaki_Kouji
Collaborators	Tetsuro_Toyoda Sayoko Shimoyama
Forked from (Parent App)	Kozaki_Kouji 's 外部SPARQLを利用するための「ひな形」アプリ
Run count	405
Website
License
Fork count	0
Created date	Feb 15, 2014
Last update date	Feb 15, 2014