berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. Adapun diagram aktivitas untuk sistem diantara lain.
1 Activity Diagram View AR
Diagram aktivitas ini menjelaskan aktivitas sistem aplikasi dalam menjalankan kamera dan gps untuk memulai proses scanning LLA Longitude and Latitude target
atau titik koordinat user. Diagram aktivitas View AR dapat dilihat pada Gambar 3.6.
Gambar 3.6 Diagram aktivitas View AR
2 Activity DiagramList Location
Diagram aktivitas ini menjelaskan aktivitas sistem aplikasi dalam menampilkan informasi tempat dengan tampilan list. Diagram aktivitas List Location dapat dilihat
pada Gambar 3.7.
Gambar 3.7 Diagram aktivitas List View
3 Activity DiagramAbout
Diagram aktivitas ini menjelaskan aktivitas sistem aplikasi dalam menampilkan aboutyang berisikan deskripsi aplikasi. Diagram aktivitas About dapat dilihat pada
Gambar 3.8.
Gambar 3.8 Diagram aktivitas About
4 Activity DiagramMap View
Diagram aktivitas ini menjelaskan aktivitas sistem aplikasi dalam menampilkan informasi lokasi dalam peta. Diagram aktivitas Map View dapat dilihat pada Gambar
3.9.
Gambar 3.9 Diagram aktivitas Map View
3.5. Perancangan User Interface
Perancangan antar muka atau user interfacedibutuhkan untuk mewakili keadaan sebenarnya dari aplikasi yang akan dibangun, berikut akan disajikan perancangan
antarmuka dari aplikasi yang akan dibangun yang terdiri dari 2 bagian yaitu:
3.5.1. Antar Muka Frontend Application
Agar dapat memudahkan proses pembuatan aplikasi maka terlebih dahulu membuat rancangan
desain tampilannya. Pada perancangan antar muka frontend
application ini meliputi tampilan halaman utama, augmented reality View, List View, Map View, About, dan Help.
a. User Interface Halaman Utama
Gambar 3.10 Desain UI Halaman Utama
b. User Interface AR View
Gambar 3.11 Desain UI AR View
c. User Interface AR View dengan menampilkan menu
Gambar 3.12 Desain UI AR View + Menu
d. User Interface List View
Gambar 3.13 Desain UI List View
e. User Interface Map View
Gambar 3.14 Desain UI Map View
f. User Interface About
Gambar 3.15 Desain UI About
3.5.2. Antar Muka Backend Application
Berbeda dengan frontend application yang memiliki rancangan yang begitu kompleks, backend application hanya meliputi rancangan antar muka saja yaitu terdiri dari
halaman login, menu administrator dan halaman tambah dan ubah data.
a. User Interface Login Admin
Gambar 3.16 Desain UI Login Admin
b. User Interface Halaman Tambah dan Ubah Data POI
Gambar 3.17 Desain UI Manage POI
BAB 4 IMPLEMENTASI DAN PENGUJIAN
Bab ini membahas hasil yang didapatkan dari implementasi penggunaan perangkat GPS untuk menampilkan informasi objek lokasi secara real-time dengan teknologi
Augmented Reality dan pengujian sistem sesuai dengan analisis dan perancangan yang telah dibahas pada Bab 3.
3.6. Implementasi Sistem
Pada tahap ini, penggunaan perangkat GPS akan diimplementasikan ke dalam sistem menggunakan bahasa pemrograman mobile sesuai dengan perancangan yang telah
dilakukan.
4.1.1. Spesifikasi perangkat keras dan perangkat lunak yang digunakan
Spesifikasi perangkat keras dan perangkat lunak yang digunakan untuk membangun sistem adalah sebagai berikut:
1. Prosesor Intel Core i3-2330M CPU 2.2 GHz.
2. Kapasitas harddisk 500 GB.
3. Memori 3.00 RAM DDR3.
4. Sistem operasi yang digunakan adalah Microsoft Windows 7 Ultimate
5. Eclipse 1.4.1 Juno.
6. Android Development Toolkit 23.0.6
7. Smartphone RAM 2GB, 4.4.2 Kitkat, GPS, Kompas, dan Akselerometer
8. Appache xampp
9. MySql 5
10. PHP 5.4
11. PHP Framework Codeigniter v3.0
4.1.2. Implementasi dan Mekanisme Penggunaan Aplikasi
Sebelum membuka aplikasi, diharuskan pengguna mengaktifkan koneksi internet dan sensor GPS untuk bisa mengambil data dari server . Pada saat aplikasi dibuka,
aplikasi akan menampilkan halaman splash screen terlebih dahulu. Halaman splash screen ini dapat dilihat pada gambar 4.1.
Gambar 4.1. Halaman Splash Screen
Setelah halaman splash screen, maka user akan ditujukan pada halaman utama. Pada halaman ini akan langsung memunculkan tampilan kamera dengan teknologi
augmented reality beserta terdapat 5 pilihan menu yang dapat kita pilih, yaitu menu Category, List View, Map View, Radius dan About. Halaman utama dapat dilihat
pada Gambar 4.2.
Gambar 4.2 Halaman Utama