Augmented Reality: Daily Prayers for Preschooler Student

— Education is one of the aspects that many synthesized with technology. Yet, this is contrary to the fact that where most of the learning materials are still based on text. This research aims to develop an alternative learning media by implementing Augmented Reality Technology for Preschooler students. Augmented Reality (AR) is an application that can combine the virtual object as text, pictures and animation into the real world. Development of Augmented Reality application uses Web Aurasma Based Studio, with learning materials of daily prayer for preschool student. The development of the characters and the animations were using Adobe Illustrator and Adobe After Effects. The results of the study showed that technology Augmented Reality can be used as an alternative learning media especially in the learning process in Preschool Al Fur-qon. This is because the content Augmented Reality in the form of animation can gives more understanding and attention for preschool student to follow the learning process


Introduction
In early education stage, education is not only focuses to develop brain function but it is also intended to soft motoric ability development. The development of soft motoric ability can be done by training children to do routine activities and tasks such as playing puzzle, blocks, inserting objects into the hole in the appropriate forms [1], shearers, attached and coloring. Soft motoric is the ability to relate to physical skills involving small muscles and coordination of the eyes and the hand. In a research done by Clark and Dunser [2], it is said that the Augmented Reality in the form of a book (learning media) can help the reader to interact with the content that is found in the book; moreover, they can easier understanding the learning materials. Hence, it is also increase their soft motoric abilities, communication skill and other basic skill [3] In this research, the implementation of Augmented Reality was build by entering materials about daily prayers within audiovisual form. It was expected that by using an interactive and attractive content, preschool student could be easier to understand and memorize the daily prayer.
The purpose of this research is to introduce the utilization of Augmented Reality for education to the community especially in early education stage. Moreover, it is also as an alternative media in teaching daily prayers for Preschool Student 2 Literature Review

Augmented Reality
Ronald T Azuma [4] explains that Augmented Reality is a technology that combines the real world and virtual, through an interactive, real time and 3 dimensional animation. The development of this technology is intended to obtain a system that combines the information in the real world with digital information. Augmented Reality technology first developed based on the detection of the image on a picture that is called as a marker. Picture that used in the development of this technology is a blackframed picture with specific patterns.
The use of Augmented Reality more widespread, not only in the field of technology but has implemented in many areas such as health, military, sports, property, manufacturing industry [5] and education.
The implementation of Augmented Reality has been used by some researchers, such as Bai [6] which is used Augmented Reality technology as learning media for Autistic children, Brandao [7] creates an application "An Augmented Reality Gamebook" for children with Autism Spectrum Disorder (ASD), Hafiza [8] Research on the framework of learning using Augmented Reality (Digital Story telling) for remedial student. The next research is the utilization of Augmented Reality textbook for future blended education by Ivanova [9]. Other applied Augmented reality technology was developed by Putu [10], which developed Balinese Dance application using AR technology approach.

Augmented Reality Application
Nowadays there are various kinds of Augmented Reality applications that can be applied in several aspects. Additionally, some applications can be utilize to develop Augmented Reality application, such as: Augment, Aurasma, BilppAR, Junaio, Screen, Wikitude, and Zappar. This research was applied Aurasma as application to develop daily prayers learning media. Aurasma is an Augmented Reality platform that provides ease for the user to create and Augmented Reality publish content [11].
Aurasma is a Web Based application that provides the ability for users to view and create content of Augmented Reality. Aurasma utilize the camera from mobile devices to interact with the content of Augmented Reality which is added to the marker, object or location that has been made as a target image [12].

Research Method
This research can be categorized into the development research, where learning media that developed in this research utilize technology of Augmented Reality. Multimedia Development methods is used in this research, which is developed by Luther-Sutopo [13]. Multimedia Development was chosen based on the steps of the method, where each stage is explained in detail and specific. There are 6 (six) stages used in Multimedia Development methods, i.e.; concept, design, material collecting, assembly, testing, distribution and implementation Research and Discussion

Concept
Based on the introduction it can be identified that utilization of Augmented Reality technology provides a positive impact to the understanding of learning materials for user [14] [15]. This is the underlying development application based on the Augmented Reality as an alternative learning media.

Types of Applications AR-based learning application
A user The user of the application is identified or intended for Preschool students aged 3-5 years and teachers, therefore the content will be adjusted with the level of age 3-5 years.

The Content
The contents are daily prayer for Preschool Student.

Pictures
Use the file format JPG, PNG, AI created using Adobe Illustrator CS5. The picture is also obtained from the internet.
Audio and video Using .MP4 format

Animation
The animation on the video is made using Adobe After Effects CS5 iJIM -Vol. 12, No. 1, 2018

Design
Design process was then done by created a marker design and animation layout design, which will be used as the Augmented Reality Content.
Marker. The marker used is the image of the character that is downloaded for free from the Internet and modified according to the needs. The marker is edited using the Adobe Illustrator application, and printed on the media in the form of a Flash Card.

Fig. 2. Marker Design
Animation Layout. The animation layout design contains the image of the characters, the writing of daily prayer in Latin and Arabic language. Each animation will be equipped with sound and audio that encloses the reading in Arabic language, and the meaning of the daily prayer in Indonesian language. Adobe After effects CS5 was used to developed the animation. The results from the development process will be in the form of mp.4.

Material Collecting
The materials needed in the making of this application are obtained from several sources on the Internet with some modifications.
Content . The main content of daily prayers refers to the prayer book of Preschool Al Furqon Merjosari, Malang City, as well as some information interviews with the teachers of Preschool Al Furqon. The materials that became the content of this application are: • Prayer Before Study • Prayer before dinner Pictures. Pictures that are used in this application are obtained from the Internet for free, with modification in certain parts to suit the requirements. Pictures that have been downloaded and then processed using the Adobe Illustrator CS5 application  Animation/ Audio Video. Animated Material/audio video is developed using the Adobe After Effects CS5. The process of the animation development was then build by combining some components including pictures, video and audio. The results then saved in .MP4 format. The selection of the format is based on the application specification (Aurasma) as well as the factors the quality of the results of the picture and sound that is adequate.

Assembly
The character that is used as a marker is created using adobe illustrator application. The process of making characters adjusted based on the AR content that will be used.   Create Content Aurasma. Aurasma Content creation can be done with the steps as follows: • Inserting the marker into the Aurasma Web based studio • Insert the overlay or animation that will be use as Augmented Reality Aurasma content. • Give the name of AR content available so that later will make it easier to search for content on the application Aurasma AR. • The last step is sharing Aurasma content, so other users can see it.

Testing
The first test was conducted with the purpose to verify whether the application has been running well in accordance with the design that is made earlier. The tests are performed against the marker that has been made by using mobile devices in this case is using android tablet with 7 inches screen. The test results showed that each of the markers could display Augmented Reality content satisfactory. The distance tests showed good results on the range distance 10-30 cm with normal lighting conditions indoor. Afterwards, the second phase of the test was performed by showed the Augmented Reality application to the preschool student. Although the students still have to be assisted by the teacher, yet they are looked interested with the application.

Distribution
The Augmented Reality application material then printed on paper in the form of Flashcard. Flashcard will give ease in the learning process because it is simpler from the book or other learning media.

Conclusion
From the above research results obtained some conclusions: 1. Learning Media using Augmented Reality Technology can be used as an alternative media to help the learning process in Preschool Al Furqon. 2. Learning Media using Augmented Reality is able to give more understanding and attention for Preschool students to follow the learning process, especially for daily prayer learning.