Download 1. Introduction .........................................................

Projet ILRI : SVG Newspaper
}
else{
echo"</g>";
}
return $num;
}
9 Affichage des articles
Pour faire apparaître la fenêtre des articles, nous utilisons la translation. Nous créons
cette fenêtre hors de l’interface principale (avec des coordonnées négatives), de façon à ce
qu’elle ne soit pas visible à l’écran. Ensuite, lorsque l’utilisateur clique sur le bouton qui
permet d’afficher l’article, nous effectuons la translation, c’est-à-dire que les coordonnées de
la fenêtre changent pour se retrouver à l’intérieur de l’écran.
Nous avons utilisé aussi cette technique pour les rubriques, pour afficher les
informations sur les personnes qui ont participé à ce projet, ainsi que pour faire apparaître les
statistiques concernant les occurrences d’un terme dans un article.
Techniquement nous utilisons les balises de SVG pour déclencher une animation
simple, par un seul événement.
Exemple :
<animateTransform id="animFenetre" attributeName="transform"
from="-200" to="300" begin="0s" dur="1s" fill="freeze" />
type="translate"
Si cette animation doit se déclencher sur plusieurs événements nous utiliserons un
script EcmaScript. Ce script est détaillé dans la partie « A la découverte de SVG/Animations
et scripting).
9 Création des liens
Pour créer les liens entre les termes et les articles, nous avons utilisé les courbes de
Bézier. Ces courbes sont définies par 4 points :
Anthony Lecot / Antoine Cauchard : Crawling et Indexation
Julien Van Den Bossche / Benoît Moulin : Interface graphique
Page 31 sur 55