Objectif de cet article : Créer un element Polymer pour mettre à jour un sparql endpoint (fuseki)
inspiration : https://www.youtube.com/watch?v=k1eR_3KqJms
premier test : sparql-statements (recupérer les infos RDF sur un serveur sparl / fuseki en utilisant iron-ajax)
serveur fuseki : http://rdf-smag0.rhcloud.com/
prérequis :
installation de nodejs, yeoman
Polymer propose polymer:seed, un element modèle servant d'exemple pour la création d'elements Polymer.
Au boulot on va créer un element "sparql-update"
sous l'invite de commande dos tapez :
yo polymer:seed sparql-update
complétez avec vos infos -6> un module modèle est créé dans votre repertoire.
Pour le lancer utilisez la commande : polyserve
Le nouvel element généré est accessible à l'adresse :
http://localhost:8080/components/sparql-update
quelques soucis parfois d'affichage, (un certain temps pour mettre à jour ? allez voir dans le fichier README.RD généré pour avoir différents liens et testez notamment celui-ci : http://localhost:8080/components/sparql-update/test/ ) , une page de tests devrait finir par s'afficher.
Ce qui nous intéresse, Thérèse , ensuite c'est le module lui-même, on utilisera deux pages :
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../iron-ajax/iron-ajax.html">
<!--
An element providing a solution to update sparql endpoint like Fuseki.
(https://github.com/scenaristeur/sparql-update)
Example:
<sparql-update></sparql-update>
Example:
<sparql-update>
<h2>Hello sparql-update</h2>
</sparql-update>
@demo demo/index.html
@hero hero.svg
-->
Nous avons maintenant un élement propre et on va pouvoir y mettre notre propre (ou sale ?) code
le mieux c'est de jeter un oeil au code
inspiration : https://www.youtube.com/watch?v=k1eR_3KqJms
premier test : sparql-statements (recupérer les infos RDF sur un serveur sparl / fuseki en utilisant iron-ajax)
serveur fuseki : http://rdf-smag0.rhcloud.com/
prérequis :
installation de nodejs, yeoman
Polymer propose polymer:seed, un element modèle servant d'exemple pour la création d'elements Polymer.
Au boulot on va créer un element "sparql-update"
sous l'invite de commande dos tapez :
yo polymer:seed sparql-update
complétez avec vos infos -6> un module modèle est créé dans votre repertoire.
Pour le lancer utilisez la commande : polyserve
Le nouvel element généré est accessible à l'adresse :
http://localhost:8080/components/sparql-update
quelques soucis parfois d'affichage, (un certain temps pour mettre à jour ? allez voir dans le fichier README.RD généré pour avoir différents liens et testez notamment celui-ci : http://localhost:8080/components/sparql-update/test/ ) , une page de tests devrait finir par s'afficher.
Ce qui nous intéresse, Thérèse , ensuite c'est le module lui-même, on utilisera deux pages :
- la page du module : http://localhost:8080/components/sparql-update/
- la page de demo accessible par le bouton "DEMO" en haut à droite
Laisser le terminal ou vous avez lancez polyserve ouvert et ouvrez un autre terminal pour installer l'element "iron-ajax" avec la commande :
bower install --save PolymerElements/iron-ajax
et incorperez cet element dans sparql-update.html avec : <link rel="import" href="../iron-ajax/iron-ajax.html"> juste après <link rel="import" href="../polymer/polymer.html">
supprimer les elements inutiles dans le modeles :
- dans le fichier sparql-update.html
.author dans template/style
et ne garder que "properties" dans la definition js de l'element :
il ne devrait vous rester plus que ceci :
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../iron-ajax/iron-ajax.html">
<!--
An element providing a solution to update sparql endpoint like Fuseki.
(https://github.com/scenaristeur/sparql-update)
Example:
<sparql-update></sparql-update>
Example:
<sparql-update>
<h2>Hello sparql-update</h2>
</sparql-update>
@demo demo/index.html
@hero hero.svg
-->
<dom-module id="sparql-update">
<template>
<style>
:host {
display: block;
box-sizing: border-box;
}
</style>
</template>
<script>
Polymer({
is: 'sparql-update',
properties: {
}
});
</script>
</dom-module>
Nous avons maintenant un élement propre et on va pouvoir y mettre notre propre (ou sale ?) code
On incorpore maintenant notre element "iron-ajax" qui va se charger d'effectuer la requete POST vers notre serveur Fuseki :
<iron-ajax/iron-ajaxauto
url=""
handle-as="json"
on-response="{{handleResponse}}"></iron-ajax>
<iron-ajax/iron-ajaxauto
url=""
handle-as="json"
on-response="{{handleResponse}}"></iron-ajax>
le mieux c'est de jeter un oeil au code
