Extending Graphical Part of the Interaction Flow Modeling Language to Generate Rich Internet Graphical User Interfaces

Sarra Roubi, Sarra Roubi, Mohammed Erramdani, Mohammed Erramdani, Samir Mbarki, Samir Mbarki

Abstract

Rich Internet Applications (RIAs) combine the simplicity of the hypertext paradigm with the flexibility of desktop interfaces. However, RIAs are complex applications and their development requires designing and implementation which are time-consuming and the available tools are specialized in manual design. In this paper, we present an approach for the model driven generation of Rich Internet Application using the Interaction Flow Modeling Language (IFML). The approach exploits the new language IFML recently adopted by the Object Management Group by extending first the graphical part of the Meta Model to fit the RIAs’ needs. We used frameworks and technologies known to model-driven engineering, such as Eclipse Modeling Framework (EMF) for Meta Models, Query View Transformation (QVT) for model transformations and Acceleo for code generation. The approach allows to quickly and efficiently generating a RIA focusing on the graphical aspect of the application.

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. Gharavi, V., Mesbah, A., Deursen, A. V., 2008. Modelling and Generating AJAX Applications: A Model-Driven Approach. Proceeding of the7th International Workshop on Web- Oriented Software Technologies, New York, USA (Page: 38, Year of publication, ISBN: 978-80-227-2899-7).
  6. Gmez, J., Cachero, C., Pastor, O., 2001. Conceptual modeling of device-independent web applications. pages 26-39.
  7. 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.
  8. 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.
  9. 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.
  10. 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).
  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.
  15. Vdovjak, R., Frasincar, F., Houben, G. J, and Barna, P., 2003. Engineering Semantic Web Information Systems in Hera. Journal of Web Engineering, 1(1-2):3-26.
Download


Paper Citation


in Harvard Style

Roubi S., Erramdani M. and Mbarki S. (2016). Extending Graphical Part of the Interaction Flow Modeling Language to Generate Rich Internet Graphical User Interfaces . In Proceedings of the 4th International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD, ISBN 978-989-758-168-7, pages 161-167. DOI: 10.5220/0005650601610167


in Bibtex Style

@conference{modelsward16,
author={Sarra Roubi and Mohammed Erramdani and Samir Mbarki},
title={Extending Graphical Part of the Interaction Flow Modeling Language to Generate Rich Internet Graphical User Interfaces},
booktitle={Proceedings of the 4th International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD,},
year={2016},
pages={161-167},
publisher={SciTePress},
organization={INSTICC},
doi={10.5220/0005650601610167},
isbn={978-989-758-168-7},
}


in EndNote Style

TY - CONF
JO - Proceedings of the 4th International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD,
TI - Extending Graphical Part of the Interaction Flow Modeling Language to Generate Rich Internet Graphical User Interfaces
SN - 978-989-758-168-7
AU - Roubi S.
AU - Erramdani M.
AU - Mbarki S.
PY - 2016
SP - 161
EP - 167
DO - 10.5220/0005650601610167