12
1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique et développement Mise en perspective dans la chaîne de production

1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique

Embed Size (px)

Citation preview

Page 1: 1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique

1

Dévelo

ppem

en

t W

EB

- F

ranço

is.P

fist

er

@ e

ma.f

r e

t Pie

rre.jean @

em

a.f

r

Intro ArchiPhp

Java ?MVC

Architecture et développement Web

●Orienté technique et développement●Mise en perspective dans la chaîne de production

Page 2: 1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique

2

Dévelo

ppem

en

t W

EB

- F

ranço

is.P

fist

er

@ e

ma.f

r e

t Pie

rre.jean @

em

a.f

r

Intro ArchiPhp

Java ?MVC

Le processus

Il assure 4 fonctions:•Déterminer l’ordre des activités d’une

équipe•Spécifier les artefacts à développer•Guider la tâche des développeurs•Définir les critères de contrôle des

produits et des activités du projetExemples: UP, Iconix, XP

Page 3: 1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique

3

Dévelo

ppem

en

t W

EB

- F

ranço

is.P

fist

er

@ e

ma.f

r e

t Pie

rre.jean @

em

a.f

r

Intro ArchiPhp

Java ?MVC

Les workflows

•Direction de projet•Capture des besoins•Analyse•Conception• Implémentation•Tests•Déploiement•Gestion de configuration et des

changements

Page 4: 1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique

4

Dévelo

ppem

en

t W

EB

- F

ranço

is.P

fist

er

@ e

ma.f

r e

t Pie

rre.jean @

em

a.f

r

Intro ArchiPhp

Java ?MVC

Le langage de modélisation

UML: Unified Modeling LanguageLa notation utilise des diagrammes:•Diagramme de classes•Diagramme de séquence•Diagramme de collaboration•Diagramme d’états•Diagramme d’activités•Diagramme de robustesse

Page 5: 1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique

5

Dévelo

ppem

en

t W

EB

- F

ranço

is.P

fist

er

@ e

ma.f

r e

t Pie

rre.jean @

em

a.f

r

Intro ArchiPhp

Java ?MVC

Importance des cas d’utilisation

•Etudes de cas textuelles•Diagrammes de cas•C’est le point de départ du processus•Seront utilisés tout au long du projet,

notamment pour la validation et la documentation

Page 6: 1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique

6

Dévelo

ppem

en

t W

EB

- F

ranço

is.P

fist

er

@ e

ma.f

r e

t Pie

rre.jean @

em

a.f

r

Intro ArchiPhp

Java ?MVC

Le modèle de comportement

•La cinématique de navigation est décrite à l’aide d’un diagramme d’états

•Cette cinématique est celle d’une machine à états finis

•La machine à états est lisible dans le texte du programme

Page 7: 1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique

7

Dévelo

ppem

en

t W

EB

- F

ranço

is.P

fist

er

@ e

ma.f

r e

t Pie

rre.jean @

em

a.f

r

Intro ArchiPhp

Java ?MVC

Le modèle de comportement

Page 8: 1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique

8

Dévelo

ppem

en

t W

EB

- F

ranço

is.P

fist

er

@ e

ma.f

r e

t Pie

rre.jean @

em

a.f

r

Intro ArchiPhp

Java ?MVC

La machine à états est lisible

function nextState($etat,$condition,$params){switch("$etat.$condition"){case "contact.ACT_MODIFY":

$cible="contact";break;

case "contact.ACT_DELETE":$cible="contact";break;

case "contact.ACT_FIND":case "contact.ACT_OK":

$cible="contact";break;

case "contact.ACT_DETAIL":$cible="address";break;

case "address.ACT_NEW":$cible="address";break;

Page 9: 1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique

9

Dévelo

ppem

en

t W

EB

- F

ranço

is.P

fist

er

@ e

ma.f

r e

t Pie

rre.jean @

em

a.f

r

Intro ArchiPhp

Java ?MVC

des actions sont associées aux transitions

case "contact.ACT_MODIFY":if (contactValidate_($condition,$params)){

contactUpdate($params);}contactNavigate($params);$cible="contact";break;

case "contact.ACT_DELETE":contactDelete($params);contactNavigate($params);$cible="contact";break;

case "contact.ACT_FIND":case "contact.ACT_OK":

contactNavigate($params);$cible="contact";break;

case "contact.ACT_DETAIL":$params['idContact']=$params["id_contact"];contactNavigate($params);addressNavigate($params);$cible="address";break;

Page 10: 1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique

10

Dévelo

ppem

en

t W

EB

- F

ranço

is.P

fist

er

@ e

ma.f

r e

t Pie

rre.jean @

em

a.f

r

Intro ArchiPhp

Java ?MVC

Le paradigme MVC

Un site dynamique doit respecter le paradigme Modèle-Vue-Controleur

•La vue: présenté à l’utilisateur•Le modèle: les données

indépendantes•Le contrôleur: chef d’orchestre,

aiguillage, et en plus fait tout le travail

Page 11: 1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique

11

Dévelo

ppem

en

t W

EB

- F

ranço

is.P

fist

er

@ e

ma.f

r e

t Pie

rre.jean @

em

a.f

r

Intro ArchiPhp

Java ?MVC

Les symboles (stéréotypes)

•Acteur extérieur au système

•Interface, ou vue

•Objet de contrôle

•Entité, objet de stockage

Page 12: 1 Développement WEB - François.Pfister @ ema.fr et Pierre.jean @ ema.fr Intro Archi Php Java ? MVC Architecture et développement Web Orienté technique

12

Dévelo

ppem

en

t W

EB

- F

ranço

is.P

fist

er

@ e

ma.f

r e

t Pie

rre.jean @

em

a.f

r

Intro ArchiPhp

Java ?MVC

Le diagramme de robustesse