01net. web avec Google
Actualité informatique
Test comparatif matériel informatique
Jeux vidéo
Astuces informatique
Vidéo
Télécharger
Services en ligne
Forum informatique
01men
01net Pro Entreprise informatique
Cartographiez un site avec Inxight Star Tree Studio
L'environnement de développement d'applications Inxight Star Tree Studio modélise l'information sous la forme d'arbres hyperboliques. Cet outil aide à créer une interface de navigation visuelle dans les sites internet.

Denis Rebaud , Internet Professionnel (n° 67), le 01/09/2002 à 00h00

La technique des arbres hyperboliques (hyperbolic trees) a été conçue à l'origine par le Palo Alto Research Center, dont est issue la société Inxight. Son principe repose sur une croissance exponentielle du nombre d'informations affiché en fonction de l'éloignement du centre de l'arbre. Elle se prête à des applications de visualisation d'informations hiérarchisées en 2D, telles que la cartographie d'un site web.

1 - Installez Star Tree Studio

La technologie Star Tree servira ici à localiser rapidement la page de téléchargement du logiciel, disponible en version d'évaluation. Ce sera l'occasion de découvrir une ergonomie plutôt étonnante et originale [voir figure ci-contre] en forme d'arborescence. Dans un navigateur, ouvrez la page d'accueil de l'éditeur ( inxight.com ) et cliquez sur l'icône " Use Star Tree to Navigate This Site ".

Localisez le noeud " Trial Copy " en suivant le chemin " Desktop Products>Start Tree Studio ". Double cliquez sur " Trial Copy " et remplissez le formulaire d'enregistrement pour recevoir, par e-mail , le lien de téléchargement de l'assistant d'installation. Il suffit ensuite de se conformer au scénario de l'assistant pour mettre en place le logiciel.

2 - Créez votre premier arbre

Vous allez maintenant créer une cartographie du site d'Inxight. Ouvrez l'application (" Démarrer>Inxight Star Tree Studio>Star Tree Studio "), puis acceptez l'invitation vous proposant la création d'un nouveau projet. Précisez son nom (par exemple " Inxight ") et l'emplacement où il sera mémorisé. Sélectionnez ensuite l'option de création sur " Crawling a Web site " et cliquez sur le bouton " Suivant ".

Précisez comme URL l'adresse du site de l'éditeur, inxight.com . Laissez les autres réglages par défaut dans les écrans suivants. La récupération des pages du site démarre immédiatement après la validation. Une fois ce travail terminé, l'application vous propose de créer directement l'arbre contenant les titres et les liens trouvés. Refusez cette demande afin d'ajouter des images au projet.

3 - Ajoutez des images au projet

Cliquez avec le bouton droit sur le répertoire " Thumbnails " puis sur l'option " Copy into Project " du menu contextuel. Sélectionnez le fichier " Mesa " parmi ceux qui sont proposés par défaut. Recommencez la même opération avec le répertoire " Icons " et choisissez l'image " Globe ".

Star Tree Studio organise sous forme arborescente les ressources qui composent un projet. Il peut s'agir d'arbres, d'icônes, de vignettes (thumbnails) rattachées à des noeuds, ainsi que d'autres informations qui automatisent la construction de ces arbres à partir de sites existants (crawling) ou de fichiers de données tabulaires (import) .

4 - Retouchez l'arbre

Sélectionnez la ressource " Crawl1 " puis cliquez sur le bouton " Convert ". Dans le formulaire qui s'affiche, saisissez comme nom d'arbre " Inxight " et validez directement avec le bouton " Terminer ". Ouvrez ensuite avec Star Tree Designer l'arbre créé en double cliquant sur son nom (" inxight.stf "). Dans le menu contextuel associé au noeud " Inxight Products ", cliquez sur l'option " Node attribute ". Modifiez ensuite l'icône et la vignette, ainsi que la couleur de fond. Ces attributs sont spécifiques au noeud modifié. Cliquez dans la barre d'outils verticale sur le bouton " Label/Tooltips Entry Mode " et modifiez le label des noeuds.

Le texte saisi dans le champ " Tooltips " apparaîtra sous forme de bulle lors du passage de la souris sur le noeud associé. Vous pouvez ajouter de nouveaux noeuds, insérer le contenu d'autres arbres, etc. Pour éviter d'avoir à refaire ce travail de retouche en cas de restructuration du site, une astuce consiste à gérer les attributs de tous les noeuds dans un fichier Ascii délimité, qu'il suffira ensuite d'importer dans le projet en un seul clic de souris. Pour synchroniser encore plus facilement l'arbre avec un site dynamique, ce fichier peut être généré par une base de données ou le système de gestion de contenu correspondant. Mais cela exige un peu de programmation.

5 - Publiez l'arbre

La mise en ligne se fait par la commande " Project |Publish ". Lors de la première publication avec l'assistant, cochez les cases " Web Pages Prototypes " et " Star Tree Applet ". Dans l'écran suivant, précisez si l'arbre doit s'afficher dans sa propre fenêtre ou dans un cadre. Sélectionnez ensuite le mode de transfert des fichiers (via FTP ou copie directe dans un répertoire à spécifier). Vous pouvez ensuite retoucher la page prototype générée avec votre éditeur HTML habituel pour lui appliquer la charte graphique du site et changer les nombreux paramètres de l' applet .

6 - Procédez autrement

Il n'existe pas d'autres produits commerciaux qui s'appuient sur les arbres hyperboliques car Inxight a verrouillé son logiciel par des brevets américains. En revanche, ceux-ci ne s'appliquant pas encore en France, vous pouvez utiliser Hypertree ( hypertree.sourceforge.net ) ou Treebolic ( treebolic.sortilege.net ), deux librairies Java issues du monde libre qui méritent vraiment d'être examinées de près avant d'opter pour Inxight. Dans le même esprit, TouchGraph ( touchgraph.com ) concurrence ouvertement TheBrain ( thebrain.com ) pour des informations non hiérarchiques.

D'autres logiciels exploitent des approches différentes pour visualiser de gros volumes d'informations, comme Thinkmap ( thinkmap.com ), Fractal:Edge ( fractaledge.com ) ou encore Elastictech ( elastictech.com ).En conclusion, Star Tree Studio se révèle rapide à mettre en oeuvre et très simple d'emploi. Si le contenu du site évolue fréquemment, il est judicieux de développer un script réservé à l'administrateur pour générer automatiquement les attributs de l'arbre hyperbolique à partir du contenu du site. Rappelons enfin que les applications possibles ne se limitent pas à la navigation de site web, mais peuvent toucher également d'autres domaines comme la gestion de connaissances.

Les outils utilisés

Système d'exploitation Windows 32 bits

La version d'évaluation d' Inxight Star Tree Studio

Navigateur supportant Java (par exemple IE 5.5 ou Netscape 4 et versions supérieures)


Pour en savoir +

inxight.com

Site de l'éditeur du logiciel Star Tree Studio.

http://hypertree.sourceforge.net

http://treebolic.sortilege.net

Librairies Java directement inspirées d'Inxhight. Elles peuvent être utilisées dans les pays non concernés par les brevets d'Inxight, comme la France.

thinkmap.com

Cette solution ne se limite pas aux arbres hiérarchiques, ce qui ouvre de nouvelles perspectives, notamment en gestion de connaissances (thesaurus, etc.).

fractaledge.com

La société Fractal:Edge propose une alternative aux arbres hyperboliques, avec une visualisation progressive des informations.

elastictech.com

Applet Java capable de visualiser une grande quantité d'informations hiérarchiques (plus de 10 000 noeuds). Ses performances soutiennent la comparaison avec Inxight.

petillant.com

Site dédié au mind mapping , une technique dont les schémas en étoile ressemblent aux arbres hyperboliques. Explique aussi l'intérêt de la couleur et des images au niveau ergonomique.



Le site d'Inxight visualisé sous forme de Star TreeChaque rectangle coloré (appelé noeud) représente une page du site. Lorsqu'on clique sur un noeud, celui-ci vient se placer au centre de la fenêtre tandis que l'arbre se réorganise dynamiquement autour de lui. Un double clic sur un noeud ouvre directement l'URL associée.

L'arbre en cours de retoucheL'apparence de chaque noeud est paramétrable individuellement (icône, couleur de fond, etc.). L'ajout d'images sous forme de vignettes peut contribuer efficacement à la navigation.

Le projet une fois le crawl terminéL'ergonomie de Star Tree Studio est similaire à celle d'une console MMC (Microsoft Management Console) : les tâches associées aux ressources organisées sous forme arborescente sont accessibles via des menus contextuels.

Avira
Connaissez-vous l'antivirus professionnel au parapluie rouge ?

publicité
REGISTRYBOOSTER
Diagnostic gratuit des erreurs de registre de votre PC

classement FAI
Retrouvez chaque semaine le classement des fournisseurs d'accès avec ip-label 1 Numericable2 Darty câble 30Mbps3 Orange > Plus de détails
Espace Emploi

Recherche express

Kaspersky Pure:
La protection ultime de votre quotidien numérique.