Marco Brambilla
Andrea Mauri
Mirco Franzago
ABSTRACT
Consumer-centered software applications nowadays are required to be available both as mobile and desktop versions. However, the app design is frequently made only for one of the two (i.e., mobile first or web first) while missing an appropriate design for the other (which, in turn, simply mimics the interaction of the first one). This results into poor quality of the interaction on one or the other platform. Current solutions would require different designs, to be realized through different design methods and tools, and that may require to double development and maintenance costs.
In order to mitigate such an issue, this paper proposes a novel approach that supports the design of both web and mobile applications at once. Starting from a unique requirement and business specification, where web-- and mobile--specific aspects are captured through tagging, we derive a platform-independent design of the system specified in IFML. This model is subsequently refined and detailed for the two platforms, and used to automatically generate both the web and mobile versions. If more precise interactions are needed for the mobile part, a blending with MobML, a mobile-specific modeling language, is devised. Full traceability of the relations between artifacts is granted.
- J. Bosch, G. Florijn, D. Greefhorst, J. Kuusela, J. H. Obbink, and K. Pohl. Variability issues in software product lines, pages 13–21. 2001. Google Scholar
Digital Library
- M. Brambilla, S. Ceri, P. Fraternali, and I. Manolescu. Process modeling in web applications. ACM Trans. Softw. Eng. Methodol., 15(4):360–409, 2006. Google ScholarDigital Library
- M. Brambilla, A. Mauri, and E. Umuhoza. Extending the interaction flow modeling language (ifml) for model driven development of mobile applications front end. In MobiWIS, volume 8640 of Lecture Notes in Computer Science, pages 176–191. Springer International Publishing, 2014.Google Scholar
- M. Brambilla, P. Fraternali, et al. IFML: Interaction Flow Modeling Language. Version 1.0. The Object Management Group (OMG), February 2015.Google Scholar
- A. Charland and B. Leroux. Mobile application development: web vs. native. Communications of the ACM, 54(5):49–53, 2011. Google ScholarDigital Library
- J. Conallen. Building Web applications with UML. Addison-Wesley Longman Publishing Co., Inc., 2002. Google ScholarDigital Library
- C.-K. Diep, Q.-N. Tran, and M.-T. Tran. Online model-driven ide to design guis for cross-platform mobile applications. In Proceedings of the Fourth Symposium on Information and Communication Technology, SoICT ’13, pages 294–300. ACM, 2013. Google ScholarDigital Library
- M. Franzago, H. Muccini, and I. Malavolta. Towards a collaborative framework for the design and development of dataintensive mobile applications. In Proceedings of MOBILESoft 2014, Hyderabad, India, June 2-3, 2014, pages 58–61, 2014. Google ScholarDigital Library
- M. Franzago, I. Malavolta, and H. Muccini. Stakeholders, viewpoints and languages of a modelling framework for the design and development of data-intensive mobile apps. CoRR, abs/1502.04014, 2015. Google ScholarDigital Library
- V. Genaro Motti, D. Raggett, S. Van Cauwelaert, and J. Vanderdonckt. Simplifying the development of cross-platform web user interfaces by collaborative model-based design. In Proceedings of the 31st ACM Int. Conf. on Design of Communication, pages 55–64, 2013. Google ScholarDigital Library
- H. Heitkötter, H. Kuchen, and T. A. Majchrzak. Extending a model-driven cross-platform development approach for business apps. Science of Computer Programming, 97:31–36, 2015. Google ScholarDigital Library
- M. E. Joorabchi, A. Mesbah, and P. Kruchten. Real challenges in mobile app development. In Empirical Software Engineering and Measurement, 2013, pages 15–24, 2013.Google ScholarCross Ref
- N. Koch, A. Knapp, G. Zhang, and H. Baumeister. Umlbased web engineering. In Web Engineering: Modelling and Implementing Web Applications. Springer, 2008.Google ScholarCross Ref
- E. Umuhoza and M. Brambilla. Model driven development approaches for mobile applications: A survey. In 13th Conf. Mobile Web and Intelligent Information Systems, MobiWIS 2016., pages 93–107, 2016.Google ScholarCross Ref
- A. I. Wasserman. Software Engineering Issues for Mobile Application Development. In Proceedings of the FSE/SDP Workshop on Future of Software Engineering Research, pages 397–400, 2010. Google ScholarDigital Library
Index Terms
- A model-based method for seamless web and mobile experience
Recommendations
Model-level, platform-independent debugging in the context of the model-driven development of real-time systems
ESEC/FSE 2017: Proceedings of the 2017 11th Joint Meeting on Foundations of Software EngineeringProviding proper support for debugging models at model-level is one of the main barriers to a broader adoption of Model Driven Development (MDD). In this paper, we focus on the use of MDD for the development of real-time embedded systems (RTE). We ...
Online model editing, simulation and code generation for web and mobile applications
MISE '17: Proceedings of the 9th International Workshop on Modelling in Software EngineeringThe wide range of different platforms for web and mobile applications development requires fast prototyping and the evaluation of multiple releases. Model Driven Development (MDD) represents the application at high level with textual or visual languages ...
MDebugger: a model-level debugger for UML-RT
ICSE '18: Proceedings of the 40th International Conference on Software Engineering: Companion ProceeedingsIdeally, debuggers for Model-Driven Development (MDD) tools would allow users to 'stay at the model-level' and would not require them to refer to the generated source code or figure out how the code generator works. Existing approaches to model-level ...
Comments