forked from LodLive/LodLive
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapp_it.html
327 lines (308 loc) · 15.9 KB
/
app_it.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" version="XHTML+RDFa 1.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/1999/xhtml http://www.w3.org/MarkUp/SCHEMA/xhtml-rdfa-2.xsd" lang="it" xmlns="http://www.w3.org/1999/xhtml" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:foaf="http://xmlns.com/foaf/0.1/">
<head profile="http://www.w3.org/1999/xhtml/vocab">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title property="dc:title">LodLive - browsing the Web of Data</title>
<link rel="shortcut icon" href="favicon.png" />
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="image_src" href="http://lodlive.it/img/logoLodLive.jpg" />
<meta property="og:image" content="http://lodlive.it/img/logoLodLive.jpg" />
<link property="dc:creator" href="http://purl.org/net/foaf:Person/diego-valerio-camarda" />
<link property="dc:creator" href="http://purl.org/net/foaf:Person/silvia-mazzini" />
<link property="dc:creator" href="http://purl.org/net/foaf:Person/alessandro-antonuccio" />
<link property="dc:subject" href="http://dbpedia.org/resource/Semantic_Web" />
<link property="dc:subject" href="http://dbpedia.org/page/Linked_Data" />
<link property="dc:subject" href="http://dbpedia.org/resource/SPARQL" />
<link property="cc:licence" href="http://www.opensource.org/licenses/mit-license.php" />
<meta property="og:title" content="LodLive - browsing the Web of Data" />
<meta property="og:description" content="LodLive è un progetto sperimentale nato per divulgare la filosofia dei linked open data e per creare uno strumento in grado di associare le potenzialità di un browser RDF all'efficacia della rappresentazione a grafo proponendosi come primo navigatore di risorse RDF basato unicamente su endpoint SPARQL." />
<meta property="dcterms:created" content="2012-04-25T13:00:00" />
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/jquery-2.0.3.min.js"><\/script>')
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1940652-20']);
_gaq.push(['_setDomainName', 'lodlive.it']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
WebFontConfig = {
google : {
families : ['Open+Sans:400italic,700italic,800italic,300italic,600italic,400,300,600,800,700:latin']
}
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
</script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.min.js"></script>
<link rel="stylesheet" href="js/jquery.fancybox/jquery.fancybox.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/lodlive.core.css?01" type="text/css" media="all" />
<link rel="stylesheet" href="css/lodlive.profile.css?01" type="text/css" media="all" />
<link rel="stylesheet" href="css/lodlive.app.css?01" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery.fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/jquery.slimScroll.min.js"></script>
<script type="text/javascript" src="js/jquery.json-2.3.min.js"></script>
<script type="text/javascript" src="js/jquery.jsonp-2.4.0.min.js"></script>
<script type="text/javascript" src="js/jquery.jstorage.js"></script>
<script type="text/javascript" src="js/jquery.jcanvas.js"></script>
<script type="text/javascript" src="js/jquery.doTimeout.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/jquery.gmap3.js"></script>
<script type="text/javascript" src="js/jquery.ThreeDots.min.js"></script>
<script type="text/javascript" src="js/lodlive.profile.js?01"></script>
<script type="text/javascript" src="js/lodlive.core.js?01"></script>
<script type="text/javascript" src="js/lodlive.lang.js?01"></script>
<script type="text/javascript" src="js/lodlive.utils.js?01"></script>
<script type="text/javascript" src="js/lodlive.custom-lines.js?01"></script>
<script type="text/javascript" src="js/lodlive.app.js?01"></script>
<script type="text/javascript">
$.jStorage.set('selectedLanguage', 'it')
</script>
</head>
<body>
<h1 style="display: none" property="dc:title">LodLive - browsing the Web of Data</h1>
<div id="lang-it">
<div id="lang">
<a href="http://lodlive.it" title="versione italiana">IT</a> / <a href="http://en.lodlive.it" title="english version">EN</a> / <a href="http://fr.lodlive.it" title="version française">FR</a> / <a href="http://gl.lodlive.it" title="versión en galego">GL</a>
</div>
<div id="nextPage" class="spriteHome paginator"></div>
<div id="prevPage" class="spriteHome paginator"></div>
<div id="startPanel">
<div id="logo" class="sprite"></div>
<div id="boxes">
<div id="firstLineBoxes"></div>
<div id="boxesCont"></div>
</div>
<div class="startBoxMainText">
<div>
<p>
LodLive è il primo navigatore di risorse RDF basato unicamente su endpoint <a href="http://www.w3.org/TR/rdf-sparql-query/">SPARQL</a>.
</p>
<p>
LodLive associa le potenzialità di un browser RDF all'efficacia della rappresentazione a grafo.
</p>
</div>
<a href="https://github.com/dvcama/LodLive" target="_blank">DOWNLOAD LodLive</a>
</div>
<div class="startBoxMainTextPlain">
<div>
<p>
LodLive è realizzato interamente in Javascript, si compone di un plug-in jQuery (LodLive-core), un file JSON di configurazione (LodLive-profile), una pagina HTML, poche immagini (sprites) e alcuni plug-in pubblici. LodLive è in grado di connettere le risorse presenti negli endpoint configurati al suo interno, consentendo all'utente di passare da un endpoint all'altro sfruttando le capacità di interconnesione insite nella LOD.
</p>
</div>
<p>
LodLive è gratuito, opensource e pronto per essere utilizzato da subito, viene rilasciato sotto <a href="http://www.opensource.org/licenses/MIT" rel="cc:license">licenza MIT</a> ed è facilmente integrabile nelle proprie applicazioni o utilizzabile online su <a href="http://lodlive.it">lodlive.it</a>
</p>
</div>
</div>
<div id="footer">
<div id="footerContainer">
<div class="footerBox segnala">
<h2>condividi LodLive</h2>
<a class="tw spriteHome" href="http://twitter.com/home?status=via+%40LodLive+-+%23lodlive+-+browsing+the+web+of+data" target="_blank" title="condividi su Twitter"></a><a class="fb spriteHome" href="http://www.facebook.com/sharer.php?s=100&p[title]=LodLive+-+browsing+the+web+of+data&p[summary]=LodLive+%C3%A8+un+progetto+sperimentale+nato+per+divulgare+la+filosofia+dei+linked+open+data+e+per+creare+uno+strumento+in+grado+di+associare+le+potenzialità+di+un+browser+RDF+all'efficacia+della+rappresentazione+a+grafo.&p[url]=http://lodlive.it&&p[images][0]=http://lodlive.it/img/logoLodLive.jpg" target="_blank" title="condividi su FaceBook"></a>
<br />
<br />
<h2>segui LodLive</h2>
<a class="tw spriteHome" href="https://twitter.com/#!/LodLive" target="_blank" title="segui su Twitter"></a><a class="fb spriteHome" href="https://www.facebook.com/lodlive.browser" target="_blank" title="segui su FaceBook"></a>
</div>
<div class="footerBox" id="menu">
<h2>menu</h2>
<ul>
<li>
<a href="#what">Cosa è LodLive?</a>
</li>
<li>
<a href="http://blog.lodlive.it">Blog/documentazione</a>
</li>
<li>
<a href="#faq">FAQ</a>
</li>
<li>
<a href="#send">Segnala un endpoint</a>
</li>
<li>
<a href="#links">Link utili</a>
</li>
<li>
<a href="#get">Download</a>
</li>
<li>
<a href="#credits">Crediti e contatti</a>
</li>
</ul>
</div>
<div class="footerBox">
<h2>best experienced with</h2>
LodLive non sfrutta alcuna componente server.
<br />
Per il suo utilizzo si consiglia un browser di ultima generazione. <div class="spriteHome browsers" title="FireFox - Chrome - Safari - Opera"></div>
</div>
<div class="best">
2012, lodlive.it <a href="http://creativecommons.org/licenses/by-sa/2.0/" target="_blank">CC BY-SA</a>, lodlive.js <a href="http://www.opensource.org/licenses/mit-license.php" target="_blank">MIT License</a>
<div class="license spriteHome"></div>
</div>
</div>
</div>
<div id="faq" class="hd">
<p>
<strong>Navigando il grafo, come faccio a capire su quale endpoint mi trovo?</strong>
<br />
Passando con il mouse sulla risorsa, in basso a sinistra compare un box in cui vengono ne evidenziate le caratteristiche, incluso l'endpoint di appartenenza.
<br />
<br />
<strong>Il sistema sembra bloccarsi all'apertura di certe risorse e con IE non sembra funzionare.</strong>
<br />
LodLive sfrutta in tutto e per tutto la potenza del computer dal quale si sta facendo accesso e questo ci ha consentito di sviluppare un'applicazione che non necessita di alcuna componente server e che, una volta scaricata, è subito pronta all'utilizzo.
<br />
Consigliamo di usare un browser aggiornato, in particolare Opera,
Safari o Google Chrome; FireFox funziona a dovere ma la navigazione nel suo complesso risulta più lenta; Internet Explorer non è attualmente supportato perché non gestisce alcune delle funzionalità di cui LodLive si avvale.
</p>
</div>
<div id="links" class="hd">
<p>
<strong>A proposito di SPARQL</strong>
<br />
<a href="http://www.w3.org/TR/rdf-sparql-query/" target="_blank">www.w3.org/TR/rdf-sparql-query</a>
<br />
<br />
<strong>A proposito di standard e web semantico</strong>
<br />
<a href="http://www.w3.org/RDF/" target="_blank">www.w3.org/RDF</a>
<br />
<a href="http://www.w3.org/standards/semanticweb/" target="_blank">www.w3.org/standards/semanticweb</a>
<br />
<a href="http://www.w3.org/DesignIssues/LinkedData.html" target="_blank">www.w3.org/DesignIssues/LinkedData.html</a>
<br />
<br />
<strong>Tutorial sparql del working group del w3c</strong>
<br />
<a href="http://www.cambridgesemantics.com/it/semantic-university/sparql-by-example" target="_blank">www.cambridgesemantics.com/it/semantic-university/sparql-by-example</a>
<br />
<br />
</p>
</div>
<div id="get" class="hd">
<p>
LodLive è scaricabile da GitHub <a href="https://github.com/dvcama/LodLive" target="_blank">https://github.com/dvcama/LodLive</a>
</p>
</div>
<div id="credits" class="hd">
<p>
<strong>Hanno partecipato</strong>
<br />
<span itemscope itemtype="http://data-vocabulary.org/Person"><span itemprop="name">Diego Valerio Camarda</span> ([email protected]), <span itemprop="name">Silvia Mazzini</span> ([email protected]) e <span itemprop="name">Alessandro Antonuccio</span> ([email protected])</span>
<br />
<br />
Diego ha curato la realizzazione, Silvia stabilito i criteri di base e Alessandro si è occupato del disegno dell'interfaccia. Il gruppo ha lavorato insieme giorno per giorno ed è difficile stabilire i limiti delle competenze di ognuno.
<br />
<br />
Per maggiorni informazioni e contatti [email protected].
</p>
</div>
<div id="send" class="hd">
<p>
È possibile segnalare a [email protected] un endpoint di modo che sia inserito nell'applicazione disponibile su lodlive.it. In generale si ottengono risultati migliori con dataset che hanno relazioni owl:sameAs verso altre risorse disponibili su un endpoint SPARQL.
<br />
<br />
È importante fornire più informazioni possibili sulle risorse presenti nell'endpoint e sulle specificità del dataset. LodLive può essere configurato specificatamente per rappresentare al meglio i contenuti che deve navigare.
</p>
</div>
<div id="what" class="hd">
<p>
LodLive è un progetto sperimentale nato per divulgare la filosofia dei linked open data e per creare uno strumento in grado di associare le potenzialità di un browser RDF all'efficacia della rappresentazione a grafo.
<br />
<br />
LodLive è il primo navigatore di risorse RDF basato unicamente su endpoint SPARQL.
<br />
<br />
LodLive vuole dimostrare che le risorse pubblicate secondo gli standard del W3C per il semantic web possono essere facilmente accessibili e comprensibili con strumenti adeguati.
<br />
<br />
LodLive è in grado di connettere le risorse presenti negli endpoint configurati al suo interno, consentendo all'utente di passare da un endpoint all'altro
sfruttando le capacità di interconnessione insite nei LOD.
</p>
</div>
<div class="help hd">
<div>
<h2>HELP</h2>
<p>
<a href="http://www.youtube.com/embed/BQ9Ckh2ov-c?rel=0" class="sprite videoHelp"></a>
</p>
<p>
Al centro di ogni cerchio viene visualizzata la label della risorsa.
</p>
<p>
Il colore dei cerchi rispetta la logica delle classi di appartenenza delle risorse, quindi per risorse appartenenti a medesime classi si avrà il cerchio dello stesso colore.
</p>
<p>
Intorno al cerchio vengono posizionati altri piccoli cerchi che indicano i collegamenti con altre risorse sia interne al medesimo dataset che esterne (purché fruibili attraverso un Endpoint SPARQL).
</p>
<p>
LodLive riconosce la proprietà owl:sameAs presente nella risorsa per favorire la "navigazione trasversale" e consentire il passaggio da un endpoint ad un altro.
</p>
<p>
È possibile trascinare con drag and drop i cerchi per posizionarli come si preferisce.
</p>
</div>
</div>
<div class="legenda hd">
<div>
<h2>LEGENDA</h2>
<ul class="optionsList legend">
<li>
<span class="spriteLegenda"></span>strumenti
</li>
<li>
<span class="spriteLegenda"></span>informazioni aggiuntive
</li>
<li>
<span class="spriteLegenda"></span>chiudi la risorsa
</li>
<li>
<span class="spriteLegenda"></span>"centra" la risorsa
</li>
<li>
<span class="spriteLegenda"></span>apri l'URI della risorsa
</li>
<li>
<span class="spriteLegenda"></span>espandi tutte le relazioni visibili
</li>
<li>
<span class="spriteLegenda"></span>relazione diretta
</li>
<li>
<span class="spriteLegenda"></span>gruppo di relazioni dirette
</li>
<li>
<span class="spriteLegenda"></span>relazione inversa
</li>
<li>
<span class="spriteLegenda"></span>gruppo di relazioni inverse
</li>
<li>
<span class="spriteLegenda"></span>relazioni di tipo owl:sameAs
</li>
</ul>
</div>
</div>
</div>
</body>
</html>