MODELO VISTA CONTROLADOR

Introducción

Este Objeto Virtual de Información, es un apoyo al estudiante del

curso programación de Sitios Web, ya que es de vital importancia
identificar que una aplicación web debe constar de un modelo de
datos, una vista y un controlador, todos ellos totalmente separados.
 Objetivo de aprendizaje

Identificar los elementos de un patrón de diseño Modelo

Vista Controlador MVC con el fin de aplicarlos en el
desarrollo de sitios web interactivos.
 Modelo Vista Controlador

El modelo Vista Controlador es un

patrón de diseño que se aplica al
desarrollo de sitios web interactivos el
cual separa las acciones del usuario
(Controlador), acceso y gestión de
datos (Modelo) y la interfaz del usuario Figura 1. MVC

(Vista). (Vidal, C. L., López, L. L., Rojas,

Fuente: Wikimedia Commons. (2010).

J. A., & Castro, M. M. (2017))

 Modelo

El modelo corresponde exclusivamente

al acceso y gestión de los datos puros
de la aplicación. (Vidal, C. L., López, L.
L., Rojas, J. A., & Castro, M. M. (2017))

Figura 2. Database
Fuente: Freepngimg.com. (2017).
 Vista

La vista corresponde exclusivamente a

la interfaz gráfica que presenta al
usuario los datos, pero no sabe como
se usan o que significan. (Vidal, C. L.,
López, L. L., Rojas, J. A., & Castro, M. M.
(2017)) Figura 3. Webbplats
Fuente: Pixabay. (2017).
 Controlador

El controlador es quien responde a los

eventos y acciones del usuario. (Vidal,
C. L., López, L. L., Rojas, J. A., & Castro,
M. M. (2017))
Figura 4. Controlador
Fuente: SVG Silh. (2017).
 Interacción entre el
modelo, la vista y el
controlador

• El usuario pulsa un botón o enlace en la

aplicación.
• El controlador recibe la notificación de la
acción solicitada por el usuario.
• El controlador accede al modelo y realiza allí
la actualización, por ejemplo una consulta de
productos a una base de datos.
• El controlador invoca la vista para desplegar
la interfaz del usuario.
• La vista obtiene los datos del modelo y los
presenta al usuario. Figura 5. MVC
• La interfaz de usuario queda atenta a nuevas Fuente: Wikimedia Commons. (2010).

peticiones del usuario. (Vidal, C. L., López, L.

L., Rojas, J. A., & Castro, M. M. (2017))
 Conclusiones

El desarrollo de sitios web debe estar alineado con un patrón de

diseño, siendo el más común el modelo vista controlador MVC,
donde el programador debe tener muy claro que hay una
separación entre las acciones del usuario (controlador), el acceso
a los datos (modelo) y la interfaz de usuario (vista).
 Referencias Bibliográficas

• Wikimedia Commons. (2010). MVC. [Figura]. Recuperado de

https://goo.gl/images/hA2Sp3
• SVG Silh. (2017). Controlador. [Figura]. Recuperado de https://goo.gl/images/GHqCCd
• Freepngimg. (2017). Database. [Figura]. Recuperado de https://goo.gl/images/EZDiUp
• Pixabay. (2017). Webbplats. [Figura]. Recuperado de https://goo.gl/images/CYcH4p
• Vidal, C. L., López, L. L., Rojas, J. A., & Castro, M. M. (2017). Desarrollo de Sistema Web de
Reclutamiento y Selección y de Directivos por Competencias mediante PHP CodeIgniter
3.0. Información Tecnológica. Recuperado de:
https://bibliotecavirtual.unad.edu.co:2444/10.4067/S0718-07642017000200021
 Créditos

• Ingeniero. Francisco Javier Hilarión Novoa. Diseñador de

curso Programación de sitios Web. UNAD 2018
• Red de curso Programación de Sitios Web. UNAD 2018