BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN

(1)

32

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1 Analisa Kebutuhan Software

A. Tahapan Analisa

Penyimpanan data pelayanan sistem informasi serta transaksi yang terjadi di Desa Ciheulang Tonggoh dilakukan secara otomatis melalui website sehingga dapat membantu dan memudahkan masyarakat untuk menerima dan mendapatkan sebuah informasi serta mencari data yang ada di desa.

Berikut ini spesifikasi kebutuhan dari Sistem Rancang Bangun sistem informasi Desa Ciheulang Tonggoh :

A.1. Admin login

A1.1 Admin harus melakukan login terlebih dahulu.

A1.2 Admin memasukan username dan password

A1.3 Admin dapat mengelola data penduduk

A1.4 Admin dapat mengelola transaksi pembuatan akta

A1.5 Admin dapat membuat laporan kepada kepala desa

A.2. Admin mengelola Menu Pelayanan

A.2.1. Memasukan data masyarakat

(2)

33

A.2.3. Membuat laporan A.3 Admin mengelola Data Penduduk

A.2.1. Memasukan data masyarakat

A.2.2. Mengelola Data masyarakat

A.2.3. Membuat laporan

A.4. Admin mengelola Pendatang dan Pindahan A.4.1. Mengelola Data Masyarakat Pendatang A.4.2. Memasukan, mengedit data pendatang

A.4.3. Mengelola Data Masyarakat Pindahan

A.4.4. Memasukan, mengedit data pindahan

A.4.5. Memabuat laporan data pendatang dan pindahan penduduk

A.5. Admin membuat transaksi pembayaran A.5.1. Memasukan data masyarakat

A.5.2. Membuat struk/kwitansi tanda bukti pembayaran

(3)

B. Use Case Diagram

Use Case Diagram adalah gambaran graphical dari beberapa atau semua actor, use case, dan interaksi diantaranya yang memperkenalkan suatu sistem.

Gambar 4.1 Use Case Diagram

Skenario Use case

Nama Use case : Input Data Pelayanan Sistem Informasi

Penduduk Aktor : 1. Admin

(4)

Tabel 4.1 Skenario Use case

Aksi Aktor Reaksi Sistem

Login

1.Memasukan username dan password

2.Cek valid atau tidaknya data login

3.Masuk ke halaman Utama

Input Data Pelayanan

1. Menekan tombol “Pelayanan”

2.Menampilkan form data pelayanan 3. Memasukkan data pelayanan

Klik tombol simpan

4.Menyimpan ke database

5.Menampilkan data yang telah disimpan

Input Data Pendatang dan Pindahan

1.Menekan tombol “Pendatang dan pindahan”

2.Menampilkan form data Pendatang dan Pindahan

3.Memasukkan data Penduduk Klik tombol simpan

4.Menyimpan ke database

5.Menampilkan data yang telah disimpan

Cetak Data Pelayannan

1.Menekan tombol “Cetak pada form Pelayanan”

2.Menampilkan form Laporan Data Pembuatan akta

(5)

4.File siap di print

5.Klik print

Cetak Data Pendatang dan Pindahan

1.Menekan tombol “Cetak pada pendatang atau pindahan”

2.Menampilkan form Laporan Data Pendatang atau Laporan data Pindahan 3.Menampilkan tombol print

4.File siap di print

5.Klik print

Transaksi Pembayaran

1.Menekan Tombol “Transaksi Pembayaran”

2.Menampilkan form Transaksi Pembayaran

3.Memasukan data penduduk yang akan melakukan pembayaran, Klik bayar

4.Menyimpan ke database 5.klik tombol cetak

6.File siap di print.

Keluar

(6)

C. Use case Realization / Realisasi Use case

Gambar 4.2

(7)

D. Activity Diagram / Diagram Aktivitas

Berikut adalah Diagram Aktivitas yang diusulkan :

Gambar 4.3

(8)

(9)

E. Sequence Diagram / Diagram Sekuen

Berikut adalah Diagram Sekuen yang diusulkan : a. Sequence Diagram Pelayanan

Gambar 4.5 Sequence Diagram Input Pelayanan

b. Sequence Diagram Pendatang

(10)

c. Sequence Diagram Pindahan

Gambar 4.7 Sequence Diagram Input Transaksi Pindahan

d. Sequence Diagram Transaksi Pembayaran

(11)

F. Class Diagram / Diagram Kelas

(12)

4.2 Desain

Pada tahapan ini akan menjelasan tentang desain database, desain software

architecture dari sistem yang sedang dibangun. 4.2.1 Database / Basais Data

Menggambarkan hubungan anta tabel yang dibuat beserta relasi antar tabel. Penggambaran boleh menggunakan data model atau entity relation diagram dan harus disertakan tabel spesifikasi file nya.

a. Entity Relationship diagram (ERD)

Pada pembahasan kali ini penulis akan menguraikan Entity

Relationship Diagram tentang rancangan sistem informasi desa..

(13)

b. Spesifikasi File

Nama Tabel : admin

Tabel 4.2 Struktur File Admin

Nama Field Type Range

Id Int 11

Uname varchar 10 Pass varchar 50 Foto Text 11x Nama Tabel : pelayanan

Media Penyimpanan : Harddisk File Kunci : id

Tabel 4.3 Struktur File Pelayanan

Nama Field Type Range Keterangan Id Int 11 Primary_key* Nama Text 40 Tempat_tanggal_lahir Text 50 Pembuatan Text 70 No_telepon Varchar 12 Administrasi Int 11 Alamat Varchar 15

Nama Tabel : data_warga Media Penyimpanan : Harddisk File Kunci : id

Tabel 4.4 Struktur File Data warga

Nama Field Type Range Keterangan Id Int 5 Primary_key* Nama text 30 Tempat_tanggal_lair Varchar 30 Alamat Varchar 50 Status Text 15 Keterangan Text 15 Nama Tabel : pendatang

(14)

Media Penyimpanan : Harddisk File Kunci : id

Tabel 4.5 Struktur File Pendatang

Nama Field Type Range Keterangan Id Int 5 Primary_key* Nama Text 40 Tempat_tanggal_lahir Varchar 30 Alamat Varchar 50 Status Text 15 Keterangan Text 15 Kota_asal Varchar 50

Nama Tabel : pindahan Media Penyimpanan : Harddisk File Kunci : id

Tabel 4.6 Struktur File Pindahan

Nama Field Type Range Keterangan Id Int 5 Primary_key* Nama Text 40 Tempat_tanggal_lahir Varchar 30 Alamat Varchar 50 Status Text 15 Keterangan Text 15 Alamat_pindah Varchar 50

Nama Tabel : user Media Penyimpanan : Harddisk File Kunci : iduser

(15)

Nama Field Type Range Keterangan iduser Int 11 Primary_key* username Varchar 45

Password Varchar 45 Admin Tinyint 1 fullname Varchar 45

Nama Tabel : daftar_pembayaran Media Penyimpanan : Harddisk

File Kunci : idbayar

Tabel 4.8 Struktur File Daftar Pembayaran

Nama Field Type Range Keterangan Idbayar Varchar 4 Primary_key* Bayar Varchar 45

Nama Tabel : Data_pembayaran Media Penyimpanan : Harddisk

File Kunci : Data_pembayaran

Tabel 4.9 Struktur File Data Pembayaran

Nama Field Type Range Keterangan Data_pembayaran Varchar 15 Primary_key* Tahun Varchar 15

No_reg Varchar 15

Nama Tabel : data_penduduk

(16)

Nama Field Type Range Keterangan No_reg Char 10 Primary_key* Nama Varchar 45

idbayar Varchar 4

Nama Tabel : pembayaran Media Penyimpanan : Harddisk

File Kunci : data_pembayaran

Tabel 4.11 Struktur File Pembayaran

Nama Field Type Range Keterangan Data_pembayaran Varchar 20 Primary_key* No_reg Char 10

bulan Varchar 45 tgl_bayar Date - jumlah Double -

4.2.2 Software Architecture / Arsitektur Perangkat Lunak a. Deployment Diagram

Menggambarkan tata letak sistem secara fisik, yang menampakan bagian-bagian software yang berjalan pada hardware yang digunakan untuk mengimplementasikan sebuah sistem dan keterhubungan antara komponen hardware-hardware tersebut.

(17)

Gambar 4.11 Deployment Diagram

b. Component Diagram

Component diagram menggambarkan struktur dan hubungan

antara komponen piranti lunak, termasuk ketergantungan diantaranya.

Component Diagram juga dapat berupa kumpulan layanan yang

(18)

Gambar 4.12 Component Diagram

4.2.3 User Interface / Antar Muka Pengguna

Menggambarkan tampilan program dari aplikasi yang diusulkan. User interface

(19)

A. Tampilan Login

Gambar 4.13 Tampilan “Login”

B. Tampilan Home

(20)

C. Tampilan Menu Pelayanan

Gambar 4.15 Tampilan Menu “Pelayanan”

D. Tampilan Menu Pendatang dan Pindahan

(21)

<!DOCTYPE html> <html> <head> <?php session_start(); include 'cek.php'; include 'config.php'; ?>

E. Tampilan Transaksi Pembayaran

Gambar 4.17 Tampilan Menu “Transaksi Pembayaran”

(22)

<title>Aplikasi Rancang Bangun Sistem Informasi Desa Ciheulang Tonggoh</title>

</head> <body>

<a href="#" class="navbar-brand">Aplikasi Desa Ciheulang Tonggoh</a>

<span class="sr-only">Toggle navigation</span>

(23)

</button> </div>

</ul> </div> </div>

</div>

<button type="button" class="close" data- dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Pesan Notification</h4> </div> <div class="modal-body"> <?php

(24)

$periksa=mysql_query("select * from barang where jumlah <=3");

while($q=mysql_fetch_array($periksa)){ if($q['jumlah']<=3){

echo "<div style='padding:5px' class='alert alert-warning'><span class='glyphicon glyphicon- info-sign'></span> Stok <a style='color:red'>". $q['nama']."</a> yang tersisa sudah kurang dari 3 . silahkan pesan lagi !!</div>";

} }

?>

</div>

<button type="button" class="btn btn- default" data-dismiss="modal">Batal</button> </div> </div> </div> </div> <div class="col-md-2"> <div class="row"> <?php

(25)

$use=$_SESSION['uname'];

$fo=mysql_query("select foto from admin where uname='$use'");

while($f=mysql_fetch_array($fo)){ ?>

<li><a href="pelayanan.php"><span class="glyphicon glyphicon-book"></span> Pelayanan </a></li>

<li><a href="data_penduduk.php"><span class="glyphicon glyphicon-book"></span> Data Penduduk </a></li>

(26)

4.4 Testing / Pengujian

Pembahasan mengenai pengujian sistem yang dibuat dengan menggunakan black box dan black box testing untuk penguji input dan output.

Untuk pengujian input dan ouput menggunakan black box testing.

<li><a href="data_pendatang.php"><span class="glyphicon glyphicon- book"></span> Pendatang dan Pindahan </a></li>

<li><a href="http://localhost/tdesa/"><span class="glyphicon glyphicon- edit"></span> Transaksi Pembayaran </a></li>

<li><a href="logout.php"><span class="glyphicon glyphicon-log-out"></span> Keluar</a></li>

</ul> </div>

(27)

A. Pengujian Untuk Login

Tabel 4.12 Pengujian Untuk Login No Kasus/From

Diuji

Skenario Uji Hasil yang Diharapkan Hasil

Pengujian

1 Login Admin Masukan Username dan Password yang

BENAR

Ketika username dan password dimasukkan dan tombol login di klik, maka akan dilakukan proses pengecekan data login. Apabila data login benar maka akan masuk ke halaman menu utama Admin. Valid Masukan Username dan Password yang SALAH

Ketika username dan password dimasukan dan tombol login di klik, maka dilakukan proses pengecekan data login.

Apabila data login salah maka akan ditampilkan “username/password salah”.

Valid

B. Pengujian Untuk Input Pelayanan, Pendatang, Pindahan, Transaksi Pembayaran

(28)

Transaksi Pembayaran

4.5 Support / Pendukung

Support menjelaskan tentang publikasi web (jika berbasis web dan

spesifikasi hardware dan software yang akan digunakan untuk implementasi

aplikasi yang dibuat).

4.5.1 Publikasi Web No Kasus/Form Diuji Input Output yang dihasilkan Output yang sebenernya Hasil pengujian 1. Form Pelayanan Admin dapat menambah,mengedit, menghapus,mencari dan mencetak Form Pelayanan. Admin dapat melihat data pelayanan yang sudah di input Halaman dapat berfungsi dengan baik Valid 2. Form Pendatang dan Pindahan Admin dapat menambah,mengedit, menghapus,mencari dan mencetak Form Pendatang dan Pindahan Admin dapat melihat data Pendatang dan Pindahan yang sudah di input Halaman dapat berfungsi dengan baik Valid 3. Form Transaksi Pembayaran Admin dapat menambah,mengedit, menghapus, dan mencetak Form Transaksi Pembayaran Admin dapat melihat laporan data Transaksi Pembayaran yang sudah di input Halaman dapat berfungsi dengan baik Valid

(29)