1. Au programme aujourd’hui

  • Démarche globale

  • Modèle / Vue / Contrôleur

  • Outil de dessin de maquettes

  • Génération de code Java depuis UML

  • Diagrammes UML et outils

2. Exemple complet

Nous allons aborder une étude de cas tirée du livre de Pascal Roques.

prfc

Pour un aperçu du livre, cf. http://www.editions-eyrolles.com/Chapitres/9782212110708/chap01.pdf.

2.1. Le cahier des charges

Il s’agit de développer un service de vente en ligne (http://jeBouquine.com).

Depuis l’écriture du livre un vrai site de vente utilise cette URL!

2.2. Des besoins au code

(c) Pascal Roques
Figure 1. Le gap à combler (image tirée de [Roques2007a])

2.3. Raffinement des besoins

(c) Pascal Roques
Figure 2. Raffinement des besoins (image tirée de [Roques2007a])

2.4. Près du code

(c) Pascal Roques
Figure 3. Près du code (image tirée de [Roques2007a])

2.5. Comment trouver les classes ?

(c) Pascal Roques
Figure 4. Comment trouver les classes ? (image tirée de [Roques2007a])

2.6. Comment trouver les interactions ?

(c) Pascal Roques
Figure 5. Comment trouver les interactions ? (image tirée de [Roques2007a])

2.7. Liens entre diagrammes

(c) Pascal Roques
Figure 6. Liens entre diagrammes (image tirée de [Roques2007a])

2.8. Démarche complète

(c) Pascal Roques
Figure 7. Démarche complète (image tirée de [Roques2007a])

3. Modèle / Vue / Contrôleur

mvc exp1 ds
mvc exp1 ds mvc
mvc
mvc exp1 uc
mvc exp1 dss
mvc exp1 ds
mvc exp1 ds mvc
mvc dcp
mvc exp1 cd
mvc exp1 ds mvc
mvc exp1 vue
mvc exp1 ds mvc
mvc exp1 cc
mvc exp1 ds mvc
mvc zoo

4. Outil de dessin de maquettes

  • Balsamiq

  • Figma

  • …​

5. Balsamiq

https://iutblagnac.mybalsamiq.com/projects/voismabalade

balsamiq
Figure 8. Maquettes en Balsamiq

6. Figma

https://www.figma.com/ui-design-tool/

7. Génération de code Java depuis UML

8. Démo UMPLE

9. Diagrammes UML et outils

10. Liste des diagrammes

  • D. des Cas d’Utilisation (ou des Use Cases) UC

  • D. de Séquence Système DSS

  • D. de Séquence DS

  • D. de Classe Participantes DCP

  • D. de Classes DC

11. Démo StarUML

12. Démo plantUML

13. About…​

Document généré par jean-michel.bruel@univ-tlse2.fr via AsciiDoc (version 8.6.8) de 'Stuart Rackham'. La version file:main.deckjs.html[présentation] a été générée en utilisant deckjs © de 'Qingping Hou'. Pour l’instant ce document est libre d’utilisation et géré par la 'Licence Creative Commons'. Licence Creative Commons licence Creative Commons Paternité - Partage à l'Identique 3.0 non transposé.