SlideShare una empresa de Scribd logo
1 de 12
Materia: Sistemas distribuidos  
Tema: Modelo Vista Controlador (MVC)
Introduccion
El patrón de arquitectura MVC (Modelo Vista
Controlador) es un patrón que define la organización
independiente del Modelo (Objetos de Negocio), la Vista
(interfaz con el usuario u otro sistema) y el Controlador
(controlador del workflow de la aplicación).
De esta forma, dividimos el sistema en tres capas donde,
como explicaremos más adelante, tenemos la
encapsulación de los datos, la interfaz o vista por otro y
por último la lógica interna o controlador.
El patrón de arquitectura "MODELO VISTA
CONTROLADOR", es una filosofía de
diseño de aplicaciones, compuesta por:
 Modelo: Esta es la representación específica de la
información con la cual el sistema opera.
El modelo se limita a lo relativo de la vista y
su controlador facilitando las presentaciones visuales
complejas.
 Vista: Es la presentación del Modelo, en un formato
adecuado para interactuar, usualmente la
interfaz de usuario.
Puede acceder al Modelo pero nunca cambiar su
estado.
 Controlador: Reacciona a la petición del Cliente,
ejecutando la acción adecuada y creando el modelo
pertinente.
Es importante saber que el controlador interpreta las
entradas del usuario (tanto teclado como el ratón), enviado
el mensaje de acción al modelo y a la vista para que se
proceda con los cambios que se consideren adecuados.
El flujo que sigue el control 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. 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....
Los sistemas informáticos utilizan un Sistema de
Gestión de Base de Datos para gestionar los
datos: en líneas generales del MVC corresponde
al modelo
Comunicación
El modelo, la vista y el controlador deben comunicarse
de una manera estable los unos con los otros, de
manera que sea coherente con las iteraciones que el
usuario realizara. Como es lógico la comunicación entre
la vista y el controlador es bastante básica pues están
diseñados para operar juntos, pero los modelos se
comunican de una manera diferente, un poco más sutil
Modelo pasivo
El modelo no tiene ninguna responsabilidad para
comunicar los cambios a la vista porque ocurren solo por
orden del usuario, por lo que esta función la llevara a
cabo el controlador porque será el que interprete las
ordenes de este usuario debido a que solo debe
comunicar que algo ha cambiado. Por esto, el modelo
se encuentra en modo inconsciente y su participación en
este caso es irrisoria.
Unión del modelo con la vista
y el controlador
Como no todos los modelos pueden ser
pasivos, necesitamos algo que comunique
al controlador y a la vista, por lo que en
este caso, si que necesitamos el modelo,
ya que solo este puede llevar a cabo los
cambios necesarios al estado actual en el
que estos se encuentran.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

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 EN PHP
MODELO VISTA CONTROLADOR EN PHPMODELO VISTA CONTROLADOR EN PHP
MODELO VISTA CONTROLADOR EN PHP
 
Modelo vistacontrolador
Modelo vistacontroladorModelo vistacontrolador
Modelo vistacontrolador
 
Arquitectura MVC
Arquitectura MVCArquitectura MVC
Arquitectura MVC
 
Modelo vista controlador
Modelo vista controladorModelo vista controlador
Modelo vista controlador
 
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
 
Patron de Desarrollo Modelo Vista Controlador
Patron de Desarrollo Modelo Vista ControladorPatron de Desarrollo Modelo Vista Controlador
Patron de Desarrollo Modelo Vista Controlador
 
Model View Controller (MVC)
Model View Controller (MVC)Model View Controller (MVC)
Model View Controller (MVC)
 
Mvc
MvcMvc
Mvc
 
Servicios web
Servicios webServicios web
Servicios web
 
Modelo vista controlador
Modelo vista controladorModelo vista controlador
Modelo vista controlador
 
patron-mvc
 patron-mvc patron-mvc
patron-mvc
 
MVC
MVCMVC
MVC
 
Mvc
MvcMvc
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 - (Spanish)
MVC - (Spanish)MVC - (Spanish)
MVC - (Spanish)
 
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
 
Modelo vista controlador #ihcpfgigs_Diseñoweb
Modelo vista controlador #ihcpfgigs_DiseñowebModelo vista controlador #ihcpfgigs_Diseñoweb
Modelo vista controlador #ihcpfgigs_Diseñoweb
 

Similar a Arquitectura Mvc (20)

modelo MVC.pptx
modelo MVC.pptxmodelo MVC.pptx
modelo MVC.pptx
 
S8 arely medina_power_point
S8 arely medina_power_pointS8 arely medina_power_point
S8 arely medina_power_point
 
ASP.NET
ASP.NETASP.NET
ASP.NET
 
Modelo vistacontrolador
Modelo vistacontroladorModelo vistacontrolador
Modelo vistacontrolador
 
patrón MVC.pdf
patrón MVC.pdfpatrón MVC.pdf
patrón MVC.pdf
 
Asp
AspAsp
Asp
 
Arquitectura Cliente-Servidor
Arquitectura Cliente-ServidorArquitectura Cliente-Servidor
Arquitectura Cliente-Servidor
 
Modelo vista controlador
Modelo vista controladorModelo vista controlador
Modelo vista controlador
 
Modelo mvc
Modelo mvcModelo mvc
Modelo mvc
 
Struts en Java
Struts en JavaStruts en Java
Struts en Java
 
Aplicaciones en capas1
Aplicaciones en capas1Aplicaciones en capas1
Aplicaciones en capas1
 
modelo vista controlador
modelo vista controladormodelo vista controlador
modelo vista controlador
 
Patron mvc struts
Patron mvc strutsPatron mvc struts
Patron mvc struts
 
MVC.ppt
MVC.pptMVC.ppt
MVC.ppt
 
Mvc
MvcMvc
Mvc
 
Lp II clase02 - Modelo Vista Controlador
Lp II   clase02 - Modelo Vista ControladorLp II   clase02 - Modelo Vista Controlador
Lp II clase02 - Modelo Vista Controlador
 
Mvc
MvcMvc
Mvc
 
Mvc
MvcMvc
Mvc
 
Mvc
MvcMvc
Mvc
 
Programacion 3 mvc
Programacion 3 mvcProgramacion 3 mvc
Programacion 3 mvc
 

Arquitectura Mvc

  • 2. Introduccion El patrón de arquitectura MVC (Modelo Vista Controlador) es un patrón que define la organización independiente del Modelo (Objetos de Negocio), la Vista (interfaz con el usuario u otro sistema) y el Controlador (controlador del workflow de la aplicación). De esta forma, dividimos el sistema en tres capas donde, como explicaremos más adelante, tenemos la encapsulación de los datos, la interfaz o vista por otro y por último la lógica interna o controlador.
  • 3. El patrón de arquitectura "MODELO VISTA CONTROLADOR", es una filosofía de diseño de aplicaciones, compuesta por:
  • 4.  Modelo: Esta es la representación específica de la información con la cual el sistema opera. El modelo se limita a lo relativo de la vista y su controlador facilitando las presentaciones visuales complejas.  Vista: Es la presentación del Modelo, en un formato adecuado para interactuar, usualmente la interfaz de usuario. Puede acceder al Modelo pero nunca cambiar su estado.  Controlador: Reacciona a la petición del Cliente, ejecutando la acción adecuada y creando el modelo pertinente.
  • 5. Es importante saber que el controlador interpreta las entradas del usuario (tanto teclado como el ratón), enviado el mensaje de acción al modelo y a la vista para que se proceda con los cambios que se consideren adecuados.
  • 6. El flujo que sigue el control 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.
  • 7. 3. El controlador accede al modelo, actualizándolo, posiblemente modificándolo de forma adecuada a la acción solicitada por el usuario. Los controladores complejos están a menudo estructurados usando un patrón de comando que encapsula las acciones y simplifica su extensión.
  • 8. 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....
  • 9. Los sistemas informáticos utilizan un Sistema de Gestión de Base de Datos para gestionar los datos: en líneas generales del MVC corresponde al modelo
  • 10. Comunicación El modelo, la vista y el controlador deben comunicarse de una manera estable los unos con los otros, de manera que sea coherente con las iteraciones que el usuario realizara. Como es lógico la comunicación entre la vista y el controlador es bastante básica pues están diseñados para operar juntos, pero los modelos se comunican de una manera diferente, un poco más sutil
  • 11. Modelo pasivo El modelo no tiene ninguna responsabilidad para comunicar los cambios a la vista porque ocurren solo por orden del usuario, por lo que esta función la llevara a cabo el controlador porque será el que interprete las ordenes de este usuario debido a que solo debe comunicar que algo ha cambiado. Por esto, el modelo se encuentra en modo inconsciente y su participación en este caso es irrisoria.
  • 12. Unión del modelo con la vista y el controlador Como no todos los modelos pueden ser pasivos, necesitamos algo que comunique al controlador y a la vista, por lo que en este caso, si que necesitamos el modelo, ya que solo este puede llevar a cabo los cambios necesarios al estado actual en el que estos se encuentran.