Processon : application en ligne d’élaboration de diagrammes et partage sur les réseaux sociaux

Si vous devez élaborer des diagrammes en ligne, vous devriez consulter ma liste des services gratuits qu’il va falloir mettre à jour avec le site  processon.com .  Ce service offre une grande gamme de template pour élaborer des diagrammes en tous genres, (diagramme de Venn, organigrammes, diagramme de flux, BPMN, Chaîne de valeur,  Organigramme de programmation. Ce site est aussi un site collaboratif ce qui est tout de même le must pour ce genre d’outil.

On peut voir dans l’animation qui suit les options de diagramme disponibles

Il est possible de faire un diagramme sans être inscrit. Il est aussi possible de s’inspirer de tous les diagrammes qui ont été créés par la communauté, ce qui pourra donc vous faciliter la tâche et surtout vous faire gagner du temps.

Côté mise en oeuvre d’un diagramme, si vous êtes déjà un habitué à l’élaboration des diagrammes avec des logiciels comme visio (de microsoft), vous ne serez pas dépaysé. En revanche si vous êtes un débutant la prise en main sera un peu plus difficile, même si l’outil est plutôt intuitifs (n’oubliez pas de jouer du clic droit et du double clic).

Qui dit réseau social, dit site collaboratif, donc il est possible de réaliser des diagrammes en ligne avec une équipe. (je n’ai pas essayé, mais ça doit être relativement simple à faire puisqu’il y a aussi un chat en ligne.

Après quelques essais, voilà donc un résultat d’un diagramme qui est disponible soit pour téléchargement, soit via un code d’incrustation à mettre dans un site internet.

Et voilà le résultat en format png, mais qui peut être aussi téléchargeable en format jpg ou pdf.  Notez que vous pouvez sortir des formats en dimension A4, A3, A5 ou Customisé,   Si vous avez des fichiers de type (.vdx)  Visio, Cross-function et Flowchart, il est possible de les importer dans l’outil.

Comme il s’agit d’un réseau social, il est possible de parcourir les diagrammes de tout le monde et de les noter, les commenter et de les mettre en favori. On reprochera peut-être la lenteur et aussi le design des diagrammes un peu austère, sans compter qu’il n’y pas d’option de langue en français, il faudra donc se débrouiller en anglais ou en chinois!

Conclusions

Voilà un outil coup de coeur qui ravira les étudiants, les blogueurs (illustration, infographie…) et les professionnels. Attention : côté professionnel, il faudra bien étudier le côté confidentialité d’un tel outil en ligne, en revanche pour de la diffusion d’information, ce site est tout de même bien pratique.

Autres lectures

Diagrammes uml

« En informatique UML ( Unified Modeling Language), ou Langage de modélisation unifiée, est un langage de modélisation graphique à base de pictogrammes. »

 Diagramme_de_Venn

« Les diagrammes d’Euler, de Venn et de Carroll sont des schémas géométriques utilisés pour représenter des relations logico-mathématiques »

 Diagramme_de_flux_de_données

« Un diagramme de flux de données (DFD) est une représentation graphique du flux de données à travers un système d’information. »

Business Process Model and Notation

« Business Process Model and Notation (BPMN) est une notation graphique standardisée  pour modéliser des procédures d’entreprise ou des processus métier »

Chaîne de valeur

« Une chaîne de valeur est l’ensemble des étapes déterminant la capacité d’une organisation à obtenir un avantage concurrentiel. »

Event-driven process chain

« La  chaîne des processus évènementiels   (EPC) est un type de diagramme utilisé pour la modélisation des processus d’affaires. les EPC peuvent être utilisés pour la configuration d’un planning ou la  mise en œuvre des ressources d’entreprise (ERP) ou  l’amélioration des processus d’affaires. »

Organigramme de programmation

« Un organigramme de programmation est une représentation graphique normalisée de l’enchaînement des opérations et des décisions effectuées par un programme d’ordinateur. »

 

 

Diagramme en ligne de type mindmapping avec coggle.it

J’avoue ne jamais avoir fait de mindmapping quand je bossais chez les grands des télécom. Plutôt homme de terrain, j’avais horreur de ces séances de brainstorming qui n’en finissaient pas et qui généralement aboutissaient à pas grand chose. Cela dit, il faut de tout pour faire un monde et surtout il faut des consultants à qui vous prêtez votre montre pour qu’ils vous disent l’heure. Ok, je critique un peu les mindmapping, les cartes heuristiques*** qui s’appellent aussi les cartes mentales ou les  cartes des idées, mais comme il y a des outils en ligne assez géniaux, je doit avouer que c’est tout de même pas mal de faire un petit mindmapping pour structurer ses idées.

A titre d’exemple, je me suis amusé aujourd’hui à créer un mindmapping avec le site en ligne  coggle.it et pour le test j’ai réalisé une petite infographie de mes blogues.

Vous ne saviez sans doute pas que j’avais autant de blogues, mais ce n’est pas le sujet. Pour revenir à https://coggle.it il s’agit en plus de faire du mindmapping à plusieurs et pas forcément dans la même salle. Il suffit pour cela de créer un compte puis de cliquer sur share

Quand on appuie sur l’option « Share », une série d’options vont apparaître où vous allez pouvoir envoyer des mails à des correspondants avec des droits d’écriture ou d’écriture.

Une fois qu’on a créé un projet, il s’enregistre  automatiquement et on peut le reprendre plus tard.  Comme dans l’exemple qui suit où j’ai réordonné mon diagramme d’idée.

A priori le nombre de niveaux arbres n’est pas limité,. Dans l’exemple qui suit, j’en ai fait déjà 7 sans soucis.  On peut aussi créer

On peut reprocher qu’il manque un peu de couleur et de choix de thèmes. Mais c’est gratuit ! D’autre part, j’aurais aimé une option de  copie de  projets.

Une fois que le projet est terminé, on peut l’enregistrer soit en format PDF ou en format PNG. Il n’y a pas de possibilités d’exporter un projet compatible avec des logociels comme mindjet ou freemind par exemple.

Conclusion : 

Voilà un outil en ligne gratuit bien pratique, qui permettra de faire déjà de beaux diagrammes de pensée. Dans mon cas, je mets ce site dans mes favoris pour éventuellement agrémenter ce blogue.

*** heuristique : terme inventé pour effrayer les étudiants afin qu’ils soient dégoûtés avant même de comprendre.

Faire des graphes en ligne et les stocker avec share-a-graph

Dans la série des constructions de graphes en ligne  voilà un nouveau site share-a-graph.com  qui permet de créer des graphes en tous genres à condition d’apprendre un peu la syntaxe spécifique à leurs élaborations.  L’élaboration d’un graphe prend du temps, il faudra donc passer un peu de temps avant de comprendre toutes les options disponibles sur le site. Heureusement qu’on peut s’inspirer des graphes existants, enfin ceux qui sont en mode public.

Pour commencer à utiliser  share-a-graph.com il faudra déjà créer un compte  (1)  qui nous permettra de mettre en mémoire toute notre production. Cela permettra aussi de reprendre les données insérées et le modifier le cas échéant.

Ensuite vous pouvez soit créer un graphe nouveau (2) soit vous inspirer des graphes déjà existants (3).

Pour l’exemple j’ai réalisé le graphe de dépense de mon budget 2013 qui m’a servi en fait d’expliquer que le coût de la vie au Brésil est plutôt élevé et ça donne ça. Il s’agit de mon budget personnel montré dans un camembert qu’appelle en anglais « pie » (gâteau)

 Pour réaliser un tel graphe, il faudra donc bien comprendre la mise en forme des données et c’est ce qui a été le plus difficile.  Il faudra déjà régler les paramètres généraux de graphe. Première difficulté; il faudra un peu maîtriser le code des couleurs en hexa-décimal pour régler les couleurs. Il vaut mieux laisser les valeurs par défauts pour un premier essai.

L’étape suivante sera de populer le graphe avec des données, c’est la partie la plus délicate et j’ai mis un peu de temps pour comprendre la logique. Vous pouvez aussi importer des fichiers en csv, txt ou log, dans ce cas, il faudra bien faire attention que les données soient bien séparées d’un point virgule.

Pour réaliser mon graphe, j’a tapé la syntaxe suivante :

Voiture;voyage france; Santé ; Education; Alimentation;impots;Charge appart;restaurant populaire;femme de menage;electricité + telecom;Losirs;habillement;informatique + electroménager;Vacances d’hiver;
% budget;Pie;2950;2500;1600;1200;1000;833;800;640;600;530;500;300;250;167;

 Une fois que vous avez fini vos réglages, vous pourrez exporter votre graphe en format png, jpb (la résoluation n’est pas top) en pdf (où la reproduction est fidèle). Vous pouvez récupérer le code sous forme ‘iframe » ou partager votre graphe sur les réseaux sociaux. Dans mon cas, j’ai préféré faire une copie d’écran.

Conclusion : cet outil n’est pas intuitif, il y a une petite courbe d’apprentissage à entreprendre pour maîtriser la syntaxe.

Voilà d’autres exemples de réalisation :

graphes en ligne

Pin It on Pinterest