Skip to main content

Technology Enhanced Support for Learning Interactive Software Systems

  • Conference paper
  • First Online:

Part of the book series: Communications in Computer and Information Science ((CCIS,volume 991))

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

Chapter
USD   29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD   39.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD   54.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Learn about institutional subscriptions

References

  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. Cayola, L., Macías, J.A.: Systematic guidance on usability methods in user-centered software development. Inf. Softw. Technol. 97, 163–175 (2018)

    Article  Google Scholar 

  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). https://doi.org/10.1007/1-4020-4113-6

    Book  Google Scholar 

  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. Meixner, G., Paternò, F., Vanderdonckt, J.: Past, present, and future of model-based user interface development. i-com 10(3), 2–11 (2011)

    Article  Google Scholar 

  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. 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. 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. 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. 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. Feuerstack, S., Blumendorf, M., Schwartze, V., Albayrak, S.: Model-based layout generation. In: AVI, pp. 217–224 (2008)

    Google Scholar 

  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)

    Article  Google Scholar 

  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). https://doi.org/10.1007/978-3-540-45233-1_19

    Chapter  Google Scholar 

  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)

    Article  Google Scholar 

  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)

    Article  Google Scholar 

  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. 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)

    Article  Google Scholar 

  18. 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

    Book  Google Scholar 

  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). https://doi.org/10.1007/978-3-319-19890-3_39

    Chapter  Google Scholar 

  20. Barrett, M.L.: A hypertext module for teaching user interface design. ACM SIGCSE Bull. 25(1), 107–111 (1993)

    Article  Google Scholar 

  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)

    Article  Google Scholar 

  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. 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. Snoeck, M.: Enterprise Information Systems Engineering: The MERODE Approach. Springer, Cham (2014). https://doi.org/10.1007/978-3-319-10145-3

    Book  Google Scholar 

  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). https://doi.org/10.1007/978-3-642-38484-4_29

    Chapter  Google Scholar 

  26. Sedrakyan, G., Snoeck, M., Poelmans, S.: Assessing the effectiveness of feedback enabled simulation in teaching conceptual modeling. Comput. Educ. 78, 367–382 (2014)

    Article  Google Scholar 

  27. Sedrakyan, G., Snoeck, M.: A PIM-to-Code requirements engineering framework. In: Modelsward 2013, pp. 163–169 (2013)

    Google Scholar 

  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. 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. 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)

    Article  Google Scholar 

  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). https://doi.org/10.1007/978-3-319-58071-5_30

    Chapter  Google Scholar 

  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. Mandel, T.: The Elements of User Interface Design, vol. 20. Wiley, New York (1997)

    Google Scholar 

  34. Norman, D.A.: Design principles for human-computer interfaces. In: SIGCHI, pp. 1–10 (1983)

    Google Scholar 

  35. Nielsen, J.: 10 Usability Heuristics for User Interface Design. Nielsen Norman Group, Fremont (1995)

    Google Scholar 

  36. Stone, D., Jarrett, C., Woodroffe, M., Minocha, S.: User Interface Design and Evaluation. Morgan Kaufmann, Burlington (2005)

    Google Scholar 

  37. Johnson, J.: GUI Bloopers 2.0: Common User Interface Design Don’ts and Dos. Morgan Kaufmann, Burlington (2007)

    Google Scholar 

  38. Shneiderman, B.: Designing the User Interface: Strategies for Effective Human-Computer Interaction, vol. 3, 5th edn. Addison-Wesley, Boston (2010)

    Google Scholar 

  39. Bastien, J.M.C., Scapin, D.L.: Ergonomic criteria for the evaluation of human-computer interfaces. Inria (1993)

    Google Scholar 

  40. Hattie, J., Timperley, H.: The power of feedback. Rev. Educ. Res. 77(1), 81–112 (2007)

    Article  Google Scholar 

  41. Merrill, M.D.: First principles of instruction. Educ. Technol. Res. Dev. 50(3), 43–59 (2002)

    Article  Google Scholar 

  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)

    Article  Google Scholar 

  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)

    Article  Google Scholar 

Download references

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to Jenny Ruiz .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2019 Springer Nature Switzerland AG

About this paper

Check for updates. Verify currency and authenticity via CrossMark

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)

Publish with us

Policies and ethics