Author(s)

Donglan Zou, Mohamad Yusof Darus

Corresponding Author

Donglan Zou

Abstract

Android is a mobile operating system based on a modified version of the Linux kernel and other open-source software, designed primarily for touchscreen mobile devices such as smartphones and tablets. At present, there are many technologies and frameworks that can be used for application development, especially mobile application development. Flutter is a popular user interface framework for mobile app development from Google. It has gained momentum over the past years. With the rapid growth of smartphones and tablets, learning mobile programming has become a crucial skill for students. Mobile app development involves writing a separate codebase for each platform. However, with the advent of cross-platform mobile programming, a paradigm shift has occurred in the mobile development landscape. Learning cross-platform mobile programming concepts and understanding their UI construction can be challenging, especially for beginners. This paper presents the study and comparison of UI construction, explicitly focusing on Android and Flutter framework. It starts by overview the Architecture of the two application development framework, then brief describes the process of building UI using Android and Flutter mobile application development tools. Followed by, it contains a case study of the applications developed by these technologies. At last, the differences in UI construction between Android and Flutter are summarized, and performance comparisons are conducted based on experimental data. The result has contributed to helping beginners quickly understand and master these two development tools.

Keywords

UI Construction, Android, Flutter, Mobile Application, Performance Comparisons