app_fr.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318
  1. <!DOCTYPE html>
  2. <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/">
  3. <head profile="http://www.w3.org/1999/xhtml/vocab">
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1" />
  6. <title property="dc:title">LodLive - browsing the Web of Data</title>
  7. <link rel="shortcut icon" href="favicon.png" />
  8. <link rel="icon" type="image/png" href="favicon.png" />
  9. <link rel="image_src" href="http://lodlive.it/img/logoLodLive.jpg" />
  10. <meta property="og:image" content="http://lodlive.it/img/logoLodLive.jpg" />
  11. <link property="dc:creator" href="http://purl.org/net/foaf:Person/diego-valerio-camarda" />
  12. <link property="dc:creator" href="http://purl.org/net/foaf:Person/silvia-mazzini" />
  13. <link property="dc:creator" href="http://purl.org/net/foaf:Person/alessandro-antonuccio" />
  14. <link property="dc:subject" href="http://dbpedia.org/resource/Semantic_Web" />
  15. <link property="dc:subject" href="http://dbpedia.org/page/Linked_Data" />
  16. <link property="dc:subject" href="http://dbpedia.org/resource/SPARQL" />
  17. <link property="cc:licence" href="http://www.opensource.org/licenses/mit-license.php" />
  18. <meta property="og:title" content="LodLive - browsing the Web of Data" />
  19. <meta property="og:description" content="LodLive &egrave; 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." />
  20. <meta property="dcterms:created" content="2012-04-25T13:00:00" />
  21. <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
  22. <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  23. <script>
  24. window.jQuery || document.write('<script src="js/jquery-2.0.3.min.js"><\/script>')
  25. </script>
  26. <script type="text/javascript">
  27. var _gaq = _gaq || [];
  28. _gaq.push(['_setAccount', 'UA-1940652-20']);
  29. _gaq.push(['_setDomainName', 'lodlive.it']);
  30. _gaq.push(['_trackPageview']);
  31. (function() {
  32. var ga = document.createElement('script');
  33. ga.type = 'text/javascript';
  34. ga.async = true;
  35. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  36. var s = document.getElementsByTagName('script')[0];
  37. s.parentNode.insertBefore(ga, s);
  38. })();
  39. </script>
  40. <script type="text/javascript">
  41. WebFontConfig = {
  42. google : {
  43. families : ['Open+Sans:400italic,700italic,800italic,300italic,600italic,400,300,600,800,700:latin']
  44. }
  45. };
  46. (function() {
  47. var wf = document.createElement('script');
  48. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  49. wf.type = 'text/javascript';
  50. wf.async = 'true';
  51. var s = document.getElementsByTagName('script')[0];
  52. s.parentNode.insertBefore(wf, s);
  53. })();
  54. </script>
  55. <script type="text/javascript" src="js/jquery-ui-1.9.2.min.js"></script>
  56. <link rel="stylesheet" href="js/jquery.fancybox/jquery.fancybox.css" type="text/css" media="all" />
  57. <link rel="stylesheet" href="css/lodlive.core.css?01" type="text/css" media="all" />
  58. <link rel="stylesheet" href="css/lodlive.profile.css?01" type="text/css" media="all" />
  59. <link rel="stylesheet" href="css/lodlive.app.css?01" type="text/css" media="all" />
  60. <script type="text/javascript" src="js/jquery.fancybox/jquery.fancybox.pack.js"></script>
  61. <script type="text/javascript" src="js/jquery.slimScroll.min.js"></script>
  62. <script type="text/javascript" src="js/jquery.json-2.3.min.js"></script>
  63. <script type="text/javascript" src="js/jquery.jsonp-2.4.0.min.js"></script>
  64. <script type="text/javascript" src="js/jquery.jstorage.js"></script>
  65. <script type="text/javascript" src="js/jquery.jcanvas.js"></script>
  66. <script type="text/javascript" src="js/jquery.doTimeout.js"></script>
  67. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  68. <script type="text/javascript" src="js/jquery.gmap3.js"></script>
  69. <script type="text/javascript" src="js/jquery.ThreeDots.min.js"></script>
  70. <script type="text/javascript" src="js/lodlive.profile.js?01"></script>
  71. <script type="text/javascript" src="js/lodlive.core.js?01"></script>
  72. <script type="text/javascript" src="js/lodlive.lang.js?01"></script>
  73. <script type="text/javascript" src="js/lodlive.utils.js?01"></script>
  74. <script type="text/javascript" src="js/lodlive.custom-lines.js?01"></script>
  75. <script type="text/javascript" src="js/lodlive.app.js?01"></script>
  76. <script type="text/javascript">
  77. $.jStorage.set('selectedLanguage', 'fr')
  78. </script>
  79. </head>
  80. <body>
  81. <div id="lang-en">
  82. <div id="lang">
  83. <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>
  84. </div>
  85. <div id="nextPage" class="spriteHome paginator"></div>
  86. <div id="prevPage" class="spriteHome paginator"></div>
  87. <div id="startPanel">
  88. <div id="logo" class="sprite"></div>
  89. <div id="boxes">
  90. <div id="firstLineBoxes"></div>
  91. <div id="boxesCont"></div>
  92. </div>
  93. <div class="startBoxMainText">
  94. <div style="height: 186px;">
  95. <p>
  96. Le projet LodLive fournit un exemple de l'usage qui peut être fait des standards du web sémantique (RDF, SPARQL) pour parcourir librement les ressources RDF. L'application a pour but de parcourir les données liées à l'aide d'une interface simple et accueillante qui fonctionne avec des techniques d'emploi courant.
  97. </p>
  98. </div>
  99. <p>
  100. <a href="https://github.com/dvcama/LodLive" target="_blank">TÉLÉCHARGER LodLive</a>
  101. </p>
  102. </div>
  103. <div class="startBoxMainTextPlain">
  104. <div>
  105. <p>
  106. Le principe qui sous-tend LodLive est notre intention de démontrer que les ressources publiées conformément à la norme W3C SPARQL sont faciles à atteindre et à comprendre, avec l'espoir que l'approche LodLive puisse donner envie aux Administrations publiques et aux propriétaires de données à grande échelle d'ajouter leurs ressources au LOD, afin de les partager. Vous pouvez commencer à naviguer en interrogeant le point d'accès (endpoint) d'une ressource spécifique, ou démarrer à partir de l'un des exemples URI déjà fournis.
  107. </p>
  108. </div>
  109. <p>
  110. <br />LodLive est composé d'un jQuery plug-in (lodlive-core.js), d'une carte de configuration JSON (lodlive-profile.js), d'une page HTML, de quelques images (sprites) et de quelques autres jQuery public plug-ins. C'est aussi simple que cela.<br /><br />
  111. </p>
  112. </div>
  113. </div>
  114. <div id="footer" style="top: 910px;">
  115. <div id="footerContainer">
  116. <div class="footerBox segnala">
  117. <h2>partagez</h2>
  118. <a class="tw spriteHomeEn" href="http://twitter.com/home?status=via+%40LodLive+-+%23lodlive+-+browsing+the+web+of+data" target="_blank" title="condividi su Twitter"></a><a class="fb spriteHomeEn" href="http://www.facebook.com/sharer.php?s=100&amp;p[title]=LodLive+-+browsing+the+web+of+data&amp;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.&amp;p[url]=http://lodlive.it&amp;&amp;p[images][0]=http://lodlive.it/img/logoLodLive.jpg" target="_blank" title="condividi su FaceBook"></a>
  119. <br />
  120. <br />
  121. <h2>suivez</h2>
  122. <a class="tw spriteHomeEn" href="https://twitter.com/#!/LodLive" target="_blank" title="segui su Twitter"></a><a class="fb spriteHomeEn" href="https://www.facebook.com/lodlive.browser" target="_blank" title="segui su FaceBook"></a>
  123. </div>
  124. <div class="footerBox" id="menu">
  125. <h2>menu</h2>
  126. <ul>
  127. <li>
  128. <a href="#what">Qu'est-ce que LodLive?</a>
  129. </li>
  130. <li>
  131. <a href="http://blog.lodlive.it">Blog/documentation</a>
  132. </li>
  133. <li>
  134. <a href="#faq">FAQ</a>
  135. </li>
  136. <li>
  137. <a href="#send">Indiquer un endpoint</a>
  138. </li>
  139. <li>
  140. <a href="#links">Liens utiles</a>
  141. </li>
  142. <li>
  143. <a href="#get">Télécharger</a>
  144. </li>
  145. <li>
  146. <a href="#credits">Crédits et contacts</a>
  147. </li>
  148. </ul>
  149. </div>
  150. <div class="footerBox">
  151. <h2>best experienced with</h2>
  152. LodLive ne dépend d'aucun composant coté serveur. Pour un bon fonctionnement de l'application, nous vous recommandons d'utiliser un browser de dernière génération.
  153. <div class="spriteHomeEn browsers" title="FireFox - Chrome - Safari - Opera"></div>
  154. </div>
  155. <div class="best">
  156. 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>
  157. <div class="license spriteHomeEn"></div>
  158. </div>
  159. </div>
  160. </div>
  161. <div id="faq" class="hd">
  162. <p>
  163. <strong>Pendant la navigation dans le graphe des données, comment savoir sur quel point d'accès je me trouve?</strong>
  164. Quand vous passer la souris sur la ressource, une fenêtre s'ouvre dans le coin inférieur gauche qui précise certaines caractéristiques, dont le point d'accès de la ressource.
  165. <br />
  166. <strong>Le système semble se figer quand j'ouvre certaines ressources, et avec IE il ne semble pas vouloir fonctionner.</strong>
  167. LodLive utilise pleinement la puissance de l'ordinateur qui y accède, et c'est cela qui nous a permis de développer une application qui n‘a besoin d'aucun composant coté serveur. L'application peut donc être utilisée immédiatement une fois qu'elle a été téléchargée.
  168. Nous vous recommandons d'utiliser un navigateur récemment mis à jour, par exemple opéra, Safari ou Google Chrome; FireFox fonctionne également,
  169. mais la navigation sera plus lente; par contre, actuellement Internet Explorer ne fonctionne pas avec l'application, car il n'est pas en mesure de gérer certaines des fonctions et caractéristiques particulières du javascript/html5 utilisé par LodLive.
  170. </p>
  171. </div>
  172. <div id="links" class="hd">
  173. <p>
  174. <strong>Au sujet de SPARQL</strong>
  175. <br />
  176. <a href="http://www.w3.org/TR/rdf-sparql-query/" target="_blank">www.w3.org/TR/rdf-sparql-query</a>
  177. <br />
  178. <br />
  179. <strong>Concernant les normes et standards du web sémantique</strong>
  180. <br />
  181. <a href="http://www.w3.org/RDF/" target="_blank">www.w3.org/RDF</a>
  182. <br />
  183. <a href="http://www.w3.org/standards/semanticweb/" target="_blank">www.w3.org/standards/semanticweb</a>
  184. <br />
  185. <a href="http://www.w3.org/DesignIssues/LinkedData.html" target="_blank">www.w3.org/DesignIssues/LinkedData.html</a>
  186. <br />
  187. <br />
  188. <strong>Un tutoriel sparql fait pour le groupe de travail du w3c se trouve à</strong>
  189. <br />
  190. <a href="http://www.cambridgesemantics.com/it/semantic-university/sparql-by-example"
  191. target="_blank">www.cambridgesemantics.com/it/semantic-university/sparql-by-example</a>
  192. <br />
  193. <br />
  194. </p>
  195. </div>
  196. <div id="get" class="hd">
  197. <p>
  198. LodLive est disponible sur GitHub <a href="https://github.com/dvcama/LodLive" target="_blank">https://github.com/dvcama/LodLive</a>
  199. </p>
  200. </div>
  201. <div id="credits" class="hd">
  202. <p>
  203. <strong>Les personnes qui ont participé à la crèation du projet sont</strong>
  204. <br />
  205. <span itemscope itemtype="http://data-vocabulary.org/Person"><span itemprop="name">Diego Valerio Camarda</span> (diego@lodlive.it), <span itemprop="name">Silvia Mazzini</span> (silvia@lodlive.it) e <span itemprop="name">Alessandro Antonuccio</span> (ale@lodlive.it)</span></span>
  206. <br />
  207. <br />
  208. On doit à Diego le développement de l'app; Silvia a établi le contour général et Alessandro a mis au point la conception de l'interface. Le groupe s'est partagé le travail lors d'échanges quotidiens, et il est difficile de préciser les contours de la participation de chacun dans le cadre de cette collaboration étroite.
  209. <br /><br />
  210. Un grand merci à Pierre Laurent pour la version française du texte!
  211. <br />
  212. <br />
  213. Pour toutes informations et contacts: info@lodlive.it.
  214. </p>
  215. </div>
  216. <div id="send" class="hd">
  217. <p>
  218. Il est possible de signaler un endpoint à info@lodlive.it afin que celui-ci puisse être introduit dans l'application et devienne disponible à lodlive.it.
  219. <br />
  220. Généralement les meilleurs résultats sont obtenus avec des ensembles de données ayant des propriétés owl:sameAs vers d'autres ressources disponibles sur les endpoints SPARQL. Il est important de fournir le plus d'informations possible sur les ressources existantes dans le point d'accès, ainsi que sur les spécificités du dataset. On peut configurer LodLive de façon spécifique pour représenter de la meilleure façon possible les thèmes sur lesquels il est appelé à naviguer.
  221. </p>
  222. </div>
  223. <div id="what" class="hd">
  224. <p>
  225. LodLive est un projet expérimental qui a été mis en place dans le but de diffuser et de promouvoir la philosophie des linked-open-data et de créer un outil qui puisse être utilisé pour associer les fonctionnalités d'un navigateur RDF à l'efficacité de la représentation graphique de données.
  226. <br />
  227. LodLive est le premier navigateur à utiliser les ressources RDF qui soit uniquement basées sur des endpoints SPARQL.
  228. <br />
  229. LodLive vise à démontrer comment les ressources publiées par les normes et standards du W3C pour le web sémantique peuvent être rendues facilement accessibles et lisibles avec les instruments adéquats.
  230. <br />
  231. LodLive est en mesure de relier les ressources qui se trouvent dans les endpoints qui y sont configurés, permettant à l'utilisateur de passer d'un endpoint à l' autre en faisant usage des capacités d'interconnexions caractéristiques des LOD.
  232. </p>
  233. </div>
  234. <div class="help hd">
  235. <div>
  236. <h2>Aide</h2>
  237. <p>
  238. <a href="http://www.youtube.com/embed/BQ9Ckh2ov-c?rel=0" class="sprite videoHelp"></a>
  239. </p>
  240. <p>
  241. Ici, vous pouvez suivre les connexions directes et inverses fournies par la ressource en vous déplaçant librement d'un « cercle » aux autres.
  242. </p>
  243. <p>
  244. Chaque nouvelle ressource qui s'ouvre guidera l'utilisateur vers toutes celles qui s'y rapportent, reliant de façon automatique le nouveau « cercle » à ceux qu'il a déjà ouvert.
  245. </p>
  246. <p>
  247. Chaque fois qu'une propriété owl:sameAs est atteinte en cours de navigation, LodLive se connecte à l'endpoint qui s'y réfère, ce qui permet à l'utilisateur d'atteindre les nouvelles ressources disponibles sans quitter son environnement de navigation.
  248. </p>
  249. </div>
  250. </div>
  251. <div class="legenda hd">
  252. <div>
  253. <h2>SYMBOLE DE LÉGENDE</h2>
  254. <ul class="optionsList legend">
  255. <li>
  256. <span class="spriteLegenda"></span>outils
  257. </li>
  258. <li>
  259. <span class="spriteLegenda"></span>afficher des informations <br><span></span> supplémentaires
  260. </li>
  261. <li>
  262. <span class="spriteLegenda"></span>fermer le cercle
  263. </li>
  264. <li>
  265. <span class="spriteLegenda"></span>focus sur le cercle
  266. </li>
  267. <li>
  268. <span class="spriteLegenda"></span>ouvrir l'URI de la ressource
  269. </li>
  270. <li>
  271. <span class="spriteLegenda"></span>développez toutes les relations <br><span></span> visibles
  272. </li>
  273. <li>
  274. <span class="spriteLegenda"></span>relation directe
  275. </li>
  276. <li>
  277. <span class="spriteLegenda"></span>groupe de relations directes
  278. </li>
  279. <li>
  280. <span class="spriteLegenda"></span>relation inverse
  281. </li>
  282. <li>
  283. <span class="spriteLegenda"></span>groupe des relations inverses
  284. </li>
  285. <li>
  286. <span class="spriteLegenda"></span>relation owl:sameAs
  287. </li>
  288. </ul>
  289. </div>
  290. </div>
  291. </div>
  292. </body>
  293. </html>