Abstract
The development of useful and usable interactive software systems depends on both User Interface (UI) design and software engineering in a complementary way. However, today, application development and UI design are largely separated activities and fields of knowledge. This separation is also present in education as can be witnessed from the common independent way of teaching of both subjects. Although the development of better interactive software systems could benefit significantly from an integrative teaching approach, there is a lack of concrete and proven approaches for such way of teaching. This paper presents technology enhanced support for filling this gap. The proposed tool supports and improves learning achievements for the development of interactive software systems. The learning support includes feedback for conceptual modeling integrated with UI design. The tool applies Model Driven Engineering principles that allows the automatic generation of a working prototype from specification models. This capability allows the learner trying out the final application while validating the requirements. An experimental evaluation with novice developers demonstrates the advantages of this didactic tool.
This is a preview of subscription content, log in via an institution.
Buying options
Tax calculation will be finalised at checkout
Purchases are for personal use only
Learn about institutional subscriptionsReferences
Akiki, P.A., Bandara, A.K., Yu, Y.: Adaptive model-driven user interface development systems. ACM Comput. Surv. 47(1), 9 (2015)
Cayola, L., Macías, J.A.: Systematic guidance on usability methods in user-centered software development. Inf. Softw. Technol. 97, 163–175 (2018)
Seffah, A., Gulliksen, J., Desmarais, M.C. (eds.): Human-Centered Software Engineering-Integrating Usability in the Software Development Lifecycle, vol. 8. Springer, Heidelberg (2005). https://doi.org/10.1007/1-4020-4113-6
da Cruz, A.M.R., Faria, J.P.: Automatic generation of user interface models and prototypes from domain and use case models. In: ICSOFT, no. 1, pp. 169–176 (2009)
Meixner, G., Paternò, F., Vanderdonckt, J.: Past, present, and future of model-based user interface development. i-com 10(3), 2–11 (2011)
Nguyen, K.D., Rahman, M.A.: Identifying interface design patterns by studying intrinsic designs. In: CSCEET 2016, pp. 13–24 (2016)
Sboui, T., Ayed, M.B.: Generative software development techniques of user interface: survey and open issues. Int. J. Comput. Sci. Inf. Secur. 14(7), 824 (2016)
Dehinbo, J.: Establishing and applying criteria for evaluating the ease of use of dynamic platforms for teaching web application development. Inf. Syst. Educ. J. 9(5), 86 (2011)
Ruiz, J., Serral, E., Snoeck, M.: Evaluating user interface generation approaches: model-based versus model-driven development. Softw. Syst. Model. 1–24 (2018)
Ruiz, J., Serral, E., Snoeck, M.: A fully implemented didactic tool for the teaching of interactive software systems. In: Modelsward 2018, pp. 95–105 (2018)
Feuerstack, S., Blumendorf, M., Schwartze, V., Albayrak, S.: Model-based layout generation. In: AVI, pp. 217–224 (2008)
Marin, I., Ortin, F., Pedrosa, G., Rodriguez, J.: Generating native user interfaces for multiple devices by means of model transformation. Front. Inf. Technol. Electron. Eng. 16(12), 995–1017 (2015)
Coninx, K., Luyten, K., Vandervelpen, C., Van den Bergh, J., Creemers, B.: Dygimes: dynamically generating interfaces for mobile computing devices and embedded systems. In: Chittaro, L. (ed.) Mobile HCI 2003. LNCS, vol. 2795, pp. 256–270. Springer, Heidelberg (2003). https://doi.org/10.1007/978-3-540-45233-1_19
Delgado, A., Estepa, A., Troyano, J.A., Estepa, R.: Reusing UI elements with model-based user interface development. Int. J. Hum. Comput. Stud. 86, 48–62 (2016)
Mori, G., Paterno, F., Santoro, C.: Design and development of multidevice user interfaces through multiple logical descriptions. Softw. Eng. IEEE Trans. 30(8), 507–520 (2004)
Tran, V.: UI generation from task, domain and user models: the DB-USE approach. In: 2nd ACM SIGCHI, pp. 353–356 (2010)
Molina, A.I., Giraldo, W.J., Gallardo, J., Redondo, M.A., Ortega, M., García, G.: CIAT-GUI: a MDE-compliant environment for developing Graphical User Interfaces of information systems. Adv. Eng. Softw. 52, 10–29 (2012)
Pastor, O., Molina, J.C.: Model-Driven Architecture in Practice - A Software Production Environment Based on Conceptual Modeling. Springer, Heidelberg (2007). https://doi.org/10.1007/978-3-540-71868-0
Acerbis, R., Bongio, A., Brambilla, M., Butti, S.: Model-driven development based on OMG’s IFML with WebRatio web and mobile platform. In: Cimiano, P., Frasincar, F., Houben, G.-J., Schwabe, D. (eds.) ICWE 2015. LNCS, vol. 9114, pp. 605–608. Springer, Cham (2015). https://doi.org/10.1007/978-3-319-19890-3_39
Barrett, M.L.: A hypertext module for teaching user interface design. ACM SIGCSE Bull. 25(1), 107–111 (1993)
Sutcliffe, A.G., Kurniawan, S., Shin, J.-E.: A method and advisor tool for multimedia user interface design. Int. J. Hum. Comput. Stud. 64(4), 375–392 (2006)
Benitti, F.B.V., Sommariva, L.: Evaluation of a game used to teach usability to undergraduate students in computer science. J. Usability Stud. 11(1), 21–39 (2015)
Lisowska Masson, A., Lalanne, D., Amstutz, T.: A usability refactoring process for large-scale open source projects: the ILIAS case study. In: 2017 CHI Conference Extended Abstracts on Human Factors in Computing Systems, pp. 1135–1143 (2017)
Snoeck, M.: Enterprise Information Systems Engineering: The MERODE Approach. Springer, Cham (2014). https://doi.org/10.1007/978-3-319-10145-3
Sedrakyan, G., Snoeck, M.: Feedback-enabled MDA-prototyping effects on modeling knowledge. In: Nurcan, S., et al. (eds.) BPMDS/EMMSAD -2013. LNBIP, vol. 147, pp. 411–425. Springer, Heidelberg (2013). https://doi.org/10.1007/978-3-642-38484-4_29
Sedrakyan, G., Snoeck, M., Poelmans, S.: Assessing the effectiveness of feedback enabled simulation in teaching conceptual modeling. Comput. Educ. 78, 367–382 (2014)
Sedrakyan, G., Snoeck, M.: A PIM-to-Code requirements engineering framework. In: Modelsward 2013, pp. 163–169 (2013)
Ruiz, J., Sedrakyan, G., Snoeck, M.: Generating user interface from conceptual, presentation and user models with JMermaid in a learning approach. In: Interaction 2015 (2015)
Ruiz, J., Serral, E., Snoeck, M.: UI-GEAR: user interface generation prEview capable to adapt in real-time. In: Modelsward 2017, pp. 277–284 (2017)
Benavides, B., Segura, S., Cortés, A.R.: Automated analysis of feature models 20 years later: a literature review. Inf. Syst. 35(6), 615–636 (2010)
Engel, J., Märtin, C., Forbrig, P.: Practical aspects of pattern-supported model-driven user interface generation. In: Kurosu, M. (ed.) HCI 2017. LNCS, vol. 10271, pp. 397–414. Springer, Cham (2017). https://doi.org/10.1007/978-3-319-58071-5_30
Limbourg, Q., Vanderdonckt, J., Michotte, B., Bouillon, L., Florins, M.: USIXML: a user interface description language supporting multiple levels of independence. In: ICWE Workshops, pp. 325–338 (2004)
Mandel, T.: The Elements of User Interface Design, vol. 20. Wiley, New York (1997)
Norman, D.A.: Design principles for human-computer interfaces. In: SIGCHI, pp. 1–10 (1983)
Nielsen, J.: 10 Usability Heuristics for User Interface Design. Nielsen Norman Group, Fremont (1995)
Stone, D., Jarrett, C., Woodroffe, M., Minocha, S.: User Interface Design and Evaluation. Morgan Kaufmann, Burlington (2005)
Johnson, J.: GUI Bloopers 2.0: Common User Interface Design Don’ts and Dos. Morgan Kaufmann, Burlington (2007)
Shneiderman, B.: Designing the User Interface: Strategies for Effective Human-Computer Interaction, vol. 3, 5th edn. Addison-Wesley, Boston (2010)
Bastien, J.M.C., Scapin, D.L.: Ergonomic criteria for the evaluation of human-computer interfaces. Inria (1993)
Hattie, J., Timperley, H.: The power of feedback. Rev. Educ. Res. 77(1), 81–112 (2007)
Merrill, M.D.: First principles of instruction. Educ. Technol. Res. Dev. 50(3), 43–59 (2002)
Lewis, J.R.: IBM computer usability satisfaction questionnaires: psychometric evaluation and instructions for use. Int. J. Hum. Comput. Interact. 7(1), 57–78 (1995)
McArdle, G., Bertolotto, M.: Assessing the application of three-dimensional collaborative technologies within an e-learning environment. Interact. Learn. Environ. 20(1), 57–75 (2012)
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2019 Springer Nature Switzerland AG
About this paper
Cite this paper
Ruiz, J., Serral, E., Snoeck, M. (2019). Technology Enhanced Support for Learning Interactive Software Systems. In: Hammoudi, S., Pires, L., Selic, B. (eds) Model-Driven Engineering and Software Development. MODELSWARD 2018. Communications in Computer and Information Science, vol 991. Springer, Cham. https://doi.org/10.1007/978-3-030-11030-7_9
Download citation
DOI: https://doi.org/10.1007/978-3-030-11030-7_9
Published:
Publisher Name: Springer, Cham
Print ISBN: 978-3-030-11029-1
Online ISBN: 978-3-030-11030-7
eBook Packages: Computer ScienceComputer Science (R0)