BAB IV PERANCANGAN SISTEM

Transkripsi

1 BAB IV PERANCANGAN SISTEM 4.1 Perancangan Sistem Perancangan sistem adalah 1 strategi untuk memecahkan masalah dan mengembangkan solusi terbaik bagi permasalahan itu. Perancangan sistem adalah termasuk bagaimana mengorganisasi sistem ke dalam subsistem-subsistem, serta alokasi subsistem-subsistem ke komponenkomponen perangkat keras, perangkat lunak serta prosedur-prosedur. Berdasarkan hasil analisa secara menyeluruh, maka dibuatlah suatu Sistem Informasi Kartu Keluarga yang akan membantu Kelurahan dalam meningkatkan pelayanan kepada masyarakat yang lebih baik. Kelurahan akan memberikan informasi yang cepat, akurat dan murah kepada masyarakat untuk mendapatkan informasi tentang Kartu Keluarga yang mereka buat. Rancangan ini meliputi penggambaran dalam bentuk Use Case, Activity Diagram, Sequence Diagram, Class Diagram. 1 AdiNugroho, analisis dan perancangan sistem informasi dengan metodologi berorientasi objek, informatika, Bandung, 2005 hal :

2 52 1. Use Case Diagram Pada sistem ini yang akan menjadi actor dalam use case adalah masyarakat dan petugas kelurahan dalam hal ini ditunjuklah seorang admin dalam bidang pelayanan. Masyarakat akan mendapatkan informasi setelah mengirim SMS ke sistem dan admin bertugas mengoperasikan sistem yang dibuat. Sistem Informasi Kartu Keluarga Kirim SMS Login Proses KK Masyarakat KK SMS Info Gambar 4.1 Use Case Sistem Informasi Pelayanan KK 2. Activity Diagram Activity diagram akan menerangkan cara kerja setiap bagian pada sistem yang dibuat. Dalam proses ini Kasi Pelayanan saya simbolkan sebagai admin pada sistem.

3 53 a. Activity Diagram Terima SMS Pada activity diagram ini akan menerangkan bagaimana proses SMS yang dikirim dari masyarakat diproses oleh sistem dan dikirim kembali kepada masyarakat dalam bentuk SMS. Sistem melakukan SMS balasan secara otomatis kepada masyarakat apabila ada sms yang masuk ke sistem.aliran sistem pada proses terima SMS sebagai berikut : 1) Masyarakat mengirim SMS dengan format Resi(spasi)No resi yang diberikan dari petugas kirim ke nomor operator yang telah ditentukan. 2) SMS diterima melalui perangkat modem atau handphone yang telah terpasang pada komputer sistem. 3) SMS diteruskan ke sistem dan melakukan penguraian SMS untuk mendapatkan nomor operator pengirim dan isi dari SMS yang ditulis masyarakat. 4) Sistem melakukan validasi SMS yang dikirim. Jika format penulisan salah maka sistem akan melakukan sms balasan kesalahan kepada masyarakat melalui SMS Gateway bahwa SMS yang diketik adalah salah. 5) Jika format SMS telah benar maka sistem akan melakukan pencarian nomor resi di database. 6) Sistem akan membuat format balasan kepada masyarakat dengan database yang ada.

4 54 7) Format SMS yang telah dibuat akan dikirim ke masyarakat melalui SMS Gateway. 8) Masyarakat mendapatkan informasi dari sistem. Masyarakat Now SMS Sistem Informasi KK Kirim SMS Terima SMS Parsing Teks Terima SMS (Pesan Kesalahan) Kirim SMS Kesalahan Salah Validasi Format SMS Benar Cari Data Di Database Terima SMS Balasan Kirim SMS Balasan Membuat Format Balasan Gambar 4.2 Activity Diagram Terima SMS. b. Activity Diagram Login Pada activity diagram ini menerangkan bagaimana pengguna melakukan login ke sistem. Halaman login merupakan bagian yang utama untuk bisa masuk ke sistem. Aliran sistem pada proses login sebagai berikut :

5 55 1) Pada halaman login admin memasukkan username dan password. 2) Sistem akan memvalidasi login. 3) Jika login salah maka sistem akan menampilkan halaman login kembali. 4) Jika login benar makan sistem akan menampilkan halaman utama sistem. Sistem Informasi KK Login Salah Validasi Login Benar Halaman Menu Utama Gambar 4.3 Activity Diagram Login

6 56 c. Activity Diagram Input Inbox SMS Pada Activity Diagram ini menjelaskan bagaimana SMS yang masuk melalui modem di input secara otomatis ke tabel inbox SMS. Aliran sistem pada input inbox SMS sebagai berikut : 1) SMS yang diterima pada sms gateway akan diteruskan kepada sistem. 2) Sistem melakukan penguraian sms yang diterima untuk mendapatkan nomor operator pengirim dan isi sms. 3) Sistem melakukan penyimpanan data ke tabel inbox. SMS Gateway Sistem Informasi KK Parsing SMS Terima SMS Simpan data ke database Gambar 4.4 Activity Diagram Input Inbox SMS d. Activity Diagram Hapus Inbox SMS Pada activity diagram ini menjelaskan bagaimana user menghapus isi dari tabel inbox sms dengan dua kategori yaitu hapus per bulan

7 57 atau hapus per tahun. Aliran sistem pada hapus inbox SMS sebagai berikut : 1) memilih menu Hapus. 2) Sistem menampilkan halaman hapus. 3) memilih radio button Hapus Inbox SMS dan memilih data sms yang mau dihapus perbulan atau pertahun. 4) menekan tombol hapus. 5) Sistem menampilkan pesan hapus data. 6) Jika admin menekan tombol OK maka sistem menghapus data sms dari tabel sms. Jika Cancel maka kembali kehalaman hapus. Sistem Informasi KK Tampil Halaman Hapus Pilih Menu Hapus Pilih Hapus Inbox SMS Tampil Pesan Konfirmasi Memilih data yang dihapus Tekan Tombol Hapus Hapus Data di Database Pilih Pilihan Cancel OK Gambar 4.5 Activity Diagram Hapus Inbox SMS

8 58 e. Activity Diagram Input Proses KK Activity ini merupakan bagian yang terpenting karena pada bagian ini sistem akan memberi informasi KK yang diproses. Setiap KK yang dilaksanakan oleh petugas pembuat KK harus di informasi ke sistem agar sistem segera menginformasikan kepada masyarakat melalui SMS. Aliran sistem pada input proses KK sebagai berikut : 1) Pada halaman utama pilih menu Proses KK Input Proses KK. 2) menginput data proses KK. 3) Tekan tombol save dan sistem akan menyimpan data dari form inputan ke tabel proses KK. Sistem Informasi KK Pilih Menu Input Proses KK Simpan Data Proses KK Input data Proses KK Tekan tombol Save Gambar 4.6 Activity Diagram Input Proses KK

9 59 f. Activity Diagram Update Proses KK Pada activity diagram ini menerangkan cara proses update informasi KK untuk disampaikan kepada masyarakat melalui SMS. Aliran sistem pada update proses KK sebagai berikut : 1) Pada menu utama pilih Proses KK Tabel Proses. 2) Pada halaman tabel proses klik nomor resi yang akan di update. 3) Sistem menampilkan halaman Edit Proses KK. 4) mengedit proses KK kemudian menekan tombol Save untuk menyimpan. 5) Sistem menyimpan hasil edit dari admin ke tabel Proses KK. Sistem Informasi KK Pilih Menu Tabel Proses KK Tampil Halaman Tabel Proses KK Klik no_resi Tampil Halaman Edit Proses KK Edit Data Proses KK Simpan Data Proses KK Tekan tombol Save Gambar 4.7 Activity Diagram Update Proses KK

10 60 g. Activity Diagram Hapus Proses KK Activity diagram ini menjelaskan bagaimana user menghapus isi dari tabel proses KK jika terjadi kesalahan dalam pengetikan. Aliran sistem pada hapus proses KK sebagai berikut : 1) memilih menu Hapus. 2) Sistem menampilkan halaman hapus. 3) memilih radio button hapus proses kk, kemudian memasukkan nomor resi dan menekan tombol hapus. 4) Sistem menampilkan pesan hapus data. 5) Jika admin menekan tombok OK maka sistem menghapus data dari tabel proses data. Jika Cancel maka kembali ke halaman hapus. Sistem Informasi KK Pilih Menu Hapus Tampil Halaman Hapus Pilih Hapus Proses KK & isi no_resi Tampil Pesan Konfirmasi Tekan Tombol Hapus Hapus Data di Database Pilih Pilihan Cancel OK Gambar 4.8 Activity Diagram Hapus Proses KK

11 61 h. Activity Diagram Input KK Pada activity diagram ini menerangkan bagaimana user menginputkan data Kartu Keluarga ke sistem. Data KK ini harus ada jika KK yang diurus sudah selesai. Aliran sistem pada input KK sebagai berikut : 1) memilih menu Input KK. 2) Sistem menampilkan halaman Input KK. 3) memasukkan data KK ke form Input KK dan menekan tombol Save. 4) Sistem menyimpan data KK ke tabel KK. Sistem Informasi KK Pilih Menu Input KK Tampil Halaman Input KK Isi data KK Simpan Data di Database Tekan Tombol Save Gambar 4.9 Activity Diagram Input KK

12 62 i. Activity Diagram Hapus KK Pada activity diagram ini menjelaskan bagaimana user menghapus KK jika dalam penginputan KK terjadi kesalahan. Aliran sistem pada hapus KK sebagai berikut : 1) memilih menu Hapus. 2) Sistem menampilkan halaman hapus. 3) memilih radio button hapus kk, kemudian memasukkan nomor KK dan menekan tombol hapus. 4) Sistem menampilkan pesan hapus data. 5) Jika admin menekan tombol OK maka sistem menghapus data dari tabel proses data. Jika menekan tombol Cancel maka kembali ke halaman hapus. Sistem Informasi KK Pilih Menu Hapus Tampil Halaman Hapus Pilih Hapus KK Tampil Pesan Konfirmasi Input Nomor KK Tekan Tombol Hapus Hapus Data di Database Pilih Pilihan Cancel OK Gambar 4.10 Activity Diagram Hapus KK

13 63 j. Activity Diagram Kirim Informasi Pada activity diagram ini menjelaskan bagaimana user mengirim informasi ke seluruh masyarakat yang nomor handphone masyarakat telah terdaftar pada sistem melalui SMS. Aliran sistem pada kirim informasi sebagai berikut : 1) memilih menu SMS Info. 2) Sistem menampilkan halaman SMS informasi masyarakat. 3) mengetik pesan informasi dan menekan tombol kirim. 4) Sistem menampilkan pesan bahwa informasi telah dikirim. Sistem Informasi KK Pilih Menu SMS Info Tampil Halaman SMS Informasi Masyarakat Mengetik Pesan Informasi Mengirim SMS Informasi ke masyarakat Tekan Tombol Kirim Gambar 4.11 Activity Diagram SMS Info 3) Sequence Diagram Sequence diagram digunakan untuk menggambarkan prilaku yang terjadi pada sistem informasi kartu keluarga.

14 64 Login User Menu Utama Mengisi User dan Password Validasi User dan Password Gagal Login Cari data Berhasil Login Gambar 4.12 Sequence Diagram Login ke Sistem Masyarakat Autoresponder Inbox Database Kirim SMS Mengisi data inbox Input Data Validasi SMS Cari data Kirim SMS Balasan SMS Balasan Memilih tahun atau bulan Hapus data Gambar 4.13 Sequence Diagram Pada Class Inbox Masyarakat proses KK Database Mengisi data Proses KK Input data SMS info Proses KK Berhasil Gagal Mengubah data Proses KK Update data SMS info Proses KK Berhasil Mengisi nomor resi Hapus data Berhasil Gagal Gambar 4.14 Sequence Diagram Pada Class Proses KK

15 65 KK Database Mengisi data KK Input Data Berhasil Mengisi Nomor KK Hapus Data Berhasil Gagal Gambar 4.15 Sequence Diagram Pada Class KK SMS Informasi Database Masyarakat Mengisi Pesan Informasi Validasi Semua Kontak Kirim Pesan Infromasi Berhasil Gambar 4.16 Sequence Diagram Kirim Informasi Ke Masyarakat 4) Class Diagram Pada sistem informasi kartu keluarga terdapat tiga class antara lain : class inbox, class proses dan class KK. Dibawah ini akan menggambarkan masing-masing class dengan atribut dan operating.

16 66 Inbox Id : integer(5) Sender : varchar (15) Isi : text Tanggal : date Waktu : time Insert() Delete() Proses 1..1 No_resi : varchar(5) 1..1 Nama : varchar(35) No_kk : varchar(16) Tgl_masuk : date Proses : enum Tgl_proses : date Insert() Edit() Delete() KK No_kk : varchar(16) Nama_kep_kel : varchar(40) Alamat : varchar(50) RT : varchar(3) RW : varchar(3) Insert() Delete() Gambar 4.17 Class Diagram 4.2 Perancangan Model Data 1. Struktur Tabel Struktur tabel merupakan urutan isi atau urutan data data yang ada pada tabel database. Tabel 4.1 Struktur tabel inbox No Nama_Field Type Size Key Keterangan 1 Id Int 5 PR Nomor Id inbox 2 Sender Varchar 15 Nomor Pengirim SMS 3 Isi Text Isi SMS yang dikirim 4 Tanggal Date Tanggal terima SMS 5 Waktu Time Waktu terima SMS Tabel 4.2 Struktur tabel KK No Nama_Field Type Size Key Keterangan 1 No_kk Varchar 16 PR Nomor Kartu Keluarga 2 Nama_kep_kel Varchar 40 Nama Lengkap Kep.Keluarga 3 Alamat Varchar 50 Alamat Kepala Keluarga 4 RT Varchar 3 Nomor RT Kepala Keluarga 5 RW Varchar 3 Nomor RW Kepala Keluarga

17 67 Tabel 4.3 Struktur tabel proses No Nama_Field Type Size Key Keterangan 1 No_resi Varchar 5 PR Nomor resi pembuatan KK 2 Nama Varchar 35 Nama pelapor pembuatan KK 3 No_kk Varchar 16 Nomor Kartu Keluarga 4 Tgl_masuk Date Tanggal awal proses KK 5 Proses Enum Proses pembuatan KK 6 Tgl_proses Date Tanggal proses KK Tabel 4.4 Struktur tabel user No Nama_Field Type Size Key Keterangan 1 User_id Int 3 PR Nomor Id user 2 Username Varchar 25 Nama pengguna sistem 3 Password Varchar 25 Kata sandi pengguna sistem 4 User_nama Varchar 25 Nama lengkap pengguna 5 User_akses Enum Kategori pengguna sistem Tabel 4.5 Struktur tabel kontak No Nama_Field Type Size Key Keterangan 1 No_resi Varchar 5 Nomor resi 2 No_HP Varchar 20 Nomor Handphone 3 Kode Tinyint 1 Kode Pengiriman 4 Isi_info Text Isi dari SMS Informasi 2. Struktur Menu Struktur menu merupakan susunan menu pada sistem yang akan mempermudah dalam membuat sistem. Struktur menu dapat disusun secara bertingkat dari menu utama sampai ke submenu pada sistem.

18 68 Menu Utama Home Proses KK Inbox Input KK Hapus User SMS Info Keluar Input Proses KK Tambah User Tabel Proses KK Tabel User Proses KK Selesai Gambar 4.18 Struktur menu 3. Perancangan Tampilan Form Perancangan tampilan form akan menggambarkan desain form dari sistem yang akan dibuat. Form ini merupakan antar muka antara sistem dengan pengguna aplikasi. LOGO Username Password Login Gambar 4.19 Tampilan Form Login

19 69 Banner Menu Tabel Inbox Header Colum Informasi Gambar 4.20 Tampilan Form Inbox Banner Menu Input Proses KK Informasi No Resi Nama Pelapor No KK Tanggal Proses KK No HP Save Reset Gambar 4.21 Tampilan Form Input Proses KK

20 70 Banner Menu Tabel Proses KK Header Colum Informasi Gambar 4.22 Tampilan Form Tabel Proses KK Banner Menu Edit Proses KK Informasi No Resi Nama Pelapor No KK Tanggal Proses KK No HP Save Reset Gambar 4.23 Tampilan Form Edit Proses KK

21 71 Banner Menu Input KK Informasi No KK Nama KepKel Alamat RT RW Save Reset Gambar 4.24 Tampilan Form Input KK Banner Menu Form Hapus Informasi Hapus Kep Kel Hapus Proses KK Hapus Inbox Save Reset Gambar 4.25 Tampilan Form Hapus

22 72 Banner Menu Registrasi Informasi Username Password Ulangi Password Nama Lengkap Kategori Daftar Reset Gambar 4.26 Tampilan Form Registrasi Banner Menu Tabel User Header Colum Informasi xxxx xxxx xxxx hapus xxxx xxxx xxxx hapus Gambar 4.27 Tampilan Form Tabel User

23 73 Banner Menu SMS Informasi Masyarakat Informasi Informasi SMS Panjang Karakter Kirim Reset Gambar 4.28 Tampilan Form SMS Informasi