APLIKASI MEDIA PEMASARAN PROPERTI DENGAN MENGGUNAKAN TEKNOLOGI AUGMENTED REALITY PADA PERANGKAT ANDROID

1. AP LIKAS I ME DIA P E MAS AR AN
P R O P E R TI D E N G AN
ME N G G U N AKAN TE KN O LO G I
AU G ME N TE D R E ALITY P AD A
P E R AN G KAT AN D R O ID
Ahmad Arif Faizin
(2 1 0 6 0 1 1 2 1 2 0 0 2 7 )

2. LATAR BE LAKAN G
CARA PEMASARAN YANG BIASAMENINGKATNYA BISNIS PROPERTI KEBUTUHAN KONSUMEN

3. S O LU S I
Augmented Reality
Menggabungkan dunia virtual pada
dunia nyata secara langsung

4. No Peneliti Software Fitur Tambahan Pengujian
1 Bregga Teddy Gorbbala
dan Mochamad Hariadi [1]
ARToolKit
osgART
Video JarakSudut
2 Muhammad Rifa’i, Tri
Listyorini, dan Anastasya
Latubessy [2]
Unity 3D
Vuforia SDK
Denah
Tutorial
Contact
Respon Time
3 Devi Afriyantari Puspa
Putri dan Endah
Sudharmilah [3]
ARToolKit
osgART
Bantuan
Tentang
Unduh marker
BlackboxValiditas
4 Abdul Muiz Prisambodo
[4]
Adobe Flash Zoom
Rotate
About
BlackBox
5 Siryantini Nurul Adnin, Ida
Bagus Ketut Widiartha, I
Made Budi Suksmadana
[5]
Unity 3D
Vuforia SDK
Rotasi
Informasi rumah
Detail rumah
BlackBox
6 Penelitian yang dilakukan Unity 3D
Vuforia
SDKAndroid Studio
Profil perusahaan(dengan
video Youtube)
List Produk
Detail Produk
Fasilitas
Portofolio
Share
Contact (dengan Maps)
Audio Deskripsi
Translate, Rotate, dan
Scale
BlackBox
Jarak pendeteksian awal
maksimum dan minimum
Jarak pelacakan maksimum
dan minimum
Sudut pendeteksian awal dan
pelacakan maksimum

5. TU J U AN
Penelitian ini bertujuan untuk merancang dan membuat
aplikasi media pemasaran properti dengan
menggunakan teknologi Augmented Reality pada
perangkat Android yang dapat menampilkan objek 3D
di atas marker. Aplikasi ini juga sebagai Company
Profile yang dapat menampilkan profil perusahaan, list
dan detail perumahan, fasilitas perumahan, portofolio
perusahaan, dan kontak perusahaan.

6. MAN FAAT
MENARIK PERHATIAN EFEKTIF DAN HEMAT BIAYA LIHAT RUMAH LEBIH NYATA

7. D E S KR IP S I
S IS TE M

8. D E S AIN
AP LIKAS I

9. D IAG R AM U S E
C AS E

10. D IAG R AM
C LAS S
AppC ompatActivity

11. D IAG R AM
C LAS S
Fragment

12. » Mito Impact A10, OS Android version 6.0.1 (Marshmallow), Layar
4,5 inch IPS, Resolusi 480x854, CPU Quad Core 1.3 GHz, Kamera
5MP
» Xiaomi Redmi S1, OS Android version 4.4.4 (KitKat), Layar
4.7 inch IPS, Resolusi 720x1280, CPU Quad-core 1.6 GHz, Kamera
8MP
» Xiaomi Redmi 3S Pro, OS Android version 6.0 (Marshmallow),
Layar 5.0 inch IPS, Resolusi 720x 1280, CPU Snapdragon Octa-
core 1.6 GHz (Quad 1.1GHz + Quad 1.4GHz), Kamera 13MP
P E R AN G KAT
P E N G U J IAN

13. HAS IL
P E N G U J IAN
Fitur Aplikasi Android
NO BentukPengujian
Hasil Pengujian
Mito
Impact
A10
Xiaomi
Redmi
S1
Xiaomi
Redmi
S3 Pro
1 Memasang aplikasi pada android. Berhasil Berhasil Berhasil
2 Menampilkan Splash Screen Berhasil Berhasil Berhasil
3 Menampilkan Navigation Drawer Berhasil Berhasil Berhasil
4 Menampilkan menu Profil Berhasil Berhasil Berhasil
5 Menjalankan video profil perusahaan Berhasil Berhasil Berhasil
6 Menampilkan menu Produk Berhasil Berhasil Berhasil
7 Menampilkan Detail Produk Berhasil Berhasil Berhasil
8 Menampilkan menu Fasilitas Berhasil Berhasil Berhasil
9 Menampilkan menu Portofolio Berhasil Berhasil Berhasil
10 Menampilkan menu Web Berhasil Berhasil Berhasil
11 Share Link Aplikasi Berhasil Berhasil Berhasil
12 Menampilkan menu Contact Berhasil Berhasil Berhasil
13
Melakukan panggilan dan mengirim
email
Berhasil Berhasil Berhasil

14. P E N G U J IAN
Marker Augmented
R eality
NO Bentuk Pengujian
Hasil Pengujian
Mito
Impact
A10
Xiaomi
Redmi
S1
Xiaomi
Redmi
S3 Pro
1 Mendeteksi marker Cluster Umayyah 1 Berhasil Berhasil Berhasil
2 Mendeteksi marker Cluster Umayyah 2 Berhasil Berhasil Berhasil
3 Mendeteksi marker Cluster Umayyah 3 Berhasil Berhasil Berhasil
4 Mendeteksi marker Cluster Abbasiyah 1 Berhasil Berhasil Berhasil
5 Mendeteksi marker Cluster Abbasiyah 2 Berhasil Berhasil Berhasil
6 Mendeteksi marker Cluster Abbasiyah 3 Berhasil Berhasil Berhasil
7 Mendeteksi marker Cluster Ustmaniyyah 1 Berhasil Berhasil Berhasil
8 Mendeteksi marker Cluster Ustmaniyyah 2 Berhasil Berhasil Berhasil
9 Mendeteksi marker Cluster Ustmaniyyah 3 Berhasil Berhasil Berhasil
10 Mendeteksi marker Cluster Umayyah 1 Berhasil Berhasil Berhasil
11 Mendeteksi marker Cluster Umayyah 2 Berhasil Berhasil Berhasil
12 Mendeteksi marker Cluster Umayyah 3 Berhasil Berhasil Berhasil
13 Mendeteksi marker Cluster Abbasiyah 1 Berhasil Berhasil Berhasil

15. HAS IL
P E N G U J IAN
J arak P endeteksian Awal
Uji
Coba
Jarak Pendeteksian Awal
Minimum (cm)
Jarak Pendeteksian Awal
Maksimum (cm)
Mito
Impact
A10
Xiaomi
Redmi S1
Xiaomi
Redmi 3S
Pro
Mito
Impact
A10
Xiaomi
Redmi S1
Xiaomi
Redmi 3S
Pro
1 20 20 20 80 110 150
2 20 20 20 80 130 140
3 20 20 20 60 110 110
4 20 20 20 90 120 120
5 20 20 20 70 110 130
6 20 20 20 80 110 120
7 20 20 20 70 110 130
8 20 20 20 70 110 140
9 20 20 20 70 110 130
Rata-
rata
20 20 20 74.4 113.3 130

16. HAS IL
P E N G U J IAN
J arak P elacakan
Uji
Coba
Jarak Pelacakan Minimum
(cm)
Jarak Pelacakan Maksimum (cm)
Mito
Impact
A10
Xiaomi
Redmi S1
Xiaomi
Redmi 3S
Pro
Mito
Impact
A10
Xiaomi
Redmi S1
Xiaomi
Redmi 3S
Pro
1 6 6 7 230 210 230
2 6 6 6 220 260 290
3 7 5 7 200 260 300
4 7 7 9 200 200 270
5 7 8 7 230 260 260
6 8 8 6 240 210 230
7 8 6 7 210 250 260
8 5 6 7 260 250 290
9 9 6 8 230 190 300
Rata-
rata
7 6.4 7.1 224.4 232.2 270

17. HAS IL
P E N G U J IAN
S udut Maksimum
Uji
Coba
Sudut Pendeteksian Awal
Maksimum (cm)
Sudut Pelacakan
Maksimum (cm)
Mito
Impact
A10
Xiaomi
Redmi S1
Xiaomi
Redmi 3S
Pro
Mito
Impact
A10
Xiaomi
Redmi S1
Xiaomi
Redmi 3S
Pro
1 55 53 58 88 88 89
2 55 57 60 87 88 88
3 54 62 57 89 87 88
4 59 56 60 87 88 87
5 50 50 57 88 89 88
6 53 53 58 88 87 88
7 60 60 61 87 88 87
8 50 50 60 88 88 87
9 55 55 60 89 87 89
Rata-
rata
54.5 55.1 59 87.8 87.7 87.9

18. DE MO
AP LIKAS I

19. » 1.Aplikasi media pemasaran properti dengan
menggunakan teknologi Augmented Reality pada
perangkat Android telah dapat berjalan dengan baik pada
perangkat Android dengan Versi OS Android Kitkat
sampai Marshmallow.
» 2.Objek 3D dapat mulai tampil dengan jarak minimal
pendeteksian awal yaitu 20 cm. Sedangkan untuk jarak
maksimal pendeteksian awal yaitu sekitar 105.9 cm.
KE S IMP U
LAN

20. » 3.Semakin besar piksel kamera semakin besar jarak
maksimal pendeteksian awal.
» 4.Pada saat pelacakan, objek 3D masih dapat tampil dari
jarak sekitar 6.8 cm sampai dengan jarak sekitar 242.2
cm.
» 5.Objek 3D dapat tampil dengan sudut pendeteksian awal
maksimum sekitar 56.2 derajat. Sedangkan saat
pelacakan, objek 3D masih dapat tampil sampai sekitar
87.8 derajat.
KE S IMP U
LAN

21. S AR A
N
» 1.Pengembangan Tugas Akhir lain dapat menerapkan fitur lain seperti
penambahan video perusahaan dengan Augmented Reality.
» 2.Membuat Augmented Reality langsung menggunakan Android Studio
tanpa menggunakan Unity3D dengan memanfaatkan Vuforia SDK untuk
Android.
» 3.Objek 3D tidak hanya menampilkan rumah dari luar, tetapi juga
bentuk isi rumah.
» 4.Menampilkan objek 3D rumah dalam ukuran yang sesungguhnya
dengan menggunakan teknologi Virtual Reality.
» 5.Membuat database untuk mengetahui rumah yang
sudah dibeli dan belum dibeli.

22. “Be s u re , the re is s o me thing
w aiting fo r y o u , afte r mu c h
p atie nc e ,
to as to nis h y o u
to a de g re e that y o u fo rg e t
the bitternest of the pain”
-Ali b in Ab i T halib

23. THAN KS !
Any questions?

24. THAN KS !
Any questions?
You can find me at
» @username
» user@mail.me

25. 1 .
D E MO AP LIKAS I
Let’s start with the first set of slides

26. LATAR BE LAKAN G
CARA PEMASARAN YANG BIASA
Click on the button under the presentation
preview that says "Download as
PowerPoint template". You will get a .pptx
file that you can edit in PowerPoint.
Remember to download and install the
fonts used in this presentation (you’ll find
the links to the font files needed in the
Presentation design slide)
More info on how to use this template at www.slidescarnival.com/help-use-presentation-template
This template is free to use under Creative Commons Attribution license. You can keep the Credits
slide or mention SlidesCarnival and other resources used in a slide footer.
MENINGKATNYA BISNIS PROPERTI
Click on the button under the presentation
preview that says "Use as Google Slides
Theme".
You will get a copy of this document on
your Google Drive and will be able to edit,
add or delete slides.
You have to be signed in to your Google
account.

27. BIG
C O N C E
P TBring the attention of your audience over a key
concept using icons or illustrations

28. White
Is the color of milk and fresh
snow, the color produced by
the combination of all the
colors of the visible
spectrum.
Y O U C AN ALS O S P LIT
Y O U R C O N TE N T
Black
Is the color of coal, ebony,
and of outer space. It is the
darkest color, the result of
the absence of or complete
absorption of light.

29. IN TW O O R THR E E
C O LU MN S
Yellow
Is the color of gold,
butter and ripe lemons.
In the spectrum of
visible light, yellow is
found between green
and orange.
Blue
Is the colour of the
clear sky and the deep
sea. It is located
between violet and
green on the optical
spectrum.
Red
Is the color of blood,
and because of this it
has historically been
associated with
sacrifice, danger and
courage.

30. A P IC TU R E IS
W O R TH A
THO U S AN D
W O R DS
A complex idea can be
conveyed with just a single still
image, namely making it
possible to absorb large
amounts of data quickly.

31. W ant b ig imp ac t?
U S E BIG IMAG E .

32. U S E C HAR TS TO E X P LAIN
Y O U R IDE AS
White BlackGray

33. AN D TABLE S TO
C O MP AR E D ATA
A B C
Yellow 10 20 7
Blue 30 15 10
Orange 5 24 16

34. MAP S
Our Office

35. 89,526,1
24Whoa! That’s a big number, aren’t you proud?

36. 89,526,124
$
That’s a lot of money
100%
Total success!
185,244
U S E R S
And a lot of users

37. O U R P R O C E S S IS E AS Y
first second last

38. LET’S R E V IE W S O ME
C O N C E P TS
Yellow
Is the color of gold, butter and
ripe lemons. In the spectrum
of visible light, yellow is found
between green and orange.
Blue
Is the colour of the clear sky
and the deep sea. It is located
between violet and green on
the optical spectrum.
Red
Is the color of blood, and
because of this it has
historically been associated
with sacrifice, danger and
courage.
Yellow
Is the color of gold, butter and
ripe lemons. In the spectrum
of visible light, yellow is found
between green and orange.
Blue
Is the colour of the clear sky
and the deep sea. It is located
between violet and green on
the optical spectrum.
Red
Is the color of blood, and
because of this it has
historically been associated
with sacrifice, danger and
courage.

39. You can insert graphs from Google Sheets

40. AN D R O
ID
P R O J E
C T
Show and explain your web, app
or software projects using these
gadget templates.
Place your screenshot here

41. Place your screenshot here
iP H O N
E
P R O J E
C T
Show and explain your web, app
or software projects using these
gadget templates.

42. Place your screenshot here
T AB L E
T
P R O J E
C T
Show and explain your web, app
or software projects using these
gadget templates.

43. Place your screenshot here
D E S K T
O P
P R O J E
C T
Show and explain your web, app
or software projects using these
gadget templates.

44. THAN KS !
Any questions?
You can find me at
» @username
» user@mail.me

45. C R E DITS
Special thanks to all the people who made and
released these awesome resources for free:
» Presentation template by SlidesCarnival
» Photographs by Unsplash

46. P R E S E N TATIO N D E S IG N
This presentation uses the following typographies and colors:
» Titles: Oswald
» Body copy: Roboto Condensed
You can download the fonts on these pages:
https://www.fontsquirrel.com/fonts/oswald
https://www.fontsquirrel.com/fonts/roboto
Dark aqua #3796bf / Aqua #4bb5d9 / Light aqua #81d1ec
Yolk yellow #ff9900
You don’t need to keep this slide in your presentation. It’s only here to serve you as a design guide
if you need to create new slides or download the fonts to edit the presentation in PowerPoint®

47. SlidesCarnival icons are editable shapes.
This means that you can:
● Resize them without losing quality.
● Change fill color and opacity.
● Change line color, width and style.
Isn’t that nice? :)
Examples:

48. Now you can use any emoji as an icon!
And of course it resizes without losing quality and you can change the color.
How? Follow Google instructions
https://twitter.com/googledocs/status/730087240156643328
✋👆👉👍👤👦👧👨👩👪💃🏃💑❤😂
😉😋😒😭👶😸🐟🍒🍔💣📌📖🔨🎃🎈
🎨🏈🏰🌏🔌🔑 and many more...
😉