Nothing Special   »   [go: up one dir, main page]

skip to main content
10.1145/3652620.3688330acmconferencesArticle/Chapter ViewAbstractPublication PagesmodelsConference Proceedingsconference-collections
research-article
Open access

Low-Code Flutter Application Development Solution

Published: 31 October 2024 Publication History

Abstract

Mobile applications have become an integral part of our lives, mostly by improving the efficiency of our daily tasks. Although the Graphical User Interface (GUI) is essential for the ease and efficient use of these applications, developing them well can be a complex task. The manual coding of GUIs can be time-consuming and pose obstacles to the development of essential business features. To address this challenge, we propose a low-code solution to support the development of mobile applications including the GUI. We have extended BESSER, an open-source low-code platform, to provide a sublanguage for modeling GUIs. Aditionally, we have developed a code generator for mobile Flutter applications. The resultant code adheres to Flutter best development practices, ensuring the development of high-quality applications. The complete infrastructure, including the code generator and associated resources, is accessible in an open-source repository.

References

[1]
Roberto Acerbis, Aldo Bongio, Marco Brambilla, and Stefano Butti. 2015. Model-driven development based on omg's IFML with webratio web and mobile platform. In Engineering the Web in the Big Data Era: 15th International Conference, ICWE 2015, Rotterdam, The Netherlands, June 23--26, 2015, Proceedings 15. Springer, Springer, 605--608.
[2]
Iván Alfonso, Aaron Conrardy, Armen Sulejmani, Atefeh Nirumand, Fitash Ul Haq, Marcos Gomez-Vazquez, Jean-Sébastien Sottet, and Jordi Cabot. 2024. Building BESSER: an open-source low-code platform. In International Conference on Business Process Modeling, Development and Support. Springer, 203--212.
[3]
Florence Balagtas-Fernandez, Max Tafelmayer, and Heinrich Hussmann. 2010. Mobia modeler: Easing the creation process of mobile applications for nontechnical users. In Proceedings of the 15th international conference on Intelligent user interfaces. ACM, 269--272.
[4]
Tony Beltramelli. 2018. pix2code: Generating code from a graphical user interface screenshot. In Proceedings of the ACM SIGCHI Symposium on Engineering Interactive Computing Systems. ACM, 1--6.
[5]
Carlo Bernaschina, Sara Comai, and Piero Fraternali. 2018. Formal semantics of OMG's Interaction Flow Modeling Language (IFML) for mobile and rich-client application model driven development. Journal of Systems and Software 137 (2018), 239--260.
[6]
François Bodart and Jean Vanderdonckt. 1994. On the Problem of Selecting Interaction Objects. In BCS HCI. 163--178.
[7]
Marco Brambilla and Piero Fraternali. 2014. Interaction flow modeling language: Model-driven UI engineering of web and mobile apps with IFML. Morgan Kaufmann.
[8]
Alessio Bucaioni, Antonio Cicchetti, and Federico Ciccozzi. 2022. Modelling in low-code development: a multi-vocal systematic review. Software and Systems Modeling 21, 5 (2022), 1959--1981.
[9]
Jordi Cabot. 2020. Positioning of the low-code movement within the field of model-driven engineering. In Proceedings of the 23rd ACM/IEEE International Conference on Model Driven Engineering Languages and Systems: Companion Proceedings. ACM, 1--3.
[10]
Davide Di Ruscio, Dimitris Kolovos, Juan de Lara, Alfonso Pierantonio, Massimo Tisi, and Manuel Wimmer. 2022. Low-code development and model-driven engineering: Two sides of the same coin? Software and Systems Modeling 21, 2 (2022), 437--446.
[11]
Flutter. 2024. Performance best practices. Retrieved June 11, 2024 from https://docs.flutter.dev/perf/best-practices
[12]
Statista Market Forecast. 2024. App - Worldwide. Retrieved June 11, 2024 from https://www.statista.com/outlook/amo/app/worldwide#revenue
[13]
Mohamad Jaber, Yliès Falcone, Kinan Dak-Al-Bab, John Abou-Jaoudeh, and Mostafa El-Katerji. 2018. A high-level modeling language for the efficient design, implementation, and testing of Android applications. International Journal on Software Tools for Technology Transfer 20 (2018), 1--18.
[14]
Minhyuk Ko, Yong-Jin Seo, Bup-Ki Min, Seunghak Kuk, and Hyeon Soo Kim. 2012. Extending UML meta-model for android application. In 2012 IEEE/ACIS 11th International Conference on Computer and Information Science. IEEE, IEEE, 669--674.
[15]
Ignacio Marin, Francisco Ortin, German Pedrosa, and Javier Rodriguez. 2015. Generating native user interfaces for multiple devices by means of model transformation. Frontiers of Information Technology & Electronic Engineering 16, 12 (2015), 995--1017.
[16]
Pedro J Molina, Santiago Meliá, and Oscar Pastor. 2002. Just-ui: A user interface specification model. In Computer-Aided Design of User Interfaces III: Proceedings of the Fourth International Conference on Computer-Aided Design of User Interfaces. Springer Science & Business Media, 63--74.
[17]
Manuel Núñez, Daniel Bonhaure, Magalí González, and Luca Cernuzzi. 2020. A model-driven approach for the development of native mobile applications focusing on the data layer. Journal of Systems and Software 161 (2020), 110489.
[18]
OMG. 2024. O.M.G.: About interaction flow modeling language specification. Retrieved June 11, 2024 from https://www.omg.org/spec/IFML
[19]
Github repository. 2024. BESSER. Retrieved June 11, 2024 from https://github.com/BESSER-PEARL/BESSER
[20]
Jenny Ruiz, Estefanía Serral, and Monique Snoeck. 2019. Evaluating user interface generation approaches: model-based versus model-driven development. Software & Systems Modeling 18, 4 (2019), 2753--2776.
[21]
Anna Ruokonen, Lasse Pajunen, and Tarja Systa. 2008. On model-driven development of mobile business processes. In 2008 Sixth International Conference on Software Engineering Research, Management and Applications. IEEE, IEEE, 59--66.
[22]
Md Shamsujjoha, John Grundy, Li Li, Hourieh Khalajzadeh, and Qinghua Lu. 2021. Developing mobile applications via model driven development: A systematic literature review. Information and Software Technology 140 (2021), 106693.
[23]
Statista. 2024. Number of mobile devices worldwide 2020-2025. Retrieved June 11, 2024 from https://www.statista.com/statistics/245501/multiple-mobile-device-ownership-worldwide/
[24]
Muhammad Usman, Muhammad Zohaib Iqbal, and Muhammad Uzair Khan. 2020. An automated model-based approach for unit-level performance test generation of mobile applications. Journal of Software: Evolution and Process 32, 1 (2020), e2215.
[25]
Jean M Vanderdonckt and François Bodart. 1993. Encapsulating knowledge for intelligent automatic interaction objects selection. In Proceedings of the INTER-ACT'93 and CHI'93 Conference on Human Factors in Computing Systems. ACM, 424--429.
[26]
Steffen Vaupel, Gabriele Taentzer, René Gerlach, and Michael Guckert. 2018. Model-driven development of mobile applications for Android and iOS supporting role-based app variability. Software & Systems Modeling 17 (2018), 35--63.
[27]
Wei Yang, Mukul R Prasad, and Tao Xie. 2013. A grey-box approach for automated GUI-model generation of mobile applications. In International Conference on Fundamental Approaches to Software Engineering. Springer, Springer, 250--265.
[28]
Haroon Zafar, Saif Ur Rehman Khan, Atif Mashkoor, and Habib Un Nisa. 2024. MOBICAT: a model-driven engineering approach for automatic GUI code generation for Android applications. Frontiers in Computer Science 6 (2024), 1397805.

Index Terms

  1. Low-Code Flutter Application Development Solution

    Recommendations

    Comments

    Please enable JavaScript to view thecomments powered by Disqus.

    Information & Contributors

    Information

    Published In

    cover image ACM Conferences
    MODELS Companion '24: Proceedings of the ACM/IEEE 27th International Conference on Model Driven Engineering Languages and Systems
    September 2024
    1261 pages
    ISBN:9798400706226
    DOI:10.1145/3652620
    Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than the author(s) must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected].

    Sponsors

    Publisher

    Association for Computing Machinery

    New York, NY, United States

    Publication History

    Published: 31 October 2024

    Check for updates

    Author Tags

    1. mobile applications
    2. graphical user interface (GUI)
    3. low-code platform
    4. code generator

    Qualifiers

    • Research-article

    Conference

    MODELS Companion '24
    Sponsor:

    Acceptance Rates

    Overall Acceptance Rate 144 of 506 submissions, 28%

    Contributors

    Other Metrics

    Bibliometrics & Citations

    Bibliometrics

    Article Metrics

    • 0
      Total Citations
    • 159
      Total Downloads
    • Downloads (Last 12 months)159
    • Downloads (Last 6 weeks)56
    Reflects downloads up to 17 Feb 2025

    Other Metrics

    Citations

    View Options

    View options

    PDF

    View or Download as a PDF file.

    PDF

    eReader

    View online with eReader.

    eReader

    Login options

    Figures

    Tables

    Media

    Share

    Share

    Share this Publication link

    Share on social media