A Design of UI Image Generation Method for Flutter Programming Learning Assistant System

  • Lynn Htet Aung*
  • , Nobuo Funabiki
  • , Soe Thandar Aung
  • , Wen Chung Kao
  • *Corresponding author for this work

Research output: Chapter in Book/Report/Conference proceedingConference contribution

Abstract

To support novice students in learning Dart programming on Flutter, a cross-platform development framework, we have developed Flutter Programming Learning Assistant System (FPLAS). It features a Docker-based development environment and includes teacher-prepared sample projects for exercises. After completing these projects, students need to submit source codes and their output UI images to a teacher. Then, the teacher will manually assess them one by one. However, this manual assessment is inefficient and inconsistent due to variations in browser types and students' PC resolutions. In this paper, we present a design of the UI image generation method for FPLAS to solve this issue. This method automatically runs submitted source codes on the FPLAS Docker container, and capture and store their output UI images. It will use the Flask Python framework. The implementation and evaluation of the design will be in future works.

Original languageEnglish
Title of host publicationGCCE 2024 - 2024 IEEE 13th Global Conference on Consumer Electronics
PublisherInstitute of Electrical and Electronics Engineers Inc.
Pages42-43
Number of pages2
ISBN (Electronic)9798350355079
DOIs
Publication statusPublished - 2024
Event13th IEEE Global Conference on Consumer Electronic, GCCE 2024 - Kitakyushu, Japan
Duration: 2024 Oct 292024 Nov 1

Publication series

NameGCCE 2024 - 2024 IEEE 13th Global Conference on Consumer Electronics

Conference

Conference13th IEEE Global Conference on Consumer Electronic, GCCE 2024
Country/TerritoryJapan
CityKitakyushu
Period2024/10/292024/11/01

Keywords

  • Dart
  • Docker
  • Flask
  • Flutter
  • FPLAS
  • UI image generation

ASJC Scopus subject areas

  • Artificial Intelligence
  • Computer Vision and Pattern Recognition
  • Human-Computer Interaction
  • Signal Processing
  • Electrical and Electronic Engineering
  • Media Technology
  • Instrumentation

Fingerprint

Dive into the research topics of 'A Design of UI Image Generation Method for Flutter Programming Learning Assistant System'. Together they form a unique fingerprint.

Cite this