APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI...

24
APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI WILAYAH PUNCAK BERBASIS MOBILE Nama : Nur Rahmawati NPM : 15110143 Jurusan : Sistem Informasi Pembimbing : Dr. Lulu Chaerani Munggaran, SKom., MMSI.

Transcript of APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI...

Page 1: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI WILAYAH PUNCAK BERBASIS

MOBILE

Nama : Nur RahmawatiNPM : 15110143Jurusan : Sistem InformasiPembimbing : Dr. Lulu Chaerani Munggaran, SKom., MMSI.

Page 2: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

LATAR BELAKANG

• Banyaknya wisatawan dari luar daerah yang berlibur di wilayahPuncak yang memerlukan tempat menginap.

• Perkembangan teknologi Augmented Reality yangdikombinasikan dengan Location Based Service sebagai pecarianlokasi.

• Kurangnya aplikasi Android yang menyediakan informasimengenai lokasi hotel di wilayah Puncak.

Page 3: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

BATASAN MASALAH

• Aplikasi yang dirancang adalah aplikasi berbasis mobile dengan platform Android.

• Mencakup informasi mengenai 30 hotel yang terdapat di wilayah

Puncak.

• Terdapat informasi hotel, lokasi, jarak, harga, fasilitas, foto,

website resmi hotel, website booking, nomor telepon dan peta

navigasi.

Page 4: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

TUJUAN PENULISAN

Membuat aplikasi Augmented Reality informasi lokasi hotel di

wilayah Puncak berbasis mobile yang dapat memberikan

kemudahan bagi para wisatawan yang berkunjung ke wilayah

Puncak dalam mendapatkan informasi hotel yang dibutuhkan.

Page 5: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

METODE PENELITIAN

• Perencanaan• Analisis• Perancangan• Implementasi

Page 6: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

PERENCANAAN

• Mendeskripsikan konten dari aplikasi• Menentukan perangkat keras dan perangkat

lunak yang digunakan.• Mementukan database yang akan digunakan.• Menentukan hasil output yang akan dihasilkan

oleh aplikasi.

Page 7: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

ANALISIS

• Menganalisis kebutuhan dari pengguna• Mencari informasi yang dibutuhkan oleh pengguna• Mengumpulkan data-data yang dibutuhkan dalam proses

pembuatan aplikasi• Menentukan langkah-langkah proses pembuatan aplikasi• Menganalisa spesifikasi perangkat keras, perangkat

lunak dan device yang dibutuhkan.

Page 8: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

PERANCANGAN

• Menggambarkan sistem dari aplikasimenggunakan diagram UML:– Use Case Diagram– Sequence Diagram– Activity Diagram– Class Diagram

• Merancang bentuk basis data dari aplikasi• Merancang tampilan output dari aplikasi

Page 9: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

USE CASE DIAGRAM

Page 10: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

ACTIVITY DIAGRAM

Page 11: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

SEQUENCE DIAGRAM

Page 12: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

CLASS DIAGRAM

Page 13: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

IMPLEMENTASI

• Mengimplementasikan rancangan dari aplikasikedalam bahasa pemrograman

• Menginput data-data yang didapat kedalamkonten aplikasi

• Melakukan pengujian aplikasi untuk melihatproses kinerja dari aplikasi

• Mengimplementasikan aplikasi pada perangkatmobile

Page 14: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

TAMPILAN OUTPUT

Tampilan Splash Screen Tampilan Menu Utama

Page 15: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

TAMPILAN OUTPUT

Tampilan Loading Layer Tampilan Menu Layer

Page 16: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

TAMPILAN OUTPUT

Tampilan Layer Info Tampilan Jarak Maksimum

Page 17: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

TAMPILAN OUTPUT

Tampilan AR View Tampilan Aksi Web

Page 18: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

TAMPILAN OUTPUT

Tampilan Aksi Info Tampilan Aksi Call

Page 19: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

TAMPILAN OUTPUT

Tampilan Aksi Take Me There Tampilan Profile Puncak

Page 20: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

TAMPILAN OUTPUT

Tampilan Menu Help Tampilan Menu About

Page 21: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

TAMPILAN OUTPUT

Tampilan Menu Quit

Page 22: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

Uji Coba Black BoxNo Nama

PerangkatSpesifikasi Hasil

1 Samsung Galaxy Grand 2

OS: Android Jelly Bean 4.3Layar : TFT capacitive touchsreen, 16M colors, 720 x 1280 pixels, 5,25 inches (by cpu-z 320 ppi density)

Semua tampilan halaman berjalan dengan baik danterlihat semuanya, namun terlihat lebih panjang padamenu utama dengan ukuran layar devicenya yaitu 5.25inch

2 Samsung Galaxy

Core 2

OS: Android Kitkat 4.4.2

Layar: TFT capacitive touchsreen, 16M colors 480

x 800 pixels, 4.5 inches (~207 ppi pixel density)

Semua tampilan halaman dapat berjalan dengan baik dantombol dapat terlihat semua, aplikasi ini terlihat pas padamenu utama dengan ukuran layar devicenya yaitu 4.5inch

3 Sony Xperia C OS: Android Jelly Bean 4.2.2Layar: TFT capacitive touchsreen, 16M colors, size 540 x 960 pixels, 5,0 inches (~220 ppi pixel density)

Semua tampilan halaman dapat berjalan dengan baik dantombol dapat terlihat semua, hanya terlihat sedikit lebihpanjang dari Sony Xperia SP dengan ukuran layardevice 5,0 inch

4 Sony Xperia SP OS: Android Jelly Bean 4.3Layar: TFT capacitive touchsreen, 16M colors, size 720 x 1280 pixels, 4,6 inches (~319 ppi pixel density)

Semua tampilan halaman dapat berjalan dengan baik dantombol dapat terlihat semua, aplikasi ini hanya terlihatsedikit lebih panjang menu utama dengan ukuran layardevicenya yaitu 4.6 inch

5 Samsung Galaxy Ace 2

OS: Android Kitkat 4.4.4Layar: PLS TFT capacitive touchsreen, 16M colors 480 x 800 pixels, 3.8 inches (~246 ppi pixel density)

Semua tampilan dapat berjalan dengan baik, tombol dimenu utama terlihat semua dan ukurannya pas denganlayar sedang 3.8 inch.

Page 23: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

KESIMPULAN

• Aplikasi ini berisi 30 informasi lokasi hotel di wilayah Puncak.

• Informasi lokasi hotel di wilayah Puncak ditampilkan dengan

menggunakan teknologi Augmented Reality dan Location Based

Service.

• Aplikasi sudah dalam bentuk format apk. dengan ukuran file

sebesar 2.55 MB (Megabyte).

• Pada tampilan menu-menu yang dihasilkan sesuai dengan

mengikuti pixel dan size dari device.

Page 24: APLIKASI AUGMENTED REALITY INFORMASI LOKASI HOTEL DI ...publication.gunadarma.ac.id/bitstream/123456789/11610/1/Presenta… · Spesifikasi Hasil 1 Samsung Galaxy Grand 2 OS: Android

SARAN

• Penambahan fitur informasi lain seperti lokasi restaurant, pom

bensin, toko oleh-oleh dan tempat wisata.

• Penambahan fitur untuk menampilkan berita terbaru dan traffic

di wilayah Puncak.

• Memperindah tampilan interface aplikasi.

• Memperluas jangkauan user dengan cara mengembangkan ke

dalam sistem operasi lain seperti IOS atau Windows 8.