BAB IV
PERANCANGAN SISTEM DAN PROGRAM USULAN
4.1. Analisa Kebutuhan Sistem
A. Tahapan Analisis
Tahapan analisis pada Kantor Dinas Kependudukan dan Pencatatan Sipil ini yaitu dibuatkan suatu sistem usulan konsultasi berbasis website yang dapat memudahkan admin dalam melakukan konsultasi. Berikut merupakan spesifikasi kebutuhan (system requirement) dari sistem konsultasi pada Kantor Dinas Kependudukan dan Pencatatan Sipil:
Halaman Admin/Account Officer:
B1. Admin dapat melakukan Login
B2. Admin dapat menginput data diri pemohon B3. Admin dapat memilih jenis pengaduan
B4. Admin dapat melakukan penginputan surat resi pengaduan B5. Admin dapat melakukan pencetakan surat resi pengaduan B6. Admin dapat melihat jumlah pemohon
B7. Admin dapat melakukan logout
B. Usecase Diagram
1. Use Case Diagram Halaman Admin
Gambar IV.1.Use Case Diagram Halaman Admin
Tabel IV.1.Use Case Diagram Login Use Case Name Login
Requirment B1
Goal Admin dapat melakukan login dengan username dan password
Pre-condition Admin masuk ke sistem
Post-condition Sistem menampilkan halaman login
Failed end condition Admin tidak mengisi username dan password Primary Actor Admin
Main Flow/Basic Path 1. Admin login dengan username dan password 2. Sistem menampilkan halaman beranda
Invariant -
Login
Menginput data diri pemohon
Memilih jenis pengaduan
Melakukan penginputan surat resi pengaduan
Melakukan pencetakan surat resi pengaduan
Melihat jumlah pengaduan pemohon
Logout Admin
Tabel IV.2.Use Case Diagram Input Data Pemohon Use Case Name Input data pemohon
Requirment B2
Goal Admin dapat melakukan penginputan data diri pemohon
Pre-condition Admin memilih menu tambah data konsultan Post-condition Sistem menampilkan halaman input data diri Failed end condition Sistem tidak menampilkan halaman input data diri
pemohon Primary Actor Admin
Main Flow/Basic Path 1. Pemohon memberikan data diri 2. Admin menginput data diri pemohon
Invariant -
Tabel IV.3.Use Case Diagram Jenis Pengaduan Use Case Name Jenis Pengaduan
Requirment B3
Goal Admin dapat memilih form jenis pengaduan sesuai permasalahan pemohon
Pre-condition Admin memilih form jenis pengaduan Post-condition Sistem menampilkan form jenis pengaduan Failed end condition Sistem tidak menampilkan form jenis pengaduan Primary Actor Admin
Main Flow/Basic Path 1. Admin memilih form jenis pengaduan 2. Admin memilih jenis-jenis pengaduan
Invariant -
Tabel IV.4.Use Case Diagram Input Surat Resi Pengaduan Use Case Name Input surat resi pengaduan
Requirment B4
Goal Admin dapat melakukan penginputan surat resi pengaduan
Pre-condition Admin memilih form detail pengaduan Post-condition Sistem menampilkan form detail pengaduan Failed end condition Sistem tidak menampilkan form detail pengaduan Primary Actor Admin
Main Flow/Basic Path 1. Admin memilih form detail pengaduan 2. Admin dapat menginput surat resi pengaduan
Invariant -
Tabel IV.5.Use Case Diagram Cetak Surat Resi Pengaduan Use Case Name Cetak surat resi pengaduan
Requirment B5
Goal Admin dapat melakukan pencetakan surat resi pengaduan
Pre-condition Admin memilih form cetak Post-condition Sistem menampilkan hasil input Failed end condition Sistem tidak menampilkan hasil input Primary Actor Admin
Main Flow/Basic Path 1. Admin memilih form cetak
2. Admin dapat mencetak surat resi pengaduan
Invariant -
Tabel IV.6.Use Case Diagram Jumlah Pemohon Use Case Name Jumlah pemohon
Requirment B6
Goal Admin dapat melihat jumlah pengaduan pemohon Pre-condition Admin memilih menu data konsultasi
Post-condition Sistem menampilkan jumlah pengaduan pemohon Failed end condition Sistem tidak menampilkan jumlah pemohon Primary Actor Admin
Main Flow/Basic Path 1. Admin memilih menu data konsultasi
2. Admin dapat melihat jumlah pengaduan pemohon
Invariant -
Tabel IV.7.Use Case Diagram Logout
Use Case Name Logout
Requirment B7
Goal Admin logout dari sistem dengan
memilih menu lougout
Pre-condition Admin memilih menu logout
Post-condition Admin keluar dari sistem Failed end condition Admin tidak keluar dari sistem
Primary Actor Admin
Main Flow/Basic Path 1. Admin memilih menu logout 2. Admin keluar dari sistem
Invariant -
C. Activity Diagram
1. Activity Diagram Halaman Login
Gambar IV.2.Activity Diagram Halaman Login Activity Diagram Login
Admin Sistem
Phase
Mulai
Melakukan login
Memasukkan username dan password
Menampilkan form login
Klik tombol login
Validasi data
Ya Tidak
Tampil halaman utama
Selesai
2. Activity Diagram Halaman Pengaduan Konsultasi
Gambar IV.4.Activity Diagram Halaman Pengaduan Konsultasi
Gambar IV.3.Activity Diagram Halaman Pengaduan Konsultasi
Activity Diagram Pengaduan konsultasi
Admin Sistem
Phase
Mulai
Memilih menu data konsultasi
Memilih menu tambah data konsultasi
Menampilkan data konsultasi
Menampilkan form konsultasi
Menginput data diri pemohon dan data pengaduan pemohon
Simpan data diri pemohon dan data pengaduan pemohon
Data tersimpan
Selesai
3. Activity Diagram Halaman Laporan Admin
Gambar IV.4.Activity Diagram Halaman Laporan Admin Activity Diagram Laporan Admin
Admin Sistem
Phase
Mulai
Memilih menu data konsultasi
Menampilkan laporan pengaduan pemohon
Cetak laporan
Selesai
4.2. Desain 4.2.1 Database
A. Entity Relationship Diagram (ERD)
Petugas id_petugas
nama username
no_tlp password
Menginput Konsultasi
id_konsultasi id_p id_b_p id_petugas
tanggal nik
nama_pemohon alamat kelurahan kec amatan no_tlp detail_pengaduan solusi_pengaduan
Menginput pengaduan
id_p
1 1
1
Gambar IV.5.Entity Relationship Diagram
B. Logical Record Structure (LRS)
petugas id_petugas
nama username password no_tlpn
konsultasi id_konsultasi
id_p id_b_p id_petugas
tanggal nik nama_pemohon
alamat kelurahan kecamatan no_tlpn detail_pengaduan solusi_pengaduan
pengaduan
id_p
Gambar IV.6.Logical Record Structure
C. Spesifikasi File
1. Spesifikasi File Admin Nama database : admin Akronim File : admin Tipe File : File Master Media File : Harddisk Panjang Record : 301 karakter Kunci Field : id_admin Perangkat Lunak : Mysql
Tabel IV.8.Spesifikasi File Tabel Admin
NO Elemen Data Nama Field Tipe Panjang Keterangan
1 Id Admin Id_admin integer 11 Primary Key
2 Nama Admin nama_admin Varchar 45
3 Nama Pengguna Username Varchar 45
4 Password Password Varchar 40
5 No Telepon no_tlpn Varchar 25
6 Alamat Alamat Varchar 50
7 Website Website Varchar 45
8 Email Email Varchar 40
2. Spesifikasi File Petugas Nama database : Petugas Akronim File : petugas Tipe File : File Master Media File : Harddisk Panjang Record : 171 karakter Kunci Field : id_petugas Perangkat Lunak : Mysql
Tabel IV.9.Spesifikasi File Tabel Petugas
3. Spesifikasi File Konsultasi Nama database : Konsultasi Akronim File : konsultasi Tipe File : File Transaksi Media File : Harddisk Panjang Record : 309 karakter Kunci Field : id_konsultasi
No Elemen Data Nama Field Tipe Panjang Keterangan 1 Id Petugas Id_petugas Varchar 11 Primary Key
2 Nama Nama Varchar 50
3 Nama Pengguna Username Varchar 45
4 Password Password Varchar 40
5 No Telepon No_tlpn Varchar 25
Perangkat Lunak : Mysql
Tabel IV.10.Spesifikasi File Tabel Konsultasi
No Elemen Data Nama Field Tipe Panjang Keterangan 1 Id Konsultasi id_konsultasi Integer 11 Primary Key
2 Jenis Pengaduan id_p Integer 11
3 Bidang Pengaduan id_b_p Integer 11
4 Id Petugas id_petugas Integer 11
5 Tanggal Tanggal Date -
6 Nik Nik Varchar 25
7 Nama Pemohon nama_pemohon Varchar 50
8 Alamat Alamat Varchar 80
9 Kelurahan Kelurahan Varchar 45
10 Kecamatan Kecamatan Varchar 45
11 No Telepon no_tlpn Varchar 20
12 Detail Pengaduan detail_pengaduan Text - 13 Solusi Pengaduan solusi_pengaduan Text -
4. Spesifikasi File Jenis Pengaduan Nama database : Jenis Pengaduan Akronim File : jenis pengaduan Tipe File : File Transaksi Media File : Harddisk Panjang Record : 56 karakter Kunci Field : id_p Perangkat Lunak : Mysql
Tabel IV.11.Spesifikasi File Tabel Jenis Pengaduan
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id Pengaduan Id_p Integer 11 Primary Key
2 Jenis Pengaduan Jenis_pengaduan Varchar 45
5. Spesifikasi File Bidang Pengaduan Nama database : Bidang Pengaduan Akronim File : bidang pengaduan Tipe File : File Transaksi Media File : Harddisk Panjang Record : 56 karakter Kunci Field : id_b_p Perangkat Lunak : Mysql
Tabel IV.12.Spesifikasi File Tabel Bidang Pengaduan
No Elemen Data Nama Field Tipe Panjang Keterangan 1 Id Bidang Pengaduan id_b_p Integer 11 Primary Key 2 Bidang Pengaduan bidang_pengaduan Varchar 45
4.2.2. Software Architecture A. Deployment Diagram
Deployment Diagram
<< Database Konsultasi >> << Web Server >>
<< Operating Sistem >>
Gambar IV.7. Deployment Diagram B. Component Diagram
Component Diagram
FrontPage application
Application Database
Mysql Database
Admin application Jquery.js
Style.css
Xampp
Gambar IV.8. Component Diagram 4.2.3. User Interface
a. Interface Menu Halaman Dashboard
Gambar IV.9. Interface Menu Halaman Dashboard
b. Interface Menu Halaman Pendaftaran Admin
Gambar IV.10. Interface Menu Halaman Pendaftaran Admin c. Interface Menu Halaman Login Admin
Gambar IV.11.Interface Menu Halaman Login Admin
d. Interface Menu Halaman Data Petugas
Gambar IV.12.Interface Menu Halaman Data Petugas e. Interface Menu Halaman Jenis Pengaduan
Gambar IV.13.Interface Menu Halaman Jenis Pengaduan
f. Interface Menu Halaman Bidang Pengaduan
Gambar IV.14.Interface Menu Halaman Bidang Pengaduan g. Interface Menu Halaman Cetak Laporan
Gambar IV.15.Interface Menu Halaman Cetak Laporan
h. Interface Menu Halaman Ganti Password
Gambar IV.16.Interface Halaman Ganti Password 4.3. Code Generation
<?php
if(isset($_GET['pesan'])){
if($_GET['pesan']=="gagal"){
echo "<div style='margin-bottom:-55px' class='alert alert-danger' role='alert'><span class='glyphicon glyphicon-warning-sign'></span>";
echo $this->session->flashdata('alert');
echo"</div>";
}else if($_GET['pesan']=="logout"){
$this->session->set_flashdata('alert', 'TERIMAKASIH, Anda Sudah Log-Out.');
echo "<div style='margin-bottom:-55px' class='alert alert-info' role='alert'><span class='glyphicon glyphicon-ok'></span>";
echo $this->session->flashdata('alert');
echo "</div>";
}else if($_GET['pesan']=="belomlogin"){
$this->session->set_flashdata('alert', 'MAAF ! Anda Harus Login Kembali ');
echo "<div style='margin-bottom:-55px' class='alert alert-warning' role='alert'><span class='glyphicon glyphicon-info-sign'></span>";
echo $this->session->flashdata('alert');
echo "</div>";
}else if($_GET['pesan']=="hello"){
$this->session->set_flashdata('alert', 'Hallo, Selamat Datang,, Semangat Bekerja Dan Jangan Pernah Menyerah.');
echo "<div style='margin-bottom:-55px' class='alert alert-info' role='alert'><span class='glyphicon glyphicon-ok'></span>";
echo $this->session->flashdata('alert');
echo "</div>";
} }else{
if($this->session->flashdata()) {
echo "<div style='margin-bottom:-55px' class='alert alert-danger' role='alert'><span class='glyphicon glyphicon-warning-sign'></span>";
echo $this->session->flashdata('alert');
echo "</div>";
} }
?>
4.4. Testing
A. Pengujian Terhadap Form Login Admin
Tabel IV.13. Pengujian Login Admin No Skenario
Pengujian
Test Case Hasil Yang diharapkan
Hasil Pengujian
Kesimpulan
1 Username dan Password tidak diisi kemudian di klik tombol login
Username:
(kosong) Password:
(kosong)
Sistem akan menolak akses user dan menampilkan “ Maaf username harus di isi “
Sesuai Harapan
Valid
2 Mengetikkan username dan password tidak diisi klik tombol login
Username : Admin Password : (kosong)
Sistem akan menolak akses user dan menampilkan “ Maaf password harus di isi “
Sesuai harapan
Valid
3 Username tidak diisi (kosong) dan password diisi kemudian klik tombol login
Username : (kosong) Password : 12345
Sistem akan menolak akses user dan menampilkan “ Maaf username harus di isi “
Sesuai harapan
Valid
4 Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol login
Username : admin (benar) Password : 4321 (salah)
Sistem akan menolak akses user dan menampilkan “ halaman login kembali “
Sesuai harapan
Valid
5 Mengetikkan username dan password dengan data yang benar kemudian klik tombol login
Username : Admin (benar) Password : 1234 (benar)
Sistem menerima akses login dan kemudian langsung menampilkan halaman utama
Sesuai harapan
Valid
4.5. Support
4.5.1 Spesifikasi Hardware dan Software
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan sistem konsultasi pada Kantor Dinas Kependudukan dan Pencatatan Sipil :
1. Spesifikasi Perangkat Keras 1) Monitior LCD 14 inch 2) Keyboard 83 QUERTY 3) Optikal Mouse/Touch Pad 4) Memory (RAM) 2 GB
5) Hard Disk 500 GB 6) Processor Intel Inside
7) Monitor dengan resolusi layer minimum 1280 x 600 pixels 2. Spesifikasi Perangkat Lunak
1) Sistem Operasi Microsoft Windows 7 2) Server building XAMPP meliputi paket :
a) PHP Versi 5.4.25 b) Mysql Versi 5.5.36 c) PhpMyadmin Versi 4.1.6
3) Web browser Google Chrome dan Mozilla Firefox 4.6. Spesifikasi Dokumen Sistem Usulan
Nama dokumen : Laporan Konsultasi
Fungsi : Sebagai bukti laporan konsultasi
Sumber : Admin
Tujuan : Kepala Dinas
Media : Kertas Cetak
Frekuensi : Setiap satu bulan sekali Bentuk : Lihat lampiran C.1