The Community Service Team (PkM) of the Department of Informatics, Faculty of Science and Mathematics (FSM), Universitas Diponegoro (UNDIP), organized the activity “introduction to Vibe Coding and its utilization strategies for students in MA Darut Taqwa Semarang.” The activity, which was held at the Computer Laboratory of MA Darut Taqwa, Tembalang District, Semarang City, was attended by Class XI students as an effort to introduce the use of artificial intelligence (AI) technology in programming learning.
This activity aims to provide students with an understanding of the concept of vibe coding, which is a programming approach that utilizes AI assistance to generate program code based on instructions or commands in natural language. Through this activity, students are expected to get to know AI technology not only as a tool for completing tasks, but also as a means to develop creativity, logical thinking skills, and digital skills.
The event began with a speech by the head of MA Darut Taqwa Semarang, Yasin Fathur, S.Pd., M.Si., who welcomed the implementation of the service program from the Department of Informatics UNDIP. Then proceed with the delivery of vibe coding material. Adhe Setya Pramayoga, S.Kom., M.T., as a speaker from the dedication team, delivered an introduction to the vibe coding concept along with examples of its application in simple application development. The materials provided include the introduction of Flutter as a framework for mobile application development, the use of ChatGPT to explore ideas and compile program code, and the use of the platform FlutLab.io to realize the application online.
Figure 1. Material exposure session
Through the practice, students gain experience of the application development process, from formulating ideas, compiling instructions to AI, to implementing code into simple applications. The students showed enthusiasm during the activity. This can be seen from the various views of applications that have been successfully created and modified independently using their own compiled instructions.
Figure 2. Application creation practices
This service activity is one of the contributions of the Department of Informatics UNDIP in introducing the development of digital technology to middle-level students. In addition to providing practical experience in AI-assisted programming, this activity also emphasizes the importance of utilizing technology wisely, critically, and responsibly. Through the introduction of vibe coding, students are expected to be increasingly motivated to explore programming technologies and develop digital skills independently.