ABSTRAK. Kata Kunci: Android, ASP.NET Web Service, Backpacker. iii. Universitas Kristen Maranatha

Transkripsi

1 ABSTRAK Backpacking merupakan salah satu gaya wisata yang populer saat ini. Seorang backpacker yang melakukan backpacking, membutuhkan informasi mengenai tempat makan dan penginapan. Untuk mendapatkan informasi tersebut, Backpacker masih menghabiskan banyak waktu untuk melakukan pencarian. Guna memudahkan pencarian informasi tersebut, dibuatlah sistem informasi "Backpack Travellers System" (BTS). BTS merupakan sistem informasi tempat makan dan penginapan yang bersifat client-server, dimana server-nya dibangun menggunakan ASP.NET web service dan client-nya dibangun menggunakan aplikasi android. Server dari BTS memiliki kegunaan sebagai penyedia data, sedangkan client dari BTS berfungsi untuk mengkonsumsi layanan milik BTS Server. Data yang disediakan oleh web service antara lain data lokasi dan harga dari tempat makan dan penginapan. Data tersebut akan diolah BTS client, untuk ditampilkan kepada pengguna. ASP web service memiliki sifat flexible, dimana layanannya dapat dimanfaatkan oleh berbagai macam platform, sedangkan platform android memiliki sifat mobile, dengan bentuk device yang compact, memungkinkan android untuk dibawa kemana saja. Dengan penggabungan ASP web service dan platform android dalam BTS, backpacker akan terbantu dalam mencari informasi tempat makan dan penginapan. Kata Kunci: Android, ASP.NET Web Service, Backpacker iii

2 ABSTRACT Backpacing is known as one of popular travelling method. When doing backpacking, a backpacker definitely need some information about restaurant and hotel, considering both information are vital for backpaking journey. Unfortunately, up until now, nevertheless backpackers still have to spend quite a time to search for those information. "Backpack Travelling System" (BTS) is being made to reduce the amount of time for backpackers to get the information. BTS is a "client-server based" system information, where the server was built by ASP.NET Web Service and the client was built by Android platform. ASP.NET Web Service has flexible character. The service in BTS have a responsibility to serve data for android client. Data that serve by BTS Server was about price and location of restaurant and hotel. The webservice's data will consume by android client and the client will process the data to become GUI display for user. The services can be consumed by various platform. Android platform has mobile character, the compact shape of android device, allowing android to use it anywhere. With the combination of these two technologies, BTS is being expected for backpackers to get restaurants and hotels information easily. Keyword: Android, ASP.NET Web Service, Backpacker iv

3 DAFTAR ISI KATA PENGANTAR... i ABSTRAK... iii ABSTRACT... iv DAFTAR ISI... v DAFTAR GAMBAR... ix DAFTAR TABEL... xiii DAFTAR LAMPIRAN... xiv BAB I PENDAHULUAN LATAR BELAKANG RUMUSAN MASALAH TUJUAN BATASAN MASALAH SISTEMATIKA PEMBAHASAN... 3 BAB II DASAR TEORI PENGERTIAN BACKPACKER PENGERTIAN UML (UNIFIED MODELING LANGUAGE) Use Case Diagram Activity Diagram Class Diagram PENGERTIAN WEB SERVICE PENGERTIAN ASP.NET WEB SERVICE PENGERTIAN C# PENGERTIAN DBMS MICROSOFT SQL PENGERTIAN IIS WEB SERVER PENGERTIAN ANDROID PLATFORM LATITUDE, LONGITUDE DAN METODE PENGHITUNGAN JARAK PENGERTIAN JAVA PENGERTIAN KSOAP BLACKBOX TESTING BAB III ANALISA DAN PEMODELAN PROSES BISNIS FUNGSIONALITAS BACKPACK TRAVELLERS SYSTEM Fungsionalitas Login Fungsionalitas Registrasi Fungsionalitas Aktivasi Anggota Fungsionalitas Get Info List Penginapan Fungsionalitas Get Info Penginapan Terdekat Fungsionalitas Get Info List Tempat Makan Fungsionalitas Get Info List Tempat Makan Terdekat Fungsionalitas Cari Penginapan v

4 3.2.9 Fungsionalitas Cari Tempat Makan Fungsionalitas Tambah Penginapan Fungsionalitas Tambah Tempat Makan Fungsionalitas Tambah Komentar Fungsionalitas Tambah Foto Galeri Fungsionalitas Logout Fungsionalitas Lapor Pelanggaran Fungsionalitas Tambah Anggota Fungsionalitas Update Anggota Fungsionalitas Delete Anggota Fungsionalitas Tambah Tempat Makan atau Penginapan Fungsionalitas Update Tempat Makan atau Penginapan Fungsionalitas Delete Tempat Makan dan Penginapan Fungsionalitas Tambah Pengelola Fungsionalitas Update Pengelola Fungsionalitas Delete Pengelola DESAIN CLASS Desain class Web Service Desain class Client DESAIN SKEMA BASIS DATA DESAIN ANTAR MUKA Antar muka Pengunjung Layar Splash Layar Beranda Pengunjung Layar Metode Tampilan Layar Pencarian Layar List Lokasi Layar Detail Lokasi Layar Map Lokasi Layar Galeri Lokasi Layar Komentar Lokasi Layar registrasi Layar Login Layar Lupa Password Antar Muka Anggota Layar Beranda Anggota Layar Tambah Tempat Makan Layar Tambah Penginapan Layar Tambah Komentar Layar Tambah Foto Galeri Layar Lapor Pelanggaran Antar Muka Pengelola Layar Beranda Pengelola Layar Metode Tampilan Layar Pencarian Layar List Lokasi Layar Manage Tempat Makan Layar Manage Menu Tempat Makan vi

5 Layar Manage Penginapan Layar Manage Fasilitas Penginapan Layar Manage Kamar Penginapan Layar Manage Galeri Layar Manage Komentar Layar Manage Anggota Antar Muka Super Pengelola Layar Beranda Super Pengelola Layar Manage Pengelola Antar Muka Website Administator Halaman Login Halaman Manage Lokasi Halaman Detail Lokasi Halaman Manage Fasilitas Hotel Halaman Manage Tipe Kamar Halaman Manage Menu Tempat Makan Halaman Manage Foto Halaman Manage Komentar Halaman Manage User BAB IV PERANCANGAN DAN IMPLEMENTASI LAPISAN TEKNOLOGI BACKPACK TRAVELLERS SYSTEM IMPLEMENTASI SKEMA BASIS DATA TAMPILAN APLIKASI CLIENT BTS Tampilan Pengunjung Tampilan Layar Splash Tampilan Layar Beranda Pengunjung Tampilan Layar Metode Tampilan Tampilan Layar Detail Lokasi Tampilan Layar Registrasi Tampilan Layar Login Tampilan Layar Lupa Password Tampilan Anggota Tampilan Layar Beranda Anggota Tampilan Layar Tambah Tempat Makan Tampilan Layar Tambah Penginapan Tampilan Layar Tambah Komentar Tampilan Tambah Foto Galeri Tampilan Lapor Pelanggaran Tampilan Pengelola Tampilan Layar Beranda Pengelola Tampilan Layar Manage Tempat Makan Tampilan Layar Manage Menu Tempat Makan Tampilan Layar Manage Penginapan Tampilan Layar Manage Fasilitas Penginapan Tampilan Layar Manage Kamar Penginapan Tampilan Layar Manage Galeri Tampilan Layar Manage Komentar Tampilan Layar Manage Anggota Tampilan Super Pengelola vii

6 Tampilan Layar Beranda Super Pengelola Tampilan Layar Manage Pengelola TAMPILAN WEBSITE ADMINISTRATOR BTS Tampilan Pengelola Tampilan Halaman Login Tampilan Halaman Manage Anggota Tampilan Halaman Manage Penginapan Tampilan Halaman Manage Tempat Makan Tampilan Halaman Manage Fasilitas Penginpan Tampilan Halaman Manage Tipe Kamar Penginapan Tampilan Halaman Manage Menu Tempat Makan Tampilan Halaman Manage Foto Tampilan Halaman Manage Komentar Tampilan Super Pengelola Tampilan Halaman Manage Pengelola BAB V PENGUJIAN PENGUJIAN BLACK BOX Pengujian Activity Login Pengujian Registrasi Pengujian Cari Tempat Makan Pengujian Cari Penginapan Pengujian Tambah Tempat Makan Pengujian Tampah Penginapan Pengujian Tambah Comment Tempat Makan Pengujian Tambah Comment Penginapan Pengujian Lapor Pelanggaran (Gallery) Pengujian Lapor Pelanggaran (Komentar) Pengujian Tambah Pengelola HASIL KUESIONER BAB VI KESIMPULAN KESIMPULAN SARAN DAFTAR PUSTAKA viii

7 DAFTAR GAMBAR GAMBAR HUBUNGAN ANTARA SOAP, WSDL DAN UDDI... 9 GAMBAR TIGA LAYER UTAMA DARI SEBUAH PROGRAM C# GAMBAR HANDPHONE ANDROID (T-MOBILE G1) DAN LOGO ANDROID GAMBAR USE CASE BACKPACK TRAVELLERS SYSTEM GAMBAR ACTIVITY DIAGRAM "LOGIN" GAMBAR ACTIVITY DIAGRAM "REGISTRASI" GAMBAR ACTIVITY DIAGRAM "AKTIVASI ANGGOTA" GAMBAR ACTIVITY DIAGRAM "GET INFO LIST PENGINAPAN" GAMBAR ACTIVITY DIAGRAM "GET INFO PENGINAPAN TERDEKAT" GAMBAR ACTIVITY DIAGRAM "GET INFO LIST TEMPAT MAKAN" GAMBAR ACTIVITY DIAGRAM "GET INFO TEMPAT MAKAN TERDEKAT" GAMBAR ACTIVITY DIAGRAM "CARI PENGINAPAN" GAMBAR ACTIVITY DIAGRAM "CARI TEMPAT MAKAN" GAMBAR ACTIVITY DIAGRAM "TAMBAH PENGINAPAN" GAMBAR ACTIVITY DIAGRAM "TAMBAH TEMPAT MAKAN" GAMBAR ACTIVITY DIAGRAM "TAMBAH KOMENTAR" GAMBAR ACTIVITY DIAGRAM "TAMBAH FOTO GALERI" GAMBAR ACTIVITY DIAGRAM "LOGOUT" GAMBAR ACTIVITY DIAGRAM "LAPOR PELANGGARAN" GAMBAR ACTIVITY DIAGRAM "TAMBAH ANGGOTA" GAMBAR ACTIVITY DIAGRAM "UPDATE ANGGOTA" GAMBAR ACTIVITY DIAGRAM "DELETE ANGGOTA" GAMBAR ACTIVITY DIAGRAM "TAMBAH TEMPAT MAKAN ATAU PENGINAPAN" GAMBAR ACTIVITY DIAGRAM "UPDATE TEMPAT MAKAN ATAU PENGINAPAN" GAMBAR ACTIVITY DIAGRAM "DELETE TEMPAT MAKAN ATAU PENGINAPAN" GAMBAR ACTIVITY DIAGRAM "TAMBAH PENGELOLA" GAMBAR ACTIVITY DIAGRAM "UPDATE PENGELOLA" GAMBAR ACTIVITY DIAGRAM "DELETE PENGELOLA" GAMBAR CLASS DIAGRAM BTS WEB SERVICE GAMBAR CLASS DIAGRAM BTS CLIENT GAMBAR ER DIAGRAM BTS GAMBAR RANCANGAN LAYAR SPLASH GAMBAR RANCANGAN BERANDA PENGUNJUNG GAMBAR RANCANGAN METODE TAMPILAN GAMBAR RANCANGAN LAYAR PENCARIAN GAMBAR RANCANGAN LAYAR LIST LOKASI GAMBAR RANCANGAN LAYAR DETAIL LOKASI GAMBAR RANCANGAN LAYAR MAP LOKASI GAMBAR RANCANGAN LAYAR GALERI LOKASI GAMBAR RANCANGAN LAYAR KOMENTAR LOKASI GAMBAR RANCANGAN LAYAR REGISTRASI GAMBAR RANCANGAN LAYAR LOGIN GAMBAR RANCANGAN LAYAR VERIFIKASI LUPA PASSWORD (A) & RANCANGAN LAYAR PASSWORD BARU (B) ix

8 GAMBAR RANCANGAN BERANDA ANGGOTA GAMBAR RANCANGAN LAYAR FORM TAMBAH TEMPAT MAKAN GAMBAR RANCANGAN FORM TAMBAH MENU GAMBAR RANCANGAN LAYAR FORM TAMBAH PENGINAPAN GAMBAR RANCANGAN FORM TAMBAH FASILITAS (A) & RANCANGAN FORM TAMBAH KAMAR (B) GAMBAR RANCANGAN MENU TAMBAH KOMENTAR (A) & RANCANGAN FORM TAMBAH KOMENTAR (B) GAMBAR RANCANGAN TAMBAH FOTO GALERI GAMBAR RANCANGAN LAYAR LAPOR PELANGGARAN GAMBAR RANCANGAN LAYAR BERANDA PENGELOLA GAMBAR RANCANGAN LAYAR METODE TAMPILAN GAMBAR RANCANGAN LAYAR PENCARIAN GAMBAR RANCANGAN LAYAR LIST LOKASI GAMBAR RANCANGAN FORM MANAGE TEMPAT MAKAN GAMBAR RANCANGAN LAYAR LIST MANAGE MENU (A) & RANCANGAN LAYAR FORM MANAGE MENU (B) GAMBAR RANCANGAN FORM MANAGE PENGINAPAN GAMBAR RANCANGAN LAYAR LIST MANAGE FASILITAS (A) & RANCANGAN LAYAR FORM MANAGE FASILITAS (B) GAMBAR RANCANGAN LAYAR LIST MANAGE KAMAR (A) & RANCANGAN LAYAR FORM MANAGE KAMAR (B) GAMBAR RANCANGAN LAYAR MANAGE GALERI GAMBAR RANCANGAN LAYAR LIST MANAGE KOMENTAR (A) & RANCANGAN LAYAR FORM MANAGE KOMENTAR (B) GAMBAR RANCANGAN LAYAR LIST MANAGE ANGGOTA (A) & RANCANGAN LAYAR FORM MANAGE ANGGOTA (B) GAMBAR RANCANGAN LAYAR BERANDA SUPER PENGELOLA GAMBAR RANCANGAN LAYAR LIST MANAGE PENGELOLA (A) & RANCANGAN LAYAR FORM MANAGE PENGELOLA(B) GAMBAR RANCANGAN HALAMAN LOGIN GAMBAR RANCANGAN HALAMAN MANAGE LOKASI GAMBAR RANCANGAN FORM TAMBAH LOKASI GAMBAR RANCANGAN JENDELA KONFIRMASI GAMBAR RANCANGAN HALAMAN DETAIL LOKASI GAMBAR RANCANGAN HALAMAN MANAGE FASILITAS PENGINAPAN GAMBAR RANCANGAN FORM TAMBAH DAN EDIT FASILITAS PENGINAPAN GAMBAR RANCANGAN HALAMAN MANAGE TIPE KAMAR GAMBAR RANCANGAN FORM TAMBAH DAN EDIT TIPE KAMAR GAMBAR RANCANGAN HALAMAN MANAGE MENU TEMPAT MAKAN GAMBAR FORM TAMBAH DAN EDIT MENU TEMPAT MAKAN GAMBAR RANCANGAN HALAMAN MANAGE FOTO GAMBAR RANCANGAN FROM TAMBAH FOTO GAMBAR RANCANGAN HALAMAN MANAGE KOMENTAR GAMBAR RANCANGAN FORM TAMBAH KOMENTAR GAMBAR RANCANGAN HALAMAN MANAGE USER GAMBAR RANCANGAN FORM ADD USER GAMBAR STRUKTUR TEKNOLOGI BTS CLIENT GAMBAR STRUKTUR TEKNOLOGI BTS WEB SERVICE GAMBAR SKEMA BASIS DATA BTS WEB SERVICE x

9 GAMBAR TAMPILAN LAYAR SPLASH GAMBAR TAMPILAN BERANDA PENGUNJUNG GAMBAR TAMPILAN LAYAR "METODE TAMPILAN" GAMBAR 4. 7.TAMPILAN LAYAR PENCARIAN GAMBAR TAMPILAN LAYAR LIST LOKASI GAMBAR TAMPILAN LAYAR DETAIL LOKASI GAMBAR TAMPILAN MAP GAMBAR TAMPILAN LAYAR GALERI LOKASI GAMBAR TAMPILAN KOMENTAR GAMBAR TAMPILAN LAYAR REGISTRASI GAMBAR TAMPILAN LAYAR LOGIN GAMBAR TAMPILAN VERIFIKASI LUPA PASSWORD GAMBAR TAMPILAN LAYAR PASSWORD BARU GAMBAR TAMPILAN LAYAR BERANDA ANGGOTA GAMBAR TAMPILAN LAYAR FORM TAMBAH TEMPAT MAKAN GAMBAR TAMPILAN FORM TAMBAH MENU GAMBAR TAMPILAN FORM TAMBAH PENGINAPAN GAMBAR TAMPILAN FORM TAMBAH FASILITAS GAMBAR TAMPILAN FORM TAMBAH KAMAR GAMBAR TAMPILAN LAYAR KOMENTAR LIST (A) & TAMPILAN FORM TAMBAH KOMENTAR (B) GAMBAR TAMPILAN LAYAR GALERI (A) & TAMPILAN DIALOG TAMBAH FOTO (B) GAMBAR TAMPILAN DIALOG LAPOR PELANGGARAN GAMBAR TAMPILAN BERANDA PENGELOLA GAMBAR TAMPILAN FORM MANAGE TEMPAT MAKAN GAMBAR TAMPILAN MANAGE MENU TEMPAT MAKAN GAMBAR TAMPILAN MANAGE PENGINAPAN GAMBAR TAMPILAN MANAGE FASILITAS PENGINAPAN GAMBAR TAMPILAN MANAGE KAMAR PENGINAPAN GAMBAR TAMPILAN MANAGE GALERI GAMBAR TAMPILAN MANAGE KOMENTAR GAMBAR TAMPILAN MANAGE MEMBER GAMBAR TAMPILAN BERANDA SUPER PENGELOLA GAMBAR TAMPILAN MANAGE PENGELOLA GAMBAR TAMPILAN HALAMAN LOGIN GAMBAR TAMPILAN HALAMAN MANAGE ANGGOTA GAMBAR TAMPILAN FORM ADD DAN EDIT ANGGOTA GAMBAR TAMPILAN DIALOG KONFIRMASI GAMBAR MENU BAR ROLE PENGELOLA GAMBAR TAMPILAN HALAMAN MANAGE PENGINAPAN GAMBAR TAMPILAN FORM TAMBAH PENGINAPAN GAMBAR TAMPILAN DETAIL PENGINAPAN GAMBAR TAMPILAN MANAGE TEMPAT MAKAN GAMBAR TAMPILAN FORM ADD TEMPAT MAKAN GAMBAR TAMPILAN DETAIL TEMPAT MAKAN GAMBAR TAMPILAN MANAGE FASILITAS GAMBAR TAMPILAN FORM TAMBAH DAN EDIT FASILITAS xi

10 GAMBAR TAMPILAN HALAMAN MANAGE TIPE KAMAR PENGINAPAN GAMBAR TAMPILAN FORM ADD DAN EDIT TIPE KAMAR GAMBAR TAMPILAN HALAMAN MANAGE MENU GAMBAR TAMPILAN FOR ADD DAN EDIT MENU GAMBAR TAMPILAN HALAMAN MANAGE FOTO GAMBAR TAMPILAN FORM ADD FOTO GAMBAR TAMPILAN HALAMAN MANAGE KOMENTAR GAMBAR TAMPILAN FORM ADD DAN EDIT KOMENTAR GAMBAR TAMPILAN MANAGE PENGELOLA GAMBAR TAMPILAN FORM ADD DAN EDIT PENGELOLA xii

11 DAFTAR TABEL TABEL NOTASI PADA USE CASE DIAGRAM... 6 TABEL 2. 2 NOTASI PADA ACTIVITY DIAGRAM... 6 TABEL NOTASI PADA CLASS DIAGRAM... 7 TABEL HASIL KUESIONER xiii

12 DAFTAR LAMPIRAN LAMPIRAN A METHOD DAN ATTRIBUT CLASS BTS WEB SERVICE... A 1 A.1 Package Entity... A 1 A.2. Package Dao... A 4 A.3. Service Class(Web Service Class)... A 7 LAMPIRAN B METHOD DAN ATTRIBUT CLASS BTS CLIENT... B 1 B.1.Package Bts.Control... B 1 B.2.Package Bts.Entity... B 4 LAMPIRAN C KAMUS DATA... C 1 C.1. Role_Table... C 1 C.2. Member_Table... C 1 C.3. Resto_Table... C 2 C.4. Address_Resto_Table... C 2 C.5. Photo_Resto_Table... C 3 C.6. Comment_Resto_Table... C 3 C.7. Menu_Table... C 4 C.8. Hotel_Table... C 4 C.9. Address_Hotel_Table... C 5 C.10. Photo_Hotel_Table... C 5 C.11. Comment_Hotel_Table... C 6 C.12 Facility_Table... C 6 C.13. Room_Table... C 7 LAMPIRAN D PSEUDOCODE BTS... D 1 D.1. Mengambil Data Tempat Makan Atau Penginapan (Web Service)... D 1 D.1.1. Bagian Dao... D 1 D.1.2 Bagian Service... D 1 D.2. Mengambil Detail Tempat Makan Atau Penginapan (Web Service)... D 2 D.2.1. Bagian Dao... D 2 D.2.2. Bagian Service... D 2 D.3. Registrasi (Web Service)... D 3 D.3.1. Bagian Dao... D 3 D.3.2.Bagian Service... D 3 D.4. Login (Web Service)... D 3 D.4.1. Bagian Dao... D 3 D.4.2.Bagian Service... D 3 D.5. Lupa Password (Web Service)... D 4 D.6. Tambah Komentar(Web Service)... D 4 D.6.1. Bagian Dao... D 4 D.6.2.Bagian Service... D 4 D.7. Tambah Photo(Web Service)... D 5 D.7.1. Bagian Dao... D 5 D.7.2.Bagian Service... D 5 D.8. Lapor Pelanggaran(Web Service)... D 5 D.9. Tambah Tempat Makan(Web Service)... D 6 D.9.1. Bagian Dao... D 6 D.9.2.Bagian Service... D 6 D.10. Update Tempat Makan(Web Service)... D 7 D Bagian Dao... D 7 D.10.2.Bagian Service... D 7 D.11. Delete Tempat Makan(Web Service)... D 8 D Bagian Dao... D 8 xiv

13 D.11.2.Bagian Service... D 8 D.12. Tambah Penginapan(Web Service)... D 9 D Bagian Dao... D 9 D.12.2.Bagian Service... D 10 D.13. Update Penginapan(Web Service)... D 11 D Bagian Dao... D 11 D.13.2.Bagian Service... D 12 D.14. Delete Penginapan(Web Service)... D 13 D Bagian Dao... D 13 D.14.2.Bagian Service... D 13 D.15. Update User(Web Service)... D 14 D Bagian Dao... D 14 D.15.2.Bagian Service... D 14 D.16. Delete User(Web Service)... D 14 D Bagian Dao... D 14 D.16.2.Bagian Service... D 14 D.17. Request Service(Client)... D 15 D.18. Get Distance(Web Service)... D 15 D.19. Get Distance(Client)... D 16 LAMPIRAN E QUISIONER... E 1 LAMPIRAN F CV PENULIS... F 1 xv