BAB III ANALISA DAN PERANCANGAN 3.1 Analisa Masalah Pulau Sumatera merupakan salah satu pulau besar yang ada di Indonesia, terletak di bagian barat gugusan kepulauan Indonesia, berbatasan dengan Samudera Hindia disebelah barat, dengan Teluk Benggala di sebelah utara, dengan Selat Malaka di sebelah timur dan dengan selat Sunda di sebelah selatan. Luas pulau ini kurang lebih 443.085,65 km2 merupakan pulau terluas ke enam di dunia. Beberapa nama yang sering digunakan untuk menyebut pulau ini khususnya pada masa lalu adalah Andalas, Swarnadipa. Secara adminsitrasi Pulau Sumatera terbagi menjadi 10 (sepuluh) provinsi yakni Nanggroe Aceh Darussalam, Sumatera Utara, Sumatera Barat, Riau, Jambi, Sumatera Selatan, Bengkulu, Lampung, Kepulauan Bangka Belitung, Kepulauan Riau. Dari masing-masing provinsi mempunyai website resmi yang menyediakan informasi tentang provinsi tersendiri. Akan tetapi akan memakan banyak waktu jika harus mencari informasi satu-persatu dari masing-masing website provinsi tersebut, khususnya di bidang objek wisata. Dengan adanya ensiklopedia objek wisata pulau Sumatera berbasis web ini diharapakan bisa membantu wisatawan dalam mencari informasi tentang objek wisata secara terpusat dalam satu website. 27
28 3.2 Use Case Diagram Use case system Cari Informasi Lihat Lokasi Lihat arah jalan lokasi Buat saran informasi Lihat profile web Buat informasi Admin << include >> Login Kelola Informasi << include >> Tabel 3.1 Deskripsi Use Case Cari Informasi Gambar 3.1 Diagram Use Case Nama Use Case Deskripsi Singkat Cari Informasi mencari informasi objek wisata di pulau sumatera dengan memasukan kata kunci di form pencarian Melakukan pencarian informasi dengan memasukan atau
29 mengetikan kunci di dalam kotak pencarian akan mendapatkan hasil informasi pencarian sesuai dengan kata kunci yang di masukan dalam form pencarian. Tabel 3.2 Deskripsi Use Case Lihat Lokasi Nama Use Case Deskripsi Singkat Lihat Lokasi mencari letak lokasi dengan google maps Memilih poin objek wisata pada google maps dan melakukan zooming pada point lokasi yang dipilih. akan mengetahui lokasi sesuai point objek wisata yang dipilih Tabel 3.3 Deskripsi Use Case Lihat Arah Jalan Lokasi Nama Use Case Deskripsi Singkat Lihat Arah Jalan Lokasi Mencari Arah jalan lokasi yang akan ditempuh sesuai dengan letak lokasi yang dipilih Memilih point objek wisata pada google maps dan pilih link direction lalu tentukan lokasi yang ingin di pilih untuk mencari arah jalan yang di tuju. akan mengetahui arah jalan lokasi objek wisata Tabel 3.4 Deskripsi Buat Saran Informasi Nama Use Case Deskripsi Singkat Buat Saran Informasi akan memberikan informasi kepada admin dengan memasukan informasi ke form yang telah di sediakan Menulikan informasi ke form yang di sediakan system1 Informasi akan di simpan ke dalam database dan akan dikelola oleh admin Tabel 3.5 Deskripsi Lihat Profile Web Nama Use Case Deskripsi Singkat Lihat Profile Web Dapat melihat profile web site objek wisata pada menu contak
30 Pilih Menu Contak pada halaman web Informasi profile akan ditampilkan pada halaman web Tabel 3.6 Deskripsi Buat Informasi Nama Use Case Deskripsi Singkat Buat Informasi Admin Membuat Informasi Objek Wisata pada form yang telah disediakan Admin Mengisi form informasi yang telah disediakan Informasi akan disimpan ke dalam database dan akan di tampilkan di halaman website Tabel 3.7 Deskripsi Kelola Informasi Nama Use Case Deksripsi Singkat Kelola Informasi Admin mengelola informasi untuk merubah dan mengahpus informasi sesuai yang di butuhkan system. Pilih menu edit/delete pada system untuk melakukan pengelolaan informasi Informasi akan berubah sesuai dengan yang dikelola admin
31 3.3 Diagram Aktivitas 3.3.1 Diagram Aktivitas Cari Informasi System Pilih Menu Utama Menampilkan form Masukan Keyword Ambil data di database ya tidak Detail informasi Menampilkan Pencarian Menampilkan pesan tidak ada Gambar 3.2 Activity Diagram Cari Informasi Tabel 3.8 Deskripsi Diagram Aktivitas Cari Informasi Nama Activity Diagram Aktivitas Cari Informasi Deskripsi melakukan pencarian menggunakan form pencarian dengan memasukan keyword Pra kondisi - Melakukan pencarian dengan memasukan keyword ke dalam form pencarian Sistem akan menampilkan hasil pencarian jika ditemukan dalam database, jika tidak ada, sistem akan menampilkan pesan tidak ada.
32 3.3.2 Diagram Aktivitas Lihat Lokasi Sistem Memilih Menu Lokasi Menampilkan Seluruh poin marker Pilih point marker Menampilkan Informasi Dan link Memilih Link ya tidak Menampilkan Google Maps Gambar 3.3 Activity Diagram Lihat Lokasi Tabel 3.9 Deskripsi Diagram Aktivitas Lihat Lokasi Nama Activity Diagram Aktivitas Lihat Lokasi Deskripsi melihat Lokasi Pra kondisi - Melakukan zooming pada point yang dipilih dari google maps Sistem akan menampilkan detail lokasi objek wisata.
33 3.3.4 Diagram Aktivitas Lihat Arah jalan Lokasi Sistem Pilih Menu Lokasi Tampilkan point marker Pilih Point Marker Tampilkan link direction Pilih link direction Tampilkan direction google maps Masukan lokasi Ambil data di database Detail Lokasi Ya Tidak pesan tidak menemukan lokasi Gambar 3.4 Diagram aktifitas lihat arah jalan lokasi Tabel 3.10 Deskripsi diagram aktivitas lihat arah jalan lokasi Nama Activity Diagram Aktivitas Lihat Arah Jalan Lokasi Deskripsi Melihat rute arah jalan lokasi Pra kondisi - Pilih link direction pada point marker google maps dan masukan lokasi yang di inginkan Sistem akan memberitahu arah jalan menuju lokasi, jika tidak ditemukan sistem akan memberikan pesan tidak ada.
34 3.3.5 Diagram Aktivitas Buat Saran Informasi Sistem Admin Pilih Menu Saran Form Saran Informasi Input Form Simpan Ke Database Mengelola Informasi Gambar 3.5 Activity diagram buat saran informasi Tabel 3.11 Deskripsi diagram aktivitas buat saran informasi Nama Activity Diagram Aktivitas Buat Saran Informasi Deskripsi mengisi form saran informasi Pra kondisi - Input form saran informasi Saran akan disimpan ke dalam database dan akan di kelola oleh admin
35 3.3.6 Diagram Aktivitas Lihat Contact Web Visitor Sistem Memilih Contact Menampilkan halaman contact Melihat Contact web Gambar 3.6 Activity Diagram Lihat Contak Web Tabel 3.12 Deskripsi Diagram Aktivitas Lihat Contak Web Nama Activity Deskripsi Pra kondisi Diagram Aktivitas Lihat Contak Web Visitor Visitor Melihat Contak Web Pilih menu contak pada web System akan menampilkan informasi contak web
36 3.3.7 Diagram Aktivitas Admin Buat Informasi Admin Sistem Buat Informasi Form Informasi Input Form Simpan Ke Database Gambar 3.7 Activity Diagram Admin Buat Informasi Tabel 3.13 Deskripsi Diagram Aktivitas Admin Buat Informasi Nama Activity Deskripsi Pra kondisi Diagram Aktivitas Admin Buat Informasi Admin Visitor Membuat Informai Input Form Informasi dan simpan ke dalam database Informasi akan di simpan kedalam database
37 3.3.8 Diagram Aktivitas Admin Kelola Informasi Admin System Pilih Informasi Tampilkan Informasi Mengelola Informasi Simpan Ke Database Gambar 3.8 Activity Diagram Admin Kelola Informasi Tabel 3.14 Deskripsi Activity Diagram Admin Kelola Informasi Nama Activity Deskripsi Pra kondisi Diagram Aktivitas Admin Kelola Informasi Admin Admin Mengelola Informai Manipulasi Data edit/delete sesuai informasi yang butuhkan Informasi akan diubah dan disimpan ke dalam database
38 3.4 Sequence Diagram 3.4.1 Sequence Diagram login Admin Login Form login Admin Data Objek Data Provinsi Data Admin Saran Transportasi Logout Admin Buka () Input Usernamer Dan Password Valid Gagal () Masuk Menu Selesai Masuk Menu Selesai Masuk Menu Selesai Masuk Menu Selesai Masuk Menu Selesai Masuk Menu Keluar Admin Gambar 3.9 Sequence Diagram login Admin Pada Gambar 4.1 menggambarkan ketika saat ingin masuk kehalaman admin, pengguna harus memasukan username dan password terlebih dahulu, dan selanjutnya sistem akan akan mencocokan apakah username dan password sesuai dengan data yang berada didalam database. Jika data valid maka pengguna akan masuk kehalaman admin, tetapi jika tidak valid pengguna akan kembali kehalaman login.
39 3.4.2 Sequence diagram halaman pengunjung Tampilan Utama saran Lokasi Contact Mulai Masuk Menu Selesai Masuk Menu Selesai Masuk Menu Selesai Gambar 3.10 Sequence Diagram Halaman Pada Gambar 4.2 menggabarkan skenario yang dilakukan antara pengguna dan sistem pada saat pengguna berada pada halaman pengunjung. dapat melakukan pencarian informasi, kirim pesan, lihat letak lokasi, dan melihat contact us.
40 3.4.3 Sequence Diagram Cari Informasi Home Form Objek Wisata Mulai masukan-keyword Tampilkan Objek Wisata Selesai Gambar 3.11 Sequence Diagram Cari Informasi Pada Gambar 4.3 menjelaskan skenario pengunjung akan mencari informasi, pengunjung di minta untuk memasukan keyword ke dalam form yang disediakan oleh system yang nantinya akan di kirim ke halaman objek wisata untuk ditampilkan.
41 3.4.4 Sequencen Diagram Buat Saran HOME Menu buat Saran Form Saran Saran Tampil Pilih Menu Saran Tampil Input Form Saran Nama Email Provinsi Nama Wisata Komentar Submit Berita Simpan Selesai Gambar 3.12 Sequence Diagram Buat Saran Pada Gambar 4.4 menjelaskan skenario pengunjung dapat membuat saran pada form yang disediakan oleh sistem. harus mengisikan nama, email, provinsi, nama wisata, dan komentar. Setelah itu data akan di simpan ke dalam database dan akan di tampilkan di halaman admin.
42 3.5 ERD Id_img Id_objek Nama_img Img_objek n Memiliki 1 Id_obj Nama_obj Categori Artikel lat lng gbr1 Id_prov Nama_prov Bg_prov n Mencari n Id_prov Objek Wisata Dimiliki Provinsi n 1 1 1 Memberikan Punya Id_saran nama email Artikel wisata Deskripsi waktu n Saran n Transportasi Id_Tranportasi Id_obj Transportasi Gambar 3.13 Entity Relationship Diagram
43 3.6 Perancangan Basis Data Untuk Keperluan penolahan data, maka diperlukan file-file yang berfungsi untuk menyimpan data-data. File database yang dibuat dengan menggunakan mysql sever ini diberi nama dengan destination dan spesifikasinya sebagai berikut : 1. Struktur Tabel Objek_wsata Nama Tabel : Objek_wsata Primary Key : id_obj Tabel 3.15 Struktur Tabel Objek_Wsata No Nama Field Tipe data Length Keterangan 1 id_obj * Int 10 Primary key 2 Nama_obj Varchar 100 Nama objek 3 Categori Varchar 45 Categori Objek 4 Artikel LongText - Artikel Objek wisata 5 lat Double - Latitude Objek wisata 6 lng Double - Langitude Objek Wisata 7 Gbr1 Varchar 100 Link untuk menyimpan gambar 8 Id_prov Varchar 2 Foreign Key 2. Struktur Tabel Admin 3. Nama Tabel : Admin Primary Key : id_admin Tabel 3.16 Struktur Tabel Admin No Nama Field Tipe data Length Keterangan 1 id_admin * Int 10 Primary key
44 2 nama Varchar 50 Username Admin 3 alamat Varchar 200 Alamat admin 4 telp Varchar 13 Telephone admin 5 Password Varchar 50 Password Admin 6 Render Varchar 1 Jenis Kelamin Admin 4. Struktur Tabel Provinsi Nama Tabel : Provinsi Primary Key : id_prov Tabel 3.17 Struktur Tabel Provinsi No Nama Field Tipe data Length Keterangan 1 id_prov * Varchar 2 Primary key 2 Nama_prov Varchar 30 Nama Provinsi 3 Bg_prov Varchar 60 Link untuk menyimpan gambar provinsi
45 5. Struktur Tabel Detail_img Nama Tabel : Detail_img Primary Key : id_img Tabel 3.18 Struktur Tabel Detail Img No Nama Field Tipe data Length Keterangan 1 id_img * Integer 10 Primary key 2 Nama_img Varchar 30 Nama image objek wisata 3 Id_obj Integer 10 Foreign Key 6. Struktur Tabel Transportasi Nama Tabel : Transportasi Primary Key : id_transportasi Tabel 3.19 Struktur Tabel transportasi No Nama Field Tipe data Length Keterangan 1 id_transportasi * Integer 10 Primary key 2 Id_obj Integer 10 Foreign Key 3 Transportasi Text - Informasi Transportasi
46 7. Struktur Tabel Saran Nama Tabel : Saran Primary Key : id_saran Tabel 3.20 Struktur Tabel saran No Nama Field Tipe data Length Keterangan 1 id_saran * Integer 10 Primary key 2 Nama Varchar 45 Nama Visitor 3 Email Varchar 60 Email Visitor 4 Provinsi Varchar 45 Provinsi yang di pilih 5 Wisata Varchar 50 6 Deskripsi Text - Objek wisata yang di sarankan Deskripsi Objek Wisata saran 7 Waktu Datetime - Waktu kirim saran
47 3.7 Rancangan Layar Website 3.7.1 Struktur Tampilan Halaman Utama HOME SARAN LOKASI CONTAK LOGIN 3.7.2 Struktur Tampilan Admin Gambar 3.14 Struktur Tampilan Halaman Login Login Admin Data Objek Data Provinsi Data Admin Saran Transportasi Logout Edit/Delete Edit/Delte Gambar 3.15 Struktur Tampilan Login Admin
48 3.7.3 Rancangan Layar Utama BANER ENSIKLOPEDIA OBJEK WISATA INDONESIA HOME SARAN LOKASI CONTACT ADMIN PETA INDONESIA PROVINSI SUMATRA HOT DESTINATION FOLLOW Gambar 3.16 Rancangan halaman utama
49 3.7.4 Rancangan Layar Lokasi HOME SARAN LOKASI CONTACT LOGIN GOOGLE MAPS Gambar 3.17 Rancangan layar lokasi