Towards Including Layout Properties for Modeling Graphical User Interfaces - Generic Properties for GUI Metamodels

Sarra Roubi, Mohammed Erramdani, Samir Mbarki

Abstract

Software applications have come to simplify the task for users and offer them automated functionalities. These applications must therefore contain high-performance and efficient user interfaces in order to translate correctly the user’s needs. Indeed, several elements contribute to the ergonomics of these interfaces, among them the position and layout of the graphical components which play a very important role to ensure this. However, the design and implementation of such user interfaces for different platform using several programming languages can be tedious and time consuming, especially when the application gathers a large number of interfaces or screens. Since the model driven engineering aims at automating the process of development and raising the level of abstraction, we can use model driven principles to help users choose the right component in the right position on the interface. That is why we present an approach that combines model driven engineering principles and the graphical user interfaces to handle automated layout and position.

References

  1. Berti, S., Correani, F., Mori, G., Paterno, F., and Santoro, C., 2004. Teresa: a transformation-based environment for designing and developing multidevice interfaces. In CHI Extended Abstracts, pages 793-794.
  2. Brambilla, M. et al., 2014. Extending the Interaction Flow Modeling Language ( IFML ) for Model Driven Development of Mobile Applications Front End To cite this version?: Extending the Interaction Flow Modeling Language ( IFML ) for Model Driven Development of Mobile Applications Front End.
  3. Brambilla, M., Fraternali, P., et al, 2014. The interaction flow modeling language (ifml), version 1.0. Technical report, Object Management Group (OMG), http://www.ifml.org.
  4. Ceri S,., Fraternali, P., Bongio, A., Brambilla, M., Comai, S., and Matera, M., 2002. Designing Data-Intensive Web Applications. The Morgan Kaufmann Series in Data Management Systems. Morgan Kaufmann Publishers Inc.
  5. Gmez, J., Cachero, C., Pastor, O., 2001. Conceptual modeling of device-independent web applications. pages 26-39.
  6. Groenewegen, D., Zef Hemel, Lennart C. L. Kats, and Eelco Visser, 2008. Webdsl: a domain-specific language for dynamic web applications. In Gail E. Harris, editor, OOPSLA Companion, pages 779-780. ACM.
  7. Linaje, M., Preciado, J.C., and Sanchez-Figueroa, F., 2007. A Method for Model Based Design of Rich Internet Application Interactive User Interfaces. In Proceedings of International Conference on Web Engineering, July 16-20, 2007, Como, Italy, pages 226-241.
  8. Martinez-Ruiz, F.J., Arteaga, J.M., Vanderdonckt, J., and Gonzalez-Calleros, J.M., 2006. A first draft of a model-driven method for designing graphical user interfaces of Rich Internet Applications. In LA-Web 06: Proceedings of the 4th Latin American Web Congress, pages 3238. IEEE Computer Societ.
  9. Paterno, F., Santoro, C., and Spano, L.D., 2009. Maria: A universal, declarative, multiple abstraction-level language for service-oriented applications in ubiquitous environments. ACM Trans. Comput.-Hum. Interact., 16(4).
  10. Roubi, S., Erramdani, M. and Mbarki, S. 2016, Extending graphical part of the interaction Flow Modeling Language to generate Rich Internet graphical user interfaces, MODELSWARD 2016 - Proceedings of the 4th International Conference on Model-Driven Engineering and Software Development, pp. 161.
  11. Schwabe, D. and Rossi, G., 1995. The object-oriented hypermedia design model. Communications of the ACM, 38(8), pp.45-46.
  12. Schwabe, D., Rossi, G., 1995. The object-oriented hypermedia design model. pages 45-46.
  13. Urbieta, M., Rossi, G., Ginzburg, J., and Schwabe, D., 2007. Designing the Interface of Rich Internet Applications. In Proc. LA-WEB'07, pages 144-153.
  14. Vanderdonckt, J., 2005. A MDA-compliant environment for developing user interfaces of information systems. In CAiSE, pages 16-31.
Download


Paper Citation


in Harvard Style

Roubi S., Erramdani M. and Mbarki S. (2017). Towards Including Layout Properties for Modeling Graphical User Interfaces - Generic Properties for GUI Metamodels . In Proceedings of the 5th International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD, ISBN 978-989-758-210-3, pages 556-560. DOI: 10.5220/0006272505560560


in Bibtex Style

@conference{modelsward17,
author={Sarra Roubi and Mohammed Erramdani and Samir Mbarki},
title={Towards Including Layout Properties for Modeling Graphical User Interfaces - Generic Properties for GUI Metamodels},
booktitle={Proceedings of the 5th International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD,},
year={2017},
pages={556-560},
publisher={SciTePress},
organization={INSTICC},
doi={10.5220/0006272505560560},
isbn={978-989-758-210-3},
}


in EndNote Style

TY - CONF
JO - Proceedings of the 5th International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD,
TI - Towards Including Layout Properties for Modeling Graphical User Interfaces - Generic Properties for GUI Metamodels
SN - 978-989-758-210-3
AU - Roubi S.
AU - Erramdani M.
AU - Mbarki S.
PY - 2017
SP - 556
EP - 560
DO - 10.5220/0006272505560560