Publish your application｜Mash up the Linked Open Data

if(typeof Example==="undefined"||!Example){var Example = {};}

var data = {};
data.limit = 1;
data.count = 0;
data.workIds = [];
data.fileNames = [];
data.subjects = [];
data.properties = [];

var limit = 50;
var objValue = "";
var objList = [];

// 画像検索のキーワードとして使うオブジェクトのプロパティを指定
var keyProperty = "http://www.w3.org/2000/01/rdf-schema#label";

// LinkDataからデータを取得
Example.getWorks = function() {
	var callback = function(res) {
		$.each(res, function(key, workId) {
			data.workIds.push(workId);
		});
		$.each(data.workIds, function(key, workId) {
			Example.getFiles(workId);
		});
	}
	LinkData.getWorks(callback);
};

Example.getFiles = function(workId) {
	var callback = function(res) {
		$.each(res, function(fileKey, fileName) {
			Example.getSubjects(workId, fileName);
		});
	}
	LinkData.getFiles(workId, callback);
};

Example.getSubjects = function(workId, fileName) {
	var callback = function(res) {
		$.each(res, function(subjectKey, subjectValue) {
			data.subjects.push(subjectValue);
		});
		
		Example.getProperties(workId, fileName);
	}
	
	LinkData.getSubjects(workId, fileName, callback);
};

Example.getProperties = function(workId, fileName) {
	var callback = function(res) {
		$.each(res, function(propertyKey, propertyValue) {
			data.properties.push(propertyValue);
		});
		
		Example.getObjectList(workId, fileName);
	}
	LinkData.getProperties(workId, fileName, callback);
};

Example.getObjectList = function(workId, fileName) {
	$.each(data.subjects, function(sKey, sValue) {
		data.count = 0;
		$.each(data.properties, function(pKey, pValue) {
			if(data.count++ > data.limit) {
				return false;
			}
			Example.getObjects(workId, fileName, sValue, pValue);
		});
	});
}

// Google画像検索APIのロード
google.load('search', '1');
google.setOnLoadCallback(Example.getWorks);

// 検索でヒットした画像を表示
function searchComplete(searcher) {
 if (searcher.results && searcher.results.length > 0) {
		var results = searcher.results;
		var result = results[0];
		var newImg = document.createElement('img');
		$('#contents').append('<a href="' + result.url + '" target="_blank"><img src="'
			+ result.tbUrl + '" class="item" title="' + result.titleNoFormatting + '" /></a>');
 }
}

Example.getObjects = function(workId, fileName, subject, property) {
	var callback = function(res) {
		$.each(res, function(objKey, objValue) {
			if(objList.length > limit || objList.indexOf(objValue) != -1) {
				return false;
			}
			//画像検索
	    	var imageSearch = new google.search.ImageSearch();
	    	imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MIDIUM, 
				google.search.Search.RESTRICT_SAFESEARCH, google.search.Search.SAFESEARCH_STRICT, 
				google.search.ImageSearch.RESTRICT_IMAGETYPE, google.search.ImageSearch.IMAGETYPE_PHOTO);
	    	imageSearch.setSearchCompleteCallback(this, searchComplete, [imageSearch]);
	    	imageSearch.execute(objValue);
			objList.push(objValue);
		});
	}
	LinkData.getObjects(workId, fileName, subject, keyProperty, callback);
};

// 画像の整頓
function arrange() {
	$('#container').imagesLoaded(function(){
		$('#container').masonry({
	    	itemSelector : '.item',
	    	columnWidth : 170
		});
  });      
}

// 画像の整頓の遅延処理
window.onload = function(){
    setTimeout('arrange()',3000);
}

Select Input Data

LinkData Work	Table Data
OperatingSystem	OperatingSystem
ソクラテス以前の哲学者の人間関係	Pre_Socratic_philosophy
2012年サッカー日本代表選手同士の所属関係	JapanNationalTeam2012
Nagoya Sightseeing	nagoya_sightseeing nagoya_sightseeing_youtube
スタジオジブリ劇場公開作品一覧	Studio_Ghibli_list
SABAEグルめぐり	sabaegurumeguri
ご当地グルメ	japan_gotouchi_gourmet
日本さくら名所100選	100Cherry_List
京都府内の文化財マップ	Kyoto_pref_Cultura_Property_list
English name for All Poisonous plants by Botanical Name	Association_matrix Poisonous Plants in English by Botannical Name
Type of Cats	Cats
都道府県の花、花言葉	kennka_hanakotoba

Add LinkData work(LinkData)

Click the Browse button or drag and drop to choose files to upload

The Maximum upload size is 1MB.(bmp,gif,jpeg,jpg,png)

Edit Application

Please enter information for the application to be registered.

*Required field

Account Name

Application Name*: Remove; Add name for another language

Collaborators

Image: Change image

You can upload jpg, gif, png file formats

Website: x

Add website

Tag

License

API version

Initial Cost: ￥

Annual Cost: ￥

Description: データセットの内容を画像にして並べるアプリです。 RDF中の"rdfs:label"の値を使ってGoogle画像検索をしています。 大体どのLinkData作品にも適用することができますが、単純にキーワードで検索しているため、関係ない画像が出てくることもあります。 「入力データ」の選択を変更してReloadすると、選んだデータで画像を表示することができます。 ※複数選択すると重くなるため、単数選択がオススメです。 ※フルスクリーン推奨 Remove; Add description for another language

Security Level: public limited private

: finish Editing

Select Input Data

Edit Application

Please enter information for the application to be registered.

History