Find in Library

The <i>Flutter</i> framework with <i>Dart</i> programming allows developers to effortlessly build applications for both web and mobile from a single codebase. It enables efficient conversions to native codes for mobile apps and optimized <i>JavaScript</i> for web browsers. Since utilizing a wide range of widgets in <i>Flutter</i> ensures consistent experiences on various devices for users, it becomes crucial in programming education by providing a unified environment for learning app development while reducing the need for platform-specific knowledge. However, the setup of the <i>Flutter</i> environment is challenging for novice students due to its multiple steps, such as installing dependencies and configuring environments. To support independent learning for these students, it is essential to simplify the setup by providing user-friendly instructions and automated tools. In this paper, we present a <i>Docker</i>-based environment for <i>Flutter</i> app developments across <i>Windows</i>, <i>Linux</i>, and <i>Mac</i> through <i>Visual Studio Code</i>, ensuring a unified learning experience. This paper aims to simplify complex configurations and address the obstacles encountered by students when initiating <i>Flutter</i> projects. For the evaluation, we prepared three simple <i>Flutter</i> projects along with the setup environment in a <i>Docker</i> container. Then, we asked 24 Master’s students at Okayama University, Japan, to install the environment and modify the source codes in the projects independently by following the given instructions. The results show that all the students successfully completed the assignments, which confirms the efficiency and validity of our proposal.