1. UML – UnifiedModelingLanguage3/4 : diagrammes dynamiques et d’interaction Yannick Prié Département Informatique – Faculté des Sciences et Technologies Université Claude Bernard Lyon 1 2011-2012

2. Objectifs de ce cours Apprendre la syntaxe et la sémantique des diagrammes dynamiques et d’interaction les plus importants Améliorer au passage la compréhension de différents principes objets Remarque On ne traitera pas des cas d’utilisation ici, il y a un cours dédié 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

3. Plan Diagrammes d’interaction diagrammes de séquences diagrammes de communication Diagrammes d’activité Diagrammes de machines d’états Autres diagrammes UML Autres diagrammes non UML 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

5. ensemble de rôles joués par des classes

6. Interaction

7. communication entre instances des éléments d’une collaboration

8. ensemble partiellement ordonné de messages

9. plusieurs interactions possibles pour une même collaboration

10. Éléments d’une interaction

11. participants : objets le plus souvent

12. liens (supports de messages)

13. messages (déclenchant des opérations)

14. rôles joués par les extrémités de liens2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction Porte 1 Cabine +ouvrir() +fermer() +getEtat() : Etat ouverture 1: ouvrir() :Cabine :Porte 1: fermer() 2: getEtat() :Cabine :Porte

16. aspect chronologique ne rendant pas compte explicitement du contexte

17. permet de bien montrer qui fait quoi dans une interaction

18. Description de scénarios typiques et des exceptions2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction barre d’activation Elément 2 Elément 1 création m1 m2 Elément 3 retour create message trouvé m3 m4 destruction lignede vie message

20. structure spatiale permet la collaboration d’objets

21. dimension temporelle : ordre des messages

22. numérotation pointée1.3.1: moteur(marche) : Ascenseur 1: allumer() 1.3: déplacer(haut) 2: lecture(CD) utilisateur 1: monter() : Chaîne HiFi : Cabine 1.2: fermer() 2.1: lecture() 2.1.1: démarrer() : Porte 1.1: allumer() 2.1.2: afficherTitre() : Voyant : Lecteur CD

23. Petit exercice à faire en classe Dessiner un diagramme de communication impliquant des objets issus de ces classes 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

25. du système dans sa globalité au sein d’un cas d’utilisation

26. se concentrer sur les événements du système considéré comme boîte noire

27. diagramme de séquence système (exemple plus loin)

28. de plusieurs objets au sein d’un cas d’utilisation

29. réalisations de CU comme des interactions dans une société d’objets

30. diagramme de séquence de fonctionnement

31. conseil : concevoir diagrammes de classes et d’interaction en même temps

32. Illustrer/étudier un fonctionnement

33. diagramme qui traverse les couches : de l’IHM aux données

34. rétro-ingénierie2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

36. émetteur (source)

37. récepteur (destination)

38. Un message déclenche

39. une opération,

40. l’émission d’un signal

41. la création/destruction d’un objet

42. Deux types principaux

43. appel de procédure ou flot de contrôle emboîté (appel standard de fonction)

44. déplacer()

45. flot de contrôle asynchrone (threads)

46. démarrer()

47. autres : à plat, dérobant (réception si attente), minuté (message actif pendant t)2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

48. Messages dans les diagrammes de communication 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction résultat (UML1) argument Résultats et arguments A B message A B résultat : =message(arguments) Cabine Ascenseur Étage_courant : =étage?() Synchronisation Objet 1 Objet 2 m1, m2 / [condition] : m3 Itérateurs Garde Instituteur : Élèves A B *[i:= 1..n] : Debout() [X > Y] : message

50. Echange de messages

51. flèches d'appel standard

52. blocage de l’émetteur en attendant la réponse

53. flèche d'appel asynchrone

54. pas d’attente du retour, poursuite de la tâche

55. Retour

56. Message de création

57. Message de destruction

58. Lancement de l'interaction venant de l'extérieur

59. 1er message = « message trouvé »2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

61. Récupérer et utiliser (UML2 : structure composite)cluster:Cluster 1: unServeur:=trouver(specs) :serveur[*] serveurs client 1 * 2: traiter(requete) unServeur 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

62. Diagrammes de séquences dans UML2 En plus de objets participants (UML1), on ajoute interfaces pour spécifier quelle interface participe à l’interaction (la classe est peu importante) classes pour utiliser une méthode de classe Représentation polymorphisme / classe abstraite 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

63. Equivalence entre diagrammes de séquence et de communication Exercice : dessiner le diagramme de communication correspondant : IhmClient c1453: Compte Compte+code : ConsultationController vérifier code consulter compte obtenir solde 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction Affichersolde

64. Autreexemple 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

66. alt

67. fragment alternatif, conditions dans les gardes

68. loop

69. fragment à répéter tant que la condition de garde est vrai

70. notion de boîte d’action avec itérateur

71. opt

72. fragment optionnel exécuté si la garde est vraie

73. par

74. fragments qui s’exécutent en parallèle

75. region

76. region critique dans laquelle un seul thread doit s’exécuter

77. ref

78. passage à un autre diagramme de séquence

79. Attention

80. ne pas représenter des algorithmes : trop compliqué2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction op i++

81. alt 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction http://laurent-audibert.developpez.com/Cours-UML/

82. loop 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

83. par 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

85. associations

86. Messages

87. opérations

88. dépendances1: mA1(p) : A 1.1: mB1(p) 1.2: mC1(p) : B : C ? 1: mA2() : A 1.1: mD1() 1.2: mE1(p : F) Exercice : dessiner le diagramme de classes correspondant : D : E 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

90. des classes déjà décrites dans le diagramme de classes

91. des besoins nouveaux en objets pour l’interaction spécifique

92. A partir des diagrammes d’interaction, on complète le diagramme de classes

93. précisions (attribut, méthodes)

94. nouvelles classes

95. etc.

96. On essaye de réaliser tous les scénarios en convergeant vers un diagramme de classes stables2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction Diagramme de classes Diagramme de classes Diagramme de classes Diagrammes d’interactions Diagrammes d’interactions temps

97. Plan Diagrammes d’interaction diagrammes de séquences diagrammes de communication Diagrammes d’activité Diagrammes de machines d’états Autres diagrammes UML Autres diagrammes non UML 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

99. présenter les activités séquentielles d’un processus

100. activité = suite d’actions

101. Action

102. travail à réaliser

103. nœud du graphe

104. Transition

105. contrainte d’enchaînement

106. relation du graphe

107. Raffinements

108. débranchements / jointures

109. décisions / fusions

110. entrée / terminaison

111. ressources utilisées (objets)2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction i := i + 1 Ouvrir la porte Dossier.Ouvrir(Fichier) Envoyer facture Action 1 arc/flot Action 2

112. Exemple 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction nœud initial débranchement garde décision jonction :synchronisation fusion terminaison

113. Petit exercice à faire en classe Modéliser les activités autour d’un enseignement de l’UFR informatique. 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

115. qui fait quoi, où

116. les enchaînements d'activité (workflow)

117. Les flots de données

118. DFD (Data Flow Diagram) en UML

119. La logique procédurale

120. algorithmes complexes, parallèles

121. organisation séquentielle globale des activités de plusieurs objets

122. vs. diag. machines d’états : un objet2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

124. délai

125. envoi / réception

126. Utilisation d’objets

127. en entrée ou sortie d’action

128. Partitions (UML1 : swimlanes, travées)

129. montrer les responsabilités au sein du mécanisme ou d’une organisation

130. Décomposition des actions

131. appeler une sous-activité (un autre diagramme d’activité) dans une action2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction attendre 2 heures Envoyersignal1 Signal2reçu

132. Exécution Service client Service financier Livrer commande Commande Commande 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

134. cf. objets paramètres entrée/sortie actions

135. Régions d’expansion

136. actions qui se passent pour plusieurs éléments de même type (itératif ou concurrent)Choisir sujet région d’expansionconcurrente Liste de sujets « concurrent » Connecteurs Ecrire article Réviser article Publierbulletin terminaison de flot Liste d’articles

138. Trois stéréotypes d’objets

139. Case worker

140. interaction avec l’ext. de l’entreprise

141. Internalworker

142. travail à l’intérieur de l’entreprise

143. Entity

144. objet passif : stockage d’informations

145. Partitions / couloirs d’activité2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

146. :Commercial :Service juridique :Ingénieur :pdd 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

147. Plan Diagrammes d’interaction diagrammes de séquences diagrammes de communication Diagrammes d’activité Diagrammes de machines d’états Autres diagrammes UML Autres diagrammes non UML 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

148. Diagrammes de machines d’états Abstraction des comportements possibles pour une classe automate à états finis décrivant les chemins possibles dans le cycle de vie d’un objet Etat d’un objet situation stable d’un objet d'une certaine durée associée à un nom Transition entre états réponse de l’objet dans un certain état à l’occurrence d’un événement passage d’un état à un autre sur événement + condition respectée, action à exécuter 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction Événement État 1 État 2 Raccroché Sonnerie Décroché Ouvert Suspendu Archivé

149. Exemple de diagramme de machines d’états 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

150. Petit exercice à faire en classe Tracer un diagramme de machines d’états pour un objet « TP-Etudiant » Remarque méthode itérative et incrémentale (Larman) commencer par le scénario nominal ajouter les exceptions factoriser dès que ça devient trop compliqué. 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

152. décrire / fixer le comportement concret de la vie d’une objet lié à un ou plusieurs scénarios

153. Pour les classes complexes

154. objets réactifs complexes (objets métier…)

155. protocole et séquences légales (sessions…)

156. en général pas plus de 10% des classes d’une application

157. plus en télécommunication / moins en informatique de gestion

158. Larman

159. navigation dans un site web, IHM

160. enchaînement de pages/fenêtres2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

161. État initial État 1 entry / activité en entrée exit / activité en sortie evt-ext / activité interne do/ activité continue État 2 Événement(paramètres) [garde] / activité État final Syntaxe générale État do / activité activité interne continue qui peut être interrompue evt-ext / activité interne activité interne instantanée, auto-transition sur événement extérieur, instantanée, qui ne nécessite pas changement d’état entry / activité en entrée exit / activité en sortie activités internes instantanées Transition tout est facultatif mais absence d’événement rare événements résultants de messages entre objets internes : when(maximum atteint) temporels : after(3 jours) activité classique : envoyer un message à une cible sendcible.message(arguments) 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

162. Saisie mot de passe entry / ne plus afficher entrées clavierexit / réafficher les entrées clavieron aide / afficher l’aide do / gérer saisies de l’utilisateur Souris Fenêtre Click(position curseur)[sur bouton] / send fenêtre.fermer() fermer attente fermée ouverte Click(position curseur)[sur icône] / send fenêtre.ouvrir() ouvrir Porte de garage en cours d’ouverture fin ouverture / stop moteur Appui bouton / moteur AV Appui bouton / moteur AV fermée ouverte fin fermeture / stop moteur Appui bouton / moteur AR en cours de fermeture 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

163. http://www.agilemodeling.com/images/style/stateChartDiagramSeminarRegistration.gif Autre exemple 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

165. transitions déclenchées par le même événement, conduisant au même état

166. Transition interne

167. couple événement / activité sans effet sur l’état courant

168. permet de ne pas « réinitialiser » l’état en revenant à l’état de départ

169. se note en haut du super étatA B B A B1 E1 A B B2 E2 C E2 B A A B E1 B1 E2 C B2 Super-états / états composites 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

170. Exemple super-état pièce / incrémenter somme 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

173. déconseillé

174. Utilisation du pattern état

175. arborescence de classes états

176. délégation de la gestion de l’état

177. Tables d’états

178. représentation tabulaire du diagramme

179. état source, cible, événement, garde, procédure à exécuter

180. permet de « paramétrer » le comportement de la classe 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

181. Plan Diagrammes d’interaction diagrammes de séquences diagrammes de communication Diagrammes d’activité Diagrammes de machines d’états Autres diagrammes UML Autres diagrammes non UML 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

182. Vued'ensemble des interactions Mixte diagramme activité / diagrammes de séquences les actions sont remplacées par des diagrammes de séquence Utilisé ? 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

184. ligne de vie horizontale

185. Utilisé surtout dans les applications temps réel2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction État Changement d’état Plus d’eau Allumé Pompe Éteint Allumé Plaquechauffante Éteint { < 15 min } Objet { > 10 s } Contrainte temporelle (Fowler 04)

187. parties, connecteurs

188. Montrer les réalisations / utilisations d’interfaces

189. ports, interfaces

190. Adaptés pour les composantsIHM commande TV Télécommande 1 commandes:Contrôleur affichage :Générateur[1] Connecteur de délégation API de commande TV réglage flot d’images (Fowler 04)

191. Diagrammes de collaborations Non officiels dans UML2, se rapprochent des diagrammes de structure composite Permettent de présenter les éléments impliqués dans une collaboration, et le rôle qu’ils y jouent fixer les éléments et les rôles pour les diagrammes d’interaction En théorie utilisés pour représenter des patterns 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

192. Plan Diagrammes d’interaction diagrammes de séquences diagrammes de communication Diagrammes d’activité Diagrammes de machines d’états Autres diagrammes UML Autres diagrammes non UML 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

194. diagramme de classe

195. une classe système

196. tous les acteurs autour

197. Diagramme de contexte dynamique

198. diagramme de communication qui résume les messages entre système et acteurs (pas de numérotation)

199. Diagramme de contexte statique étendu

200. diagramme de contexte statique avec

201. Attributs et opérations de hauut niveau pour le système et les acteurs non humains

202. Remarque

203. « diagrammes de classes avec messages »

204. diagramme de classe avec résumé des messages entre classes2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

205. Diagramme de flux d'écrans informel(Fowler, 2004) Un rectangle par écran Des flèches pour la navigation éventuellement un nom signifiant le lien 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction Accueil Recherche Resultats Changements récents Une page

207. Deux parties

208. conditions

209. conséquences 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction

211. à la base inventé pour l’enseignement

212. Jouer des scénarios avec des cartes

213. 5-6 participants

214. Une carte

215. nom de classe

216. tableau à deux colonnes

217. responsabilité de la classe : quelque chose d’un objet doit faire

218. collaborateurs : classes avec lesquelles il faut collaborer pour assurer la responsabilité

219. Jeu

220. déterminer des classes de départ avec responsabilités évidentes

221. jouer les scénarios, ajouter les responsabilités, créer de nouvelles classes, etc.

222. Voir par exemple

223. http://www.csc.calpoly.edu/~dbutler/tutorials/winter96/crc_b/2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction Classe Responsabilite1 Coll1,2

224. A suivre UML 4/4 : concepts avancés 2010-2011 / Yannick Prié - Université Claude Bernard Lyon 1 | UML : Diagrammes dynamiques et d'interaction