SlideShare una empresa de Scribd logo
1 de 21
Descargar para leer sin conexión
Plataformas de
Desarrollo 2
Tema: 3 Arquitectura de aplicaciones
Mg. Luis Fernando Aguas Bucheli
+593 984015184
@Aguaszoft
Laguas@uisrael.edu.ec
““Productividad es el acto de acercar la empresa a
su meta. Las acciones que acercan a una compañía
a su meta son productivas, las acciones que no
acercan a la compañía a su meta no son
productivas.“ — Eliyahu M. Goldratt.
Objetivo
• Construir aplicaciones de
software Web con acceso
a datos y que resuelva
problemas basados en
casos reales utilizando
Visual Studio
● 3.2. Modelo Vista Controlador
Contenido
ODS
● 4.3 De aquí a 2030, asegurar
el acceso igualitario de todos
los hombres y las mujeres a
una formación técnica,
profesional y superior de
calidad, incluida la enseñanza
universitaria
META
3.2. Modelo Vista Controlador
Introducción
● El Modelo Vista Controlador es un estilo de arquitectura de
software que separa los datos de una aplicación, la interfaz
de usuario, y la lógica de control en tres componentes
distintos.
Introducción
● Es una arquitectura importante puesto que se utiliza tanto
en componentes gráficos básicos hasta sistemas
empresariales; la mayoría de los frameworks modernos
utilizan MVC (o alguna adaptación del MVC) para la
arquitectura, entre ellos podemos mencionar a Ruby on
Rails, Django, AngularJS y muchos otros más.
MVC
• La idea básica de MVC es:
• Separar el código, de tal manera que si necesitamos
hacer un cambio en la base de datos, esto no afecte a
la lógica del programa.
• La función del controlador es solo controlar la
interacción entre ambas capas.
MVC Partes
• El Modelo que contiene una representación de los
datos que maneja el sistema, su lógica de negocio, y
sus mecanismos de persistencia.
• La Vista, o interfaz de usuario, que compone la
información que se envía al cliente y los mecanismos
interacción con éste.
• El Controlador, que actúa como intermediario entre el
Modelo y la Vista, gestionando el flujo de información
entre ellos y las transformaciones para adaptar los
datos a las necesidades de cada uno.
Modelo
• El Modelo: Todo lo relacionado con la extracción de
datos, ya sea a un archivo de texto, una base de datos
etc.
• En este modelo el patrón mas usado es DAO (Data
Access Object) u Objeto de Acceso a Datos.
DAO
• DAO encapsula el acceso a la base de Datos.
• Cuando el controlador necesite interactuar con a base
de datos lo hace a través de la API que ofrece DAO.
• Generalmente esta API consiste en métodos CRUD
(Create, Read, Update y Delete)
DAO
Algunos de los lenguajes mas populares que soportan
DAO son:
• Java
• Microsoft .NET
• Python
• PHP
VO
Otro Minipatron que se utiliza en la capa del modelo es el
VO (Value Object)
• Consiste simplemente en agrupar varios atributos
dentro de un objeto para enviarlo y recibirlo con
mayor comodidad/seguridad.
• Algo parecido a una estructura de Datos.
• Por lo general se utilizan métodos SET y GET
La Vista
• La parte donde se interacciona con el usuario.
• Se especifican cosas como posición de datos, y como
se desplegaran.
• Es la interfaz del usuario
Tipos de Interfaz
1. Interfaz de Escritorio:
• Se puede visualizar diferentes tipos de información
simultáneamente.
• Se realizan tareas de control y de dialogo en forma
sencilla.
• La utilización de menús desplegables, botones y
técnicas de presentación que reducen el manejo del
teclado.
Tipos de Interfaz
2. Interfaz Web:
• Es la que utiliza un navegador web para comunicarse
con un servidor http para visualizar el contenido o la
pagina web.
• Une los atributos de la interfaz de escritorio y agrega
hipertexto y la multitarea (varias tareas
simultáneamente).
Tipos de Interfaz
3. Interfaz Móvil:
• Es la que se utiliza en dispositivos móviles: Celulares,
smartphone, Tabletas
El Controlador
• Es el intermediario entre la vista y el modelo.
• Gestiona el flujo de información entre ellos y las
transformaciones para adaptar los datos a las
necesidades de cada uno.
• Recibe los eventos de entrada (un clic, un cambio en
un campo de texto, etc.).
• Delega la búsqueda de datos al modelo y selecciona el
tipo de respuesta más adecuado según las
preferencias del cliente.
El Controlador
MVC
• Ya hoy día existen Frameworks (Módulos de software
concretos que sirven de base para la organización y
desarrollo de software), que implementan este patrón
de desarrollo los mas destacados son:
• Grails –> Java
• Spring MVC –> Java
• ExtJs –> JavaScript
• Symfony –> PHP
• Yii–> PHP
• Web2Py –> Python (este utiliza google)
• Django –> Python
Gracias
Responsabilidad con pensamiento positivo

Más contenido relacionado

Similar a S6-PD2.pptx

Curso Fundeweb2 para java desde cero a experto.ppt
Curso Fundeweb2 para java desde cero a experto.pptCurso Fundeweb2 para java desde cero a experto.ppt
Curso Fundeweb2 para java desde cero a experto.pptRolitoChc1
 
Sistema de ventas, compras y almacén
Sistema de ventas, compras y almacénSistema de ventas, compras y almacén
Sistema de ventas, compras y almacénLeo Ruelas Rojas
 
Backend middleware frontend (2)
Backend middleware frontend (2)Backend middleware frontend (2)
Backend middleware frontend (2)VirgCSan
 
15-TEMA: 4. INTRODUCCION A LAS ARQUITECTURASWEB Contenidos: 4.1 Dao 4.2 Mv...
15-TEMA: 4. INTRODUCCION A LAS ARQUITECTURASWEB  Contenidos:  4.1 Dao  4.2 Mv...15-TEMA: 4. INTRODUCCION A LAS ARQUITECTURASWEB  Contenidos:  4.1 Dao  4.2 Mv...
15-TEMA: 4. INTRODUCCION A LAS ARQUITECTURASWEB Contenidos: 4.1 Dao 4.2 Mv...Luis Fernando Aguas Bucheli
 
Diseño de aplicaciónes Web.pptx
Diseño de aplicaciónes Web.pptxDiseño de aplicaciónes Web.pptx
Diseño de aplicaciónes Web.pptxromaldohuerta1
 
7-Unidad 2: Diseño de Vista-2.3 Introducción Web Services-Desarrollo
7-Unidad 2: Diseño de Vista-2.3 Introducción Web Services-Desarrollo7-Unidad 2: Diseño de Vista-2.3 Introducción Web Services-Desarrollo
7-Unidad 2: Diseño de Vista-2.3 Introducción Web Services-DesarrolloLuis Fernando Aguas Bucheli
 
3 capas
3 capas3 capas
3 capasUACH
 
Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG
Arquitectura web  EXPOSICION KAREN ANDRADE, EFRAIN SARANSIGArquitectura web  EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG
Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIGEfrain Criss
 
Arquitectura de Información + Proceso Unificado de Desarrollo
Arquitectura de Información + Proceso Unificado de DesarrolloArquitectura de Información + Proceso Unificado de Desarrollo
Arquitectura de Información + Proceso Unificado de DesarrolloPio.la
 
Moviweb: A Platform to Solve the Web Content Visualization Problem on Heterog...
Moviweb: A Platform to Solve the Web Content Visualization Problem on Heterog...Moviweb: A Platform to Solve the Web Content Visualization Problem on Heterog...
Moviweb: A Platform to Solve the Web Content Visualization Problem on Heterog...Juan Carlos Olivares Rojas
 
DESARROLLO RAPIDO DE APLICACIONES WEB
DESARROLLO RAPIDO DE APLICACIONES WEBDESARROLLO RAPIDO DE APLICACIONES WEB
DESARROLLO RAPIDO DE APLICACIONES WEBJavier Condori Flores
 
FUNDAMENTOS DE SISTEMAS
FUNDAMENTOS DE SISTEMASFUNDAMENTOS DE SISTEMAS
FUNDAMENTOS DE SISTEMASCinthia López
 

Similar a S6-PD2.pptx (20)

DAM-S5.pptx
DAM-S5.pptxDAM-S5.pptx
DAM-S5.pptx
 
Curso Fundeweb2 para java desde cero a experto.ppt
Curso Fundeweb2 para java desde cero a experto.pptCurso Fundeweb2 para java desde cero a experto.ppt
Curso Fundeweb2 para java desde cero a experto.ppt
 
ASP.NET
ASP.NETASP.NET
ASP.NET
 
Sistema de ventas, compras y almacén
Sistema de ventas, compras y almacénSistema de ventas, compras y almacén
Sistema de ventas, compras y almacén
 
Backend middleware frontend (2)
Backend middleware frontend (2)Backend middleware frontend (2)
Backend middleware frontend (2)
 
15-TEMA: 4. INTRODUCCION A LAS ARQUITECTURASWEB Contenidos: 4.1 Dao 4.2 Mv...
15-TEMA: 4. INTRODUCCION A LAS ARQUITECTURASWEB  Contenidos:  4.1 Dao  4.2 Mv...15-TEMA: 4. INTRODUCCION A LAS ARQUITECTURASWEB  Contenidos:  4.1 Dao  4.2 Mv...
15-TEMA: 4. INTRODUCCION A LAS ARQUITECTURASWEB Contenidos: 4.1 Dao 4.2 Mv...
 
Diseño de aplicaciónes Web.pptx
Diseño de aplicaciónes Web.pptxDiseño de aplicaciónes Web.pptx
Diseño de aplicaciónes Web.pptx
 
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
 
S6-DAW-2022S1.pptx
S6-DAW-2022S1.pptxS6-DAW-2022S1.pptx
S6-DAW-2022S1.pptx
 
7-Unidad 2: Diseño de Vista-2.3 Introducción Web Services-Desarrollo
7-Unidad 2: Diseño de Vista-2.3 Introducción Web Services-Desarrollo7-Unidad 2: Diseño de Vista-2.3 Introducción Web Services-Desarrollo
7-Unidad 2: Diseño de Vista-2.3 Introducción Web Services-Desarrollo
 
modelo MVC.pptx
modelo MVC.pptxmodelo MVC.pptx
modelo MVC.pptx
 
3 capas
3 capas3 capas
3 capas
 
Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG
Arquitectura web  EXPOSICION KAREN ANDRADE, EFRAIN SARANSIGArquitectura web  EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG
Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG
 
Arquitectura de Información + Proceso Unificado de Desarrollo
Arquitectura de Información + Proceso Unificado de DesarrolloArquitectura de Información + Proceso Unificado de Desarrollo
Arquitectura de Información + Proceso Unificado de Desarrollo
 
Moviweb: A Platform to Solve the Web Content Visualization Problem on Heterog...
Moviweb: A Platform to Solve the Web Content Visualization Problem on Heterog...Moviweb: A Platform to Solve the Web Content Visualization Problem on Heterog...
Moviweb: A Platform to Solve the Web Content Visualization Problem on Heterog...
 
DESARROLLO RAPIDO DE APLICACIONES WEB
DESARROLLO RAPIDO DE APLICACIONES WEBDESARROLLO RAPIDO DE APLICACIONES WEB
DESARROLLO RAPIDO DE APLICACIONES WEB
 
Software
SoftwareSoftware
Software
 
MVC.ppt
MVC.pptMVC.ppt
MVC.ppt
 
FUNDAMENTOS DE SISTEMAS
FUNDAMENTOS DE SISTEMASFUNDAMENTOS DE SISTEMAS
FUNDAMENTOS DE SISTEMAS
 
Arquitectura Web
Arquitectura WebArquitectura Web
Arquitectura Web
 

Más de Luis Fernando Aguas Bucheli (20)

EFC-ISW-Luis Fernando Aguas.pptx
EFC-ISW-Luis Fernando Aguas.pptxEFC-ISW-Luis Fernando Aguas.pptx
EFC-ISW-Luis Fernando Aguas.pptx
 
P-S2.pptx
P-S2.pptxP-S2.pptx
P-S2.pptx
 
EBTS-S1.pptx
EBTS-S1.pptxEBTS-S1.pptx
EBTS-S1.pptx
 
P-S3.pptx
P-S3.pptxP-S3.pptx
P-S3.pptx
 
EBTS-S4.pptx
EBTS-S4.pptxEBTS-S4.pptx
EBTS-S4.pptx
 
P-S4.pptx
P-S4.pptxP-S4.pptx
P-S4.pptx
 
P-S1.pptx
P-S1.pptxP-S1.pptx
P-S1.pptx
 
EBTS-S3.pptx
EBTS-S3.pptxEBTS-S3.pptx
EBTS-S3.pptx
 
EBTS-S2.pptx
EBTS-S2.pptxEBTS-S2.pptx
EBTS-S2.pptx
 
PDIDTI-S7.pptx
PDIDTI-S7.pptxPDIDTI-S7.pptx
PDIDTI-S7.pptx
 
PDIDTI-S4.pptx
PDIDTI-S4.pptxPDIDTI-S4.pptx
PDIDTI-S4.pptx
 
PDIDTI-S2.pptx
PDIDTI-S2.pptxPDIDTI-S2.pptx
PDIDTI-S2.pptx
 
PDIDTI-S1.pptx
PDIDTI-S1.pptxPDIDTI-S1.pptx
PDIDTI-S1.pptx
 
PDIDTI-S8.pptx
PDIDTI-S8.pptxPDIDTI-S8.pptx
PDIDTI-S8.pptx
 
PDIDTI-S6.pptx
PDIDTI-S6.pptxPDIDTI-S6.pptx
PDIDTI-S6.pptx
 
PDIDTI-S5.pptx
PDIDTI-S5.pptxPDIDTI-S5.pptx
PDIDTI-S5.pptx
 
PDIDTI-S3.pptx
PDIDTI-S3.pptxPDIDTI-S3.pptx
PDIDTI-S3.pptx
 
TIC-S4.pptx
TIC-S4.pptxTIC-S4.pptx
TIC-S4.pptx
 
TIC-S3.pptx
TIC-S3.pptxTIC-S3.pptx
TIC-S3.pptx
 
TIC-S2.pptx
TIC-S2.pptxTIC-S2.pptx
TIC-S2.pptx
 

Último

Vendajes descriptivos de los distintos tipos de vendajes en enfermería
Vendajes descriptivos de los distintos tipos de vendajes en enfermeríaVendajes descriptivos de los distintos tipos de vendajes en enfermería
Vendajes descriptivos de los distintos tipos de vendajes en enfermeríaaskasfrancisco
 
_PRESENTACIÓN_ FISIOPATOLOGÍA Y PATOLOGÍA MÉDICA II (1).pdf
_PRESENTACIÓN_ FISIOPATOLOGÍA Y PATOLOGÍA MÉDICA II (1).pdf_PRESENTACIÓN_ FISIOPATOLOGÍA Y PATOLOGÍA MÉDICA II (1).pdf
_PRESENTACIÓN_ FISIOPATOLOGÍA Y PATOLOGÍA MÉDICA II (1).pdfeduardarovaleixo
 
Proceso Enfermero aplicado a la oxigenoterapia.pdf
Proceso Enfermero aplicado a la oxigenoterapia.pdfProceso Enfermero aplicado a la oxigenoterapia.pdf
Proceso Enfermero aplicado a la oxigenoterapia.pdfluciagwGW
 
CANCER DE COLON.pptx El cáncer colorrectal, también llamado cáncer de colon, ...
CANCER DE COLON.pptx El cáncer colorrectal, también llamado cáncer de colon, ...CANCER DE COLON.pptx El cáncer colorrectal, también llamado cáncer de colon, ...
CANCER DE COLON.pptx El cáncer colorrectal, también llamado cáncer de colon, ...MarcoFlores940553
 
Cadena de frío, almacenamiento y conservación de las vacunas
Cadena de frío, almacenamiento y conservación de las vacunasCadena de frío, almacenamiento y conservación de las vacunas
Cadena de frío, almacenamiento y conservación de las vacunasalexdrago3431
 
Vocabulario inglés para personal sanitario
Vocabulario inglés para personal sanitarioVocabulario inglés para personal sanitario
Vocabulario inglés para personal sanitariomonica602448
 

Último (6)

Vendajes descriptivos de los distintos tipos de vendajes en enfermería
Vendajes descriptivos de los distintos tipos de vendajes en enfermeríaVendajes descriptivos de los distintos tipos de vendajes en enfermería
Vendajes descriptivos de los distintos tipos de vendajes en enfermería
 
_PRESENTACIÓN_ FISIOPATOLOGÍA Y PATOLOGÍA MÉDICA II (1).pdf
_PRESENTACIÓN_ FISIOPATOLOGÍA Y PATOLOGÍA MÉDICA II (1).pdf_PRESENTACIÓN_ FISIOPATOLOGÍA Y PATOLOGÍA MÉDICA II (1).pdf
_PRESENTACIÓN_ FISIOPATOLOGÍA Y PATOLOGÍA MÉDICA II (1).pdf
 
Proceso Enfermero aplicado a la oxigenoterapia.pdf
Proceso Enfermero aplicado a la oxigenoterapia.pdfProceso Enfermero aplicado a la oxigenoterapia.pdf
Proceso Enfermero aplicado a la oxigenoterapia.pdf
 
CANCER DE COLON.pptx El cáncer colorrectal, también llamado cáncer de colon, ...
CANCER DE COLON.pptx El cáncer colorrectal, también llamado cáncer de colon, ...CANCER DE COLON.pptx El cáncer colorrectal, también llamado cáncer de colon, ...
CANCER DE COLON.pptx El cáncer colorrectal, también llamado cáncer de colon, ...
 
Cadena de frío, almacenamiento y conservación de las vacunas
Cadena de frío, almacenamiento y conservación de las vacunasCadena de frío, almacenamiento y conservación de las vacunas
Cadena de frío, almacenamiento y conservación de las vacunas
 
Vocabulario inglés para personal sanitario
Vocabulario inglés para personal sanitarioVocabulario inglés para personal sanitario
Vocabulario inglés para personal sanitario
 

S6-PD2.pptx

  • 1. Plataformas de Desarrollo 2 Tema: 3 Arquitectura de aplicaciones Mg. Luis Fernando Aguas Bucheli +593 984015184 @Aguaszoft Laguas@uisrael.edu.ec
  • 2. ““Productividad es el acto de acercar la empresa a su meta. Las acciones que acercan a una compañía a su meta son productivas, las acciones que no acercan a la compañía a su meta no son productivas.“ — Eliyahu M. Goldratt.
  • 3. Objetivo • Construir aplicaciones de software Web con acceso a datos y que resuelva problemas basados en casos reales utilizando Visual Studio ● 3.2. Modelo Vista Controlador Contenido
  • 4. ODS ● 4.3 De aquí a 2030, asegurar el acceso igualitario de todos los hombres y las mujeres a una formación técnica, profesional y superior de calidad, incluida la enseñanza universitaria META
  • 5. 3.2. Modelo Vista Controlador
  • 6. Introducción ● El Modelo Vista Controlador es un estilo de arquitectura de software que separa los datos de una aplicación, la interfaz de usuario, y la lógica de control en tres componentes distintos.
  • 7. Introducción ● Es una arquitectura importante puesto que se utiliza tanto en componentes gráficos básicos hasta sistemas empresariales; la mayoría de los frameworks modernos utilizan MVC (o alguna adaptación del MVC) para la arquitectura, entre ellos podemos mencionar a Ruby on Rails, Django, AngularJS y muchos otros más.
  • 8. MVC • La idea básica de MVC es: • Separar el código, de tal manera que si necesitamos hacer un cambio en la base de datos, esto no afecte a la lógica del programa. • La función del controlador es solo controlar la interacción entre ambas capas.
  • 9. MVC Partes • El Modelo que contiene una representación de los datos que maneja el sistema, su lógica de negocio, y sus mecanismos de persistencia. • La Vista, o interfaz de usuario, que compone la información que se envía al cliente y los mecanismos interacción con éste. • El Controlador, que actúa como intermediario entre el Modelo y la Vista, gestionando el flujo de información entre ellos y las transformaciones para adaptar los datos a las necesidades de cada uno.
  • 10. Modelo • El Modelo: Todo lo relacionado con la extracción de datos, ya sea a un archivo de texto, una base de datos etc. • En este modelo el patrón mas usado es DAO (Data Access Object) u Objeto de Acceso a Datos.
  • 11. DAO • DAO encapsula el acceso a la base de Datos. • Cuando el controlador necesite interactuar con a base de datos lo hace a través de la API que ofrece DAO. • Generalmente esta API consiste en métodos CRUD (Create, Read, Update y Delete)
  • 12. DAO Algunos de los lenguajes mas populares que soportan DAO son: • Java • Microsoft .NET • Python • PHP
  • 13. VO Otro Minipatron que se utiliza en la capa del modelo es el VO (Value Object) • Consiste simplemente en agrupar varios atributos dentro de un objeto para enviarlo y recibirlo con mayor comodidad/seguridad. • Algo parecido a una estructura de Datos. • Por lo general se utilizan métodos SET y GET
  • 14. La Vista • La parte donde se interacciona con el usuario. • Se especifican cosas como posición de datos, y como se desplegaran. • Es la interfaz del usuario
  • 15. Tipos de Interfaz 1. Interfaz de Escritorio: • Se puede visualizar diferentes tipos de información simultáneamente. • Se realizan tareas de control y de dialogo en forma sencilla. • La utilización de menús desplegables, botones y técnicas de presentación que reducen el manejo del teclado.
  • 16. Tipos de Interfaz 2. Interfaz Web: • Es la que utiliza un navegador web para comunicarse con un servidor http para visualizar el contenido o la pagina web. • Une los atributos de la interfaz de escritorio y agrega hipertexto y la multitarea (varias tareas simultáneamente).
  • 17. Tipos de Interfaz 3. Interfaz Móvil: • Es la que se utiliza en dispositivos móviles: Celulares, smartphone, Tabletas
  • 18. El Controlador • Es el intermediario entre la vista y el modelo. • Gestiona el flujo de información entre ellos y las transformaciones para adaptar los datos a las necesidades de cada uno. • Recibe los eventos de entrada (un clic, un cambio en un campo de texto, etc.). • Delega la búsqueda de datos al modelo y selecciona el tipo de respuesta más adecuado según las preferencias del cliente.
  • 20. MVC • Ya hoy día existen Frameworks (Módulos de software concretos que sirven de base para la organización y desarrollo de software), que implementan este patrón de desarrollo los mas destacados son: • Grails –> Java • Spring MVC –> Java • ExtJs –> JavaScript • Symfony –> PHP • Yii–> PHP • Web2Py –> Python (este utiliza google) • Django –> Python