Guide complete

Introduction

ER Designer est une plateforme web concue pour enseigner et apprendre la conception de bases de donnees. Elle permet de creer des diagrammes Entite-Relation (ER) complets, d'effectuer la restructuration de la base et de generer le schema logique, le tout dans un seul environnement.

La plateforme est concue pour trois types d'utilisateurs : les professeurs qui souhaitent assigner des exercices et suivre le travail des eleves, les eleves qui doivent realiser des exercices et remettre leurs travaux, et les utilisateurs libres qui souhaitent simplement concevoir une base de donnees.

Ce guide couvre toutes les fonctionnalites de la plateforme, de la creation d'un projet a la generation du schema logique, en passant par la gestion des classes et des devoirs.

Astuce

Si vous ne voyez pas un element de menu (Classes, Professeur, Admin), le role correspondant n'est probablement pas active. Ouvrez "Modifier le compte" et verifiez vos profils.

Video d'introduction

Demarrer

Vous voulez commencer en 2 minutes ? Suivez ces etapes pour creer votre premier diagramme ER.

Roles et activation

ER Designer active differentes fonctionnalites selon le role de l'utilisateur. Certains roles s'activent depuis la page "Modifier le compte", d'autres necessitent l'approbation d'un administrateur.

Details par role

• Utilisateur (ROLE_USER): Apres inscription ou connexion OAuth, vous pouvez creer et gerer vos projets dans la section "Projet". Vous pouvez dessiner des diagrammes ER, les exporter et les importer.
• Eleve (ROLE_STUDENT): Activez le profil eleve depuis la page "Modifier le compte". Apres activation, le menu "Classes" apparaitra, vous permettant de rejoindre les classes des professeurs, de voir les devoirs et de remettre vos travaux.
• Professeur (ROLE_TEACHER): Demandez l'activation du role professeur en remplissant le formulaire dans "Modifier le compte" (type d'ecole, etablissement, matiere). Tant que la demande n'est pas approuvee, le menu "Professeur" peut ne pas apparaitre.
• Administrateur (ROLE_ADMIN): L'admin peut approuver ou refuser les demandes d'activation professeur, gerer les utilisateurs, modifier les roles et activer ou desactiver les comptes.

Connexion et compte

Pour acceder a ER Designer, vous pouvez vous inscrire avec email et mot de passe ou utiliser la connexion rapide via Google ou GitHub (OAuth).

1. Rendez-vous sur la page "Connexion" depuis le menu principal.
2. Choisissez de vous connecter avec vos identifiants (email/mot de passe) ou avec un fournisseur OAuth (Google, GitHub).
3. Si vous etes un nouvel utilisateur, cliquez sur "S'inscrire" pour creer un compte.
4. Apres connexion, ouvrez "Modifier le compte" pour completer votre profil et activer les roles (eleve, professeur).

Changement de mot de passe

Vous pouvez changer votre mot de passe depuis la section "Modifier le compte". Entrez votre mot de passe actuel et le nouveau.

Gestion des projets

Les projets sont le conteneur principal de votre travail. Chaque projet contient un diagramme ER et, optionnellement, le diagramme restructure et le schema logique.

Creer un nouveau projet

1. Ouvrez "Projet" depuis le menu et cliquez sur "Creer un nouveau projet".
2. Entrez un nom pour le projet.
3. Choisissez le style de diagramme : Classique (attributs en texte dans les entites), Ovale (attributs en ovales) ou Tabulaire (schema tabulaire direct).
4. Cliquez "Creer" pour ouvrir le tableau.

Gerer les projets existants

Depuis la page "Gerer les projets" vous pouvez ouvrir, renommer ou supprimer vos projets. Chaque projet affiche la date de derniere modification.

Importer un projet

Vous pouvez importer un projet a partir d'un fichier JSON precedemment exporte. Le fichier sera charge et le diagramme apparaitra sur le tableau.

Le tableau ER

Le tableau est l'espace de travail principal ou vous dessinez le diagramme Entite-Relation. C'est un canvas interactif ou vous pouvez ajouter, relier et modifier tous les elements du schema.

La barre d'outils en haut contient toutes les commandes necessaires : ajouter des elements, les relier, exporter, importer, annuler/retablir et bien plus.

Outils du tableau

La barre d'outils en haut propose les commandes suivantes :

• Entite : ajoute un nouveau rectangle entite au tableau. Cliquez sur le bouton puis sur le tableau pour le placer.
• Relation : ajoute un nouveau losange relation. Fonctionne comme le bouton Entite.
• ISA (Generalisation) : ajoute un triangle pour representer une generalisation. Disponible uniquement dans le diagramme original.
• Relier : active le mode de liaison. Cliquez sur un element source puis sur l'element cible pour creer une connexion.
• Selectionner : mode par defaut. Cliquez sur un element pour le selectionner et modifier ses proprietes, ou faites-le glisser pour le deplacer.
• Annuler (Ctrl+Z) : annule la derniere action.
• Retablir (Ctrl+Y) : retablit la derniere action annulee.
• Effacer : supprime tous les elements du tableau (avec confirmation).

Entites et attributs

Les entites sont representees par des rectangles sur le tableau. Chaque entite a un nom et peut avoir un ou plusieurs attributs.

Pour ajouter une entite, cliquez sur le bouton "Entite" dans la barre d'outils puis cliquez sur le tableau a l'emplacement souhaite.

Le nom de l'entite peut etre modifie depuis le panneau Proprietes ou directement par double-clic. Le nom est limite a 30 caracteres et, s'il est trop long, la taille de police est automatiquement reduite.

Attributs

Les attributs s'ajoutent depuis le panneau Proprietes en cliquant sur "+ Attribut". Chaque attribut a un nom et peut etre configure comme :

• Cle primaire (PK) : l'attribut est souligne dans le schema.
• Compose : l'attribut contient des sous-attributs et est represente par un ovale ou des sous-entrees imbriquees.
• Multvalue : l'attribut peut avoir plusieurs valeurs et est affiche avec une double bordure.

Utilisez le bouton "Realigner" pour repositionner automatiquement les attributs autour de l'entite.

Relations et cardinalites

Les relations sont representees par des losanges sur le tableau. Elles relient deux ou plusieurs entites et definissent comment les elements de la base sont associes.

Pour ajouter une relation, cliquez sur le bouton "Relation" puis sur le tableau. Pour relier la relation aux entites, utilisez l'outil "Relier".

Le nom de la relation est limite a 20 caracteres. Si le texte est trop long, il est automatiquement adapte.

Cardinalites

La cardinalite definit combien d'elements d'une entite peuvent etre associes a combien d'elements de l'autre entite. Elle se definit depuis le panneau Proprietes.

• Cardinalite minimale : indique le nombre minimum d'associations (generalement 0 ou 1).
• Cardinalite maximale : indique le nombre maximum d'associations (generalement 1 ou N).

Les relations peuvent aussi avoir leurs propres attributs, ajoutes de la meme maniere que pour les entites.

Generalisations (ISA)

La generalisation (ISA) represente une relation "est un" entre une entite parent et une ou plusieurs entites filles. Elle est representee par un triangle sur le tableau.

Pour ajouter une generalisation, cliquez sur le bouton "ISA" puis placez-la sur le tableau. Reliez l'entite parent (en haut) et les entites filles (en bas) avec l'outil "Relier".

Types de generalisation

• Totale : chaque instance de l'entite parent doit appartenir a au moins une entite fille.
• Partielle : une instance de l'entite parent peut ne pas appartenir a une entite fille.
• Exclusive (disjointe) : chaque instance peut appartenir a au plus une entite fille.
• Chevauchante : une instance peut appartenir a plusieurs entites filles en meme temps.

Panneau proprietes

Le panneau Proprietes apparait a gauche lorsque vous selectionnez un element sur le tableau. Il n'affiche que les champs pertinents pour le type d'element selectionne.

• Pour les entites : nom, bouton ajouter attribut, liste d'attributs avec options (cle, compose, multvalue), bouton realigner, bouton supprimer.
• Pour les relations : nom, attributs de la relation, bouton supprimer.
• Pour les liens : cardinalite minimale et maximale pour chaque cote.
• Pour les generalisations : type (totale/partielle, exclusive/chevauchante).

Export et import

ER Designer offre plusieurs options pour exporter et importer votre travail.

Import JSON

Importe un fichier JSON precedemment exporte. Le diagramme remplacera celui actuellement sur le tableau.

Raccourcis clavier

Styles de diagramme

ER Designer propose trois styles differents pour representer le diagramme ER. Le style est choisi a la creation du projet mais peut etre change a tout moment via le bouton "Style" de la barre d'outils.

Pour changer de style en cours de travail, cliquez sur le bouton "Style" (icone engrenage) dans la barre d'outils. Le schema sera adapte automatiquement.

Restructuration de la base de donnees

La restructuration est le processus qui transforme le schema ER conceptuel en un schema optimise, pret pour la traduction en schema logique. ER Designer offre un guidage automatique pour ce processus.

Lancer la restructuration

Depuis le diagramme original, cliquez sur le bouton "Restructurer" dans la barre d'outils. Le systeme analysera votre schema et appliquera les transformations necessaires.

Ce que fait la restructuration

• Elimination des generalisations : les hierarchies ISA sont resolues.
• Elimination des attributs multivalues : remplaces par des entites separees reliees par des relations.
• Elimination des attributs composes : aplatis en attributs simples.
• Analyse des redondances et optimisation des parcours.

Naviguer entre les vues

Apres la restructuration, trois onglets apparaissent dans la barre du haut : "Diagramme" (schema original), "Restructure" (schema restructure) et "Schema Logique" (genere a partir du restructure). Vous pouvez basculer entre les vues a tout moment.

Schema logique

Le schema logique est la traduction du schema ER restructure dans le modele relationnel. ER Designer peut generer le schema logique sous forme textuelle et graphique.

Schema logique textuel

Le schema logique textuel montre les tables avec leurs champs dans un format texte lisible. Il est genere automatiquement a partir du diagramme restructure.

Pour generer le schema logique textuel, allez dans la vue "Restructure" ou "Schema Logique" et cliquez sur le bouton "Schema Logique" dans la barre d'outils.

Format du schema

Chaque table est affichee avec :

• Les cles primaires sont indiquees par un asterisque (*) souligne.
• Les cles etrangeres sont indiquees par un asterisque (*) et une reference a la table d'origine.
• Les autres attributs sont listes normalement.

Une legende en bas explique les symboles : * souligne = cle primaire, * = cle etrangere.

Schema logique graphique (tabulaire)

Le schema logique graphique represente les tables comme des rectangles avec les colonnes listees, relies par des lignes indiquant les relations.

Le schema logique graphique est genere automatiquement lorsque vous passez a la vue "Schema Logique" apres avoir restructure le diagramme.

Notation des cardinalites

Les connexions entre tables utilisent la notation "patte de corbeau" (crow's foot) :

• Une barre verticale (|) indique une cardinalite maximale de 1.
• Trois lignes en eventail ("patte") indiquent une cardinalite maximale de N.
• Un petit cercle (O) indique une cardinalite minimale de 0 (participation optionnelle).
• Une barre (|) du cote oppose indique une cardinalite minimale de 1 (participation obligatoire).

Classes (Eleve)

La section "Classes" est disponible apres l'activation du profil eleve. Elle vous permet de rejoindre les classes creees par les professeurs, de voir les devoirs et de remettre vos travaux.

Rejoindre une classe

1. Ouvrez "Classes" depuis le menu et cliquez sur "Rejoindre une classe".
2. Entrez le code de la classe fourni par le professeur.
3. Apres l'inscription, la classe apparaitra dans la liste "Mes classes".

Voir les devoirs

Ouvrez une classe pour voir les devoirs assignes. Pour chaque devoir, vous pouvez lire la description, telecharger les pieces jointes et creer le projet associe.

Creer le projet du devoir

Cliquez sur le devoir puis sur "Creer le projet" pour ouvrir un tableau preconfigure. Le projet sera automatiquement lie au devoir.

Devoirs (Professeur)

La section "Professeur" est disponible apres l'approbation du profil professeur. Elle permet de creer des classes, d'assigner des devoirs et de suivre les remises.

Creer une classe

1. Ouvrez "Professeur" depuis le menu.
2. Cliquez sur "Creer une classe" et entrez le nom.
3. Partagez le code de la classe avec vos eleves.

Assigner un devoir

1. Depuis "Professeur", cliquez sur "Nouveau devoir".
2. Selectionnez la classe.
3. Entrez titre, description et, si besoin, pieces jointes.
4. Enregistrez : le devoir sera immediatement visible pour les eleves.

Suivre les remises

Depuis "Travaux des eleves" vous pouvez voir le statut de chaque eleve. Vous pouvez ouvrir les projets et reouvrir un projet remis pour permettre des modifications.

Bibliotheque d'exercices

ER Designer inclut une bibliotheque d'exercices prets a l'emploi que vous pouvez assigner directement a vos classes.

Remise (Eleve)

Lorsque vous avez termine un devoir, vous pouvez remettre votre projet au professeur.

Comment remettre

1. Ouvrez le projet lie au devoir.
2. Verifiez que le diagramme est complet et correct.
3. Cliquez sur le bouton "Remettre" dans la barre d'outils.
4. Confirmez la remise dans la fenetre modale.

Regles importantes

• Apres la remise, le projet devient en lecture seule.
• Vous pouvez toujours exporter en PDF ou PNG apres la remise.
• Seul le professeur peut reouvrir un projet remis pour permettre des modifications.
• Un indicateur "Projet remis : non modifiable" apparaitra dans la barre d'outils.

Administration

Les fonctions d'administration sont disponibles exclusivement pour les utilisateurs avec le role ADMIN.

Approbation des demandes professeur

Quand un utilisateur demande le profil professeur, la demande apparait dans le panneau "Demandes professeur". L'admin peut approuver ou refuser chaque demande.

Gestion des utilisateurs

L'admin peut rechercher des utilisateurs, voir les details du profil, modifier les roles et activer ou desactiver les comptes. Il peut aussi voir les projets de chaque utilisateur.

Questions frequentes (FAQ)

Je ne vois pas "Classes" ou "Professeur" dans le menu

Verifiez vos roles actifs dans "Modifier le compte". Pour "Eleve", activez le profil. Pour "Professeur", envoyez une demande et attendez l'approbation.

J'ai remis un projet et je ne peux plus le modifier

C'est le comportement prevu : la remise rend le projet en lecture seule. Vous pouvez exporter en PDF ou PNG. Seul le professeur peut reouvrir le projet.

Le diagramme n'est pas visible (semble avoir disparu)

Le diagramme est peut-etre hors de la zone visible. Utilisez les boutons Fit, Zoom ou Center pour le recadrer.

Puis-je changer le style apres la creation ?

Oui, cliquez sur le bouton "Style" dans la barre d'outils a tout moment. Le diagramme sera adapte automatiquement.

Comment fonctionne la restructuration ?

La restructuration transforme le schema conceptuel en un schema optimise, eliminant generalisations, attributs composes et multivalues. Cliquez sur "Restructurer" pour lancer le processus.

Faut-il installer quelque chose ?

Non, ER Designer est une application web. Elle fonctionne directement dans le navigateur.

Les eleves peuvent-ils rejoindre avec un code ?

Oui, le professeur partage le code de la classe et l'eleve le saisit dans "Rejoindre une classe".

Le professeur peut-il reutiliser des exercices ?

Oui, le professeur peut assigner le meme exercice a differentes classes et utiliser la bibliotheque integree.

Puis-je utiliser ER Designer hors contexte scolaire ?

Bien sur. Le compte de base (ROLE_USER) permet de creer et gerer des projets de maniere independante.

Comment fonctionne le schema logique ?

Le schema logique est genere automatiquement a partir du diagramme restructure. Vous pouvez le visualiser en forme textuelle ou graphique (tables reliees avec notation crow's foot).

Reference rapide

Resume des pages principales, URLs et roles requis.