4. Introduction
POSHex - Plain Old Semantic Html extension
POSHex is an extension available for
○ Mozilla
○ Chrome
○ IExplore
Detects semantic constructions (Microformat, Microdata
and RDFa) within Html pages and provide to user a friendly
user interface to read/save/validate those information in
different formats.
5. Introduction
POSHex - Plain Old Semantic Html extension
POSHex works on any major browsers as Bookmarklet
version.
Users must save few bookmarks (only one is required) that
can be found on page: http://bit.ly/posh-ex and then just
click on the bookmark on page they want to run extension.
6. System architecture - Framework
CrossRider
CrossRider is a cloud-based development framework that
provide developers a way to create cross-browser
extensions using JavaScript.
CrossRider provides an IDE that can be accessed through
any browser, but application can be created in any IDE and
then uploaded to CrossRider's website.
8. System architecture - Implementation
This project is based on
○ Microformat Shiv - by Glenn Jones
○ Microdata.JS - by Philip Jägenstedt
○ Green Turtle - by Alex Milowski
○ JQuery & JQueryUI
Components created by me:
○ Microformat2 parser
○ Converter
○ *UI
9. System architecture - Implementation
Microformat Shiv
Is a cross-browser JavaScript Microformat parser.
Parses HTML pages and returns a JSON object containing
microformats(type, properties) found and few information
about parser version, etc.
10. System architecture - Implementation
Microdata.JS
jQuery plugin for Microdata providing an API similar to the
HTML5 Microdata DOM API.
Parses HTML pages and returns a JSON object containing
an array of microdata (type, properties) found.
11. System architecture - Implementation
Green Turtle
Green Turtle is an implementation of RDFa 1.1 for
browsers.
It returns an array of JSON objects representing the
subject.
Subject contains the URI (IRI) value and an array of
predicates.
A predicate contains URI(IRI) value and an array of objects
(which can be literals, resources, or blank nodes).
12. System architecture - Implementation
Microformat2 parser
This parser is based on pseudo-code presented on http:
//microformats.org/
It returns an array with microformats(type, properties)
found.
13. System architecture - Implementation
Converter
This class converts:
○ JSON obtained from Microformat Shiv, Microformat2
Parser and Microdata.JS into CSV,RDF/XML,Turtle
○ JSON obtained from Green Turtle to CSV,
RDF/XML, Turtle
14. System architecture - Implementation
*UI
○ MicroformatUI
○ RDFaUI
○ PoshexUI
Creates menu and dialogs for microformats/microdata
found.
15. System architecture - Implementation
*UI
○ MicroformatUI
○ RDFaUI
○ PoshexUI
Creates a dialog containing a table with triples found on
document.
16. System architecture - Implementation
*UI
○ MicroformatUI
○ RDFaUI
○ PoshexUI
Link all components together and also provide methods to
control the extension's toolbar:
○ Show/Hide
○ Reset position
○ Save position
○ Restore position (from cookies)