UML2App: Avanzando en la generación automática de interfaces de usuario para dispositivos móviles

Víctor Manuel López-Jaquero; Pascual González; Francisco Montero; José Pascual Molina

doi:10.65234/interaccion.3

Autores/as

Víctor Manuel López-Jaquero LoUISE Research Group. Universidad de Castilla-La Mancha https://orcid.org/0000-0003-2093-4065
Pascual González LoUISE Research Group. Universidad de Castilla-La Mancha https://orcid.org/0000-0003-3549-5712
Francisco Montero LoUISE Research Group. Universidad de Castilla-La Mancha https://orcid.org/0000-0002-0902-9681
José Pascual Molina LoUISE Research Group. Universidad de Castilla-La Mancha

DOI:

https://doi.org/10.65234/interaccion.3

Palabras clave:

Diseño de interfaces de usuario basado en modelos, Desarrollo dirigido por modelos, Aplicaciones móviles, Perfil UML, Android

Resumen

El desarrollo de aplicaciones para dispositivos móviles es cada vez más imprescindible para cualquier empresa de software. Sin embargo, dicho desarrollo presenta retos adicionales frente al desarrollo tradicional de aplicaciones de escritorio. Las características y capacidades de interacción difieren de las interfaces de escritorio, lo cual plantea la necesidad de incorporar otras maneras distintas de interactuar en los dispositivos móviles. Otro aspecto relevante en el desarrollo de dichas aplicaciones es la fragmentación existente, donde tanto la variabilidad en los sistemas operativos que usan, y por lo tanto en las guías de diseño para dichos sistemas, como las propias características físicas de dichos dispositivos hacen que mantener desarrollos que estén dirigidos a distintas plataformas móviles sea complejo. En este trabajo se presenta una aproximación dirigida por modelos orientada a la generación de aplicaciones móviles que trata de aliviar los problemas anteriormente identificados, a través de una generación automática basada en un perfil UML y modelos habitualmente usados en el diseño de interfaces de usuario basadas en modelos. De esta manera, se persigue impulsar la reutilización de la mayor parte de los modelos creados en la generación para distintas plataformas. Actualmente, la implementación en los casos de estudio se ha centrado en el marco de trabajo de Android.

Referencias

Barnett, S., Avazpour, I., Vasa, R., & Grundy, J. (2019). Supporting multi-view development for mobile applications. Journal of Computer Languages, 51, 88–96. https://doi.org/10.1016/j.cola.2019.02.001 DOI: https://doi.org/10.1016/j.cola.2019.02.001

Behrens, H. (2010). MDSD for the iPhone. In Proceedings of the ACM international conference companion on Object oriented programming systems languages and applications companion - SPLASH ’10 (p. 123). New York, New York, USA: ACM Press. https://doi.org/10.1145/1869542.1869562 DOI: https://doi.org/10.1145/1869542.1869562

Biørn-Hansen, A., Grønli, T.-M., & Ghinea, G. (2018). A Survey and Taxonomy of Core Concepts and Research Challenges in Cross-Platform Mobile Development. ACM Computing Surveys, 51(5), 1–34. https://doi.org/10.1145/3241739 DOI: https://doi.org/10.1145/3241739

Biørn-Hansen, A., Grønli, T.-M., Ghinea, G., & Alouneh, S. (2019). An Empirical Study of Cross-Platform Mobile Development in Industry. Wireless Communications and Mobile Computing, 2019, 1–12. https://doi.org/10.1155/2019/5743892 DOI: https://doi.org/10.1155/2019/5743892

Bodart, F., & Vanderdonckt, J. (1994). On the Problem of Selecting Interaction Objects, (August), 23–26.

Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Bouillon, L., & Vanderdonckt, J. (2003). A Unifying Reference Framework for multi-target user interfaces. Interacting with Computers, 15(3), 289–308. https://doi.org/10.1016/S0953-5438(03)00010-9 DOI: https://doi.org/10.1016/S0953-5438(03)00010-9

Dalmasso, I., Datta, S. K., Bonnet, C., & Nikaein, N. (2013). Survey, comparison and evaluation of cross platform mobile application development tools. In 2013 9th International Wireless Communications and Mobile Computing Conference (IWCMC) (pp. 323–328). IEEE. https://doi.org/10.1109/IWCMC.2013.6583580 DOI: https://doi.org/10.1109/IWCMC.2013.6583580

Ditrendia. (2019). Informe Ditrendia Mobile en España y el Mundo 2018. Retrieved March 8, 2019, from http://mktefa.ditrendia.es/blog/todas-las-estadísticas-sobre-móviles-que-deberías-conocer-mwc18

Eclipse Foundation. (2019a). Epsilon. Retrieved March 12, 2019, from https://www.eclipse.org/epsilon/

Eclipse Foundation. (2019b). Epsilon Generation Language. Retrieved March 14, 2019, from https://www.eclipse.org/epsilon/doc/egl/

Fuentes, L., & Vallecillo, A. (2004). An introduction to UML profiles. UML and Model Engineering, 2, 6–13.

Gonzalez-Calleros, J. M., Guerrero-Garcia, J., Vanderdonckt, J., & Munoz-Arteaga, J. (2009). Towards Canonical Task Types for User Interface Design. In 2009 Latin American Web Congress (pp. 63–70). IEEE. https://doi.org/10.1109/LA-WEB.2009.33 DOI: https://doi.org/10.1109/LA-WEB.2009.33

Google Inc. (2019a). Build a Responsive UI with ConstraintLayout. Retrieved March 14, 2019, from https://developer.android.com/training/constraint-layout

Google Inc. (2019b). Flutter. Retrieved September 12, 2019, from https://flutter.dev/

Google Inc. (2019c). Guide to app architecture. Retrieved September 5, 2019, from https://developer.android.com/jetpack/docs/guide

Google Inc. (2019d). Material Design. Retrieved March 14, 2019, from https://material.io/develop/android/

Google Inc. (2019e). Room Persistence Library. Retrieved March 12, 2019, from https://developer.android.com/topic/libraries/architecture/room

Guerrero, J., González-Calleros, J. M., Vanderdonckt, J., & Muñoz Arteaga, J. (2009). A Theoretical Survey of User Interface Description Languages: Preliminary Results. In Proc. of LA-WEB/CLIHC 2009 (pp. 36–43). DOI: https://doi.org/10.1109/LA-WEB.2009.40

Heitkötter, H., Majchrzak, T. A., & Kuchen, H. (2013). Cross-platform model-driven development of mobile applications with md 2. In Proceedings of the 28th Annual ACM Symposium on Applied Computing - SAC ’13 (p. 526). New York, New York, USA: ACM Press. https://doi.org/10.1145/2480362.2480464 DOI: https://doi.org/10.1145/2480362.2480464

Joorabchi, M. E., Mesbah, A., & Kruchten, P. (2013). Real Challenges in Mobile App Development. In 2013 ACM / IEEE International Symposium on Empirical Software Engineering and Measurement (pp. 15–24). IEEE. https://doi.org/10.1109/ESEM.2013.9 DOI: https://doi.org/10.1109/ESEM.2013.9

Limbourg, Q., Vanderdonckt, J., Michotte, B., Bouillon, L., & López-Jaquero, V. (2005). Usixml: A language supporting multi-path development of user interfaces. Engineering Human Computer Interaction and Interactive Systems, 200–220. Retrieved from http://www.springerlink.com/index/barbk4qmlx4ybn8a.pdf DOI: https://doi.org/10.1007/11431879_12

Mendix. (2019). Mendix: Low-code Application Development Platform. Retrieved March 14, 2019, from https://www.mendix.com/

Montero, F., López-Jaquero, V., Vanderdonckt, J., González, P., Lozano, M. D., & Limbourg, Q. (2006a). Solving the Mapping Problem in User Interface Design by Seamless Integration in IdealXML. In S. W. Gilroy & M. D. Harrison (Eds.), Interactive Systems (pp. 161–172). Springer. https://doi.org/10.1007/11752707_14

Montero, F., López-Jaquero, V., Vanderdonckt, J., González, P., Lozano, M., & Limbourg, Q. (2006b). Solving the Mapping Problem in User Interface Design by Seamless Integration in IdealXML (pp. 161–172). https://doi.org/10.1007/11752707_14 DOI: https://doi.org/10.1007/11752707_14

Mori, G., Paterno, F., & Santoro, C. (2002). CTTE: support for developing and analyzing task models for interactive system design. IEEE Transactions on Software Engineering, 28(8), 797–813. https://doi.org/10.1109/TSE.2002.1027801 DOI: https://doi.org/10.1109/TSE.2002.1027801

Paternò, F. (1999). Model-Based Design and Evaluation of Interactive Applications. Springer-Verlag. DOI: https://doi.org/10.1007/978-1-4471-0445-2

Ruiz, J., Serral, E., & Snoeck, M. (2018). Evaluating user interface generation approaches: model-based versus model-driven development. Software & Systems Modeling. https://doi.org/10.1007/s10270-018-0698-x DOI: https://doi.org/10.1007/s10270-018-0698-x

Selic, B. (2003). The pragmatics of model-driven development. IEEE Software, 20(5), 19–25. https://doi.org/10.1109/MS.2003.1231146 DOI: https://doi.org/10.1109/MS.2003.1231146

The Apache Software Foundation. (2019). Apache Cordova. Retrieved November 13, 2019, from https://cordova.apache.org/

Umuhoza, E., & Brambilla, M. (2016). Model Driven Development Approaches for Mobile Applications: A Survey (pp. 93–107). https://doi.org/10.1007/978-3-319-44215-0_8 DOI: https://doi.org/10.1007/978-3-319-44215-0_8

Usman, M., Iqbal, M. Z., & Khan, M. U. (2014). A Model-Driven Approach to Generate Mobile Applications for Multiple Platforms. In 2014 21st Asia-Pacific Software Engineering Conference (pp. 111–118). IEEE. https://doi.org/10.1109/APSEC.2014.26 DOI: https://doi.org/10.1109/APSEC.2014.26

Vaupel, S., Taentzer, G., Gerlach, R., & Guckert, M. (2018). Model-driven development of mobile applications for Android and iOS supporting role-based app variability. Software & Systems Modeling, 17(1), 35–63. https://doi.org/10.1007/s10270-016-0559-4 DOI: https://doi.org/10.1007/s10270-016-0559-4

Willocx, M., Vossaert, J., & Naessens, V. (2015). A Quantitative Assessment of Performance in Mobile App Development Tools. In 2015 IEEE International Conference on Mobile Services (pp. 454–461). IEEE. https://doi.org/10.1109/MobServ.2015.68 DOI: https://doi.org/10.1109/MobServ.2015.68

Wong, J., Baker, V. L., Leow, A., & Resnick, M. (2018). Magic Quadrant for Mobile App Development Platforms