Je cherche à représenter un organigramme de personnel : 1. dans une forme navigable avec javascript, 2. en image statique pour impression (image ou PDF).
Quelles types de représentations, et éventuellement quels outils vous pouvez me recommander ?
Je cherche à représenter un organigramme de personnel : 1. dans une forme navigable avec javascript, 2. en image statique pour impression (image ou PDF).
Quelles types de représentations, et éventuellement quels outils vous pouvez me recommander ?
@fsoulabaille Oui, mais un peu plus sexy
Dernière mise à jour le 20 novembre 2001
et qui permette de naviguer dans des organigrammes plus grands, comme par exemple :
▻http://www.lestaxinomes.org/spip.php?page=arbre&id_rubrique=12
ou éventuellement :
▻http://lifemap.univ-lyon1.fr/mobile.index.html
mais en gardant la représentation verticale typique des administrations.
Hmmm du #flash si je ne me trompe pas. J’ai besoin que ça soit fait en #javascript, pas de flash. Ça vient du concours suivant :
▻https://community.articulate.com/articles/interactive-org-charts-elearning
qui est plus orienté vers la présentation du personnel. Je cherche plutôt une manière de générer automatiquement un arbre, d’une profondeur quelconque à pouvoir explorer de façon dynamique, et d’un autre côté : à pouvoir imprimer dans son ensemble.
Avec d3.js, quelques exemples intéressants :
– tous les arbres :
▻http://blockbuilder.org/search#text=tree
– un arbre navigable :
▻https://bl.ocks.org/mbostock/4339083
– un autre, du genre de celui de taxinomes :
▻http://blockbuilder.org/nehiljain/bd4df45db78262f1d943bc8b097a0a82
Celui-là est original :
▻http://blockbuilder.org/nitaku/b82c356f1969911042d6
Mais rien qui ressemble de près à un organigramme
▻https://en.wikipedia.org/wiki/Organizational_chart
Comme dit Stupeflip :
A bas la hiérarchie
Basé sur les bibliothèques suivantes :
– d3.js
– JavaScript InfoVis Toolkit
▻https://philogb.github.io/jit
– vis.js
– leaflet.js
– orgchart
►https://github.com/dabeng/OrgChart
– treant.js, basé sur jquery et raphael.js
►https://fperucic.github.io/treant-js
▻https://jquery.com
►https://dmitrybaranovskiy.github.io/raphael
Perso j’utilise le spacetree de JIT (JavaScript InfoVis Toolkit) pour les taxinomes et je n’ai pas encore trouvé mieux comme librairies pour ça, même si elle semble un peu vieillissante et que son API n’est pas super user friendly.
Rhoooo, un peu comme l’arbre des #taxinomes ►http://www.lestaxinomes.org/spip.php?page=arbre mais en #leaflet !
Faut que je décortique le bouzin, ça ferait plaisir à @antony :)
Folia, pour reconnaître les espèces d’après leurs feuilles
▻http://liris.univ-lyon2.fr/reves/folia/public
Folia est initialement une application iPhone, qui permet d’analyser des photos de feuilles, et d’en déduire l’espèce d’arbre correspondante. L’algorithme utilisé a été développé par le laboratoire LIRIS. Il est basé sur la détection de contour, et l’analyse de forme.
Non seulement c’est très intéressant (et gratuit), mais il y a aussi des effets de bord rigolos, puisque toutes ces photos sont géolocalisées.
#botanique #cartographie #vision_par_ordinateur
Ça peut être pratique, mais plutôt que de demander à un algorithme, pourquoi ne pas rencontrer des vrais gens ayant un savoir à transmettre ? Comme par exemple :
– les jardiniers des parcs de la ville
– le botaniste du coin
– un tonton chasseur
– un bûcheron
– un garde-chasse
– un travailleur de l’ONF
– un petit agriculteur qui connait son coin
– etc
(rayez les mentions inutiles suivant votre milieu de vie citadin ou rural)
J’ai un ami qui est une encyclopédie sur pattes. La dernière fois qu’on s’est baladés ensemble dans la cambrousse, il m’a montré toutes les mauvaises herbes qui se mangent...
Le truc, c’est que je n’ai aucune mémoire des formes et qu’on ne se voit pas très souvent.
update du plugin full text sur ►http://www.lestaxinomes.org !! ça dépote, excellent merci !
Dessiner des #arbres et des #graphes avec #jQuery
jsPlumb qui lie des trucs avec des ancres et des connecteurs :
►http://jsplumb.org/jquery/demo.html
▻http://jsplumb.org/doc/usage.html
JIT, une super librairie de #data-visualisation (#dataviz ?), qui fait entre autre des arbres :
▻http://thejit.org
et plus particulièrement la démo de l’arbre :
▻http://philogb.github.com/jit/static/v20/Jit/Examples/Spacetree/example1.html
et son code :
▻http://philogb.github.com/jit/static/v20/Jit/Examples/Spacetree/example1.code.html
+1 pour JIT, c’est ce que j’ai utilisé pour l’arbre des #taxinomes ici :
►http://www.lestaxinomes.org/spip.php?page=arbre
J’avais fait une tite collecte de lien à ce sujet sur mon bloc note par là :
Haha @seenthis, encore ce foutu favicon pourrite attribué par erreur à mon bloc note :p
C’est l’inflation !
Je ne trouve pas comment désactiver tout ce merdier sur le site public :
plugins-dist/jquery_ui/prive/javascript/ui/jquery.ui.core.js
plugins-dist/jquery_ui/prive/javascript/ui/jquery.ui.widget.js
plugins-dist/jquery_ui/prive/javascript/ui/jquery.ui.mouse.js
plugins-dist/jquery_ui/prive/javascript/ui/jquery.ui.sortable.js
J’ai beau désactiver la mediabox, ceci continue de s’insérer :
var box_settings = {tt_img:true,sel_g :"#documents_portfolio a[type=’image/jpeg’],#documents_portfolio a[type=’image/png’],#documents_portfolio a[type=’image/gif’]",sel_c :".mediabox",trans :"elastic",speed :"200",ssSpeed :"2500",maxW :"90%",maxH :"90%",minW :"400px",minH :"",opa :"0.9",str_ssStart :"Slideshow",str_ssStop :"Stop",str_cur :"{current}/{total}",str_prev :"Previous",str_next :"Next",str_close :"Close",splash_url :""} ;
Et enfin je ne trouve pas comment désactiver ça (et surtout je ne comprends pas pourquoi ça ne se compacte pas avec les autres CSS de la page, histoire de ne pas ajouter deux appels à des fichiers CSS externes) :
<link rel=’stylesheet’ type=’text/css’ media=’all’ href=’plugins-dist/jquery_ui/css/jquery.ui.core.css’ />
<link rel=’stylesheet’ type=’text/css’ media=’all’ href=’plugins-dist/jquery_ui/css/jquery.ui.theme.css’ />
La tronche de mon head sous #SPIP3 : eurk !
Hop,
Je ne trouve pas comment désactiver tout ce merdier sur le site public
Le « merdier » en question n’est présent que si nécessité par un plugin, un SPIP vierge n’insère pas les scripts de jQuery UI dans le public, la preuve :
►http://b_b.grml.eu/spip.php?article1
Pour info, les scripts de jQuery UI sont insérés sur demande à l’aide du pipeline associé :
►http://programmer3.spip.net/jqueryui_plugins
(doc liée depuis la page de présentation de SPIP 3.0 sur spip.net)
et surtout je ne comprends pas pourquoi ça ne se compacte pas avec les autres CSS de la pag
Le compresseur de SPIP regroupe les css en fonction de leur attribut « media », cela fonctionne bien sur les taxinomes, on voit bien que les css de jquery UI sont regroupées dans le même fichier que les autres :
OK, pour jqueryui_plugins je vois : c’est mon plugin « Sélection d’articles » qui ajoute les appels à cet endroit, sans faire la différence entre l’espace privé et l’espace public. Au temps pour moi, donc.
Je vais uploader une mise à jour. En revanche, je suggère de signaler sur la page de programmer.spip.net la mention de la méthode « officielle » pour détecter en PHP si on est dans l’espace privé (si c’est déjà documenté, juste ajouter un lien hypertexte).
Pour le compactage des CSS, pour l’instant ça ne donne rien (et même de manière assez curieuse), les regroupements restent farfelus. Je cherche encore.
Pour les CSS, je n’arrive pas à mieux. Mais j’ai l’impression que les CSS balancés via « insert_head » (à l’ancienne) se comptactent bien entre eux et avec les appels depuis les squelettes. Alors que les CSS balancés via « insert_head_css » ne se compactent ni entre eux ni avec les appels depuis les squelettes.
Quand je balance un appel de CSS dans « insert_head » (à l’ancienne), ça fonctionne correctement.
OK, j’ai trouvé : il faut absolument insérer #INSERT_HEAD et #INSERT_HEAD_CSS dans les squelettes. Si on n’insère que #INSERT_HEAD, les fichiers CSS qui correspondent à insert_head_css sont bien appelés quand même, mais ils ne sont pas compactés.
C’est le truc le plus intuitif de la planète, ça.
L’impression que c’est de ça que parlait Loiseau2nuit :
►http://comments.gmane.org/gmane.comp.web.spip.zone/27405
Pour le « var box_settings », c’est un bug du plugin mediabox, où il manque les accolades du « if » dans le insert_head_css. J’ai commité une modif à tout hasard.
Oui il y avait un bug avec le compresseur si insert_head_css n’était pas là, il a été corrigé dernièrement :
►http://core.spip.org/projects/spip/repository/revisions/20004
ps : heureusement que @ben m’a prévenu que tu avais posté de nouveau car @seenthis n’envoie pas de notification quand un nouveau message est posté dans un « thread » auquel on participe.
Dans les préférences, tu as activé le mode « conversations / quelqu’un répond à un billet auquel j’ai moi-même répondu » ? Normalement ça devrait faire ce que tu veux (sinon y’a un bug).
Rha le naze, je l’avais pas repéré cette option, merci @arno :)
Bonjour
Désolée de déterrer un vieux post mais en regardant le code source de tes sites Arno*, je vois que tu arrives à mettre tes css inline avec #INSERT_HEAD_CSS, tu peux expliquer comment tu arrives à ça ou c’est secret ? merci
#SPIP + #XMLRPC + un peu de dev #IPHONE peut finir en ►http://itunes.apple.com/fr/app/lestaxinomes/id553563464?mt=8&ign-mpt=uo%3D4
L’appli #Ibidule du site ►http://www.lestaxinomes.org #taxinomes