Taller Escrito Sobre Implementación de Modelo MVC

1
Taller: Implementación de Software de Ingreso de Clientes de un Supermercado con

Modelo MVC
David A. Hormaza Velásquez
Facultad de Ingeniería, Corporación Universitaria Minuto de Dios
Plataformas de Desarrollo de Software NRC-50510
Profesora Andrea Cristina Martínez Ardila
Abril 05, 2024

2
1. Introducción
El patrón Modelo-Vista-Controlador (MVC) surge con el objetivo de reducir el esfuerzo de

programación, necesario en la implementación de sistemas múltiples y sincronizados de los
mismos datos, a partir de estandarizar el diseño de las aplicaciones. El patrón MVC es un
paradigma que divide las partes que conforman una aplicación en el Modelo, las Vistas y
los Controladores, permitiendo la implementación por separado de cada elemento,
garantizando así la actualización y mantenimiento del software de forma sencilla y en un
reducido espacio de tiempo. A partir del uso de frameworks basados en el patrón MVC se
puede lograr una mejor organización del trabajo y mayor especialización de los
desarrolladores y diseñadores (Fernández Romero & Díaz González, 2012).
El objetivo de este taller es desarrollar un Software de manejo y registro de clientes para un

supermercado utilizando el patrón de diseño el Modelo-Vista-Controlador (MVC), usando
el IDE NetBeans con Java como lenguaje de programación. El desarrollo de esta aplicación
tiene como finalidad ser una herramienta para que la Administración de un supermercado
pueda registrar datos de sus clientes. A continuación se enlistan los requerimientos con los
que cumple la aplicación.
 Permitir el ingreso de los datos personales de un cliente

 Permitir al acceso de los datos registrador
 La aplicación permite la edición de los datos del cliente (Nombre, correo, teléfono y
numero de Cedula)
1.1 ¿Qué es el modelo MVC?
El Modelo-Vista-Controlador (MVC) es un patrón de diseño de software que se utiliza

comúnmente en el desarrollo de aplicaciones web y de escritorio. Con este patrón, las
solicitudes del usuario se enrutan a un controlador que se encarga de trabajar con el modelo
para realizar las acciones del usuario o recuperar los resultados de consultas. El controlador
elige la vista para mostrar al usuario y proporciona cualquier dato que de modelo que sea
necesario. Gracias a su calidad de separar las responsabilidades resulta más sencilla su
implementación durante el desarrollo, la facilidad de utilizar tantos modelos sean
necesarios permite un código más sencillo de leer y comprender facilitando con ello su
corrección (Santiago González, y otros, 2021).
3
2. Componentes del modelo MVC
A continuación, se describe cada componente del modelo MVC según (Reynoso , 2004):
 Modelo. El modelo administra el comportamiento y los datos del dominio de

aplicación, responde a requerimientos de información sobre su estado (usualmente
formulados desde la vista) y responde a instrucciones de cambiar el estado
(habitualmente desde el controlador).
Tomando como ejemplo nuestra aplicación el modelo sería un conjunto de clientes los
cuales se registran en el sistema.
 Vista. Maneja la visualización de la información. Las vistas son el conjunto de

clases que se encargan de mostrar al usuario la información contenida en el modelo
(Bascón Pantoja, 2004).
En el conjunto de vistas sobre el modelo se pueden listar los clientes que han sido
ingresados por sus datos personales (Nombre, correo, teléfono y numero de Cedula), todas
las vistas estarían asociadas al modelo.
 Controlador. Interpreta las acciones del ratón y el teclado, informando al modelo y/o
a la vista para que cambien según resulte apropiado.
El controlador se encargara de mostrar las vistas que el usuario Administrativo desee ver y
de permitir al usuario introducir información del cliente nuevo. Si el usuario desea ingresar,
modificar o eliminar la información registrada el controlador se encarga de actualizar la
información contenida, al ser modificado, este notifica al modelo la existencia de cambios y
este notificaría a todas sus vistas asociadas para que se actualicen.
Figura 1
Modelo MVC
Nota. Diagrama de un Modelo Vista Controlador. Tomado de (Precognis, 2022)

4
3. Implementación del modelo MVC en Java con NetBeans
Para implementar un modelo MVC (Modelo-Vista-Controlador) utilizando el IDE

NetBeans se realizaron los siguientes procedimientos:
3.1. Diseño del Modelo de Datos
Se definen las clases para representar los datos del software:
Cliente: Representa la información de un cliente del supermercado (nombre, dirección,

teléfono, etc.).
Inicialmente se implementa la interfaz ActionListener para el manejo de la interfaz gráfica

del usuario (GUI) con la biblioteca Java Swing; se definen 4 variables de tipo String las
cuales serán los datos de información del cliente a ingresar y una variable de tipo Int la cual
se utilizara como identificación y llave primaria en el sistema.
5
3.2. Creación de la interfaz de usuario (vista)
Se diseño la interfaz gráfica de usuario en NetBeans utilizando Swing o JavaFX.
Se incluyeron componentes como botones, campos de texto, tablas para mostrar la lista de
clientes, etc.
6
3.3. Implementar el controlador
Se crea la clase Controlador para manejar las interacciones entre la vista y el modelo.
Se define los métodos para responder a las acciones del usuario desde la vista (Agregar,
Listar, Eliminar y Editar).
7
3.4. Probar la aplicación
Se ejecuta el proyecto y se verifica que la interfaz gráfica se muestre correctamente.
Se realizan pruebas de agregar, eliminar, actualizar clientes desde la interfaz para

asegurarse de que las operaciones funcionan correctamente.
8
Para eliminar un registro se debe ingresar el número de cedular del cliente el cual se desee
eliminar.
A continuación se muestra un mensaje donde se informa que se va a eliminar un usuario

9
Como resultado de este proceso se obtiene el listado actualizado de los clientes registrados
en el Sistema.
4. Conclusiones
Al implementar el patrón Modelo-Vista-Controlador (MVC) en el desarrollo de esta

aplicación, se pueden obtener varias conclusiones importantes:
 El patrón MVC permite separar claramente las responsabilidades de cada

componente. El modelo se encarga de la lógica de negocio y los datos, la vista se
encarga de la presentación visual y el controlador maneja las interacciones y
acciones del usuario.
 Reutilización del código: Al dividir la aplicación en componentes independientes,
es más fácil reutilizar el código en diferentes partes de la aplicación o incluso en
otros proyectos. Por ejemplo, puedes cambiar la vista sin afectar el modelo o el
controlador, lo que promueve la modularidad y la escalabilidad.
 Mejora la legibilidad y mantenibilidad del código: La separación de capas en MVC
hace que el código sea más legible y fácil de entender. Esto facilita la identificación
y corrección de errores, así como la incorporación de nuevas funcionalidades sin
afectar otras partes del sistema.
 La implementación del patrón MVC ofrece beneficios adicionales como facilitar las
pruebas, promover la escalabilidad y adaptabilidad, mejorar la experiencia del
usuario y facilitar la integración con otros sistemas, lo que contribuye a un
desarrollo de software más eficiente y robusto.
 Al implementar el patrón MVC, se obtienen beneficios adicionales como claridad
en el flujo de datos, colaboración entre desarrolladores y diseñadores, flexibilidad
en la elección de tecnologías, mejora de la mantenibilidad a largo plazo y la
posibilidad de implementar otros patrones de diseño complementarios.
10
Bibliografía
Fernández Romero, Y., & Díaz González, Y. (enero-abril de 2012). Patrón Modelo-Vista-
Controlador. Revista Telem@tica, 11(1), 45-47.
Santiago González, L., Huerta Mendoza, J., Mendoza Luna, Y., Rodríguez Rodríguez, A.,
Vargas Requena, D., Martínez Rodríguez, J., & Malacara Navejar, J. (22 de Abril
de 2021). Aplicación Web Basada en el Patrón de Arquitectura de Software
Modelo-Vista-Controlador(MVC) para Incrementar el Desempeño Académico en la
Asignatura de Matemáticas Básicas.
AplicaciónWebBasadaenelPatróndeArquitecturadeSoftwareModelo-Vista-
Controlador(MVC)paraIncrementarelDesempeñoAcadémicoenlaAsignaturadeMate
máticasBásicasWebApplicationBasedontheModel-View-
Controller(MVC)SoftwareArchitecturePatterntoIncreaseAcademicPerforman.
Reynoso , C. (2004). Introducción a la Arquitectura de Software. En C. Reynoso,
Introducción a la Arquitectura de Software (págs. 22-23). Buenos Aires.
Bascón Pantoja, E. (Diciembre de 2004). El patrón de diseño Modelo-Vista-Controlador
(MVC) y su implementación en Java Swing. Acta Nova Revista de Ciencia y
Tecnologia, II(4), 494-496.
Precognis. (10 de Agosto de 2022). Modelo Vista Controlador [Grafico]. Obtenido de
linkedin: https://www.linkedin.com/pulse/modelo-vista-controlador-precognis/?
originalSubdomain=es

Taller Escrito Sobre Implementación de Modelo MVC

Cargado por

Copyright:

Formatos disponibles

Taller Escrito Sobre Implementación de Modelo MVC

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

Taller Escrito Sobre Implementación de Modelo MVC

Cargado por

Copyright:

Formatos disponibles

1

Taller: Implementación de Software de Ingreso de Clientes de un Supermercado con

David A. Hormaza Velásquez

Facultad de Ingeniería, Corporación Universitaria Minuto de Dios

Plataformas de Desarrollo de Software NRC-50510

Profesora Andrea Cristina Martínez Ardila

Abril 05, 2024

El patrón Modelo-Vista-Controlador (MVC) surge con el objetivo de reducir el esfuerzo de

El objetivo de este taller es desarrollar un Software de manejo y registro de clientes para un

 Permitir el ingreso de los datos personales de un cliente

1.1 ¿Qué es el modelo MVC?

El Modelo-Vista-Controlador (MVC) es un patrón de diseño de software que se utiliza

2. Componentes del modelo MVC

 Modelo. El modelo administra el comportamiento y los datos del dominio de

 Vista. Maneja la visualización de la información. Las vistas son el conjunto de

Nota. Diagrama de un Modelo Vista Controlador. Tomado de (Precognis, 2022)

3. Implementación del modelo MVC en Java con NetBeans

Para implementar un modelo MVC (Modelo-Vista-Controlador) utilizando el IDE

3.1. Diseño del Modelo de Datos

Se definen las clases para representar los datos del software:

Cliente: Representa la información de un cliente del supermercado (nombre, dirección,

Inicialmente se implementa la interfaz ActionListener para el manejo de la interfaz gráfica

3.2. Creación de la interfaz de usuario (vista)

Se diseño la interfaz gráfica de usuario en NetBeans utilizando Swing o JavaFX.

3.3. Implementar el controlador

3.4. Probar la aplicación

Se ejecuta el proyecto y se verifica que la interfaz gráfica se muestre correctamente.

Se realizan pruebas de agregar, eliminar, actualizar clientes desde la interfaz para

A continuación se muestra un mensaje donde se informa que se va a eliminar un usuario

Al implementar el patrón Modelo-Vista-Controlador (MVC) en el desarrollo de esta

 El patrón MVC permite separar claramente las responsabilidades de cada

También podría gustarte