Différences entre les versions de « TP : Utilisation de yEd Graph Editor »

De WIKOM

(Page créée avec « == Objectifs == 1. Découvrir l'interface de yEd Graph Editor et ses principales fonctionnalités. 2. Apprendre à importer des données depuis Excel pour créer automa… »)
 
 
(5 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
== Objectifs ==
== Objectifs ==


 
# '''Découvrir l'interface de yEd Graph Editor''' et ses principales fonctionnalités.
1. Découvrir l'interface de yEd Graph Editor et ses principales fonctionnalités.
# '''Apprendre à importer des données depuis Excel''' pour créer automatiquement des graphes et diagrammes dans yEd.
 
# '''Configurer et personnaliser un diagramme''' à partir de données importées.
2. Apprendre à importer des données depuis Excel pour créer automatiquement des graphes et diagrammes dans yEd.
 
3. Configurer et personnaliser un diagramme à partir de données importées.  


== Prérequis ==
== Prérequis ==


* Avoir installé yEd Graph Editor (Télécharger ici).
* Avoir installé '''yEd Graph Editor''' (Télécharger ici).
 
* Avoir un fichier '''Excel (.xlsx)''' avec des données structurées pour l'import.
* Avoir un fichier Excel (.xlsx) avec des données structurées pour l'import.
 
== Étape 1 : Découverte de l'interface de yEd Graph Editor ==
 
 
1. Lancer yEd Graph Editor : Ouvrez l'application.
 
2. Exploration de l'interface :
 
 
La barre d'outils : contient les outils de base pour créer et modifier des objets.
 
La zone de travail : espace principal où vous créez et manipulez vos graphes.
 
La barre latérale : permet d'accéder aux propriétés des éléments sélectionnés et à des bibliothèques de formes et d'icônes.
 
== Étape 2 : Préparation des Données dans Excel ==
 
 
1. Ouvrir un nouveau fichier Excel.
 
2. Structurer vos données pour l'importation. Dans cet exemple, nous allons créer une structure simple représentant un organigramme :
 
 
Colonne A : ID (identifiant unique pour chaque personne ou nœud).
 
 
Colonne B : Nom (nom de la personne).
 
 
Colonne C : Poste (poste ou rôle dans l'organigramme).
 
 
Colonne D : Superviseur_ID (identifiant du superviseur direct).
 
 
 
Exemple de données :
 
 
 
3. Enregistrer le fichier sous un format
 
 
.xlsx ou .csv (ce dernier format est souvent plus compatible pour les imports).
 
 
 
== Étape 3 : Importation des Données dans yEd ==
 
 
1. Ouvrir yEd et créer un nouveau document (Fichier > Nouveau).
 
 
 
2. Aller dans Fichier > Importation de Graphes > Importer à partir de Fichier Excel....
 
 
 
3. Dans la boîte de dialogue qui s’ouvre :
 
 
Sélectionnez le fichier Excel que vous avez préparé.
 
 
Configurez le type de graphe souhaité (organigramme, graphe de relations, etc.).
 
 
 
 
4. yEd vous demandera d'associer les colonnes du fichier Excel aux paramètres du graphe :
 
 
Associez la colonne ID aux identifiants de nœuds.
 
 
Associez Nom et Poste aux étiquettes des nœuds.
 
 
Associez Superviseur_ID comme attribut pour créer les liens entre les nœuds.
 
 
 
 
5. Validez en appuyant sur OK pour voir le graphe généré.
 
 
 
== Étape 4 : Personnalisation du Graphique dans yEd ==
 
 
1. Organiser automatiquement les nœuds : yEd propose plusieurs options pour réorganiser les éléments de manière automatique :
 
 
Sélectionnez tout le graphe (Ctrl + A).
 
 
Allez dans Disposition > Disposition hiérarchique (ou choisissez une autre disposition selon vos besoins).
 
 
yEd réorganisera les nœuds pour représenter une structure hiérarchique.
 
 
 
 
2. Personnaliser les nœuds et les arêtes :
 
 
 
Sélectionnez un nœud et, dans la barre latérale, personnalisez sa couleur, sa forme et sa taille.
 
 
Sélectionnez une arête (lien) pour ajuster son style, sa couleur et ses étiquettes.
 
 
 
 
3. Ajouter des détails :
 
 
Ajoutez des légendes ou des annotations en utilisant l'outil Texte (disponible dans la barre d'outils).
 
== Étape 5 : Exportation du Graphique ==
 
 
1. Allez dans Fichier > Exporter.
 
2. Choisissez le format souhaité (PDF, PNG, etc.) et configurez les options d'export.
 
 
 
3. Enregistrez le fichier.
 
 
 
 
 
---
 
 
Questions de Fin de TP
 
 
1. Quels sont les principaux éléments d'un graphe que vous pouvez importer depuis Excel dans yEd ?
 
 
 
2. Quelles options de disposition sont
 
 
disponibles dans yEd et comment influencent-elles la lisibilité du diagramme ?
 
 


3. Quels types de personnalisation peut-on apporter aux nœuds et aux arêtes ?
== Déroulement ==


=== Étape 1 : Découverte de l'interface de yEd Graph Editor ===


# '''Lancer yEd Graph Editor''' : Ouvrez l'application.
# '''Exploration de l'interface''' :
#* '''La barre d'outils''' : contient les outils de base pour créer et modifier des objets.
#* '''La zone de travail''' : espace principal où vous créez et manipulez vos graphes.


'''La barre latérale''' : permet d'accéder aux propriétés des éléments sélectionnés et à des bibliothèques de formes et d'icônes.


Pour Aller Plus Loin
=== Étape 2 : Préparation des Données dans Excel ===


# '''Ouvrir un nouveau fichier Excel'''.
# '''Structurer vos données''' pour l'importation. Dans cet exemple, nous allons créer une structure simple représentant un '''organigramme''' :
#* Colonne A : <code>ID</code> (identifiant unique pour chaque personne ou nœud).
#* Colonne B : <code>Nom</code> (nom de la personne).
#* Colonne C : <code>Poste</code> (poste ou rôle dans l'organigramme).
#* Colonne D : <code>Superviseur_ID</code> (identifiant du superviseur direct).
# '''Enregistrer le fichier''' sous un format '''.xlsx''' ou '''.csv''' (ce dernier format est souvent plus compatible pour les imports).


Expérimentez avec d'autres types de graphes : diagrammes de réseau, cartes mentales, etc.


'''Exemple de données :'''
{| class="wikitable"
!ID
!Nom
!Poste
!Superviseur_ID
|-
|1
|Alice
|PDG
|
|-
|2
|Bob
|Directeur Fin.
|1
|-
|3
|Charlie
|Directeur Tech.
|1
|-
|4
|David
|Ingénieur
|3
|-
|5
|Eve
|Comptable
|2
|}


Explorez l'outil Palette dans yEd pour utiliser des icônes et des formes personnalisées.
=== Étape 3 : Importation des Données dans yEd ===


# '''Ouvrir yEd''' et '''créer un nouveau document''' (Fichier > Nouveau).
# Aller dans '''Fichier > Importation de Graphes''' > '''Importer à partir de Fichier Excel...'''.
# Dans la boîte de dialogue qui s’ouvre :
#* '''Sélectionnez le fichier Excel''' que vous avez préparé.
#* Configurez le type de graphe souhaité (organigramme, graphe de relations, etc.).
# yEd vous demandera d''''associer les colonnes du fichier Excel aux paramètres du graphe''' :
#* Associez la colonne <code>ID</code> aux identifiants de nœuds.
#* Associez <code>Nom</code> et <code>Poste</code> aux étiquettes des nœuds.
#* Associez <code>Superviseur_ID</code> comme attribut pour créer les liens entre les nœuds.
# Validez en appuyant sur '''OK''' pour voir le graphe généré.


Essayez de créer des scripts d'automatisation pour des mises à jour
=== Étape 4 : Personnalisation du Graphique dans yEd ===


# '''Organiser automatiquement les nœuds''' : yEd propose plusieurs options pour réorganiser les éléments de manière automatique :
#* Sélectionnez tout le graphe (Ctrl + A).
#* Allez dans '''Disposition > Disposition hiérarchique''' (ou choisissez une autre disposition selon vos besoins).
#* yEd réorganisera les nœuds pour représenter une structure hiérarchique.
# '''Personnaliser les nœuds et les arêtes''' :
#* Sélectionnez un nœud et, dans la barre latérale, personnalisez sa couleur, sa forme et sa taille.
#* Sélectionnez une arête (lien) pour ajuster son style, sa couleur et ses étiquettes.
# '''Ajouter des détails''' :
#* Ajoutez des légendes ou des annotations en utilisant l'outil Texte (disponible dans la barre d'outils).


fréquentes de graphes à partir de nouvelles données Excel.
=== Étape 5 : Exportation du Graphique ===


# Allez dans '''Fichier > Exporter'''.
# Choisissez le format souhaité (PDF, PNG, etc.) et configurez les options d'export.
# Enregistrez le fichier.


=== Étape 6 : Reprendre les étapes précédentes avec un jeu de données (optionnel) ===
Le jeu de données suivant représente un réseau Friend of a Friend.
{| class="wikitable"
|Friend_source
|Relation
|Friend_target
|-
|Tom
|knows
|Bill
|-
|Bill
|knows
|Allie
|-
|Mary
|knows
|Peter
|-
|Mary
|knows
|Bill
|-
|Kelvin
|knows
|Jack
|-
|Jack
|knows
|Baxter
|-
|Baxter
|knows
|Tom
|-
|Robyn
|knows
|Jack
|-
|Alex
|likes
|Dogs
|-
|Jack
|likes
|Cats
|-
|Alex
|knows
|Mary
|-
|Mary
|likes
|Horses
|-
|Mary
|likes
|Dogs
|}


== Questions de Fin de TP ==


---
# '''Quels sont les principaux éléments d'un graphe que vous pouvez importer depuis Excel dans yEd ?'''
# '''Quelles options de disposition sont disponibles dans yEd et comment influencent-elles la lisibilité du diagramme ?'''
# '''Quels types de personnalisation peut-on apporter aux nœuds et aux arêtes ?'''


== Pour Aller Plus Loin ==


Ce TP devrait vous aider à maîtriser l'utilisation de yEd pour des besoins courants d'organigrammes et de visualisation de relations basées sur des données Excel. N'hésitez pas à me demander des précisions si nécessaire !
* Expérimentez avec d'autres types de graphes : cartes mentales, etc.
* Explorez l'outil '''Palette''' dans yEd pour utiliser des icônes et des formes personnalisées.
* Essayez de '''créer des scripts d'automatisation''' pour des mises à jour fréquentes de graphes à partir de nouvelles données Excel.

Version actuelle datée du 3 novembre 2024 à 12:56

Objectifs

  1. Découvrir l'interface de yEd Graph Editor et ses principales fonctionnalités.
  2. Apprendre à importer des données depuis Excel pour créer automatiquement des graphes et diagrammes dans yEd.
  3. Configurer et personnaliser un diagramme à partir de données importées.

Prérequis

  • Avoir installé yEd Graph Editor (Télécharger ici).
  • Avoir un fichier Excel (.xlsx) avec des données structurées pour l'import.

Déroulement

Étape 1 : Découverte de l'interface de yEd Graph Editor

  1. Lancer yEd Graph Editor : Ouvrez l'application.
  2. Exploration de l'interface :
    • La barre d'outils : contient les outils de base pour créer et modifier des objets.
    • La zone de travail : espace principal où vous créez et manipulez vos graphes.

La barre latérale : permet d'accéder aux propriétés des éléments sélectionnés et à des bibliothèques de formes et d'icônes.

Étape 2 : Préparation des Données dans Excel

  1. Ouvrir un nouveau fichier Excel.
  2. Structurer vos données pour l'importation. Dans cet exemple, nous allons créer une structure simple représentant un organigramme :
    • Colonne A : ID (identifiant unique pour chaque personne ou nœud).
    • Colonne B : Nom (nom de la personne).
    • Colonne C : Poste (poste ou rôle dans l'organigramme).
    • Colonne D : Superviseur_ID (identifiant du superviseur direct).
  3. Enregistrer le fichier sous un format .xlsx ou .csv (ce dernier format est souvent plus compatible pour les imports).


Exemple de données :

ID Nom Poste Superviseur_ID
1 Alice PDG
2 Bob Directeur Fin. 1
3 Charlie Directeur Tech. 1
4 David Ingénieur 3
5 Eve Comptable 2

Étape 3 : Importation des Données dans yEd

  1. Ouvrir yEd et créer un nouveau document (Fichier > Nouveau).
  2. Aller dans Fichier > Importation de Graphes > Importer à partir de Fichier Excel....
  3. Dans la boîte de dialogue qui s’ouvre :
    • Sélectionnez le fichier Excel que vous avez préparé.
    • Configurez le type de graphe souhaité (organigramme, graphe de relations, etc.).
  4. yEd vous demandera d'associer les colonnes du fichier Excel aux paramètres du graphe :
    • Associez la colonne ID aux identifiants de nœuds.
    • Associez Nom et Poste aux étiquettes des nœuds.
    • Associez Superviseur_ID comme attribut pour créer les liens entre les nœuds.
  5. Validez en appuyant sur OK pour voir le graphe généré.

Étape 4 : Personnalisation du Graphique dans yEd

  1. Organiser automatiquement les nœuds : yEd propose plusieurs options pour réorganiser les éléments de manière automatique :
    • Sélectionnez tout le graphe (Ctrl + A).
    • Allez dans Disposition > Disposition hiérarchique (ou choisissez une autre disposition selon vos besoins).
    • yEd réorganisera les nœuds pour représenter une structure hiérarchique.
  2. Personnaliser les nœuds et les arêtes :
    • Sélectionnez un nœud et, dans la barre latérale, personnalisez sa couleur, sa forme et sa taille.
    • Sélectionnez une arête (lien) pour ajuster son style, sa couleur et ses étiquettes.
  3. Ajouter des détails :
    • Ajoutez des légendes ou des annotations en utilisant l'outil Texte (disponible dans la barre d'outils).

Étape 5 : Exportation du Graphique

  1. Allez dans Fichier > Exporter.
  2. Choisissez le format souhaité (PDF, PNG, etc.) et configurez les options d'export.
  3. Enregistrez le fichier.

Étape 6 : Reprendre les étapes précédentes avec un jeu de données (optionnel)

Le jeu de données suivant représente un réseau Friend of a Friend.

Friend_source Relation Friend_target
Tom knows Bill
Bill knows Allie
Mary knows Peter
Mary knows Bill
Kelvin knows Jack
Jack knows Baxter
Baxter knows Tom
Robyn knows Jack
Alex likes Dogs
Jack likes Cats
Alex knows Mary
Mary likes Horses
Mary likes Dogs

Questions de Fin de TP

  1. Quels sont les principaux éléments d'un graphe que vous pouvez importer depuis Excel dans yEd ?
  2. Quelles options de disposition sont disponibles dans yEd et comment influencent-elles la lisibilité du diagramme ?
  3. Quels types de personnalisation peut-on apporter aux nœuds et aux arêtes ?

Pour Aller Plus Loin

  • Expérimentez avec d'autres types de graphes : cartes mentales, etc.
  • Explorez l'outil Palette dans yEd pour utiliser des icônes et des formes personnalisées.
  • Essayez de créer des scripts d'automatisation pour des mises à jour fréquentes de graphes à partir de nouvelles données Excel.
Récupérée de « https://wiki.komansamparle.fr/index.php?title=TP_:_Utilisation_de_yEd_Graph_Editor&oldid=2746 »