Flujo entre Interfaces de Usuario: Modelado de casos prácticos utilizando Diagramas de Transiciones entre de Interfaces de Usuario

Autores/as

  • Jorge Cervantes-Ojeda Departamento de Matemáticas Aplicadas y Sistemas. Universidad Autónoma Metropolitana Unidad Cuajimalpa. Ciudad de México, México https://orcid.org/0000-0002-2267-7165
  • María del Carmen Gómez-Fuentes Departamento de Matemáticas Aplicadas y Sistemas. Universidad Autónoma Metropolitana Unidad Cuajimalpa. Ciudad de México, México https://orcid.org/0000-0003-0033-4476

DOI:

https://doi.org/10.30973/progmat/2025.17.3/1

Palabras clave:

Especificación del flujo entre interfaces de usuario, DTIU, Extracción de Requerimientos

Resumen

En este artículo, exploramos la aplicación del diagrama de transición de interfaz de usuario (UITD) para modelar el flujo entre interfaces de usuario en sistemas de software interactivos. Si bien los UITD son herramientas conocidas en la obtención de requisitos, nuestro trabajo aborda la brecha en la demostración de su eficacia en el modelado de tres escenarios comunes de interacción de usuario que se encuentran con frecuencia en la práctica: (i) acciones repetidas en múltiples interfaces, (ii) acciones disponibles solo para usuarios con privilegios extendidos y (iii) botones habilitados o deshabilitados dinámicamente según la lógica condicional. Estas soluciones no solo facilitan que los clientes comprendan el modelo con las acciones del usuario y las respuestas del sistema, sino que también facilitan una transición fluida de las fases de especificación de requerimientos a las de diseño, al definir con precisión las interacciones del usuario. A pesar de la singularidad de cada sistema de software, muchos comparten rasgos comunes que se pueden modelar de manera efectiva utilizando UITD. Al ofrecer soluciones genéricas para estos escenarios, este trabajo tiene como objetivo mejorar las capacidades de modelado de los UITD, promoviendo su adopción más amplia en la industria del software.

Biografía del autor/a

Jorge Cervantes-Ojeda, Departamento de Matemáticas Aplicadas y Sistemas. Universidad Autónoma Metropolitana Unidad Cuajimalpa. Ciudad de México, México

Dr. Jorge Cervantes Ojeda, recibió una maestría y un doctorado en Ciencias de la Computación de la Universidad Nacional Autónoma de México en 2004 y 2007 respectivamente. Actualmente es profesor asociado de tiempo completo en la Universidad Autónoma. Metropolitana desde 2007. Trabajó como Ingeniero de Software y Líder de Inspecciones en Alcatel (Bélgica y México) de 1991 a 2000. Sus intereses de investigación son la ingeniería de software, la computación evolutiva y las redes neuronales artificiales.

María del Carmen Gómez-Fuentes, Departamento de Matemáticas Aplicadas y Sistemas. Universidad Autónoma Metropolitana Unidad Cuajimalpa. Ciudad de México, México

Dra. María del Carmen Gómez Fuentes, es Doctora en Ciencias (Computación) por la Universidad Nacional Autónoma de México. Estudió Ingeniería Electrónica en la Universidad Autónoma Metropolitana. Actualmente es Profesor Asociado de tiempo completo en la UAM Unidad Cuajimalpa, en el Departamento de Matemáticas Aplicadas y Sistemas. Trabajó 8 años como ingeniero de software en la empresa Alcatel participando durante tres años y medio en el departamento de Diseño y Desarrollo de Software en Alcatel Bell, Bélgica. Su principal área de interés es la Ingeniería de Software, particularmente la Ingeniería de Requerimientos, el modelado y el desarrollo de sistemas. También trabaja en la aplicación de los sistemas computacionales para resolver problemas de teoría de gráficas.

Citas

Bano M, Zowghi D. A systematic review on the relationship between user involvement and system success. Information and Software Technology. 2015;58:148-169. https://doi.org/10.1016/j.infsof.2014.06.011

Mendez Fernandez D, Wagner S, Kalinowski M, Felderer M, Mafra P, Vetro A, et al. Naming the pain in requirements engineering. Empirical Software Engineering. 2017;22(5):2298-2338. https://doi.org/10.1007/s10664-016-9451-7

Gómez MC, Cervantes J. User Interface Transition Diagrams for Customer-Developer Communication Improvement in Software Development Projects. Journal of Systems and Software. 2013;86(9):2394-2410. https://doi.org/10.1016/j.jss.2013.04.022

Gómez-Fuentes M, Cervantes-Ojeda J. Application of User Interface Transition Diagrams in the Construction of a Software System. En: 7th International Conference in Software Engineering Research and Innovation (CONISOFT); 2019 Oct 23-25; Mexico City, Mexico. IEEE; 2019. 123-131. https://doi.org/10.1109/CONISOFT.2019.00026

Ramírez-Viveros LG, Gómez-Fuentes MC, Cervantes-Ojeda J. Modelado de una tienda virtual mediante Diagramas de Transición entre Interfaces de Usuario y Diagramas de Secuencia Detallados: Un caso de éxito. Programación matemática y software. 14(1):53-65. https://doi.org/10.30973/progmat/2022.14.1/6

Cervantes-Ojeda J, Gómez-Fuentes MC, Chacón-Acosta G. Can Non-Developers Quickly Learn a Simplified Modeling Notation? Journal of Software: Evolution and Process. 2022;34(8):e2481. https://doi.org/10.1002/smr.2481

González-Pérez PP, Gómez-Fuentes MC, Velázquez JH. A Hybrid Expert System for the Estimation of the Environmental Impact of Urban Development. British Journal of Mathematics & Computer Science. 2015;7(1):1-17. https://doi.org/10.9734/BJMCS/2015/15239

Gómez-Fuentes MC, Cervantes-Ojeda J. Sequence Diagrams Tailored for Software Design Used to Build a Carpooling Management System. En: 7th International Conference in Software Engineering Research and Innovation (CONISOFT); 2019 Oct 23-25; Mexico City, Mexico. IEEE; 2019. 116-122. https://doi.org/10.1109/CONISOFT.2019.00025

InVisionApp, accessed 6 April 2024, available at https://www.invisionapp.com

Sketch, accessed 6 April 2024, available at https://www.sketch.com

Constantine LL, Lockwood LAD. Software for use: a practical guide to the models and methods of usage-centered design. Boston: Pearson Education; 1999.

IFML: Interaction Flow Modeling Language, accedes April 2024, available at https://www.ifml.org

Kristensen LM, Christensen S, Jensen K. The practitioner's guide to colored Petri nets. International Journal on Software Tools for Technology Transfer. 1998;2(2):98-132. https://doi.org/10.1007/s10009-007-0038-x

Colvin R, Hayes IJ. A semantics for Behavior Trees [technical report]. Brisbane: The University of Queensland, School of Information Technology and Electrical Engineering; 2010 May. Report No.: SSE-2010-03. Available from: http://espace.library.uq.edu.au/view/UQ:204809

Dromey RG. Formalizing the transition from requirements to design, mathematical frameworks for component software - models for analysis and synthesis. In: He J, Liu Z, editors. Mathematical frameworks for component software: models for analysis and synthesis. Singapore: World Scientific Publishing; 2006. p. 156-187. https://doi.org/10.1142/9789812772831_0006

OMG: Object Management Group, UML Standard, The current UML specification, accessed April 3, 2024, available at http://www.uml.org/#UML2.0.

Van der Linden D, Hadar I, Zamansky A. What practitioners want: requirements for visual notations in conceptual modeling. Software and Systems Modeling. 2019;18(3):1813-1831. https://doi.org/10.1007/s10270-018-0667-4

Queiroz TC, Marques AB, Conte T. Using IFML for user interface modeling: an empirical study. In: Proceedings of the 30th International Conference on Software Engineering & Knowledge Engineering (SEKE 2018); July 1-3, 2018; Redwood City, CA, USA. Knowledge Systems Institute Graduate School; 2018. https://doi.org/10.18293/seke2018-103

Ogunyemi AA, Lamas D, Lárusdóttir MK, Loizides F. A Systematic Mapping Study of HCI Practice Research. International Journal of Human-Computer Interaction. 2018;35(16):1461-1486. https://doi.org/10.1080/10447318.2018.1541544

Reggio G, Leotta M, Ricca F, Clerissi D. DUSM: a method for requirements specification and refinement based on disciplined use cases and screen mockups. Journal of Computer Science and Technology. 2018;33(5):918-939. https://doi.org/10.1007/s11390-018-1866-8

Ricca F, Scanniello G, Torchiano M, Reggio G, Astesiano E. Assessing the effect of screen mockups on the comprehension of functional requirements. ACM Transactions on Software Engineering and Methodology. 2014;24(1):1-38. https://doi.org/10.1145/2629457

Cervantes-Ojeda J, Badillo-Salas A, Gómez-Fuentes MC. Specialized Tool for Editing User Interface Transitions Diagrams (UITD). En: 9th International Conference in Software Engineering Research and Innovation (CONISOFT); 2021 Oct 25-29; San Diego, USA. IEEE; 2021. 10-16. https://doi.org/10.1109/CONISOFT52520.2021.00014

Gómez-Fuentes MC, Cervantes-Ojeda J, Badillo-Salas A. The User Interfaces Transition Diagram-Editor: A Tool to Simplify User-System Interaction Modeling. Journal of Software Engineering and Applications. 2023;16(9):483-495. https://doi.org/10.4236/jsea.2023.169023

Descargas

Publicado

02-10-2025

Cómo citar

Cervantes-Ojeda, J., & Gómez-Fuentes, M. del C. (2025). Flujo entre Interfaces de Usuario: Modelado de casos prácticos utilizando Diagramas de Transiciones entre de Interfaces de Usuario. Programación matemática Y Software, 17(3), 1–11. https://doi.org/10.30973/progmat/2025.17.3/1

Número

Vol. 17 Núm. 3 (2025): Octubre de 2025

Sección

Artículos

Licencia

Derechos de autor 2025 Jorge Cervantes-Ojeda, María del Carmen Gómez-Fuentes

Creative Commons License

Esta obra está bajo una licencia internacional Creative Commons Atribución 4.0.

Usted es libre de:

Compartir — compartir y redistribuir el material publicado en cualquier medio o formato.
Adaptar — combinar, transformar y construir sobre el material para cualquier propósito, incluso comercialmente.

Bajo las siguientes condiciones:

Atribución — Debe otorgar el crédito correspondiente, proporcionar un enlace a la licencia e indicar si se realizaron cambios. Puede hacerlo de cualquier manera razonable, pero de ninguna manera que sugiera que el licenciador lo respalda a usted o a su uso.
  Sin restricciones adicionales: no puede aplicar términos legales o medidas tecnológicas que restrinjan legalmente a otros a hacer cualquier cosa que permita la licencia.