IMPLEMENTASI GOOGLE MAPS API DAN HARVERSINE FORMULA PADA APLIKASI MINIMARKET LOCATOR KOTA MALANG BERBASIS HTML5 PADA PLATFORM ANDROID.

Transkripsi

1 IMPLEMENTASI GOOGLE MAPS API DAN HARVERSINE FORMULA PADA APLIKASI MINIMARKET LOCATOR KOTA MALANG BERBASIS HTML5 PADA PLATFORM ANDROID Tugas Akhir Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Rizani Rahadian Mochtar JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015

2 49

3 IMPLEMENTASI GOOGLE MAPS API DAN HARVERSINE FORMULA PADA APLIKASI MINIMARKET LOCATOR KOTA MALANG BERBASIS HTML5 PADA PLATFORM ANDROID TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Menyetujui Pembimbing I Pembimbing II Galih W. Wicaksono, S.Kom, M.Cs NIDN Ilyas Nuryasin, S.Kom, M.Kom NIDN LEMBAR PENGESAHAN 50

4 51

5 LEBAR PERSEMBAHAN Yang pertama dan yang terutama, puji syukur kekhadirat Allah SWT. karena limpah rahmat-nya memberikan kekuatan dalam pengerjaan tugas akhir ini. Sholawat serta salam tercurah-limpahkan kepada Nabi Muhammad SAW. Saya persembahkan karya sederhana ini kepada semua orang yang kusayangi. 1. Kepada Ayahanda Mochtar Abdurrachman, yang telah dengan ikhlas membiayai dan menyekolahkan anak-anaknya, tiada henti doanya menyertai setiap langkah kaki anaknya dalam menempuh studi. Terima Kasih Ayah. 2. Kepada Ibunda Syahriati Abdul Karim, terima kasih atas segala kasih sayang, nasihat yang menguatkan dalam menjalankan studi ini, tiada terkira kasih sayangmu yang tertuang dalam doa dan ikhtiar untuk anakmu. Terima Kasih Ibu. 3. Kepada Kakak ku Fitria Titi Meilawati Mochtar, yang selalu menjadi tolak ukur saya dalam menjalankan studi, yang dengan penuh kasih mengayomi adik-adiknya, yang telah dengan ikhlas berbagi uang saku dengan adiknya dalam menjalankan studi meskipun dia juga masih membutuhkan. 4. Kepada Adik-adik saya Taufan Arimansyah Mochtar dan Anggi Arista Farhani Mochtar, terima kasih karena telah dengan rela mendahulukan kakaknya dalam menjalani studi hingga selesai. 5. Kepada kedua dosen pembimbing saya, Bpk. Galih Wasis Wicaksono, S.Kom, M.Cs, dan Bpk. Ilyas Nuryasin, S.Kom, M.Kom, yang telah dengan sabar membimbing saya hingga mampu menyelesaikan tugas akhir ini. 6. Kepada para sahabat-sahabat terkasih penghuni pondok G14, tanpa kalian saya bukan siapa-siapa. 7. Kepada My Lovely Efi Chutomah, yang dengan sabar selalu menemani, memberikan semangat kepada saya dari awal pengerjaan hingga tugas akhir ini terselesaikan. Terima kasih untuk cintamu bingbing. 8. Kepada seluruh staff akademika Teknik Informatika Universitas Muhammadiyah Malang yang telah membantu dalam penyelesaian tugas akhir saya. Terima kasih. 52

6 KATA PENGANTAR Puji dan syukur kehadirat Allah SWT. atas rahmat serta hidayah-nya sehingga penulis dapat menyelesaikan skripsi ini yang mengambil judul Implementasi Google Maps Api Dan Haversine Formula Pada Aplikasi Minimarket Locator Kota Malang Berbasis Html5 Pada Platform Android. Tujuan penulisan skripsi ini untuk memenuhi sebahagian syarat memperoleh gelar Sarjana Komputer (S.Kom) bagi mahasiswa program S-1 di Fakultas Teknik Jurusan Teknik Informatika Universitas Muhammadiyah Malang. Penulis menyadari bahwa skripsi ini masih jauh dari kesempurnaan, oleh sebab itu penulis mengharapkan kritik dan saran yang bersifat membangun dari semua pihak demi kesempurnaan skripsi ini. Terselesaikannya skripsi ini tidak terlepas dari bantuan banyak pihak, sehingga pada kesempatan ini dengan segala kerendahan hati dan penuh rasa hormat penulis menghaturkan terima kasih yang sebesar-besarnya bagi semua pihak yang telah memberikan bantuan moril maupun materil baik langsung maupun tidak langsung dalam penyusunan skripsi ini hingga selesai. Akhir kata penulis mengucapkan terimakasih kepada semua pihak yang telah membantu dan penulis berharap semoga skripsi ini dapat bermanfaat bagi kita semua dan menjadi bahan masukan dalam perkembangan teknologi Indonesia. Malang, September 2015 Penulis Rizani Rahadian Mochtar 53

7 DAFTAR ISI LEMBAR PERSETUJUAN... i LEMBAR PENGESAHAN... ii LEMBAR PERNYATAAN... iii LEMBAR PERSEMBAHAN... iv ABSTRAKSI... v KATA PENGANTAR... vi DAFTAR ISI... vii DAFTAR TABEL... ix DAFTAR GAMBAR... ix BAB I PENDAHULUAN LATAR BELAKANG RUMUSAN MASALAH TUJUAN BATASAN MASALAH METODOLOGI PENGUMPULAN DATA SISTEMATIKA PENULISAN... 5 BAB II LANDASAN TEORI LOCATION BASED SERVICES KOMPONEN LBS SISTEM KERJA LBS GLOBAL POSITIONING SYSTEM (GPS) ASSISTED GLOBAL POSITIONING SYSTEM (A-GPS) ANDROID DAN GPS GOOGLE MAPS API PEMANFAATAN GOOGLE MAPS API HAVERSINE FORMULA PROSES PERHITUNGAN HAVERSINE FORMULA ANDROID

8 2.5.1 APPLICATION LAYER PENERAPAN HTML5 PADA PLATFORM ANDROID BAB III ANALISA DAN PERANCANGAN SISTEM ANALISA SISTEM KEBUTUHAN FUNGSIONAL KEBUTUHAN NON-FUNGSIONAL BAHASA PEMROGRAMAN YANG DIGUNAKAN PERANCANGAN SISTEM ARSITEKTUR SISTEM PERANCANGAN INTERFACE FLOWCHART FLOWCHART CLIENT FLOWCHART ADMINISTRATOR DFD (Data Flow Diagram) DFD LEVEL-NOL (ADMINISTRATOR) DFD LEVEL-SATU (USER) PERANCANGAN BASIS DATA ERD (Entity Relationship Diagram) DESAIN TABEL DESIGNER RELATIONAL DATABASE DESAIN INTERFACE APLIKASI BAB IV IMPLEMENTASI DAN PENGUJIAN IMPLEMENTASI SISTEM IMPLEMENTASI PENGEMBANGAN PERANGKAT KERAS IMPLEMENTASI LINGKUNGAN PENGEMBANGAN PERANGKAT LUNAK IMPLEMENTASI CASE APLIKASI (STRUKTUR SOURCE CODE APLIKASI) PENGUJIAN SISTEM SOURCE CODE DAN SCREENSHOT HOME SOURCE CODE DAN SCREENSHOT LOKASI MINIMARKET BERDASARKAN LOKASI USER SOURCE CODE DAN SCREENSHOT LOKASI MINIMARKET 55

9 TERDEKAT BERDASARKAN LOKASI USER SOURCE CODE DAN SCREENSHOT DAFTAR PROMOSI BLACKBOX TESTING PENGUJIAN JARAK BAB V KESIMPULAN DAN SARAN KESIMPULAN SARAN DAFTAR TABEL TABEL 3.1 TABEL LOKASI MINIMARKET TABEL 3.2 TABEL PROMOSI TABEL 3.3 TABEL ADMINISTRATOR TABEL 4.1 TABEL BLACK-BOX TESTING TABEL 4.2 TABEL REAL TESTING DAFTAR GAMBAR GAMBAR 2.1 SKEMA LBS... 8 GAMBAR 3.1 ARSITEKTUR SISTEM GAMBAR 3.2 INTERFACE SYSTEM GAMBAR 3.3 FLOWCHART CLIENT GAMBAR 3.4 FLOWCHART ADMINISTRATOR GAMBAR 3.5 DATA FLOW DIAGRAM SISTEM GAMBAR 3.6 DFD LEVEL-NOL GAMBAR 3.7 DFD LEVEL-SATU GAMBAR 3.8 ER DIAGRAM GAMBAR 3.9 TABEL RELASI GAMBAR 3.10 DESAIN INTERFACE ADMIN GAMBAR 3.11 DESAIN INTERFACE USER GAMBAR 4.1 STRUKTUR SOURCE CODE APLIKASI MINIMARKET LOCATOR

10 GAMBAR 4.2 SOURCE CODE MAIN ACTIVITY JAVA GAMBAR 4.3 SOURCE CODE DETEKSI LOKASI USER JAVASCRIPT GAMBAR 4.4 SCREENSHOT DETEKSI LOKASI USER GAMBAR 4.5 SOURCE CODE MENGHITUNG JARAK MENGGUNAKAN HAVERSINE FORMULA GAMBAR 4.6 SOURCE CODE JAVASCRIPT MENAMPILKAN SEMUA LOKASI MINIMARKET GAMBAR 4.7 SCREENSHOT MENAMPILKAN SEMUA LOKASI MINIMARKET GAMBAR 4.8 SOURCE CODE MENGHITUNG JARAK MENGGUNAKAN HAVERSINE FORMULA GAMBAR 4.9 SOURCE CODE JAVASCRIPT MENAMPILKAN 5 LOKASI MINIMARKET GAMBAR 4.10 SCREENSHOT MENAMPILKAN 5 LOKASI MINIMARKET TERDEKAT GAMBAR 4.11 SOURCE CODE MENAMPILKAN DAFTAR PROMOSI GAMBAR 4.12 SCREENSHOT MENAMPILKAN DAFTAR PROMOSI DAFTAR PUSTAKA RIWAYAT HIDUP

11 DAFTAR PUSTAKA [1] Google Developer. Google Maps JavaScript API v3. ( tanggal 12 Oktober 2014). diakses pada [2] Prof. Chopad-Nitin R., Nichat-Mangesh K. (2013) Landmark Bassed Shortest Path Detection by Using A* and Haversine Formula. International Journal of Innovative Research in Computer and Communication Engineering 1,(2), [3] Putra-Akbar Nuzul, Tambunan-Toufan D., S.T., Ramadhan-Kurniawan Nur, S.T. Aplikasi Wisata Kota Bandung Menggunakan Metode Location-Bassed Services (LBS) Pada Android. Program Studi Manajemen Informatika Politeknik Telkom Bandung, 1-7. [4] Rompas-B.R, Sinsuw-A.A.E. S.T., M.T., Sompie-S.R.U.A., S.T., M.T., Lumenta- A.S.M., S.T., M.T. Aplikasi Location-Based Service Pencarian Tempat Di Kota Manado Berbasis Android. Jurusan Teknik Elektro-FT, UNSRAT, [5] Sari-Eka Wahyuni, S.Kom., Sholeh-Muhammad, S.T.,MT., Dr. Ir. Hamzah- Amir, MT. (2013) Penerapan Jquery Mobile Dan Php Data Object Pada Aplikasi Pencarian Lokasi Tempat Ibadah Di Yogyakarta. Jurnal SCRIPT. 1, (1),