DDRS U3 A2 Lupa

Universidad Abierta y a Distancia de México
Ingeniería en Desarrollo de Software
Diseño y Arquitectura de Software
Unidad 3
SISTEMAS INTERACTIVOS
Luis Fernando Francisco Peterson Aragón
Matrícula ES1822023565
Docente: Javier Armando Gutiérrez Hernández
Noviembre, 2021
Hermosillo, Sonora
Índice
Contenido Página
Índice 1
Introducción 2
Desarrollo 3
Conclusiones 16
Referencias Bibliográficas 17
Introducción
La Asignatura Diseño y Arquitectura de Software busca desarrollar la competencia para

diseñar una arquitectura de software para establecer las bases del desarrollo de un
sistema que cubra las necesidades del usuario mediante el uso de patrones de
arquitectura de software.
La Unidad 3 tiene el propósito de desarrollar la competencia para identificar los principales

elementos del diseño de la arquitectura de software aplicando estilos, patrones y
categorías arquitectónicas
La actividad 2 pretende identificar los componentes del patrón arquitectónico en un

ambiente interactivo con base al modelo visa controlador (MCV) para la elaboración de un
diseño de arquitectura de software. Asimismo, aplicar la arquitectura en un ambiente
interactivo para simplificar la implementación de aplicaciones de acuerdo con las
especificaciones y los datos de un caso práctico mediante el modelo MVC.
Este trabajo contiene los resultados de la actividad en términos de la investigación

documental y el diseño y aplicación del modelo MVC a un caso de estudio planteado.
Asimismo, se añaden conclusiones y las referencias bibliográficas consultadas.
Desarrollo
Infografía
https://www.canva.com/design/DAEv3AF2FwI/share/preview?
token=JzY8yloj5s2YJaL8_15GeA&role=EDITOR&utm_content=DAEv3AF2FwI&utm_
campaign=designshare&utm_medium=link&utm_source=sharebutton
Caso de estudio
4. Analiza el caso de estudio Luigi’s Pizza, identifica y con relación a los sistemas
interactivos explica cada una de las capas del Patrón de Arquitectura Modelo Vista
controlador.
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: Contiene el núcleo de la funcionalidad (dominio) de la aplicación.

Encapsula el estado de la aplicación. No sabe nada / independiente del
Controlador y la Vista.
Aplicado al caso de estudio, el código de la capa Modelo corresponde a las

funciones para realizar inserciones y búsquedas en la base de datos MySql.
 Vista: Es la presentación del Modelo. Puede acceder al Modelo pero nunca

cambiar su estado. Puede ser notificada cuando hay un cambio de estado en el
Modelo.
Por ejemplo, en el caso de estudio, utilizaría Visual Studio para desarrollar el

sistema. En Visual Studio se utiliza el IDE para crear de forma dinámica las
ventanas y nuestra interfaz de usuario. De igual manera, todo esto se puede
codificar en los archivos .Designer de cada una de nuestras ventanas. Por último,
cada ventana contendrá los fragmentos de código necesarios para enviar datos al
controlador.
 Controlador: Reacciona a la petición del Cliente, ejecutando la acción adecuada y

creando el modelo pertinente.
Aplicándolo al caso de estudio, el código del controlador contendrá las funciones
para recibir los datos del usuario a través de la capa Vista y los enviará a la capa
Modelo. Posteriormente, recogerá los datos que retorna el Modelo y los procesa.
El resultado final es enviado de nuevo a la capa Vista.
Para entender cómo funciona nuestro patrón Modelo vista controlador, se debe entender
la división a través del conjunto de estos tres elementos y cómo estos componentes se
comunican unos con los otros y con otras vistas y controladores externos al modelo
principal. Para ello, 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.
5. Identifica los elementos modulares del patrón de Arquitectura MVC y elabora las
siguientes vistas del caso de estudio
 Modelo. Almacenamiento de los datos (Diseña la vista lógica o base de datos)

 Vista. Lo que el usuario ve (diseña 3 pantallas que vería el usuario)
Ventana login
Ventana principal
Ventana ver menú

 Controlador. Diseña la vista del funcionamiento del controlador (Aplicación de las reglas
del negocio)
a. Los diagramas deben diseñarse con software especializado (Microsoft Visio o alguna
aplicación en línea de tu elección).
b. Es necesario enviar los archivos fuente de los diagramas. Si se omite el envío del
archivo fuente, la actividad será evaluada con 1 y contará como un intento.
La microempresa Luigi’s Pizza desea aumentar su competitividad y mejorar la atención de

sus clientes, por ello, busca implementar una aplicación web desarrollada a la medida, en
la que pueda ofertar sus productos y permitir que la información se encuentre al alcance
de sus clientes de forma rápida y oportuna.
Al dueño y gerente del negocio le interesa que el acceso a la aplicación esté distribuida de
la siguiente manera:
Gerente: Acceso a toda la información que tenga la aplicación (clientes, empleados,

productos, pedidos, etc.)
Empleados: Acceso a los pedidos que los clientes realizan e información de los productos
Usuarios Registrados: Acceso a la información de los productos, promociones, poder

solicitar y cancelar el pedido
Público en General: Únicamente podrán consultar información de los productos que se

ofrecen y promociones
Los clientes podrán realizar las siguientes acciones dentro de la App:
 Solicitar un pedido
 Conocer el estatus del pedido
 Agregar/quitar más productos al pedido
Los empleados
 Conocerán los datos de los pedidos que hace el cliente
 Registrar los pedidos solicita el cliente
 Generar reportes de las ventas
Funciones básicas de la aplicación:
 Administrar la información de los productos, empleados, pedidos y ventas
 Administrar accesos para cada tipo de usuario de la aplicación

 Generar reporte de ventas
Conclusiones
En un patrón arquitectónico MVC, sus frameworks se diferencian básicamente en la

interpretación de como las funciones se dividen entre cliente y servidor. En este enfoque,
el cliente manda la petición de cualquier hiperenlace o formulario al controlador y después
recibe de la vista una página completa y actualizada u otro documento; tanto el modelo
como el controlador están completamente alojados en el servidor.
El modelo MVC permite que una aplicación empresarial sea mantenible y contenga partes
reusables. En este patrón arquitectónico existe una separación clara entre el modelo que
es la lógica de negocio y la vista que es la interfaz gráfica, gracias a un controlador que
los mantiene independientes unos de otros.
Las ventajas del modelo MVC es su reusabilidad con distintas vistas, la división clara de
trabajo entre los miembros de un equipo formado por personas con distintos niveles de
especialización. Asimismo, es más sencillo agregar múltiples representaciones de los
mismos datos o información, facilita agregar nuevos tipos de datos según sea requerido
por la aplicación ya que son independientes del funcionamiento de las otras capas, facilita
el mantenimiento en caso de errores y permite el escalamiento de la aplicación en caso
de ser requerido.
El patrón Modelo-Vista-Controlador es una guía para el diseño de arquitecturas de

aplicaciones que ofrezcan una fuerte interactividad con usuarios. Este patrón organiza la
aplicación en tres modelos separados, el primero es un modelo que representa los datos
de la aplicación y sus reglas de negocio, el segundo es un conjunto de vistas que
representa los formularios de entrada y salida de información, el tercero es un conjunto de
controladores que procesa las peticiones de los usuarios y controla el flujo de ejecución
del sistema.
Referencias Bibliográficas
Avraham, L. y Rayfield, J. (2001). Web-Application Development Using the

Model/View/Controller Design Pattern. IEEE Enterprise Distributed Object Computing
Conference. pp. 118-127.
UNADM (2021). Programa de la asignatura Diseño y Arquitectura de Software. Unidad 3

Arquitectura de sistemas informáticos. México.
Universidad de Alicante (2021). Modelo Vista Controlador MVC. Recuperado de

https://si.ua.es/es/documentacion/asp-net-mvc-3/1-dia/modelo-vista-controlador-mvc.html
UTN (2005). Arquitectura de proyectos IT. Recuperado de

https://silo.tips/download/estilos-arquitectonicos

DDRS U3 A2 Lupa

Cargado por

Copyright:

Formatos disponibles

DDRS U3 A2 Lupa

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

DDRS U3 A2 Lupa

Cargado por

Copyright:

Formatos disponibles

Universidad Abierta y a Distancia de México

Ingeniería en Desarrollo de Software

Diseño y Arquitectura de Software

Luis Fernando Francisco Peterson Aragón

Docente: Javier Armando Gutiérrez Hernández

La Asignatura Diseño y Arquitectura de Software busca desarrollar la competencia para

La Unidad 3 tiene el propósito de desarrollar la competencia para identificar los principales

La actividad 2 pretende identificar los componentes del patrón arquitectónico en un

Este trabajo contiene los resultados de la actividad en términos de la investigación

Asimismo, se añaden conclusiones y las referencias bibliográficas consultadas.

El patrón de arquitectura MVC (Modelo Vista Controlador) es un patrón que define la

 Modelo: Contiene el núcleo de la funcionalidad (dominio) de la aplicación.

Aplicado al caso de estudio, el código de la capa Modelo corresponde a las

 Vista: Es la presentación del Modelo. Puede acceder al Modelo pero nunca

Por ejemplo, en el caso de estudio, utilizaría Visual Studio para desarrollar el

 Controlador: Reacciona a la petición del Cliente, ejecutando la acción adecuada y

 Modelo. Almacenamiento de los datos (Diseña la vista lógica o base de datos)

Ventana ver menú

La microempresa Luigi’s Pizza desea aumentar su competitividad y mejorar la atención de

Gerente: Acceso a toda la información que tenga la aplicación (clientes, empleados,

Usuarios Registrados: Acceso a la información de los productos, promociones, poder

Público en General: Únicamente podrán consultar información de los productos que se

Los clientes podrán realizar las siguientes acciones dentro de la App:

 Conocer el estatus del pedido

 Agregar/quitar más productos al pedido

 Conocerán los datos de los pedidos que hace el cliente

 Registrar los pedidos solicita el cliente

 Generar reportes de las ventas

Funciones básicas de la aplicación:

 Administrar la información de los productos, empleados, pedidos y ventas

 Administrar accesos para cada tipo de usuario de la aplicación

En un patrón arquitectónico MVC, sus frameworks se diferencian básicamente en la

El patrón Modelo-Vista-Controlador es una guía para el diseño de arquitecturas de

Avraham, L. y Rayfield, J. (2001). Web-Application Development Using the

UNADM (2021). Programa de la asignatura Diseño y Arquitectura de Software. Unidad 3

Universidad de Alicante (2021). Modelo Vista Controlador MVC. Recuperado de

UTN (2005). Arquitectura de proyectos IT. Recuperado de

También podría gustarte