METODOLOGI PENELITIAN
3.2 Lingkungan Penelitian
3.3.3 Metode Pengembangan Sistem
3.3.3.2 Merancang dan Membuat Prototype
Sebelum membangun prototype yang berfokus pada penyajian kepada pelanggan, akan dijelaskan terlebih dahulu tentang rancangan secara umum dari sistem dibantu dengan desain proses dan data menggunakan activity diagram, class diagram, sequences diagram serta desain user interface (tampilan halaman) dari sistem. Berikut penjelasan beberapa desain proses dan data yang digunakan dalam pembuatan sistem tersebut antara lain:
a. Activity Diagram
Dalam sistem yang akan dibangun dibutuhkan penjelasan dari beberapa diagram aktivitas yang terdapat di usecase diagram pada Gambar 3.2. Berikut penjelasan proses pada sistem informasi kependudukan Kecamatan Karya Penggawa.
1. Activity Diagram Login
Dalam melakukan pengembangan sistem ini, diagram aktivitas sesuai dengan proses yang dilakukan pada usecase diagram. Proses login merupakan proses pertama kali yang dilakukan oleh administrator untuk mengolah data-data yang di input.Penjelasan pada proses login dapat dilihat pada Gambar 3.3.
28
2. Activity Diagram Input Data Penduduk
Untuk proses input data penduduk, administrator harus memasukan data lengkap penduduk yang sesuai dengan kartu keluarga dengan NIK sebagai primary key. Penjelasan tersebut dapat dilihat pada Gambar 3.4.
Gambar 3.3 Activity Diagram Login
29
3. Activity Diagram Mengolah Data Penduduk
Proses diagram aktivitas selanjutnya yakni administrator melihat data. Selain melihat data, administrator juga dapat mengolah data tersebut seperti mengubah data, menghapus data, melihat detail data serta melihat grafik data penduduk. Proses diagram aktivitasnya mengolah data penduduk dapat dilihat pada Gambar 3.5.
30
4. Activity Diagram Cetak Laporan Penduduk
Selain mengolah data, administrator juga dapat mencetak laporan penduduk. Proses diagram aktivitasnya dapat dilihat pada Gambar 3.6.
5. Activity Diagram Lihat Data Penduduk dan Lihat Laporan Penduduk
Selain administrator, aktor lainnya seperti guest juga memiliki diagram aktivitas. Diagram aktivitas yang pertama, guest dapat melihat data penduduk. Proses tersebut dapat dilihat pada Gambar 3.7.
Gambar 3.7 Activity Diagram Lihat Data Penduduk Gambar 3.6 Activity DiagramAdministrator Cetak Laporan
31
b. Class Diagram
Class diagram merupakan relasi antar tabel yang terjadi pada database. Diagram kelas juga dapat disebut sebagai entity relationship diagram (ERD). Diagram kelas yang digunakan pada sistem dapat dilihat pada Gambar 3.8.
c. Sequences diagram
Pada langkah ini menjelaskan tentang diagram sekuen yang terdapat pada usecase diagram sesuai dengan urutan kejadian yang dilakukan oleh sistem ketika berinteraksi dengan user (pengguna).
32
1. Sequence Diagram Login
Dari Gambar 3.9 diketahui bahwa aktor (administrator) meminta halaman user interface untuk melakukan login. Proses login pada diagram sekuen merupakan urutan waktu yang dilakukan oleh administrator yaitu menginputkan username dan password. Selanjutnya halaman login melakukan verifikasi username dan password serta database melakukan method validasiLogin() benar atau salah username dan password yang di inputkan. Dari pemanggilan method tersebut mendapat pengembalian login memberikan pesan gagal atau berhasil.
33
2. Sequence Diagram Menambah Data Penduduk
Dari Gambar 3.10 diketahui bahwa aktor (administrator) objek tambah data harus melakukan request UI terlebih dahulu tampilan data kemudian menginputkan data penduduk dengan benar. Kemudian data dilakukan pengecekan NIK yang di-input-kan. Verifikasi data penduduk kemudian memberikan pesan pengembalian (return) sukses atau gagal penambahan data penduduk.
34
3. Sequence Diagram Edit Data Penduduk
Dari Gambar 3.11 diketahui bahwa aktor (administrator) dapat melakukan pengubahan (edit) data namun data terlebih dahulu sudah dimasukan. Proses melakukan edit data meminta tampilan UI() data kemudian halaman validasi terhadap database dan database memberikan halaman data yang diminta kemudian diteruskan terhadap aktor (administrator). Administrator mengubah data yang tidak sesuai, kemudian halaman validasiData() data tersebut dan memberikan pengembalian (return) pesan berupa sukses atau tidak pengubahan data berhasil dilakukan.
35
4. Sequence Diagram Menghapus Data Penduduk
Dari Gambar 3.12 diketahui bahwa aktor (administrator) dapat melakukan penghapusan data namun data terlebih dahulu sudah dimasukan. Proses melakukan hapus data meminta tampilan UI() data kemudian halaman validasi terhadap database dan database memberikan halaman data yang diminta kemudian diteruskan terhadap aktor (administrator). Administrator memilih data yang akan dihapus, kemudian halaman validasiData() data tersebut dan memberikan pengembalian (return) pesan berupa sukses atau tidak hapus data berhasil dilakukan.
36
5. Sequence Diagram Melihat Data Penduduk
Dari Gambar 3.13 diketahui bahwa aktor lainnya (guest) dapat melihat data namun data terlebih dahulu sudah dimasukan. Proses guest melihat data meminta tampilan UI() data kemudian halaman verifikasiData() terhadap database dan database memberikan halaman data yang diminta oleh guest. 6. Sequence Diagram Melihat Grafik Data Penduduk
Gambar 3.13 Sequence Diagram Melihat Data Penduduk
37
Dari Gambar 3.14 diketahui bahwa aktor (guest) juga dapat melihat grafik data penduduk namun data terlebih dahulu sudah di-input-kan. Proses guest melihat informasi meminta tampilan UI() grafik kemudian halaman verifikasiInformasi() terhadap database dan database memberikan halaman grafik yang diminta oleh guest.
7. Sequence Diagram Cetak Laporan Data Penduduk
Dari Gambar 3.15 diketahui bahwa aktor (administrator) juga dapat cetak laporan penduduk namun data terlebih dahulu sudah di-input-kan. Proses guest melihat informasi meminta tampilan UI() cetak laporan kemudian halaman verifikasiInformasi() terhadap database dan database memberikan hasil cetak laporan yang diminta oleh administrator.
38
d. Desain Tampilan Sistem
Pada sistem yang akan dibangun terdapat beberapa desain tampilan halaman. Desain dari tampilan halaman tersebut dapat dilihat pada beberapa gambar berikut.
1. User Interface (tampilan halaman) Utama Sistem
Dari Gambar 3.16 dijelaskan secara umum bahwa gambaran dari tampilan sistem terdiri atas Header, Menu, Status Menu dan Footer. Dari bagian-bagian menu tersebut hanya dapat menampilkan informasi dan data penduduk.
39
2. User Interface (tampilan halaman) Administrator
Dari Gambar 3.17 dijelaskan secara umum bahwa gambaran dari tampilan sistem terdiri atas Header, Menu, Status Menu dan Footer. Dari bagian-bagian menu tersebut dapat menampilkan informasi dan data serta mengolah informasi dan data penduduk.
40
3. User Interface (tampilan halaman) Laporan Data Penduduk
Dari Gambar 3.18 dijelaskan secara umum bahwa gambaran dari tampilan laporan data penduduk pada sistem. Dari tampilan laporan data penduduk tersebut, pengguna dari sistem dapat melihat grafik pertumbuhan peduduk dan mencetak laporan penduduk tersebut.