Home

Develop HTML5 Web Applications with BigSemantics

Using BigSemantics for your very own web application is simple. We provide three options for obtaining and displaying semantic information from our REST style BigSemantics Web Service, depending on your needs..

We provide a set of JavaScript functions as a library to help developers work with the service through regular function calls. The library also help prepare extracted metadata for presentation, by recursively binding metadata with meta-metadata which contains presentation semantics. We also provide another JavaScript library to render extracted metadata with a default interface consisted of styled HTML5 elements. The same libraries have been used to implement the Metadata In-Context Expander that supports presenting and exploring metadata without leaving the page.

You will need to set up a development environment.

See our HTML5 Application Tutorial for the basics on setting up your HTML5 application.

Incorporate MICE

See [MICE for Developers](/ecologylab/BigSemanticsJavaScript/wiki/Metadata-In-Context-Expander-(MICE)#For Developers) for details on how to include the Metadata In-Context Expander (MICE) to your HTML5 application.

For example, using BigSemanticsJavaScript, your HTML5 application can support dragging and dropping a webpage to extract and show semantics contained in the page. For more details on this example, see Drop Zone.

Service Demo

Get Metadata

var SEMANTIC_SERVICE_URL = "http://ecology-service.cse.tamu.edu/BigSemanticsService/";

function getMetadata(url)
{
	var requestURL= SEMANTIC_SERVICE_URL + "metadata.jsonp?callback=" + "metadataCallback" + "&url=" + encodeURIComponent(url);
	var script = document.createElement('script');
	script.src = requestURL;
	document.head.appendChild(script);
}

function metadataCallback(rawMetadata)
{
	console.log(rawMetadata);
}