Architecture MVC et ses implémentations

1/26
100%

<!-- Slide number: 1 -->

MVC

Mod le-vue-contr leur

Pr senter par : Achraf Gharbi Jassem Chebli

Notes:

<!-- Slide number: 2 -->

![](Picture1.jpg)

Probl me

Sans s paration des pr occupations, un d veloppeur doit compter et attendre les flux des autres pour accomplir ses t ches.

![](Picture2.jpg)

Solution

Avec la s paration des pr occupations par MVC, on peut construire des applications plus rapidement, lunit les teste facilement sans aucune implication d'autres d veloppeurs.

1

<!-- Slide number: 3 -->

MVC

Pattern ? Framework ?

2

Notes:

<!-- Slide number: 4 -->

MVC Pattern

Ce motif est une r gle en trois parties,

qui exprime une relation entre un certain contexte de conception, pour un syst me de forces qui se produit plusieurs reprises dans ce contexte (probl me de conception r currente) et une certaine configuration logicielle qui permet ces forces de se r soudre .

3

Notes:

<!-- Slide number: 5 -->

![](Picture4.jpg)

4

<!-- Slide number: 6 -->

Mod le

" La couche Mod le repr sente la partie de votre application qui impl mente la logique m tier.

" repr sente les donn es d'une application.

" regroupe les donn es et op rations associ es pour fournir un service sp cifique.

" les services auxquels le contr leur acc de pour interroger ou effectuer un changement dans l' tat du mod le.

Publicité

" Le mod le notifie la vue lorsqu'un changement d' tat se produit dans le mod le.

5

<!-- Slide number: 7 -->

Vue

" responsable de rendre l' tat du mod le

" transmet l'entr e de l'utilisateur au contr leur

" rend la pr sentation de donn es mod lis es

" peut tre utilis pour d livrer une grande vari t de formats en fonction de vos besoins

6

<!-- Slide number: 8 -->

Contr leur

" responsable de l'interception et de la traduction de l'entr e de l'utilisateur dans les actions ex cuter par le mod le

" responsable de la s lection de la vue suivante en fonction de l'entr e de l'utilisateur et du r sultat des op rations du mod le

" g re les demandes des utilisateurs

" peut tre consid r s comme des gestionnaires qui prend soin que toutes les ressources n cessaires pour accomplir une t che.

7

<!-- Slide number: 9 -->

![](Picture4.jpg)

Exemple

Framework MVC PHP

8

<!-- Slide number: 10 -->

Framework MVC Symfony

![](Picture7.jpg)

9

<!-- Slide number: 11 -->

Alternatives

10

<!-- Slide number: 12 -->

The Model View Presenter Pattern MVP

![](Picture5.jpg)

11

Notes:

Publicité

<!-- Slide number: 13 -->

The Model View Presenter Pattern MVP

" Le mod le se r f re aux donn es et aux fonctionnalit s commerciales

" Les s lections sont des composants qui sp cifient la partie des donn es du mod le

" Les commandes sont des composants qui d finissent les op rations pouvant tre effectu es sur les donn es

" La vue est la repr sentation visuelle du mod le

" Les interacteurs sont des composants qui traitent de la fa on dont les v nements utilisateur sont mapp s sur les op rations effectu es sur le mod le

"Le pr sentateur est un composant qui orchestre l'interaction des composants

12

<!-- Slide number: 14 -->

The Presentation-Abstraction-Control Pattern PAC

![](Picture6.jpg)

13

<!-- Slide number: 15 -->

The Presentation-Abstraction-Control Pattern PAC

" La pr sentation est la repr sentation visuelle d'une abstraction particuli re dans l'application

" L'abstraction est la fonctionnalit du domaine d'activit de l'application

" Le contr le est un composant qui maintient la coh rence entre les abstractions du syst me et leur pr sentation l'utilisateur, en plus de communiquer avec d'autres contr les du syst me

14

<!-- Slide number: 16 -->

MVVM Model View ViewModel

![](Picture6.jpg)

15

<!-- Slide number: 17 -->

MVVM Model View ViewModel

Mod le :

Identique MVC / Pas de changement

Vue :

La vue se lie aux variables observables et aux actions expos es par viewModel de mani re flexible. Plus sur cela en minute.

VueMod le:

VueMod le est responsable du mod le et donn es de la vue. Il assure pour que la vue transmette les v nements au mod le. Le ViewModel n'est cependant pas li la vue.

16

<!-- Slide number: 18 -->

Publicité

Impl mentations

MVC

17

<!-- Slide number: 19 -->

MVC dans J2EE

Utilis pour s parer la fonctionnalit de la couche de gestion repr sent e par JavaBeans ou EJB (le mod le) de la fonctionnalit de couche de pr sentation repr sent e par les JSP (la vue) l'aide d'un contr leur bas sur une servlet interm diaire.

![](Picture5.jpg)

18

<!-- Slide number: 20 -->

Architecture du mod le J2EE

![](Picture3.jpg)

19

Notes:

<!-- Slide number: 21 -->

Architecture du mod le J2EE

s pare l'affichage du contenu de la logique utilis e pour obtenir et manipuler le contenu

" les demandes du navigateur client sont transmises au contr leur

" le contr leur ex cute toute logique n cessaire pour obtenir le contenu correct pour l'affichage

" place le contenu dans la requ te

" la vue rend alors le contenu transmis par le contr leur

20

<!-- Slide number: 22 -->

![](Picture5.jpg)

ASP.NET MVC fonctionnalit s

-S paration des t ches d'application, testabilit et d veloppement pilot par les tests par d faut

-Un puissant composant de mappage d'URL vous permet de cr er des applications qui ont des URL compr hensibles et consultables

-Prise en charge des fonctionnalit s ASP.NET existantes Le mod le MVC fonctionne via le routage d'URL vers des m thodes de contr leur sp cifiques et toute op ration retourne une m thode sp cifique du contr leur.

21

<!-- Slide number: 23 -->

ASP.NET MVC Versions

![](Picture7.jpg)

22

<!-- Slide number: 24 -->

Publicité

GUI Frameworks (Graphical user interfaces)

" Microsoft Foundation Class Library (MFC)

" ASP.NET MVC Framework

" Bloc d'application Microsoft Composite UI

" Cadre de d veloppement d'applications Oracle - Oracle ADF

" Java Swing

" Adobe Flex

23

<!-- Slide number: 25 -->

Web Frameworks MVC

" Java Hibernate

"Spring MVC Framework

"Struts

"Java Server Faces (JSF)

"ASP.NET MVC Framework

"Swing

" XForms

" Ruby on Rails

" Django

" Zend Framework

" Joomla

" CakePHP

![](Picture16.jpg)

![](Picture24.jpg)

![](Picture18.jpg)

![](Picture22.jpg)

![](Picture20.jpg)

24

<!-- Slide number: 26 -->

Merci Pour Votre Attention!

Notes:

Architecture MVC et ses implémentations

Logiciels et frameworks de développement Web · notes

Voir tous les documents en développement web

<!-- Slide number: 1 -->

MVC

Mod le-vue-contr leur

Pr senter par : Achraf Gharbi Jassem Chebli

Notes:

<!-- Slide number: 2 -->

![](Picture1.jpg)

Probl me

Sans s paration des pr occupations, un d veloppeur doit compter et attendre les flux des autres pour accomplir ses t ches.

![](Picture2.jpg)

Solution

Avec la s paration des pr occupations par MVC, on peut construire des applications plus rapidement, lunit les teste facilement sans aucune implication d'autres d veloppeurs.

1

<!-- Slide number: 3 -->

MVC

Pattern ? Framework ?

2

Notes:

<!-- Slide number: 4 -->

MVC Pattern

Ce motif est une r gle en trois parties,

qui exprime une relation entre un certain contexte de conception, pour un syst me de forces qui se produit plusieurs reprises dans ce contexte (probl me de conception r currente) et une certaine configuration logicielle qui permet ces forces de se r soudre .

3

Notes:

<!-- Slide number: 5 -->

![](Picture4.jpg)

4

<!-- Slide number: 6 -->

Mod le

" La couche Mod le repr sente la partie de votre application qui impl mente la logique m tier.

" repr sente les donn es d'une application.

" regroupe les donn es et op rations associ es pour fournir un service sp cifique.

" les services auxquels le contr leur acc de pour interroger ou effectuer un changement dans l' tat du mod le.

Publicité

" Le mod le notifie la vue lorsqu'un changement d' tat se produit dans le mod le.

5

<!-- Slide number: 7 -->

Vue

" responsable de rendre l' tat du mod le

" transmet l'entr e de l'utilisateur au contr leur

" rend la pr sentation de donn es mod lis es

" peut tre utilis pour d livrer une grande vari t de formats en fonction de vos besoins

6

<!-- Slide number: 8 -->

Contr leur

" responsable de l'interception et de la traduction de l'entr e de l'utilisateur dans les actions ex cuter par le mod le

" responsable de la s lection de la vue suivante en fonction de l'entr e de l'utilisateur et du r sultat des op rations du mod le

" g re les demandes des utilisateurs

" peut tre consid r s comme des gestionnaires qui prend soin que toutes les ressources n cessaires pour accomplir une t che.

7

<!-- Slide number: 9 -->

![](Picture4.jpg)

Exemple

Framework MVC PHP

8

<!-- Slide number: 10 -->

Framework MVC Symfony

![](Picture7.jpg)

9

<!-- Slide number: 11 -->

Alternatives

10

<!-- Slide number: 12 -->

The Model View Presenter Pattern MVP

![](Picture5.jpg)

11

Notes:

Publicité

<!-- Slide number: 13 -->

The Model View Presenter Pattern MVP

" Le mod le se r f re aux donn es et aux fonctionnalit s commerciales

" Les s lections sont des composants qui sp cifient la partie des donn es du mod le

" Les commandes sont des composants qui d finissent les op rations pouvant tre effectu es sur les donn es

" La vue est la repr sentation visuelle du mod le

" Les interacteurs sont des composants qui traitent de la fa on dont les v nements utilisateur sont mapp s sur les op rations effectu es sur le mod le

"Le pr sentateur est un composant qui orchestre l'interaction des composants

12

<!-- Slide number: 14 -->

The Presentation-Abstraction-Control Pattern PAC

![](Picture6.jpg)

13

<!-- Slide number: 15 -->

The Presentation-Abstraction-Control Pattern PAC

" La pr sentation est la repr sentation visuelle d'une abstraction particuli re dans l'application

" L'abstraction est la fonctionnalit du domaine d'activit de l'application

" Le contr le est un composant qui maintient la coh rence entre les abstractions du syst me et leur pr sentation l'utilisateur, en plus de communiquer avec d'autres contr les du syst me

14

<!-- Slide number: 16 -->

MVVM Model View ViewModel

![](Picture6.jpg)

15

<!-- Slide number: 17 -->

MVVM Model View ViewModel

Mod le :

Identique MVC / Pas de changement

Vue :

La vue se lie aux variables observables et aux actions expos es par viewModel de mani re flexible. Plus sur cela en minute.

VueMod le:

VueMod le est responsable du mod le et donn es de la vue. Il assure pour que la vue transmette les v nements au mod le. Le ViewModel n'est cependant pas li la vue.

16

<!-- Slide number: 18 -->

Publicité

Impl mentations

MVC

17

<!-- Slide number: 19 -->

MVC dans J2EE

Utilis pour s parer la fonctionnalit de la couche de gestion repr sent e par JavaBeans ou EJB (le mod le) de la fonctionnalit de couche de pr sentation repr sent e par les JSP (la vue) l'aide d'un contr leur bas sur une servlet interm diaire.

![](Picture5.jpg)

18

<!-- Slide number: 20 -->

Architecture du mod le J2EE

![](Picture3.jpg)

19

Notes:

<!-- Slide number: 21 -->

Architecture du mod le J2EE

s pare l'affichage du contenu de la logique utilis e pour obtenir et manipuler le contenu

" les demandes du navigateur client sont transmises au contr leur

" le contr leur ex cute toute logique n cessaire pour obtenir le contenu correct pour l'affichage

" place le contenu dans la requ te

" la vue rend alors le contenu transmis par le contr leur

20

<!-- Slide number: 22 -->

![](Picture5.jpg)

ASP.NET MVC fonctionnalit s

-S paration des t ches d'application, testabilit et d veloppement pilot par les tests par d faut

-Un puissant composant de mappage d'URL vous permet de cr er des applications qui ont des URL compr hensibles et consultables

-Prise en charge des fonctionnalit s ASP.NET existantes Le mod le MVC fonctionne via le routage d'URL vers des m thodes de contr leur sp cifiques et toute op ration retourne une m thode sp cifique du contr leur.

21

<!-- Slide number: 23 -->

ASP.NET MVC Versions

![](Picture7.jpg)

22

<!-- Slide number: 24 -->

Publicité

GUI Frameworks (Graphical user interfaces)

" Microsoft Foundation Class Library (MFC)

" ASP.NET MVC Framework

" Bloc d'application Microsoft Composite UI

" Cadre de d veloppement d'applications Oracle - Oracle ADF

" Java Swing

" Adobe Flex

23

<!-- Slide number: 25 -->

Web Frameworks MVC

" Java Hibernate

"Spring MVC Framework

"Struts

"Java Server Faces (JSF)

"ASP.NET MVC Framework

"Swing

" XForms

" Ruby on Rails

" Django

" Zend Framework

" Joomla

" CakePHP

![](Picture16.jpg)

![](Picture24.jpg)

![](Picture18.jpg)

![](Picture22.jpg)

![](Picture20.jpg)

24

<!-- Slide number: 26 -->

Merci Pour Votre Attention!

Notes: