Perancangan Sistem T1 672007025 Full text

6 2. Prototype Dua Menu objek pilihan dan menu tentang aplikasi telah ditambahkan, user setuju dengan tampilan daftar kategori dan tampilan profil objek wisata, user menganjurkan mengubah tombol lokasi saya menjadi menu lokasi saya untuk menampilkan posisi user pada google maps. 3. Prototype Tiga Menu lokasi saya sudah selesai. Selanjutnya user menganjurkan untuk memasukkan data kategori, data profil objek wisata, dan profil dinas pariwisata ke dalam aplikasi. 4. Prototype Empat Aplikasi sudah sesuai dengan harapan user dan layak untuk diujikan.

4. Perancangan Sistem

Alur pada Gambar 2 dimulai ketika user mulai menjalankan aplikasi, aplikasi tersebut mengambil data dari basis data pariwisata melalui web server. Data yang diambil adalah data pada basis data yang telah diinputkan oleh admin. Data tersebut lalu ditampilkan ke dalam aplikasi berdasarkan kategori dari objek pariwisata. Gambar 2 Use Case Diagram Gambar 3 Activity Diagram User Pada Gambar 3 dijelaskan activity diagram user pada aplikasi android. Pada saat pertama aplikasi dijalankan user akan membuka menu kategori. Daftar kategori ini ditampilkan setelah melakukan koneksi ke web server untuk menggambil data kategori pada basis data pariwisata dan menampilkan kembali 7 ke menu kategori pada aplikasi android. Setelah user memilih salah satu dari daftar kategori yang sudah ditampilkan maka akan dibuka menu daftar objek pariwisata berdasarkan kategori yang telah dipilih. Pada Gambar 4 dijelaskan activity diagram admin pada web server. Admin disini bertugas untuk memasukkan semua data pariwisata ke dalam basis data. Untuk dapat menambahkan data tersebut admin harus login ke halaman utama. Setelah berhasil, admin dapat melakukan akses ke basis data untuk tambah data kategori, tambah data objek pariwisata, edit data, dan hapus data. Gambar 4 Activity Diagram Admin User Interface berisi desain tampilan pada aplikasi. Desain tampilan tersebut memuat informasi tentang menu bookmarks, menu kategori, menu lokasi saya, menu tentang aplikasi, halaman profil objek wisata, dan halaman jalur maps. Gambar 5 Arsitektur Sistem Pada Gambar 5 merupakan gambar arsitektur sistem keseluruhan pada aplikasi. Pada gambar tersebut dijelaskan, user menggunakan aplikasi Android dan internet untuk melakukan request data pada web server. Web server 8 melanjutkan untuk mengambil data pada basis data. Admin menggunakan browser dan internet untuk memasukkan data ke dalam web server. Data yang diterima oleh web server akan disimpan di dalam basis data server. Pada Gambar 6 menjelaskan desain user interface menu kategori. Pada bagian paling atas yang nomor satu terdapat teks dari nama aplikasi. Pada bagian nomor dua adalah menu untuk membuka halaman kategori. Pada bagian bawah nomor tiga adalah list grind view dari objek wisata berdasarkan kategorinya. User dapat memilih salah satu kategori tersebut, dan membuka sebuah halaman baru berupa daftar list sub kategori objek wisata yang user pilih. Gambar 6 Desain User Interface Menu Kategori Pada Gambar 7 menjelaskan desain user interface halaman profil objek wisata. Pada bagian paling atas, nomor satu terdapat judul profil. Pada bagian nomor dua adalah nama tempat dari objek wisata. Sedangkan pada nomor tiga terdapat sebuah image view untuk menampilkan gambar dari objek tersebut. Pada nomor empat terdapat text view untuk menampilkan detail informasi dari objek wisata tersebut. Pada nomor lima adalah tombol menuju lokasi, jika user memilih tombol ini maka akan muncul halaman jalur map. Sedangkan pada bagian nomor enam adalah sebuah tombol objek pilihan. Jika user memilih tombol ini maka profil dari objek yang bersangkutan akan ditambahkan pada daftar halaman menu bookmarks. Gambar 7 Desain User Interface Halaman Profil Objek Wisata 9 Pada Gambar 8 menjelaskan desain user interface halaman jalur maps. Halaman ini akan muncul ketika user memilih tombol menu menuju lokasi pada halaman profil objek wisata. Pada nomor dua menampilkan sebuah layout mapview google maps dan terdapat dua buah titik yang dihubungkan dengan sebuah garis. Titik pertama berupa lokasi koordinat user sedangkan titik kedua adalah lokasi koordinat dari objek wisata. Diantara dua titik tersebut terdapat garis yang merupakan penunjuk jalan dari lokasi user menuju lokasi objek pariwisata. Gambar 8 Desain User Interface Halaman Jalur Maps

5. Pembahasan Sistem