ABSTRAK. Kata kunci: Blackberry API, Cell Site, Google Maps API, GPS, JSON, Mobile, PHP, Rally, Social Game, Tourism.

Transkripsi

1 ABSTRAK Bandung merupakan kota dengan banyak objek wisata didalamnya. Di sisi lain, perkembangan social game dan smartphone di dunia semakin pesat, tidak terkecuali di Indonesia. Game dan smartphone saat ini sudah menjadi alternatif hiburan bagi tua, muda, pria maupun wanita. Hal itu dimanfaatkan untuk mengembangkan sebuah aplikasi game sosial berbasis lokasi pada platform Blackberry yang dinamakan Bandung Toursim Rally, dimana aplikasi ini memberikan tantangan bagi penggunanya karena ada konsep game balap didalamnya dan lokasi-lokasi menarik di kota Bandung digunakan sebagai lokasi-lokasi checkpoint. Dalam aplikasi ini, pengguna diibaratkan sebagai seorang pembalap. Menariknya untuk mengetahui lokasi checkpoint selanjutnya, pengguna tidak langsung diberi tahu nama lokasinya, tetapi akan diberikan petunjuk mengenai lokasi tersebut, dimana setiap petunjuk yang dibuka akan mempengaruhi bonus poin. Pengguna dapat menikmati suguhan game berupa persaingan poin dengan pembalap-pembalap lainnya, dimana poin pengguna akan bertambah apabila pengguna berhasil finish dalam suatu event. Game sosial berbasis poin ini menggunakan konsep client-server dimana semua data ditampung ke dalam sebuah database MySQL (sentralisasi data) dan dibangun web service berbasis PHP-JSON di sisi server sebagai gerbang data yang dapat diakses oleh aplikasi Bandung Tourism Rally pada perangkat blackberry menggunakan Java Blackberry API. Sistem dapat mengetahui lokasi user dengan memanfaatkan perangkat GPS dan Cell Site apabila GPS kurang mendukung, juga menampilkan peta lokasi user pula dengan memanfaatkan Google Map API. Bandung Tourism Rally juga memiliki sistem backend administrator berbasis web berteknologi PHP, dimana web tersebut digunakan oleh administrator untuk mengelola data yang dibutuhkan dalam aplikasi. Kata kunci: Blackberry API, Cell Site, Google Maps API, GPS, JSON, Mobile, PHP, Rally, Social Game, Tourism. v

2 ABSTRACT Bandung is a city that many tourism object inside. In the other hand, social game and smartphone increase significantly in the world, not except in Indonesia. Game and smartphone now has be alternative entertainment for young and old people, man and women. That things be used as advantage to develop social game based location on Blackberry platform named Bandung Toursim Rally, where this application give some challenges for user because there s a rally game concept inside dan many interesting locations in Bandung used as checkpoint locations. In this application, user has role as a racer. The point of interest is to know the next checkpoint location user is not directly given a name of location, but user will given some clues about that location, where every opened clue influence bonus points. User can enjoy game scenario as point competition with other racers, where user point will increase when user raise finish location in a race event. This based point social game use client-server concept where all of data collected in a MySQL database and developed web service in server side based PHP-JSON as data gate that can be accessed by mobile application using Java Blackberry API. Mobile application can detect user location user using GPS and Cell Site if GPS is not support, also can show user location map using Google Map API. Bandung Tourism Rally also has a backend system web based using PHP, where that web based system used by administrator to manage data used by mobile application. Kata kunci: Blackberry API, Cell Site, Google Maps API, GPS, JSON, Mobile, PHP, Rally, Social Game, Tourism. vi

3 DAFTAR ISI LEMBAR PENGESAHAN...i PERNYATAAN ORISINALITAS LAPORAN PENELITIAN... ii PERNYATAAN PUBLIKASI LAPORAN PENELITIAN... iii PRAKATA...iv ABSTRAK... v ABSTRACT...vi DAFTAR ISI... vii DAFTAR GAMBAR... xii DAFTAR TABEL... xvii DAFTAR LAMPIRAN... xvii BAB I... 1 PENDAHULUAN Latar Belakang Rumusan Masalah Tujuan Ruang Lingkup Penelitian Batasan Masalah Metodologi Penelitian Sistematika Pembahasan... 4 BAB II... 5 DASAR TEORI Konsep Client-Server Pemrograman Berorientasi Obyek Konsep Dasar PBO Perbedaan Bahasa Pemrograman Prosedural dan PBO Bahasa Pemrograman PBO Unified Modeling Language (UML) Use case Sequence Diagram Activity Diagram Pengembangan Aplikasi Blackberry... 8 vii

4 2.3.1 Java sebagai API Blackberry API Location based service Komponen LBS Aplikasi Berbasis LBS Penyedia Layanan LBS Global Positioing System Teknologi GPS Cara Kerja GPS A-GPS (Asissted-Global Positioning System) Web service JSON Pengujian Blackbox BAB III ANALISA DAN PEMODELAN Deskripsi Umum Sistem Desain Tampilan Menu Utama Mobile Proses Registrasi Proses Input Kode Validasi Proses Login Proses Membuka Layar Beranda Proses Membuka Layar Bantuan Proses Lihat Petunjuk Proses Checkpoint Proses Lihat Posisi Balap Proses Lihat Papan Skor Proses Mengelola Profil Proses Lihat Event Proses Lihat Prestasi Proses Reset Kata Sandi Desain Antarmuka Home Web Proses Login Web Proses Mengelola Data Event Mencari Data Event Menambah dan Mengubah Data Event viii

5 Menghapus Data Event Proses Mengelola Data Lokasi dan Petunjuk Mencari Data Lokasi Menambah dan Mengubah Data Lokasi dan Petunjuk Menghapus Data Lokasi Upload Foto Lokasi Proses Mengelola Data User Mencari Data User Menambah dan Mengubah Data User Menghapus Data User Proses Melihat History Checkpoint Proses Daily Running Script Diagram Kelas Diagram ER BAB IV HASIL IMPLEMENTASI Implementasi Basis Data Implementasi Antarmuka Splash Implementasi Antarmuka Menu Utama Implementasi Proses Registrasi Implementasi Proses Input Kode Validasi Implementasi Proses Login Implementasi Proses Membuka Beranda Implementasi Proses Lihat Petunjuk Implementasi Proses Checkpoint Implementasi Proses Lihat Posisi Balap Implementasi Proses Lihat Papan Skor Implementasi Proses Mengelola Profil Implementasi Proses Lihat Event Implementasi Proses Lihat Prestasi Implementasi Proses Ubah Jenis Lokasi Implementasi Proses Reset Kata Sandi Implementasi Proses Home Web Implementasi Proses Login Web Implementasi Proses Mengelola Event ix

6 Mencari Data Event Menambah dan Mengubah Data Event Menghapus Data Event Implementasi Proses Mengelola Lokasi dan Petunjuk Mencari Data Lokasi Menambah dan Mengubah Data Lokasi Menghapus Data Lokasi Implementasi Proses Mengelola User Mencari Data User Menambah dan Mengubah Data User Menghapus Data User Implementasi Proses Daily Running Script Implementasi Proses Melihat Histori Checkpoint BAB V PENGUJIAN Pengujian Form Registrasi Pengujian Form Input Kode Validasi Pengujian Form Login Pengujian Proses Membuka Beranda Pengujian Proses Melihat Petunjuk Pengujian Proses Melihat Petunjuk Selanjutnya Pengujian Proses Mengambil Lokasi User Pengujian Proses Checkpoint Pengujian Proses Lihat Posisi Balap Pengujian Proses Lihat Papan Skor Pengujian Proses Mengelola Profil Upload Avatar Form Ubah Nama dan Form Ubah Kata Sandi Pengujian Proses Lihat Event Pengujian Proses Lihat Prestasi Pengujian Form Reset Kata Sandi Pengujian Form Login Web Pengujian Mengelola Data Event Mencari Data Event x

7 Menambah dan Mengubah Data Event Menghapus Data Event Pengujian Mengelola Data Lokasi dan Petunjuk Mencari Data Lokasi Menambah dan Mengubah Data Lokasi Menghapus Data Lokasi Pengujian Mengelola Data User Mencari Data User Menambah dan Mengubah Data User Menghapus Data User Pengujian Daily Running Script BAB VI KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA xi

8 DAFTAR GAMBAR Gambar 2.1 Konsep Client-Server... 5 Gambar 2.2 Komponen Pendukung Utama LBS Gambar 2.3 Cara Kerja GPS Gambar 2. 4 Proses Umum Web Service Gambar 2. 5 Struktur Obyek Dalam JSON Gambar 2. 6 Struktur Array Dalam JSON Gambar 2. 7 Struktur Value Dalam JSON Gambar 3. 1 Diagram Use case Gambar 3. 2 Desain Antarmuka Menu Utama Gambar 3. 3 Desain Antarmuka Layar Registrasi Gambar 3. 4 Diagram Aktifitas Registrasi Gambar 3. 5 Desain Antarmuka Input Kode Validasi Gambar 3. 6 Diagram Aktifitas Input Kode Validasi Gambar 3. 7 Desain Antarmuka Layar Login Gambar 3. 8 Diagram Aktifitas Login Gambar 3. 9 Desain Antarmuka Layar Beranda Gambar Diagram Aktifitas View Timeline Gambar Desain Antarmuka Layar Bantuan Gambar Desain Antarmuka Layar Petunjuk Gambar Diagram Aktifitas Lihat Petunjuk Gambar Desain Antarmuka Layar Checkpoint Gambar Diagram Aktifitas Checkpoint Gambar Desain Antarmuka Checkpoint Success Belum Finish Gambar Desain Antarmuka Checkpoint Success Sudah Finish Gambar Diagram Aktifitas Lihat Posisi Balap Gambar Desain Antarmuka Layar Posisi Sekarang Gambar Diagram Aktifitas Lihat Papan Skor Gambar Desain Antarmuka Layar Scoreboard Gambar Diagram Aktifitas Lihat Profil Gambar Desain Antarmuka Layar Profil Saya Gambar Desain Antarmuka Layar Ubah Nama dan Gambar Desain Antarmuka Layar Ubah Kata Sandi xii

9 Gambar Desain Antarmuka Profil User Lain Gambar Diagram Aktifitas Lihat Event Gambar Desain Antarmuka Layar Event Gambar Desain Antarmuka Layar Detail Event Gambar Diagram Aktifitas Lihat Prestasi Gambar Desain Antarmuka Layar Prestasi Gambar Desain Antarmuka Layar Reset Kata Sandi Gambar Diagram Aktifitas Reset Kata Sandi Gambar Desain Antarmuka Menu Home Web Gambar Desain Antarmuka Login Web Gambar Diagram Aktifitas Login Web Gambar Desain Antarmuka Layar Mengelola Event Gambar Diagram Aktifitas Cari Data Event Gambar Desain Antarmuka Tambah dan Ubah Event Gambar Diagram Aktifitas Simpan Data Event Gambar Diagram Aktifitas Hapus Event Gambar Desain Antarmuka Layar Mengelola Lokasi dan Petunjuk Gambar Diagram Aktifitas Cari Data Lokasi Gambar Desain Antarmuka Tambah dan Ubah Lokasi dan Petunjuk Gambar Diagram Aktifitas Simpan Data Lokasi dan Petunjuk Gambar Diagram Aktifitas Hapus Lokasi dan Petunjuk Gambar Desain Antarmuka Upload Foto Lokasi Gambar Diagram Aktifitas Upload Foto Lokasi Gambar Desain Antarmuka Layar Mengelola User Gambar Diagram Aktifitas Cari Data Lokasi Gambar Desain Antarmuka Tambah User Gambar Desain Antarmuka Ubah User Gambar Diagram Aktifitas Simpan Data Lokasi dan Petunjuk Gambar Diagram Aktifitas Hapus User Gambar Desain Antarmuka Layar Melihat Histori Checkpoint Gambar Diagram Aktifitas Daily Running Script Gambar Diagram Kelas Aplikasi Gambar Diagram ER Tourism Rally Gambar 4. 1 Basis Data yang Sudah Diimplementasikan Gambar 4. 2 Antarmuka Layar Splash xiii

10 Gambar 4. 3 Antarmuka Layar Menu Utama Gambar 4. 4 Screenshot Layar Registrasi Gambar 4. 5 Potongan Kode Program Proses Registrasi Gambar 4. 6 Potongan Kode Web service Proses Registrasi Gambar 4. 7 Screenshot Layar Input Kode Validasi Gambar 4. 8 Potongan Kode Program Proses Validasi Gambar 4. 9 Potongan Kode Web service Proses Validasi Gambar Screenshot Layar Login Gambar Potongan Kode Program Login Gambar Potongan Kode Program Web service Login Gambar Sceenshot Layar Beranda Gambar Potongan Kode Program Home Screen Gambar Potongan Kode Web service Get Timeline Gambar Screenshot Layar Lihat Petunjuk Gambar Potongan Kode Program Get Next Clue Gambar Potongan Kode Program Callback Lihat Petunjuk Selanjutnya Gambar Potongan Kode Program Meminta Lokasi Gambar Potongan Kode Program Meminta Gambar Peta Gambar Potongan Kode Web service Get Map Gambar Antarmuka Layar Checkpoint Gambar Potongan Kode Program Checkpoint Gambar Potongan Kode Program Web service Checkpoint Gambar Antarmuka Layar Checkpoint Success Gambar Antarmuka Layar Checkpoint Success Dalam Keadaan Finish Gambar Potongan Kode Program Lihat Posisi Balap Gambar Potongan Kode Web service View Position Gambar Antarmuka Layar Lihat Posisi Balap Sekarang Gambar Potongan Kode Program Lihat Papan Skor Gambar Potongan Kode Program Web service View Scoreboard Gambar Antarmuka Layar Papan Skor Gambar Potongan Kode Program Lihat Profil Gambar Potongan Kode Program Web service Get User Detail Gambar Antarmuka Layar Profil Saya Gambar Potongan Kode Program Upload Gambar Gambar Antarmuka Layar Ubah Profil xiv

11 Gambar Potongan Kode Program Simpan Profil Gambar Potongan Kode Web service Edit Profil Gambar Antarmuka Layar Ubah Kata Sandi Gambar Potongan Kode Program Ganti Kata Sandi Gambar Potongan Kode Web service Ubah Kata Sandi Gambar Layar Antarmuka Profil User Lain Gambar Potongan Kode Program Lihat Event Gambar Potongan Kode Program Web service View Event Gambar Antarmuka Layar Papan Skor Gambar Antarmuka Detail Event Atas Gambar Antarmuka Detail Event Bawah Gambar Potongan Kode Program Lihat Prestasi Gambar Potongan Kode Program Web service View Achievement Gambar Antarmuka Layar Prestasi Gambar Potongan Kode Program Ambil Jenis Tempat Gambar Potongan Kode Program Web service GetVenueType Gambar Antarmuka Layar Pengaturan Gambar Screenshot Layar Reset Kata Sandi Gambar Potongan Kode Program Reset Kata Sandi Gambar Potongan Kode Web service Forgot Password Gambar Antarmuka Home Web Administrator Gambar Potongan Kode Program Gambar Antarmuka Login Web Administrator Gambar Potongan Kode Program Login Web Gambar Antarmuka Layar Web Mengelola Event Gambar Potongan Kode Program Web Pengambilan Data Event Gambar Potongan Kode Program Cari Event Gambar Antarmuka Web Menambah atau Mengedit Event Gambar Potongan Kode Program Mengambil Detail Event Gambar Potongan Kode Program Save Event Gambar Potongan Kode Web service Save Event Gambar Potongan Kode Program Hapus Event Gambar Potongan Kode Web service Hapus Event Gambar Antarmuka Layar Web Mengelola Lokasi dan Petunjuk Gambar Potongan Kode Program Web Pengambilan Data Lokasi xv

12 Gambar Potongan Kode Web service View Place Gambar Potongan Kode Program Cari Lokasi Gambar Antarmuka Web Menambah atau Mengedit Lokasi Gambar Potongan Kode Program Mengambil Detail Lokasi Gambar Potongan Kode Program Save Place Gambar Potongan Kode Web service Save Place Gambar Potongan Kode Program Hapus Lokasi Gambar Potongan Kode Web service Hapus Lokasi Gambar Antarmuka Layar Web Mengelola User Gambar Potongan Kode Program Web Pengambilan Data User Gambar Potongan Kode Program View Users Gambar Potongan Kode Program Cari User Gambar Antarmuka Web Menambah User Gambar Antarmuka Web Mengubah User Gambar Potongan Kode Program Mengambil Detail User Gambar Potongan Kode Program Save User Gambar Potongan Kode Web service Save user Gambar Potongan Kode Program Hapus User Gambar Potongan Kode Web service Hapus User Gambar Potongan Kode Daily Running Script Gambar Antarmuka Layar Web Histori Checkpoint Gambar Potongan Kode Program Web Pengambilan Data Laporan Gambar Potongan Kode Program Get Laporan xvi

13 DAFTAR TABEL Tabel 5. 1 Tabel Pengujian Proses Registrasi Tabel 5. 2 Tabel Pengujian Proses Input Kode Validasi Tabel 5. 3 Tabel Pengujian Proses Login Tabel 5. 4 Tabel Pengujian Proses Membuka Tampilan Beranda Tabel 5. 5 Tabel Pengujian Proses Melihat Petunjuk Tabel 5. 6 Tabel Pengujian Proses Melihat Petunjuk Selanjutnya Tabel 5. 7 Tabel Pengujian Proses Mengambil Lokasi User Tabel 5. 7 Tabel Pengujian Proses Checkpoint Tabel 5. 9 Tabel Pengujian Proses Lihat Posisi Balap Tabel Tabel Pengujian Proses Lihat Papan Skor Tabel Tabel Pengujian Proses Upload Avatar Tabel Tabel Pengujian Proses Ubah Nama dan Tabel Tabel Pengujian Proses Ubah Kata Sandi Tabel Tabel Pengujian Proses Lihat Event Tabel Tabel Pengujian Proses Lihat Prestasi Tabel Tabel Pengujian Reset Kata Sandi Tabel Tabel Pengujian Proses Login Web Tabel Tabel Pengujian Proses Mencari Data Event Tabel Tabel Pengujian Proses Menambah atau Mengubah Data Event Tabel Tabel Pengujian Proses Menghapus Data Event Tabel Tabel Pengujian Proses Mencari Data Lokasi Tabel Tabel Pengujian Proses Menambah atau Mengubah Data Lokasi Tabel Tabel Pengujian Proses Menghapus Data Lokasi Tabel Tabel Pengujian Proses Mencari Data User Tabel Tabel Pengujian Proses Menambah atau Mengubah Data User Tabel Tabel Pengujian Proses Menghapus Data User Tabel Tabel Pengujian Proses Daily Running Script xvii

14 DAFTAR LAMPIRAN A. KAMUS DATA B. RIWAYAT PENULIS xviii