Technology Enhanced Support for Learning Interactive Software Systems
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.
Keywords
Abstract User Interface Model Presentation model Feature model Model-driven engineering User interface design User Interface GenerationReferences
- 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)CrossRefGoogle 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-6CrossRefGoogle 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)CrossRefGoogle 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)CrossRefGoogle 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_19CrossRefGoogle 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)CrossRefGoogle 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)CrossRefGoogle 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)CrossRefGoogle 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-0CrossRefGoogle 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_39CrossRefGoogle Scholar
- 20.Barrett, M.L.: A hypertext module for teaching user interface design. ACM SIGCSE Bull. 25(1), 107–111 (1993)CrossRefGoogle 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)CrossRefGoogle 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-3CrossRefGoogle 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_29CrossRefGoogle 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)CrossRefGoogle 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)CrossRefGoogle 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_30CrossRefGoogle 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)CrossRefGoogle Scholar
- 41.Merrill, M.D.: First principles of instruction. Educ. Technol. Res. Dev. 50(3), 43–59 (2002)CrossRefGoogle 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)CrossRefGoogle 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)CrossRefGoogle Scholar