SlideShare una empresa de Scribd logo
1 de 9
M.V.C (MODELO-VISTA-CONTROLADOR)
INTEGRANTES:
BLANCA ISTURIZ – 22.493.284
DANIEL NOLASCO – 22.613.362
LUIS SIERRA – 20.589.274
República Bolivariana de Venezuela
Ministerio del Poder Popular para la Educación Universitaria
Universidad Alejandro de Humboldt
Ingeniería del Software
M.V.C (MODELO-VISTA-CONTROLADOR)
• Historia:
• MVC fue introducido por Trygve Reenskaug en Smalltalk-76.
• En 1988, MVC se expresó como un concepto general en un
artículo sobre Smalltalk-80.
• HMVC (MVC Jerárquico)
• MVA (Modelo-Vista-Adaptador)
• MVP (Modelo-Vista-Presentador)
• MVVM (Modelo-Vista Vista-Modelo)
¿QUÉ ES MVC?
• MVC es una propuesta de diseño de software utilizada para
implementar sistemas donde se requiere el uso de interfaces de
usuario.
• MODELOS:
Es la capa donde se trabaja con los datos, por tanto contendrá
mecanismos para acceder a la información y también para actualizar
su estado.
• VISTAS:
Las vistas, como su nombre nos hace entender, contienen el código
de nuestra aplicación que va a producir la visualización de las
interfaces de usuario, o sea, el código que nos permitirá renderizar
los estados de nuestra aplicación en HTML.
• CONTROLADORES:
En realidad es una capa que sirve de enlace entre las vistas y los
modelos, respondiendo a los mecanismos que puedan requerirse
para implementar las necesidades de nuestra aplicación.
• INTERACCION DE LOS COMPONENTES:
Aunque se pueden encontrar diferentes implementaciones de MVC, el flujo de control que
se sigue generalmente es el siguiente:
1. El usuario interactúa con la interfaz de usuario de alguna forma (por ejemplo,
el usuario pulsa un botón, enlace, etc.)
2. El controlador recibe (por parte de los objetos de la interfaz-vista) la
notificación de la acción solicitada por el usuario. El controlador gestiona el
evento que llega, frecuentemente a través de un gestor de eventos (handler) o
callback.
3. El controlador accede al modelo, actualizándolo, posiblemente modificándolo
de forma adecuada a la acción solicitada por el usuario (por ejemplo, el
controlador actualiza el carro de la compra del usuario). Los controladores
complejos están a menudo estructurados usando un patrón de comando que
encapsula las acciones y simplifica su extensión.
4. El controlador delega a los objetos de la vista la tarea de
desplegar la interfaz de usuario. La vista obtiene sus datos del
modelo para generar la interfaz apropiada para el usuario donde se
reflejan los cambios en el modelo.
5. La interfaz de usuario espera nuevas interacciones del usuario,
comenzando el ciclo nuevamente.
• MVC Y BASE DE DATOS:
Muchos sistemas informáticos utilizan un sistema de gestión de base de
datos para gestionar los datos que debe utilizar la aplicación; en líneas generales
del MVC dicha gestión corresponde al modelo.
• BENEFICIOS:
>> ¿Por qué utilizar MVC? <<
¡¡GRACIAS POR SU
ATENCIÓN!!

Más contenido relacionado

La actualidad más candente (20)

MVC
MVCMVC
MVC
 
MODELO VISTA CONTROLADOR EN PHP
MODELO VISTA CONTROLADOR EN PHPMODELO VISTA CONTROLADOR EN PHP
MODELO VISTA CONTROLADOR EN PHP
 
Modelo vista controlador
Modelo vista controladorModelo vista controlador
Modelo vista controlador
 
Modelo vista controlador
Modelo vista controladorModelo vista controlador
Modelo vista controlador
 
Frameworks de Java
Frameworks de JavaFrameworks de Java
Frameworks de Java
 
Modelo vista controlador
Modelo vista controladorModelo vista controlador
Modelo vista controlador
 
Model View Controller (MVC)
Model View Controller (MVC)Model View Controller (MVC)
Model View Controller (MVC)
 
MVC
MVCMVC
MVC
 
Poo introduccion al patron mvc - renee morales calhua
Poo  introduccion al patron mvc - renee morales calhuaPoo  introduccion al patron mvc - renee morales calhua
Poo introduccion al patron mvc - renee morales calhua
 
Analisis del patron mvc
Analisis del patron mvcAnalisis del patron mvc
Analisis del patron mvc
 
MVC
MVCMVC
MVC
 
Patrón de diseño Modelo-Vista-Controlador (MVC)
Patrón de diseño Modelo-Vista-Controlador (MVC)Patrón de diseño Modelo-Vista-Controlador (MVC)
Patrón de diseño Modelo-Vista-Controlador (MVC)
 
2-Unidad 1: Arquitectura de Diseño-1.1 MVC-Desarrollo
2-Unidad 1: Arquitectura de Diseño-1.1 MVC-Desarrollo2-Unidad 1: Arquitectura de Diseño-1.1 MVC-Desarrollo
2-Unidad 1: Arquitectura de Diseño-1.1 MVC-Desarrollo
 
Modelo vista controlador
Modelo vista controladorModelo vista controlador
Modelo vista controlador
 
modelo vista controlador
modelo vista controladormodelo vista controlador
modelo vista controlador
 
patron-mvc
 patron-mvc patron-mvc
patron-mvc
 
3-Unidad 1: Arquitectura de Diseño-1.2 Controlador-Introducción
3-Unidad 1: Arquitectura de Diseño-1.2 Controlador-Introducción3-Unidad 1: Arquitectura de Diseño-1.2 Controlador-Introducción
3-Unidad 1: Arquitectura de Diseño-1.2 Controlador-Introducción
 
Mvc
MvcMvc
Mvc
 
ASP.NET
ASP.NETASP.NET
ASP.NET
 
patron de diseño MVVMo.pptx
patron de diseño MVVMo.pptxpatron de diseño MVVMo.pptx
patron de diseño MVVMo.pptx
 

Destacado

Copia de hamer la.terapia.del.cancer a
Copia de hamer la.terapia.del.cancer aCopia de hamer la.terapia.del.cancer a
Copia de hamer la.terapia.del.cancer ahcorzo3150
 
Christopher Catral's Portfolio
Christopher Catral's PortfolioChristopher Catral's Portfolio
Christopher Catral's PortfolioChris Catral
 
Gallo Designs
Gallo DesignsGallo Designs
Gallo Designsmbates72
 
Decathlon22222
Decathlon22222Decathlon22222
Decathlon22222djdavo17
 
ASTORIANINDIA.COM BUSINESS PLAN
ASTORIANINDIA.COM BUSINESS PLANASTORIANINDIA.COM BUSINESS PLAN
ASTORIANINDIA.COM BUSINESS PLANvanuj soni
 
Método de desarrollo de sistemas dinámicos
Método de desarrollo de sistemas dinámicosMétodo de desarrollo de sistemas dinámicos
Método de desarrollo de sistemas dinámicosJessan Ramírez
 
9.21.10.tjw.roselle chamber2
9.21.10.tjw.roselle chamber29.21.10.tjw.roselle chamber2
9.21.10.tjw.roselle chamber2tastycatering1
 
On hand quantities import
On hand quantities importOn hand quantities import
On hand quantities importMuhammad Luqman
 
Beginning Reader Presentation
Beginning Reader PresentationBeginning Reader Presentation
Beginning Reader Presentationkindycorner
 
Apresentação comercial Brave Uniformes 2016
Apresentação comercial Brave Uniformes 2016Apresentação comercial Brave Uniformes 2016
Apresentação comercial Brave Uniformes 2016Leandro Menna
 
WHOLE BRAIN HEALTH IN SECOND LIFE: HOW TO USE VIRTUAL WORLDS FOR BRAIN TRAINI...
WHOLE BRAIN HEALTH IN SECOND LIFE: HOW TO USE VIRTUAL WORLDS FOR BRAIN TRAINI...WHOLE BRAIN HEALTH IN SECOND LIFE: HOW TO USE VIRTUAL WORLDS FOR BRAIN TRAINI...
WHOLE BRAIN HEALTH IN SECOND LIFE: HOW TO USE VIRTUAL WORLDS FOR BRAIN TRAINI...Lynne Berrett
 

Destacado (17)

Copia de hamer la.terapia.del.cancer a
Copia de hamer la.terapia.del.cancer aCopia de hamer la.terapia.del.cancer a
Copia de hamer la.terapia.del.cancer a
 
Christopher Catral's Portfolio
Christopher Catral's PortfolioChristopher Catral's Portfolio
Christopher Catral's Portfolio
 
Türkiyenin zengilikleri
Türkiyenin zengilikleriTürkiyenin zengilikleri
Türkiyenin zengilikleri
 
Metodo bluewatch
Metodo bluewatchMetodo bluewatch
Metodo bluewatch
 
Gallo Designs
Gallo DesignsGallo Designs
Gallo Designs
 
Mvc
MvcMvc
Mvc
 
Cmmi
CmmiCmmi
Cmmi
 
Decathlon22222
Decathlon22222Decathlon22222
Decathlon22222
 
Presentac[1]..
Presentac[1]..Presentac[1]..
Presentac[1]..
 
ASTORIANINDIA.COM BUSINESS PLAN
ASTORIANINDIA.COM BUSINESS PLANASTORIANINDIA.COM BUSINESS PLAN
ASTORIANINDIA.COM BUSINESS PLAN
 
Método de desarrollo de sistemas dinámicos
Método de desarrollo de sistemas dinámicosMétodo de desarrollo de sistemas dinámicos
Método de desarrollo de sistemas dinámicos
 
DSMD
DSMDDSMD
DSMD
 
9.21.10.tjw.roselle chamber2
9.21.10.tjw.roselle chamber29.21.10.tjw.roselle chamber2
9.21.10.tjw.roselle chamber2
 
On hand quantities import
On hand quantities importOn hand quantities import
On hand quantities import
 
Beginning Reader Presentation
Beginning Reader PresentationBeginning Reader Presentation
Beginning Reader Presentation
 
Apresentação comercial Brave Uniformes 2016
Apresentação comercial Brave Uniformes 2016Apresentação comercial Brave Uniformes 2016
Apresentação comercial Brave Uniformes 2016
 
WHOLE BRAIN HEALTH IN SECOND LIFE: HOW TO USE VIRTUAL WORLDS FOR BRAIN TRAINI...
WHOLE BRAIN HEALTH IN SECOND LIFE: HOW TO USE VIRTUAL WORLDS FOR BRAIN TRAINI...WHOLE BRAIN HEALTH IN SECOND LIFE: HOW TO USE VIRTUAL WORLDS FOR BRAIN TRAINI...
WHOLE BRAIN HEALTH IN SECOND LIFE: HOW TO USE VIRTUAL WORLDS FOR BRAIN TRAINI...
 

Similar a Mvc (20)

MVC - (Spanish)
MVC - (Spanish)MVC - (Spanish)
MVC - (Spanish)
 
Clase 10 mvc
Clase 10 mvcClase 10 mvc
Clase 10 mvc
 
S01-s1-MVC.pptx
S01-s1-MVC.pptxS01-s1-MVC.pptx
S01-s1-MVC.pptx
 
Modelo vista controlador vas Programacion por n capas
Modelo vista controlador vas Programacion por n capasModelo vista controlador vas Programacion por n capas
Modelo vista controlador vas Programacion por n capas
 
Programacion 3 mvc
Programacion 3 mvcProgramacion 3 mvc
Programacion 3 mvc
 
Mvc
MvcMvc
Mvc
 
Modelo mvc
Modelo mvcModelo mvc
Modelo mvc
 
Struts en Java
Struts en JavaStruts en Java
Struts en Java
 
patrón MVC.pdf
patrón MVC.pdfpatrón MVC.pdf
patrón MVC.pdf
 
Frameworks MVC para desarrollo de UITES
Frameworks MVC para desarrollo de UITESFrameworks MVC para desarrollo de UITES
Frameworks MVC para desarrollo de UITES
 
Patron mvc struts
Patron mvc strutsPatron mvc struts
Patron mvc struts
 
Lp II clase02 - Modelo Vista Controlador
Lp II   clase02 - Modelo Vista ControladorLp II   clase02 - Modelo Vista Controlador
Lp II clase02 - Modelo Vista Controlador
 
Modelo vista controlador #ihcpfgigs_Diseñoweb
Modelo vista controlador #ihcpfgigs_DiseñowebModelo vista controlador #ihcpfgigs_Diseñoweb
Modelo vista controlador #ihcpfgigs_Diseñoweb
 
Asp
AspAsp
Asp
 
Modelo vistacontrolador
Modelo vistacontroladorModelo vistacontrolador
Modelo vistacontrolador
 
Modelo vistacontrolador
Modelo vistacontroladorModelo vistacontrolador
Modelo vistacontrolador
 
Ingenieria del software
Ingenieria del softwareIngenieria del software
Ingenieria del software
 
Jquery Hmvc
Jquery HmvcJquery Hmvc
Jquery Hmvc
 
Aplicaciones en capas1
Aplicaciones en capas1Aplicaciones en capas1
Aplicaciones en capas1
 
Framework
FrameworkFramework
Framework
 

Último

Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...Francisco Javier Mora Serrano
 
Manual de Usuario Estacion total Sokkia SERIE SET10K.pdf
Manual de Usuario Estacion total Sokkia SERIE SET10K.pdfManual de Usuario Estacion total Sokkia SERIE SET10K.pdf
Manual de Usuario Estacion total Sokkia SERIE SET10K.pdfSandXmovex
 
Historia de la Arquitectura II, 1era actividad..pdf
Historia de la Arquitectura II, 1era actividad..pdfHistoria de la Arquitectura II, 1era actividad..pdf
Historia de la Arquitectura II, 1era actividad..pdfIsbelRodrguez
 
Edificio residencial Tarsia de AEDAS Homes Granada
Edificio residencial Tarsia de AEDAS Homes GranadaEdificio residencial Tarsia de AEDAS Homes Granada
Edificio residencial Tarsia de AEDAS Homes GranadaANDECE
 
Como de produjo la penicilina de manera masiva en plena guerra mundial Biotec...
Como de produjo la penicilina de manera masiva en plena guerra mundial Biotec...Como de produjo la penicilina de manera masiva en plena guerra mundial Biotec...
Como de produjo la penicilina de manera masiva en plena guerra mundial Biotec...ssuser646243
 
Electromagnetismo Fisica FisicaFisica.pdf
Electromagnetismo Fisica FisicaFisica.pdfElectromagnetismo Fisica FisicaFisica.pdf
Electromagnetismo Fisica FisicaFisica.pdfAnonymous0pBRsQXfnx
 
Fisiología del azufre en plantas S.S.pdf
Fisiología del azufre en plantas S.S.pdfFisiología del azufre en plantas S.S.pdf
Fisiología del azufre en plantas S.S.pdfJessLeonelVargasJimn
 
Clase 1 Análisis Estructura. Para Arquitectura pptx
Clase 1 Análisis Estructura. Para Arquitectura pptxClase 1 Análisis Estructura. Para Arquitectura pptx
Clase 1 Análisis Estructura. Para Arquitectura pptxPaolaVillalba13
 
Fe_C_Tratamientos termicos_uap _3_.ppt
Fe_C_Tratamientos termicos_uap   _3_.pptFe_C_Tratamientos termicos_uap   _3_.ppt
Fe_C_Tratamientos termicos_uap _3_.pptVitobailon
 
3.3 Tipos de conexiones en los transformadores trifasicos.pdf
3.3 Tipos de conexiones en los transformadores trifasicos.pdf3.3 Tipos de conexiones en los transformadores trifasicos.pdf
3.3 Tipos de conexiones en los transformadores trifasicos.pdfRicardoRomeroUrbano
 
Descubrimiento de la penicilina en la segunda guerra mundial
Descubrimiento de la penicilina en la segunda guerra mundialDescubrimiento de la penicilina en la segunda guerra mundial
Descubrimiento de la penicilina en la segunda guerra mundialyajhairatapia
 
QUIMICA ORGANICA I ENOLES Y ENAMINAS LIBR
QUIMICA ORGANICA I ENOLES Y ENAMINAS LIBRQUIMICA ORGANICA I ENOLES Y ENAMINAS LIBR
QUIMICA ORGANICA I ENOLES Y ENAMINAS LIBRyanimarca23
 
Propositos del comportamiento de fases y aplicaciones
Propositos del comportamiento de fases y aplicacionesPropositos del comportamiento de fases y aplicaciones
Propositos del comportamiento de fases y aplicaciones025ca20
 
AVANCE EXPEDIENTE TECNICO POROTO - TRUJILLO
AVANCE EXPEDIENTE TECNICO POROTO - TRUJILLOAVANCE EXPEDIENTE TECNICO POROTO - TRUJILLO
AVANCE EXPEDIENTE TECNICO POROTO - TRUJILLOSANTOSESTANISLAORODR
 
CLASE - 01 de construcción 1 ingeniería civil
CLASE - 01 de construcción 1 ingeniería civilCLASE - 01 de construcción 1 ingeniería civil
CLASE - 01 de construcción 1 ingeniería civilDissneredwinPaivahua
 
SEGURIDAD EN CONSTRUCCION PPT PARA EL CIP
SEGURIDAD EN CONSTRUCCION PPT PARA EL CIPSEGURIDAD EN CONSTRUCCION PPT PARA EL CIP
SEGURIDAD EN CONSTRUCCION PPT PARA EL CIPJosLuisFrancoCaldern
 
Proyecto de iluminación "guia" para proyectos de ingeniería eléctrica
Proyecto de iluminación "guia" para proyectos de ingeniería eléctricaProyecto de iluminación "guia" para proyectos de ingeniería eléctrica
Proyecto de iluminación "guia" para proyectos de ingeniería eléctricaXjoseantonio01jossed
 
Centro Integral del Transporte de Metro de Madrid (CIT). Premio COAM 2023
Centro Integral del Transporte de Metro de Madrid (CIT). Premio COAM 2023Centro Integral del Transporte de Metro de Madrid (CIT). Premio COAM 2023
Centro Integral del Transporte de Metro de Madrid (CIT). Premio COAM 2023ANDECE
 
TAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdf
TAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdfTAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdf
TAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdfAntonioGonzalezIzqui
 
Flujo multifásico en tuberias de ex.pptx
Flujo multifásico en tuberias de ex.pptxFlujo multifásico en tuberias de ex.pptx
Flujo multifásico en tuberias de ex.pptxEduardoSnchezHernnde5
 

Último (20)

Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
 
Manual de Usuario Estacion total Sokkia SERIE SET10K.pdf
Manual de Usuario Estacion total Sokkia SERIE SET10K.pdfManual de Usuario Estacion total Sokkia SERIE SET10K.pdf
Manual de Usuario Estacion total Sokkia SERIE SET10K.pdf
 
Historia de la Arquitectura II, 1era actividad..pdf
Historia de la Arquitectura II, 1era actividad..pdfHistoria de la Arquitectura II, 1era actividad..pdf
Historia de la Arquitectura II, 1era actividad..pdf
 
Edificio residencial Tarsia de AEDAS Homes Granada
Edificio residencial Tarsia de AEDAS Homes GranadaEdificio residencial Tarsia de AEDAS Homes Granada
Edificio residencial Tarsia de AEDAS Homes Granada
 
Como de produjo la penicilina de manera masiva en plena guerra mundial Biotec...
Como de produjo la penicilina de manera masiva en plena guerra mundial Biotec...Como de produjo la penicilina de manera masiva en plena guerra mundial Biotec...
Como de produjo la penicilina de manera masiva en plena guerra mundial Biotec...
 
Electromagnetismo Fisica FisicaFisica.pdf
Electromagnetismo Fisica FisicaFisica.pdfElectromagnetismo Fisica FisicaFisica.pdf
Electromagnetismo Fisica FisicaFisica.pdf
 
Fisiología del azufre en plantas S.S.pdf
Fisiología del azufre en plantas S.S.pdfFisiología del azufre en plantas S.S.pdf
Fisiología del azufre en plantas S.S.pdf
 
Clase 1 Análisis Estructura. Para Arquitectura pptx
Clase 1 Análisis Estructura. Para Arquitectura pptxClase 1 Análisis Estructura. Para Arquitectura pptx
Clase 1 Análisis Estructura. Para Arquitectura pptx
 
Fe_C_Tratamientos termicos_uap _3_.ppt
Fe_C_Tratamientos termicos_uap   _3_.pptFe_C_Tratamientos termicos_uap   _3_.ppt
Fe_C_Tratamientos termicos_uap _3_.ppt
 
3.3 Tipos de conexiones en los transformadores trifasicos.pdf
3.3 Tipos de conexiones en los transformadores trifasicos.pdf3.3 Tipos de conexiones en los transformadores trifasicos.pdf
3.3 Tipos de conexiones en los transformadores trifasicos.pdf
 
Descubrimiento de la penicilina en la segunda guerra mundial
Descubrimiento de la penicilina en la segunda guerra mundialDescubrimiento de la penicilina en la segunda guerra mundial
Descubrimiento de la penicilina en la segunda guerra mundial
 
QUIMICA ORGANICA I ENOLES Y ENAMINAS LIBR
QUIMICA ORGANICA I ENOLES Y ENAMINAS LIBRQUIMICA ORGANICA I ENOLES Y ENAMINAS LIBR
QUIMICA ORGANICA I ENOLES Y ENAMINAS LIBR
 
Propositos del comportamiento de fases y aplicaciones
Propositos del comportamiento de fases y aplicacionesPropositos del comportamiento de fases y aplicaciones
Propositos del comportamiento de fases y aplicaciones
 
AVANCE EXPEDIENTE TECNICO POROTO - TRUJILLO
AVANCE EXPEDIENTE TECNICO POROTO - TRUJILLOAVANCE EXPEDIENTE TECNICO POROTO - TRUJILLO
AVANCE EXPEDIENTE TECNICO POROTO - TRUJILLO
 
CLASE - 01 de construcción 1 ingeniería civil
CLASE - 01 de construcción 1 ingeniería civilCLASE - 01 de construcción 1 ingeniería civil
CLASE - 01 de construcción 1 ingeniería civil
 
SEGURIDAD EN CONSTRUCCION PPT PARA EL CIP
SEGURIDAD EN CONSTRUCCION PPT PARA EL CIPSEGURIDAD EN CONSTRUCCION PPT PARA EL CIP
SEGURIDAD EN CONSTRUCCION PPT PARA EL CIP
 
Proyecto de iluminación "guia" para proyectos de ingeniería eléctrica
Proyecto de iluminación "guia" para proyectos de ingeniería eléctricaProyecto de iluminación "guia" para proyectos de ingeniería eléctrica
Proyecto de iluminación "guia" para proyectos de ingeniería eléctrica
 
Centro Integral del Transporte de Metro de Madrid (CIT). Premio COAM 2023
Centro Integral del Transporte de Metro de Madrid (CIT). Premio COAM 2023Centro Integral del Transporte de Metro de Madrid (CIT). Premio COAM 2023
Centro Integral del Transporte de Metro de Madrid (CIT). Premio COAM 2023
 
TAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdf
TAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdfTAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdf
TAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdf
 
Flujo multifásico en tuberias de ex.pptx
Flujo multifásico en tuberias de ex.pptxFlujo multifásico en tuberias de ex.pptx
Flujo multifásico en tuberias de ex.pptx
 

Mvc

  • 1. M.V.C (MODELO-VISTA-CONTROLADOR) INTEGRANTES: BLANCA ISTURIZ – 22.493.284 DANIEL NOLASCO – 22.613.362 LUIS SIERRA – 20.589.274 República Bolivariana de Venezuela Ministerio del Poder Popular para la Educación Universitaria Universidad Alejandro de Humboldt Ingeniería del Software
  • 2. M.V.C (MODELO-VISTA-CONTROLADOR) • Historia: • MVC fue introducido por Trygve Reenskaug en Smalltalk-76. • En 1988, MVC se expresó como un concepto general en un artículo sobre Smalltalk-80. • HMVC (MVC Jerárquico) • MVA (Modelo-Vista-Adaptador) • MVP (Modelo-Vista-Presentador) • MVVM (Modelo-Vista Vista-Modelo)
  • 3. ¿QUÉ ES MVC? • MVC es una propuesta de diseño de software utilizada para implementar sistemas donde se requiere el uso de interfaces de usuario.
  • 4. • MODELOS: Es la capa donde se trabaja con los datos, por tanto contendrá mecanismos para acceder a la información y también para actualizar su estado. • VISTAS: Las vistas, como su nombre nos hace entender, contienen el código de nuestra aplicación que va a producir la visualización de las interfaces de usuario, o sea, el código que nos permitirá renderizar los estados de nuestra aplicación en HTML.
  • 5. • CONTROLADORES: En realidad es una capa que sirve de enlace entre las vistas y los modelos, respondiendo a los mecanismos que puedan requerirse para implementar las necesidades de nuestra aplicación.
  • 6. • INTERACCION DE LOS COMPONENTES: Aunque se pueden encontrar diferentes implementaciones de MVC, el flujo de control que se sigue generalmente es el siguiente: 1. El usuario interactúa con la interfaz de usuario de alguna forma (por ejemplo, el usuario pulsa un botón, enlace, etc.) 2. El controlador recibe (por parte de los objetos de la interfaz-vista) la notificación de la acción solicitada por el usuario. El controlador gestiona el evento que llega, frecuentemente a través de un gestor de eventos (handler) o callback. 3. El controlador accede al modelo, actualizándolo, posiblemente modificándolo de forma adecuada a la acción solicitada por el usuario (por ejemplo, el controlador actualiza el carro de la compra del usuario). Los controladores complejos están a menudo estructurados usando un patrón de comando que encapsula las acciones y simplifica su extensión.
  • 7. 4. El controlador delega a los objetos de la vista la tarea de desplegar la interfaz de usuario. La vista obtiene sus datos del modelo para generar la interfaz apropiada para el usuario donde se reflejan los cambios en el modelo. 5. La interfaz de usuario espera nuevas interacciones del usuario, comenzando el ciclo nuevamente.
  • 8. • MVC Y BASE DE DATOS: Muchos sistemas informáticos utilizan un sistema de gestión de base de datos para gestionar los datos que debe utilizar la aplicación; en líneas generales del MVC dicha gestión corresponde al modelo. • BENEFICIOS: >> ¿Por qué utilizar MVC? <<