Module 2Représenter la vue dynamique d'un système
Chapitre 7 sur 12
Actions, décisions, bifurcations et unions, couloirs, nœuds d'objet et signaux, pour modéliser un processus ou un algorithme.
Objectifs
Avec ce chapitre, tu sauras…
:::savoir Un chapitre rédigé à partir du programme Le résumé théorique fourni s'arrête avant ce chapitre. Son contenu suit l'intitulé officiel (« Décrire le comportement d'un système à l'aide d'un diagramme d'activités ») et la norme UML 2.5. :::
Leçon 1
On l'utilise à trois niveaux :
| Usage | Exemple |
|---|---|
| modéliser un processus métier (workflow) de l'entreprise, souvent avant l'informatisation | le traitement d'une commande, de la réception au paiement et à la livraison, entre le client, le site, la librairie et le transporteur |
| détailler le déroulement d'un cas d'utilisation, scénario nominal et alternatifs dans un seul diagramme | « S'authentifier » avec ses branches d'erreur |
| décrire l'algorithme d'une opération complexe | le calcul des frais de livraison selon la ville, le poids et le montant |
| Diagramme d'états-transitions (chapitre 6) | Diagramme d'activités | |
|---|---|---|
| centré sur | un objet et ses états | un traitement et ses actions |
| les rectangles arrondis sont | des états (on y attend) | des actions (on y fait quelque chose) |
| on passe au suivant quand | un événement arrive | l'action précédente est terminée |
| couvre | tout le cycle de vie d'une classe | un processus qui peut impliquer plusieurs acteurs et objets |
Vidéo · À regarder
FRDiagramme d'Activité UML : Cours et Exercice Corrigé
Prof. Fatimazahra BARRAMOU · YouTube
Leçon 2
| Élément | Notation | Rôle |
|---|---|---|
| nœud initial | disque noir | le début de l'activité (un seul en général) |
| action | rectangle aux coins arrondis contenant un verbe | une étape élémentaire : « Saisir l'adresse », « Calculer le total » |
| flot de contrôle | flèche | l'enchaînement : l'action suivante démarre quand la précédente est terminée |
| nœud de décision |
Leçon 3
Vidéo · À regarder
FRDiagramme d'Activité UML : Cours et Exercice Corrigé
Prof. Fatimazahra BARRAMOU · YouTube
Leçon 4
Vidéo · À regarder
FRDiagramme d'Activité UML : Cours et Exercice Corrigé
Prof. Fatimazahra BARRAMOU · YouTube
Leçon 5
| Élément | Notation | Exemple |
|---|---|---|
| nœud d'objet | rectangle (non arrondi) avec le nom de l'objet et éventuellement son état entre crochets | :Commande [payée] produite par « Enregistrer la commande » et utilisée par « Préparer la commande » ; le flot qui le traverse est un flot d'objets |
| envoi de signal | pentagone en forme de flèche sortante | « Envoyer la notification » |
| réception d'événement (acceptation) | pentagone avec une encoche entrante | « Paiement reçu » : l'activité attend ce signal |
Leçon 6
1Dans un diagramme d'activités, un rectangle arrondi représente…
2La barre épaisse avec une entrée et plusieurs sorties est…
3Le nœud qui attend la fin de toutes les branches parallèles est…
4Le nœud qui arrête seulement une branche est…
5Les couloirs servent à montrer…
6Les gardes d'un nœud de décision doivent être…
7Un sablier représente…
8Pour décrire le cycle de vie d'un seul objet, on préfère…
L'essentiel du chapitre
[else]) ; bifurcation et union (barres épaisses, parallélisme, l'union attend toutes les branches).Objet [état]) ; envoi et réception de signal ; sablier (temps).if, while et appels de méthodes.losange avec une entrée et plusieurs sorties gardées [condition] |
| un choix : un seul chemin est pris |
| nœud de fusion | losange avec plusieurs entrées et une sortie | la fin d'un choix : les chemins se rejoignent |
| bifurcation (fork) | barre épaisse avec une entrée et plusieurs sorties | le début d'actions parallèles |
| union (join) | barre épaisse avec plusieurs entrées et une sortie | on attend que toutes les branches parallèles soient terminées |
| nœud de fin d'activité | disque noir cerclé | toute l'activité s'arrête (y compris les branches parallèles en cours) |
| nœud de fin de flux | cercle barré d'une croix | seule cette branche s'arrête ; les autres continuent |
Vidéo · À regarder
FRDiagramme d'Activité UML : Cours et Exercice Corrigé
Prof. Fatimazahra BARRAMOU · YouTube
| événement temporel | sablier | « Tous les jours à 2 h », « 7 jours après » |
| note | rectangle au coin corné | explication libre |
Vidéo · À regarder
FRDiagramme d'Activité UML : Cours et Exercice Corrigé
Prof. Fatimazahra BARRAMOU · YouTube
Vidéo · À regarder
FRDiagramme d'Activité UML : Cours et Exercice Corrigé
Prof. Fatimazahra BARRAMOU · YouTube
Ce que tu vas voir (3 min) : les chapitres « Définition du diagramme d'activité », « Diagramme d'activité ou diagramme d'états ». La professeure définit le diagramme d'activités et le compare au diagramme d'états-transitions.
Certaines actions peuvent se faire en même temps, ou dans un ordre quelconque. La bifurcation ouvre plusieurs branches ; l'union attend la fin de toutes les branches avant de continuer.
@startuml
start
:Recevoir la confirmation de paiement;
fork
:Générer la facture PDF;
:Envoyer la facture par e-mail;
fork again
:Réunir les livres;
:Emballer le colis;
fork again
:Mettre à jour le stock;
end fork
:Remettre le colis au transporteur;
stop
@endumlLe losange de fusion laisse passer le flux dès qu'un chemin arrive (un seul chemin était actif, après un choix). La barre d'union attend que tous les chemins arrivent (ils étaient tous actifs, en parallèle). Se tromper de symbole change complètement le sens du diagramme.
Ce que tu vas voir (2 min) : les chapitres « Bifurcation et union (fork / join) », « Fin de flot ». Elle explique la bifurcation (fork) et l'union (join) pour les actions parallèles, puis la fin de flot.
Les partitions, ou couloirs (swimlanes), découpent le diagramme en colonnes : chacune correspond à un acteur, un service ou un système responsable des actions qu'elle contient. On voit ainsi qui fait quoi, et à quels moments le processus passe d'un responsable à l'autre.
@startuml
|Client|
start
:Valider son panier;
:Choisir le retrait ou la livraison;
:Payer en ligne;
|Site Kitab|
if (paiement accepté ?) then ([oui])
:Enregistrer la commande;
:Envoyer la confirmation;
else ([non])
:Afficher l'échec du paiement;
|Client|
stop
endif
|Libraire|
:Préparer la commande;
if (retrait en magasin ?) then ([oui])
:Prévenir le client par SMS;
|Client|
:Retirer la commande au magasin;
else ([non])
|Transporteur|
:Livrer le colis;
|Client|
:Réceptionner le colis;
endif
stop
@endumlCe que tu vas voir (1 min) : les chapitres « Partitions (couloirs) ». Elle montre les partitions (couloirs) : chaque couloir regroupe les actions d'un acteur.
La démarche
Kitab accepte les retours sous 14 jours. Modélise en couloirs (Client, Site, Libraire, Service de paiement) le processus : le client fait une demande de retour en ligne ; le site vérifie le délai (refus si dépassé) ; le client dépose le livre au magasin ; le libraire contrôle l'état du livre ; s'il est abîmé, le retour est refusé et le livre rendu au client ; sinon, en parallèle, le libraire remet le livre en stock et le service de paiement rembourse le client ; enfin le site envoie un e-mail de confirmation.
Dessine le diagramme d'activités du cas « Chercher des ouvrages » : l'internaute saisit un mot-clé ; si le champ est vide, le système affiche un message ; sinon il cherche dans le catalogue ; s'il n'y a aucun résultat, il propose des suggestions ; sinon il affiche la liste, que l'internaute peut filtrer (par prix, langue, catégorie) autant de fois qu'il le souhaite avant de choisir un livre.
Pour l'inscription d'un nouveau stagiaire à l'ISTA, place les actions dans un diagramme en utilisant une bifurcation et une union là où c'est possible : vérifier le dossier ; créer le compte sur la plateforme ; imprimer la carte de stagiaire ; affecter à un groupe ; envoyer l'e-mail de bienvenue avec les identifiants ; remettre la carte et l'emploi du temps. (Indice : on ne peut pas affecter un groupe avant d'avoir vérifié le dossier, ni envoyer les identifiants avant d'avoir créé le compte.)
Les conditions de garde qui sortent d'un nœud de décision doivent être exclusives (une seule vraie à la fois) et complètes (il y en a toujours une de vraie) : ajoute [else] (ou [sinon]) si nécessaire, comme pour le point de décision du chapitre 6.
@startuml
start
:Afficher la page d'authentification;
repeat
:Saisir login et mot de passe;
if (champs vides ?) then ([oui])
:Afficher « champs obligatoires »;
elseif (identifiants valides ?) then ([oui])
:Ouvrir la session;
:Afficher la page d'accueil;
stop
else ([non])
:Incrémenter le nombre d'échecs;
:Afficher un message d'erreur;
endif
repeat while (nombre d'échecs < 3 ?) is ([oui])
:Verrouiller l'accès 15 minutes;
stop
@endumlCe diagramme regroupe en une seule image le scénario nominal et les deux scénarios alternatifs de la fiche « S'authentifier » (chapitre 2), ainsi que son exigence non fonctionnelle (le verrouillage après trois échecs).
Ce que tu vas voir (5 min) : les chapitres « Concepts de base et symboles », « Début et fin », « Action », « Transition », « Activité », « Nœud de décision », « Nœud de fusion », « Itérations ». Elle présente les éléments de base : début, fin, action, transition, activité, nœud de décision, nœud de fusion et itérations.
@startuml
start
:Créer la réservation;
:Réservation : enregistrée]
:Attendre l'arrivée du livre<
:Envoyer un SMS au client>
:Livre disponible 7 jours;
if (livre retiré ?) then ([oui])
:Clôturer la réservation;
else ([non, après 7 jours])
:Remettre le livre en rayon;
endif
stop
@endumlDans ce rendu, « Réservation : enregistrée » est un nœud d'objet (rectangle ; en UML, on écrit l'état entre crochets : Réservation [enregistrée]), « Attendre l'arrivée du livre » une réception d'événement (encoche) et « Envoyer un SMS au client » un envoi de signal (flèche).
Ce que tu vas voir (3 min) : les chapitres « Flot d'objets (nœud objet) », « Événements ». Elle présente le flot d'objets (nœud objet) et les événements (signaux) dans un diagramme d'activités.
Un diagramme d'activités qui décrit un algorithme se traduit directement en code : décision → if, boucle → while/do…while, action → instruction ou appel de méthode.
<?php
function fraisLivraison(string $ville, float $poidsKg, float $montant): float
{
if ($montant >= 300) { // décision [montant ≥ 300 DH]
return 0.0; // livraison offerte
}
$frais = in_array($ville, ['Rabat', 'Fès'], true) ? 20.0 : 35.0; // décision sur la ville
if ($poidsKg > 2) { // décision [poids > 2 kg]
$frais += 10 * ceil($poidsKg - 2); // 10 DH par kilo supplémentaire entamé
}
return $frais;
}
echo fraisLivraison('Rabat', 1.2, 150), "\n"; // 20
echo fraisLivraison('Agadir', 3.5, 150), "\n"; // 55
echo fraisLivraison('Tanger', 5, 320), "\n"; // 0Ce que tu vas voir (jusqu'à la fin) : les chapitres « Exemple de diagramme d'activité », « Créer un diagramme d'activité dans Astah UML », « Exercice corrigé ». Elle commente un exemple complet, le construit dans Astah UML, puis corrige un exercice.
Dessine le diagramme d'activités de la fonction fraisLivraison() (section 6), puis calcule les frais pour : (1) Fès, 0,8 kg, 120 DH ; (2) Oujda, 2,3 kg, 299 DH ; (3) Rabat, 6 kg, 300 DH.