BAB III ANALISIS DAN PERANCANGAN 3.1 Analisa Kebutuhan Sistem Kebutuhan sistem dalam aplikasi ini terdiri dari Kebutuhan Fungsional dan Kebutuhan Non Fungsional. Berikut macam macam Kebutuhan Fungsional maupun Non Fungsional. 3.1.1 Kebutuhan Fungsional Sistem menyediakan 2 menu utama yakni menu bagi Admin dan menu utama bagi Pengunjung. 1. Pengunjung dapat melihat keseluruhan Peta Indonesia di Halaman Utama, kemudian memilih Provinsi yang diinginkan. 2. Pengunjung dapat memilih menu Flora atau Fauna. 3. Pengunjung dapat melakukan pencarian Flora atau Fauna. 3.1.2 Kebutuhan Non Fungsional a) Sistem dijalankan pada Sistem Operasi Windows 7. b) Software yang digunakan adalah Macromedia Dreamweaver. c) Sistem diakses melalui browser Google Chrome, Internet Explorer dan Mozilla Firefox. 3.2 Perancangan Sistem 3.2.1 Analisa Kondisi Saat Ini Flora dan Fauna merupakan identitas dari sebuah daerah, jenis atau ragam flora dan fauna sangat berpengaruh pada keadaan geografis suatu wilayah. Keragaman flora dan fauna di daerah tandus dan kering tentu sangat berbeda 23
24 dengan flora dan fauna di daerah perairan. Mengacu pada fakta yang ada, banyak flora dan fauna terancam punah dari tahun ke tahun populasinya menurun. Kurangnya pengetahuan kita akan flora fauna identitas Indonesia diperkirakan menjadi penyebab menurunnya jumlah populasi flora dan fauna. Pada saat ini, belum adanya sebuah sistem informasi berbasis web yang mencakup seluruh keanekaragaman flora dan fauna di seluruh Indonesia. Basis web dirasa dapat menjangkau kalangan masyarakat lebih luas. Dengan dibuatnya Website Pemetaan Flora dan Fauna di seluruh Indonesia diharapkan dapat meningkatkan pengetahuan dan kecintaan akan keanekaragaman flora dan fauna yang kita miliki.
25 3.2.2 Use Case Diagram Update Flora «include» «include» LOGIN Update Fauna Admin Melihat Flora berdasarkan provinsi Pengunjung Melihat Fauna berdasarkan provinsi Mencari Flora Mencari Fauna Melihat Fauna langka berdasarkan Pulau Gambar 1.1 Use Case Diagram Usulan
26 3.2.2.1 Skenario Use Case Tabel 3.1 Use Case Login Admin Use Case Pre-condition Post-condition Login Admin Admin melakukan validasi untuk masuk ke menu utama, dengan username dan password. Admin belum mengisi username dan password Admin sudah mengisi username dan password Tabel 3.2 Use Case Update Flora Use Case Pre-condition Post-condition Update Flora Admin Admin melakukan update flora Admin belum meng-update flora Admin sudah meng-update flora Tabel 3.3 Use Case Update Fauna Use Case Pre-condition Post-condition Update Fauna Admin Admin melakukan update fauna Admin belum meng-update fauna Admin sudah meng-update fauna
27 Tabel 3.4 Use Case Melihat Flora Use Case Pre-condition Post-condition Melihat Flora Berdasarkan Provinsi Pengunjung Pengunjung Melihat Flora Berdasarkan Provinsi yang dipilih di Halaman Utama Pengunjung Belum Melihat Flora Berdasarkan Provinsi yang dipilih Pengunjung Sudah Melihat Flora Berdasarkan Provinsi yang dipilih Tabel 3.5 Use Case Melihat Fauna Use Case Pre-condition Post-condition Melihat Fauna Berdasarkan Provinsi Pengunjung Pengunjung Melihat Fauna Berdasarkan Provinsi yang dipilih di Halaman Utama Pengunjung Belum Melihat Fauna Berdasarkan Provinsi yang dipilih Pengunjung Sudah Melihat Fauna Berdasarkan Provinsi yang dipilih Tabel 3.6 Use Case Mencari Flora Use Case Pre-condition Post-condition Mencari Flora Pengunjung Pengunjung Mencari Flora Pengunjung Belum Menemukan Flora Pengunjung Sudah Menemukan Flora
28 Tabel 3.7 Use Case Mencari Fauna Use Case Pre-condition Post-condition Mencari Fauna Pengunjung Pengunjung Mencari Fauna Pengunjung Belum Menemukan Fauna Pengunjung Sudah Menemukan Fauna Tabel 3.8 Use Case Melihat Fauna Langka Use Case Pre-condition Post-condition Melihat Fauna Langka Berdasarkan Pulau Pengunjung Pengunjung Melihat Fauna Langka di Pulau Sumatera, Jawa atau Kalimantan di Halaman Utama Pengunjung Belum Melihat Fauna Langka di Pulau Sumatera, Jawa atau Kalimantan di Halaman Utama Pengunjung Sudah Melihat Fauna Langka di Pulau Sumatera, Jawa atau Kalimantan di Halaman Utama
29 3.2.3 Activity Diagram Login Cek Validasi Username & Password [Tidak Sesuai] [Sesuai] Melihat Menu Admin Gambar 3.2 Activity Diagram Login Menu Login hanya dapat dilakukan oleh Admin, Admin dapat login ke sistem apabila sudah terdaftar dengan username dan password, apabila username dan password tidak sesuai, maka Admin tidak dapat melakukan login. Jika username dan password sesuai, Admin dapat mengakses Menu Admin yang terdiri dari Data Fauna, Data Flora, Data Fauna Langka, Populasi dan Data User.
30 Membuka Halaman Admin Update Fauna Update Flora Gambar 3.3 Activity Diagram Admin Membuka Halaman Admin hanya dapat dilakukan oleh Admin yang telah terdaftar sebelumnya. Pada menu Admin dapat melakukan update Fauna dan update Flora.
31 Pengunjung Sistem Melihat Halaman Utama Memilih Provinsi Menampilkan Provinsi Melihat Flora atau Fauna Menampilkan Plihan Flora atau Fauna [Lanjutkan] Mencari Flora Fauna Menampilkan Hasil Pencarian Flora atau Fauna Melihat Flora Fauna Hasil Pencarian [selesai] [lanjutkan] [lanjutkan] Melihat Fauna Langka Berdasarkan Pulau Menampilkan Fauna Langka Berdasarkan Pulau [selesai] [selesai] Gambar 3.4 Activity Diagram Pengunjung Pengunjung(user) dapat membuka halaman utama, akan disajikan Peta Indonesia yang dapat di pilih dengan klik Provinsi yang diinginkan. Setelah Halaman
32 Provinsi terbuka dan terlihat peta dari provinsi yang diinginkan, terdapat juga pilihan button menu untuk memilih Flora atau Fauna. Pada pilihan menu, Pengunjung(user) juga dapat memilih Fauna Langka dengan memilih Pulau Jawa, Sumatera atau Kalimantan.
33 3.2.4 Class Diagram Pengunjung +View () FaunaLangka -id_faunalangka : int -id_fauna : char -id_provinsi : char -Nama : char -Nama_latin : char -Ciri-ciri : char -Habitat : char -Ukuran : char -Warna : char -Foto : char -Populasi : char 1 1 Fauna -id_fauna : int -id_provinsi : char -Nama : char -Nama_latin : char -Ciri-ciri : char -Habitat : char -Ukuran : char -Warna : char -Lokasi : char -Foto : char +Input() +Update() +Delete() +Search() 1 1 Provinsi Flora -Id_Flora : int -id_provinsi : char -Nama : int -Nama_latin : char -Ciri-ciri : char -Habitat : char -Ukuran : char -Warna : char -Lokasi : char -Foto : char +Input() +Update() +Delete() +Search() -Id_Provinsi : int -Nama_provinsi : char +Input() +Update() +Delete() +Search() 1 1 Admin -id_user : int -username : char -password : char +Update() 1 Gambar 3.5 Class Diagram
34 3.2.5 Sequence Diagram 3.2.5.1 Sequence Diagram Login Menu Admin Admin Admin Membuka Form Login Menampilkan Form Login Input Username & Password Klik Login Menampilkan Halaman Admin Gambar 3.6 Sequence Diagram Login Keterangan : Admin : Admin melakukan login ke sistem, dengan input username dan password, apabila sesuai, maka Admin akan masuk ke Halaman Admin. Apabila tidak sesuai, maka akan muncul kembali Halaman Login.
35 3.2.5.2 Sequence Diagram Update Fauna Menu Fauna Fauna Admin Membuka Form Fauna Menampilkan Menu Fauna Klik Tambah Fauna Menampilkan Menu Tambah Fauna Update Fauna Simpan Data Fauna Simpan Data Fauna Menampilkan Fauna Gambar 3.7 Sequence Diagram Update Fauna Keterangan : Admin : Admin melakukan update Fauna dengan membuka Form Fauna, Klik Tambah Fauna, lalu meng-update dalam Form Fauna, kemudian di simpan.
36 3.2.5.3 Sequence Diagram Update Flora Menu Flora Flora Admin Membuka Form Flora Menampilkan Menu Flora Klik Tambah Flora Menampilkan Menu Tambah Flora Update Flora Simpan Data Flora Simpan Data Flora Menampilkan Flora Gambar 3.8 Sequence Diagram Update Flora Keterangan : Admin : Admin melakukan update Flora dengan membuka Form Flora, Klik Tambah Flora, lalu meng-update dalam Form Flora, kemudian di simpan.
37 3.2.5.4 Sequence Diagram View Flora Menu Utama Provinsi Flora User Membuka Halaman Utama Menampilkan Provinsi Memilih Provinsi Klik Provinsi Klik Menu Flora Menampilkan Flora Gambar 3.9 Sequence Diagram View Flora Keterangan : Pengunjung(User) : Pengunjung atau User membuka Halaman Utama yang berisi peta Indonesia, pada peta tersebut, Pengunjung dapat memilih Provinsi yang diinginkan dengan cara mouse-over, setelah Pengunjung memilih Provinsi yang diinginkan, akan muncul Halaman berikutnya, akan muncul Peta Provinsi dengan 2 tombol pilihan Flora/Fauna, Pengunjung lalu memilih Flora.
38 3.2.5.5 Sequence Diagram View Fauna Menu Utama Provinsi Fauna User Membuka Halaman Utama Menampilkan Provinsi Memilih Provinsi Klik Provinsi Klik Menu Fauna Menampilkan Fauna Gambar 3.10 Sequence Diagram View Fauna Keterangan : Pengunjung(User) : Pengunjung atau User membuka Halaman Utama yang berisi peta Indonesia, pada peta tersebut, Pengunjung dapat memilih Provinsi yang diinginkan dengan cara mouse-over, setelah Pengunjung memilih Provinsi yang diinginkan, akan muncul Halaman berikutnya, akan muncul Peta Provinsi dengan 2 tombol pilihan Flora/Fauna, Pengunjung lalu memilih Fauna
39 3.2.5.6 Sequence Diagram Cari Flora Menu Provinsi Flora User Buka Halaman Utama Mencari Flora Menampilkan Data Flora Gambar 3.11 Sequence Diagram Cari Flora Keterangan : Pengunjung(User) : Pengunjung dapat menginput nama Flora untuk melakukan pencarian.
40 3.2.5.7 Sequence Diagram Cari Fauna Menu Provinsi Fauna User Buka Halaman Utama Mencari Fauna Menampilkan Data Fauna Gambar 3.12 Sequence Diagram Cari Fauna Keterangan : Pengunjung(User) : Pengunjung dapat menginput nama Fauna untuk melakukan pencarian.
41 3.2.5.8 Sequence Diagram View Fauna Langka Menu Utama Fauna Langka User Buka Halaman Utama Mencari Fauna Langka Menampilkan Fauna Langka Gambar 3.13 Sequence Diagram View Fauna Langka Keterangan : Pengunjung(User) : Pada Halaman Utama, terdapat Menu Fauna Langka yang dapat di pilih oleh Pengunjung, pada Halaman ini akan muncul Peta Indonesia, lalu Pengunjung dapat mouse-over pada Pulau Sumatera, Jawa atau Kalimantan untuk dapat melihat Fauna Langka yang terdapat di Pulau pulau tersebut.
42 3.3 Rancangan Database Tabel 3.9 Rancangan Database Tabel Fauna Tabel Fauna PK : id_fauna Nama Field Tipe Data Extra Ukuran Keterangan id_fauna Int auto_increment 11 Not Null id_provinsi Int - 11 Not Null nama VarChar - 255 Not Null nama_latin VarChar - 255 Not Null ciri-ciri Text - - Not Null Habitat Text - - Not Null Ukuran Text - - Not Null Warna Text - - Not Null Lokasi Text - 100 Not Null Foto Text - - Not Null Tabel 3.10 Rancangan Database Tabel Flora Tabel Flora PK : id_flora Nama Field Tipe Data Extra Ukuran Keterangan id_flora Int auto_increment 11 Not Null id_provinsi Int - 11 Not Null nama VarChar - 255 Not Null nama_latin VarChar - 255 Not Null
43 ciri-ciri Text - - Not Null Habitat Text - - Not Null Ukuran Text - - Not Null Warna Text - - Not Null Lokasi Text - - NotNull Foto Text - - Not Null Tabel 3.11 Rancangan Database Tabel Provinsi Tabel Provinsi PK : id_provinsi Nama Field Tipe Data Extra Ukuran Keterangan Id_provinsi Int Auto_increment 11 Not Null Nama_provinsi VarChar - 150 Not Null Tabel 3.12 Rancangan Database Tabel Fauna Langka Tabel Fauna Langka PK : id_faunalangka Nama Field Tipe Data Extra Ukuran Keterangan id_faunalangka Int auto_increment 11 Not Null id_fauna int - 11 Not Null id_provinsi Int - 11 Not Null nama VarChar - 255 Not Null nama_latin VarChar - 255 Not Null ciri-ciri Text - 255 Not Null
44 Habitat Text - 255 Not Null Ukuran Text - 255 Not Null Warna Text - 255 Not Null Populasi VarChar - 255 NotNull Foto VarChar - - NotNull Tabel 3.13 Rancangan Database Tabel User Tabel Data User PK : id_user Nama Field Tipe Data Extra Ukuran Keterangan id Int auto_increment 11 Not Null Username VarChar - 100 Not Null password VarChar - 100 Not Null
45 3.4 Rancangan Antarmuka 3.4.1 Rancangan Layar Halaman Utama Gambar 3.14 Rancangan Layar Halaman Utama 3.4.2 Rancangan Layar Login Admin Gambar 3.15 Rancangan Layar Login Admin
46 3.4.3 Rancangan Layar Data Flora Gambar 3.16 Rancangan Layar Data Flora 3.4.4 Rancangan Layar Data Fauna Gambar 3.17 Rancangan Layar Data Fauna
47 3.4.5 Rancangan Layar Data Fauna Langka Gambar 3.18 Rancangan Layar Data Fauna Langka 3.4.6 Rancangan Layar Data Provinsi Gambar 3.19 Rancangan Layar Data Provinsi
48 3.4.7 Rancangan Layar Data User Gambar 3.20 Rancangan Layar Data User 3.4.8 Rancangan Layar Provinsi Pilihan Gambar 3.21 Rancangan Layar Provinsi Pilihan
49 3.4.9 Rancangan Layar Flora/Fauna Gambar 3.22 Rancangan Layar Flora Fauna