SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Downloaden Sie, um offline zu lesen
Análisis del
Patrón MVC
Desarrollado por David G. Kotlirevsky
Qué es el Patron MVC
* Es una forma de resolver la escalabilidad y el
desacoplamiento entre las vistas de una
aplicación y el Modelo que gestiona los datos
* Su nombre es un acrónimo de:
MODELO
VISTA
CONTROLADOR
Qué es el Patrón MVC
VISTA
CONTROLADORMODELO
Qué es el Patrón MVC
Conceptualmente:
* La vista interactúa libremente con el
controlador y viceversa.
* El Modelo interactúa libremente con el
Controlador y viceversa.
* La Vista se actualiza en funcion del los
cambios de estado del Modelo. El Modelo NO
conoce quien es la Vista.
Qué es el Patrón MVC
Es la Sumatoria aplicada de 3 patrones de
Diseño :
OBSERVER
+
MVC MEDIATOR
+
SINGLETON
Ejemplo
*Veremos en un ejemplo como funciona
destacando cada parte y su componente
Vista
( Observadores) : -> Los Autos
Controlador
(Aplica Mediator y Singleton) : Maneja los
avisos
Modelo
( El que es observado) -> un Semáforo
Download ?
El código del ejemplo es descargable con este
comando ( tener instalado git ;) )
git clone git@github.com:davidgk/mvcPatternAnalisis_eclipseProyect.git
Vista ( Son los Observadores )
Controlador
Aplica Mediator y Singleton.
En este caso para
evitar que el
modelo
conozca la
vista,
El controlador posee
la lista
de vistas a
actualizar así como
el método responsable
de tal tarea.
Modelo
Al modelo se le
asigna el controlador
por constructor.
Por medio del mismo
avisará sus
cambios de
estado.
Una pequeña prueba
El resultado
Gracias!
Consultas, dudas y/o sugerencias a:
info.clases.programacion@gmail.com
www.clasesprogramacion.com

Weitere ähnliche Inhalte

Was ist angesagt?

Plataformas de desarrollo web
Plataformas de desarrollo webPlataformas de desarrollo web
Plataformas de desarrollo webfany concepcion
 
DIAPOSITIVAS WEB 2.0
DIAPOSITIVAS WEB 2.0DIAPOSITIVAS WEB 2.0
DIAPOSITIVAS WEB 2.0chechilopez
 
Capa 5 de sesion
Capa 5 de sesionCapa 5 de sesion
Capa 5 de sesionkamanaal
 
Caracteristicas de Dropbox (Ventajas y Desventajas)
Caracteristicas de Dropbox (Ventajas y Desventajas)Caracteristicas de Dropbox (Ventajas y Desventajas)
Caracteristicas de Dropbox (Ventajas y Desventajas)Josue Alvear Cardenas
 
Navegadores web
Navegadores webNavegadores web
Navegadores webyenalca
 
Paginas Web
Paginas WebPaginas Web
Paginas WebNekeysi
 
Modelos de los sistemas distribuidos
Modelos de los sistemas distribuidosModelos de los sistemas distribuidos
Modelos de los sistemas distribuidosMargarita Labastida
 
Historia de la web 4.0
Historia de la web 4.0Historia de la web 4.0
Historia de la web 4.0esteban1718
 
Capa de enlace de datos
Capa de enlace de datosCapa de enlace de datos
Capa de enlace de datosComdat4
 
Aplicando Uwe - Un ejemplo didactico
Aplicando Uwe - Un ejemplo didacticoAplicando Uwe - Un ejemplo didactico
Aplicando Uwe - Un ejemplo didacticomillernegro
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia webMeli Vidal
 
CAPA DE TRANSPORTE MODELO OSI
CAPA DE TRANSPORTE MODELO OSICAPA DE TRANSPORTE MODELO OSI
CAPA DE TRANSPORTE MODELO OSIAliderek LuMej
 
Patron de Desarrollo Modelo Vista Controlador
Patron de Desarrollo Modelo Vista ControladorPatron de Desarrollo Modelo Vista Controlador
Patron de Desarrollo Modelo Vista ControladorHenry Vargas
 

Was ist angesagt? (20)

Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
Plataformas de desarrollo web
Plataformas de desarrollo webPlataformas de desarrollo web
Plataformas de desarrollo web
 
DIAPOSITIVAS WEB 2.0
DIAPOSITIVAS WEB 2.0DIAPOSITIVAS WEB 2.0
DIAPOSITIVAS WEB 2.0
 
Capa 5 de sesion
Capa 5 de sesionCapa 5 de sesion
Capa 5 de sesion
 
Caracteristicas de Dropbox (Ventajas y Desventajas)
Caracteristicas de Dropbox (Ventajas y Desventajas)Caracteristicas de Dropbox (Ventajas y Desventajas)
Caracteristicas de Dropbox (Ventajas y Desventajas)
 
Navegadores web
Navegadores webNavegadores web
Navegadores web
 
Diapositiva Web 1.0
Diapositiva Web 1.0Diapositiva Web 1.0
Diapositiva Web 1.0
 
Paginas Web
Paginas WebPaginas Web
Paginas Web
 
Modelos de los sistemas distribuidos
Modelos de los sistemas distribuidosModelos de los sistemas distribuidos
Modelos de los sistemas distribuidos
 
Historia de la web 4.0
Historia de la web 4.0Historia de la web 4.0
Historia de la web 4.0
 
Capa de enlace de datos
Capa de enlace de datosCapa de enlace de datos
Capa de enlace de datos
 
Que es api
Que es apiQue es api
Que es api
 
Aplicando Uwe - Un ejemplo didactico
Aplicando Uwe - Un ejemplo didacticoAplicando Uwe - Un ejemplo didactico
Aplicando Uwe - Un ejemplo didactico
 
Caracterizacion del paralelismo
Caracterizacion del paralelismoCaracterizacion del paralelismo
Caracterizacion del paralelismo
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia web
 
PROCESAMIENTO DE CONSULTAS
PROCESAMIENTO DE CONSULTASPROCESAMIENTO DE CONSULTAS
PROCESAMIENTO DE CONSULTAS
 
CAPA DE TRANSPORTE MODELO OSI
CAPA DE TRANSPORTE MODELO OSICAPA DE TRANSPORTE MODELO OSI
CAPA DE TRANSPORTE MODELO OSI
 
modelo osi CAPA 3
 modelo osi CAPA 3 modelo osi CAPA 3
modelo osi CAPA 3
 
Patron de Desarrollo Modelo Vista Controlador
Patron de Desarrollo Modelo Vista ControladorPatron de Desarrollo Modelo Vista Controlador
Patron de Desarrollo Modelo Vista Controlador
 
Presentacion Accesibilidad Web
Presentacion Accesibilidad WebPresentacion Accesibilidad Web
Presentacion Accesibilidad Web
 

Ähnlich wie Análisis del Patrón MVC en

Ähnlich wie Análisis del Patrón MVC en (20)

Modelo vistacontrolador
Modelo vistacontroladorModelo vistacontrolador
Modelo vistacontrolador
 
Modelo vistacontrolador
Modelo vistacontroladorModelo vistacontrolador
Modelo vistacontrolador
 
patron-mvc
 patron-mvc patron-mvc
patron-mvc
 
Presentación MVC
Presentación MVCPresentación MVC
Presentación MVC
 
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
Modelo vista controladorModelo vista controlador
Modelo vista controlador
 
MODELO VISTA CONTROLADOR
MODELO VISTA CONTROLADORMODELO VISTA CONTROLADOR
MODELO VISTA CONTROLADOR
 
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
 
MVC
MVCMVC
MVC
 
MVC - (Spanish)
MVC - (Spanish)MVC - (Spanish)
MVC - (Spanish)
 
patron de diseño MVVMo.pptx
patron de diseño MVVMo.pptxpatron de diseño MVVMo.pptx
patron de diseño MVVMo.pptx
 
Modelo mvc
Modelo mvcModelo mvc
Modelo mvc
 
MVC
MVCMVC
MVC
 
Mvc
MvcMvc
Mvc
 
Ejemplo de-informe-academico
Ejemplo de-informe-academicoEjemplo de-informe-academico
Ejemplo de-informe-academico
 
MVC & ASP.NET (Spanish)
MVC & ASP.NET (Spanish)MVC & ASP.NET (Spanish)
MVC & ASP.NET (Spanish)
 
S01-s1-MVC.pptx
S01-s1-MVC.pptxS01-s1-MVC.pptx
S01-s1-MVC.pptx
 
Mvc
MvcMvc
Mvc
 
Clase 10 mvc
Clase 10 mvcClase 10 mvc
Clase 10 mvc
 
Arquitectura Mvc
Arquitectura MvcArquitectura Mvc
Arquitectura Mvc
 

Análisis del Patrón MVC en

  • 1. Análisis del Patrón MVC Desarrollado por David G. Kotlirevsky
  • 2. Qué es el Patron MVC * Es una forma de resolver la escalabilidad y el desacoplamiento entre las vistas de una aplicación y el Modelo que gestiona los datos * Su nombre es un acrónimo de: MODELO VISTA CONTROLADOR
  • 3. Qué es el Patrón MVC VISTA CONTROLADORMODELO
  • 4. Qué es el Patrón MVC Conceptualmente: * La vista interactúa libremente con el controlador y viceversa. * El Modelo interactúa libremente con el Controlador y viceversa. * La Vista se actualiza en funcion del los cambios de estado del Modelo. El Modelo NO conoce quien es la Vista.
  • 5. Qué es el Patrón MVC Es la Sumatoria aplicada de 3 patrones de Diseño : OBSERVER + MVC MEDIATOR + SINGLETON
  • 6. Ejemplo *Veremos en un ejemplo como funciona destacando cada parte y su componente Vista ( Observadores) : -> Los Autos Controlador (Aplica Mediator y Singleton) : Maneja los avisos Modelo ( El que es observado) -> un Semáforo
  • 7. Download ? El código del ejemplo es descargable con este comando ( tener instalado git ;) ) git clone git@github.com:davidgk/mvcPatternAnalisis_eclipseProyect.git
  • 8. Vista ( Son los Observadores )
  • 9. Controlador Aplica Mediator y Singleton. En este caso para evitar que el modelo conozca la vista, El controlador posee la lista de vistas a actualizar así como el método responsable de tal tarea.
  • 10. Modelo Al modelo se le asigna el controlador por constructor. Por medio del mismo avisará sus cambios de estado.
  • 13. Gracias! Consultas, dudas y/o sugerencias a: info.clases.programacion@gmail.com www.clasesprogramacion.com