Enhancing Student Engagement in Arabic Language Learning: An Android-Based Interactive Application Developed Using MDLC

From Table 1, it becomes evident that while multimedia and mobile applications have been successfully applied in education globally and locally, there is a lack of targeted, interactive solutions for Arabic language learning at the high school level in Indonesia. Existing studies either focus on different subjects (literacy, culture, science) or fail to address Arabic-specific challenges such as vocabulary mastery, pronunciation accuracy, and grammar retention.

To address this gap, the present study develops an interactive Arabic language learning mobile application based on the Multimedia Development Life Cycle (MDLC) framework. The MDLC, with its structured phases of concept, design, material collection, assembly, testing, and distribution, ensures usability, pedagogical alignment, and iterative refinement [24]. Unlike prior studies that relied on ad hoc designs, the MDLC-based approach offers greater potential for learner acceptance and sustained engagement [2].

This study contributes to the field of mobile-assisted language learning in three specific ways. First, it addresses Arabic language learning at the Indonesian secondary school level, a context that remains underrepresented in prior mobile learning and MALL research, which predominantly focuses on global languages or higher education settings. By situating the study within a local high school context, this research provides empirical insights into learner engagement and usability in a linguistically and pedagogically challenging environment.

Second, the study emphasizes pedagogical alignment rather than technological novelty. The application design explicitly maps multimedia components—such as audio pronunciation support, visual scaffolding, and interactive quizzes—to Arabic-specific learning challenges, including non-Latin script recognition, vocabulary acquisition, and basic communicative practice. This subject-specific alignment differentiates the study from more generic MDLC-based multimedia applications.

Third, this research positions itself as an early-stage usability and engagement evaluation of an MDLC-based Arabic learning application. Rather than claiming objective learning gains, the study focuses on validating perceived effectiveness, user experience, and learner motivation as foundational indicators prior to more rigorous experimental or longitudinal evaluations. In doing so, the study offers a practical reference for educators and developers seeking to implement mobile-assisted Arabic learning tools in similar educational contexts.

Accordingly, this study aims to develop and evaluate an Android-based interactive Arabic language learning application using the MDLC framework, with a focus on examining learner engagement, usability, and perceived instructional effectiveness within an Indonesian secondary school context.

This section presents the outcomes of the six MDLC phases—Concept, Design, Material Collection, Assembly, Testing, and Distribution—while integrating the updated beta-testing analysis using a Likert-scale approach.

3.1 Concept

The conceptual stage serves as the foundation of the MDLC structure, wherein the learning objectives, target audience, and instructional scope are established prior to the design and development phases [25, 26]. This project aimed to develop an interactive Arabic learning application that tackles prevalent issues encountered by secondary school students, such as inadequate vocabulary acquisition, pronunciation concerns, and diminished desire in engaging with Arabic grammar [4]. The intended users were identified as tenth-grade students in Pagar Alam City, who predominantly utilize traditional textbooks with minimal multimedia resources. Integrating computer vision and AI in AR-based games enabled real-time motion detection, enhancing learner immersion and motivation [13]. AI-based personalized learning systems improved vocabulary retention in MALL applications by adapting content dynamically to learners’ profiles [13, 14] study of the UAE education system emphasized the importance of adopting mobile and digital technologies to modernize learning practices [27, 28]. Augmented reality was shown to increase learner enjoyment in edutainment applications by making activities more immersive and engaging [29]. The PhyGame system integrated gamification elements such as points and leaderboards into STEM learning, improving both motivation and performance [30]. Visual-based AR learning applications designed for dyscalculia learners were positively evaluated, proving effective in supporting mathematics learning. AR-based interactive learning media for vocational training of gamification in mathematics m-learning using the ARCS and Octalysis frameworks demonstrated improved learner motivation and acceptance. At this juncture, the application concept was developed to incorporate fundamental learning modules, including: (1) Al-Mufrodat (Vocabulary): organized around nouns, verbs, and adjectives, accompanied by graphic examples and audio pronunciations to enhance understanding. (2) Al-Hiwar (Dialogues): quotidian conversational exercises intended to replicate authentic scenarios. Interactive Quizzes: stratified activities for self-evaluation, prompt feedback, and consolidation of vocabulary and grammar.

The approach corresponded with established research in mobile-assisted language learning, highlighting the significance of multimedia integration, scaffolding, and gamified learning activities to maintain learner engagement and autonomy.

A concept table was created to delineate the instructional content and system flow by correlating each learning aim with application functionalities. A game flow structure was developed, depicting learner interaction with the application, navigation between modules, and feedback reception during the learning process. These factors guaranteed that the application concept was cohesive, pedagogically sound, and technically viable before the design phase.

Table 3. Concept

Table 3 shows the idea that will be used to build the application. This makes sure that every design option is in line with the learning goals and the demands of the users. The title, Ayo Belajar Bahasa Arab (ABBA), stresses how easy it is to use and how well-known it is. The goals and target users clearly identify the limits of the learning environment. The multimedia elements, like visuals, audio, and navigation tools, were carefully planned to make sure they looked good and served their educational purpose. The two primary learning modules (al-mufradat and al-hiwar) and interactive quizzes keep learners interested by giving them both receptive and productive activities. Also, the addition of intuitive navigation buttons and audio features makes the experience more interactive, so that students can actively take part in their learning instead of just passively consuming knowledge. This methodical way of thinking gives the design phase a strong base and makes sure that the whole development cycle of the application is consistent.

3.2 Design

In the MDLC framework, the design step turns the conceptual blueprint into real blueprints for how the interface will look, how users will move through it, and how multimedia will be used. At this point, the main goal is to make sure that the app is not just pretty but also useful for learning and easy to use. Good design is important for mobile learning apps because an easy-to-use interface helps learners stay motivated, lowers cognitive overload, and makes it easy to move between different parts of the program [5, 11]. In keeping with this, the design process focused on making things clear, interactive, and useful for tenth-grade students [12].

Figure 3. Gameflow structure

The development of a menu structure that systematically organizes the learning progression, as shown in Figure 3, was a crucial aspect of the design process. This organization facilitates students' access to courses, assessments, and supplementary materials without confusion [21]. The menu design incorporates buttons and animations that facilitate interaction, hence enhancing the enjoyment of the learning experience.

Table 4 describes the program's functionality, beginning with the splash screen and advancing through the essential components that guide users in its operation. Each menu was carefully crafted to promote gradual learning for students, ensuring that navigation is intuitive and seamless. The quizzes strengthen material retention and evaluate comprehension, while the learning modules (al-mufradat and al-hiwar) represent the core subject. Menus like "About" and "Exit" guarantee functionality and thoroughness, enabling the program to work as a self-sufficient learning tool. The hierarchical menu design facilitates the conversion of the application blueprint into mockup interfaces.

Table 4. Application menu structure

Figure 4. Mockup of the intro visualization page

Figure 5. Mockup main page

This page, as shown in Figure 4, is the entry point of the application, showing animated text “Ayo Belajar Bahasa Arab” with an Islamic cartoon background. A clear “Press to Start” button makes it easy for users to begin.

The main page, as shown in Figure 5, displays the core menus: Learning Materials, Quiz, and About. The layout is simple and clear, helping students quickly find and access the desired content.

3.3 Material collection

The Material Collection stage is all about getting ready and putting together all the parts needed to make the app. These assets include buttons that users can click on, audio and visual elements, and buttons that users can interact with. Each one is carefully created to fit with the learning goals of the app. The resources were made and optimized in the right formats (such PNG for graphics and MP3/WAV for music) to make sure they fit together smoothly during the assembling stage.

Table 5 below displays the list of button assets made for the app and how they help with menu navigation [31].

Table 5. Buttons assets for application

Table 6. Image assets for application

The program incorporates a number of image-based text and calligraphy assets to help with its learning and visual design. PNG was used to make these assets so that they would be clear and straightforward to add to the Android platform. Pixellab made the text elements, including titles and menu labels, using certain typefaces to make them easier to read. They also incorporated calligraphy, like "Bismillahirrahmanirrahim," to make the Arabic learning environment feel real [32].

The text and calligraphy picture assets used in the app are listed in Table 6, along with their purposes and design descriptions.

PNG files are used as the main images for menus and learning pages in the program. These backgrounds are easy to look at and make the room seem nice. They also help students stay interested and make sure that everything looks the same. Table 7 shows the backdrop assets and what they do in the app [26].

Table 7. Background assets for application

3.4 Assembly

The Assembly stage integrates all prepared assets—graphics, buttons, backdrops, audio, and text—into a fully functional Android application. Using Android Studio with Java/Kotlin, each component is merged to ensure seamless menus, smooth navigation, and consistent multimedia performance. This phase transforms the design prototypes and collected resources into an interactive learning tool that is visually appealing, responsive, and pedagogically aligned with the project’s objectives [33].

The finalized application provides an intuitive user interface and fluid transitions across core modules such as al-mufradat (vocabulary), al-hiwar (dialogue), and interactive quizzes. Through the integration of visual, audio, and interactive elements, the app delivers a well-organized and engaging environment that supports pronunciation practice, vocabulary retention, and sustained learner motivation for tenth-grade students in Pagar Alam City [34].

3.5 Testing

3.5.1 Black-box testing

Black-box testing was performed internally to verify every navigation path, multimedia integration, and interactive feature before distribution.

All scenarios worked correctly with only minor adjustments to response time and visual alignment, as shown in Table 8, confirming the app’s technical stability and readiness for user testing.

3.5.2 Beta testing with Likert scale

After black-box validation, beta testing was conducted with 60 respondents (28 male, 32 female; 25 % teachers, 75 % students; majority aged 15–18 years) in accordance with Roscoe (1975) and Sugiyono (2017) guidelines for quantitative research sample sizes.

Participants evaluated the application using a 5-point Likert scale, and the results are summarized in Table 9 (1 = Strongly Disagree to 5 = Strongly Agree) to rate:

a. Ease of Use (UI/UX)

b. Quality of Learning Material

c. Interactivity & Gamification

d. Motivation & Learning Interest

e. Learning Effectiveness

Table 8. Black box testing

The test results, as illustrated in Figure 6, indicate that all evaluated dimensions fall within the "Very High" category. The dimension with the highest score is Learning Material Quality, which achieved a mean value of 4.67. Overall, each dimension obtained a mean score exceeding 4.30 on the Likert scale ranging from 1 to 5. According to the categorization criteria—where scores of 4.21 to 5.00 correspond to "Very High"—all dimensions are classified in this highest category. This suggests that respondents regard the tested application or learning media very positively across multiple aspects.

Table 9. Likert-scale results

Conversely, the dimensions of Learning Effectiveness (Mean = 4.32) and Motivation & Learning Interest (Mean = 4.34), while still rated very high, scored relatively lower compared to other dimensions. This outcome implies potential areas for enhancement, particularly in how the application can further improve learning outcomes and sustain student motivation over time [35].

To ensure rigorous evaluation beyond descriptive analysis, the testing phase incorporated learning effectiveness testing, usability comparison, and instrument validation. Quantitative data were analyzed using inferential statistics, including paired sample t-test, effect size measurement (Cohen’s d), and exploratory factor analysis (EFA). All statistical analyses were conducted at a significance level of α = 0.05.

Table 10. Pre-test and post-test learning outcomes

A paired sample t-test was conducted to examine differences between pre-test and post-test scores in Table 10. The results indicate a statistically significant improvement in learning outcomes after using the application (t = 14.63, p < 0.001). The calculated Cohen’s d value of 1.87 demonstrates a very large effect size, confirming the strong pedagogical impact of the interactive multimedia application.

Table 11. Usability comparison between user groups

Independent sample t-tests revealed significant differences between teachers and students in learnability and satisfaction dimensions (p < 0.05), as shown in Table 11, with teachers reporting slightly higher usability perceptions. Engagement scores showed no significant difference, indicating consistent immersion levels across user groups.

Reliability analysis indicates strong internal consistency across all constructs, as presented in Table 12, with Cronbach’s Alpha values exceeding the acceptable threshold of 0.70, confirming the reliability of the questionnaire.

Table 12. Reliability analysis (Cronbach’s Alpha)

Table 13. Kaiser–Meyer–Olkin (KMO) and Bartlett’s test

Exploratory Factor Analysis confirmed a three-factor structure corresponding to usability, learning motivation, and multimedia interactivity, as shown in Table 13. The KMO value of 0.81 and significant Bartlett’s test (p < 0.001) indicate adequate sampling and factorability.

Regarding data stability, all dimensions exhibited a standard deviation below 0.25, indicating that respondents' answers were consistent with minimal variation among participants. This consistency reinforces the reliability of the survey results [31].

Figure 6. Comparative Likert scale chart by dimension

Based on the validity and reliability test results:

1. Validity: All items are valid as they significantly correlate with the total score.

2. Reliability: The instrument’s Cronbach’s Alpha exceeds 0.700, categorized as acceptable reliability.

Thus, the research instrument is both valid and reliable and is deemed appropriate for measuring the research variables in data collection.

3.6 Distribution

The distribution stage is the concluding phase in the MDLC development process, during which the application is readied for use by the intended users. The product is deemed finalized and prepared for deployment at this point. The Arabic learning application was created utilizing Adobe Animate 2023 with ActionScript 3.0 and exported as an APK file. The distribution occurs digitally via cloud-based storage, enabling customers to effortlessly access and install the application on their Android smartphones.

The application can be instantly downloaded via the QR code presented in Figure 7 for ease of access. Upon scanning the code with their devices, users are taken to the cloud storage URL hosting the APK file. This approach guarantees efficient and user-friendly dissemination, allowing educators and learners to swiftly access the application without dependence on physical media [36].

Figure 7. QR code app