Browse Source

added docs, ontology history, setup repo

Harshvardhan Pandit 6 years ago
commit
a758adb850

+ 18 - 0
README.md

@@ -0,0 +1,18 @@
+# GDPRov - GDPR Provenance Ontology
+
+GDPRov is an OWL2 ontology for representing the provenance of consent & data
+lifecycles with a view towards GDPR compliance. The ontology aims to provide
+a high-level abstraction of the interactions of processes over consent & data.
+
+The ontology documentation can be found
+[here](http://purl.org/adaptcentre/openscience/projects/GDPRov/docs).
+
+Please cite this project/ontology as -
+> Title: Modelling provenance for GDPR compliance
+using linked open data vocabularies
+
+> Authors: Harshvardhan J. Pandit and Dave Lewis
+
+> Workshop: Society, Privacy and the Semantic Web - Policy and Technology (PrivOn), 2017
+
+To be published in ISWC 2017 proceedings.

+ 43 - 0
docs/.htaccess

@@ -0,0 +1,43 @@
+# Turn off MultiViews
+Options -MultiViews
+
+# Directive to ensure *.rdf files served as appropriate content type,
+# if not present in main apache config
+AddType application/rdf+xml .rdf
+AddType application/rdf+xml .owl
+AddType text/turtle .ttl
+AddType application/n-triples .n3
+AddType application/ld+json .json
+# Rewrite engine setup
+RewriteEngine On
+#Change the path to the folder here
+RewriteBase /GDPRov 
+
+# Rewrite rule to serve HTML content from the vocabulary URI if requested
+RewriteCond %{HTTP_ACCEPT} !application/rdf\+xml.*(text/html|application/xhtml\+xml)
+RewriteCond %{HTTP_ACCEPT} text/html [OR]
+RewriteCond %{HTTP_ACCEPT} application/xhtml\+xml [OR]
+RewriteCond %{HTTP_USER_AGENT} ^Mozilla/.*
+RewriteRule ^$ index-en.html [R=303,L]
+
+# Rewrite rule to serve RDF/XML content from the vocabulary URI if requested
+RewriteCond %{HTTP_ACCEPT} \*/\* [OR]
+RewriteCond %{HTTP_ACCEPT} application/rdf\+xml
+RewriteRule ^$ ontology.xml [R=303,L]
+
+# Rewrite rule to serve N-Triples content from the vocabulary URI if requested
+RewriteCond %{HTTP_ACCEPT} application/n-triples
+RewriteRule ^$ ontology.nt [R=303,L]
+
+# Rewrite rule to serve TTL content from the vocabulary URI if requested
+RewriteCond %{HTTP_ACCEPT} text/turtle [OR]
+RewriteCond %{HTTP_ACCEPT} text/\* [OR]
+RewriteCond %{HTTP_ACCEPT} \*/turtle 
+RewriteRule ^$ ontology.ttl [R=303,L]
+
+RewriteCond %{HTTP_ACCEPT} .+
+RewriteRule ^$ 406.html [R=406,L]
+# Default response
+# ---------------------------
+# Rewrite rule to serve the RDF/XML content from the vocabulary URI by default
+RewriteRule ^$ ontology.xml [R=303,L]

+ 10 - 0
docs/406.html

@@ -0,0 +1,10 @@
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
+<html><head>
+<title>406 Not Acceptable</title>
+</head>
+<body>
+<h1>Not Acceptable</h1>
+<p>An appropriate representation of the requested resource could not be found on this server.</p>
+ Available variants:<ul><li><a href="index-en.html">html</a></li><li><a href="ontology.xml">RDF/XML</a></li><li><a href="ontology.nt">N-Triples</a></li><li><a href="ontology.ttl">TTL</a></li></ul>
+
+</body></html>

File diff suppressed because it is too large
+ 89 - 0
docs/index-en.html


File diff suppressed because it is too large
+ 427 - 0
docs/ontology.nt


File diff suppressed because it is too large
+ 487 - 0
docs/ontology.ttl


File diff suppressed because it is too large
+ 769 - 0
docs/ontology.xml


+ 34 - 0
docs/readme.md

@@ -0,0 +1,34 @@
+About Widoco output
+===================
+The purpose of Widoco is to reuse and integrate existing tools for documentation, plus the set of features listed below:
+* Separation of the sections of your html page so you can write them independently and replace only those needed.
+* Automatic annotation in RDF-a of the html produced.
+* Association of a provenance page which includes the history of your vocabulary (W3C PROV-O compliant).
+* Metadata extraction from the ontology plus the means to complete it on the fly when generating your ontology.
+* Guidelines on the main sections that your document should have and how to complete them.
+
+Widoco will create 3 different folders:
+|
+|-provenance (a folder including an html and RDF serialization of how the documentation page was created)
+|-resources (folder with the different resources)
+|-sections (folder with the different sections of the documentation, separated for easy editing. Just edit one and the main page will be updated)
+
+Completing ontology metadata.
+===================
+Widoco uses the ontology metadata to update a configuration file. If you complete that configuration file (ended up widoco.conf), the tool will enhance your html with additional details, such as how to cite the document, previous revisions, icons with the licence, etc.
+
+Browser issues
+==========
+The result of executing Widoco is an html file. We have tested it in Mozilla, IE and Chrome, and when the page is stored in a server all the browsers work correctly. If you view the file locally, we recommend you to use Mozilla Firefox (or Internet Explorer, if you must). Google Chrome will not show the contents correctly, as it doesn't allow  XMLHttpRequest without HTTP. If you want to view the page locally with Google Chrome you have two possibilities:
+
+a) Place the file in a server and access it via its URL (for example, put it in dropbox and access through its public url).
+
+b) Execute Chrome with the following commands :
+
+(WIN) chrome.exe --allow-file-access-from-files,
+
+(OSX) open /Applications/Google\ Chrome.app/ --args --allow-file-access-from-files
+
+(UNX) /usr/bin/google-chrome --allow-file-access-from-files
+
+Do you have a problem? open an issue at https://github.com/dgarijo/Widoco

+ 124 - 0
docs/resources/extra.css

@@ -0,0 +1,124 @@
+body {
+    text-align: justify;    
+}
+
+h1 {
+    line-height: 110%;    
+}
+
+.hlist {
+    border: 1px solid navy;
+    padding:5px;
+    background-color: #F4FFFF; 
+}
+
+.hlist li {
+    display: inline;
+    display: inline-table;
+    list-style-type: none;
+    padding-right: 20px;
+    
+}
+
+.entity {
+    border: 1px solid navy;
+    margin:5px 0px 5px 0px;
+    padding: 5px;    
+}
+
+.type-c {
+    cursor:help;
+    color:orange;
+}
+
+.type-op {
+    cursor:help;
+    color:navy;    
+}
+
+.type-dp {
+    cursor:help;
+    color:green;    
+}
+
+.type-ap {
+    cursor:help;
+    color:maroon;    
+}
+
+.type-ni {
+    cursor:help;
+    color:brown;    
+}
+
+.logic {
+    color:purple;
+    font-weight:bold;    
+}
+
+h3 {
+    margin-top: 3px;
+    padding-bottom: 5px;
+	border-bottom: 1px solid navy;
+}
+
+h2 {
+    margin-top:40px;    
+}
+
+.dotted {
+    border-bottom: 1px dotted gray;
+}
+
+dt {
+    margin-top:5px;
+}
+
+.description {
+    border-top: 1px dashed gray;
+    border-bottom: 1px dashed gray;
+    background-color: rgb(242, 243, 244);
+    margin-top:5px;
+    padding-bottom:5px;
+}
+
+.description dl {
+    background-color: rgb(242, 243, 244);
+}
+
+.description ul {
+    padding-left: 12px;
+    margin-top: 0px;
+}
+
+.backlink {
+    font-size:10pt;
+    text-align:right;
+    float:right;
+    color:black;
+    padding: 2px;
+    border: 1px dotted navy;
+    background-color: #F4FFFF;
+}
+
+.imageblock {
+	text-align: center;
+}
+
+.imageblock img {
+	border:1px solid gray;
+}
+
+.endnote {
+	margin-top: 40px;
+	border-top: 1px solid gray;
+	padding-top: 10px;
+	text-align: center;
+	color:gray;
+	font-size:70%;
+}
+
+.literal {
+    color:green;
+    font-style:italic;
+}

File diff suppressed because it is too large
+ 18 - 0
docs/resources/jquery.js


File diff suppressed because it is too large
+ 6 - 0
docs/resources/marked.min.js


+ 248 - 0
docs/resources/owl.css

@@ -0,0 +1,248 @@
+.RFC2119 {
+  text-transform: lowercase;
+  font-style: italic;
+}
+.nonterminal {
+    font-weight: bold;
+    font-family: sans-serif;
+    font-size: 95%;
+}
+#abstract br {
+   /* doesn't work right SOMETIMES 
+   margin-bottom: 1em;   */
+}
+.name {
+    font-family: monospace;
+}
+.buttonpanel {
+    margin-top: 1ex;
+    margin-bottom: 1ex;
+    padding-left: 1ex;
+    padding-right: 1ex;
+    padding-top: 1ex;
+    padding-bottom: 0.6ex;
+    border: 1px dotted black; 
+}
+.grammar {
+    margin-top: 1ex;
+    margin-bottom: 1ex;
+    padding-left: 1ex;
+    padding-right: 1ex;
+    padding-top: 1ex;
+    padding-bottom: 0.6ex;
+    border: 1px dashed #2f6fab;
+    font-family: monospace;
+}
+.image {
+    text-align: center;
+}
+.centered {
+    text-align: center;
+    padding-top: 4ex;
+    padding-bottom: 4ex;
+}
+.centered table {
+    margin: 0 auto;
+    text-align: left;
+}
+.caption {
+    font-weight: bold;
+}
+.indent {
+    margin-left: 20px;
+}
+.atrisknote {
+    padding: 5px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    border: solid 2px blue;
+    background-color: #FFA;
+}
+.atrisknotehead {
+    font-style: italic;	
+}
+
+/* Stying the examples. */
+
+.anexample:before {
+    content: "Example:";
+    font-family: sans-serif;
+    font-size: 1.6ex;
+    font-weight: bold;
+}
+.anexample {
+    margin-top: 1ex;
+    margin-bottom: 1ex;
+    padding-left: 1ex;
+    padding-right: 1ex;
+    padding-top: 1ex;
+    padding-bottom: 0.6ex;
+    border: 1px dashed #2f6fab;
+    background-color: #f9f9f9;
+}
+.anexample table {
+    background-color: #f9f9f9;
+}
+
+/* Styling the parts in the functional-style syntax. */
+
+div.fss {
+    margin-top: 10px; 
+    margin-bottom: 10px; 
+    margin-left: 20px; 
+    margin-right: 20px; 
+    font-family: monospace;
+}
+table.fss {
+    margin: 0px 0px 0px 0px; 
+    padding: 0px 0px 0px 0px; 
+    width: 100%;
+}
+table.fss caption.fss {
+    font-size: 1.5ex;
+    font-weight: bold;
+    text-align: left;
+    padding-left: 10px;
+}
+table.fss td:first-child {
+    font-family: monospace;
+    padding-left: 20px;
+    padding-right: 20px;
+    width: 60%;
+}
+table{
+    background-color: #f4ffff;
+    border: 1px solid navy;
+    margin: 20px;
+    vertical-align: middle;
+}
+table td {
+    padding: 5px 15px;
+    text-align: left;
+}
+
+/* Styling the parts in the RDF syntax. */
+
+div.rdf{
+    margin-top: 10px; 
+    margin-bottom: 10px; 
+    margin-left: 20px; 
+    margin-right: 20px; 
+    font-family: monospace;
+}
+table.rdf {
+    margin: 0px 0px 0px 0px; 
+    padding: 0px 0px 0px 0px; 
+    width: 100%;
+}
+table.rdf caption.rdf {
+    font-size: 1.5ex;
+    font-weight: bold;
+    text-align: left;
+    padding-left: 10px;
+}
+table.rdf td:first-child {
+    font-family: monospace;
+    padding-left: 20px;
+    padding-right: 20px;
+    width: 60%;
+}
+
+/* Styling the XML syntax. */
+
+div.xmlsyn {
+    margin-top: 10px; 
+    margin-bottom: 10px; 
+    margin-left: 20px; 
+    margin-right: 20px; 
+    font-family: monospace;
+}
+div.axioms {
+    margin-top: 10px; 
+    margin-bottom: 10px; 
+    margin-left: 20px; 
+    margin-right: 20px; 
+}
+
+/* Other styles. */
+
+table.complexity td {
+    text-align: center;
+}
+table.allname td {
+   font-family: monospace;
+}
+table.canonicalparsing {
+    margin-left: 20px;
+    border-style: none;
+}
+table.canonicalparsing td {
+    vertical-align: top;
+    padding: 2px 2px 2px 2px;
+}
+table.canonicalparsing td.two {
+    padding-left: 30px;
+}
+
+/* The following are classes for templates used in the editing process. */
+
+.review {
+    padding: 5px;
+    border: solid 1px black;
+    margin-left: 10%;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    background-color: #FFA;
+    font-size: smaller;
+}
+.reviewauthor {
+    font-size: smaller;
+    font-style: italic;
+}
+.ednote {
+    padding: 5px;
+    border: solid 1px black;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+.ednotehead {
+   font-weight: bold;
+}
+
+/* override mediawiki's beautiful DL styling... */
+dl {
+    background: white;
+    width: 100%;
+    border: none;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+}
+
+div {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+#fulltitle {
+  font-size: 140%; 
+  font-weight: bold;
+}
+
+.xml {
+ color: red
+}
+
+.rdbms{
+color: red
+}
+
+/* just copying from wiki, so it stays through TR. Currently
+  affects Primer, at least */
+pre {
+  background-color:#F9F9F9;
+  border:1px dashed #2F6FAB;
+  color:black;
+  line-height:1.1em;
+  padding:1em;
+}

+ 103 - 0
docs/resources/primer.css

@@ -0,0 +1,103 @@
+/* define a class "noprint" for sections which don't get printed */  
+.noprint { display: none; }
+
+/* our syntax menu for switching */
+div.syntaxmenu {
+  border: 1px dotted black;
+  padding:0.5em;
+  margin: 1em; 
+}
+
+.container {
+    margin-right: auto;
+    margin-left: auto;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+@media print {
+   div.syntaxmenu { display:none; }
+}
+
+/* use tab-like headers for syntax examples */
+div.exampleheader {
+  font-size: 90%;
+  float: left;
+  background: #F9F9F9;
+  color: #2F6FAB;
+  border: 1px dashed #2F6FAB;
+  border-bottom: 0px;
+  padding-top: 2px;
+}
+
+div.exampleheader span.exampleheader {
+  background: #F9F9F9;
+  padding-top: 0px;
+  padding-right: 10px;
+  padding-left: 10px;
+  padding-bottom: 3px;
+  padding-top: 0px;
+}
+
+/* Also copy MediaWiki style here, so it will not look different when exported */
+div.fssyntax pre, div.rdfxml pre, div.owlxml pre, div.turtle pre, div.manchester pre  {
+  background-color: #F9F9F9;
+  border: 1px dashed #2F6FAB;
+  color: black;
+  line-height: 1.1em;
+  padding: 1em;
+  clear: both;
+  margin-left: 0em;
+}
+/* Expansion to add the status*/
+.status {
+    position: fixed;
+    left: 0em;
+    top: 0em;
+    text-align: right;
+    vertical-align: middle;
+    /* Square version of the inside span. Slightly larger */
+    width: 26em;
+    height: 26em;
+    z-index: -1;
+    opacity: 0.8;
+    
+    /** From http://stackoverflow.com/questions/1080792/how-to-draw-vertical-text-with-css-cross-browser */
+
+    -webkit-transform: rotate(-90deg);
+    -moz-transform: rotate(-90deg);
+    -ms-transform: rotate(-90deg);
+    -o-transform: rotate(-90deg);
+    transform: rotate(-90deg);
+    /* also accepts left, right, top, bottom coordinates; not
+    * required, but a good idea for styling */
+    -webkit-transform-origin: 50% 50%;
+    -moz-transform-origin: 50% 50%;
+    -ms-transform-origin: 50% 50%;
+    -o-transform-origin: 50% 50%;
+    transform-origin: 50% 50%;
+
+    /* Should be unset in IE9+ I think. */
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+}
+
+/* The actual status box */
+ .status div {   
+    display: block;
+    background: rgb(0, 90, 156);
+    color: white;
+    width: 24em;
+    padding-top: 0.3em;
+    padding-left: 0em;
+    padding-right: 5em;
+    padding-bottom: 0.3em;
+    /* Enable for debugging 
+    border: red thin solid;
+     */
+} 
+
+/* And text inside, don't confuse fonts as it breaks em above */
+.status div span {
+    font-family: "Tauri";
+    font-size: larger;
+}

+ 88 - 0
docs/resources/rec.css

@@ -0,0 +1,88 @@
+/* Style for a "Recommendation" */
+
+/*
+   Copyright 1997-2003 W3C (MIT, ERCIM, Keio). All Rights Reserved.
+   The following software licensing rules apply:
+   http://www.w3.org/Consortium/Legal/copyright-software */
+
+/* $Id: base.css,v 1.25 2006/04/18 08:42:53 bbos Exp $ */
+
+body {
+  padding: 2em 1em 2em 70px;
+  margin: 0;
+  font-family: sans-serif;
+  color: black;
+  background: white;
+  background-position: top left;
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  counter-reset:section;
+}
+:link { color: #00C; background: transparent }
+:visited { color: #609; background: transparent }
+a:active { color: #C00; background: transparent }
+
+a:link img, a:visited img { border-style: none } /* no border on img links */
+
+a img { color: white; }        /* trick to hide the border in Netscape 4 */
+@media all {                   /* hide the next rule from Netscape 4 */
+  a img { color: inherit; }    /* undo the color change above */
+}
+
+th, td { /* ns 4 */
+  font-family: sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6 { text-align: left }
+h2.list{counter-reset:subsection }
+h2.list:before{counter-increment:section;content: counter(section) ". ";}
+h3.list:before{counter-increment:subsection;content: counter(section) "." counter(subsection) ". ";
+	}
+h3.list{margin-top: 20px;
+	border-bottom: 0px; }
+/* background should be transparent, but WebTV has a bug */
+h1, h2, h3 { color: #005A9C; background: white }
+h1 { font: 170% sans-serif }
+h2 { font: 140% sans-serif }
+h3 { font: 120% sans-serif }
+h4 { font: bold 100% sans-serif }
+h5 { font: italic 100% sans-serif }
+h6 { font: small-caps 100% sans-serif }
+
+.hide { display: none }
+
+div.head { margin-bottom: 1em }
+div.head h1 { margin-top: 2em; clear: both }
+div.head table { margin-left: 2em; margin-top: 2em }
+
+p.copyright { font-size: small }
+p.copyright small { font-size: small }
+
+@media screen {  /* hide from IE3 */
+a[href]:hover { background: #ffa }
+}
+
+pre { margin-left: 2em }
+/*
+p {
+  margin-top: 0.6em;
+  margin-bottom: 0.6em;
+}
+*/
+dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */
+dt { font-weight: bold }
+
+pre, code { font-family: monospace } /* navigator 4 requires this */
+
+ul.toc, ol.toc {
+  list-style: disc;		/* Mac NS has problem with 'none' */
+  list-style: none;
+}
+
+@media aural {  
+  h1, h2, h3 { stress: 20; richness: 90 }
+  .hide { speak: none }
+  p.copyright { volume: x-soft; speech-rate: x-fast }
+  dt { pause-before: 20% }
+  pre { speak-punctuation: code } 
+}

File diff suppressed because it is too large
+ 2 - 0
docs/sections/abstract-en.html


File diff suppressed because it is too large
+ 1707 - 0
docs/sections/crossref-en.html


+ 3 - 0
docs/sections/description-en.html

@@ -0,0 +1,3 @@
+<h2 id="desc" class="list">The GDPR Provenance ontology: Description <span class="backlink"> back to <a href="#toc">ToC</a></span></h2>
+<span class="markdown">
+This is a placeholder text for the description of your ontology. The description should include an explanation and a diagram explaining how the classes are related, examples of usage, etc.</span>

+ 20 - 0
docs/sections/introduction-en.html

@@ -0,0 +1,20 @@
+<h2 class="list">Introduction</h2>
+
+GDPRov (pronounced as GDPR-prov) is an 
+<a href="https://www.w3.org/TR/owl2-overview/">OWL2</a> ontology for describing the
+provenance of data and consent lifecycles using <a href="http://eur-lex.europa.eu/eli/reg/2016/679/oj">GDPR</a> terminology. It extends
+the existing linked open data provenance ontologies - <a href="https://www.w3.org/TR/prov-o/">PROV ontology (PROV-O)</a>
+and <a href="http://purl.org/net/p-plan">Ontology for Provenance and Plans (P-Plan)</a>. PROV-O is used to represent
+provenance information and is a W3C recommendation. GDPRov uses these
+provenance ontologies to express a data-flow model that can trace how consent
+and data are used by extending the appropriate vocabulary with GDPR-related
+terms.
+
+As the GDPR specifies several requirements over the use of consent and personal
+data, the compliance documentation for it requires a provenance trace of 
+how the consent and personal data were obtained, and all processes that
+act on them. Additionally, GDPR also provides the data subject with several
+rights that also require maintaining provenance traces. GDPRov aims to provide
+a base ontology for the expression of such provenance traces which can provide
+beneficial in the development of compliance related documentation and approaches
+as well as GDPR related tools and utilities.

+ 16 - 0
docs/sections/overview-en.html

@@ -0,0 +1,16 @@
+<h2 class="list">Overview</h2>
+Extending provenance ontologies allows GDPRov to express a ‘template’
+or ‘plan’ of what should happen (using p-plan:Plan) describing a model of all
+activities (as p-plan:Step) that can take place. This template is then instantiated
+for (using p-plan:Activity) each specific use of the activity, such as obtaining
+consent or data for a particular user. Additionally, the provenance of the activities
+themselves can be expressed (using PROV-O and P-Plan) to record how they
+change over time, making it possible to trace the change in activities along with
+how they interact with consent and data. This is beneficial in documenting the
+state of a system as a set of activities that deal with consent and data, and
+can be helpful in determining changes in consent when the interactions between
+data and an activity change over time. For example, differences in provenance
+of an activity can show that it uses personal data it did not previously use.
+Depending on the consent obtained for that particular user, this may or may not
+need additional permissions, and therefore require obtaining consent to permit
+such use.

+ 3 - 0
docs/sections/references-en.html

@@ -0,0 +1,3 @@
+<h2 id="ref" class="list">References <span class="backlink"> back to <a href="#toc">ToC</a></span></h2>
+<span class="markdown">
+Add your references here. It is recommended to have them as a list.</span>

File diff suppressed because it is too large
+ 1 - 0
docs/webvowl/css/webvowl.app.css


File diff suppressed because it is too large
+ 1 - 0
docs/webvowl/css/webvowl.css


File diff suppressed because it is too large
+ 2870 - 0
docs/webvowl/data/foaf.json


File diff suppressed because it is too large
+ 1398 - 0
docs/webvowl/data/ontology.json


BIN
docs/webvowl/favicon.ico


+ 200 - 0
docs/webvowl/index.html

@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="author" content="Vincent Link, Steffen Lohmann, Eduard Marbach, Stefan Negru, Vitalis Wiens" />
+    <meta name="keywords" content="webvowl, vowl, visual notation, web ontology language, owl, rdf, ontology visualization, ontologies, semantic web" />
+    <meta name="description" content="WebVOWL - Web-based Visualization of Ontologies" />
+    <meta name="robots" content="noindex,nofollow" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" type="text/css" href="css/webvowl.css" />
+    <link rel="stylesheet" type="text/css" href="css/webvowl.app.css" />
+    <link rel="icon" href="favicon.ico" type="image/x-icon" />
+    <title>WebVOWL</title>
+</head>
+
+<body>
+    <main>
+        <section id="canvasArea">
+            <div id="logo">
+
+                <h2>WebVOWL <br/><span>1.0.1</span></h2>
+
+            </div>
+            <div id="loading-info">
+                <div id="loading-error" class="hidden">
+                    <div id="error-info"></div>
+                    <div id="error-description-button" class="hidden">Show error details</div>
+                    <div id="error-description-container" class="hidden">
+                        <pre id="error-description"></pre>
+                    </div>
+                </div>
+                <div id="loading-progress" class="hidden">
+                    <span>Loading ontology... </span>
+                    <div class="spin">&#8635;</div><br>
+                    <div id="myProgress">
+                        <div id="myBar"></div>
+                    </div>
+                </div>
+            </div>
+            <div id="graph"></div>
+        </section>
+        <aside id="detailsArea">
+            <section id="generalDetails">
+                <h1 id="title"></h1>
+                <span><a id="about" href=""></a></span>
+                <h5>Version: <span id="version"></span></h5>
+                <h5>Author(s): <span id="authors"></span></h5>
+                <h5>
+                    <label>Language: <select id="language" name="language" size="1"></select></label>
+                </h5>
+                <h3 class="accordion-trigger accordion-trigger-active">Description</h3>
+                <div class="accordion-container scrollable">
+                    <p id="description"></p>
+                </div>
+                <h3 class="accordion-trigger">Metadata</h3>
+                <div id="ontology-metadata" class="accordion-container"></div>
+                <h3 class="accordion-trigger">Statistics</h3>
+                <div class="accordion-container">
+                    <p class="statisticDetails">Classes: <span id="classCount"></span></p>
+                    <p class="statisticDetails">Object prop.: <span id="objectPropertyCount"></span></p>
+                    <p class="statisticDetails">Datatype prop.: <span id="datatypePropertyCount"></span></p>
+                    <div class="small-whitespace-separator"></div>
+                    <p class="statisticDetails">Individuals: <span id="individualCount"></span></p>
+                    <div class="small-whitespace-separator"></div>
+                    <p class="statisticDetails">Nodes: <span id="nodeCount"></span></p>
+                    <p class="statisticDetails">Edges: <span id="edgeCount"></span></p>
+                </div>
+                <h3 class="accordion-trigger" id="selection-details-trigger">Selection Details</h3>
+                <div class="accordion-container" id="selection-details">
+                    <div id="classSelectionInformation" class="hidden">
+                        <p class="propDetails">Name: <span id="name"></span></p>
+                        <p class="propDetails">Type: <span id="typeNode"></span></p>
+                        <p class="propDetails">Equiv.: <span id="classEquivUri"></span></p>
+                        <p class="propDetails">Disjoint: <span id="disjointNodes"></span></p>
+                        <p class="propDetails">Charac.: <span id="classAttributes"></span></p>
+                        <p class="propDetails">Individuals: <span id="individuals"></span></p>
+                        <p class="propDetails">Description: <span id="nodeDescription"></span></p>
+                        <p class="propDetails">Comment: <span id="nodeComment"></span></p>
+                    </div>
+                    <div id="propertySelectionInformation" class="hidden">
+                        <p class="propDetails">Name: <span id="propname"></span></p>
+                        <p class="propDetails">Type: <span id="typeProp"></span></p>
+                        <p id="inverse" class="propDetails">Inverse: <span></span></p>
+                        <p class="propDetails">Domain: <span id="domain"></span></p>
+                        <p class="propDetails">Range: <span id="range"></span></p>
+                        <p class="propDetails">Subprop.: <span id="subproperties"></span></p>
+                        <p class="propDetails">Superprop.: <span id="superproperties"></span></p>
+                        <p class="propDetails">Equiv.: <span id="propEquivUri"></span></p>
+                        <p id="infoCardinality" class="propDetails">Cardinality: <span></span></p>
+                        <p id="minCardinality" class="propDetails">Min. cardinality: <span></span></p>
+                        <p id="maxCardinality" class="propDetails">Max. cardinality: <span></span></p>
+                        <p class="propDetails">Charac.: <span id="propAttributes"></span></p>
+                        <p class="propDetails">Description: <span id="propDescription"></span></p>
+                        <p class="propDetails">Comment: <span id="propComment"></span></p>
+                    </div>
+                    <div id="noSelectionInformation">
+                        <p><span>Select an element in the visualization.</span></p>
+                    </div>
+                </div>
+            </section>
+        </aside>
+        <nav id="optionsArea">
+            <ul id="optionsMenu">
+                <li id="aboutMenu"><a href="#">About</a>
+                    <ul class="toolTipMenu aboutMenu">
+                        <li><a href="license.txt" target="_blank">MIT License &copy; 2014-2017</a></li>
+                        <li id="credits" class="option">WebVOWL Developers:<br/> Vincent Link, Steffen Lohmann, Eduard Marbach, Stefan Negru, Vitalis Wiens
+                        </li>
+						<li id="credits" class="option">Widoco integration:<br/> Daniel Garijo
+                        </li>
+
+                        <li><a href="http://vowl.visualdataweb.org/webvowl.html#releases" target="_blank">Version: 1.0.1<br/>(release history)</a></li>
+
+                        <li><a href="http://purl.org/vowl/" target="_blank">VOWL Specification &raquo;</a></li>
+                    </ul>
+                </li>
+                <li id="pauseOption"><a id="pause-button" href="#">Pause</a></li>
+                <li id="resetOption"><a id="reset-button" href="#" type="reset">Reset</a></li>
+                <li id="moduleOption"><a href="#">Modes</a>
+                    <ul class="toolTipMenu module">
+                        <li class="toggleOption" id="pickAndPinOption"></li>
+                        <li class="toggleOption" id="nodeScalingOption"></li>
+                        <li class="toggleOption" id="compactNotationOption"></li>
+                        <li class="toggleOption" id="colorExternalsOption"></li>
+                    </ul>
+                </li>
+                <li id="filterOption"><a href="#">Filter</a>
+                    <ul class="toolTipMenu filter">
+                        <li class="toggleOption" id="datatypeFilteringOption"></li>
+                        <li class="toggleOption" id="objectPropertyFilteringOption"></li>
+                        <li class="toggleOption" id="subclassFilteringOption"></li>
+                        <li class="toggleOption" id="disjointFilteringOption"></li>
+                        <li class="toggleOption" id="setOperatorFilteringOption"></li>
+                        <li class="slideOption" id="nodeDegreeFilteringOption"></li>
+                    </ul>
+                </li>
+                <li id="gravityOption"><a href="#">Gravity</a>
+                    <ul class="toolTipMenu gravity">
+                        <li class="slideOption" id="classSliderOption"></li>
+                        <li class="slideOption" id="datatypeSliderOption"></li>
+                    </ul>
+                </li>
+                <li id="export"><a href="#">Export</a>
+                    <ul class="toolTipMenu export">
+                        <li><a href="#" download id="exportJson">Export as JSON</a></li>
+                        <li><a href="#" download id="exportSvg">Export as SVG</a></li>
+                    </ul>
+                </li><!--
+                <li id="select"><a href="#">Ontology</a>
+                    <ul class="toolTipMenu select">
+                        <li><a href="#foaf" id="foaf">Friend of a Friend (FOAF) vocabulary</a></li>
+                        <li><a href="#muto" id="muto">Modular and Unified Tagging Ontology (MUTO)</a></li>
+                        <li><a href="#personasonto" id="personasonto">Personas Ontology (PersonasOnto)</a></li>
+                        <li><a href="#goodrelations" id="goodrelations">GoodRelations Vocabulary for E-Commerce</a></li>
+                        <li><a href="#sioc" id="sioc">SIOC (Semantically-Interlinked Online Communities) Core Ontology</a></li>
+                        <li><a href="#ontovibe" id="ontovibe">Ontology Visualization Benchmark (OntoViBe)</a></li>
+
+                        <li class="option" id="converter-option">
+                            <form class="converter-form" id="iri-converter-form">
+                                <label for="iri-converter-input">Custom Ontology:</label>
+                                <input type="text" id="iri-converter-input" placeholder="Enter ontology IRI">
+                                <button type="submit" id="iri-converter-button" disabled>Visualize</button>
+                            </form>
+                            <div class="converter-form">
+                                <input class="hidden" type="file" id="file-converter-input" autocomplete="off">
+                                <label class="truncate" id="file-converter-label" for="file-converter-input">Select ontology file</label>
+                                <button type="submit" id="file-converter-button" autocomplete="off" disabled>
+								Upload
+							</button>
+                            </div>
+                        </li>
+                    </ul>
+                </li>-->
+                <li class="searchMenu" id="searchMenuId">
+                    <input class="searchInputText" type="text" id="search-input-text" placeholder="Search">
+                    <ul class="searchMenuEntry" id="searchEntryContainer">
+                    </ul>
+                </li>
+                <li id="li_right" style="float:left">
+                    <a href="#" id="RightButton"></a>
+                </li>
+                <li id="li_left" style="float:left">
+                    <a href="#" id="LeftButton"></a>
+                </li>
+
+                </li>
+            </ul>
+        </nav>
+    </main>
+    <script src="js/d3.min.js"></script>
+    <script src="js/webvowl.js"></script>
+    <script src="js/webvowl.app.js"></script>
+    <script>
+        window.onload = webvowl.app().initialize;
+    </script>
+</body>
+
+</html>

File diff suppressed because it is too large
+ 5 - 0
docs/webvowl/js/d3.min.js


File diff suppressed because it is too large
+ 2 - 0
docs/webvowl/js/webvowl.app.js


File diff suppressed because it is too large
+ 4 - 0
docs/webvowl/js/webvowl.js


+ 21 - 0
docs/webvowl/license.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014-2017 Vincent Link, Steffen Lohmann, Eduard Marbach, Stefan Negru, Vitalis Wiens
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

+ 1 - 0
gdprov.owl

@@ -0,0 +1 @@
+ontology/gdprov.0.1.owl

File diff suppressed because it is too large
+ 702 - 0
ontology/gdprov.0.1.owl