Technology Enhanced Support for Learning Interactive Software Systems

  • Jenny RuizEmail author
  • Estefanía Serral
  • Monique Snoeck
Conference paper
Part of the Communications in Computer and Information Science book series (CCIS, volume 991)


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.


Abstract User Interface Model Presentation model Feature model Model-driven engineering User interface design User Interface Generation 


  1. 1.
    Akiki, P.A., Bandara, A.K., Yu, Y.: Adaptive model-driven user interface development systems. ACM Comput. Surv. 47(1), 9 (2015)Google Scholar
  2. 2.
    Cayola, L., Macías, J.A.: Systematic guidance on usability methods in user-centered software development. Inf. Softw. Technol. 97, 163–175 (2018)CrossRefGoogle Scholar
  3. 3.
    Seffah, A., Gulliksen, J., Desmarais, M.C. (eds.): Human-Centered Software Engineering-Integrating Usability in the Software Development Lifecycle, vol. 8. Springer, Heidelberg (2005). Scholar
  4. 4.
    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)Google Scholar
  5. 5.
    Meixner, G., Paternò, F., Vanderdonckt, J.: Past, present, and future of model-based user interface development. i-com 10(3), 2–11 (2011)CrossRefGoogle Scholar
  6. 6.
    Nguyen, K.D., Rahman, M.A.: Identifying interface design patterns by studying intrinsic designs. In: CSCEET 2016, pp. 13–24 (2016)Google Scholar
  7. 7.
    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)Google Scholar
  8. 8.
    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)Google Scholar
  9. 9.
    Ruiz, J., Serral, E., Snoeck, M.: Evaluating user interface generation approaches: model-based versus model-driven development. Softw. Syst. Model. 1–24 (2018)Google Scholar
  10. 10.
    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)Google Scholar
  11. 11.
    Feuerstack, S., Blumendorf, M., Schwartze, V., Albayrak, S.: Model-based layout generation. In: AVI, pp. 217–224 (2008)Google Scholar
  12. 12.
    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)CrossRefGoogle Scholar
  13. 13.
    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). Scholar
  14. 14.
    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)CrossRefGoogle Scholar
  15. 15.
    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)CrossRefGoogle Scholar
  16. 16.
    Tran, V.: UI generation from task, domain and user models: the DB-USE approach. In: 2nd ACM SIGCHI, pp. 353–356 (2010)Google Scholar
  17. 17.
    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)CrossRefGoogle Scholar
  18. 18.
    Pastor, O., Molina, J.C.: Model-Driven Architecture in Practice - A Software Production Environment Based on Conceptual Modeling. Springer, Heidelberg (2007). Scholar
  19. 19.
    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). Scholar
  20. 20.
    Barrett, M.L.: A hypertext module for teaching user interface design. ACM SIGCSE Bull. 25(1), 107–111 (1993)CrossRefGoogle Scholar
  21. 21.
    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)CrossRefGoogle Scholar
  22. 22.
    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)Google Scholar
  23. 23.
    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)Google Scholar
  24. 24.
    Snoeck, M.: Enterprise Information Systems Engineering: The MERODE Approach. Springer, Cham (2014). Scholar
  25. 25.
    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). Scholar
  26. 26.
    Sedrakyan, G., Snoeck, M., Poelmans, S.: Assessing the effectiveness of feedback enabled simulation in teaching conceptual modeling. Comput. Educ. 78, 367–382 (2014)CrossRefGoogle Scholar
  27. 27.
    Sedrakyan, G., Snoeck, M.: A PIM-to-Code requirements engineering framework. In: Modelsward 2013, pp. 163–169 (2013)Google Scholar
  28. 28.
    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)Google Scholar
  29. 29.
    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)Google Scholar
  30. 30.
    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)CrossRefGoogle Scholar
  31. 31.
    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). Scholar
  32. 32.
    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)Google Scholar
  33. 33.
    Mandel, T.: The Elements of User Interface Design, vol. 20. Wiley, New York (1997)Google Scholar
  34. 34.
    Norman, D.A.: Design principles for human-computer interfaces. In: SIGCHI, pp. 1–10 (1983)Google Scholar
  35. 35.
    Nielsen, J.: 10 Usability Heuristics for User Interface Design. Nielsen Norman Group, Fremont (1995)Google Scholar
  36. 36.
    Stone, D., Jarrett, C., Woodroffe, M., Minocha, S.: User Interface Design and Evaluation. Morgan Kaufmann, Burlington (2005)Google Scholar
  37. 37.
    Johnson, J.: GUI Bloopers 2.0: Common User Interface Design Don’ts and Dos. Morgan Kaufmann, Burlington (2007)Google Scholar
  38. 38.
    Shneiderman, B.: Designing the User Interface: Strategies for Effective Human-Computer Interaction, vol. 3, 5th edn. Addison-Wesley, Boston (2010)Google Scholar
  39. 39.
    Bastien, J.M.C., Scapin, D.L.: Ergonomic criteria for the evaluation of human-computer interfaces. Inria (1993)Google Scholar
  40. 40.
    Hattie, J., Timperley, H.: The power of feedback. Rev. Educ. Res. 77(1), 81–112 (2007)CrossRefGoogle Scholar
  41. 41.
    Merrill, M.D.: First principles of instruction. Educ. Technol. Res. Dev. 50(3), 43–59 (2002)CrossRefGoogle Scholar
  42. 42.
    Lewis, J.R.: IBM computer usability satisfaction questionnaires: psychometric evaluation and instructions for use. Int. J. Hum. Comput. Interact. 7(1), 57–78 (1995)CrossRefGoogle Scholar
  43. 43.
    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)CrossRefGoogle Scholar

Copyright information

© Springer Nature Switzerland AG 2019

Authors and Affiliations

  1. 1.University of HolguinHolguinCuba
  2. 2.KU LeuvenLeuvenBelgium

Personalised recommendations