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