International Journal of Electrical and Computer Engineering (IJECE) Vol.
No.
February 2019, pp.
ISSN: 2088-8708.
DOI: 10.
11591/ijece.
Augmented reality application for chemical bonding based on android Alexander Setiawan.
Silvia Rostianingsih.
Timotius Reinaldo Widodo Informatics Department.
Petra Christian University Surabaya.
Indonesia
Article Info
ABSTRACT
Article history:
Augmented Reality can provide information that can be more easily understood by the user.
Because of its advantages.
Augmented Reality can be utilized to create learning applications that can support teaching and learning Chemical learning about chemical reactions is usually boring by This is because students only know the theory of the book and the explanation of teachers only.
This research utilized Augmented Reality to be able to see 3D model of each chemical element and also can see animation of merging between elements.
In order to bring up 3D objects of chemical elements then made a card that will be used as a marker / tracker.
In addition, there can be a combination of several chemical elements based on several cards detected from the camera.
The test is performed for chemical elements with periodic table such as H.
Ca.
Na.
Cl.
Br.
SO2.
CO2.
OH.
Testing the application by performing several merge elements such as HCl.
NaCl.
H20.
CO2.
MgS.
SO2.
O2.
CaCl2.
HCN.
N2, and others.
The results of this study will be tested on several students to see the benefits of student learning.
Received Mar 13, 2018 Revised Jul 18, 2018 Accepted Aug 5, 2018 Keywords:
Android Augmented reality Chemical element Marker Copyright A 2019 Institute of Advanced Engineering and Science.
All rights reserved.
Corresponding Author:
Alexander Setiawan.
Informatic Engineering Department.
Petra Christian University.
Siwalankerto 121-131 Surabaya.
East Java 60236.
Indonesia.
Email: alexander@petra.
INTRODUCTION
One interesting technology that can be developed in mobile applications is Augmented Reality.
Augmented Reality is a technology that combines two-dimensional or three-dimensional virtual objects into a real three-dimensional environment then projecting these virtual objects in real time.
Augmented Reality has a lot of benefits that can be applied in various fields, including health, manufacturing and reparations, entertainment, military, and education.
Augmented Reality can provide a picture or information that can be more easily understood by the user.
Because of its advantages.
Augmented Reality can be utilized to create learning applications that can support teaching and learning process.
Chemical learning about chemical reactions is usually boring by students.
This is because students only know the theory of the book and the explanation of teachers only.
By making applications that utilize Augmented Reality, students are expected to be more interested and enthusiastic to learn chemical reactions.
The use of Augmented Reality in learning has been tested on several school materials such as chemistry, mathematics .
, .
It was also tested on several college materials such as informatics and architecture .
, .
The study concluded that Augmented Reality helps student learning more effectively and students also positively argue with the application.
In addition, several other studies also use this application Augmented Reality to be able to see 3D models of each chemical element and also can see animation merging between Journal homepage: http://iaescore.
com/journals/index.
php/IJECE A ISSN: 2088-8708
RELATED RESEARCH
Augmented reality Augmented Reality (AR) is a variation of the Virtual Environment (VE) or commonly known as Virtual Reality .
Augmented reality can be defined as able to deal with the new information immediately direct or indirect therefore influence the physical real-world environment has been enhanced/augmented were by adding virtual computer-generated information to it .
, .
Also, the AR is defined by Azuma in 1997 .
He indicates that the AR is not only restricted to the technical hardware whereas it brings the real and virtual items together in a real environment.
In addition, it records the real and virtual objects together and then runs jointly in real time in three dimensions .
Augmented reality component Some of the components required in the manufacture and development of Augmented Reality applications are follows hardware, software, marker .
The marker is physical objects or places where virtual and real environments merge.
It is identified as a place to bring up digital information.
The use of markers in Augmented reality aplications depends on the libraries used in their development.
The examples of marker can be seen on Figure 1.
Figure 1.
The example of marker Source: http://w.
com/wp-content/uploads/2010/01/armarker.
Android Android provides an open platform for developers to create their own applications.
Initially developed by Android Inc.
For its development, formed the Open Handset Alliance (OHA), a consortium of 34 hardware companies, software companies, and telecommunications, including Google.
HTC.
Intel.
Motorola.
Qualcomm.
T-Mobile, and NVIDIA.
The open nature of Android that has made a large number of communities have sprung up application developers to use Android as the basis for the project of making applications, by adding new features for Android on the devices officially released by using another operating system.
Android is a software stack for mobile devices that includes an operating system, middleware and key applications.
The Android SDK provides the tools and APIs necessary to begin developing applications on the Android platform using the Java programming language .
AJAX
AJAX is a technique to make the display more quickly and dynamically.
AJAX allows the display can perform updates by exchanging small amounts of data.
This will increase interactivity, speed, and usability .
AJAX is a combination of:
DOM accessed with a client-side scripting language to dynamically display and interact with information displayed Objects from Microsoft XMLHTTP or XMLHttpRequest more commonly implemented in some This object is useful as a vehicle exchange of data asynchronously with the web server.
some frameworks AJAX.
HTML IFrame element preferred over XMLHTTP or XMLHttpRequest to exchange data with the web server.
Webserver is a provider of a web service through HTTP or HTTPS Int J Elec & Comp Eng.
Vol.
No.
February 2019 : 446 - 451
Int J Elec & Comp Eng
ISSN: 2088-8708
Webserver system will be accessible through Location Based Service.
Webserver to be used is already integrated with Apache PHP components .
XML is commonly used as a transfer document, although other formats are also possible, such as HTML, plain text.
XML is recommended in the use of AJAX techniques for handling ease of access by using DOM
JSON can be an alternative choice as a transfer document, given JSON is JavaScript itself making handling easier
ANALYSIS AND RESULTS
Analysis of Needs Make Android based mobile application that can be easily accessed by the user so as to facilitate the recognition process through the application of chemical bonding In this application the necessary features to provide marker and image so that the user can learn and remember more about the learning through information given and practical for use on mobile learning applications .
Resut This process begins with the AR camera being dislodged.
The AR camera then detects the marker Once the marker is detected, the app matches the marker with an existing dataset.
When it matches the existing dataset then on the mobile screen will appear 3D objects above the marker.
3D object show process can be seen in Figure 2.
Show 3D Object Vufor ia AR Camera On Marker Detected End In Dataset Show 3D Object According Marker Figure 2.
Flowchart show 3D object The marker used in the AuChemical Bonding ApplicationAy is in the form of a hexagon card made simple but still interesting.
Card design of marker used in this application can be seen in Figure 3.
Card or marker designs are made different even though they contain one element in common because if the marker is made the same, the marker will detect one type even though the card is different and only bring up a 3D object.
Augmented reality application for chemical bonding based on androidA (Alexander Setiawa.
A ISSN: 2088-8708 Figure 3.
The design of marker Android device testing is done by using Android 2 devices, among others.
Sony Xperia M2 and Lenovo A7-30.
Specifications devices can be seen in Table 1.
Table 1.
Table Specifications Device Operating System Sony Xperia M2 Android 5.
Lenovo A7-30
A3300
Android 4.
Display Size 8" .
x 540 pixels & 16,777,216-colour TFT) 0" .
x 1024 pixels & 16M colour TFT) CPU
2 GHz Qualcomm
MSM8926 Quad Core
3 GHz Quad Core
Memory Camera Size
1 GB RAM
8 MP
1 GB RAM
2 MP
The test is done by directing the mobile camera on the marker and then measured at what distance the marker can be recognized and can bring up the 3D object.
Page view 3D object that can be selected by the user through the superbly specified point coordinates can be seen in Figure 4 and Figure 5.
Figure 4 shows the test results against the precision of 3D objects that appear using Sony Xperia M2 device.
From the test can be obtained results that the 3D Object that appears has been in accordance with the marker.
The Figure 5 shows the test results against the precision of 3D objects that appear using Lenovo A730 device.
From the test can be obtained results that the 3D Object that appears has been in accordance with the marker.
Testing the next stage is done to see if 3D Object can react with another 3D Object if the marker has entered a predetermined distance.
The test is divided namely, conformity information presented for each element, testing of 4 3D objects that have a reaction.
This test is performed to see the movement of four 3D Objects that have a reaction.
This test is done by directing the camera on four different markers and having reactions to each other.
The Figure 6 is a test of 4 Object 3D that has a reaction using Sony Xperia M2 device.
From the test results obtained that the 3D Object can react by moving and join the other 3D Object according to the relationship of the reaction.
The testing of 4 Object 3D that has a reaction using Lenovo A7-30 devices.
From the test results obtained that the 3D Object can react by moving and join the other 3D Object according to the relationship of the reaction can be seen Figure 7.
Int J Elec & Comp Eng.
Vol.
No.
February 2019 : 446 - 451
Int J Elec & Comp Eng
ISSN: 2088-8708
Figure 4.
Test of 3D object xperia M2 object Figure 5.
Test of 3D object lenovo A7-30 accuracy Figure 6.
Testing the four object 3D with Sony Xperia M2 device Augmented reality application for chemical bonding based on androidA (Alexander Setiawa.
A ISSN: 2088-8708 Figure 7.
Testing the four Object 3D with lenovo A7-30 device CONCLUSION At the end of the design and development of application program for the chemical bonding application, some conclusions can be drawn through the test.
The Markers are made different from each other because one marker image can only be detected as a So to bring up more than one of the same elements requires markers with different shapes or The marker detection by the mobile camera is running well, the marker is recognizable so as to bring up the corresponding 3D objects.
Marker H raises the 3D element element H.
The chemical bonding application can generate annotations for each element.
Description of the element name, atomic number, mass number, oxidation number and the shape of the element.
Applications can run a 3D object pooling of elements that have a bond to form a compound.
REFERENCES