Final Presentation 1

1. FINAL YEAR PROJECT 1 (CSF 35104)
NAME : SITI NURUL JANNAH BINTI MOHD RAZALI
NO MATRIK : 047706
COURSE : ISMTM (INFORMATIK MEDIA)
SUPERVISOR : DR WAN MOHD AMIR FAZAMIN BIN WAN HAMZAH

2. Augmented reality- Mosquito(Qto AR)

3. CHAPTER 1:
INTRODUCTION

4. INTRODUCTION
 Augmented reality apps are written in special 3D programs
that allow the developer to tie animation or contextual digital
information in the computer program to an augmented
reality “Marker” in the real world. Augmented reality is the
new kind of interactive technology that give us new interact
in direct view.

5. BACKGROUND PROJECT
 Mosquito AR or Qto AR project was developed to help the community to
identify the types of mosquitoes in a way that is more interative
compared to the existing manual method. The application that was
developed by the latest technology which is the augmented reality
GET
Information
EXPLORE
Knowledge

6. PROBLEM STATEMENT
 Society do not aware on types of mosquitoes and diseases that its carry.
Nowdays, the types of existed resources for this information is
brochures,pamplet,television advertisement and information from the
clinics.
 There is not widely use that give information and identify on the types of
mosquitoes and the diseases that they carry. Moreover, the pamplets and
brochures provided to the society is not interesting and people cannot
interact with it.
 This leads to lack of knowledge among society on the types of
mosquitoes and the diseases that they carry.

7. OBJECTIVE
The objectives of the (Qto AR) using AR technology are:
To study
1. To study the technology augmented reality can use in flash card.
To develop
2. To design and develop 3D modelling by using Unity 3D software and also
the slide software which is Maya 3D, Adobe Photoshop and Adobe
Illustrator.
To evaluate
3. To test and evaluate mobile application that will be create can be use
smoothly by the user android platform and provide benefical user.

8. SCOPE
The scope of this application is divided into two (2) which are user and
application.
Application
- Indentify and display mosquito in Android application
- Display information of mosquito by using augmented reality

9. LIMITATION OF WORK
1. The user can use this interactive flashcard using mobile phone only.
2. This interactive flashcard is build only for android version.
3. This interactive flashcard is developed exclusively for information a
mosquitoes only
4. Provoid 5 model mosquito only
5.The limitation of this application only 6 years old and above

10. EXPECTED RESULT
 The user will be able to improve and gain their knowledge about
mosquito by using Augmented Reality technology.
 The user can use Augmented Reality technology.
 The user can identify by using augmented reality technology.

11. GANTT CHART

12. CHAPTER 2:
LITERATURE REVIEW

13. AUGMENTED REALITY TECHNIQUE
 MARKER BASED
Maker based AR application the images to be
recognized are provided beforehand.
 MARKER-LESS
Marker-less AR application recognizes things
that were not directly provided to the
application beforehand.

14. LITERATURE REVIEW
1. Pelangi Dickens AR Flashcards
 Pelangi Dickens AR Flashcard is developed printed both
sides in all sorts of topics such as fruits, animals,
vegetables and more.
 It contains Q&A session on back side for the kids to
learning while gaining their thinking skill.
 This interactive flashcard is designed specially in handy
sized cards which is convenient to be carried anywhere and
anytime user needs.
 This interactive flashcard is great and fun learning tools.

15. LITERATURE REVIEW
2. AR 4D flashcards game by MySmartFlash
 AR 4D Flashcard game creates a fantasy world for children and adults.
 They can interact with the object, listen to the way it is pronounced by a native
 speaker, watch it moving and know the name of the objects in different languages.
 Furthermore, AR 4D Flashcards have 50 colorful high quality paper flash card
which is land animals, sea animals, transport, fruits and so on.
 This free multilingual 4D Flashcards app based on the AR technology for
smartphones/ tablets / PC / notebooks, compatible with IOS, Android, and OS
Windows.
 It also presently available in English (default), German, French, Spanish,
Russian,Turkish, Chinese, Tamil and Arabic languages

16. LITERATURE REVIEW
3. 4D+ AR Flashcards from WizarKids
 4D+ AR Flashcards from WizarKids is a delightful and useful 30 piecesof cards.
 The kids see flashcard images coming to life in 4D+ through the magical effects of
Augmented Reality.
 The kids also can personalize the 6 experiences which is reading, listening,
speaking, learning, interacting and gaming. In addition, this interactive flashcard
also build with sound interaction.
 This interactive flashcard app is available for android and IOS. So the user can
download it from free at the App Store and Playstore.

17. LITERATURE REVIEW
4. 3D Flashcard by Arabic AR Studio
 Arabic 4D Flashcard is an interactive flashcard with using Augmented
Reality.
 Arabic 4D Flashcard application displays 4D animated live models of
animals.
 The user only can play this application through android mobile phone
only. Arabic 4D Flashcard, children as young as 2 years old can learn
the Arabic “Hijaiyah” alphabets and the names of animals. The animal
image on the flashcard also generates noises and entertaining animation.
The learning process of the children with parent will be more enjoyable.

18. COMPARISON EXISTING PRODUCT
(Literature Review)
Product Platform Function Method Advantage Drawback
Pelangi
Dickens
AR
Flashcard
by Dicken
Publishing
Ltd (2016)
Adroid/
IOS
Die-cut
flashcards
type 25pcs
fruit cards
printed both
sides. Q&A
session on
back side
Marker
based
Method
1. The pictures
are brightly
colour.
2. Versatile and
multifunctional.
3. It contains
games and
quizzes.
1. English
language
only.
2. Lack of
element
multimedia.
WizarKids
Flashcards
4D+AR by
Wizarkids
(2018)
Android/
IOS
Creative
learning
with 4D
Augmented
Reality.
30 pieces of
Interactive
Fruits
Flashcards.
Marker
based
Method
1. Real 3D
object.
2. Its contains
game.
1. English
language
only.
2. Lack of
element
multimedia.
AR 4D
Flashcards
game by
MySmart
Flash
(2017)
Android Creative 4D
Augmented
Reality
Multilingual
language
50 colorful
of flashcard
Marker
based
method
1. Take photos
and share.
2. Provide
multilingual.
languages
3. Interactive
design.
1. No specific
topic.
2. Lack of
element
multimedia.

19. COMPARISON EXISTING PRODUCT
(Literature Review)
Product Platform Function Method advantages Drawback
Arabic 3D
Flashcard
by Arabic
AR Studio
(2016)
Android Creative 4D
Augmented
Reality
Arabic and
Malay
language
Learn about
animals
Marker
based
method
1. Interactive
animation
2. Sound
interaction
1. Not attractive
design.
2. No English
language

20. Chapter 3 :
Methodology

21. PROCESS METHODOLOGY
ANALYSIS PHASE DESIGN PHASE
DEVELOPMENT
PHASE
IMPLEMENTATION
PHASE
EVALUATION
PHASE

22. FRAMEWORK DESIGN
• Create augmented reality.
• database
• Used to create the Augmented
Reality app and overall project
•The users can choose any button in this app.
•The users need scan any image object for
display 3D object.
•The users can play with virtual button.
• Admin can update this
application.
• Admin able view the
response feedback

23. STORYBOARD (HOMEPAGE)
 User need to click button scan to play and about to know this apllication

24. STORYBOARD (ABOUT PAGE)
 This page describe about the qto ar technology using flash card.

25. STORYBOARD (AR CAMERA)
 When user click button scan, AR camera will open and the object will
automatically pop ut on the screen

26. STORYBOARD
(AR CAMERA INFORMATION PAGE)
 This page describe about information of mosquitoes and desease. So
user can learn information and interactive with model.

27. STORYBOARD (EXIT PAGE)
 When user click the button exit at the homepage, the user need to click
button yes or no first to quit the application.

28. HARDWARE REQUIREMENT
-Create storyboard
-flashcard design
-Build AR environment
-Coding
-3D modelling
-Play with AR experiences
-Camera used to scan the images
at the flashcard
-Can use the virtual button
-Speaker used to give the sound

29. SOFTWARE REQUIREMENT
Create the Augmented
Reality app and overall
projectUsed to create design of
flashcard and mobile app
interface.
Used to create design of
flashcard and mobile app
interface.
To record sound
if required
It uses computer vision technology to
recognize and track Image target and
simple 3D objects.
Used to create 3D character
models and animation

30. SOLUTION COMPLEXITY
1
2
3

31. PROVE OF CONCEPT
 Flachcard

33. REFERENCES
 Billinghurst, M., Kato, H., & Myojin, S. (2009, July). Advanced interaction techniques for augmented reality
applications. In International Conference on Virtual and Mixed Reality (pp. 13-22). Springer, Berlin, Heidelberg.
 Oidtman, R. J., Christofferson, R. C., Quirine, A., Espana, G., Kraemer, M. U., Tatem, A., ... & Perkins, T. A. (2016).
Pokémon Go and exposure to mosquito-borne diseases: how not to catch ‘Em All. PLoS currents, 8.
 Norton, M., & MacIntyre, B. (2005, October). Butterfly effect: an augmented reality puzzle game. In Fourth IEEE and
ACM International Symposium on Mixed and Augmented Reality (ISMAR'05) (pp. 212-213). IEEE.
 Goudeseune, C., & Kaczmarski, H. (2001). Composing Outdoor Augmented-Reality Sound Environments. In ICMC.