HTML5 Application Tutorial

BigSemantics helps web developers to conveniently present and operate on semantic information in web applications. To use it in your application, you will interact with three components:

1. A [REST](https://github.com/ecologylab/BigSemantics/wiki/Use-BigSemantics-Service) that provides a convenient way to get metadata for a web page. 2. A [JavaScript](https://github.com/ecologylab/BigSemanticsJavaScript/blob/master/interactiveSemantics/debi.js) that allows you to use the service through regular function calls and prepare metadata for presentation. 3. A [JavaScript](https://github.com/ecologylab/BigSemanticsJavaScript/blob/master/interactiveSemantics/mice.js) that provides a default set of UI elements for rendering and exploring metadata in a web page. The same UI elements have been used to implement the [Metadata](https://github.com/ecologylab/BigSemantics/wiki/Metadata-In-Context-Expander-(MICE)), with which users can expand metadata to see further linked information.

For an example web application, see [testLocal.html](https://github.com/ecologylab/BigSemanticsJavaScript/blob/master/interactiveSemantics/testLocal.html)

1. 1. 1. Setting up BigSemantics Service

Before you can obtain metadata from web pages, you must [set](https://github.com/ecologylab/BigSemantics/wiki/Setting-up-BigSemantics-Service)

1. 1. 1. Displaying Metadata in a Pre-made Interface (MICE)

To easily display metadata, use MICE. Consult the [MICE](https://github.com/ecologylab/BigSemantics/wiki/Metadata-In-Context-Expander-%28MICE%29) documentation and tutorial. Be sure to have already set up BigSemantics Service.

1. 1. 1. Displaying Metadata in a Custom Interface

To obtain a metadataView object, which contains metadata and its associated presentation semantics, utilize the MetadataLoader. Consult the [Metadata](https://github.com/ecologylab/BigSemantics/wiki/MetadataLoader) for details on use

1. 1. 1. Manually Manipulating Meta-Metadata (BS Service)

The BigSemantics Web Service helps extract metadata from web documents, with corresponding wrappers that contain schema information and presentation instructions. Extracted metadata and corresponding wrappers are returned as either XML or JSON data, and can be wrapped in a callback function for use with JavaScript based web applications. The BigSemantics Service API specification contains details.