{"status":"ok","message-type":"work","message-version":"1.0.0","message":{"indexed":{"date-parts":[[2025,10,6]],"date-time":"2025-10-06T18:37:34Z","timestamp":1759775854010,"version":"build-2065373602"},"reference-count":30,"publisher":"MDPI AG","issue":"10","license":[{"start":{"date-parts":[[2025,10,1]],"date-time":"2025-10-01T00:00:00Z","timestamp":1759276800000},"content-version":"vor","delay-in-days":0,"URL":"https:\/\/creativecommons.org\/licenses\/by\/4.0\/"}],"content-domain":{"domain":["www.mdpi.com"],"crossmark-restriction":true},"short-container-title":["Computers"],"abstract":"<jats:p>Nowadays, Flutter with the Dart programming language has become widely popular in mobile developments, allowing developers to build multi-platform applications using one codebase. An increasing number of companies are adopting these technologies to create scalable and maintainable mobile applications. Despite this increasing relevance, university curricula often lack structured resources for Flutter\/Dart, limiting opportunities for students to learn it in academic environments. To address this gap, we previously developed the Flutter Programming Learning Assistance System (FPLAS), which supports self-learning through interactive problems focused on code comprehension through code-based exercises and visual interfaces. However, it was observed that many students completed the exercises without fully understanding even basic concepts, if they already had some knowledge of object-oriented programming (OOP). As a result, they may not be able to design and implement Flutter\/Dart codes independently, highlighting a mismatch between the system\u2019s outcomes and intended learning goals. In this paper, we propose a guided self-study approach of integrating documentation, code, visual output, and exercise in FPLAS. Two existing problem types, namely, Grammar Understanding Problems (GUP) and Element Fill-in-Blank Problems (EFP), are combined together with documentation, code, and output into a new format called Integrated Introductory Problems (INTs). For evaluations, we generated 16 INT instances and conducted two rounds of evaluations. The first round with 23 master students in Okayama University, Japan, showed high correct answer rates but low usability ratings. After revising the documentation and the system design, the second round with 25 fourth-year undergraduate students in the same university demonstrated high usability and consistent performances, which confirms the effectiveness of the proposal.<\/jats:p>","DOI":"10.3390\/computers14100417","type":"journal-article","created":{"date-parts":[[2025,10,1]],"date-time":"2025-10-01T14:27:42Z","timestamp":1759328862000},"page":"417","update-policy":"https:\/\/doi.org\/10.3390\/mdpi_crossmark_policy","source":"Crossref","is-referenced-by-count":1,"title":["A Guided Self-Study Platform of Integrating Documentation, Code, Visual Output, and Exercise for Flutter Cross-Platform Mobile Programming"],"prefix":"10.3390","volume":"14","author":[{"given":"Safira Adine","family":"Kinari","sequence":"first","affiliation":[{"name":"Department of Information and Communication Systems, Okayama University, Okayama 700-8530, Japan"}]},{"ORCID":"https:\/\/orcid.org\/0000-0003-3234-3473","authenticated-orcid":false,"given":"Nobuo","family":"Funabiki","sequence":"additional","affiliation":[{"name":"Department of Information and Communication Systems, Okayama University, Okayama 700-8530, Japan"}]},{"ORCID":"https:\/\/orcid.org\/0009-0009-4598-0878","authenticated-orcid":false,"given":"Soe Thandar","family":"Aung","sequence":"additional","affiliation":[{"name":"Department of Information and Communication Systems, Okayama University, Okayama 700-8530, Japan"}]},{"given":"Htoo Htoo Sandi","family":"Kyaw","sequence":"additional","affiliation":[{"name":"Department of Information and Communication Systems, Okayama University, Okayama 700-8530, Japan"}]}],"member":"1968","published-online":{"date-parts":[[2025,10,1]]},"reference":[{"key":"ref_1","unstructured":"Statista (2025, August 11). Smartphone Users Worldwide\u2014Forecast to 2029. Available online: https:\/\/www.statista.com\/forecasts\/1143723\/smartphone-users-in-the-world."},{"key":"ref_2","doi-asserted-by":"crossref","unstructured":"Pinto, C.M., and Coutinho, C. (2018, January 25\u201327). From native to cross-platform hybrid development. Proceedings of the 2018 International Conference on Intelligent Systems (IS), Funchal, Portugal.","DOI":"10.1109\/IS.2018.8710545"},{"key":"ref_3","doi-asserted-by":"crossref","unstructured":"Jo\u0161t, G., and Taneski, V. (2025). State-of-the-art cross-platform mobile application development frameworks: A comparative study of market and developer trends. Informatics, 12.","DOI":"10.3390\/informatics12020045"},{"key":"ref_4","doi-asserted-by":"crossref","unstructured":"Martinez, M., and Lecomte, S. (2017, January 20\u201321). Towards the Quality Improvement of Cross-Platform Mobile Applications. Proceedings of the 2017 IEEE\/ACM 4th International Conference on Mobile Software Engineering and Systems (MOBILESoft), Buenos Aires, Argentina.","DOI":"10.1109\/MOBILESoft.2017.30"},{"key":"ref_5","doi-asserted-by":"crossref","unstructured":"Zou, D., and Darus, M.Y. (2024, January 10). A Comparative Analysis of Cross-Platform Mobile Development Frameworks. Proceedings of the 2024 IEEE 6th Symposium on Computers & Informatics (ISCI), Kuala Lumpur, Malaysia.","DOI":"10.1109\/ISCI62787.2024.10667693"},{"key":"ref_6","unstructured":"You, D., and Hu, M. (2021, January 14\u201316). A comparative study of cross-platform mobile application development. Proceedings of the 12th Annual Conference of Computing and Information Technology Research and Education New Zealand (CITRENZ 2021), Wellington, New Zealand."},{"key":"ref_7","first-page":"129","article-title":"Comparison of Flutter and React native platforms","volume":"12","author":"Seyhan","year":"2021","journal-title":"J. Int. Appl. Manag."},{"key":"ref_8","unstructured":"Dart (2025, June 27). Dart Overview. Available online: https:\/\/dart.dev\/overview."},{"key":"ref_9","unstructured":"Flutter (2025, June 27). Build Apps for Any Screen. Available online: https:\/\/flutter.dev\/."},{"key":"ref_10","unstructured":"Bailey, T., and Biessek, A. (2021). Flutter for Beginners: An Introductory Guide to Building Cross-Platform Mobile Applications with Flutter 2 and Dart, Packt Publishing."},{"key":"ref_11","doi-asserted-by":"crossref","unstructured":"Patta, A.R., Funabiki, N., Lu, X., and Syaifudin, Y.W. (2023, January 14\u201315). A study of grammar-concept understanding problem for Flutter cross-platform mobile programming learning. Proceedings of the International Conference on Vocational Educational and Electrical Engineering (ICVEE), Surabaya, Indonesia.","DOI":"10.1109\/ICVEE59738.2023.10348237"},{"key":"ref_12","doi-asserted-by":"crossref","unstructured":"Aung, S.T., Funabiki, N., Aung, L.H., Kinari, S.A., Mentari, M., and Wai, K.H. (2024). A study of learning environment for initiating Flutter app development using Docker. Information, 15.","DOI":"10.3390\/info15040191"},{"key":"ref_13","doi-asserted-by":"crossref","unstructured":"Kinari, S.A., Funabiki, N., Aung, S.T., Wai, K.H., Mentari, M., and Puspitaningayu, P. (2024). An independent learning system for Flutter cross-platform mobile programming with code modification problems. Information, 15.","DOI":"10.3390\/info15100614"},{"key":"ref_14","doi-asserted-by":"crossref","unstructured":"Kinari, S.A., Funabiki, N., Aung, S.T., Mentari, M., and Puspitaningayu, P. (2025, January 29\u201331). A study of guide documentation for introductory Flutter programming learning with exercises. Proceedings of the International Conference on Consumer Technology (ICCT-Pacific), Shimane, Japan.","DOI":"10.1109\/ICCT-Pacific63901.2025.11012814"},{"key":"ref_15","doi-asserted-by":"crossref","unstructured":"Jordan, P.W., Thomas, B., Weerdmeester, B., and McClelland, I.L. (1995). SUS: A quick and dirty usability scale. Usability Evaluation in Industry, Taylor & Francis.","DOI":"10.1201\/9781498710411"},{"key":"ref_16","doi-asserted-by":"crossref","unstructured":"Nagaraj, N.K., Prabakaran, B., and Ramkumar, M.O. (2022, January 20\u201322). Application development for a project using Flutter. Proceedings of the International Conference on Smart Electronics and Communication (ICOSEC), Trichy, India.","DOI":"10.1109\/ICOSEC54921.2022.9951938"},{"key":"ref_17","unstructured":"Zou, D., Bin Darus, M.Y., and Ramli, A.B. (2024, January 7\u20138). Investigating developer experiences with UI components in Flutter: Challenges and implications. Proceedings of the International Visualization, Informatics and Technology Conference (IVIT), Kuala Lumpur, Malaysia."},{"key":"ref_18","doi-asserted-by":"crossref","unstructured":"Boukhary, S., and Colmenares, E. (2019, January 5\u20137). A clean approach to Flutter development through the Flutter clean architecture package. Proceedings of the International Conference on Computational Science and Computational Intelligence (CSCI), Las Vegas, NV, USA.","DOI":"10.1109\/CSCI49370.2019.00211"},{"key":"ref_19","unstructured":"Radadiya, S., and Ramchandani, S. (2025). The impact of Flutter development. Int. Res. J. Mod. Eng. Technol. Sci., 7."},{"key":"ref_20","unstructured":"(2025, August 12). Flutter. Flutter Architectural Overview. Official Documentation, May 2025. Available online: https:\/\/docs.flutter.dev\/resources\/architectural-overview."},{"key":"ref_21","doi-asserted-by":"crossref","unstructured":"Sharma, S., Khare, S., Uniyal, V., and Verma, S. (2022, January 6\u20137). Hybrid development in Flutter and its Widgets. Proceedings of the International Conference on Cyber Resilience (ICCR), Dubai, United Arab Emirates.","DOI":"10.1109\/ICCR56254.2022.9995973"},{"key":"ref_22","first-page":"1680","article-title":"The CodingHere platform for programming courses: Improving learning motivation, effectiveness, and cognitive load","volume":"11","author":"Wang","year":"2022","journal-title":"Electronics"},{"key":"ref_23","unstructured":"G\u00f6tz, S., Linsbauer, L., Schaefer, I., and Wortmann, A. (2021). A scalable online programming platform for software engineering education. Software Engineering 2021 Satellite Events, Gesellschaft f\u00fcr Informatik. Lecture Notes in Informatics (LNI)."},{"key":"ref_24","first-page":"144","article-title":"Automated code assessment tools: A review of the state of the art","volume":"1","author":"Girgis","year":"2022","journal-title":"Software"},{"key":"ref_25","doi-asserted-by":"crossref","unstructured":"Jevti\u0107, M., Slijep\u010devi\u0107, S., Tomi\u0107, A., and Vu\u010deti\u0107, M. (2023). Source code analysis in programming education: Evaluating learning content with self-organizing maps. Appl. Sci., 13.","DOI":"10.3390\/app13095719"},{"key":"ref_26","doi-asserted-by":"crossref","unstructured":"Hsueh, C.-H., Wu, J.-C., Yang, S.-T., Liu, C.-C., and Lin, K.-H. (2023). Design of an online programming platform and a study on learners\u2019 testing ability. Electronics, 12.","DOI":"10.3390\/electronics12224596"},{"key":"ref_27","first-page":"295","article-title":"Automated assessment in mobile programming courses: An evaluation system for Java and Kotlin apps","volume":"13","author":"Hasan","year":"2022","journal-title":"Int. J. Adv. Comput. Sci. Appl."},{"key":"ref_28","unstructured":"Togni, J. (2025). Development of an inclusive educational platform using open technologies and machine learning: A case study on accessibility enhancement. arXiv."},{"key":"ref_29","doi-asserted-by":"crossref","unstructured":"Mayer, R.E. (2014). The Worked-Out Examples Principle in Multimedia Learning. The Cambridge Handbook of Multimedia Learning, Cambridge University Press. [2nd ed.].","DOI":"10.1017\/CBO9781139547369"},{"key":"ref_30","first-page":"707","article-title":"Binary codes capable of correcting deletions, insertions, and reversals","volume":"10","author":"Levenshtein","year":"1966","journal-title":"Cybernetics"}],"container-title":["Computers"],"original-title":[],"language":"en","link":[{"URL":"https:\/\/www.mdpi.com\/2073-431X\/14\/10\/417\/pdf","content-type":"unspecified","content-version":"vor","intended-application":"similarity-checking"}],"deposited":{"date-parts":[[2025,10,1]],"date-time":"2025-10-01T14:30:56Z","timestamp":1759329056000},"score":1,"resource":{"primary":{"URL":"https:\/\/www.mdpi.com\/2073-431X\/14\/10\/417"}},"subtitle":[],"short-title":[],"issued":{"date-parts":[[2025,10,1]]},"references-count":30,"journal-issue":{"issue":"10","published-online":{"date-parts":[[2025,10]]}},"alternative-id":["computers14100417"],"URL":"https:\/\/doi.org\/10.3390\/computers14100417","relation":{},"ISSN":["2073-431X"],"issn-type":[{"value":"2073-431X","type":"electronic"}],"subject":[],"published":{"date-parts":[[2025,10,1]]}}}