Enhancing Interaction Flow Modeling Language Metamodels for Designing Features of Rich Internet Applications

Rich Internet Applications (RIAs) became to standard of interactive web applications on the internet fastly. It is a complex application with a rich user interface that distributed the data between client and server also allowing an asynchronous communication between them, but web engineering methods are not able to design and implement these features impeccably. The recent web engineering method is Interaction Flow Modeling Language (IFML) which adopted by Object Management Group (OMG). It has many features for developing interactions in web application compared with other web engineering methods but also has limitation for designing RIA features. In this paper, we enhance IFML method through extension the metamodels by using UML extension mechanism, in which, we define new IFML metamodel and some new elements to cope RIA features designing in data distribution between client and server. The results show that this enhancement enables IFML to develop the new types of web applications efficiently

A Model Driven Approach based on Interaction Flow Modeling Language to Generate Rich Internet Applications

A Rich Internet Applications (RIAs) combine the simplicity of the hypertext paradigm with the flexibility of desktop interfaces. These appliations were proposed as a solution to follow the rapid growth and evolution of the Graphical User 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 a model driven approach to generat GUI for Rich Internet Application. The approach exploits the new language IFML recently adopted by the Object Management Group. We used frameworks and technologies known to Model-Driven Engineering, such as Eclipse Modeling Framework (EMF) for Meta-modeling, 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

Extending the Interaction Flow Modeling Language (IFML) for Model Driven Development of Mobile Applications Front End

International audienceFront-end design of mobile applications is a complex and multidisciplinary task, where many perspectives intersect and the user experience must be perfectly tailored to the application objectives. However, development of mobile user interactions is still largely a manual task, which yields to high risks of errors, inconsistencies and ine ciencies. In this paper we propose a model-driven approach to mobile application development based on the IFML standard. We propose an extension of the Interaction Flow Modeling Language tailored to mobile applications and we describe our implementation experience that comprises the development of automatic code generators for cross-platform mobile applications based on HTML5, CSS and JavaScript optimized for the Apache Cordova framework. We show the approach at work on a popular mobile application, we report on the application of the approach on an industrial application development project and we provide a productivity comparison with traditional approaches

Developing BP-driven web application through the use of MDE techniques

Model driven engineering (MDE) is a suitable approach for performing the construction of software systems (in particular in the Web application domain). There are different types of Web applications depending on their purpose (i.e., document-centric, interactive, transactional, workflow/business process-based, collaborative, etc). This work focusses on business process-based Web applications in order to be able to understand business processes in a broad sense, from the lightweight business processes already addressed by existing proposals to long-running asynchronous processes. This work presents a MDE method for the construction of systems of this type. The method has been designed in two steps following the MDE principles. In the first step, the system is represented by means of models in a technology-independent manner. These models capture the different aspects of Web-based systems (these aspects refer to behaviour, structure, navigation, and presentation issues). In the second step, the model transformations (both model-to- model and model-to-text) are applied in order to obtain the final system in terms of a specific technology. In addition, a set ofEclipse-based tools has been developed to provide automation in the application of the proposed method in order to validate the proposal.Torres Bosch, MV.; Giner Blasco, P.; Pelechano Ferragud, V. (2012). Developing BP-driven web application through the use of MDE techniques. Software and Systems Modeling. 11(4):609-631. doi:10.1007/s10270-010-0177-5S609631114Andrews, T., Curbera, F., Dholakia, H., Goland, Y., Klein, J., Leymann, F., Liu, K., Roller, D., Smith, D., Thatte, S., Trickovic, I., Weerawarana, S.: Business process execution language for Web services version 1.1 (May 2003)Barna, P., Frasincar, F., Houben, G.J.: A workow-driven design of Web information systems. In: Wolber, D., Calder, N., Brooks, C., Ginige, A. (eds.) ICWE, ACM, pp. 321–328Bakshi, K., Karger, D.R.: Semantic Web applications. In: Proceedings of the ISWC 2005 Workshop on End User Semantic Web Interaction (November 2005)Brambilla M., Ceri S., Fraternali P., Manolescu I.: Process modeling in Web applications. ACM Trans. Softw. Eng. Methodol. 15(4), 360–409 (2006)Brambilla, M., Preciado, J.C., Trigueros, M.L., Sánchez-Figueroa F.: Business process-based conceptual design of rich internet applications. In: ICWE, pp. 155–161 (2008)Brambilla, M., Butti, S., Fraternali, P.: Webratio bpm: a tool for designing and deploying business processes on the Web. In: ICWE, pp. 415–429 (2010)Business process modeling notation (BPMN). OMG final adopted specification. dtc/06-02-01 (February 2006)Ceri, S., Fraternali, P., Bongio, A.: Web modeling language (Webml): a modeling language for designing Web sites. In: Proceedings of the 9th international World Wide Web conference on Computer networks : the international journal of computer and telecommunications networking, Amsterdam, The Netherlands, pp. 137–157. North-Holland Publishing Co., The Netherlands (2000)Davis J.: Open Source SOA. Manning Publications Co, Greenwich (2009)Distante, D.: Reengineering legacy applications and Web transactions: an extended version of the UWA transaction design model. Ph.D. thesis, University of Lecce, Italy (2004)Distante D., Rossi G., Canfora G., Tilley S.R.: A comprehensive design model for integrating business processes in Web applications. Int. J. Web Eng. Technol. 3(1), 43–72 (2007)Duhl, J.: Rich internet applications. Technical report, IDC (November 2003)Fons, J.: OOWS: A model driven method for the development of web applications. Ph.D. thesis, Universidad Politécnica de Valencia (2008)Fons, J., Pelechano, V., Pastor, O., Valderas, P., Torres, V.: Applying the OOWS model-driven approach for developing web applications. The internet movie database case study. In: Web Engineering: Modelling and Implementing Web Applications. Human–Computer Interaction Series, pp. 65–108. Springer, London (2008)Fowler, M.: Inversion of control containers and the dependency injection pattern. http://martinfowler.com/articles/injection.html (January 2004)Gershenfeld N., Krikorian R., Cohen D.: The internet of things. Sci Am 291(4), 76–81 (2004)Giner P., Cetina C., Fons J., Pelechano V.: Developing mobile business processes for the internet of things. IEEE Pervasive Comput. 9, 18–26 (2010)Gómez J., Cachero C., Pastor O.: Extending a conceptual modelling approach to Web application design. In: Wangler, B., Bergman, L. (eds) CAiSE. Lecture Notes in Computer Science, vol. 1789, pp. 79–93. Springer, London (2000)Goth G.: The task-based interface: not your father’s desktop. IEEE Software 26(6), 88–91 (2009)Holmes, T., Tran, H., Zdun, U., Dustdar, S.: Modeling human aspects of business processes—a view-based, model-driven approach. In: ECMDA-FA, pp. 246–261 (2008)Kappel, G., Pröll, B., Reich, S., Retschitzegger, W. (eds): Web Engineering—The Discipline of Systematic Development of Web Applications. Wiley, England (2006)Koch, N.: Software Engineering for Adaptive Hypermedia Systems: Reference Model, Modeling Techniques and Development Process. Ph.D. thesis, Ludwig-Maximilians-University Munich, Germany (2001)Koch N., Kraus A., Cachero C., Meliá S.: Integration of business processes in Web application models. J. Web Eng. 3(1), 22–49 (2004)Limbourg, Q., Vanderdonckt, J.: Usixml: a user interface description language supporting multiple levels of independence. In: ICWE Workshops, pp. 325–338 (2004)Linaje M., Preciado J.C., Sánchez-Figueroa F.: Engineering rich internet application user interfaces over legacy Web models. IEEE Internet Comput. 11(6), 53–59 (2007)Link, S., Hoyer, P., Schuster, T., Abeck, S.: Model-driven development of human tasks for workflows. In: ICSEA ‘08: Proceedings of the 2008 third international conference on software engineering advances, Washington, DC, USA, pp. 329–335. IEEE Computer Society, Washington, DC (2008)Marcos, E., Cáceres, P., Castro, V. D.: An approach for navigation model construction from the use cases model. In: CAiSE Forum. Held in conjunction with the 16th Conference On Advanced Information Systems Engineering (June 2004)Pietschmann, S., Voigt, M., Meissner, K.: Adaptive rich user interfaces for human interaction in business processes. In: Proceedings of the 10th International Conference on Web Information Systems Engineering (WISE 2009), WISE, pp. 351–364. Springer LNCS (October 2009)Schwabe D., Rossi G.: An object oriented approach to Web-based applications design. Theor. Pract. Object Syst. 4(4), 207–225 (1998)Schmid H.A., Rossi G.: Modeling and designing processes in e-commerce applications. IEEE Internet Comput. 8(1), 19–27 (2004)Schwinger W., Retschitzegger W., Schauerhuber A., Kappel G., Wimmer M., Pröll B., Cachero C., Casteleyn S., Troyer O.D., Fraternali P., Garrigós I., Garzotto F., Ginige A., Houben G.J., Koch N., Moreno N., Pastor O., Paolini P., Pelechano V., Rossi G., Schwabe D., Tisi M., Vallecillo A., van der Sluijs K., Zhang G.: A survey on Web modeling approaches for ubiquitous Web applications. IJWIS 4(3), 234–305 (2008)Sousa K.S., Mendona H., Vanderdonckt J.: A model-driven approach to align business processes with user interfaces. J. UCS 14(19), 3236–3249 (2008)Sukaviriya, N., Sinha, V., Ramachandra, T., Mani, S.: Model-driven approach for managing human interface design life cycle. In: MoDELS, pp. 226–240 (2007)Tedre M.: What should be automated?. Interactions 15(5), 47–49 (2008)Torres, V., Giner, P., Bonet, B., Pelechano, V.: Adapting BPMN to Public Administration. In: Proceedings BPMN 2010 Springer’s Lecture Notes in Business Information Processing (LNBIP). Postdam, Germany (to appear)Troyer, O.D., Casteleyn, S.: Modeling complex processes for Web applications using wsdm. In: Proceedings of the Third International Workshop on Web-Oriented Software Technologies (held in conjunction with ICWE2003), IWWOST2003 (2003

Model-based engineering of animated interactive systems for the interactive television environment

Les interfaces graphiques étaient la plupart du temps statiques, et représentaient une succession d'états logiciels les uns après les autres. Cependant, les transitions animées entre ces états statiques font partie intégrante des interfaces utilisateurs modernes, et leurs processus de design et d'implémentations constituent un défi pour les designers et les développeurs. Cette thèse propose un processus de conception de systèmes interactifs centré sur les animations, ainsi qu'une architecture pour la définition et l'implémentation d'animations au sein des interfaces graphiques. L'architecture met en avant une approche à deux niveaux pour définir une vue haut niveau d'une animation (avec un intérêt particulier pour les objets animés, leurs propriétés à être animé et la composition d'animations) ainsi qu'une vue bas niveau traitant des aspects détaillés des animations tels que les timings et les optimisations. Concernant les spécifications formelles de ces deux niveaux, nous utilisons une approche qui facilite les réseaux de Petri orientés objets pour la conception, l'implémentation et la validation d'interfaces utilisateurs animées en fournissant une description complète et non-ambiguë de l'ensemble de l'interface utilisateur, y compris les animations. Enfin, nous décrivons la mise en pratique du processus présenté, illustré par un cas d'étude d'un prototype haute-fidélité d'une interface utilisateur, pour le domaine de la télévision interactive. Ce processus conduira à une spécification formelle et détaillée du système interactif, et incluera des animations utilisant des réseaux de Petri orientés objet (conçus avec l'outil PetShop CASE).Graphical User Interfaces used to be mostly static, representing one software state after the other. However, animated transitions between these static states are an integral part in modern user interfaces and processes for both their design and implementation remain a challenge for designers and developers. This thesis proposes a process for designing interactive systems focusing on animations, along with an architecture for the definition and implementation of animation in user interfaces. The architecture proposes a two levels approach for defining a high-level view of an animation (focusing on animated objects, their properties to be animated and on the composition of animations) and a low-level one dealing with detailed aspects of animations such as timing and optimization. For the formal specification of these two levels, we are using an approach facilitating object-oriented Petri nets to support the design, implementation and validation of animated user interfaces by providing a complete and unambiguous description of the entire user interface including animations. Finally, we describe the application of the presented process exemplified by a case study for a high-fidelity prototype of a user interface for the interactive Television domain. This process will lead to a detailed formal specification of the interactive system, including animations using object-oriented Petri nets (designed with the PetShop CASE tool)