Bab III Analisis Dan Perancangan
Bab III Analisis Dan Perancangan
Tujuan dari penyusunan tugas akhir ini adalah untuk menghasilkan sebuah
diangkat. Untuk menghasilkan aplikasi yang dimaksud ada beberapa tahapan yang
Ada beberapa cara yang dilakukan oleh para wisatawan yang berkunjung
perjalanan wisatanya. Tetapi tidak jarang juga wisatawan domestik melakukan hal
29
30
menggunakan sarana bantuan seperti brosur-brosur yang dilengkapi peta yang bisa
didapatkan di toko-toko buku atau disediakan di beberapa hotel di Bali. Selain itu
yang ada di kabupaten gianyar. Informasi yang diberikan berupa gambar dan
Untuk menuju lokasi objek wisata wisatawan dapat melihat petunjuk arah
yang ada hampir di setiap persimpangan jalan yang ada di Bali. Akan tetapi, disaat
wisatawan kehilangan arah, hal yang bisa dilakukan adalah bertanya kepada
penduduk setempat. Tentu saja hal ini akan menimbulkan kendala lagi jika antara
sedang berjalan dimulai dari melihat-lihat objek wisata yang ada pada brosur-
brosur atau iklan-iklan yang lain. Setelah mengetahui alamat suatu objek wisata,
tersebut.
Pada saat dijalan wisatawan dapat melihat petunjuk arah dan jika
mengetahui jalan menuju lokasi wisatawan akan sampai di tempat tujuan. Jika
wisatawan tidak mengetahui jalan atau kehilangan arah, wisatawan dapat bertanya
tujuan. Akan tetapi, jika pada saat bertanya kepada penduduk sekitar wisatawan
tidak mendapatkan petunjuk, baik karena penduduk yang tidak mengetahui alamat
yang dimaksud atau karena tidak mengerti dengan bahasa yang digunakan, maka
wisatawan akan tersesat. Tentu saja wisatawan tidak ingin mengalami hal seperti
ini.
Sistem yang akan dibangun dalam tugas akhir ini adalah sebuah aplikasi
lokasi keberadaan pengguna, petunjuk arah, serta objek-objek terdekat yang dapat
Pengguna sistem ini akan dibagi menjadi 2 bagian. Bagian yang pertama
adalah Administrator Sistem yang memiliki tugas untuk memanipulasi data dan
akhir (end user), yaitu orang yang menggunakan fasilitas-fasilitas yang disediakan
oleh sistem.
34
Hal pertama yang perlu dilakukan dalam analisis kebutuhan sistem adalah
menjadi dua yaitu: kebutuhan sistem fungsional dan kebutuhan sistem non-
meliputi:
a. Kebutuhan pengguna
b. Kebutuhan administrator
8) Melakukan logout
2) RAM 2GB
3) Harddisk 500GB
4) Notepad++ 6.1.3
maka hal selanjutnya yang harus kita lakukan adalah membuat rancangan atau
desain sistem. Dalam pengembangan aplikasi ini beberapa rancangan yang dibuat
adalah use case diagram, activity diagram, class diagram, rancangan database
Use case di dalam laporan ini akan melibatkan 2 aktor, yaitu: pengguna
akhir dan administrator sistem. Use case akan dibagi menjadi 2 bagian. Bagian
pertama adalah use case pengguna akhir dan yang kedua adalah use case
administrator sistem.
Use case pengguna akhir ini menjelaskan tentang apa yang dikerjakan
Use case umum pengguna akhir memiliki aktor utama pengguna akhir
informasi situs.
Pada saat melihat peta, pengguna juga dapat melakukan beberapa hal
terdekat dari lokasi tersebut. Kemudian untuk dapat melihat objek wisata,
Use case pengguna akhir ini menjelaskan tentang apa yang dikerjakan
oleh administrator.
sistematis. Diagram ini mirip dengan flowchart. Dalam laporan ini activity
diagram akan dibagi menjadi 2, yaitu: activity diagram pengguna akhir dan
administrator sistem.
langkah, dimulai dari langkah yang paling umum, yaitu halaman utama
aplikasi.
yang pertama kali muncul adalah halaman utama. Pada halaman utama ada
beberapa menu yang dapat dipilih oleh pengguna, seperti: halaman Google
halaman About. Setelah pengguna memilih salah satu menu maka akan
terdapat didalamnya.
Salah satu fitur yang ada dalam aplikasi ini adalah fitur geolocation
atau pada saat tahap pencarian lokasi tidak ditemukan, maka sistem akan
menampilkan peta kosong tanpa penanda dan informasi lokasi. Setelah itu
pengguna dapat mengakses pilihan-pilihan lain yang ada pada menu atau
tempat pada peta. Sistem akan menampilkan formulir berisi field nama
lokasi tersebut dan menampilkannya pada peta. Jika tidak, sistem akan
lainnya.
Satu lagi fitur yang dapat digunakan oleh pengguna adalah mencari
masukan untuk lokasi asal dan lokasi tujuan. Setelah melakukan submit
form, jika kedua lokasi yang dimaksud ditemukan, maka sistem akan
menampilkan garis petunjuk arah disertai dengan detil dalam bentuk teks.
Tetapi, jika salah satu lokasi atau keduanya tidak ditemukan, maka sistem
akan menampilkan peta kosong. Setelah itu pengguna dapat memilih menu
lainnya.
dan setelah melakukan submit form sistem akan melakukan validasi data.
Jika data valid, data akan tersimpan pada session, sedangkan jika tidak
berikut ini:
wisata yang ada pada kategori tersebut. Kemudian jika pengguna memilih
sub direktori, maka juga akan tampil penjelasan tentang kategori yang
terdekat dari tempat tersebut. Setelah itu akan muncul pilihan objek-objek
objek wisata yang dipilih, dimana prosesnya sama seperti fitur pada
Google Map. Setelah itu pengguna dapat mengakses menu lainnya atau
juga menyediakan fitur contact form, yaitu fitur untuk mengirimkan pesan
formulir yang berisi beberapa field identitas pengguna dan pesan yang
sedangkan jika data tidak valid maka sistem akan kembali menampilkan
contact form.
49
halaman informasi detil situs atau yang biasa dikenal dengan halaman
submit data. Setelah itu sistem akan melakukan validasi data. Jika data
valid maka data akan dikirim ke server, sedangkan jika tidak maka sistem
settings, flexslider, contact dan about. Jika admin memilih salah satu
tersebut.
52
digambarkan pada use case diagram pada sub bab sebelumnya. Proses
memiliki sub kategori maka sistem akan menampilkan daftar sub kategori.
itu sistem akan melakukan validasi data, jika data yang dikirim valid maka
daftar kategori yang terbaru. Sedangkan jika data yang dikirim tidak valid
formulir edit kategori dan admin dapat memanipulasi data-data yang ada
pada kategori. Jika data yang dimasukkan oleh admin valid maka sistem
Jika tidak valid maka sistem akan menampilkan kembali formulir edit
kategori.
Setelah admin memilih salah satu kategori untuk dihapus sistem akan
dimana secara umum proses yang dilakukan hampir sama dan yang
berbeda hanyalah field yang dapat diisi oleh admin. Untuk proses
melakukan editing serta menghapus objek yang sudah ada. Begitu juga
hanya saja disini admin dapat melakukan konfigurasi modul yang secara
Pada saat admin memilih menu setting contact form maka sistem akan
Jika data yang dimasukkan tidak valid maka sistem kembali menampilkan
form.
60
pada contact form. Perbedaan terletak pada field yang dapat diisi oleh
melakukan pengaturan. Jika data yang dikirimkan valid maka sistem akan
yang digunakan oleh suatu aplikasi. Adapun aplikasi Sistem Informasi Geografis
Dari diagram diatas dapat diketahui bahwa aplikasi ini memiliki 17 kelas
yang memiliki fungsi serta relasi masing-masing. Class Image adalah kelas yang
gambar. Dalam operasioanalnya kelas ini menggunakan kelas lain yang bernama
Class ImageResize dan menggunakan Class Db. Class Image ini memiliki 1
ukuran gambar, membuat thumbnail dan sebagainya. Property dan method yang
Kelas yang selanjutnya adalah Class Db yang merupakan inti dari proses
manipulasi database. Kelas ini digunakan oleh beberapa kelas lainnya yaitu:
63
Class Image, Class ObjectModel dan Class Configuration. Property dan method
dari beberapa kelas seperti: Class ObjectCore, Class Category dan Class
Flexslider. Property dan method yang dimiliki oleh kelas ini adalah seperti
gambar diatas dan beberapa kelas seperti: Class ObjectCore, Class Category dan
Class Flexslider mewarisi Class ObjectModel ini. Adapun property dan method
Kelas lain yang menjadi induk dari beberapa kelas lainnya adalah Class
Kelas yang selanjutnya adalah Class GoogleMap. Kelas ini menjadi inti
dalam pemrosesan peta yang diambil dari Google Map. Adapun property dan
method yang ada pada kelas ini adalah seperti gambar dibawah ini:
66
pengaturan pada sistem. Adapun property dan method pada kelas ini adalah
sebagai berikut:
lain yaitu Class Db, karena data konfigurasi tersimpan di dalam database dan
daerah Gianyar. Adapun skema database yang digunakan adalah sebagai berikut:
68
hubungan satu ke banyak yang artinya 1 kategori bisa memiliki banyak objek,
bagian ini yang menjembatani pengguna dengan sistem. Desain user interface
yang baik akan memudahkan pengguna dalam menggunakan aplikasi yang dibuat.
Dalam laporan ini desain user interface dibagi menjadi 2 bagian, yaitu:
Pada aplikasi ini user interface bersifat dinamis karena akan diakses
Bagian yang pertama adalah desain halaman utama yang menjadi landasan
ini. Pada halaman utama terdapat beberapa bagian, yaitu: header yang
berisi logo dan tombol menu, kemudian slideshow gambar, daftar menu
dan footer.
70
memiilik struktur dimulai dari header, kemudian peta, menu navigasi, input
struktur dimulai dari header, gambar dan deskripsi, daftar sub direktori,
informasi tentang suatu objek wisata. Struktur halaman ini adalah dimulai
dari header, gambar, detil objek dan deskripsi, menu navigasi menuju peta,
dan footer.
75
Untuk user interface admin terdiri dari beberapa bagian, dimulai dari
Gambar diatas adalah desain halaman login yang berisi field untuk
dengan halaman manipulasi kategori yang terdiri dari sidebar kiri dan blok
utama yang berisi judul halaman, teks instruksi, form input, daftar objek,
tombol edit dan hapus, form update dan teks footer, seperti gambar
dibawah ini:
79
flexslider terdiri dari blok sidebar dan blok utama, hanya saja pada blok
berikut ini:
80
isi informasi about. Desain dari halaman tersebut adalah sebagai berikut:
83
website.