Development and Alpha Testing of EzHifz Application: Al-Quran Memorization Tool

,


Introduction
Innovations of mobile digital in teaching and learning bring a substantial transformation in the field of education [1]. Mobile learning activities were able to develop an idea and creativity [2] that support unique pedagogical features through social and collaborative learning media. Recent studies indicate that applying mobile technology in learning Quran has shown positive support among the younger generation [3][4][5][6]. Providing the right teaching aids for students could impact students' performance levels as it facilitates the understanding of learning. Aligned with this, many previous researchers such as [7][8][9][10][11] have developed interactive mobile applications to help facilitate the process of memorizing and reciting the Quran. e development of the educational application through the process of understanding the systematic teaching design concepts with the right theory and technology of learning can enhance student learning outcomes [12]. However, it is undeniable that learning media that relate to the Quran memorization need a teacher as a complement to the perfect learning process [13].
Furthermore, the determination of students' dominant VARK learning styles is important to be emphasized to ensure the knowledge acquisition works well according to their multiple intelligence [14]. erefore, the mobile application of Quran memorization based on the VARK learning style is important to be developed as one of the complementary learning tools in the context of Quran memorization (per word). Quran memorization (per word) involves memorizing the Quran verses with the corresponding translation.
is paper is structured in the following way. Section 2 provides the issues faced by the institution related to memorizing the Quran. Section 3 will discuss the related works, while Section 4 explains the methods and materials used in this research. Section 5 reveals the screen design of the EzHifz application as well as the alpha testing results. Finally, the conclusion and future work are given in Section 6.

Issues in Quran Memorization
Memorizing the Quran is often considered a difficult skill to learn because it requires a strong memory with a discipline of continuous repetition. Several studies were conducted by previous researchers to develop effective memorization methods [15][16][17][18][19], however, still many students not being able to memorize the Quran well. Many studies found difficulties in memorizing the Quran because of confusion and misunderstanding of the Quran's meaning, weak memories, disturbances from the environment, and problems in mastery of the Quran [20][21][22]. e level of Quran memorization among students in Darul Quran (an institute of Quranic Studies in Malaysia) also does not comply with their goal due to the lack of specific memorization techniques [7]. Tahfiz educational teachers need to be proficient in their Quran teaching methods and strategies through technological approaches [23] as well as identifying student learning styles to acquire knowledge [24]. However, most Tahfiz institutions applied the same Quran memorization method to the students without considering their students' learning styles. is is because different learners may require different approaches to memorize the Quran.
Recently, there has been an interest in memorizing the Quran due to the parental demand for their children to memorize the Quran. However, in the Tahfiz school curriculum, many students are unable to memorize all 30 juz within 3 years [25]. ere were four issues emphasized in Tahfiz Model Ulul Albab (TMUA) curriculum approaches [25].
is includes (a) the incapability of students to memorize 30 juz of Quran within 3 years; (b) students' inability to apply the memorization technique; (c) emphasizing on the language as the learning strategy mechanism; and (d) the existing mechanism that does not measure the memorization strategy. ese issues can be seen through their different achievements in memorizing the Quran among each other as well as the selection of models and strategies applied in their Quran memorization learning.

VARK Learning Style.
e VARK model is a set of learning styles that involves the use of a variety of senses [26]. is model contains four learning styles, namely, visual (V), auditory (A), reading (R), and kinesthetic (K). e following are four (4) features of the VARK learning style available to individuals: (i) individuals with a visual (V) tendency to learn through charts, diagrams, graphs, and symbols rather than words; (ii) individuals with aural/auditory tendencies (A) to learn through conversations, lectures, and discussions; (iii) individuals with a read/write (R) tendencies to learn through words and texts such as reports, assignments, essays, manuals, and slides; and (iv) individuals with kinesthetic (K) tendencies to learn through experiences, training, and simulations in the form of demonstrations, videos, movies, case studies, and applications.
Using a dominant VARK learning that adopts appropriate learning strategies and techniques may successfully engage the students' learning to produce quality learning performance [27,28]. Teaching students with the right style of learning is essential as the students can easily understand what they are learning. us, this may help students improve their learning to achieve good performance.

Memorizing Techniques.
ere are several memorizing techniques suitable to be applied in memorizing the Quran based on the observation report [29]. ey are summarized in Table 1.

Relevant Quran Memorization Application.
e previous works related to this research have been reported and summarized in our concept paper [39]. e paper reported the main features of the application versus our proposed Quran memorization tool features. However, in this paper, we are extending the report on the memorization technique that has been adapted. is is shown in Table 2.
It was found that most of the applications use repetition, open-close, and pointer/highlight techniques to facilitate the Quran memorization. Although some of the projects support the differences in individuals' VARK learning styles, however, it did not integrate with all memorizing techniques. Generally, these existing applications can show the text and play back the audio of the reciter with the looping method. Some of the applications also provide audio recording capabilities and memorization performance management.
erefore, there is a need for supplementary learning materials to support the Quran memorization based on VARK learning styles with other types of effective memorizing techniques. e motivation of the EzHifz application design was driven by the Quran memorization model developed in [39]. It integrates the VARK learning style mode, sensory memory, short-term memory, and long-term memory. However, the model developed has yet to be evaluated. It is believed that the utilization of multiple senses may support the differences in student preferences in VARK learning styles. Consequently, it may improve the memorizing performance among the students. us, the foundation design and development of the prototype in this research are based on this model.

Methods and Materials
e research applied the ADDIE model [42]. is is because the primary concept of this model is structured and directed. It consists of five major phases which include Analysis, Design, Develop, Implement, and Evaluate. e analysis phase was conducted based on two types of analyses, namely, user analysis, and task analysis. ese tasks were done through document review, questionnaires, and classroom observations. Fourteen students aged between 10 and 18 years from a Tahfiz Integration School in Sepang, Selangor, Malaysia, were involved in this phase. User analysis focused on understanding of the teaching methods used by teachers, Quran memorization methods practiced by the students, and their VARK learning styles, as well as their knowledge on using mobile devices as a tool for teaching and learning. Task analysis focused on the content of learning, instructional requirements, and learning outcomes. At the end of this phase, a list of user requirements was gathered.
In the design phase, a paper-based interface was designed grounded on the syllabus content, manual guide, and activities of Quran memorization. Multimedia presentation elements such as image, audio, video, and text are added and applied to the interactivity of each button provided. e integration of seven memorizing techniques was designed based on the VARK learning style in the process of Quran memorization.
During the development and implementation phase, the flowchart and storyboard were developed to show the entire process of the Quran memorization technique in the application (App) prototype. In the development of the prototype, multimedia elements were integrated with the

Repetition
Recurrence or replication of process that helps in strengthening the memory of what is being learned as it is a wellrehearsed method that helps to maintain the memory retention of the Quran for a long time [6,30,31]. Repetition of hearing or seeing affects the short-term memory [32]. Keyword A two-tier procedure to remember new words that have relevant components called acoustic and mental links [33].

Segmentation
Breaking up a long string into smaller manageable elements and it is implemented in the information or symbolic encoding for retaining long-term memory [34].

Visual map
Memorize facts through colored images; student can learn and memorize information easily through vision [35].
Open-close A method of opening and closing the mushaf (the written pages of the Quran) of the verse alternately while memorizing the Quran [36].

Highlight or pointer
A signaling principle in multimedia that improves learning when cues that highlight or point the essential materials are added. is includes outlines, headings, and a pointer that highlight printed text such as using bolding, italics, or underlining [37]. Even finger indicators are often used as indicators in the reading.

Association
A memorizing technique for students with high visual tendencies. ere are three types of graphical use, namely, migration maps, flowcharts, and contrast comparisons [38]. It helps students to remember well through the compilation and remapping of images coupled with color elements. Advances in Human-Computer Interaction 3 memorizing techniques based on the VARK learning style. e implementation output will be further explained in Section 5.
Alpha testing was carried out in the evaluation phase. In this evaluation, it was done with the experts only.
is evaluation aims to obtain responses from these experts for improvements to the application developed before the application is being tested with a wider community. e user acceptance test [43,44] and heuristic testing [45] were conducted to acquire feedback and suggestions to improve the functionality of the application. Two groups of participants were involved in this evaluation. Group A consists of three experts in Quran memorization and group B consists of three experts in the educational technology field. All participants have been working in their respective areas for more than 20 years, publishing journals as well as performing teaching in their respective fields.
Each participant was provided with the EzHifz application prototype and evaluation form to respond to any errors and weaknesses of the application. A digital recorder was used to capture the verbal feedback from the participants. e user acceptance test instrument uses a scale of "Pass" or "Fail" while the heuristic testing instrument uses a scale of agree (Yes) or disagree (No). e user acceptance test aimed to examine the functions of the interactive buttons and navigation procedures as well as record status after the application is closed. It consists of a list of 54 items conducted with group A participants (see Appendix 1). e heuristic testing instrument consisted of 38 items that were used for group A (see Appendix 2), while 48 items were used for group B (see Appendix 3) to test the application. For group A, the items were developed based on the aspects of its content, manual guide, memorization activities, performance information, and evaluation of tasmik (teacher guides, listens, and records the progression of memorizing the Quran individually). However, group B items were focused on the aspects of presentation design, interactivity, multimedia elements, attraction, and motivation. During the testing session, all participants went through the application. Feedback was given by them at the end of the session. e test session was conducted within an hour.
Materials for EzHifz application development include software and hardware. Adobe Photoshop and Illustrator were used for graphical editing. Action Script, HTML, and JavaScript were used for programming applications, SQLite was used for a database application, Garage Band and Adobe Premiere were used for audio and video editing, respectively, and BlueStack was used for Android applications. e hardware was in the form of PCs, laptops, and smartphones.

Screen Design.
e EzHifz application prototype is a standalone application that was developed for the Android platform. It is an offline application to facilitate individual students to freely access the application without an Internet connection. Surah Al-Insan (verse 76:1-31) from the Quran is used as the content of the prototype. e application contains several graphical user interfaces (GUI) such as home screen, main menu, profile menu, memorization menu, tasmik menu, and performance menu. e following describes each of the user interfaces in the EzHifz application. Figure 1 shows the home screen when the application is first launched. EzHifz's contents were developed in Bahasa Malaysia, the official language of Malaysia. Students may click on the screen to proceed to the main menu. e main menu is shown in Figure 2.
In the main menu, the students are provided with four options, that is, memorization menu (HAFAZAN), performance menu (PRESTASI), tasmik menu (TASMIK), and profile menu (PROFAIL). e remainder of this section will discuss those options.

Profile Menu.
e profile menu requires students to fill in their personal information such as name (NAMA HUFFAZ), age (UMUR), gender (JANTINA), phone (HUBUNGI), e-mail and category (KATEGORI) (either admin, teacher or student), and class (KELAS) as shown in Figure 3. Figure 4 shows the memorization menu with a full learning mode (V, A, R, and K) being activated. It includes multimedia elements such as images, audio, video, and text. is is where the idea of VARK learning style and memorizing techniques is being integrated.

Memorization Menu.
Integrating the VARK learning style with memorizing techniques such as repetition, keyword, segmentation, visual map, open-closed, pointer, highlighting, and association was implemented in the application to support the process of Quran memorization. e visual mode (V) depicts the translation of the meaning of the Quran verses applying segmentation and association techniques through dividing the verse into two or three small segments of colored objects or images (see the upper right corner of Figure 4). e audio mode (A) can be controlled by using the play-pause or playstop button. is enables a segmentation technique to be implemented while clicking the text or the Quran verse. It may help the student to control the process of memorizing lengthy Quran verses. e reading mode (R) includes the Quran verse and translation in the form of text that also applies segmentation and pointing or highlight techniques. e kinesthetic mode (K) provides a feature of a video of Quran verses using the movement of body motion and gesture. It shows a step-by-step drawing of images using a segmentation technique to enable students to refer to the movement shown in the kinesthetic submenu in Figure 5.
e open-closed technique is applied to the V, A, R, and K buttons labeled at the right-hand side of the interface.
is is to enable the memorization of verses according to individual preferences. For example, if a student wishes to use the visual and reading (V and R) mode as the preference of memorizing the verse, then this option can be activated by clicking V and R buttons. Upon clicking the buttons, the visual and reading modes will appear in the interface as shown in Figure 6. e visual map submenu combines all Quran verses in a single interface with an iconic text and image as a keyword.
is is to allow easy navigation between verses either to recall or memorize the Quran. is is shown in Figure 7. Students can freely select the verse that he/she wishes to start or continue to memorize from this submenu. e performance indicators are also displayed using red, blue, and green colors. ese colors serve as a guide to indicate which verses need attention from the student. Red indicates that there is more than one mistake that occurred when the student memorized the Quran. Blue indicates that memorizing has been improved; however, still there is at least one mistake that occurred, while green indicates that there is no mistake. ese color indicators are based on the input given by the teacher during the tasmik session. Figure 8 shows the tasmik menu. is menu is provided to the teachers to mark the student performance. Tasmik is one of the typical methods used by a teacher to track their students' progress in Quran memorization. Attributes like the date (TARIKH), surah's name (SURAH), verse number (AYAT), mode of learning (VARK), number of repetitions (ULANGAN), duration (TEMPOH), grade (GRED), and status are provided. A selection of grade buttons (such as A, B, C, D, and E) is given by the teacher to determine the student's current performance in memorizing each of the Quran verses. ese grades are equivalent to the "status" which is represented in color. Grade A is equivalent to green color and grade B is equivalent to blue, while grade C and beyond will be represented by red color. A teacher can access the menu by using a password as authentication. is is to maintain the integrity of the grades. Figure 9 shows the performance menu that displays the report of the student's evaluation. It tracks the date (TARIKH), surah's name (SURAH), verse number (AYAT), mode of learning (VARK), number of repetitions (ULANGAN), duration (TEMPOH), and performance status. e performance is indicated in color. e green dot represents grade A, i.e., Mumtaz (Excellent), the blue dot represents grade B, i.e., Jayyid (Good), and the red dot represents grade C and beyond, i.e., Maqbul (Acceptable). As mentioned earlier, the performance data in this report were derived from the tasmik session where the student is evaluated by the teacher.

Alpha Testing.
In this section, the results of the alpha testing are discussed in detail. Overall, the testing performed by the participants showed a positive result, although there were suggestions given for improvement. Descriptive statistics were calculated for quantitative measures. Audio recordings and open-ended responses were also reviewed. ese are reported in the remainder of this section.

User Acceptance Test.
e data of each of the attributes were measured and analyzed based on the index of    Advances in Human-Computer Interaction agreement using the Fleiss kappa coefficient (κ), which was an extension of Cohen's kappa introduced by Cohen [46]. Fleiss' kappa [47][48][49] is a measure of interrater agreement between two or more raters using data in a nominal scale to determine the level or strength of agreement. e ratings are divided into five categories as shown in Table 3.
Group B participants were engaged in carrying out the user acceptance test. Table 4 shows the analysis of the participants' feedback from the user acceptance test. e results show that the EzHifz application developed is functioning well for the two attributes, namely, the interactive buttons and navigation, as well as the status recorded after the application is closed.
e results show that the participant agreement is very good (κ � 0.850, i.e., three participants did agree). is shows that the majority of the participants provide a very good level of agreement concerning the user acceptance test based on the attributes evaluated.    Advances in Human-Computer Interaction

Heuristic Testing.
As mentioned in Section 4, six (6) participants were engaged in the heuristic testing of the EzHifz application prototype. ey are from group A and group B. Table 5 shows the analysis of the participants' feedback from the attributes provided in the heuristic testing. e results show that both groups agreed that the EzHifz application meets the requirements of design and development based on the attributes evaluated. Group A and group B evaluations show Fleiss's kappa values of 0.737 and 0.727, respectively. ese results show that the majority of the participants provide a good level of agreement of attributes for the items evaluated. e general comments from both groups regarding the content and design of the application were also collected. e following are the three key comments and suggestions from these participants for the betterment of the application.
(1) Clear and precise instruction for using the application environment is required. Although they liked the overall concept of selecting "VARK buttons" (i.e., that allow the user to choose their preferred VARK learning style) for the focusing strategies of learning memorization skills, the participants recognized that our intended users are inexperienced in the new technique introduced in the application. Some comments from them include the following: ". . .providing a narrator and/or "help" icon in each interface could assist users to easily navigate in the application environment." "either a demonstration or clear coaching from a researcher would be required to reduce confusion in differentiating between the four modes of learning." It is noted that the user requires precise instructions when using a new application. ese instructions may help users to navigate and use the application. Availability of options like a video demonstration or a help page on using the application may be a way forward to address this issue. However, this needs to be further studied before a decision can be made. (ii) Allow the application to be more engaging by strengthening teaching and learning. One of the participants suggested ". . . being able to build a module and training about the flow of the process in the Quran memorization application learning is important so that it will not deviate students from the learning objectives." " e selection and personalization of the character of the user in terms of their VARK learning style is a way to increase the user application engagement." All participants agreed that having a choice of the VARK learning style in memorizing the Quran will give options of learning approach for the students to use the application effectively. is availability may be further enhanced by personalizing the application according to the user preferences. is seems to be a good enrichment that could be brought to the application. (iii) Allow the application to be more attractive through effective design. Several comments were focused on the design and functionality of the multimedia elements used. Below are their comments: " e application should meet the standard interface in the aspect of color, buttons and text."   Our first impression was that the application is simple when it was built. However, for a new user who is unfamiliar with the application, a step-by-step guide is still required to navigate and use the application. is implied that a thorough study is needed on the application design before a design decision can be made.

Conclusion and Future Work
Overall, the alpha testing conducted helped to improve the quality of the application. is application has been designed and developed as a tool to evaluate the Quran memorization model presented in [39]. e evaluation results proved that it is possible to integrate the VARK learning style with memorization techniques. Choosing the right VARK student learning style inclination in using the application may create a stimulating and effective learning environment for students. e development of an attractive application interface also may enhance students' motivation as well as features that are easily accessible offline. e application also allows for the selfexploration of learning without the help of a teacher. is model may be suitable to be implemented in other domains that have a similar practice to this study; however, further studies are needed to be done to confirm this claim. e next stage of this research is to leverage the comments captured from the participants. Improvements to the application will be done and the prototype will be evaluated with a group of potential students to study the usability of the application.
is includes assessing the efficiency, effectiveness, learnability, acceptability, and user satisfaction towards the application in a real environment to aid the Quran memorization among students.
Data Availability e data generated or analyzed during this study are included within this article.

Conflicts of Interest
e authors declare that they have no conflicts of interest.

Supplementary Materials
Appendix 1 shows the details of the user acceptance form for the EzHifz application. Appendix 2 and Appendix 3 show the details of the heuristic testing form for Quran Memorization Content Expert and Educational Technology Expert, respectively, that were given during the evaluation. (Supplementary Materials)