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

  IJCTT-book-cover
 
         
 
© 2020 by IJCTT Journal
Volume-68 Issue-4
Year of Publication : 2020
Authors : Thierry Noulamo, Bernard Fotsing Talla, Merlin WANE, Loïs Hurel Nzothiam Takou
DOI :  10.14445/22312803/IJCTT-V68I4P107

How to Cite?

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

Reference
[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, pp.1–15, 2008.
[2] BENOIT COMBEMALE, Approche de meta-modélisation pour ´la simulation et la vérification de modèle : Application A l’ingénierie des procédés, ´ THESE de Doctorat, Institut National Polytechnique de Toulouse, 11 juillet 2008, pp.25–75
[3] Ali Koudri, Joel Champeau, Denis Aulagnier, Une sémantique opérationnelle pour une meilleure méta-modélisation, SéMo , 2007.
[4] Stein, L.D., Xavier Blanc’, MDA en action, EYROLLES, Paris: ISBN 2-212-11539-3, 2008.
[5] Jean-Bernard Crampes, Nicolas Ferry, Un modele de haut niveau pour la conception et le maquettage des IHM, In : e-TI, Revue électronique des Technologies de l’Information, N o5 ISSN 1114-8802, http://www.revueeti.net/index.php/eti/article/download/29/pdf, Vol. 5, 2008.
[6] Paulo Pinheiro da Silva, Norman W. Paton, User Interface Modeling in UMLi, In : e-TI, Revue electronique des Technologies de l’Information, In : IEEE Computer Society, http://www.cs.man.ac.uk/norm/papers/umli.pdf, 2008.
[7] Jean-Sébastien Sottet, Gaëlle Calvary, Jean-Marie Favre, Ingénierie
[8] de l’Interaction Homme-Machine Dirigée par les Modèles, Premières Journées sur l’Ingénierie Dirigée par les Modèles, IDM’05, Paris,2008.
[9] [8] Jean Bezivin, On the Unification Power of Models, in Software and Systems Modeling 4(2):171-188 · May 2005, DOI: 10.1007/s10270-005-0079-0, 2004.
[10] [9] https ://-pear.php.net/package/html quickform2]quickform2 Package information : Html quickform2, https ://pear.php.net/package/html quickform2
[11] [10] Jean Philippe Baba, Ingnierie dirigée par les modèles : Modélisation emf(eclipse modeling tools, http://lab-sticc.univ-brest.fr/ babau/cours/coursemf.pdf, 2019.
[12] [11] Farah FOURATI, Une approche idm de transformation exogène de wright vers ada, L’école Nationale d’ingénieurs de Sfax, 2010
[13] [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.
[14] [13] Mohamed Lachgar, Approche MDA pour Automatiser la Generation de Code Natif pour les Applications Mobiles Multiplateformes, PhD thesis, Universite Cadi Ayyad (UCA) ; Faculté des Sciences et Techniques Guéliz (FSTG) ; Laboratoire et institution : Laboratoire de Mathématiques Appliquées et Informatique (LAMAI), 2017.
[15] [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).