SlideShare una empresa de Scribd logo
1 de 8
LOGO
Msig. Ing. Robert Moreira Centeno
mcrobertw@hotmail.com
Septiembre de 2016
TEMA:
«MODELO VISTA CONTROLADOR EN PHP»
1. ¿Qué es el MVC?
2. ¿Qué capas componen al MVC?
3. ¿Explicación del MVC a través de un checkbox?
4. ¿Qué es el MODELO?
5. ¿Qué es la vista?
6. ¿Qué es el CONTROLADOR?
Fuente:
https://www.youtube.com/watch?v=Ojzsk0PY9vQ
Diapositivas en:
http://ouo.io/4mBsM4
1. ¿Qué es el MVC?
Company Logo
Patrón arquitectura de software.
División de componentes
Separación de conceptos.
2. ¿Qué capas componen al MVC?
Company Logo
CONTROLADOR
MODELO VISTA
El patrón MVC fue una de las primeras ideas
en el campo de las interfaces gráficas de
usuario y uno de los primeros trabajos en
describir e implementar aplicaciones software
en términos de sus diferentes funciones, por lo
tanto existe antes que las propias aplicaciones
web.
MVC fue introducido por Trygve Reenskaug
(web personal) en Smalltalk-76 durante su
visita a Xerox Parc6 7 en los años 70
Fuente:
https://es.wikipedia.org/wiki/Modelo%E2%80%93vista%E2%80%93controlador
3. ¿Explicación del MVC a través de un checkbox? (PARTE 1 DE 2)
Company Logo
Fuente:
https://styde.net/porque-laravel-no-es-mvc-y-tu-deberias-olvidarte-de-mvc/
https://es.wikipedia.org/wiki/Modelo%E2%80%93vista%E2%80%93controlador
Este checkbox posee:
Un modelo: que se encarga de almacenar los datos del checkbox, en
este caso un solo dato que puede ser verdadero (checked) o falso (not
checked).
Una vista: la representación gráfica del checkbox, es decir una cajita, la
vista por supuesto toma los datos del modelo para saber cómo debe ser
representada (con o sin marca). El usuario por supuesto ve e interactúa
con la aplicación a través de la vista.
Un controlador: El controlador se encarga de tomar una acción del
usuario (por ejemplo el usuario presionó el checkbox) y actualiza el
modelo (en este caso ahora el modelo contendrá “verdadero” porque el
checkbox está presionado o volverá a “falso” si se presiona otra vez).
Una vez que se realicen cambios en el modelo, éste actualiza la vista.
3. ¿Explicación del MVC a través de un checkbox? (PARTE 2 DE 2)
Company Logo
CONTROLADOR
<form method="POST"
action="controlador.php">
MODELO
file_put_contents('log.txt', "Excelente
afición.. n",FILE_APPEND);
VISTA
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo del uso de formularios - aprenderaprogramar.com</title>
</head>
<body>
<form method="POST" action="controlador.php">
<b>Te gusta programar:</b>
<input type="checkbox" name="cbrespuesta" />Si<br/>
<input type="submit" name="enviar" value="Enviar!!"/>
</form>
</body>
</html>
index.php
<?php
//Si se pulsa el botón de enviar
if (isset($_POST['enviar'])) {
//Si el checkbox condiciones tiene valor y es igual a 1
if (isset($_POST['cbrespuesta']) == 'on')
file_put_contents('log.txt', "Excelente afición.. n",FILE_APPEND);
else
file_put_contents('log.txt', "Se esta perdiendo lo bueno de la vida..
n",FILE_APPEND);
}
?>
controlador.php
El controlador inicia con el form method de index.php, luego su trabajo se
expande en el archivo controlador.php a través de la captura de los valores de
$_POST, y en este caso el modelo es un archivo plano encontrado en el servidor.
4. ¿Qué es el MODELO?
Company Logo
Representa los datos (estado de un chekbox, archivo
de texto que se usa) y todos los valores o
características que pueden tomar.
Da soporte a las acciones posibles (actualizar un
checkbox, guardar fichero de texto).
Permite manejar la definición total de información en
una sola unidad organizacional (archivo o carpeta), lo
cual facilita su modificación.
El modelo no realiza acciones, solo sirve de almacen
de información.
5. ¿Qué es la VISTA?
Company Logo
Aquellas partes que son visibles.
Interacción con el usuario.
La presentación gráfica del modelo.
6. ¿Qué es el CONTROLADOR?
Company Logo
Lógica del negocio.
Responde a eventos (En el ejemplo del punto 3 a
través del método POST).
Gestiona peticiones (En el ejemplo del punto 3 las
condiciones y demás del archivo controlador.php).
El controlador o da la orden de guardar datos, o da
orden de modificar la vista.

Más contenido relacionado

La actualidad más candente

Modelo, vista, controlador
Modelo, vista, controladorModelo, vista, controlador
Modelo, vista, controladorCecy Villalta
 
Ingenieria del software
Ingenieria del softwareIngenieria del software
Ingenieria del softwareanderson0328
 
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ónLuis Fernando Aguas Bucheli
 
Aprender a programar aplicaciones moviles
Aprender a programar aplicaciones movilesAprender a programar aplicaciones moviles
Aprender a programar aplicaciones movilesRobert Moreira
 
Patron Mvc Struts 1 y 2
Patron Mvc Struts 1 y 2Patron Mvc Struts 1 y 2
Patron Mvc Struts 1 y 2mundojava
 
Modelo vista controlador
Modelo vista controladorModelo vista controlador
Modelo vista controladorLuis Gutierrez
 
Desarrollo de Apps Web en Ruby on Rails
Desarrollo de Apps Web en Ruby on RailsDesarrollo de Apps Web en Ruby on Rails
Desarrollo de Apps Web en Ruby on RailsFreelancer
 
Aplicaciones en capas1
Aplicaciones en capas1Aplicaciones en capas1
Aplicaciones en capas1mariana
 
ASP .NET MVC: Desarrollo web con el patrón MVC
ASP .NET MVC: Desarrollo web con el patrón MVCASP .NET MVC: Desarrollo web con el patrón MVC
ASP .NET MVC: Desarrollo web con el patrón MVCriojadotnet
 
Taller MVVM Imagine Camp Medellín (Intermedio)
Taller MVVM Imagine Camp Medellín (Intermedio)Taller MVVM Imagine Camp Medellín (Intermedio)
Taller MVVM Imagine Camp Medellín (Intermedio)Sorey García
 

La actualidad más candente (19)

patron de diseño MVVMo.pptx
patron de diseño MVVMo.pptxpatron de diseño MVVMo.pptx
patron de diseño MVVMo.pptx
 
Presentacion wpf
Presentacion wpfPresentacion wpf
Presentacion wpf
 
MVC
MVCMVC
MVC
 
Modelo, vista, controlador
Modelo, vista, controladorModelo, vista, controlador
Modelo, vista, controlador
 
El patrón MVC
El patrón MVCEl patrón MVC
El patrón MVC
 
Mvc
MvcMvc
Mvc
 
Ingenieria del software
Ingenieria del softwareIngenieria del software
Ingenieria del software
 
Asp.net mvc
Asp.net mvcAsp.net mvc
Asp.net 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
 
Aprender a programar aplicaciones moviles
Aprender a programar aplicaciones movilesAprender a programar aplicaciones moviles
Aprender a programar aplicaciones moviles
 
patron-mvc
 patron-mvc patron-mvc
patron-mvc
 
Patron Mvc Struts 1 y 2
Patron Mvc Struts 1 y 2Patron Mvc Struts 1 y 2
Patron Mvc Struts 1 y 2
 
Modelo vista controlador
Modelo vista controladorModelo vista controlador
Modelo vista controlador
 
Servicios web
Servicios webServicios web
Servicios web
 
Desarrollo de Apps Web en Ruby on Rails
Desarrollo de Apps Web en Ruby on RailsDesarrollo de Apps Web en Ruby on Rails
Desarrollo de Apps Web en Ruby on Rails
 
Aplicaciones en capas1
Aplicaciones en capas1Aplicaciones en capas1
Aplicaciones en capas1
 
ASP .NET MVC: Desarrollo web con el patrón MVC
ASP .NET MVC: Desarrollo web con el patrón MVCASP .NET MVC: Desarrollo web con el patrón MVC
ASP .NET MVC: Desarrollo web con el patrón MVC
 
Asp
AspAsp
Asp
 
Taller MVVM Imagine Camp Medellín (Intermedio)
Taller MVVM Imagine Camp Medellín (Intermedio)Taller MVVM Imagine Camp Medellín (Intermedio)
Taller MVVM Imagine Camp Medellín (Intermedio)
 

Similar a Mvc

Similar a Mvc (20)

Clase 10 mvc
Clase 10 mvcClase 10 mvc
Clase 10 mvc
 
Modelo vista controlador
Modelo vista controladorModelo vista controlador
Modelo vista controlador
 
Mvc4 Intro
Mvc4 IntroMvc4 Intro
Mvc4 Intro
 
Org tutorial struts_2010
Org tutorial struts_2010Org tutorial struts_2010
Org tutorial struts_2010
 
Programacion 3 mvc
Programacion 3 mvcProgramacion 3 mvc
Programacion 3 mvc
 
MVC & ASP.NET (Spanish)
MVC & ASP.NET (Spanish)MVC & ASP.NET (Spanish)
MVC & ASP.NET (Spanish)
 
Jsf Java Server Faces
Jsf   Java Server FacesJsf   Java Server Faces
Jsf Java Server Faces
 
S01-s1-MVC.pptx
S01-s1-MVC.pptxS01-s1-MVC.pptx
S01-s1-MVC.pptx
 
Frameworks MVC para desarrollo de UITES
Frameworks MVC para desarrollo de UITESFrameworks MVC para desarrollo de UITES
Frameworks MVC para desarrollo de UITES
 
Presentación MVC
Presentación MVCPresentación MVC
Presentación MVC
 
Jquery Hmvc
Jquery HmvcJquery Hmvc
Jquery Hmvc
 
Implementacion de un portal web para la automatización del proceso de consult...
Implementacion de un portal web para la automatización del proceso de consult...Implementacion de un portal web para la automatización del proceso de consult...
Implementacion de un portal web para la automatización del proceso de consult...
 
Web 2
Web 2Web 2
Web 2
 
S8 arely medina_power_point
S8 arely medina_power_pointS8 arely medina_power_point
S8 arely medina_power_point
 
3-Unidad 1. Arquitectura de Diseño
3-Unidad 1. Arquitectura de Diseño3-Unidad 1. Arquitectura de Diseño
3-Unidad 1. Arquitectura de Diseño
 
Modelo mvc
Modelo mvcModelo mvc
Modelo mvc
 
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
 
Mvc
MvcMvc
Mvc
 
Introducción a ASP.NET MVC
Introducción a ASP.NET MVCIntroducción a ASP.NET MVC
Introducción a ASP.NET MVC
 
Web matrix session2
Web matrix session2Web matrix session2
Web matrix session2
 

Más de Robert Moreira

Dormir cuando el viento sopla
Dormir cuando el viento soplaDormir cuando el viento sopla
Dormir cuando el viento soplaRobert Moreira
 
Programacion orientada a objetos en javascript
Programacion orientada a objetos en javascriptProgramacion orientada a objetos en javascript
Programacion orientada a objetos en javascriptRobert Moreira
 
Fundamento de poo en php
Fundamento de poo en phpFundamento de poo en php
Fundamento de poo en phpRobert Moreira
 
Buenos formularios web
Buenos formularios webBuenos formularios web
Buenos formularios webRobert Moreira
 
Buenos formularios web
Buenos formularios webBuenos formularios web
Buenos formularios webRobert Moreira
 
Modelo de negocios paypal
Modelo de negocios paypalModelo de negocios paypal
Modelo de negocios paypalRobert Moreira
 
Modelo negocio motel online.com
Modelo negocio motel online.comModelo negocio motel online.com
Modelo negocio motel online.comRobert Moreira
 

Más de Robert Moreira (8)

Dormir cuando el viento sopla
Dormir cuando el viento soplaDormir cuando el viento sopla
Dormir cuando el viento sopla
 
El tornillo-1944
El tornillo-1944El tornillo-1944
El tornillo-1944
 
Programacion orientada a objetos en javascript
Programacion orientada a objetos en javascriptProgramacion orientada a objetos en javascript
Programacion orientada a objetos en javascript
 
Fundamento de poo en php
Fundamento de poo en phpFundamento de poo en php
Fundamento de poo en php
 
Buenos formularios web
Buenos formularios webBuenos formularios web
Buenos formularios web
 
Buenos formularios web
Buenos formularios webBuenos formularios web
Buenos formularios web
 
Modelo de negocios paypal
Modelo de negocios paypalModelo de negocios paypal
Modelo de negocios paypal
 
Modelo negocio motel online.com
Modelo negocio motel online.comModelo negocio motel online.com
Modelo negocio motel online.com
 

Mvc

  • 1. LOGO Msig. Ing. Robert Moreira Centeno mcrobertw@hotmail.com Septiembre de 2016 TEMA: «MODELO VISTA CONTROLADOR EN PHP» 1. ¿Qué es el MVC? 2. ¿Qué capas componen al MVC? 3. ¿Explicación del MVC a través de un checkbox? 4. ¿Qué es el MODELO? 5. ¿Qué es la vista? 6. ¿Qué es el CONTROLADOR? Fuente: https://www.youtube.com/watch?v=Ojzsk0PY9vQ Diapositivas en: http://ouo.io/4mBsM4
  • 2. 1. ¿Qué es el MVC? Company Logo Patrón arquitectura de software. División de componentes Separación de conceptos.
  • 3. 2. ¿Qué capas componen al MVC? Company Logo CONTROLADOR MODELO VISTA El patrón MVC fue una de las primeras ideas en el campo de las interfaces gráficas de usuario y uno de los primeros trabajos en describir e implementar aplicaciones software en términos de sus diferentes funciones, por lo tanto existe antes que las propias aplicaciones web. MVC fue introducido por Trygve Reenskaug (web personal) en Smalltalk-76 durante su visita a Xerox Parc6 7 en los años 70 Fuente: https://es.wikipedia.org/wiki/Modelo%E2%80%93vista%E2%80%93controlador
  • 4. 3. ¿Explicación del MVC a través de un checkbox? (PARTE 1 DE 2) Company Logo Fuente: https://styde.net/porque-laravel-no-es-mvc-y-tu-deberias-olvidarte-de-mvc/ https://es.wikipedia.org/wiki/Modelo%E2%80%93vista%E2%80%93controlador Este checkbox posee: Un modelo: que se encarga de almacenar los datos del checkbox, en este caso un solo dato que puede ser verdadero (checked) o falso (not checked). Una vista: la representación gráfica del checkbox, es decir una cajita, la vista por supuesto toma los datos del modelo para saber cómo debe ser representada (con o sin marca). El usuario por supuesto ve e interactúa con la aplicación a través de la vista. Un controlador: El controlador se encarga de tomar una acción del usuario (por ejemplo el usuario presionó el checkbox) y actualiza el modelo (en este caso ahora el modelo contendrá “verdadero” porque el checkbox está presionado o volverá a “falso” si se presiona otra vez). Una vez que se realicen cambios en el modelo, éste actualiza la vista.
  • 5. 3. ¿Explicación del MVC a través de un checkbox? (PARTE 2 DE 2) Company Logo CONTROLADOR <form method="POST" action="controlador.php"> MODELO file_put_contents('log.txt', "Excelente afición.. n",FILE_APPEND); VISTA <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ejemplo del uso de formularios - aprenderaprogramar.com</title> </head> <body> <form method="POST" action="controlador.php"> <b>Te gusta programar:</b> <input type="checkbox" name="cbrespuesta" />Si<br/> <input type="submit" name="enviar" value="Enviar!!"/> </form> </body> </html> index.php <?php //Si se pulsa el botón de enviar if (isset($_POST['enviar'])) { //Si el checkbox condiciones tiene valor y es igual a 1 if (isset($_POST['cbrespuesta']) == 'on') file_put_contents('log.txt', "Excelente afición.. n",FILE_APPEND); else file_put_contents('log.txt', "Se esta perdiendo lo bueno de la vida.. n",FILE_APPEND); } ?> controlador.php El controlador inicia con el form method de index.php, luego su trabajo se expande en el archivo controlador.php a través de la captura de los valores de $_POST, y en este caso el modelo es un archivo plano encontrado en el servidor.
  • 6. 4. ¿Qué es el MODELO? Company Logo Representa los datos (estado de un chekbox, archivo de texto que se usa) y todos los valores o características que pueden tomar. Da soporte a las acciones posibles (actualizar un checkbox, guardar fichero de texto). Permite manejar la definición total de información en una sola unidad organizacional (archivo o carpeta), lo cual facilita su modificación. El modelo no realiza acciones, solo sirve de almacen de información.
  • 7. 5. ¿Qué es la VISTA? Company Logo Aquellas partes que son visibles. Interacción con el usuario. La presentación gráfica del modelo.
  • 8. 6. ¿Qué es el CONTROLADOR? Company Logo Lógica del negocio. Responde a eventos (En el ejemplo del punto 3 a través del método POST). Gestiona peticiones (En el ejemplo del punto 3 las condiciones y demás del archivo controlador.php). El controlador o da la orden de guardar datos, o da orden de modificar la vista.