SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
Développement
des applications web
     avec J2EE

    Réalisé par:
  Jihed DGHAIES
   Copyright club CFEM ©2010




                        Modèle MVC
Programme


 1   Design pattern MVC

 2   Modèle

 3   Vue

 4   Contrôleur

 5
 3   J2EE et MVC


                          2/12
Design pattern MVC 1/3


 Le     Model-View-Controller (MVC) est un pattern d’architecture
   logicielle largement répandu. Il a été créé dans les années 1980 par
   Xerox PARC.

 il repose sur la volonté de séparer les données, les traitements et la
   présentation.

 Plus récemment, il a été recommandé comme modèle pour la plate-
   forme J2EE de Sun et gagne fortement en popularité auprès des
   développeurs, quel que soit le langage utilisé.




                                                                           3/12
Design pattern MVC 2/3


 Avantages :
    Séparation des compétences (design, base de données,
     application)
    Simplicité de mise à jour
    Vitesse de création de pages


 Inconvénient :
    Pages plus lentes à afficher (hors cache).
    Plus de ressources consommées.
    Développement initial plus long




                                                            4/12
Design pattern MVC 3/3




                         5/12
Modèle




 Le modèle représente les données et les règles métiers.
  C'est dans ce composant que s'effectuent les traitements
  liés au cœur du métier.




                                                             6/12
Vue




 représente l'interface utilisateur. Elle n'effectue
  aucun traitement, elle se contente simplement
  d'afficher les données que lui fournit le modèle. Il
  peut tout à fait y avoir plusieurs vues qui présentent
  les données d'un même modèle.




                                                           7/12
Contrôleur




 Le contrôleur se charge d'intercepter les requêtes de
  l'utilisateur, d'appeler le modèle puis de rediriger vers la
  vue adéquate. Il ne doit faire aucun traitement. Il ne fait
  que de l'interception et de la redirection.




                                                                 8/12
J2EE et MVC


 L'architecture J2EE permet de séparer les couches.

 la couche présentation, correspondant à l'interface homme-
  machine (IHM).

 la couche métier contenant l'essentiel des traitements de
  données.


 la couche de données correspondant aux informations de
  l'entreprise stockées dans des fichiers, dans des bases
  relationnelles ou XML, dans des annuaires d'entreprise..


                                                               9/12
J2EE et MVC

Reçoit les messages de la
couche présentation. Extrait
les objets de la couche
accès aux données et
envoie les réponses à
l’utilisateur.




                                                             Extrait les données de
                                                             l’application.   Il    les
                                                             encapsulent dans des
                                                             objets et les retourne au
                                                             contrôleur.

                     La couche présentation interagit avec
                     l’utilisateur et la couche métier.




                                                                                          10/12
J2EE et MVC

 il y a plusieurs Framework qui permettent d’implémenter le
  modèle MVC .

 Pour la couche Vue : Swing, AWT, JFC, struts, richfaces, GWT,
  myfaces, icefaces, spring web MVC….


 Pour la couche modèle : on utilise des Framework pour
  assurer la persistance des objets et le mapping objet
  relationnel tel que hibernate, jpa, ibatis...


 Pour la couche métier : on peut utiliser des EJB, javabeans,
  webservices….

                                                              11/11

Más contenido relacionado

La actualidad más candente

Cv Moez HAMZAOUI JAVA J2EE FULL STACK
Cv Moez HAMZAOUI JAVA J2EE FULL STACKCv Moez HAMZAOUI JAVA J2EE FULL STACK
Cv Moez HAMZAOUI JAVA J2EE FULL STACKMoez Hamzaoui
 
Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...Ramzi Noumairi
 
Application de gestion des projets en J2EE (Spring-Hibernate) avec architectu...
Application de gestion des projets en J2EE (Spring-Hibernate) avec architectu...Application de gestion des projets en J2EE (Spring-Hibernate) avec architectu...
Application de gestion des projets en J2EE (Spring-Hibernate) avec architectu...Saâd Zerhouni
 
Présentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinalePrésentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinaleMaroua Bouhachem
 
Conception et réalisation d’une application Mobile banking
Conception et réalisation d’une application  Mobile banking  Conception et réalisation d’une application  Mobile banking
Conception et réalisation d’une application Mobile banking Khaled Fayala
 
Support de cours EJB 3 version complète Par Mr Youssfi, ENSET, Université Ha...
Support de cours EJB 3 version complète Par Mr  Youssfi, ENSET, Université Ha...Support de cours EJB 3 version complète Par Mr  Youssfi, ENSET, Université Ha...
Support de cours EJB 3 version complète Par Mr Youssfi, ENSET, Université Ha...ENSET, Université Hassan II Casablanca
 
Présentation resto
Présentation restoPrésentation resto
Présentation restoMehdi Labidi
 
Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT) Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT) Mohammed JAITI
 
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)ENSET, Université Hassan II Casablanca
 
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école Mehdi Hamime
 
Cv ines ouaz
Cv ines ouazCv ines ouaz
Cv ines ouazInes Ouaz
 
diagramme des cas d'utilisation
diagramme des cas d'utilisationdiagramme des cas d'utilisation
diagramme des cas d'utilisationAmir Souissi
 
Chp3 - Les Services Web
Chp3 - Les Services WebChp3 - Les Services Web
Chp3 - Les Services WebLilia Sfaxi
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Riadh K.
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Riadh K.
 
Formation JAVA/J2EE
Formation JAVA/J2EEFormation JAVA/J2EE
Formation JAVA/J2EEInes Ouaz
 

La actualidad más candente (20)

Cv Moez HAMZAOUI JAVA J2EE FULL STACK
Cv Moez HAMZAOUI JAVA J2EE FULL STACKCv Moez HAMZAOUI JAVA J2EE FULL STACK
Cv Moez HAMZAOUI JAVA J2EE FULL STACK
 
Support de Cours JSF2 Première partie Intégration avec Spring
Support de Cours JSF2 Première partie Intégration avec SpringSupport de Cours JSF2 Première partie Intégration avec Spring
Support de Cours JSF2 Première partie Intégration avec Spring
 
Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...
 
Application de gestion des projets en J2EE (Spring-Hibernate) avec architectu...
Application de gestion des projets en J2EE (Spring-Hibernate) avec architectu...Application de gestion des projets en J2EE (Spring-Hibernate) avec architectu...
Application de gestion des projets en J2EE (Spring-Hibernate) avec architectu...
 
Support programmation orientée aspect mohamed youssfi (aop)
Support programmation orientée aspect mohamed youssfi (aop)Support programmation orientée aspect mohamed youssfi (aop)
Support programmation orientée aspect mohamed youssfi (aop)
 
Présentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinalePrésentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinale
 
Conception et réalisation d’une application Mobile banking
Conception et réalisation d’une application  Mobile banking  Conception et réalisation d’une application  Mobile banking
Conception et réalisation d’une application Mobile banking
 
Support de cours EJB 3 version complète Par Mr Youssfi, ENSET, Université Ha...
Support de cours EJB 3 version complète Par Mr  Youssfi, ENSET, Université Ha...Support de cours EJB 3 version complète Par Mr  Youssfi, ENSET, Université Ha...
Support de cours EJB 3 version complète Par Mr Youssfi, ENSET, Université Ha...
 
Présentation resto
Présentation restoPrésentation resto
Présentation resto
 
Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT) Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT)
 
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
 
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
 
Cv ines ouaz
Cv ines ouazCv ines ouaz
Cv ines ouaz
 
diagramme des cas d'utilisation
diagramme des cas d'utilisationdiagramme des cas d'utilisation
diagramme des cas d'utilisation
 
Rapport de stage du fin d'étude
Rapport de stage du fin d'étudeRapport de stage du fin d'étude
Rapport de stage du fin d'étude
 
Chp3 - Les Services Web
Chp3 - Les Services WebChp3 - Les Services Web
Chp3 - Les Services Web
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
 
Support JEE Servlet Jsp MVC M.Youssfi
Support JEE Servlet Jsp MVC M.YoussfiSupport JEE Servlet Jsp MVC M.Youssfi
Support JEE Servlet Jsp MVC M.Youssfi
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
 
Formation JAVA/J2EE
Formation JAVA/J2EEFormation JAVA/J2EE
Formation JAVA/J2EE
 

Similar a 2 ModéLe Mvc

Architecture mvc
Architecture mvcArchitecture mvc
Architecture mvcMadridal
 
MVVM de A à Z
MVVM de A à ZMVVM de A à Z
MVVM de A à ZMicrosoft
 
Marzouk architecture encouches-jee-mvc
Marzouk architecture encouches-jee-mvcMarzouk architecture encouches-jee-mvc
Marzouk architecture encouches-jee-mvcabderrahim marzouk
 
Créer une application web en asp.net mvc 2
Créer une application web en asp.net mvc 2Créer une application web en asp.net mvc 2
Créer une application web en asp.net mvc 2Novencia Groupe
 
les style d'architecture
les style d'architecture les style d'architecture
les style d'architecture Mouna Maazoun
 
Tech days 2012 mvvm de a à z
Tech days 2012   mvvm de a à zTech days 2012   mvvm de a à z
Tech days 2012 mvvm de a à zArnaud Auroux
 
Créer et intégrer son thème PrestaShop
Créer et intégrer son thème PrestaShopCréer et intégrer son thème PrestaShop
Créer et intégrer son thème PrestaShopPrestaShop
 
Java entreprise edition et industrialisation du génie logiciel par m.youssfi
Java entreprise edition et industrialisation du génie logiciel par m.youssfiJava entreprise edition et industrialisation du génie logiciel par m.youssfi
Java entreprise edition et industrialisation du génie logiciel par m.youssfiENSET, Université Hassan II Casablanca
 
System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...
System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...
System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...Microsoft Technet France
 
Cas Pratique Du Mode DéConnecté De Silverlight
Cas Pratique Du Mode DéConnecté De SilverlightCas Pratique Du Mode DéConnecté De Silverlight
Cas Pratique Du Mode DéConnecté De SilverlightArnaud Auroux
 
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...Microsoft Technet France
 
Design applicatif avec symfony2
Design applicatif avec symfony2Design applicatif avec symfony2
Design applicatif avec symfony2RomainKuzniak
 
Introduction à Hibernate p.1
Introduction à Hibernate p.1Introduction à Hibernate p.1
Introduction à Hibernate p.1ATHMAN HAJ-HAMOU
 

Similar a 2 ModéLe Mvc (20)

Modele mvc
Modele mvcModele mvc
Modele mvc
 
Architecture mvc
Architecture mvcArchitecture mvc
Architecture mvc
 
Spring
SpringSpring
Spring
 
MVVM de A à Z
MVVM de A à ZMVVM de A à Z
MVVM de A à Z
 
Marzouk architecture encouches-jee-mvc
Marzouk architecture encouches-jee-mvcMarzouk architecture encouches-jee-mvc
Marzouk architecture encouches-jee-mvc
 
Prezentare ASP.Net.pptx
Prezentare ASP.Net.pptxPrezentare ASP.Net.pptx
Prezentare ASP.Net.pptx
 
Créer une application web en asp.net mvc 2
Créer une application web en asp.net mvc 2Créer une application web en asp.net mvc 2
Créer une application web en asp.net mvc 2
 
Java Server Faces 2
Java Server Faces 2Java Server Faces 2
Java Server Faces 2
 
les style d'architecture
les style d'architecture les style d'architecture
les style d'architecture
 
Tech days 2012 mvvm de a à z
Tech days 2012   mvvm de a à zTech days 2012   mvvm de a à z
Tech days 2012 mvvm de a à z
 
Cours spring
Cours springCours spring
Cours spring
 
Architecture .net
Architecture  .netArchitecture  .net
Architecture .net
 
Créer et intégrer son thème PrestaShop
Créer et intégrer son thème PrestaShopCréer et intégrer son thème PrestaShop
Créer et intégrer son thème PrestaShop
 
Java entreprise edition et industrialisation du génie logiciel par m.youssfi
Java entreprise edition et industrialisation du génie logiciel par m.youssfiJava entreprise edition et industrialisation du génie logiciel par m.youssfi
Java entreprise edition et industrialisation du génie logiciel par m.youssfi
 
System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...
System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...
System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...
 
JPA est middleware
JPA est middleware JPA est middleware
JPA est middleware
 
Cas Pratique Du Mode DéConnecté De Silverlight
Cas Pratique Du Mode DéConnecté De SilverlightCas Pratique Du Mode DéConnecté De Silverlight
Cas Pratique Du Mode DéConnecté De Silverlight
 
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
 
Design applicatif avec symfony2
Design applicatif avec symfony2Design applicatif avec symfony2
Design applicatif avec symfony2
 
Introduction à Hibernate p.1
Introduction à Hibernate p.1Introduction à Hibernate p.1
Introduction à Hibernate p.1
 

2 ModéLe Mvc

  • 1. Développement des applications web avec J2EE Réalisé par: Jihed DGHAIES Copyright club CFEM ©2010 Modèle MVC
  • 2. Programme 1 Design pattern MVC 2 Modèle 3 Vue 4 Contrôleur 5 3 J2EE et MVC 2/12
  • 3. Design pattern MVC 1/3  Le Model-View-Controller (MVC) est un pattern d’architecture logicielle largement répandu. Il a été créé dans les années 1980 par Xerox PARC.  il repose sur la volonté de séparer les données, les traitements et la présentation.  Plus récemment, il a été recommandé comme modèle pour la plate- forme J2EE de Sun et gagne fortement en popularité auprès des développeurs, quel que soit le langage utilisé. 3/12
  • 4. Design pattern MVC 2/3  Avantages :  Séparation des compétences (design, base de données, application)  Simplicité de mise à jour  Vitesse de création de pages  Inconvénient :  Pages plus lentes à afficher (hors cache).  Plus de ressources consommées.  Développement initial plus long 4/12
  • 6. Modèle  Le modèle représente les données et les règles métiers. C'est dans ce composant que s'effectuent les traitements liés au cœur du métier. 6/12
  • 7. Vue  représente l'interface utilisateur. Elle n'effectue aucun traitement, elle se contente simplement d'afficher les données que lui fournit le modèle. Il peut tout à fait y avoir plusieurs vues qui présentent les données d'un même modèle. 7/12
  • 8. Contrôleur  Le contrôleur se charge d'intercepter les requêtes de l'utilisateur, d'appeler le modèle puis de rediriger vers la vue adéquate. Il ne doit faire aucun traitement. Il ne fait que de l'interception et de la redirection. 8/12
  • 9. J2EE et MVC  L'architecture J2EE permet de séparer les couches.  la couche présentation, correspondant à l'interface homme- machine (IHM).  la couche métier contenant l'essentiel des traitements de données.  la couche de données correspondant aux informations de l'entreprise stockées dans des fichiers, dans des bases relationnelles ou XML, dans des annuaires d'entreprise.. 9/12
  • 10. J2EE et MVC Reçoit les messages de la couche présentation. Extrait les objets de la couche accès aux données et envoie les réponses à l’utilisateur. Extrait les données de l’application. Il les encapsulent dans des objets et les retourne au contrôleur. La couche présentation interagit avec l’utilisateur et la couche métier. 10/12
  • 11. J2EE et MVC  il y a plusieurs Framework qui permettent d’implémenter le modèle MVC .  Pour la couche Vue : Swing, AWT, JFC, struts, richfaces, GWT, myfaces, icefaces, spring web MVC….  Pour la couche modèle : on utilise des Framework pour assurer la persistance des objets et le mapping objet relationnel tel que hibernate, jpa, ibatis...  Pour la couche métier : on peut utiliser des EJB, javabeans, webservices…. 11/11