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

De WIKOM

 
(4 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.


== ## Etapes ==
== Déroulement ==


=== Étape 1 : Découverte de l'interface de yEd Graph Editor ===
=== É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.


1. Lancer yEd Graph Editor : Ouvrez l'application.
'''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.
 
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 ===
=== Étape 2 : Préparation des Données dans Excel ===


 
# '''Ouvrir un nouveau fichier Excel'''.
1. 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).
2. Structurer vos données pour l'importation. Dans cet exemple, nous allons créer une structure simple représentant un organigramme :
#* 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).
Colonne A : ID (identifiant unique pour chaque personne ou nœud).
# '''Enregistrer le fichier''' sous un format '''.xlsx''' ou '''.csv''' (ce dernier format est souvent plus compatible pour les imports).
 
 
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).




'''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
|}


=== Étape 3 : Importation des Données dans yEd ===
=== Étape 3 : Importation des Données dans yEd ===


 
# '''Ouvrir yEd''' et '''créer un nouveau document''' (Fichier > Nouveau).
1. 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.).
2. Aller dans Fichier > Importation de Graphes > Importer à partir de Fichier Excel....
# 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.
3. Dans la boîte de dialogue qui s’ouvre :
# Validez en appuyant sur '''OK''' pour voir le graphe généré.
 
 
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 ===
=== É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 :
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.
Sélectionnez tout le graphe (Ctrl + A).
# '''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.
Allez dans Disposition > Disposition hiérarchique (ou choisissez une autre disposition selon vos besoins).
# '''Ajouter des détails''' :
 
#* Ajoutez des légendes ou des annotations en utilisant l'outil Texte (disponible dans la barre d'outils).
 
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 ===
=== É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.


1. Allez dans Fichier > Exporter.
=== É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.
2. Choisissez le format souhaité (PDF, PNG, etc.) et configurez les options d'export.
{| class="wikitable"
 
|Friend_source
3. Enregistrez le fichier.
|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 ==
== Questions de Fin de TP ==


 
# '''Quels sont les principaux éléments d'un graphe que vous pouvez importer depuis Excel dans yEd ?'''
1. 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 ?'''
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 ==
== Pour Aller Plus Loin ==


 
* Expérimentez avec d'autres types de graphes : cartes mentales, etc.
Expérimentez avec d'autres types de graphes : diagrammes de réseau, 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.
 
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 »