Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

MODEL DE CONCEPTION MVC MODEL DE CONCEPTION MVC Presenter par : Evaluer par Kho

MODEL DE CONCEPTION MVC MODEL DE CONCEPTION MVC Presenter par : Evaluer par Khodja wissam Monsieur: houcine Kaid naziha PLAN DE TRAVAILLE Présentation introduction Principe: La couche Model La couche Vue La couche Controller Exemple. Conclusion. 2 Cette présentation a pour but de vous faire découvrir les aspects importants et fortement utilisés du design pattern MVC. 3 Présentation INTRODUCTION MVC est un design pattern (modèle de conception ou DP) de conception d’interface utilisateur permettant de découper en trois partie : le modèle :logique métier et accès aux données. la vue: interfaces utilisateur ,présentation des données et interface de saisie pour l’utilisateur. Le contrôleur :permet de faire le lien entre la vue et le modèle Des modifications de l’un n’auront ainsi, idéalement, aucune conséquence sur l’autre ce qui facilitera grandement la maintenance. 4  Des modifications de l’un n’auront ainsi, idéalement, aucune conséquence sur l’autre ce qui facilitera grandement la maintenance. 5 PRINCIPE  1. La couche Model: La couche Model représente la partie de l’application qui exécute la logique métier. Cela signifie qu’elle est responsable de récupérer les données, de les convertir selon des concepts chargés de sens pour votre application, tels que le traitement, la validation, l’association et beaucoup d’autres tâches concernant la manipulation des données. 6  A première vue, l’objet Model peut être vu comme la première couche d’interaction avec n’importe quelle base de données que vous pourriez utiliser pour votre application. Mais plus globalement, il fait partie des concepts majeurs autour desquels vous allez exécuter votre application.  Dans le cas d’un réseau social, la couche Model s’occupe des tâches comme de sauvegarder des données, de sauvegarder des associations d’amis, d’enregistrer et de récupérer les photos des utilisateurs, de trouver des suggestions de nouveaux amis, etc ... T andis que les bj t M d l t “A i” “U ” “C t i ” 7  2. La couche Vue:  La Vue retourne une présentation des données venant du model. Etant séparée par les Objets Model, elle est responsable de l’utilisation des informations dont elle dispose pour produire une interface de présentation de votre application.  Par exemple, de la même manière que la couche Model retourne un ensemble de données, la Vue utilise ces données pour fournir une page HTML les contenant. Ou un résultat XML formaté pour que d’autres l’utilisent 8  La couche Vue n’est pas seulement limitée au HTML ou à la représentation en texte de données. Elle peut aussi être utilisée pour offrir une grande variété de formats en fonction de vos besoins, comme les vidéos, la musique, les documents et tout autre format auquel vous pouvez penser. 9  3. La couche Controller La couche Controller gère les requêtes des utilisateurs. Elle est responsable de retourner une réponse avec l’aide mutuelle des couches Model et Vue. Les Controllers peuvent être imaginés comme des managers qui ont pour mission que toutes les ressources souhaitées pour accomplir une tâche soient déléguées aux travailleurs corrects. Il attend des requêtes des clients, vérifie leur validité selon l’authentification et les règles d’autorisation, délèguent les données récupérées et traitées par le Model, et sélectionne les type de présentation correctes que le client accepte, pour finalement déléguer le processus d’affichage à la couche Vue. 10 11 Architecture de model MVC ARCHITECTURE MODELE-VUE-CONTROLEUR 12 EXEMPLE : CALCULATRICE Dans une application structuré MVC voici ce qu’il peut passer : Utilisateur effectue une action sur votre cal. Le model reçoit les données Le mode notifie la vue. L'affichage de la vue 13 Voilà donc notre liste de méthodes pour cet objet. Cependant, puisque notre contrôleur doit interagir avec le modèle, il faudra qu'il possède une instance de notre modèle. 14 15 Voici le plus facile à développer et ce que vous devriez maîtriser le mieux… La vue sera créée avec le package javax.swing. Je vous donne donc le code source de notre classe que j'ai mis dans le packagecom.sdz.vue. 16 17 import com.sdz.controler.*; import com.sdz.model.*; import com.sdz.vue.Calculette; public class Main { public static void main(String[] args) { //Instanciation de notre modèle AbstractModel calc = new Calculator(); //Création du contrôleur AbstractControler controler = new CalculetteControler(calc); //Création de notre fenêtre avec le contrôleur en paramètre Calculette calculette = new Calculette(controler); //Ajout de la fenêtre comme observer de notre modèle calc.addObserver(calculette); } } 18 TESTEZ CE CODE : LE TOUT FONCTIONNE TRÈS BIEN ! TOUS NOS OBJETS SONT INTERCONNECTÉS ET DIALOGUENT FACILEMENT, COMME LE MONTRE LA FIGURE SUIVANTE. 19 CONCLUSION Avec ce pattern, le code est découpé en trois parties logiques qui communiquent entre elles : Le modèle (données) La vue (fenêtre) Le contrôleur qui lie les deux. L'implémentation du pattern observer permet au modèle de tenir informés ses observateurs. L'implémentation du pattern strategy permet à la vue d'avoir des contrôles différents. Utiliser ce pattern permet de découpler trois acteurs d'une application, ce qui permet plus de souplesse et une maintenance plus aisée du code. 20 Merci pour votre attention 21 uploads/Ingenierie_Lourd/ mvc.pdf