Skip to content
Le Glossaire sur l'Eau et les Milieux Aquatiques met à disposition du public des définitions sur les thématiques de l'eau et des milieux aquatiques afin de faciliter leur compréhension par le plus grand nombre.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
dist
node_modules
src
demo.html
package-lock.json
package.json
readme.md

readme.md

Glossaire Eau et les Milieux Aquatiques

Cliquez ici pour voir la démonstration

Le Glossaire sur l'Eau et les Milieux Aquatiques diffuse, en libre accès, les définitions de plus de 1400 termes sur l'eau et la biodiversité aquatique, en français, anglais et espagnol, pour faciliter la compréhension de ces termes par le plus grand nombre.

Il est :

  • consultable en ligne et téléchargeable sous différents formats (HTML, PDF, ASCII, JSON, RDF-XML, OWL) ;
  • collaboratif car tout internaute peut soumettre une demande de modification ou d’ajout de termes ;
  • partagé car son contenu est mis à disposition de tous, et paramétré pour pouvoir alimenter automatiquement d’autres sites web ;
  • construit selon les standards du web sémantique (RDF, SKOS, SPARQL, …) permettant ainsi de diffuser des informations structurées et optimisées pour des utilisations plus efficaces et des réutilisations automatisées par des moteurs de recherche et des sites Internet ;
  • lié à d’autres bases de connaissances (telles que le thésaurus eau, le thésaurus GEMET, …) afin de réaliser des agrégations de contenus provenant de différentes sources.
  • réutilisable sur le web via l'intégration du script Glosssaire Eau et les Milieux Aquatiques

Comment ça marche

Vous souhaitez intégrer le Glossaire sur l'Eau et les Milieux Aquatiques dans votre site web ? Rien de plus simple !

Copiez le code suivant et insérez le dans le header ou footer de votre site web :

<script type="text/javascript" id="_geaujs" data-target="" data-exclude="" src="https://cdn.jsdelivr.net/npm/glossaire_auto/dist/glossaire_eau.js"></script>

Par défaut, le traitement des mots et l'affichage des définitions s'effectuera sur la totalité de la page web.

Pour cibler une ou plusieurs parties de la page, vous pouvez remplir l'attribut data-target présent dans le code à intégrer. De la même façon, vous pouvez exclure des parties de la page où vous ne voulez pas voir apparaître de définitions, en remplissant l'attribut data-exclude.

Les paramètres à passer dans ces deux attributs sont des sélecteurs CSS. Plusieurs valeurs sont possibles en les séparant par des barres verticales.

Exemple

Prenons en exemple le HTML suivant :

<div class='main-content'>
  Le SAGE (Schéma d'aménagement et de gestion des eaux), outil de planification locale...
  <div class='buttons'><a href="#">Modifier</a> / <a href="#">Supprimer</a></div>
</div>

Si nous voulons cibler le contenu principal mais exclure les boutons/menus présents dans la page, il faudra que data-target contienne .main-content et que data-exclude contienne .buttons :

<script type="text/javascript" id="_geaujs" data-target=".main-content" data-exclude=".boutons" src="https://cdn.jsdelivr.net/npm/glossaire_auto/dist/glossaire_eau.js"></script>

Vous pouvez cibler/exclure plusieurs parties de la page en séparant les valeurs par des barres verticales, par exemple :

<script type="text/javascript" id="_geaujs" data-target=".main-content|#front" data-exclude=".boutons|.menu .entry" src="https://cdn.jsdelivr.net/npm/glossaire_auto/dist/glossaire_eau.js"></script>

Vous pouvez également exclure des mots grâce à l'attribut data-blacklist et en les séparant par des barres verticales :

<script type="text/javascript" id="_geaujs" data-target=".main-content|#front" data-blacklist="port|laisse|pression" src="https://cdn.jsdelivr.net/npm/glossaire_auto/dist/glossaire_eau.js"></script>

Procédure compilation (build)

Le plugin peut être compilé grâce à deux outils : Browserify et UglifyJS, tous deux fonctionnant grâce à NPM. Si vous ne l'avez pas déjà fait, il va donc falloir installer ce dernier, vous trouverez les instructions sur cette page : https://www.npmjs.com/get-npm

Une fois NPM installé, vous pouvez installer Browserify et UglifyJS grâce aux commandes suivantes :

npm install browserify -g 
npm install uglify-js -g

Tout est prêt pour pouvoir compiler le plugin. Placez vous dans le répertoire du plugin et exécutez la commande suivante :

browserify src/glossaire.js | uglifyjs > dist/glossaire_eau.js

Cette commande permet de compiler tout le projet dans un seul fichier Javascript (glossaire_eau.js), qui est appelé par le navigateur client pour afficher les définitions.

Crédits

Copyright (C) 2019 OIEau

Le logiciel est distribué sous la licence CC BY 3.0 FR.

You can’t perform that action at this time.