BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisa Kebutuhan Software

A. Tahapan Analis

Berdasarkan proses pengolahan data administrasi kependudukan sistem

berjalan pada kantor Desa Cipetir, maka tahapan berikutnya adalah analisis

kebutuhan. Berikut ini spesifikasi kebutuhan (System Requirement) dari pengolahan

data administrasi kependudukan pada kantor data Cipetir :

Halaman Admin

A.1. Admin Login

A.2. Mengelola data penduduk

A.3. Mengelola data kartu keluarga

A.4. Mengelola data pindahan

A.5. Mengelola data kelahiran

A.6. Mengelola data kematian

A.7. Mengelola data laporan

A.8. Logout

B. Use Case Diagram

uc Use Case diagram

administrator

login

data penduduk

Data Kartu Keluarga

Data Pindahan

Data Kelahiran

Data Kematian

Laporan

Input Username dan

password«include»

Gambar IV.1 Usecase Diagram

Tabel IV.1 Deskripsi Use Case Diagram

Use Case Diagram Narative Halaman Admin

Tujuan Admin dapat melihat data yang ada di dalam sistem

halaman admin

Deskripsi Sistem ini memungkinkan aktor masuk ke halaman

admin yang didalamnya ada data penduduk, data kartu

keluarga, data pindahan, data kelahiran, data kematian

dan laporan.

Skenario Utama

Aktor Admin

Kondisi awal Aktor membuka aplikasi halaman admin

Aksi aktor Reaksi sistem

1. Aktor memilih data

penduduk

2. Aktor memilih data kartu

keluarga


pindahan


kelahiran


kematian

6. Aktor memilih laporan

Sistem ini akan menampilkan informasi data

penduduk

Sistem ini akan menampilkan informasi data kartu

keluarga


pindahan


kelahiran


kematian

Sistem ini akan menampilkan informasi laporan

Kondisi Akhir Jika perintah sesuai maka sistem akan

menampilkan apa yang diinginkan

C. Activity Diagram

1. Activity Diagram Data Penduduk

act data kartu penduduk

SistemAdmin

Start

Memilih menu data

pendudukMenampilkan data

penduduk

tambah data

pendudukcari data

pendudukubah data

penduduk

hapus data

penduduk

input data

penduduk

data

lengkap

data

tersimpan

Tidak

Ya

input data yang

akan dicari

menampilkan

hasil pencarian

pilih data

yang akan

diubah

mengubah data

penduduk

data tersimpan

pilih data yang

akan dihapus

data terhapus

menutup form data

penduduk

Finish

Pilih Menu

Gambar IV.2 Activity Diagram Data Penduduk

2. Activity Diagram Kartu Keluarga

act data kartu keluarga

SistemAdmin

Start

Memilih menu data kartu

keluargaMenampilkan data kartu

keluarga

tambah data

kartu

keluarga

cari data

kartu

keluarga

ubah data

kartu

keluarga

hapus data

kartu

keluarga

input data kartu

keluarga

data

lengkap

data

tersimpan

Tidak

Ya

input data yang

akan dicari

menampilkan

hasil pencarian

pilih data

yang akan

diubah

mengubah data

kartu keluarga

data tersimpan

pilih data yang

akan dihapus

data terhapus

menutup form data

kartu keluarga

Finish

Pilih Menu

Gambar IV.3 Activity Diagram Kartu Keluarga

3. Activity Diagram Data Pindahan

act data pindahan

SistemAdmin

Start

Memilih menu data

pindahanMenampilkan data

pindahan

tambah data

pindahancari data

pindahanubah data

pindahan

hapus data

pindahan

input data

pindahan

data

lengkap

data

tersimpan

Tidak

Ya

input data yang

akan dicari

menampilkan

hasil pencarian

pilih data

yang akan

diubah

mengubah data

pindahan

data tersimpan

pilih data yang

akan dihapus

data terhapus

menutup form data

pindahan

Finish

Pilih Menu

Gambar IV.4 Activity Diagram Data Pindahan

4. Activity Diagram Data Kelahiran

act data kelahiran

SistemAdmin

Start

Memilih menu data

kelahiranMenampilkan data

kelahiran

tambah data

kelahirancari data

kelahiranubah data

kelahiran

hapus data

kelahiran

input data

kelahiran

data

lengkap

data

tersimpan

Tidak

Ya

input data yang

akan dicari

menampilkan

hasil pencarian

pilih data

yang akan

diubah

mengubah data

kelahiran

data tersimpan

pilih data yang

akan dihapus

data terhapus

menutup form data

kelahiran

Finish

Pilih Menu

Gambar IV.5 Activity Diagram Data Kelahiran

5. Activity Diagram Data Kematian

act data kematian

SistemAdmin

Start

Memilih menu data

kematianMenampilkan data

kematian

tambah data

kematiancari data

kematianubah data

kematian

hapus data

kematian

input data

kematian

data

lengkap

data

tersimpan

Tidak

Ya

input data yang

akan dicari

menampilkan

hasil pencarian

pilih data

yang akan

diubah

mengubah data

kematian

data tersimpan

pilih data yang

akan dihapus

data terhapus

menutup form data

kematian

Finish

Pilih Menu

Gambar IV.6 Activity Diagram Data Kematian

6. Activity Diagram Laporan

act laporan

sistemadmin

start

memilih menu laporan

memilih awal tanggal,

akhir tanggal dan jenis

laporan

menampilkan laporan

berdasarkan periode yang

dipilih

Mencetak laporan

finish

Gambar IV.7 Activity Diagram Laporan

4.2. Desain

4.2.1. Database

A. Entity Relationship Diagram (ERD)

Kepala_keluarga

Nik

Nama_lengkap

Tempat_lahir

Tgl_lahir

Jenis_kelamin

alamat

pekerjaan

agama

Status_kawin

kewarganegaraan

No_kk

Milik Kartu_keluarga

No_kk

Tgl_berlaku

Milik Data_pindahan

No_pindah

Tgl_pindah

Alamat_Asal

Alamat_tujuan

Keterangan

Data_kelahiran

No_skl

Nama_lengkap

penolong

Tempat_lahir

Tgl_lahir

Data_kematian

No_skm

Tgl_kematian

Tempat_kematian

keterangan

Nik_ayah

nik

Milik

1 1 11

M

1

M

1

nik

No_pindah Nik No_kkNik

Milik

Nik

No_skl

Nik No_skm

Gambar IV.8 Entity Relationship Diagram

B. Logical Record Structure (LRS)

Data_pindahan

No_pindah*

Tgl_pindah

Alamat_asal

Alamat_tujuan

Keterangan

Nik**

Penduduk

Nik*

Nama_lengkap

Tempat_lahir

Tgl_lahir

Jenis_kelamin

Alamat

Pekerjaan

Agama

Status_kawin

Kewarganegaraan

No_kk**

Kartu_keluarga

No_kk**

Tgl_berlaku

Data_kelahiran

No_skl*

Nama_lengkap

Penolong

Tempat_lahir

Tgl_lahir

Nik_ayah**

Data_kematian

No_skm*

Tgl_kematian

Tempat_kematian

Keterangan

Nik**

M

11

1

M M

1

M

Gambar IV.9 Logical Record Structure

C. Spesifikasi File

Menjelaskan tentang file atau label yang terbentuk dari transformasi ERD (dan

atau file-file penunjang untuk web). File-file ini tersimpan pada db_kependudukan

dengan parameter-parameter sebagai berikut:

1. File Penduduk

Nama File : penduduk

Akronim : penduduk

Type File : File Master

Panjang Record : 281 Record

Kunci Field : nik

Software : mysql

Tabel IV.2 Struktur Tabel Penduduk

No Elemen Data Akronim Type Size Ket

1 Nik Nik Varchar 16 Primary key

2 Nama lengkap Nama_lengkap Varchar 50

3 Tempat lahir Tempat_lahir Varchar 30

4 Tanggal lahir Tgl_lahir Date 15

5 Jenis kelamin Jenis_kelamin Varchar 15

6 Alamat Alamat Varchar 50

7 Pekerjaan Pekerjaan Varchar 30

8 Agama Agama Varchar 15

9 Status kawin Status_kawin Varchar 20

10 Kewarganegaraan Kewarganegaraan Varchar 20

11 No kartu keluarga No_kk Varchar 20 Foreign key

2. File Data Pindahan

Nama File : Data Pindahan

Akronim : data_pindahan

Type File : File Transaksi


Kunci Field : no_pindah

Software : mysql

Tabel IV.3 Struktur Tabel Data Pindahan


1 No pindah No_pindah Varchar 20 Primary key

2 Tanggal pindah Tanggal_pindah Date 15

3 Alamat asal Alamat_asal Varchar 50

4 Alamat tujuan Alamat_tujuan Varchar 50

5 Keterangan Keterangan Varchar 50

6 Nik Nik Varchar 16 Foreign key

3. File Kartu Keluarga

Nama File : Kartu Keluarga

Akronim : kartu_keluarga

Type File : File Master


Kunci Field : no_kk

Software : mysql

Tabel IV.4 Struktur Tabel Kartu Keluarga


1 No kartu keluarga No_kk Varchar 20 Primary key

2 Tanggal berlaku Tgl_berlaku Date 15

4. File Data Kelahiran

Nama File : Data kelahiran

Akronim : data_kelahiran



Kunci Field : no_skl

Software : mysql

Tabel IV.5 Struktur Tabel Data Kelahiran


1 No skl No_skl Varchar 20 Primary key

2 Nama lengkap Nama_lengkap Varchar 30

3 Penolong Penolong Varchar 30

4 Tempat lahir Tempat_lahir Varchar 30

5 Tanggal lahir Tgl_lahir Date 15

6 Nik ayah Nik_ayah Varchar 16 Foreign key

5. File Data Kematian

Nama File : Data kematian

Akronim : data_kematian



Kunci Field : no_skm

Software : mysql

Tabel IV.6 Struktur Tabel Data Kelahiran


1 No skm No_skm Varchar 20 Primary key

2 Tanggal kematian Tanggal_kematian Date 15

3 Tempat kematian Tempat_kematian Varchar 30

4 Keterangan Keterangan Varchar 50

5 Nik Nik Varchar 16 Foreign key

4.2.2. Software Architecture

A. Class Diagram

class class

data_pindahan

- no_pindah: varchar

- tgl_pindah: varchar

- alamat_asal: varchar

- alamat_tujuan: varchar

- nik: varchar

+ tambah() : void

+ edit() : void

+ hapus() : void

«property get»

+ getno_pindah() : var

+ gettgl_pindah() : var

+ getalamat_asal() : var

+ getalamat_tujuan() : var

+ getnik() : var

«property set»

+ setno_pindah(var) : void

+ settgl_pindah(var) : void

+ setalamat_asal(var) : void

+ setalamat_tujuan(var) : void

+ setnik(var) : void

penduduk

- NIK: varchar

- nama_lengkap: varchar

- tempat_lahir: varchar

- tgl_lahir: varchar

- jenis_kelamin: varchar

- alamat: varchar

- pekerjaan: varchar

- agama: varchar

- status_kawin: varchar

- kewarganegaraan: varchar

- no_kk: varchar

+ tambah() : void

+ edit() : void

+ hapus() : void

«property get»

+ getNIK() : var

+ getnama_lengkap() : var

+ gettempat_lahir() : var

+ gettgl_lahir() : var

+ getjenis_kelamin() : var

+ getalamat() : var

+ getpekerjaan() : var

+ getagama() : varchar

+ getstatus_kawin() : var

+ getkewarganegaraan() : var

+ getno_kk() : var

«property set»

+ setNIK(var) : void

+ setnama_lengkap(var) : void

+ settempat_lahir(var) : void

+ settgl_lahir(var) : void

+ setjenis_kelamin(var) : void

+ setalamat(var) : void

+ setpekerjaan(var) : void

+ setagama(varchar) : void

+ setstatus_kawin(var) : void

+ setkewarganegaraan(var) : void

+ setno_kk(var) : void

data_kelahiran

- no_skl: varhcar

- nama_lengkap: varchar

- penolong: varchar

- tempat_lahir: varchar

- tgl_lahir: varchar

- nik_ayah: varchar

+ tambah() : void

+ edit() : void

+ hapus() : void

«property get»

+ getno_skl() : var

+ getnama_lengkap() : var

+ getpenolong() : var

+ gettempat_lahir() : var

+ gettgl_lahir() : var

+ getnik_ayah() : var

«property set»

+ setno_skl(var) : void

+ setnama_lengkap(var) : void

+ setpenolong(var) : void

+ settempat_lahir(var) : void

+ settgl_lahir(var) : void

+ setnik_ayah(var) : void

data_kematian

- no_skl: Varchar

- tgl_kematian: date

- tempat_kematian: Varchar

- keterangan: Varchar

- nik: varchar

+ tambah() : void

+ edit() : void

+ hapus() : void

«property get»

+ getno_skl() : var

+ gettgl_kematian() : var

+ gettempat_kematian() : var

+ getketerangan() : var

+ getnik() : var

«property set»

+ setno_skl(var) : void

+ settgl_kematian(var) : void

+ settempat_kematian(var) : void

+ setketerangan(var) : void

+ setnik(var) : void

kartu_keluarga

- no_kk: varchar

- tgl_berlaku: Varchar

+ tambah() : void

+ edit() : void

+ hapus() : void

«property get»

+ getno_kk() : var

+ gettgl_berlaku() : var

«property set»

+ setno_kk(var) : void

+ settgl_berlaku(var) : void

Gambar IV.10 Class diagram

B. Sequence Diagram

1. Halaman Login

sd login

Kasir

Login Control Login Index.phpmasukkan username

dan password()

Cek kesesuaian username

dan password()

Set username dan password()

Get username dan password()

Gambar IV.11 Sequence diagram halaman login

2. Halaman Penduduk

sd penduduk

admin

index.php data penduduk penduduk

data

penduduk()

data penduduk()

simpandata()

tampildata()

Gambar IV.12 Sequence diagram halaman Penduduk

3. Halaman Pindahan

sd pindahan

admin

index.php data pindahan pindahan.php

data

pindahan()

data pindahan()

simpandata()

tampildata()

Gambar IV.13 Sequence diagram halaman Pindahan

4. Halaman Kartu Keluarga

sd kartu keluarga

admin

index.php data kartu

keluarga

kartu

keluarga.phpdata kartu

keluarga()

data kartu keluarga()

simpandata()

tampildata()

Gambar IV.14 Sequence diagram halaman Kartu keluarga

5. Halaman Kelahiran

sd kelahiran

admin

index.php data kelahiran kelahiran.php

data

kelahiran()

data kelahiran()

simpandata()

tampildata()

Gambar IV.15 Sequence diagram halaman Kelahiran

6. Halaman Kematian

sd kematian.php

admin

index.php data kematian keatian.php

data

kematian()

data kematian()

simpandata()

tampildata()

Gambar IV.16 Sequence diagram halaman Kematian

C. Deployment diagram

Menggambarkan tata letak sebuah system secara fisik, menampakkan bagian-

bagian software yang berjalan pada bagian-bagian hardware.

deployment Use Case Model

main

<<activ eXcontrol>>

PHP

<<dev ice>> database

<<DBMS>>

MYSQL

<<database>>

dbkependudukan

<<dev ice>>

<<application>>

program data

administrasi

desa cipetir

dev ice

Xampp V. 3.2.1

Gambar IV.17 Deployment diagram

B. Component diagram

Component diagram menggambarkan struktur dan hubungan antar komponen

piranti lunak termasuk ketergantungan (dependency).

cmp component diagram

Browsing

Login

Isi Data

Kirim Data

Simpan Ke

database

Gambar IV.18 Component diagram

4.2.3. User Interface

1. Halaman Login Admin

Gambar IV.19 User Interface halaman Login Admin

2. Halaman Data Penduduk

Gambar IV.20 User Interface halaman Data Penduduk

3. Halaman Data Kartu Keluarga

Gambar IV.21 User Interface halaman Data Kartu Keluarga

4. Halaman Data Pindahan

Gambar IV.22 User Interface halaman Data Pindahan

5. Halaman Data Kelahiran

Gambar IV.23 User Interface halaman Data Kelahiran

6. Halaman Data Kematian

Gambar IV.24 User Interface halaman Data Kematian

4.3. Code Generation

<div class="page-title">

<h2><span class="fa fa-tasks"></span> DATA PENDUDUK</h2>

</div>

<div class="page-content-wrap">

<div class="row">

<div class="col-md-12">

<button type="button" class="btn btn-info" data-toggle="modal" data-

target="#myModal"><i class="fa fa-plus"></i>Tambah Penduduk</button>

<br><br>

<div class="panel panel-default">

<div class="panel-heading">

<h3 class="panel-title">Data Produk</h3>

<ul class="panel-controls">

<li><a href="#" class="panel-collapse"><span class="fa fa-angle-

down"></span></a></li>

<li><a href="#" class="panel-refresh"><span class="fa fa-

refresh"></span></a></li></ul></div>

<div class="panel-body">

<table class="table datatable">

<thead>

<tr>

<th>NIK</th>

<th>Nama Lengkap</th>

<th>Tempat Lahir</th>

<th>Tanggal Lahir</th>

<th>Jenis Kelamin</th>

<th>Alamat</th>

<th>Aksi</th>

</tr>

</thead>

<tbody>

<?php

$i=0;

include'koneksi.php';

$sql = mysql_query("select *from penduduk");

while ($arr=mysql_fetch_array($sql)){?>

<tr><td><?php echo $arr['nik'];?></td>

<td><?php echo $arr['nama_lengkap'];?></td>

<td><?php echo $arr['tempat_lahir'];?></td>

<td><?php echo $arr['tgl_lahir'];?></td>

<td><?php echo $arr['jenis_kelamin'];?></td> <td><?php echo

$arr['alamat'];?></td>

<td><button type="button" class="btn btn-info" data-toggle="modal" data-

target="#edit<?php echo $kode; ?>"><i class="fa fa-edit" ></i>Edit</button> <a

href="hapus_penduduk.php?id=<?php echo $arr['nik];?>" id="hapus"><button

type="button" class="btn btn-danger" id='hapus'><i class="fa fa-times" </i>

Hapus</button></td></tr>

<?php } ?> </table></div> </div>

4.4. Testing

a. Blackbox Testing

Pengujian Terhadap Form Login Admin

Table IV.7 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

“LOGIN

GAGAL !,

username

atau

password

anda tidak

benar”

Sesuai

Harapan

Valid

2 Mengetik

kan salah

satu dari

username

dan

password

salah

kemudian

klik

tombol

login.

Username: user

(Benar)

Password: 1234

(Salah)

Sistem akan

menolak

akses user

dan

menampilkan

“LOGIN

GAGAL !,

username

atau

password

anda tidak

benar”.

Sesuai

Harapan

Valid

5 Mengetik

kan

username

dan

password

dengan

data yang

benar

kemudian

klik

tombol login.

Username: user

(Benar)

Password: 12345

(Benar)

Sistem

menerima

akses login

dan

menampilkan

halaman

admin

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 aplikasi ini.

Table IV.8 Spesifikasi Hardware dan Software

Kebutuhan Keterangan

Sistem Operasi

Processor

Microsoft Windows 7 Ultimate Edition

RAM 16 GB

Hardisk 160 GB

Monitor 1280 x 600 pixels

Keyboard 83 QUERTY

Mouse Touch Pad

Browser Mozilla Firefox, Google Chrome, Internet

Explorer

Software Dreamweaver, Adobe Photoshop, Php

myAdmin

4.6. Spesifikasi Program Usulan

Rancangan bukti keluaran berfungsi untuk menjelaskan mengenai semua

dokumen output yang digunakan pada program aplikasi data administrasi desa

Cipetir, berikut uraian bentuk keluaran sebagai berikut :

1. Nama Dokumen : Laporan data penduduk

Fungsi : Sebagai laporan data penduduk

Sumber : Bagian Administrasi

Tujuan : Kepala Desa

Media : Kertas

Jumlah : 1 Lembar

Bentuk : Lampiran B.1

2. Nama Dokumen : Laporan Pindahan

Fungsi : Sebagai laporan data pindahan



Media : Kertas

Jumlah : 1 Lembar


3. Nama Dokumen : Laporan Kartu Keluarga

Fungsi : Sebagai laporan data kartu keluarga



Media : Kertas

Jumlah : 1 Lembar


4. Nama Dokumen : Laporan Kelahiran

Fungsi : Sebagai laporan data kelahiran



Media : Kertas

Jumlah : 1 Lembar


5. Nama Dokumen : Laporan Kematiann

Fungsi : Sebagai laporan data kematian



Media : Kertas

Jumlah : 1 Lembar


BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN

Documents

Transcript of BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN