-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path04-activity.html
152 lines (143 loc) · 6.28 KB
/
04-activity.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<section id="activity">
<section>
<h2>Diagramme d'activité</h2>
<h3>Catégorie : comportement</h3>
</section>
<section>
<h3>Présentation</h3>
<blockquote>
<p>An Activity is a kind of Behavior that is specified as a graph of nodes interconnected by edges.</p>
<cite>- Object Management Group</cite>
</blockquote>
<blockquote>
<p>Le diagramme d'activité est un diagramme permettant de représenter le déclenchement d'événements en fonction des états du système et de modéliser des comportements parallélisables. Le diagramme d'activité est également utilisé pour décrire un flux de travail (workflow).</p>
<cite>- Wikipedia</cite>
</blockquote>
</section>
<section>
<h3>Principaux éléments graphiques</h3>
<table class="table-elements">
<thead>
<tr>
<th>Nom</th>
<th>Représentation</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>Activity</td>
<td><img src="assets/images/activity-activity.png" alt="Activity"></td>
<td>Elément permettant de regrouper un ensemble d'actions.</td>
</tr>
<tr>
<td>Action</td>
<td><img src="assets/images/activity-action.png" alt="Action"></td>
<td>Elément permettant de représenter une tâche.</td>
</tr>
<tr>
<td>Initial Node</td>
<td><img src="assets/images/activity-initial-node.png" alt="Initial Node"></td>
<td>
<p>Représente le début d'un ensemble d'actions.</p>
</td>
</tr>
<tr>
<td>Activity Final Node</td>
<td><img src="assets/images/activity-activity-final-node.png" alt=" Activity Final Node"></td>
<td>
<p>Représente la fin d'un ensemble d'actions.</p>
</td>
</tr>
<tr>
<td>Flow Final Node</td>
<td><img src="assets/images/activity-flow-final-node.png" alt="Flow Final Node"></td>
<td>
<p>Représente la fin d'un sous-ensemble d'actions.</p>
</td>
</tr>
</tbody>
</table>
</section>
<section>
<h3>Principaux éléments graphiques</h3>
<table class="table-elements">
<thead>
<tr>
<th>Nom</th>
<th>Représentation</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>Object Flow</td>
<td><img src="assets/images/activity-object-flow.png" alt="Object Flow"></td>
<td>Représente les échanges entre les objets et actions.</td>
</tr>
<tr>
<td>Fork / Join Node</td>
<td><img src="assets/images/activity-fork-join-node.png" alt="Fork / Join Node"></td>
<td>Permet de joindre ou diviser un flux d'activités qui s'exécuteront en parallèle.</td>
</tr>
<tr>
<td>Decision / Merge Node</td>
<td><img src="assets/images/activity-decision-merge-node.png" alt="Decision / Merge Node"></td>
<td>
<p>Représente une condition pouvant entraîner deux chemins différents.</p>
</td>
</tr>
<tr>
<td>Swimlane</td>
<td><img src="assets/images/activity-swimlane.png" alt="Swimlane"></td>
<td>
<p>Permet d'identifier les acteurs dans un diagramme d'activité.</p>
</td>
</tr>
</tbody>
</table>
</section>
<section>
<h3>Exemple</h3>
<img src="assets/images/diagram-activity-example.png" alt="Diagramme d'activité">
</section>
<section>
<h3>Diagramme d'état-machine</h3>
<div class="container">
<div class="col">
<p>Le diagramme d'état-machine est similaire au diagramme d'activité mais il <strong>représente des états et non des actions</strong>.</p>
<p>Il représente les <strong>états intermédiaire</strong> définis par les actions du diagramme d'activité.</p>
</div>
<div class="col">
<img src="assets/images/diagram-state-machine-example.png" alt="Diagramme état-machine">
</div>
</div>
</section>
<section>
<h3>Exercice</h3>
<p>Réalisez un diagramme d'activité pour un distributeur de boisson.</p>
<div class="instructions">
<ol>
<li>L'utilisateur insert une pièce de monnaie dans le distributeur puis choisit un produit.</li>
<li>Le produit est disponible ou non (si non, une demande de réapprovisionnement est envoyée).</li>
<li>Si le produit est disponible, le distributeur vérifie si il y a assez de pièces (si non, l'utilisateur devra insérer plus de pièces).</li>
<li>Le distributeur active ensuite le mécanisme et l'utilisateur peut alors récupérer le produit.</li>
</ol>
</div>
</section>
<section>
<h3>Exercice</h3>
<p>Réalisez un diagramme d'activité pour le déroulement d'un projet informatique.</p>
<div class="instructions">
<ol>
<li>Le client rédige une demande.</li>
<li>Le chef de projet rédige le cahier des charges par rapport à cette demande.</li>
<li>Le client valide le cahier des charges (si non, le chef de projet le modifie).</li>
<li>L'équipe de développement créée l'application demandée.</li>
<li>En parallèle, un manuel d'utilisation de l'application est rédigé.</li>
<li>Des tests sont réalisés (si ils ne sont pas validés, retour à l'équipe de développement).</li>
<li>L'application et le manuel d'utilisation sont envoyés au client.</li>
</ol>
</div>
</section>
</section>