S'identifier - S'inscrire - Ecrire un article - Contact

Arbracadabra ! pour afficher en arbre vos mots-clés

Par Stephane • Actualités • Samedi 12/04/2008 • 39 commentaires  • Lu 610 fois • Version imprimable

Mots-clés : , , ,

Voici les formules magiques pour afficher vos mots-clés sous forme d'arbre (plus exactement sous forme de listes encastrées).

Ces formules fonctionnent lorsque vous avez défini une arborescence de vos mots-clés, via le menu déroulant "Dépend de" du formulaire d'ajout/modification des textes. Ce "Dépend de" permet de dire quel texte est le "parent" du texte que l'on modifie.

(commandes à taper sans les espaces entre les crochets)

Première nouveauté : un filtre pour sélectionner seulement les ascendants ou seulement les descendants d'un mot-clé :

[ [afficher les mots-clés] ].[ [>Bloc] ] : ascendants de Bloc



[ [afficher les mots-clés] ].[ [>=Bloc] ] : Bloc + ascendants de Bloc



[ [afficher les mots-clés] ].[ [<Bloc] ] : descendants de Bloc



Deuxième nouveauté : affichage sous forme d'arbre. C'est un choix d'affichage (comme les nuages), qui peut se combiner avec tous les filtres.

[ [afficher les mots-clés] ].[ [<=administration] ].arbre : descendants de Administration, sous forme d'arbre



L'arbre peut être limité à un certain nombre de niveaux.

[ [afficher les mots-clés] ].[ [<=administration] ].arbre.2 : descendants de Administration, sous forme d'arbre, avec seulement 2 niveaux



Troisième nouveauté : choix d'affichage en taille normale ou proportionnelle (si rien n'est précisé, c'est le choix du menu Site qui s'applique).
(dédicace spéciale à jlb)

[ [afficher les mots-clés] ].[ [<=administration] ].arbre.2.taille_normale



[ [afficher les mots-clés] ].[ [<=administration] ].arbre.2.taille_proportionnelle



Quatrième nouveauté : affichage sous forme d'arbre dynamique. Un peu de javascript par dessus les listes encastrées, et pouf.
(dédicace spéciale à Fix)

[ [afficher les mots-clés] ].[ [<=administration|<=viabloga] ].arbre_dynamique



D'autres articles sur des thèmes similaires :

Commentaires

Héhé ! par Fix le Dimanche 13/04/2008 à 00:16

Fix Trop fort le Stéphane

Et merci pour la dédicace, que je dédie à tous les Viablogueurs (et à ma maman, au réalisateur, au chef éclairagiste, au chef marketing des objets dérivés, au leblase, au producteur exécutif, au cadreur, au lampiste, et ... pardon si j'en oublie)

| [^] | Répondre
Re: Héhé ! par leblase le Dimanche 13/04/2008 à 00:31

Heureusement que t'as retenu tes larmes!
Sur le fond par contre j'ai rien retenu, mais je soupçonne que ça pourrait aider un autre blog, comme monblogchiant.

| [^] | Répondre
j'ai pas bien tout compris par isabelle le Dimanche 13/04/2008 à 12:32

isabelle J'ai l'impression qu'il y a un bins dans la mise à jour d'une liste descendants en arbre si on en déplace un :
Menu administrateur rg2 était un fils de Administration rg1, il se trouvait donc dans la liste que tu avais afficher [<=administration]
J'ai passé Administration en fils de Jardinage (pour les mots-clés en attente, parce que je sais pas bien où je vais le caser après...) Il se retrouve donc en rg2. Par contre j'ai sorti Menu administrateur de ses fils, qui est devenu un mot-clé parent, donc de rg1, et qui n'a plus rien à voir avec Administration (euh, pour le moment en tout cas...). Il est resté dans ta liste de départ, chacun au bon rang tu me diras, mais ça fausse la liste quand même : il ne devrait y avoir que les fils de Administration.


Et où ça se complique encore plus, c'est pour l'affichage des fils d'Administration limité à deux niveaux :

Les niveaux sont comptés à partir du départ non pas du mot-clé désigné, mais du premier rang des mots-clés.

Voili, voilou, c'était juste la pause - apéritif du dimanche :-)

| [^] | Répondre
Re: j'ai pas bien tout compris par isabelle le Dimanche 13/04/2008 à 12:47

isabelle aille, après la ligne de code, il y a forcément une interligne et ça bouffe la marge des lignes suivantes.

| [^] | Répondre
Re: j'ai pas bien tout compris par Stephane le Dimanche 13/04/2008 à 13:46

Stephane C'est corrigé.

| [^] | Répondre
Arbre dynamique ?! par Jean-Luc le Dimanche 13/04/2008 à 13:22

Jean-Luc Euh, Stéphane ou Fix-le-dédicacé, vous pourriez nous expliquer la quatrième nouveauté ?

| [^] | Répondre
Re: Arbre dynamique ?! par Fix le Dimanche 13/04/2008 à 15:33

Fix L'arbre dynamique, c'est juste une présentation commode et astucieuse : on a toujours besoin de voir ; pour comprendre, pour naviguer, explorer ; pour préparer de fuctures actions. Le mode d'emploi (cliquer pour déplier-replier) est particulièrement simple. La présentation est adaptée à des environnements où l'utilisateur manque parfois d'espace sur son écran (ou n'a pas envie de trop manipuler l'ascenseur) : "replier" est vraiment pratique.

L'arbre dynamique, Ça ne sert pas (pas encore) à agir sur l'arborescence (déplacer, renommer, etc.).

L'arbre dynamique, ça serait "très commode" WOW WAWAOUUUUUUUUU (l'ai-je bien dit ?) si de plus cela permettait des actions.

| [^] | Répondre
Re: Arbre dynamique ?! par Jean-Luc le Dimanche 13/04/2008 à 15:53

Jean-Luc Je posais la question car sur mon navigateur il ne se passait rien mais maintenant c'est opérationnel. Quelque chose de changé entretemps ?

C'est effectivement déjà commode et astucieux.

Quelles actions envisage(rai)s-tu ? Déplacer, renommer, etc. c'est bien cela ?  En fonction des droits, je suppose ?

| [^] | Répondre
Re: Arbre dynamique ?! par Fix le Dimanche 13/04/2008 à 18:00

Fix Déplacer, renommer, créer, détruire ... bref les fonctionnalités que l'on trouve dans toute manip' de fichier.

Si l'on pousse plus loin  l'analogie, des "droits" comme ceux attribués avec une commande chmod (gestion de fichiers sous Unix) seraient, à chaque endroit de l'arborescence (noeud de l'arborescence <--> dossier dans une gestion de fichiers, feuille <--> fichier),  :

• 0 : que dallle
• r : lire (read)
• w : écrire (write)
• x : exécuter (execute)

Et bien sûr selon la qualification de l'utilisateur. Dans une gestion classique (Unix) de fichiers, les utilsateurs sont classés selon :

• u : "propriétaire" (user)
• g : groupe (group)
• o : les autres (other)
• a : tous (all)

Une gestion de droit pour "nos" arborescences devrait être ... un peu différente d'une gestion Unix. Parce que ...
• Il faut prévoir (comme les nodes dans le DOM) que les noeuds puissent être de différents types (par ex., pas seulement "dossier" ou "fichier" mais aussi  métadonnées, etc.). Si on commence à parler DOM ... il faudrait une DTD. Si, si ! (héhé ... enfin un endroit documenté de Viabloga ... )
• Il faut trouver une interface admin' simple (par ex., un "calculateur de droits" inspiré de celui-ci).
• Ce serait assez amusant de voir quel serait l'équivalent de dossiers et fichiers "alias", "virtual", etc.

Nota : métadonnées. Une des trucs les plus méga-super-über-puissants pour utiliser des arborescences. Il est important de prévoir l'utilisation (rechercher, visualiser, attribuer / modifier) de métadonnées dans l'arborescence.

Nota : j'ai cité une possible analogie avec le DOM, dans la construction d'une arborescence. Une autre analogie serait dans l'exploration d'une arborescence. Et un langage ... pour faire tout cela. Javascript ...

Nota : les arbo, c'est un vieux vieux truc en maths et informatique. Avec un peu de chance on devrait trouver des bidules (notamment en javascript) tout-prêts-yapluka-adapter.

| [^] | Répondre
Re: Arbre dynamique ?! par Jean-Luc le Lundi 14/04/2008 à 15:14

Jean-Luc Cette réponse m'avait échappé hier, je te prie de m'en excuser.

Autant la mise en oeuvre que tu évoques m'apparaît un peu effrayante (et en tout illusoire à imaginer ici), autant je saisis bien les enjeux. C'est tout le problème que pose Labosonic, me semble-t-il.

Quoi qu'il en soit, je rêve d'un tel "calculateur de droits" qui puisse être appelé à la volée pour s'appliquer par rapport à tout contenu vis à vis de son/ses auteur(s) et autres concernés (lecteurs, commentateurs, votants...).

| [^] | Répondre
Stéphane-Modifieur-De-Modèles-Sans-Le-Dire :-) par Fix le Dimanche 13/04/2008 à 16:38

Fix • Excellent, ce script qui permet de déplier / replier l'arborescence.
• On voit le script (l'appel du script, très bonne bibliothèque jquery) dans le source de la page. Mais ... il n'y a pas de script dans le modèle. Ni dans l'article. Ah.
• C'est donc (fine deduxion, comme on dit chez Gotlib et leblase) que lorsque le serveur Viabloga trouve arbre_dynamique,il ajoute ingénieusement l'appel de script dans le modèle, avant le rendering de la page par le modèle. Ou "comme si".
• Seule la page où il y a arbre_dynamique  (dans un article, un texte, un commentaire, pas dans un "bloc HTML") voit son modèle modifié.


C'est la première fois que je vois un modèle se faire ... entortiller de la sorte.
Y a t-il d'autres cas ?

• Ce serait bien de documenter ce genre de trucs "qui modifient dynamiquement le modèle" ...
• On pourrait penser que ce serait un outil commode pour les personnes qui construisent ou améliorent des modèles. Encore faut-il que les "trucs" soient documentés, et qu'un verbe Viabloga permette d'y accéder.

Autres questions :

• Si Stéphane avait modifié le modèle (en ajoutant quelques lignes de script / appel de script) pour en faire "modèle personnel Maui avec jQuery" ... ?
• Si des utilisateurs mettent du javascript dans leurs modèles / contenus, ET utilisent arbre_dynamique (qui engendre un appel "invisible" au script jQuery), y a t-il des risques de conflit ?


| [^] | Répondre
Re: Stéphane-Modifieur-De-Modèles-Sans-Le-Dire :-) par Jean-Luc le Dimanche 13/04/2008 à 16:52

Jean-Luc Normalement, c'est ce qui devait aussi fonctionner sur iThème, du moins le modèle original, pour le dépliement/repliement des blocs dans les colonnes latérales, à l'envie de l'internaute qui consulte le site. Non ?

| [^] | Répondre
Re: Stéphane-Modifieur-De-Modèles-Sans-Le-Dire :-) par Fix le Dimanche 13/04/2008 à 18:14

Fix Moi pas piger. Toi replier quoi ?????

Moi blablater (comme d'hab) : Un script devrait pouvoir agir sur la visibilité et l'empilement des blocs dans une colonne. Il s'agit de script, non de trucs "built in" dans le modèle. Ou alors c'est du CSS extrasuperdémentiel.

| [^] | Répondre
Re: Stéphane-Modifieur-De-Modèles-Sans-Le-Dire :-) par mitra le Dimanche 13/04/2008 à 22:11

Fix,
Pour piger clique sur le petit rond vert à droite des blocs de droite sur ce site:-)

| [^] | Répondre
Re: Stéphane-Modifieur-De-Modèles-Sans-Le-Dire :-) par isabelle le Dimanche 13/04/2008 à 22:39

isabelle Très bonne idée !

| [^] | Répondre
Joli, bien sûr. Utile ? par Fix le Lundi 14/04/2008 à 00:12

Fix Comme il est signalé dans la page Le thème iTheme - de l’ajax (?) pour vos lecteurs !, "on se demande quel est l’intérêt pour l’utilisateur d’un blog d’avoir tout ces gadgets (...) ".

Supposons qu'on perfectionne "notre" iTheme pour que les blocs se minimisent / reviennent à leur taille d'origine, puissent être cliqués-déplacés dans leur colonne :
• Comment l'utilisateur saura t-il que toutes ces jolies choses sont à sa disposition ? Faudrait-il "écrire en dur" dans la page d'accueil : "si vous cliquez ... etc." ?
• Quelle est l'utilité pour l'utilisateur ?

Il y a sans doute (je n'en doute pas) des utilités à trouver.  Allons, Viabloguistes, un petit effort d'imagination !

Et dans les trucs jolis (tout est affaire de goût ...), il y a plein de choses possibles. Par exemple, ce menu "à la Dock" (suivre le lien "View Demo") proposé chez nDesign (initiateurs de iTheme). Alors, WOW ou pas ?

Nota : ce Dock animé est aussi (comme l'arborescence dynamique de mots-clés) basé sur jQuery. Si ça continue comme ça, il faudra mettre jQuery en standard dans les modèles VB :-)

| [^] | Répondre
Re: Joli, bien sûr. Utile ? par Jean-Luc le Lundi 14/04/2008 à 03:42

Jean-Luc Là, tu me surprends un peu.

Quelle est l'utilité pour l'utilisateur ?
On sait que pour l'internaute qui surfe, quand il débarque sur un site, tout se joue sur la partie affichée et donc visible de la page qu'il découvre. Ainsi, des blocs présents dans les colonnes latérales, il ne voit le plus souvent que les premiers - et des articles publiés, que le dernier. Tout ce qui impose l'usage des ascenceurs est la plupart du temps ignoré. Avec ce dispositif de pliage/dépliage, si tous les blocs sont par défaut repliés, le visiteur peut ainsi découvrir toutes les ressources du site (d'où l'importance de bien les titrer) et il ne déplie que ce qui l'intéresse, pour en découvrir le contenu.



S'il ne déplie qu'un bloc à la fois, il peut rester sur la page d'arrivée. De même pour les articles : si on n'affichait que les titres et sous-titres et le contenu uniquement en dépliage, on pourrait avoir plusieurs articles affichés sur la page d'arrivée, à découvrir sur cette même page d'arrivée sans changer de page.

Pas besoin de mode d'emploi : il découle de la présentation.

Cela peut bousculer un peu les habitudes des auteurs de blogs omnipotents sur ce qu'ils donnent à voir et évidemment très attachés au contenu qu'ils ont mis tant de soins à produire, alors accepter que ce contenu soit replié, seulement titré, voire réorganisé par le visiteur, un comble ! Seulement cela ne vaut-il pas mieux qu'un visiteur qui passe à côté, qui passe tout court, tout simplement parce qu'il n'a rien vu, ou si peu, pas assez en tout cas pour le retenir et l'inciter au moins à en découvrir plus, progressivement, aisément, à sa guise ?

Pour moi, arriver sur un site qui m'offrirait ces latitudes, ce serait le signe que l'on se préoccupe de mon confort d'usager.

| [^] | Répondre
Re: Joli, bien sûr. Utile ? par Jean-Luc le Lundi 14/04/2008 à 04:07

Jean-Luc Un peu dans le même esprit que CSS Dock, ce service de portfolio numérique.

| [^] | Répondre
Re: Joli, bien sûr. Utile ? par Stephane le Lundi 14/04/2008 à 08:51

Stephane Très impressionnant ce dock animé, merci pour le lien.

| [^] | Répondre
Re: Joli, bien sûr. Utile ? par isabelle le Lundi 14/04/2008 à 09:47

isabelle Quelle est l'utilité pour l'utilisateur ?
C'est je pense très utile pour les sites collaboratifs où chacun n'a pas besoin des mêmes infos mais où il faut qu'elles soient présentent quand même pour tous.
Sur un de mes blogs pros privés, la colonne la plus à droite nous sert à l'archivage de tous nos docs, disponibles ainsi par tout le monde en téléchargement dans des hyperliens inclus ds des blocs textes. Il commence à y avoir pas mal de chapitres et donc de blocs. Actuellement il faut défiler toute la colonne si tu veux aller aux blocs les plus bas. Les blocs minimisés seraient un plus au niveau de l'ergonomie : tu vois dès la page d'arrivée les titres de tous les blocs et tu vas directement à celui qui t'intéresse.
Chacun a également un texte "bloc-note"où il range des liens perso ou des docs qui ne servent pas aux autres, mais qui lui sont ainsi disponibles quelque soit l'ordi où il bosse : idem il faut tous les faire défiler pour atteindre le plus bas.

| [^] | Répondre
Re: Joli, bien sûr. Utile ? par Jean-Luc le Lundi 14/04/2008 à 15:03

Jean-Luc On se rejoint.
Ici, par exemple, je ne regarde -et ne vois- qu'un seul bloc, celui des commentaires ! Tous les autres, pour moi, c'est du bruit. Je n'y prête attention que lorsque j'ai décroché un peu trop longtemps (et en ce moment il suffit de quelques heures, vu le rythme actuel de commentage !) pour reprendre le fil. J'apprécierais donc qu'ils soient tous pliés et néanmoins disponibles, en ressource le cas échéant.

| [^] | Répondre
Re: Joli, bien sûr. Utile ? par Jean-Luc le Lundi 14/04/2008 à 15:29

Jean-Luc Je ne sais pas ce que vous en pensez mais moi je verrais assez bien ce Dock animer le pied de page des sites, en particulier sous iThème qui s'y prêterait particulièrement bien...


Profitons que Stéphane apprécie... (S'il est concerné ?!)

| [^] | Répondre
Re: Stéphane-Modifieur-De-Modèles-Sans-Le-Dire :-) par Jean-Luc le Dimanche 13/04/2008 à 17:02

Jean-Luc D'ailleurs, ne pourrait-on utiliser cette ressource pour 'Lire la suite' des articles, que les 5 tirets puissent appeler ce script (ou toujours l'article seul si javascript n'est pas actif) pour consulter l'article en entier tout en restant dans le sommaire ?

| [^] | Répondre
Re: Stéphane-Modifieur-De-Modèles-Sans-Le-Dire :-) par Fix le Dimanche 13/04/2008 à 18:31

Fix Oh, lire la suite ... . Très classique. Oui, ça peut se faire sans pb. Il faut quand même un minimum d'action de l'utilisateur (un clic) pour déclencher un script etc.

Comme le dit Stéphane : "en programmant on peut faire beaucoup beaucoup beaucoup plus". Tous les lecteurs auront remarqué l'emphase de Stéphane : beaucoup beaucoup beaucoup. Fichtre.

Dans la discussion sur les sites WOW, il faudrait peut-être que nous exprimions beaucoup de trucs "fous". Une bonne partie d'entre eux seraient possibles "avec de la programmation". Il ne s'agit pas de transformer VB en usine-à-gaz-sapin-clignotant-de-Noel. Mais de dégager des pistes pour :
• Certains (rares) développements sur le noyau de VB
• Certains trucs à adapter (depuis des sources externes à VB), notamment en javascript, pour rendre des services complémentaires au noyau
• Certains services externes (notamment des widgets), utilisant ou non une API Viabloga.



| [^] | Répondre
Re: Stéphane-Modifieur-De-Modèles-Sans-Le-Dire :-) par isabelle le Dimanche 13/04/2008 à 20:17

isabelle On pourait aussi l'utiliser pour les commentaires, comme l'avait proposer Fix quelquepart (que même j'ai pas le courage de chercher...)

| [^] | Répondre
Re: Stéphane-Modifieur-De-Modèles-Sans-Le-Dire :-) par Fix le Dimanche 13/04/2008 à 20:35

Fix Mais oui. Surveiller ce qui se fera un jour sur coucou, après que les travaux en cours auront été menés à bien.

Remarque : comme d'hab', on sort du sujet, qui était "Mais c'est quoi ces modèles qui se modifient à la volée, sans qu'on soit prévenu".

| [^] | Répondre
Re: Stéphane-Modifieur-De-Modèles-Sans-Le-Dire :-) par isabelle le Dimanche 13/04/2008 à 22:02

isabelle Tu parles en fait du sujet "Lutter contre l'effet de serre en planter des arbres chez VB" :-) ?

| [^] | Répondre
Re: Stéphane-Modifieur-De-Modèles-Sans-Le-Dire :-) par Jean-Luc le Lundi 14/04/2008 à 04:39

Jean-Luc Dans cette discussion, on en reparlait.

| [^] | Répondre
Re: Stéphane-Modifieur-De-Modèles-Sans-Le-Dire :-) par OlivierMG le Dimanche 13/04/2008 à 21:25

OlivierMG oui, bonne idée !

| [^] | Répondre
par OlivierMG le Dimanche 13/04/2008 à 21:24

OlivierMG :-)

| [^] | Répondre
lambda=gros bêta par leblase le Dimanche 13/04/2008 à 21:45

J'espère que toute cette magnifique ébullition parviendra à un stade où un myope sans lunettes pourra réaliser de lui-même de grandes choses, moufles à la main sur son clavier grâce à vos nouveaux échaffaudages.
En gros, qu'Arbracadabra sera dégeeké et deviendra user-friendly.
Je n'ai hélas pas du tout le temps en ce moment de tester, mais l'on sent bien qu'il se passe quelque chose.
En gros, comme disait le philosophe Emmanuel Lévinas: "Il y a qu'il y a quelque chose".

| [^] | Répondre
Est-ce ma vue ? par tgtg le Mardi 10/06/2008 à 12:35

tgtg • J'ai demandé
[ [afficher les mots-clés] ].arbre_dynamique

• J'obtiens bien un arbre dynamique.

...
Mais :


Je [le lecteur qui est toujours très curieux et qui prend toujours son temps :-)))] ne vois[t] pas de signe indiquant d'aller plus loin :

Alors que, en fait, en cliquant devant "Belgique", on constate qu'il y a encore un descendant :-)

| [^] | Répondre
Re: Est-ce ma vue ? par Mitra le Jeudi 12/06/2008 à 21:47

tgtg,
Je te réponds à toi alors que je voudrais papoter avec Stéphane:-)

Stéphane, est-ce que ce problème est résolu ou alors il faudrait que je regarde si cela vient du CSS d'iThème ?

| [^] | Répondre
Re: Est-ce ma vue ? par Stephane le Jeudi 12/06/2008 à 22:44

Stephane Je veux bien que tu regardes. ;-)

| [^] | Répondre
Re: Est-ce ma vue ? par tgtg le Mercredi 18/06/2008 à 17:43

tgtg Aujourd'hui, problème sur Mimbo.
l'arbre dynamique n'est plus ... dynamique ... dans la colonne :

http://puzzlavie.be/
exemple :

Pas moyen d'ouvrir ou de fermer.

| [^] | Répondre
Re: Est-ce ma vue ? par tgtg le Mardi 17/06/2008 à 14:27

tgtg Sur Mimbo, il n'y a pas ce problème.

Mise à jour : aujourd'hui , si :-)))

| [^] | Répondre
Re: Est-ce ma vue ? par OlivierMG le Mardi 17/06/2008 à 16:12

OlivierMG  le problème vient bien d'ithème, et uniquement apparemment dans les textes placés dans les colonnes latérales, dans les articles ça s'affiche bien. On va voir ça.

| [^] | Répondre
Re: Est-ce ma vue ? par Stephane le Mercredi 18/06/2008 à 20:45

Stephane En fait c'est l'arbre dynamique et le fancyzoom qui utilisent la même librairie, et qui cohabitaient mal. J'ai corrigé, et j'en ai profité pour mettre une version compressée de la librairie.

| [^] | Répondre
Re: Est-ce ma vue ? par tgtg le Mercredi 18/06/2008 à 21:01

tgtg Merci :-)

| [^] | Répondre

Session

Pour participer plus facilement, ouvrez une session :

Identifiant de
mon blog
Nom d'utilisateur
Mot de passe

Si vous avez déjà un blog sur ViaBloga ou si vous avez ouvert un compte sur l'un d'entre eux, vous pouvez vous identifier avec votre nom d'utilisateur et mot de passe en précisant d'abord l'identifiant de votre blog.

S'inscrire

Recherche


Archive : tous les articles

Discussions actives

Derniers commentaires

→ plus de commentaires

Actualités

Aide

Echanges

Suggestions

Tutoriels