A Model-Driven Approach for Developing WEB Users Interfaces of Interactive Systems

Thierry Noulamo; Bernard Fotsing Talla; Merlin WANE; Loïs Hurel Nzothiam Takou

doi:https://doi.org/10.14445/22312803/ IJCTT-V68I4P107

Research Article | Open Access | Download PDF

Volume 68 | Issue 4 | Year 2020 | Article Id. IJCTT-V68I4P107 | DOI : https://doi.org/10.14445/22312803/IJCTT-V68I4P107

A Model-Driven Approach for Developing WEB Users Interfaces of Interactive Systems

Thierry Noulamo, Bernard Fotsing Talla, Merlin WANE, Loïs Hurel Nzothiam Takou

Received	Revised	Accepted
28 Feb 2020	15 Apr 2020	16 Apr 2020

Citation :

Thierry Noulamo, Bernard Fotsing Talla, Merlin WANE, Loïs Hurel Nzothiam Takou, "A Model-Driven Approach for Developing WEB Users Interfaces of Interactive Systems," International Journal of Computer Trends and Technology (IJCTT), vol. 68, no. 4, pp. 33-43, 2020. Crossref, https://doi.org/10.14445/22312803/ IJCTT-V68I4P107

Abstract

Nowadays, User Interfaces are complex software components that play a vital role in the development of the interactives applications. Its development requires, as for another phases, the use of a process that integrates the development of visual models and a standardized notation for this visualization. We propose two meta models: a generic source meta-model called ”DD-IHM” for "Description Diagram for Human Machine Interfaces" and a target meta-model called ”AbstractForm” based on the PEAR framework, more specifically its HTML QuickForm package. Then we apply a set of generic rules to make the models operational in HMI. The first transformation performed with ATL (M2M) will transform a source model compliant with DD-IHM into a target model compliant to AbstractForm. Then, we implement M2T rules transformation using the template approach with Xpand to transform our target model into PHP code directly usable in a web application. The proposed meta-models is implemented in Eclipse with ECORE. We apply our proposal to the HMI of an online registration application.

Keywords

Interactive Systems, Model Driven Engineering, Model Transformation, DSML, ATL, Xpand.

References

[1] Etienne Andre, Christine Choppy, and Thierry Noulamo, Modelling timed concurrent systems using activity diagram patterns, Springer, Advances in Intelligent Systems and Computing, KSE’14, (2008) 1-15 .
[2] BENOIT COMBEMALE, Meta-modeling approach for ´model simulation and verification: Application to process engineering, ´ PhD THESIS, Institut National Polytechnique de Toulouse, 11 (2008) 25–75 [3]
[3] Ali Koudri, Joel Champeau, Denis Aulagnier, Operational semantics for better meta-modeling, SéMo, 2007.Stein, L.D., Xavier Blanc’, MDA en action, EYROLLES, Paris, ISBN 2-212- 11539-3, (2008).
[4] Jean-Bernard Crampes, Nicolas Ferry, A high-level model for the design and layout of HMIs, In: e-TI, Electronic Review of Information Technologies, ISSN 1114-8802, http://www. revueeti.net/index.php/eti/article/download/29/pdf, 5 (2008).
[5] Paulo Pinheiro da Silva, Norman W. Paton, User Interface Modeling in UMLi, In: e-TI, Electronic Review of Information Technologies, In: IEEE Computer Society, http://www.cs.man. ac.uk/norm/papers/umli.pdf, (2008).
[6] Jean-Sébastien Sottet, Gaëlle Calvary, Jean-Marie Favre, Engineering
[7] of Model-Driven Human-Computer Interaction, First Days on Model-Driven Engineering,IDM’05, Paris, (2008).
[8] Jean Bezivin, On the Unification Power of Models, in Software and Systems Modeling, 4(2) (2005) 171-188. DOI: 10.1007/s10270-005-0079-0, 2004.
[9] https ://-pear.php.net/package/html quickform2]quickform2 Package information : Html quickform2, https ://pear.php.net/package/html quickform2
[10] Jean Philippe Baba, Model-driven engineering: emf modeling (eclipse modeling tools, http://lab-sticc.univbrest.fr/babau/cours/coursemf.pdf, (2019).
[11] Farah FOURATI, An idm approach of exogenous transformation from wright to ada, National School of Engineers of Sfax, (2010). [12] Levendovszky T. Madari I., Lengyel L., Modeling the user interface of mobile devices with dsls, In 8th International Symposium of Hungarian Researchers on Computational Intelligence and Informatics, (2007).
[13] Mohamed Lachgar, MDA Approach to Automate Native Code Generation for Cross-Platform Mobile Applications, PhD thesis, Cadi Ayyad University (UCA); Faculty of Sciences and Techniques Guéliz (FSTG); Laboratory and institution: Applied Mathematics and Computer Science Laboratory (LAMAI), (2017).
[14] OMG, Meta Object Facility (MOF), http ://www.omg.org/spec/QVT/1.2] qvt W3C XML Query (XQuery), http://www.w3.org/XML/Query, Query/View/Transformation (QVT).