AR MODEL APPLICATION

BASED ON SOLAR SYSTEM CARD FOR KIDS

SITI ZURAIDAH BINTI MOHAMAD JARKASI

Bachelor of Information Technology (Media Informatic) with Honours

Faculty of Informatics and Computing

University Sultan Zainal Abidin, Terengganu, Malaysia

2019
 DECLARATION

I hereby declare that this report is based on my original work except for quotation and

citations, which have been duly acknowledged. I also declare that it has not been

previously or concurrently submitted for any other degree at University of Sultan Zainal

Abidin or other institution.

NAME: SITI ZURAIDAH BINTI MOHAMAD

JARKASI

DATE: MAY 2019

i
 CONFIRMATION

This is to confirm that:

The research is conducted and the writing of this report was under my supervision

NAME: MR. MOHD KAMIR BIN YUSOF

DATE: MAY 2019

ii
 DEDICATION

I would like to dedicate my project to my beloved mother and father, Mohamad Jarkasi

Bin Makon and Habibah Binti Sadli who have taught me to be patient and never give

up in everything that we did and always told me to be a hardworking person in every

task we did. I would also like to dedicate this to my friends Nur Zarith Akilla binti

Amboaka and Azawiyah binti Abu Talib who have inspired me and give me opinion

and motivation throughout this year. Not to forget my respectful supervisor, En Kamir

bin Mohd Yusof and my fellow friends from Bachelor of Information Technology

(Media Informatic) who have help me through a lot in my journey finishing this project.

iii
 ABSTRACT

Nowadays, the use of technology is increasing and expanding in human life. The

use of technology has expanded into many fields including research, doctoral,

educational, and many more. The technology used in education especially in early

education for children is to add more knowledge and help educators to teach more

effectively. However, many of school especially in the rural area still lacks of the

learning aid tool that help student in their studies. Thus, learning become boring and

difficult. Therefore, with the advent of AR model Application based on Solar system

for Kids these children can use technology properly. This interactive flashcard also

provides an opportunity for these children to interact with technology in form of

Augmented Reality in two language. This project is able to provide an effective learning

aid tool for student besides providing opportunities for these children to study and use

AR (Augmented Reality) technology in their early age. A variety of multimedia

elements are provided in this AR Application with the aim of attracting children to

learning. In conclusion, this project can help children learn more effectively and become

part of an IT-savvy child.

iv
 ABSTRAK

Dewasa kini, penggunaan teknologi semakin meluas dalam kehidupan manusia

malah telah berkembang dalam pelbagai bidang termasuk penyelidikan, kedoktoran,

pendidikan, dan banyak lagi. Teknologi yang digunakan dalam pendidikan

terutamanya dalam pendidikan awal untuk kanak-kanak adalah menambah

pengetahuan dan membantu pendidik untuk mengajar dengan lebih berkesan. Walau

bagaimanapun, banyak sekolah terutamanya di kawasan luar bandar masih tidak

mempunyai alat bantuan pembelajaran yang berkesan untuk membantu pelajar dalam

pengajian mereka. Oleh itu, pembelajaran menjadi membosankan dan sukar. Selain itu,

kanak-kanak sering menyalahgunakan teknologi yang sedia ada dan menyebabkan

masa mereka terbuang dengan perkara yang tidak berfaedah. Oleh itu, dengan adanya

aplikasi Model AR berdasarkan sistem Suria untuk Kanak-kanak, mereka boleh

menggunakan teknologi dengan betul. Di samping itu, flashcard interaktif ini juga

memberi peluang kepada kanak-kanak ini untuk berinteraksi dengan teknologi dalam

bentuk realiti maya dalam dua bahasa. Objektif projek ini adalah untuk menyediakan

alat bantuan pembelajaran yang berkesan untuk pelajar selain menyediakan peluang

untuk kanak-kanak ini belajar dan menggunakan teknologi AR (Augmented Reality)

pada usia muda mereka. Projek ini juga boleh memberi manfaat kepada ibu bapa dan

guru dalam mengajar kanak-kanak dengan lebih berkesan. Pelbagai elemen

multimedia disediakan dalam Aplikasi untuk menarik minat kanak-kanak untuk belajar.

Kesimpulannya, projek ini dapat membantu kanak-kanak belajar dengan lebih

berkesan dan menjadi sebahagian daripada kanak-kanak yang bijak IT.

v
 TABLE OF CONTENT

DECLARATION .......................................................................................................i

CONFIRMATION ................................................................................................... ii

DEDICATION ........................................................................................................ iii

ABSTRACT ............................................................................................................. iv

ABSTRAK ................................................................................................................ v

LIST OF FIGURES .................................................................................................. x

LIST OF TABLES ................................................................................................. xiv

LIST OF APPENDICES ........................................................................................ xv

CHAPTER 1 ............................................................................................................. 1

INTRODUCTION .................................................................................................... 1

1.1 BACKGROUND ............................................................................................... 1

1.2 PROBLEM STATEMENT ................................................................................ 2

1.3 OBJECTIVE ..................................................................................................... 3

1.4 SCOPE .............................................................................................................. 4

1.5 LIMITATION OF WORK................................................................................. 5

1.6 EXPECTED RESULT....................................................................................... 5

1.7 REPORT STRUCTURE .................................................................................... 6

vi
CHAPTER 2 ............................................................................................................. 7

LITERATURE REVIEW ......................................................................................... 7

2.1 INTRODUCTION ............................................................................................. 7

2.2 AUGMENTED REALITY ................................................................................ 7

2.2.1 AUGMENTED REALITY HISTORY ........................................................ 8

2.3 SOLAR SYSTEM ............................................................................................. 9

2.4 ANALYSIS TECHNQUE OF EXISTING SYSTEM/PROJECT ....................... 9

2.5 COMPARISON TABLE OF EXISTING SYSTEM/PROJECT ....................... 14

2.6 SUMMARY .................................................................................................... 16

CHAPTER 3 ........................................................................................................... 17

METHODOLOGY ................................................................................................. 17

3.1 INTRODUCTION ........................................................................................... 17

3.2 PROBLEM DEFINITION ............................................................................... 18

3.3 RESEARCH OBJECTIVES ............................................................................ 19

3.4 RESEARCH HYPOTHESIS ........................................................................... 20

3.5 RESEARCH DESIGN..................................................................................... 21

3.6 SYSTEM DEVELOPMENT METHODOLOGY ............................................ 24

3.6.1 PREPRODUCTION ................................................................................. 24

3.6.2 PRODUCTION ........................................................................................ 28

3.6.3 POSTPRODUCTION ............................................................................... 30

vii
 3.7 FINDINGS ...................................................................................................... 31

3.8 SUMMARY .................................................................................................... 31

CHAPTER 4 ........................................................................................................... 32

APPLICATION DESIGN ..................................................................................... 32

4.1 INTRODUCTION ........................................................................................... 32

4.2 INITIAL DESIGN........................................................................................... 33

4.2.1 FRAMEWORK ........................................................................................ 33

4.2.2 FLOW CHART ........................................................................................ 34

4.2.3 STORYBOARD ....................................................................................... 36

4.3 CONTENT DESIGN ....................................................................................... 38

4.3.1 INTERFACE DESIGN ............................................................................. 38

4.3.2 FLASH CARD DESIGN .......................................................................... 39

4.3.3 3D OBJECT MODELLING...................................................................... 40

4.3.4 ANIMATION ........................................................................................... 41

4.3.5 DATABASE SETTING ............................................................................ 42

4.4 INTERACTIVITY DESIGN ........................................................................... 45

4.4.1 AR CAMERA SETUP .............................................................................. 45

4.4.2 SOURCE CODE....................................................................................... 46

4.5 SUMMARY .................................................................................................... 49

viii
CHAPTER 5 ........................................................................................................... 50

IMPLEMENTATION AND RESULT ................................................................... 50

5.1 INTRODUCTION ........................................................................................... 50

5.2 IMPLEMENTATION ..................................................................................... 51

5.2.1 HOME PAGE ........................................................................................... 51

5.2.2 AR CAMERA .......................................................................................... 54

5.2.3 LET SING ................................................................................................ 59

5.2.4 AR MARKER .......................................................................................... 62

5.3 USER TESTING ............................................................................................. 74

5.4 RESULT ......................................................................................................... 77

5.4 SUMMARY .................................................................................................... 77

CHAPTER 6 ........................................................................................................... 78

CONCLUSION ....................................................................................................... 78

6.1 INTRODUCTION ........................................................................................... 78

6.2 PROJECT CONTRIBUTION .......................................................................... 78

6.3 PROBLEM AND LIMITATION ..................................................................... 79

6.4 FUTURE WORK ............................................................................................ 80

6.5 SUMMARY .................................................................................................... 80

REFERENCES ....................................................................................................... 81

ix
 LIST OF FIGURES

Figure 3.1: Steps in Research Methodology ............................................................... 18

Figure 3.2: Research Design Process ........................................................................... 23

Figure 3.3: 3D Production Pipeline .............................................................................. 24

Figure 3.4: The Module that Contain in this Project ................................................... 26

Figure 4.1: Framework ................................................................................................. 33

Figure 4.2: The Flow of the Application ..................................................................... 34

Figure 4.3: Storyboard of Home page and AR Camera ............................................. 36

Figure 4.4: Storyboard of Solar System Info and Earth ............................................. 36

Figure 4.5: Storyboard of Earth Info and Let Sing Button ........................................ 37

Figure 4.6: Storyboard of Memorize Video and Homepage ..................................... 37

Figure 4.7: Menu Interface ........................................................................................... 38

Figure 4.8: AR Camera Interface ................................................................................. 39

Figure 4.9: Flashcard Design ........................................................................................ 40

Figure 4.10: 3D object Modelling and Texturing ........................................................ 41

Figure 4.11: 3D object Animation ................................................................................ 42

Figure 4.12: Upload Image to Vuforia Developer ....................................................... 43

Figure 4.13: Vuforia Developer Portal......................................................................... 43

Figure 4.14: Image target Database Feature ................................................................ 44

Figure 4.15: AR Camera Setup ..................................................................................... 45

x
Figure 4.16: Import Image Target into Unity .............................................................. 46

Figure 4.17: Embeded The Spin Source Code into The Object ................................. 47

Figure 4.18: Embeded The Rotate Source Code into The Object .............................. 47

Figure 4.19: Embeded The Zoom Source Code into The Object ............................... 48

Figure 4.20: Embeded The Move Source Code into The Object ............................... 48

Figure 4.21: SpinMercury Code ................................................................................... 49

Figure 5.1: Home Page ................................................................................................. 51

Figure 5.2: About Apps ................................................................................................ 52

Figure 5.3: User Guide ................................................................................................. 52

Figure 5.4: Confirmation Exit Panel ........................................................................... 53

Figure 5.5: AR Camera ................................................................................................ 54

Figure 5.6: Display Info Panel in English ................................................................... 55

Figure 5.7: Display Info Panel in Malay ...................................................................... 55

Figure 5.8: Object before Zoom .................................................................................. 56

Figure 5.9: Object Zoom .............................................................................................. 57

Figure 5.10: Object Move ............................................................................................ 57

Figure 5.11: Confirmation exit Panel .......................................................................... 58

Figure 5.12: Let Sing Panel ......................................................................................... 59

Figure 5.13: Video Clip Screenshot (first part) .......................................................... 60

Figure 5.14: Video Clip Screenshot (second part) ...................................................... 60

Figure 5.15: Video Clip Screenshot (third part) .......................................................... 61

Figure 5.16: Video Clip Screenshot (last part) ............................................................ 61

xi
Figure 5.17: Solar System AR Marker ......................................................................... 63

Figure 5.18: Solar System Marker Features ............................................................... 63

Figure 5.19: Sun AR Marker ....................................................................................... 64

Figure 5.20: Sun Marker Features ................................................................................ 64

Figure 5.21: Moon AR Marker ..................................................................................... 65

Figure 5.22: Moon Marker Features............................................................................. 65

Figure 5.23: Mercury AR Marker ................................................................................ 66

Figure 5.24: Mercury Marker Features ........................................................................ 66

Figure 5.25: Venus AR Marker .................................................................................... 67

Figure 5.26: Venus Marker Features ........................................................................... 67

Figure 5.27: Earth AR Marker ...................................................................................... 68

Figure 5.28: Earth Marker Features ............................................................................. 68

Figure 5.29: Mars AR Marker ...................................................................................... 69

Figure 5.30: Mars Marker Features .............................................................................. 69

Figure 5.31: Jupiter AR Marker ................................................................................... 70

Figure 5.32: Jupiter Marker Features ........................................................................... 70

Figure 5.33: Saturn AR Marker .................................................................................... 71

Figure 5.34: Saturn Marker Features............................................................................ 71

Figure 5.35: Uranus AR Marker ................................................................................... 72

Figure 5.36: Uranus Marker Features .......................................................................... 72

Figure 5.37: Neptune AR Marker ................................................................................ 73

Figure 5.38: Neptune Marker Features ........................................................................ 73

xii
Figure 5.39: Pie chart Result of Question One ............................................................ 74

Figure 5.40: Pie chart Result of Question Two ........................................................... 75

Figure 5.41: Pie chart Result of Question Three ......................................................... 75

Figure 5.42: Pie chart Result of Question Four ........................................................... 76

Figure 5.43: Feedback Result from User ..................................................................... 76

xiii
 LIST OF TABLES

Table 2.1: Comparison Table of the Existing System................................................. 14

Table 3.1: Result from Data Collection Method ......................................................... 21

Table 3.2: Development tool ........................................................................................ 27

xiv
 LIST OF APPENDICES

Appendix A: Final Year Project I Gantt Chart ............................................................ 84

Appendix B: Final Year Project II Gantt Chart ........................................................... 86

Appendix C: Questionnaire Form ................................................................................ 87

Appendix D: Picture of User testing at SK Keluang ................................................... 88

xv
 CHAPTER 1

INTRODUCTION

1.1 Background

In the 21st century, the learning process not only occurs in the classroom and

based on the textbooks only. One change that can be identified in this century is that the

learning process becomes more interactive and productive with the use of technology

tools in education. Before, the learning process is just reading, writing and counting but

now it involves ICT skills with digital-based teaching aids.

Among the Nine challenges in the 2020 vision that our Prime Minister Tun Dr

Mahathir Mohamad has pointed out is "to create a scientific and progressive society, a

society that contributes to future scientific and technological civilization." To achieve

this endeavour Malaysia has introduced various science and technology courses at all

levels of education to attract students to grasp it.

However, the students were less interested in the subject of science because of

the mediation language that being used is in English since there was no exposure since

childhood especially for the rural area student. Furthermore, most teaching aids based

on digital or electronic, only involve one-way communication and less effective for

students with IQs that differ from ordinary students. Hence, many students are seen as

1
having difficulties when dealing with subjects that have complex concepts and require

high visualization skills such as science.

Therefore, teaching aids based on Augmented reality technology was introduced

to enhance student motivation in learning especially for science subjects. Augmented

reality is the integration of digital information with the user's environment in real time.

Unlike virtual reality, which creates a totally artificial environment, augmented reality

uses the existing environment and overlays new information on top of it. (Rouse,

2016)The solution to the problem is with the AR Model based on Solar System Card

for Kids in recognizing our solar system. Although its syllabus is based on syllabus of

science standard 4, but it is also suitable to be used as the first home teaching aid tool

for children as early as 5 years old because it has interesting multimedia elements such

as animation, image, audio, text and video yet it is very simple and useful.

1.2 Problem Statement

There are various augmented reality applications of solar systems that have been

developed to attract children into science subjects. But its lacking in lot of aspect. For

example, most of the application are develop not based on the actual syllabus of science

subject for the topic of solar system that were taught in school. However, lot of

information still are not available in the application. Besides, it’s does not have

additional features that very interactive and the function is limited. So, this kind of

application is not practical anymore. In this section, the main purpose of problem

statement is to focus the attention of solution to the problems. There are three main

problems currently.

2
 i. Student is having difficulty to understand and adapt with subjects that

have complex concepts & high visualization like science subject. Thus,

the learning process become less interesting and boring.

ii. Children are not exposed to more interactive learning aids tool in their

school or home

iii. Most of the learning materials have only in one language, which makes

it difficult for weak students or different IQ’s to understand the subject

more easily and effectively.

Without the effective learning aid tool, the learning process become less interesting

and difficult to them to understand about the certain topic. As we know an early

exposure through the effective learning aid tool in studies is very important to

increase their interest in a certain subject. Concise descriptions of the issues stated

need to be addressed to deal with the problem.

1.3 Objectives

There are the following objectives of AR Model based on Solar System Card for

Kids are:

i. To study an existing learning aid tool with AR technology approach in early

stage of age for a certain topic in subject science.

ii. To design a learning aid tool that help student in their studies with the help

of five element multimedia which is text, image, audio, video and animation

using the AR technology

3
 iii. To develop an application based on AR technology as a student learning tool

with two language provided, in Malays and in English in a form of flash card

1.4 Scope

The scope of this study is divided into:

i. Technology. This card using Augmented Reality technology with 3D

modelling technique using Maya software and unity 3D software to model

the system solar. For the solar system illustration is by using adobe

photoshop and adobe Illustrator. For the AR features by using Vuforia

Augmented Reality SDK to detect and track the target, marker-based

technique is used for this AR application. C# language as the program

language.

ii. Module. The module in this AR card include language selection, scanning

image on the card, knows the name of the planet and others solar system

features, the fact about the planet, and formulas how to memorize the name

of the planet.

iii. Age. This project age scope is focused on kid that age 10 years old that

learning about system solar in their syllabus on subject science standard 4

their learning aid tool in their age at home.

4
1.5 Limitation Work

A limitation is any aspect that hinders a study and its findings. (Moura, 2017) . This

AR model based on Solar System Card for kids is limited by two aspect:

i. This Application is applicable only for android user which is not supported

in websites and IOS operating system

ii. This Application implement physical button only for the interaction between

user and the application.

1.6 Expected Result

At the end of the project, the expected outcome of the proposed project development

is as follows:

i. This application providing a complex syllabus in form of Augmented

Reality for the better understanding for student in standard 4 (10 years old

kids)

ii. This application as an interactive tool for kids in learning process about

science subject in order to attract their interest toward science and

technology.

5
1.7 Report Structure

This report consists of five chapters. Chapter 1 is introduced that contains

project background, problem statement, objectives, scopes and thesis structure. Chapter

2 is literature review and discuss the technique and theory that had been carried out by

another researcher and existing project that related to the on-going project. Chapter 3 is

a methodology that discusses method or technique that are used in the project and

Chapter 4 discussed about storyboard of the project and specifying in detail design of

development projects. Chapter 5 is the development and implementation of the project.

Chapter 6 is the conclusion of the overall project followed by references.

6
 CHAPTER 2

LITERATURE REVIEW

2.1 Introduction

This chapter discusses about previous work or related work about Augmented

Reality flash card for Solar System project. The literature review involving process of

read, evaluating and analysed the available literature related to the selected area of a

project to introduce a need for a new research. In this project literature review, a

research has been made to understand and get some overview about existing project and

related technology.

2.2 Augmented Reality

Augmented reality is the integration of digital information with the user's environment

in real time. Unlike virtual reality, which creates a totally artificial environment,

augmented reality uses the existing environment and overlays new information on top

of it (Rouse, 2016).

7
2.2.1 Augmented Reality History

The beginning of the AR idea was in 1950s when Morton Heilig, a motion cameraman,

believed that cinema as an art that should be able to attract the audience into the screen.

During 1962, Heilig developed his idea model, called in 1955 as "The Cinema of the

Future", known as Sensorama, which existed before digital computing. (Abrar Omar

Alkhamisi, 2013).

Then the first Augmented Reality was first invented by a Professor and

Computer Scientist from Harvard name Ivan Sutherland in 1968. He invented a device

that he called The Sword of Damocles which is a head-mounted display. This device is

the first sort of augmented reality device that being invented by him and his student,

Bob Sproull. (Isberto, Technology News: The History of Augmented Reality, 2018)

During 1975 an artificial reality laboratory was established by Myron Krueger. This

laboratory or this video place is an area where user can deal with the virtual elements

for the first time easily.

Hence AR become a field of study in the early of 1990s. The first survey about

AR was conducted by Ronald Azuma in 1997 to introduced the exact meaning of AR

whereas he defined AR as assembling real and virtual environment together while both

of them is being recorded in 3D and interactive in real time. In 2000 the first mobile AR

game was invented by Bruce Thomas. This mobile AR game was displayed during the

International Symposium on Wearable Computers. Subsequently, more AR apps have

been designed primarily with mobile apps. e.g. Wikitude. After that, AR Travel Guide

was created in 2008. (Abrar Omar Alkhamisi, 2013) Figure 2.1 below show how the

Augmented Reality workflow.

8
2.3 Solar System

A solar system is a star and all of the objects that travel around it—planets, moons,

asteroids, comets and meteoroids. Most stars host their own planets, so there are likely

tens of billions of other solar systems in the Milky Way galaxy alone. Solar systems can

also have more than one star. These are called binary star systems if there are two stars,

or multi-star systems if there are three or more stars. The solar system we call home is

located in an outer spiral arm of the vast Milky Way galaxy. It consists of the Sun (our

star) and everything that orbits around it. This includes the eight planets and their natural

satellites (such as our moon), dwarf planets and their satellites, as well as asteroids,

comets and countless particles of smaller debris.

2.4 Analysis Technique of existing System/Project

Four previous techniques have been studied in this section. Many of them are using

different technique to make the system/project. Some of them are using marker less

detection technique while the other is using marker-based detection technique. There

are some advantage and disadvantage that can be analyse for the added value that can

be apply to the on-going system /project.

9
2.4.1 Simulation of Investigating the Earth and Universe Using Interactive
Mobile Augmented Reality Based on Smart Evaluation

Mobile Augmented Reality (MAR) is a new emerging display paradigm

allowing virtual content to be displayed in a way that gives illusion of co-presence of

the real and virtual. Camera captures the basic form the image markers in real

environment and augmenting with information in display to projecting the reality of

image and mainly focus AR-Solar-System on smart phone for practical book. The

objectives of this project are to improve learning process is categorized on school text-

book. The application was built with text-based AR solar system that can help student

directly accessing any info on their text book and the smartphones will display once

they learn from text book and directly access the image of AR-solar system. The

practical book is change for the application.

The description will be printed beside the markers and those markers will be

held the augmented images of solar system. When the markers are placed onto the

ceiling or somewhere, it is inconvenient to measure the transformation of these markers

manually. Therefore, they developed a simple measurement tool to generate the

configuration of all the markers. The idea of this work is very similar to that of the

calibration of two cameras. One can consider that each marker defines a local coordinate

system and its configuration is corresponding to a transformation matrix to the world

coordinate system. If the users move around and view in a large working space with

same book then it should be a good choice the commercial tracking system. But these

commercial systems often cost effective, so the users as a school student may not be

willing to afford it (Behrang Parhizkar, Lashkari, Jubair, & Zahra Mohana Gebril, 2012)

10
2.4.2 Augmented Reality Based Educational Tool on Live Solar System (LSS)

Before the design and development of Live Solar System (LSS) an initial

analysis was carried out at two secondary schools located in the state of Pahang,

Malaysia. The sample of study consisted of 100 form 3 students and 8 science teachers.

Based on the interview result there are several problems that can be identified during

the learning process for astronomy subject. One of them is student difficult to

understand the phenomena on astronomy because they weak in visualization and

imagination the concept. The fact that the teacher needs to use 3-Dimensional way like

object, animation and graphic to help the students. So, this LSS was develop to show

the solar system for the teaching and learning purpose of the topic Astronomy using

AR Technology for Form 3 Students, based on Stars and Galaxies topic in their

syllabus. This (LSS) Educational tool does help student to learn the astronomy but

various software was used in developing the prototype which is users needed the

additional hardware in order to use the prototype. That hardware includes the Webcam,

marker HMD or monitor because they are essential components in the implementation

of LSS where it is difficult, less interactive and highly cost. The webcam used to capture

image also essential by the AR system to detect and track the marker. It is important to

ensure the accuracy of 3D registration on the associated markers. Meanwhile the Head-

Mounted-Display function was to display the composite image. The output image is

being processed to overlay 3-Dimensional virtual objects. HMD output resolution must

be equipped with the same resolution or greater than Webcam. However, the monitor is

as alternative choice if the user unable to afford the cost. For the marker the using black

and white colour marker and have their own ID in the AR system in order to able the

webcam to capture the image.

11
2.4.3 Innovative Learning of Solar System using Augmented Reality for Primary
School Student

According to (Zahra Mohana Gebril,Koo Ah-Choo, Yuen May-Chan,Behrang

Parhizkar, 2012) in Malaysia, the Science subject is one of the core subjects in the upper

primary level where student would have to sit for it in the UPSR (Primary School

Evaluation Examination). Therefore, they develop the Solar System Planetary for

Standard 4 students through Augmented Reality Technology. The objective of this

proposed project is to help students learn the subject more easily, while ensuring that

teachers can transfer appropriate knowledge to the students. Those material also are

expected to make the teaching and learning session more interesting and more effective

since the student are having problem in understanding the subject while most of

astronomy resources currently available to students are in the form of 2D. As the system

design being carried out, the texture of the planets is obtained and information about

the planets is obtained during the data collection stage as the first step. After the coding

and development stage being implement, a webcam is used as a tool to capture the

markers.

The system output which is the virtual object then are projected on the marker

and will display in video stream. However, the marker that being used is Hiro marker

which is less interesting especially for student.

2.4.4 Astronomy for Kids E-Learning System using Marker less Augmented
Reality

According to (Dalim, Astronomy for Kids E-Learning System using Markerless

Augmented reality, 2013) authors Junco and Mastrodicasa provided the result of their

research study about the personality profiles of millennials, or commonly known as

Generation Y. In their 2007 book, they reported that generation Y whom we many

12
define as those who were born between 1983 to early 2000 using technology at higher

rates compared to people from other generation. These findings may explain why

today's children, especially those in primary school, prefer to use digital devices as

opposed to their textbooks.

Therefore, the problem arises to educator as well as parents in a teaching process

because now days students find it boring to use their textbook except for classroom

activities. As we know that textbooks are the main references for a student as it is

representing the actual standard in learning process. Besides that, the other problem that

have been identified with today’s education process is the way of the knowledge

delivery to the student. The conventional linear teaching methods conducted without

interactivity will give students less experience, thus causing less interest in certain

critical subjects such as Science. Because there are some subject that can only be taught

without additional tools and some of the subject might need it to improve the

understanding towards certain process. The Objective of the proposed project are

providing an interactive learning process using AR to the students in order to better

enhance their understanding on Eclipse with augmented audio-visual contents as the

representation of their textbook content which they can interact with in real time,

besides to enhance the textbook in order to engage a reader in ways that have never

been possible. However, the application will be only in a desktop-based application

which is now days the use of smartphones is wider than the use of computers.

13
2.5 Comparison Table of the Existing System

Table 2.1: Comparison Table of the Existing System

Title 1. Augmented Reality 2. Simulation of Investigating

Based Educational the Earth and Universe
Tool on Live Solar Using Interactive Mobile
System (LSS) Phone Augmented Reality
Based on Smart Evaluation

Author • Kien Sin Aw • Behrang Parhizkar

• Halimah Badioze • Mohammad Rabiul Islam
Zaman • Arash Habibi Lashkari
• Md. Abdullah - al – Jubair
• Zahra Mohana Gebril
• Mohsen Zarrabi
Year • 2009 • March 2012
About • show the solar system • AR-Mobile application help
for the teaching and to knowledge formation
learning purpose of primary school students
the topic Astronomy when they learn solar
using AR Technology system from their practical
for Form 3 Students science book
Advantage • helping students learn • prepare the book with
astronomy marker based beside the
description of solar system
on the text book
Disadvantage • Limited to webcam • The book is Highly Cost
only • Operated on Android OS-
2.3 version

14
Title 3. Innovative Learning 4. Astronomy for Kids E-
of Solar System using learning System Using
Augmented Reality Marker less Augmented
for Primary School Reality
Children
Author • Zahra Mohana Gebril • Che Samihah Binti Che
• Koo Ah-Choo Dalim
• Yuen May-Chan
• Behrang Parhizkar
Year • 2012 • 2013
About • Development of the • Providing an interactive
Solar System learning process using AR
Planetary for to the students in order to
Standard 4 students better enhance their
through Augmented understanding on Eclipse.
Reality Technology
Advantage • Student learn the • Provide students with
subject easier augmented audio-visual
• Teacher able to contents as the
transfer appropriate representation of their
knowledge to student textbook contents which
they can interact with in
real time
Disadvantage • Need to use webcam • The application will be only
on Laptop or external on desktop-based
webcam to scan the application
image
• Using Hiro marker
which is less
interesting

15
2.6 Summary

This chapter discuss about an overview about the concept of the system. Literature

Review is important to help the developer to know the problem from the previous

system that can be improves or as a guidance of the flow of new system. Besides, it

helps the developer in understanding the system and the chosen techniques more.

16
 CHAPTER 3

METHODOLOGY

3.1 Introduction

This chapter will explain the details about the research methodology and system

development methodology that being used in this proposed project. Research

methodology is a systematic procedure or technique to solve a problem. According to

(Oxford University Press, 2018) methodology is defined as a system of methods used

in a particular area of study or activity, it is the analysis of the principles or procedure

of inquiring in a particular field. The project methodology is being used to solve all the

problems arising in the system analysis systematically to ensure this project is

completed and meet the objectives. It is important to decide what is the problem occur

and what kind of method that are suitable to overcome the problem in the proposed

project. There are a few steps that are being followed in this research methodology as

illustrated in the Figure 3.1 below.

17
 Figure 3.1: Steps in Research Methodology

3.2 Problem Definition

Science subjects are among the subjects that considered as difficult by students,

especially amongst primary school students. Science requires the work of studying

through the approach of looking at it carefully, measuring it, making experiments and

trying to explain why something is happening. Therefore, it becoming a stigma among

the students that science is a difficult subject. If this kind of thing continues, the 9th

plan in the 2020 vision proposed by Tun Mahathir is difficult to achieve. Why science

is a difficult subject among students? There are three main problems currently that can

be identified.

18
 i. Student is having difficulty to understand and adapt with subjects that

have complex concepts & high visualization like science subject. Thus,

the learning process become less interesting and boring.

ii. Children are not exposed to more interactive learning aids tool in their

school or home

iii. Most of the learning materials have only in one language, which makes

it difficult for weak students or different IQ’s to understand the subject

more easily and effectively.

3.3 Research Objectives

Based on the problem definition that being stated before, this project was proposed to

find the solution for the problem. The general objectives of this research are to make

science as a favourite subject with the help of technology in order to achieve the 2020

vision, where the using of technologies today becoming a widespread among

youngsters. Therefore, the specific objective of this project being proposed are

i. To study an existing learning aid tool with AR technology approach in early

stage of age for a certain topic in subject science and how it affected their

study.

ii. To design a learning aid tool that help student in their studies with the help

of five element multimedia which is text, image, audio, video and animation

using the AR technology which is these five elements can help people

recognition in complex concept of information

iii. To develop an application based on AR technology as a student learning tool

with two language provided, in Malays and in English in a flash card

19
 in accordance with the policy of enhancing Malay language and empowering

the English language

iv. To evaluate the functionality of this proposed project to see whether the AR

technology can help students in understanding the complex concepts & high

visualization subject like science.

3.4 Research Hypothesis

The facts prove that people have used 75% of the ability to remember based on what

they hear, see and do, 40% of what they see and hear, while 20% of what they hear only.

Hence, interactive features in learning and teaching by applying five multimedia

elements are very important. As the expected result are as follows:

i. This application providing a complex syllabus in form of Augmented

Reality for the better understanding for student in standard 4 and for the

children around 5 to 6 years old.

ii. This application as an interactive tool for kids in learning process about

science subject in order to attract their interest toward science and

technology.

A hypothesis behind this research is conducted based on the fact and the expected result,

where the use of technology as learning aid tool in more interactive way can help

students to remember and understand subjects that contain a complex syllabus and

require high visualization.

20
3.5 Research Design

Two types of method are being used in this research to proposed the suitable solution

which is observation method and collection of secondary data. The result from this

method collection are being stated in Table 3.1 below.

Table 3.1: Result from Data Collection Method

Data Collection Method Findings

Observation Method • Mostly learning material in AR Solar

System only in one language.
• Solar System is suitable topic for
introduction of science in age 5 to 6 years
old.
Collection of Secondary • Difficult for student to understand
Data
complex concept and high visualisation
syllabus.
• No exposure about interactive learning
material since kids.
• Five element multimedia can help
someone remember better than only one
or two elements.
• The information is displayed on real world
layers in real-time as if the information is
real when using AR technology.
• Need an improvement for existing project.

21
A review about existing project has be done. The result of review is as stated at table

2.1. and the needs of improvement is necessary. The best solution to overcome it, is by

implementing the AR Technology with 5 element multimedia including audio, video,

animation, text, and image as learning aid tool. For this project, a topic about solar

system from standard 4 science text book syllabus has been chosen as it is suitable for

children age 5 to 6 years old too. Besides, this topic also contains a complex concept

and need a high visualization as the universe can’t be seen with our bare eye.

The reason for choosing Augmented Reality technology with 5 element multimedia as

the learning aid tool are as followed:

a) Augmented Reality

i. The augmented reality (AR) function is to increase one's perception of

the world around it and make some virtual and real world a new

interface capable of displaying relevant information that is very helpful

in the field of education

ii. Augmented reality (AR) aims to take the real world as a base by

combining several virtual technologies and adding constituent data to

make the human understanding as the user become increasingly clear.

iii. Information about objects and environments around us can be added to

the Augmented Reality system and then the information is displayed on

real world layers in real-time as if the information is real.

22
 b) Five Element Multimedia:

i. Hypermedia aspects of multimedia play an important role in education

as it enables students to explore into the specific topic in the subject

according to their needs.

ii. able to convey a complex concept visually and also dynamically.

iii. more vibrant and realistic video or graphic display or presentation is able

to attract the person emotions or moods more easily.

Figure 3.2 below show the overall structure of the research design process in a diagram

form.

Figure 3.2: Research Design Process

23
3.6 System Development Methodology

There are lot of methodology model exist within the development process which

are waterfall model, spiral, agile, ADDIE and many more. Hence the 3D Production

Pipeline is used in this AR application-based phase on every development process.

Production pipeline is the process of creating and implementing art for a particular

project, most often associated with creative processes like video games, films and

animation. There are three main stage in this model i.e. Preproduction, Production and

Post Production. It will be explained later with more details about every stage and

component that involves in this project development. Figure 3.3 show the scope of this

model in diagram form.

Figure 3.3: 3D Production Pipeline

3.6.1 Preproduction

On this stage it is broken down into a few components which is generate an idea, flow

chart and draw storyboard.

24
3.6.1.1 Idea

An idea was generated whether to produce the original product or an addition to an

existing product. There a few ways to generate the idea including reading from the book,

randomly surf the web, by observing our socialize circle or it can come from just about

anywhere and almost from anything. After done work on the basic premise of a good

idea that we think it worth pursuing, it’s time to turn it into a narrative form. For this

proposed project there are some question to ask during this idea component, as guide

for further process:

• What kind of project to develop?

• What is this project for?

• Who is the audience?

• What kind of development tool needed?

• What is the final product?

This is important because and existing knowledge and any other relevant characteristic

also the content of this project need to know before develop this project as to meet the

user need. This AR model application based on solar system card is developed for

student standard 4 and for children age 5 to 6 years old as their interactive learning aid

tool whether at home or at school. The contain is in bilingual language with five-element

multimedia on it includes text, image, audio, video and animation. This application is

following the syllabus from science text book standard 4. The contain of this AR

application can be referred to Figure 3.4 while the development tool is shown in Table

3.2.

25
Figure 3.4: The Module that Contain in this Project

26
 Table 3.2: Development Tool

Development Tool Use

Android SDK + Java JDK The JDK provides tools, such as the Java
compiler, used by IDEs and SDKs for developing
Java programs
Unity3D 2018.2.6f1 To create high quality VR and AR applications.
Also, can be used to create 3D model and for
coding
Vuforia 7.2.23 To recognize and track planar images and simple
3D objects, such as boxes, in real time
Autodesk Maya To model, and texturing the 3D Model

Mobile Phone (Android) To test the AR application

USB Data Cable To connect the phone with desktop/laptop for
setting the phone as developer option
Webcam To scan the image for marker detection
Desktop / Laptop (i5 + 4GB To run the overall project from the preproduction
RAM + SSD) stage until the postproduction stage
Adobe Photoshop/Adobe To create the design and layout of Solar System
Illustrator/Adobe InDesign for card and application

3.6.1.2 Flow Chart

Flow chart is a diagram form to show the flow or sequence of movement or action that

occur in the project of the final output. The detail about flowchart of this AR model

based on Solar System application is shown in Chapter 4 Figure 4.2.

27
3.6.1.3 Storyboard

Storyboard is the visual story form of the flow chart. It includes early ideas what the

project about and how the project working. It is being used to visually understand what

is going on in project.

3.6.2 Production

The production stage includes the following components, research & development,

modelling, texturing, coding/animating, layout design, Rendering and implementation

3.6.2.1 Research & Development

Research and development (also known as R&D) is a component that also spans the

entire 3D production pipeline, from the preproduction stage to postproduction. A

developer needs to search the ratio for making the solar system as depict as the real size

of solar system. Developer needs to figure out the characteristic of the solar system and

the look of the sun moon, eight planets and the other of celestial body for making them

look realistic.

3.6.2.2 Design

An illustration for the homepage looks and illustration of the solar system for the card

is created. The image on the card as a basis for AR model during the scanning process.

While the homepage is crucial as the opening of the application before it goes to the

next steps.

28
3.6.2.3 Modelling

Everything that needs to be seen onscreen or rapid prototyped has to be modelled. There

are many techniques for creating 3D models. For this project, software like Autodesk

Maya and unity 3D are being used to model the 3D objects.

3.6.2.4 Texturing

In the texturing component, the colour and the surface properties being apply to the

geometric models. The model surface should look like its match the real-world

counterpart. It is important to create the mood for the user as they feeling they were in

that place.

3.6.2.5 Coding/Animation

The movement of object is created by coding the model using C# language. The

movement of the sun, moon, eight planets and other celestial body should depict the

real one. In this process also, an interaction will be added where the user can touch the

object where the object reacted as a button at the phone screen. Other features like text,

sound and animation are being implemented during this process.

3.6.2.6 Database Setup and Rendering

Before the image can be printed into the card form, the illustration needs to be made as

marker detection so that when camera scan the image, the 3D object will pop out

through their phone. To make the picture as the marker detection, the image illustration

needs to be upload to the Vuforia to setup the image as the image target. That image

database is saved for the scan propose. Then setup the camera, image target and then

render the 3D content in Unity AR for further process.

29
3.6.2.7 Develop and Implementation

During this stage the Unity AR need to be deploy to mobile and set the mobile as

developer to be able the camera on the phone scan the image and display the 3D Solar

System. However, the webcammed on the laptop or pc also can be used for image

scanning test before deploy the project into the mobile phone.

3.6.3 Postproduction

On this final stage a few components must be taken for the draft output including test

run the project, and then the final output will be produced.

3.6.3.1 Test Run Project

This is when the developer test and runs the project to ensure that the project can be

used and running accordingly. Before presenting the final product, this project will be

given to other user for the test and feedback proposed. Criticisms and constructive

feedback are taken to be implemented later on.

3.6.3.3 Final Output

The final product is ready to be presented and launched for a large audience to use.

30
3.7 Findings

Therefore, the marker-based technique has been used to develop this AR Application

model based on Solar System for Kids. As this application platform is for android user.

The language for building this AR application is C# language and the environment is in

3D form. A physical button is implemented in this application. Hence this application

is suitable for standard 4 student as their learning aid tool during school and for children

age 5 to 6 years old as their home teaching material in early age.

3.8 Summary

This chapter discuss about the methodology for the development of the learning aid tool

AR Application Based on Solar System Model project. Each stage in 3D production

pipeline will be followed during the development process.

31
 CHAPTER 4

APPLICATION DESIGN

4.1 Introduction

Application design describes the overall structure of the application in order to

make it a functional application. Generally, for this project, the application was design

by 3 main steps which is Initial Design, Content Design and Interactivity Design.

this chapter will discover the stage of development process from the initial

design to the merely output of the final product. In this chapter, the explanation of every

stage was given to give the reader an overview on how the project development process

occur before it become the final product.

32
4.2 Initial Design

4.2.1 Framework

Figure 4.1: Framework

Figure 4.1 above shows the framework design of AR Model Application Based on Solar

System Card For Kids. Vuforia SDK is a platform to create Augmented Reality for

mobile devices or even for PC. The databases which are image target are saved there.

Unity used to create the Augmented Reality and all the project. Meanwhile, User able

to choose any button in the mobile application. AR Camera button for scan the flash

card and let sing button to play to video song about the planet User also able to scan

any image on the flashcard for display 3D animation models. Addition, User can interact

with the object like zoom scale or rotate the object or even choose to display the

information in English or Malay. The object then will be displayed on the mobile

camera and can be seen by the user.

33
4.2.2 Flow Chart

Figure 4.2: The Flow of the Application

34
Based on Figure 4.2, the application starts by providing users to choose the start, or exit

button at home page. User need to pick or choose one card if user choose the solar

system card, when user click the start button the screen will scan the image on the card

and overview of the solar system will appear.

There is a home an info and an exit button which is if the user clicks the home

button it will direct to the homepage. If the user clicks the info button it will display the

fact about solar system and if user clicks the exit button it will end the application. User

can choose the language to display and hear the facts whether in English or Malays.

While for the let sing button when user click on it, it will display a video for the

memorizing tips to remember the names of planets. If the user clicks on the exit button

it will direct to the homepage.

35
4.2.3 Storyboard

Figure 4.3: Storyboard of Home page and AR Camera

Figure 4.4: Storyboard of Solar System Info and Earth

36
Figure 4.5: Storyboard of Earth Info and Let Sing Button

Figure 4.6: Storyboard of Memorize Video and Homepage

37
4.3 Content Design

For the content design process, there are interface design, flash card design, 3D

object modelling, animation and database setting. Each process will be discuss briefly.

4.3.1 Interface Design

An interface design which is menu interface and AR Camera interface were created in

Unity 3D Software as shown as in Figure 4.7 and Figure 4.8. The process include adding

button on the interface, and include the source code on each navigation button.

Figure 4.7: Menu Interface

38
 Figure 4.8: AR Camera Interface

4.3.2 Flash Card Design

There are 11 flash card of solar system were created using Adobe Photoshop.

The process are include adding picture of 9 planet into the canvas, adding the

background image, text and other small features to various the design as shown as in

Figure 4.9.

39
 Figure 4.9: Flashcard Design Process

4.3.3 3D Object Modelling

All the 9 planets including moon and sun were created in Autodesk Maya Software as

shown as in Figure 4.10. The process are include creating 3D object using polygon

shape, texturing and covert the polygon object into smooth mesh preview before it can

be converted into fbx object. Fbx is a format for 3D object where it can be use at any

3D software. Some nurb primitive object are not supported in Unity 3D software so

thats why polygon object is used to create the planets instead of the circle object it self.

40
 Figure 4.10: 3D object Modelling and Texturing

4.3.4 Animation

During this process all the object were arreange depict to the real solar system. Each

planet were given a path like an orbit to ensure it can circulated around the sun.

Keyframe is used to diffrentiate the circulating time for each planet. Figure 4.11 show

how the animation be done. After that this animation were baked and convert into fbx

object before it can be use at Unity 3D software.

41
 Figure 4.11: 3D object Animation

4.3.5 Database Setting

Flash card are design not only for printed purpose. The used of flash card is very

important to ensure the object appear on the screen when it is scan. Before the flash card

is used as an image target. It need to be upload into vuforia developer as a database

features. Those feature will enable the flashcard to be scan. All the image are upload

into Vuforia developer to make the image into database. The database features are auto

generated. Each different unique feature are used to define different 3D object.

42
 Figure 4.12: Upload Image to Vuforia Developer

Figure 4.12 above show the process of uploading the images to Vuforia developer portal

before it can be used as an image target. Developer need to upload the selected picture

one by one and each picture must define it width size and name.

Figure 4.13: Vuforia Developer Portal

43
 Figure 4.14: Image target Database Feature

Figure 4.13 and Figure 4.14 show what happened after the image is being uploaded.

The star rating that shown in both figures as indactors for a good or bad image target.

More stars means easily for the object to appear in the screen when the flash card is

scan. All the database need to be download and install it into the unity to set them as an

image target.

44
4.4 Interactivity Design

For the interactivity design part. The augmented reality environment is build by using

Unity 3D software of 2.1 version. This part is the heart of the project where the

interaction between user and application was created to achieve the project objective.

Interactivity Design include setting up the AR Camera and source code embeded into

the 3D object.

4.4.1 AR Camera Setup

Figure 4.15: AR Camera Setup

45
 Figure 4.16: Import Image Target into Unity

The Figure 4.15 above show AR camera setup on the planet scene to make the

interaction work ell and manage all attributes to ensure that it functions as how it should

be. After AR Camera has been setup the image target need to be import as shown as in

Figure 4.16 and put the 3D object above it. The object that being put above the image

target are the object that will be appear during the scan activities.

4.4.2 Source Code

In this part all the source code is being embedded into every object. The code are include

on roatation of planet, user interaction like zoom, scale and move the object. Figure

4.17 to Figure 4.20 show the embeded code that being implement into the Mercury

Planet. While Figure 4.21 show the example source code that has been used to rotate

the planet.

46
Figure 4.17: Embeded The Spin Source Code into The Object

Figure 4.18: Embeded The Rotate Source Code into The Object

47
Figure 4.19: Embeded The Zoom Source Code into The Object

Figure 4.20: Embeded The Move Source Code into The Object

48
 Figure 4.21: SpinMercury Code

4.5 Summary

In this chapter, the explanation is all about how the application is designed which is

include the initial design, content design and interactivity design. All the explanation

and the project development process screen shot that included in this report can also act

as a guide for user to visualise on how the project being developed. It is also shown that

all this project is originally develop by the developer.

49
 CHAPTER 5

IMPLEMENTATION AND RESULT

5.1 Introduction

This chapter will discuss about implementation of the methodology discuss in

previous chapter. The testing on this application will be held on this chapter to get result

of each implementation. Implementation are executed to ensure the application is

develop according to the main objectives of this project and fulfil the user requirement.

The purpose of this test is to facilitate the developer to identify the problems and

shortcomings in this application so that recovery and improvement step can be

implemented immediately.

50
5.2 Implementation

The apk file is build and being implemented on a smartphone model Huawei Nova 2

lite to see the effectiveness of this application.

5.2.1 Home Page

Figure 5.1: Home Page

Figure 5.1 show the home page for the application. At the Figure 5.1, there are

three buttons at the top right of the interface and two buttons at the middle below the

three buttons on the top right is Exit, About App and User Guide. While the two buttons

in the middle below represent AR Camera and Let Sing. The exit button is to close the

apps, About App button is information of what is this application about and for the user

guide is a guide for the user on how to use this application. The main button AR Camera

to able the user to scan the flashcard. For the let sing button will show the user a video

clip about solar system song.

51
Figure 5.2: About Apps

Figure 5.3: User Guide

52
 Figure 5.4: Confirmation exit panel

Figure 5.4 shows a confirmation exit panel when user click the ‘x’ button on the top

right corner of the screen at the Homepage screen.

53
5.2.2 AR Camera

Figure 5.5: AR Camera

Figure 5.5 show a scene of AR Camera when user click the AR Camera button. There

are two buttons on the top right of the corner of the screen. The exit button is to close

the apps. And the home button is to back to the home page when user click it.

54
Figure 5.6: Display info panel in English

Figure 5.7: Display info panel in Malay

55
Figure 5.6 show an information is display in English language when user tap on the

object. There is Malay button beside the sound button on Figure 5.6 where user can

choose to display the information panel in Bahasa Melayu. While Figure 5.7 show an

information is display in Malay language. User also can hear an explanation voice

according to the language that their choose, just by clicking the sound button on the

right below of the panel. User also can choose to go back to the previous display

information which is English information just by clicking the English button. On the

top right of the panel is the close button. When user click this button, it will close the

information panel and back to the AR Camera scene.

Figure 5.8: Object before zoom

56
Figure 5.9: Object zoom

Figure 5.10: Object move

57
Figure 5.8 to Figure 5.10 shows the interaction that happen when user make some

activities on the object. To zoom in or zoom out the object user need to pinch the object

with two fingers, while to move the object user only need to use one finger. The object

can be move to wherever user want.

Figure 5.11: Confirmation exit panel

Figure 5.11 shows a confirmation exit panel when user click the ‘x’ button on the top

right corner of the screen.

58
5.2.3 Let Sing

Figure 5.12: Let sing panel

Figure 5.12 show a description the purpose of the video clip about solar system song

after user click the Let Sing button. Button play at the middle below of the panel to

display the video clip. Button Home at top right corner is to make the application move

to the homepage.

59
 Figure 5.13: Video Clip Screenshot (first part)

Figure 5.14: Video Clip Screenshot (second part)

60
Figure 5.15: Video Clip Screenshot (third part)

Figure 5.16: Video Clip Screenshot (last part)

61
Figure 5.13 to figure 5.16 shows a few screenshots from the video clip song about the

solar system. The purpose of this video is to help the students in remembering the names

of planets according to the right order with combination of five element which is image,

text, sound, video and animation. The two buttons on the top right corner on the video

clip represent the close (close the video clip) and home page (go back to the home page).

5.2.4 AR Marker

Enhanced reality marker or short AR marker is a visual signal that triggers virtual

information display. Markers are common images or small objects trained first so they

can be identified later in the camera stream. After the marker is recognized, its position,

scale, and rotation are derived from visual signals and transferred to virtual information.

For this project, images are being used as AR Marker. The image is then upload to

Vuforia to get the information features about the image whether it is suitable to be the

marker. Vuforia developer is a website to make the image into an AR Marker and every

marker has their features to track AR as seen as Figure 5.18 which is an example of

marker features. The images then are printed in form of flash card. The flashcards called

as marker or image targets. It was designed with colourful element using Adobe

Illustrator and Adobe Photoshop. Image of the planet in the centre and the names of

planets in bilingual so that user know the names of planets in both languages.

62
 Figure 5.17: Solar System AR Marker

Figure 5.18: Solar System Marker Features

63
 Figure 5.19: Sun AR Marker

Figure 5.20: Sun Marker Features

64
 Figure 5.21: Moon AR Marker

Figure 5.22: Moon Marker Features

65
 Figure 5.23: Mercury AR Marker

Figure 5.24: Mercury Marker Features

66
 Figure 5.25: Venus AR Marker

Figure 5.26: Venus Marker Features

67
 Figure 5.27: Earth AR Marker

Figure 5.28: Earth Marker Features

68
 Figure 5.29: Mars AR Marker

Figure 5.30: Mars Marker Features

69
 Figure 5.31: Jupiter AR Marker

Figure 5.32: Jupiter Marker Features

70
 Figure 5.33: Saturn AR Marker

Figure 5.34: Saturn Marker Features

71
 Figure 5.35: Uranus AR Marker

Figure 5.36: Uranus Marker Features

72
 Figure 5.37: Neptune AR Marker

Figure 5.38: Neptune Marker Features

73
5.3 User Testing

A user testing has been conducted at SK Keluang to get a few responses about

this project in order to see whether the product is working according to the project

objectives or not. Hence the proposed of this user testing is being held is to get the

necessary data or feedback in order to improve the product in the future work. There

are five students from grade 4 and 3 science teachers from SK Keluang are involved in

this user test. To get the feedback about this product a questionnaire as in Appendix C

has been made and the data has been collected. The pie chart in Figure 5.39 to Figure

5.42 below show the result from the questionnaire form and Figure 5.43 show the

feedback from user as suggestion to improve this project in future work.

Figure 5.39: Pie chart Result of Question One

74
Figure 5.40: Pie chart Result of Question Two

Figure 5.41: Pie chart Result of Question Three

75
Figure 5.42: Pie chart Result of Question Four

Figure 5.43: Feedback Result from User

76
5.4 Result

The expected result after releasing of the AR Model Application Based on Solar

System Card for Kids is user should be able to learn about Solar System in form of

Augmented Reality. The user can make interaction like move, rotate and scale the

object. Finally, the user also can display the info panel with a single touch on the object

and can choose language to display the information. As for fun learning experience a

video clip about solar system song will appear when user click the start button on Let

Sing panel. The developer also expected that the system could function well and fulfil

the user requirement standard.

5.5 Summary

In conclusion, implementation part in this chapter have been describe and show

all the user interface and function of every button in the application. It can act as a guide

for new user to use this application. User testing also have been done to ensure that all

the function run smoothly also to get a feedback from user for proposed improvement.

Maintenance should be carried out if there is any bugs detected.

77
 CHAPTER 6

CONCLUSION AND FUTURE WORKS

6.1 Introduction

In this chapter, contribution of AR Model Application on Solar System Card for

Kids, problem and limitation during project development as well as future work to

improve this application will be discussed.

6.2 Project Contribution

AR Model Application Based on Solar System card for Kids is develop mainly

to help student in standard 4 to understand more on the subject that need a high

visualization like subject Science especially in solar system topic. This application is

developed with the help of five elements of multimedia which is image in form of

flashcard, text as info, animation like rotation of the planet, sound and video of solar

system song with animation of 2D cartoon that being implemented on this application.

The benefit of this application is user can see the planet in form of Augmented reality

with bilingual text and sound so that user can learn and understand well the application

as Bahasa Melayu is our mother tongue language and English as our second language.

Furthermore, it is very convenience since it can be installed into the mobile phone and

can be used either at school or home. Hence this application doesn’t need internet

78
connection. Moreover, it can be the interactive learning aid tool as user can make an

interaction like rotate, scale and move the 3D object with their fingers.

6.3 Problem and Limitation

The major problem and limitation during project development are this

application is only applicable only for Android. This has cause the other operating

system (iOS) cannot install this application into their mobile phone. This has caused the

user requirement is hard to establish since the teacher or the parents of target user may

be the iOS user. The time constraint as the development process need to be done within

four months it clashes with other subject project due date and cause the user

requirements is hard to establish since the target user are from various background of

IT knowledge. Hence, because of this application is built based on a marker-based basis,

user need to bring together the flashcard (image target) whenever they want to use it.

So, the use of this application is limited because if there is no flashcard or image that

works as an image target then the application cannot function properly.

79
6.4 Future Work

AR Model Application Based on Solar System Card for Kids still has a lot of

room to be improved. Since this application is build for learning aid tool, other activities

like quizzes or games might help more student in their understanding about the subject

they study and the outcomes will be the learning aid tool that is most interactive and

suitable for teachers and parents’ usage to teach their student or children. This

application can also be built into marker less where user can easily track the 3D object

anywhere even without the flash card. Lastly, this application can also be built with

virtual button implementation as it is as new things and can make the learning process

become more interesting since we know the physical button is commonly and widely

used in application making.

6.5 Summary

AR Model Application Based on Solar System Card for Kids is the learning aid tool

that help student standard 4 in Subject Science in order to understand more about the

high visualization topic. Based on previous study and discussion with supervisor and

panel the suitable approach that will be implemented in this project is by using AR

technologies with marker-based basis as the image target. The application is provided

with two language which are Bahasa Melayu and English that are suitable for any

student with different IQ level. The application screen shot that included in this report

can also act as a guide for user to use this application. Hopefully, this application may

help student to understand better about high visualization topic like Solar System

especially for Science Subject.

80
REFERENCES

Abrar Omar Alkhamisi, M. M. (2013). Rise of Augmented Reality: Current and

Future. International Journal of Internet and Distributed Systems, 25-34.

Behrang Parhizkar, M. R., Lashkari, A. H., Jubair, M. A.-A., & Zahra Mohana Gebril,

M. Z. (2012). Simulation of Investigating the Earth and Universe Using

Interactive Mobile Augmented Reality Based On Smart Evaluation.

Canada,Malaysia,Mesir: https://www.researchgate.net.

Dalim, C. S. (2013). Astronomy for Kids E-Learning System using Markerless

Augmented reality. Malaysia: eprints.uthm.edu.

Grand Canyon University. (2015). Research: Observational Method. Retrieved from

Center for Innovation in Research and Teaching (CIRT):

https://cirt.gcu.edu/research/developmentresources/research_ready/descriptive/

observational

Isberto, M. (2018, September 5). Technology News: The History of Augmented

Reality. Retrieved from Colocation America.com:

https://www.colocationamerica.com/blog/history-of-augmented-reality

Kien Sin Aw,Halimah Badioze Zaman. (2009). Augmented Reality Based Educational

Tool on Live Solar System (LSS). Malaysia: researchgate.net.

Kothari, C. (2004). Methods of Data Collection. In C. Kothari, Research

Methodology, Methods and techniques (p. 110). Jaipur: New Age International

(P) Limited Publishers.

81
Kuang, J. (2017, November 16). News&views: Cook’s Recipe for Augmented Reality:

Apple’s Vision for an AR Headset. Retrieved from immersed.io:

https://immersed.io/cook-recipe-apple-vision-ar-headset/

Lonnie Shekhtman, E. L. (n.d.). Solar System: Our Solar System. Retrieved from

solarsystem.nasa.gov: https://solarsystem.nasa.gov/solar-system/our-solar-

system/overview/

Moura, P. T. (2017, July 25). Research Support: Don't Worry! And Write the

LIMITATION of Your Research. Retrieved from Musicstats.org:

https://musicstats.org/why-addressing-the-limitations-of-your-research-is-so-

important/

Oxford University Press. (2018). Dictionary : Methodology. Retrieved from

en.oxforddictionaries.com:

https://en.oxforddictionaries.com/definition/methodology

Reference Desk: Solar System. (n.d.). Retrieved from http://hubblesite.org:

http://hubblesite.org/reference_desk/faq/all.php.cat=solarsystem

Rouse, M. (n.d.). Definition: Augmented Reality. Retrieved from

whatis.techtarget.com: https://whatis.techtarget.com/definition/augmented-

reality-AR

Shekhtman, L., & Thompson, J. (2018, October 9). Overview: Our Solar System.

Retrieved from solar system.nasa.gov: https://solarsystem.nasa.gov/solar-

system/our-solar-system/overview/

82
Zahra Mohana Gebril,Koo Ah-Choo, Yuen May-Chan,Behrang Parhizkar. (2012).

Innovative Learning of Solar System using Augmented Reality for Primary

School Children. Malaysia: semanticscholar.org.

83
 APPENDIX A: FINAL YEAR PROJECT I GANTT CHART

Week
Task Name 1 2 3 4 5 6 7 8 9 1 1 1 1 1 1 1
0 1 2 3 4 5 6
1. Topic discussion and
determination
1.1 Discuss and determine
project proposed with
supervisor
1.1.1 Project title
1.1.2 Introduction
1.1.3 Problem statement
1.1.4 Objective
1.1.5 Scope project
1.1.6 Conclusion

2. Project Title Proposal

2.1 Submit title proposal
2.1.1 Brief description of
the proposed
project
2.1.2 Proposal title
changes

3. Proposal Writing
3.1 Chapter 1: Introduction
3.1.1 Background
3.1.2 Problem Statement
3.1.3 Objectives
3.1.4 Scope
3.1.5 Activities and
Milestone
3.2 Chapter 2: Literature
Review
3.2.1 Introduction
3.2.2 Analysis/Technique
of
Model/Current
project
3.2.3 Comparison table
Of Existing system

4. Proposal Progress
4.1 Presentation & Evaluation

84
5. Discussion &Correction
Proposal & Proposed
Solution Methodology
5.1 Discuss suggestion made
by panel and make
correction
5.2 Approval from supervisor

6. Proposed Solution
Methodology
6.1 Problem Identification
6.2 Design
6.2.1 Process Model
6.2.2 Data model
6.2.3 Method

7. Proof of Concept
7.1 Develop Prototype or
use existing tool
7.2 Show the process of
execution

8. Drafting Report of the

Proposal
8.1 Submit to Supervisor
8.2 Supervisor Check and
suggest Correction

9. Submit draft report to

Supervisor

10. Seminar presentation

10.1 Present project proposal
10.2 Evaluate student project
10.3 Give marks

11. Correction Report

12. Final Report Submission

13. Develop and Design

85
 APPENDIX B: FINAL YEAR PROJECT II GANTT CHART

Week
Task Name 1 2 3 4 5 6 7 8 9 1 1 1 1 1 1 1
0 1 2 3 4 5 6
1. Layout Design
1.1 User interface Design
1.2 Flashcard Design

2. Modelling and Texturing

2.1 Modelling and texturing
five 3D object

3. Database Setup and

Rendering
3.1 Upload Image on Vuforia
Developer

4. Coding and Animation

4.1 Set rotation on the planet

5. Progress presentation 1

6. Development
and Implementation
6.1 Design
6.2 Modelling and texturing
6.3 Coding and Animation
6.4 Rendering
6.5 Build Project apk
6.7 Documentation

7. Progress presentation to
Supervisor
7.1 Project progress and
poster
7.2 Submit draft Report
8. Testing

9. Seminar Presentation and

Panel Evaluation

10. Integrate added value

11. Final Thesis Submission

86
 APPENDIX C: QUESTIONNARE FORM

User Testing “AR MODEL APPLICATION

BASED ON SOLAR SYSTEM CARD FOR KIDS”

1. Interface in this application interesting? * Mark only one

oval.

Yes
No

2. All button in this application function? Mark only one oval.

Yes
No

3. This application can give benefits to you? Mark only one

oval.

Yes
No

4. Easy to learn/teach about solar system when using this

application? Mark only one oval.

Yes
No

5. Any suggestion to improve this application?

87
APPENDIX D: PICTURE OF USER TESTING AT SK KELUANG

88
89
90