COMPARATIVE ANALYSIS OF UI CONSTRUCTION AND PERFORMANCE IN ANDROID AND FLUTTER FRAMEWORKS
DOI:
https://doi.org/10.24191/mjoc.v9i2.26484Keywords:
Android, Flutter, Mobile Application Development, Usability, User Interfaces (UI)Abstract
This article examines the process of building user interfaces (UI) using two leading mobile application development tools: Android and Flutter. By developing common login interfaces, the UI construction between these platforms was compared and contrasted. The study highlights key differences in UI elements, design paradigms, and performance metrics, offering a comprehensive analysis. A detailed experimental plan to assess and compare UI development in Flutter and Android was designed, followed by performance evaluations based on metrics such as application size, runtime speed, and memory usage. The findings aim to help beginners quickly grasp and master these tools. Furthermore, the implications for developers, particularly regarding code complexity, reusability, and the overall development experience were discussed. This research contributes to the ongoing discourse on mobile app development best practices, helping guide tool selection for specific project requirements.
References
Abdulham, N. F., & Mohamed Noor, N. (2023). Mobile application luggage tracking system using GPS module and NodeMCU. Malaysian Journal of Computing (MJoC), 8(1), 1250-1263.
Allen, G. (2021). Android for absolute beginners: getting started with mobile apps development using the Android Java SDK. Apress.
Ammar, L. B. (2021). An automated model-based approach for developing mobile userinterfaces. IEEE Access, 9, 51573-51581.
Boukhary, S., & Colmenares, E. (2019). A Clean Approach to Flutter Development through the Flutter Clean Architecture Package. International Conference on Computational Science and Computational Intelligence (CSCI), pp. 1115–1120. https://doi.org/10.1109/CSCI49370.2019.00211
Choudhari, A., Gawai, J., Lekurwale, A., Ranglani, S., & Dhongde, P. (2022, February). A Mobile App for Smart Electricity Usage Monitoring. In 2022 Second International Conference on Artificial Intelligence and Smart Energy (ICAIS) (pp. 1667-1673). IEEE.
Durai, S., Shyamalakumari, C., & Sujithra, T. (2022). Cloud Computing based Multipurpose EService Application using Flutter. In Proceeding 6th International Conference on Computing Methodologies and Communication (ICCMC). pp. 1122-1126. https://doi.org/10.1109/ICCMC53470.2022.9753968.
Işıtan, M., & Koklu, M. (2020). Comparison and evaluation of cross platform mobile application development tools. International Journal of Applied Mathematics Electronics and Computers, 8(4), 273-281.
Kishore, K., Khare, S., Uniyal, V., & Verma, S. (2022). Performance and stability Comparison of React and Flutter: Cross-platform Application Development. International Conference on Cyber Resilience (ICCR), pp. 1-4.
Krajci, I., & Cummings, D. (2013). History and Evolution of the Android OS. In I. Krajci & D. Cummings (Eds.), Android on x86: An Introduction to Optimizing for Intel® Architecture , pp. 1-8. Berkeley, CA: Apress.
Mahmud, Y., Abdul Razak, M.S., Abdul Rahman, S., , Hanafiah, M. &, Suhaimi, A.A. (2023). Mathvision Prototype Using Predictive Analytics. Malaysian Journal of Computing, Vol 8(2), pp. 1505-1516. doi:10.24191/mjoc.v8i2.22391
Martinez, D., Ferre, X., Guerrero, G., & Juristo, N. (2020). An Agile-Based Integrated Framework for Mobile Application Development Considering Ilities. in IEEE Access, Vol. 8, pp. 72461-72470. https://doi:10.1109/ACCESS.2020.2987882
Mayrhofer, R., Stoep, J. V., Brubaker, C., & Kralevich, N. (2021). The android platform security model. ACM Transactions on Privacy and Security (TOPS), 24(3), 1-35.
Nagaraj, K., Prabakaran, B., & Ramkumar, M. O. (2022, October). Application Development for a Project using Flutter. In 2022 3rd International Conference on Smart Electronics and Communication (ICOSEC) (pp. 947-951). IEEE.
Patta A.R, Funabiki N., Lu X. & Syaifudin Y.W. (2023). A Study of Grammar-concept Understanding Problem for Flutter Cross-platform Mobile Programming Learning. 2023 6th International Conference on Vocational Education and Electrical Engineering (ICVEE), https://doi:10.1109/ICVEE59738.2023.10348237
Perinello, L., & Gaggi, O. (2024). Accessibility of Mobile User Interfaces using Flutter and React Native. In Proceeding 1st Consumer Communications & Networking Conference (CCNC). IEEE Xplore: https://DOI: 10.1109/CCNC51664.2024.10454681
Sharma, S., Khare, S., Unival, V., & Verma, S. (2022, October). Hybrid Development in Flutter and its Widgits. In 2022 International Conference on Cyber Resilience (ICCR) (pp. 1-4). IEEE.
Syaifudin, Y. W., Funabiki, N., Kuribayashi, M., & Kao, W. C. (2020). A proposal of Android programming learning assistant system with implementation of basic application learning. International Journal of Web Information Systems, 16(1), 115-135.
Syaifudin, Y. W., Hatjrianto, A. S., Funabiki, N., Liliana, D. Y., Kaswar, A. B., & Nurhasan, U. (2022). An Implementation of Automatic Dart Code Verification for Mobile Application Programming Learning Assistance System Using Flutter. In Proceeding International Conference on Electrical and Information Technology (IEIT).
Syaifudin, Y. W., Yapenrui, D. D., Noprianto N., Funabiki, N., Siradjuddin, I., & Chasanah, H. N. (2024). Implementation of Self-Learning Topic for Developing Interactive Mobile Application in Flutter Programming Learning Assistance System. In Proceeding ASU International Conference in Emerging Technologies for Sustainability and Intelligent Systems (ICETSIS) 2024, IEEE Xplore:. https:// DOI: 10.1109/ICETSIS61505.2024.10459432
Zehang, C., & Sabran, K. (2023). A systematic literature review of mobile applications to assist people with mild to moderate dementia in their daily lives/Zehang Cheng and Kamal Sabran. Malaysian Journal of Computing (MJoC), 8(1), 1332-1348.
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Zou Donglan, Mohamad Yusof Darus, Maslina Abdul Aziz, Suzana Zambri
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
