BAB IV PERANCANGAN SISTEM
4.1
Perancangan Sistem Perancangan sistem adalah1 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 : 203
51
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
Admin
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.
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.
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 :
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. Admin
Sistem Informasi KK
Login
Salah
Validasi Login
Benar
Halaman Menu Utama
Gambar 4.3 Activity Diagram Login
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
57
atau hapus per tahun. Aliran sistem pada hapus inbox SMS sebagai berikut : 1) Admin memilih menu Hapus. 2) Sistem menampilkan halaman hapus. 3) Admin memilih radio button Hapus Inbox SMS dan memilih data sms yang mau dihapus perbulan atau pertahun. 4) Admin 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. Admin
Sistem Informasi KK
Tampil Halaman Hapus Pilih Menu Hapus
Pilih Hapus Inbox SMS
Tampil Pesan Konfirmasi
Memilih data yang dihapus
Hapus Data di Database
Tekan Tombol Hapus
Cancel Pilih Pilihan OK
Gambar 4.5 Activity Diagram Hapus Inbox SMS
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) Admin menginput data proses KK. 3) Tekan tombol save dan sistem akan menyimpan data dari form inputan ke tabel proses KK. Admin
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
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) Admin mengedit proses KK kemudian menekan tombol Save untuk menyimpan. 5) Sistem menyimpan hasil edit dari admin ke tabel Proses KK. Admin
Sistem Informasi KK
Tampil Halaman Tabel Proses KK Pilih Menu Tabel Proses KK
Klik no_resi
Edit Data Proses KK
Tampil Halaman Edit Proses KK
Simpan Data Proses KK
Tekan tombol Save
Gambar 4.7 Activity Diagram Update Proses KK
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) Admin memilih menu Hapus. 2) Sistem menampilkan halaman hapus. 3) Admin 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. Admin
Sistem Informasi KK
Tampil Halaman Hapus
Pilih Menu Hapus
Pilih Hapus Proses KK & isi no_resi
Tampil Pesan Konfirmasi
Tekan Tombol Hapus Hapus Data di Database Cancel Pilih Pilihan OK
Gambar 4.8 Activity Diagram Hapus Proses KK
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) Admin memilih menu Input KK. 2) Sistem menampilkan halaman Input KK. 3) Admin memasukkan data KK ke form Input KK dan menekan tombol Save. 4) Sistem menyimpan data KK ke tabel KK. Admin
Sistem Informasi KK
Tampil Halaman Input KK Pilih Menu Input KK
Isi data KK
Simpan Data di Database
Tekan Tombol Save
Gambar 4.9 Activity Diagram Input KK
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) Admin memilih menu Hapus. 2) Sistem menampilkan halaman hapus. 3) Admin 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. Admin
Sistem Informasi KK
Tampil Halaman Hapus Pilih Menu Hapus
Tampil Pesan Konfirmasi
Pilih Hapus KK
Input Nomor KK
Hapus Data di Database
Tekan Tombol Hapus
Cancel Pilih Pilihan OK
Gambar 4.10 Activity Diagram Hapus KK
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) Admin memilih menu SMS Info. 2) Sistem menampilkan halaman SMS informasi masyarakat. 3) Admin mengetik pesan informasi dan menekan tombol kirim. 4) Sistem menampilkan pesan bahwa informasi telah dikirim. Admin
Pilih Menu SMS Info
Mengetik Pesan Informasi
Sistem Informasi KK
Tampil Halaman SMS Informasi Masyarakat
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.
64
Login
User
Menu Utama
Admin Mengisi User dan Password Validasi User dan Password
Cari data
Gagal Login Berhasil Login
Gambar 4.12 Sequence Diagram Login ke Sistem
Masyarakat
Autoresponder
Admin
Kirim SMS
Database
Inbox
Mengisi data inbox
Input Data
Validasi SMS
Cari data SMS Balasan
Kirim SMS Balasan
Memilih tahun atau bulan
Hapus data
Gambar 4.13 Sequence Diagram Pada Class Inbox
proses KK
Database
Admin
Masyarakat
Mengisi data Proses KK
Input data Berhasil
SMS info Proses KK
Gagal Mengubah data Proses KK
Update data Berhasil
SMS info Proses KK Mengisi nomor resi
Hapus data Berhasil Gagal
Gambar 4.14 Sequence Diagram Pada Class Proses KK
65
KK
Admin Mengisi data KK
Database
Input Data Berhasil
Mengisi Nomor KK
Hapus Data Berhasil Gagal
Gambar 4.15 Sequence Diagram Pada Class KK
SMS Informasi
Admin
Mengisi Pesan Informasi
Database
Validasi Semua Kontak
Masyarakat
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.
66
Proses
Inbox Id : integer(5) Sender : varchar (15) Isi : text Tanggal : date Waktu : time
No_resi : varchar(5) 1..1 Nama : varchar(35) No_kk : varchar(16) Tgl_masuk : date Proses : enum Tgl_proses : date
1..1
Insert() Delete()
KK 1..1
No_kk : varchar(16) 1..1 Nama_kep_kel : varchar(40) Alamat : varchar(50) RT : varchar(3) RW : varchar(3) Insert() Delete()
Insert() Edit() 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 1 2 3 4 5
Nama_Field Id Sender Isi Tanggal Waktu
Type Size Key Int 5 PR Varchar 15 Text Date Time
Keterangan Nomor Id inbox Nomor Pengirim SMS Isi SMS yang dikirim Tanggal terima SMS Waktu terima SMS
Tabel 4.2 Struktur tabel KK No 1 2 3 4 5
Nama_Field No_kk Nama_kep_kel Alamat RT RW
Type Size Key Varchar 16 PR Varchar 40 Varchar 50 Varchar 3 Varchar 3
Keterangan Nomor Kartu Keluarga Nama Lengkap Kep.Keluarga Alamat Kepala Keluarga Nomor RT Kepala Keluarga Nomor RW Kepala Keluarga
67
Tabel 4.3 Struktur tabel proses No 1 2 3 4 5 6
Nama_Field No_resi Nama No_kk Tgl_masuk Proses Tgl_proses
Type Size Key Varchar 5 PR Varchar 35 Varchar 16 Date Enum Date
Keterangan Nomor resi pembuatan KK Nama pelapor pembuatan KK Nomor Kartu Keluarga Tanggal awal proses KK Proses pembuatan KK Tanggal proses KK
Tabel 4.4 Struktur tabel user No 1 2 3 4 5
Nama_Field User_id Username Password User_nama User_akses
Type Size Key Int 3 PR Varchar 25 Varchar 25 Varchar 25 Enum
Keterangan Nomor Id user Nama pengguna sistem Kata sandi pengguna sistem Nama lengkap pengguna Kategori pengguna sistem
Tabel 4.5 Struktur tabel kontak No 1 2 3 4
2.
Nama_Field No_resi No_HP Kode Isi_info
Type Size Key Keterangan Varchar 5 Nomor resi Varchar 20 Nomor Handphone Tinyint 1 Kode Pengiriman Text Isi dari SMS Informasi
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.
68
Menu Utama
Home
Proses KK
Inbox
Input KK
Hapus
User
Input Proses KK
Tambah User
Tabel Proses KK
Tabel User
SMS Info
Keluar
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
Login Password
Gambar 4.19 Tampilan Form Login
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
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
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
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
73
Banner Menu SMS Informasi Masyarakat Informasi
Informasi SMS
Panjang Karakter
Kirim
Reset
Gambar 4.28 Tampilan Form SMS Informasi
