43

BAB IV
RANCANGAN DAN IMPLEMENTASI SISTEM

A. Rancangan Usulan
1. Flowchart Program
1. Prosedur Login

Mulai

No

P=0
CmdLogin.Enable=False
CmdCancel.Enable=True
Txtuser.setfocus

Pillih CmdCancel

Txtuser,setfocus
Input
user&password

Read
User & password Yes

User And
Yes
Pass = true

Menu
No Utama

Peringatan:
User dan
Password anda
Tidak Sesuai End

P = P+1

NO Info :
YES Anda Tidak
P > =3
Mempunyai
Hak Akses

Gambar 4.1
Flowchart Login Password
 44

2. Prosedur Menu Utama

Menu
Utama

Pilih :
1. Master
2. Transaksi
3. Laporan
4. LogOut

Read Pilih
If Pilih = 1 To 4 Do

Pilih = 1 Yes

Master
No

Pilih = 2 Yes

No Transaksi

Pilih = 3 Yes

No Laporan

Pilih = 4 Yes

LogOut
No

Menu
Utama

Gambar 4.2
Flowchart Menu Utama

3. Prosedur Menu Master

Master

Pilih :
1. UPTD
2. Perairan

Read Pilih
If Pilih = 1 To 2 Do

No
UPTD
Pilih = 1 Yes

No

Perairan
Pilih = 2 Yes

Gambar 4.3
Flowchart Menu Master
 45

4. Prosedur UPTD

UPTD

Pilih
1. View Data
2. Tambah

Read :
Pilih

View Data
If Pilih = 1 Yes

UPTD
No

Tambah
No If Pilih = 2 Yes

Gambar 4.4
Flowchart Menu UPTD

5. Prosedur Tambah UPTD

Tambah

Tambah_Click
Tambah.Caption = Batal
TxtIDUPTD=Otomatis
TxtDesa.Setfocus

Input :
Desa, Kecamatan,
Kota

Insert Into Table UPTD

Tombol:
Prosedur Simpan TxtIDUPTD, TxtDesa,
Simpan = Hidup
TxtKecamatan, TxtKota

Tampilkan :
ListIDUPTD = IDUPTD
Tambah.Caption = Info :
ListDesa = Desa
Tambah Proses Penyimpanan Selesai
ListKacamatan = Kecamatan
ListKota = Kota

Gambar 4.5
Flowchart Tambah UPTD

6. Prosedur View Data UPTD

 46

View
Data

View Data_Click
View Data.Caption = Hide Data

Tampilkan :
ListIDUPTD = IDUPTD
ListDesa = Desa
ListKacamatan = Kecamatan
ListKota = Kota

Pilih Data :
Click List Data
Lalu Tekan Enter ID UPTD Delete From UPTD
Yes
Akan Di Hapus Where IDUPTD = TxtIDUPTD

Tombol:
No 1. Hapus = Hidup No
2. Edit = Hidup
3. Tambah.caption = Batal
Prosedur Hapus

Update
If Pilih = 1 Yes Desa = TxtDesa
UPTD
Kecamatan = TxtKecamatan
Kota = TxtKota
Where IDUPTD= TxtIDUPTD
No

If Pilih = 2 Yes Prosedur Edit

Update Data Sukses

Edit :
Desa = TxtDesa Tombol:
No Kosongkan :
Kecamatan = TxtKecamatan Simpan = Hidup
Kota = TxtKota TxtDesa,TxtKecamatan
TxtKota
Tambah.Caption = Tambah

If Pilih = 3 Yes Prosedur Batal

Gambar 4.6
Flowchart View Data UPTD

7. Prosedur Perairan

Perairan

Pilih
1. View Data
2. Tambah

Read :
Pilih

View Data
If Pilih = 1 Yes

Perairan
No

Tambah
No If Pilih = 2 Yes

Gambar 4.7
Flowchart Perairan
8. Prosedur Tambah Perairan
 47

Tambah

Tambah_Click
Tambah.Caption = Batal
TxtPerairan=Otomatis
TxtNamaPerairan.Setfocus

Input :
NamaPerairan,
JenisPerairan,
Luas,IDUPTD

Insert Into Table UPTD

Tombol: TxtNoPerairan,
Prosedur Simpan
Simpan = Hidup TxtJenisPerairan,
TxtLuas,TxtIDUPTD

Tampilkan :
Info : ListNoPerairan= NoPerairan
Tambah.Caption =
Proses Penyimpanan ListJenisPerairan = JenisPerairan
Tambah
Selesai ListLuas = Luas
ListIDUPTD = IDUPTD

Gambar 4.8
Flowchart Tambah Perairan

9. Prosedur View Data Perairan

View
Data

View Data_Click
View Data.Caption = Hide Data

Tampilkan :
ListNoPerairan= NoPerairan
ListJenisPerairan = JenisPerairan
ListLuas = Luas
ListIDUPTD = IDUPTD

Pilih Data :
Click List Data
Lalu Tekan Enter Delete From Perairan
No Perairan
Yes Where NoPerairan =
Akan Di Hapus
TxtNoPerairan

Tombol:
No 1. Hapus = Hidup No
2. Edit = Hidup
3. Tambah.caption = Batal
Prosedur Hapus

Update
NamaPerairan = TxtNamaPerairan
If Pilih = 1 Yes
JenisPerairan = TxtJenisPerairan Perairan
Luas = TxtLuas
IDUPTD= TxtIDUPTD
Where NoPerairan= TxtNoPerairan
No

If Pilih = 2 Yes Prosedur Edit

Update Data Sukses

Edit :
NamaPerairan = TxtNamaPerairan
JenisPerairan = TxtJenisPerairan Tombol: Kosongkan :
No
Luas = TxtLuas Simpan = Hidup TxtNamaPerairan
IDUPTD = TxtIDUPTD TxtJenisPerairan
TxtLuas,TxtIDUPTD
Tambah.Caption = Tambah

If Pilih = 3 Yes Prosedur Batal

Gambar 4.9
Flowchart View Data Perairan
10. Prosedur Transaksi
 48

Transaksi

Pilih :
1. Pemutakhiran
No

Read Pilih
If Pilih = 1 To 4 Do

Pemutakhir
Pilih = 1 Yes an

Gambar 4.10
Flowchart Transaksi

11. Prosedur Pemutakhiran

Pemutakhi
ran

Pilih
1. View Data
2. Tambah

Read :
Pilih

View Data
If Pilih = 1 Yes
Pemutakhira
n
No

Tambah
No If Pilih = 2 Yes

Gambar 4.11
Flowchart Pemutakhiran

12. Prosedur Tambah Pemutakhiran

 49

Tambah

Tambah_Click
Tambah.Caption = Batal
TxtNoPemutakhiran=Otomatis
DtTglPemutakhiran.Setfocus

Input :
TglPemutakhiran, Kondisi,
IDPerairan

Insert Into Table Pemutakhiran

Tombol: TxtNoPemutakhiran,
Prosedur Simpan
Simpan = Hidup DtTglPemutakhiran, TxtKondisi,
TxtIDPerairan

Tampilkan :
Info : ListNoPemutakhiran= NoPemutakhiran
Tambah.Caption =
Proses Penyimpanan ListTglPemutakhiran = TglPemutakhiran
Tambah
Selesai ListKondisi = Kondisi
ListIDPerairan = IDPerairan

Gambar 4.12
Flowchart Tambah Pemutakhiran

13. Prosedur View Data Pemutakhiran

View
Data

View Data_Click
View Data.Caption = Hide Data

Tampilkan :
ListNoPemutakhiran= NoPemutakhiran
ListTglPemutakhiran = TglPemutakhiran
ListKondisi = Kondisi
ListIDPerairan = IDPerairan

Pilih Data :
Click List Data
Lalu Tekan Enter Delete From Pemutakhiran
No Pemutakhiran
Yes Where NoPemutakhiran=
Akan Di Hapus
TxtNoPemutakhiran

Tombol:
No 1. Hapus = Hidup No
2. Edit = Hidup
3. Tambah.caption = Batal
Prosedur Hapus

Update
If Pilih = 1 Yes
TglPemutakhiran= DtTglPemutakhiran Pemutakhiran
Kondisi = TxtKondisi
IDPerairan= TxtIDPerairan
Where NoPemutakhiran= TxtNoPemutakhiran
No

If Pilih = 2 Yes Prosedur Edit

Update Data Sukses

Edit :
TglPemutakhiran= DtTglPemutakhiran
Tombol:
No Kondisi = TxtKondisi
Simpan = Hidup
IDPerairan= TxtIDPerairan
IDUPTD = TxtIDUPTD

Kosongkan :
TxtKondisi,TxtIDPerairan
Tambah.Caption = Tambah
If Pilih = 3 Yes Prosedur Batal

Gambar 4.13
Flowchart View Data Pemutakhiran

14. Prosedur Laporan

 50

Laoran

Pilih :
1. Laporan Perairan
2. Rekapitulasi Perairan
3. Laporan Pemutakhiran

Read Pilih
If Pilih = 1 To 3 Do
No

Laporan
Pilih = 1 Yes Perairan

No

Rekapitulasi
Pilih = 2 Yes Perairan

No
Laporan
Pilih = 3 Yes Pemutakhiran

Gambar 4.14
Flowchart Laporan
15. Prosedur Laporan Perairan
Laporan
Perairan

Tampilkan :
NamaPerairan
JenisPerairan
Luas
Desa
Y Kecamatan
Kota

Proses Cetak Y Cetak

Cetak Laporan
Laporan Perairan
Perairan

Cetak
N
lagi?

Gambar 4.15
Flowchart Laporan Perairan

16. Prosedur Rekapitulasi Perairan

 51

Rekapitulasi
Perairan

Tampilkan :
Kota
Y JenisPerairan
JML

Proses Cetak Y Cetak

Cetak Rekapitulasi
Laporan Perairan
Perairan

Cetak
N
lagi?

Gambar 4.16
Flowchart Rekapitulasi Perairan

17. Prosedur Laporan Pemutakhiran

Laporan
Pemutakhiran

Tampilkan :
NoPemutakhiran
TglPemutakhiran
Kondisi
Y NamaPerairan
Desa
Kecamatan
Kota

Proses Cetak Y Cetak

Cetak Laporan
Laporan
Perairan Pemutakhiran

Cetak
N
lagi?

Gambar 4.17
Flowchart Laporan Pemutakhiran
 52

2. Algoritma Program

{Algoritma Menu Login}

Var
P : Integer
UserName, Password : Char
Begin
Select UserName
Input (txtPassword=Password)
If User_Name = “” Then
Message box (User dan Password Anda Tidak Sesuai)
User_Name.Set Focus ()
Return
End If
If txtPassword = “” Then
Message box (User dan Password Anda Tidak Sesuai)
Password.Set Focus ()
Return
End If
If Password = True Then
Open (Menu Utama)
Else
If IsNull (Ulang_UserName) or ulang_UserName = 0 then
If ICase < 3 then
iCase < 3 then
User_Name.text = “”
Password.text = “”
User_Name.Setfocus ()
Else
Messagebox Maaf Anda Tidak Punya Hak Akses)
{Program Akan Menutup Secara Otomatis}
Halt Close
Halt Close
End If
 53

End If
End

{ Algoritma Menu Utama}

Var
Pilih : Byte;
Begin
Write (1 File Master)
Write (2 File Transaksi)
Write (3 Laporan)
Write (4 LogOut)
Pilih : = 0
Case (Pilih >=1) or (Pilih <=4) of
Read Pilih
1. File Master
2. File Transaksi
3. Laporan
4. LogOut
End Case
End
{ Algoritma File Master }
Var
Pilih : Byte;
Begin
Write (1 Data UPTD)
Write (2 Data Perairan)
Pilih : = 0
Case (Pilih >=1) or (Pilih <=2) of
Read Pilih
1. UPTD
2. Perairan
End Case
End
 54

{ Algoritma UPTD}
Var
Pilih : Byte;
Begin
Open (Tabel UPTD
Write (1 Tambah)
Write (2 View Data)
Pilih : = 0
Case (Pilih >=1) or (Pilih <=2) of
Read Pilih
1. Tambah
2. View Data
End Case
If Pilih = 1. Tambah Yes Then TxtIDUPTD=Otomatis
Input (TxtDesa,TxtKecamatan,TxtKota)
Simpan=True
Insert to Tabel Perairan Value (TxtIDUPTD,TxtDesa, TxtKecamatan,
TxtKota)
Tampil List
(IDUPTD, Desa, Kecamatan,Kota)
Msgbox “Proses Penyimpanan Telah Selesai”
If Pilih = 2.View Data Then
Tampil List
(IDUPTD, Desa, Kecamatan,Kota)
Read (Pilih Data)
Case
*When Pilih = ‘Edit’
Click CmdEdit
Input (Desa, Kecamatan,Kota)
*When Pilih = ‘ Hapus ‘
Click CmdHapus
Read (Yakin IDUPTD Akan Dihapus)
Delete From UPTD Where IDUPTD = TxtIDUPTD
*When Pilih = ‘ Batal ‘
 55

Click CmdBatal
Kosongkan
(TxtIDUPTD,TxtDesa, TxtKecamatan, TxtKota)
Else
If Hapus = No Then
Keluar
Read (MenuUtama)
EndIf
EndIf
End {Untuk Form UPTD}

{ Algoritma Perairan}
Var
Pilih : Byte;
Begin
Open (Tabel Perairan
Write (1 Tambah)
Write (2 View Data)
Pilih : = 0
Case (Pilih >=1) or (Pilih <=2) of
Read Pilih
1. Tambah
2. View Data
End Case
If Pilih = 1. Tambah Yes Then TxtIDPerairan=Otomatis
Input (TxtNamaPerairan,TxtJenisPerairan,TxtLuas,IDUPTD)
Simpan=True
Insert to Tabel Perairan Value (TxtIDPerairan TxtNamaPerairan,
TxtJenisPerairan,TxtLuas,TxtIDUPTD)
Tampil List
( IDPerairan, NamaPerairan, JenisPerairan,Luas,IDUPTD)
Msgbox “Proses Penyimpanan Telah Selesai”
If Pilih = 2.View Data Then
Tampil List
 56

( IDPerairan, NamaPerairan, JenisPerairan,Luas,IDUPTD)

Read (Pilih Data)
Case
*When Pilih = ‘Edit’
Click CmdEdit
Input (NamaPerairan,JenisPerairan,Luas,
IDUPTD)
*When Pilih = ‘ Hapus ‘
Click CmdHapus
Read (Yakin No Perairan Akan Dihapus)
Delete From Perairan Where NoPerairan = Txt NoPerairan
*When Pilih = ‘ Batal ‘
Click CmdBatal
Kosongkan
(TxtNamaPerairan,TxtJenisPerairan,TxtLuas,Txt
IDUPTD)
Else
If Hapus = No Then
Keluar
Read (MenuUtama)
EndIf
EndIf
End {Untuk Form Periaran}

{ Algoritma Pemutakhiran}
Var
Pilih : Byte;
Begin
Open (Tabel Pemutakhiran
Write (1 Tambah)
Write (2 View Data)
Pilih : = 0
Case (Pilih >=1) or (Pilih <=2) of
Read Pilih
 57

1. Tambah
2. View Data
End Case
If Pilih = 1. Tambah Yes Then TxtNoPemutakhiran =Otomatis
Input (DtTglPemutakhiran,TxtKondisi,TxtIDPerairan)
Simpan=True
Insert to Tabel Perairan Value (TxtNoPemutakhiran DtTglPemutakhiran,
TxtKondisi,TxtIDPerairan)
Tampil List
(NoPemutakhiran TglPemutakhiran,Kondisi,IDPerairan)
Msgbox “Proses Penyimpanan Telah Selesai”
If Pilih = 2.View Data Then
Tampil List
(NoPemutakhiran TglPemutakhiran,Kondisi,IDPerairan)
Read (Pilih Data)
Case
*When Pilih = ‘Edit’
Click CmdEdit
Input
(TglPemutakhiran,Kondisi,IDPerairan)
*When Pilih = ‘ Hapus ‘
Click CmdHapus
Read (Yakin No Pemutakhiran Akan Dihapus)
Delete From Pemutakhiran Where No Pemutakhiran = Txt Pemutakhiran
*When Pilih = ‘ Batal ‘
Click CmdBatal
Kosongkan (TxtNoPemutakhiran TxtKondisi,
TxtIDPerairan)
Else
If Hapus = No Then
Keluar
Read (MenuUtama)
EndIf
EndIf
 58

End {Untuk Form Pemutakhiran}

{ Algoritma Laporan Perairan}

Print Preview
Output (NamaPerairan)
Output (JenisPerairan)
Output (Luas)
Output (Desa)
Output (Kecamatan)
Output (Kota)
If Print then
Print Laporan Perairan
Else
Return From Print Preview
Endif
End

{ Algoritma Laporan Pemutakhiran}

Print Preview
Output (NoPemutakhiran)
Output (TglPemutakhiran)
Output (Kondisi)
Output (NamaPerairan)
Output (Desa)
Output (Kecamatan)
Output (Kota)
If Print then
Print Laporan Pemutakhiran
Else
Return From Print Preview
Endif
End
 59

B. Rancangan Basis Data

1. Diagram ERD Sistem Usulan
UPTD I Memiliki M PERAIRAN I Buat M PEMUTAKHIRAN

* IDUPTD * IDPerairan * IDPerairan * NoPemutakhiran

M * IDUPTD
Desa Nama Perairan ** NoPemutakhiran TglPemutakhiran
** IDPerairan Jenis Kondisi
Kecamatan
Kabupaten Luas
Memiliki

* IDUPTD
** Kecamatan
I

Kecamatan M Memiliki I Kota

* KDKecamatan * KDKota
NmKecamatan * KDKecamatan NmKota
Kota ** Kota

Gambar 4.18
Entity Relationship Diagram ERD
Sistem Usulan
 60

2. Normalisasi
Normalisasi adalah proses yang berkaitan dengan model data relational untuk mengorganisir himpunan data dengan
ketergantungan dan keterkaitan yang tinggi / erat. Hasil dari proses normalisasi adalah himpunan-himpunan data dalam
bentuk normal (Normal Form).
a. Bentuk tidak normal (Unnormalized form)

IDUPTD Desa Kecamatan Kota IDPerairan NamaPerairan JenisPerairan Luas NoPemutakhiran

LBK711 Nanggala Cipanas Kab Lebak B03 Bendung Konsolidasi Cibeurang Bendung 20 1
Nanggala Cipanas Kab Lebak B02 Bendung Konsolidasi Cibeurang Bendung 20 1
LBK713 Nanggala Cipanas Kab Lebak B03 Bendung Konsolidasi Cibeurang Bendung 20 1
TglPemutakhiran Kondisi NoPerencanaan TglPerencanaan Kegiatan NoPK TglPK Target
03-May-14 Resevoir/ Irigasi B-0000002 04-Jun-14 PENDALAMAN WADUK B-0000002 04-Jun-14 6/4/2014
03-May-14 Resevoir/ Irigasi B-0000002 04-Jun-14 PENDALAMAN WADUK B-0000002 04-Jun-14 6/4/2014
03-May-14 Resevoir/ Irigasi B-0000002 04-Jun-14 PENDALAMAN WADUK B-0000002 04-Jun-14 6/4/2014
NoRealisasi TglRealisasi Pencapaian
01 08-May-14 Pendalaman Waduk
01 08-May-14 Pendalaman Waduk
01 08-May-14 Pendalaman Waduk

Tabel 4.1
Bentuk tidak normal ( unnormalized)

b. Bentuk Normal ke Satu (First Normal Form)

Bentuk normal ke satu mempunyai ciri yaitu setiap data dibentuk dalam flat file (file datar atau rata), data dibentuk
dalam suatu record dan nilai dari file-file berupa atomic value. Tidak ada set atribut yang berulang-ulang atau atribut yang
memiliki nilai ganda (Multi Value). Tiap file hanya memiliki satu pengertian, bukan merupakan kumpulan kata yang
mempunyai arti mendua, hanya memiliki satu arti saja, dan juga bukanlah pemecahan kata-kata sehingga artinya lain.
 61

IDUPTD Desa Kecamatan Kota IDPerairan NamaPerairan JenisPerairan Luas NoPemutakhiran

LBK711 Nanggala Cipanas Kab Lebak B03 Bendung Konsolidasi Cibeurang Bendung 20 1
LBK711 Nanggala Cipanas Kab Lebak B02 Bendung Konsolidasi Cibeurang Bendung 20 1
LBK713 Nanggala Cipanas Kab Lebak B03 Bendung Konsolidasi Cibeurang Bendung 20 1

TglPemutakhiran Kondisi NoPerencanaan TglPerencanaan Kegiatan NoPK TglPK Target

03-May-14 Resevoir/ Irigasi B-0000002 04-Jun-14 PENDALAMAN WADUK B-0000002 04-Jun-14 6/4/2014
03-May-14 Resevoir/ Irigasi B-0000002 04-Jun-14 PENDALAMAN WADUK B-0000002 04-Jun-14 6/4/2014
03-May-14 Resevoir/ Irigasi B-0000002 04-Jun-14 PENDALAMAN WADUK B-0000002 04-Jun-14 6/4/2014

NoRealisasi TglRealisasi Pencapaian

01 08-May-14 Pendalaman Waduk
01 08-May-14 Pendalaman Waduk
01 08-May-14 Pendalaman Waduk

Tabel 4.2
Bentuk Normal Kesatu ( first normal form )

c. Bentuk Normal ke Dua (Second Normal Form)

Bentuk normal kedua mempunyai syarat-syarat yaitu bentuk data telah memenuhi kriteria bentuk normal kesatu,
atribut bukan kunci haruslah bergantung secara fungsi pada kunci utama/primary key, sehingga untuk membentuk normal
kedua harus sudah ditentukan field-field kunci. Field kunci harus unik dan dapat mewakili atribut lain yang menjadi
anggotanya.
 62

Tabel Kota
Kd Kota Kota
K01 Lebak

Tabel Kecamatan
Kd Kecamatan Kecamatan
KC01 Cipanas

Tabel UPTD
IDUPTD Desa Kecamatan Kota
LBK711 Nanggala Cipanas Kab Lebak
LBK713 Nanggala Cipanas Kab Lebak

Tabel Perairan
IDPerairan NamaPerairan JenisPerairan Luas IDUPTD
B02 Bendung Konsolidasi Cibeurang Bendung 20 LBK711
B03 Bendung Konsolidasi Cibeurang Bendung 20 LBK711

Tabel Pemutakhiran
NoPemutakhiran TglPemutakhiran Kondisi IDPerairan
1 03-May-14 Resevoir/ Irigasi B03
1 03-May-14 Resevoir/ Irigasi B02

Tabel 4.3
Bentuk Normal Kedua ( second normal form )
 63

C. Spesifikasi Basis Data

a. Jenis File : Master
Nama File : Kota
Primary Key : kdKota
Foreign Key :-
No Field Name Type Width Keterangan
1 Kdkota Char 12  
2 Kota Char 35  
Tabel 4.4
Tabel Kota

b
. Jenis File : Master
Nama File : Kecamatan
Primary Key : kdkecamatan
Foreign Key :-
N
o Field Name Type Width Keterangan
1 Kdkecamatan Char 12  
2 Kecamatan Char 35  
3 Kota Char 35  
Tabel 4.5
Tabel Kecamatan

c. Jenis File : Master

Nama File : UPTD
Primary Key : IDUPTD
Foreign Key :-
No Field Name Type Width Keterangan
1 IDUPTD Char 12  
2 Desa Char 35  
3 Kecamatan Char 35  
4 Kota Char 35
Tabel 4.6
Tabel UPTD
 64

d. Jenis File : Master

Nama File : Perairan
Primary Key : IDPerairan
Foreign Key :-
Typ
No Field Name e Width Keterangan
1 ID Perairan Char 12
2 NamaPerairan Char 35
3 Jenis Perairan Char 35
4 Luas Char 9
5 ID UPTD Char 12  
Tabel 4.7
Tabel Perairan

e
. Jenis File : Transaksi
Nama File : Pemutakhiran
Primary Key : NoPemutakhiran
Foreign Key : ID Perairan
Widt
No Field Name Type h Keterangan
1 NoPemutakhiran Char 12  
TglPemutakhira
2 n Date/ Time -  
3 Kondisi Char 12
4 IDPerairan Char 12  

Tabel 4.8
Tabel Pemutakhiran
 65

D. Rancangan Prototipe Aplikasi

1. Struktur Tampilan
Aplikasi Pengelolaan Aset Perairan
Di Dinas Sumber Daya Air dan Pemukiman
Provinsi Banten

Master

UPTD

Perairan

Transaksi

Pemutakhiran

Laporan

Lap Perairan

Lap Pemutakhiran

LogOut

LogOut Program

Gambar 4.19
Struktur Tampilan Menu Utama

2. Desain Modul Tampilan (Screen)

a. Tampilan Input (masukan)
1. Rancangan Tampilan Login

User

Password

LogIn Cancel
 66

Gambar 4.20
Rancangan Tampilan Login

2. Rancangan Tampilan Menu Utama

Aplikasi Pengelolaan Aset Perairan
Di Dinas Sumber Daya Air dan Pemukiman
Provinsi Banten

Master

UPTD

Perairan

Transaksi

Pemutakhiran

Laporan

Lap Perairan

Lap Pemutakhiran

LogOut

LogOut Program

Gambar 4.21
Rancangan Tampilan Menu Utama

3. Rancangan Tampilan Data UPTD

DATA UPTD X

VIEW DATA

ID UPTD Desa Kecamatan Kota

ID UPTD

Desa

Kecamatan

Kota

TAMBAH SIMPAN EDIT HAPUS

 67

Gambar 4.22
Rancangan Tampilan UPTD
 68

4. Rancangan Tampilan Perairan

DATA PERAIRAN X

VIEW DATA

ID Perairan Nama Perairan Jenis Perairan Luas

ID Perairan

Nama Perairan

Jenis Perairan

Luas

Desa

ID Perairan

TAMBAH SIMPAN EDIT HAPUS

Gambar 4.23
Rancangan Tampilan Perairan

b. Tampilan Proses Transaksi (transaksi)

1. Rancangan Tampilan Pemutakhiran
DATA PEMUTAKHIRAN X

VIEW DATA

Nama Perairan
No Pemutakhiran Tgl Pemutakhiran Kondisi

No Pemutakhiran

Tgl Pemutakhiran

Kondisi

Nama Perairan

ID Perairan

TAMBAH SIMPAN EDIT HAPUS

Gambar 4.24
Rancangan Tampilan Transaksi Pemutakhiran
 69

c. Tampilan Laporan (keluaran)

1. Rancangan Tampilan Laporan Perairan

DINAS SUMBER DAYA AIR DAN PEMUKIMAN

LOGO PROVINSI BANTEN

Nama
Petugas
Perairan Jenis Perairan Luas Desa Kecamatan Kota

Gambar 4.25
Rancangan Tampilan Laporan Perairan
2. Rancangan Tampilan Rekapitulasi Perairan

DINAS SUMBER DAYA AIR DAN PEMUKIMAN

LOGO PROVINSI BANTEN

Petugas
Kota Jenis Perairan Jml

Gambar 4.26
Rancangan Tampilan Rekapitulasi Perairan
 70

3. RancanganLaporan Pemutakhiran

DINAS SUMBER DAYA AIR DAN PEMUKIMAN

LOGO PROVINSI BANTEN

No Pemutakhiran
Petugas Tgl Pemutakhiran Kondisi Nama Perairan Desa Kecamatan Kota

Gambar 4.27
Rancangan Tampilan Laporan Pemutakhiran

E. Deskripsi Rancangan Waktu

Waktu yang dibutuhkan untuk melakukan Pengelolaan Aset Perairan
relatif cepat ± 2 (satu) menit. Karena semua data disimpan di dalam hardisk.
Sedangkan waktu yang diperlukan untuk pengolahan data ± 5 menit sampai
mengahsilkan laporan dan informasi yang diinginkan.

F. Deskripsi Rancangan Tenaga Kerja

Dengan diterapkannya sistem komputerisasi yang terstruktur pada
Aplikasi pengelolaan Aset Perairan sehingga proses pengelolaan hingga
laporan, maka tenaga kerja tenaga kerja yang berkerja dibagian ini bisa lebih
maksimal dalam memberikan pelayanan data kepada pimpinan, hanya saja
memerlukan waktu untuk pelatihan pegawai terhadap sistem yang ada.
Adapun kebutuhan tenaga kerja di sistem ini yaitu 1 ( satu ) orang
yaitu sebagai IT Support untuk melakukan proses tunggakan dari aplikasi
tersebut.
 71

G. Deskripsi Rancangan Biaya

Biaya dan perangkat sistem yang diusulkan menggunakan satu unit
komputer dengan spesifikasi sebagai berikut :
a. Spesifikasi Hardware :
Processor : Intel Core I3
Hardisk : 300 GB
RAM : 2Gb
Monitor : LCD15’’
Mouse : USB2
Keyboard : USB
Printer : Printer Canon MP 258

b. Aplikasi yang digunakan dan dibutuhkan :

Microsoft Windows 7,8,10
XAMPP
Notepad ++
c. Rancangan biaya sistem yang diusulkan
Biaya Software Rp. 5.000.000,-
Biaya Hardware Rp. 3.500.000,-
Biaya Pembuatan Program Rp. 3.000.000,-

H. Uji Coba dan hasil

Berdasarkan rancangan sistem dan database yang penulis buat maka
penulis membuat program berdasarkan data – data yang diterima selama
penelitian dan petunjuk – petunjuk yang diberikan oleh pembimbing. Penulis
mengajukan uji coba program bersama dosen pembimbing dan tidak
mengalami hambatan – hambatan selama pelaksanaan uji coba ini penulis
mendapat kemudahan didalam proses uji coba berdasarkan hasil uji coba yang
dilaksanakan hasilnya sesuai dengan yang diharapkan.
 72

Tabel 4.9 Pengujian System Black Box

Hasil
Pengujian
Fungsi Hasil yang
No Cara Pengujian
yang diuji diharapkan
YA TIDAK

1 Login Pengguna mengisi Sistem akan

username dan menampilkan
password lalu klik halaman utama 
tombol login sesuai hak akses
user_id
2 Halaman User memilih Sistem menampilkan
pengguna semua menu form data pengguna 
Tambah data Menampilkan form
Pengguna lalu klik inputan pengguna
simpan dan menampilkan

pesan “data berhasil
disimpan” jika data
terisi semua dan
tersimpan kedalam
database
Hapus data Menampilkan pesan
pengguna pada id “ apakah anda yakin
yang dipilih akan menghapus data 
ini?” dan menghapus
data dari database
jika user memilih ok
Edit pengguna Menampilkan data
yang dipilih dan 
menyimpan data
yang telah diperbarui
3 Halaman User memilih Sistem menampilkan
 73

Master menu master form yang ada pada 

menu master
tambah data Menampilkan form
mengisi form inputan, user mengisi
inputan lalu klik form inputan dan
simpan menampilkan pesan 
“data berhasil
disimpan” jika data
terisi semua data
tersimpan didalam
database
Hapus data pada Menampilkan pesan
data yang dipilih “ apakah anda yakin
akan menghapus data 
ini?” dan menghapus
data jika user
memilih ok, data
terhapus dari
database.
Edit data Menampilkan data
yang dipilih dan 
menyimpan data
yang telah diperbarui
4 Halaman User memilih Sistem menampilkan

Transaksi menu transaksi form data yang ada
pada menu transaksi
input data lalu klik Menampilkan form
simpan inputan beserta
menampilkan pesan

“data berhasil
disimpan” jika data
terisi semua
 74

tersimpan kedalam
database
Hapus data pada Menampilkan pesan
data yang dipilih “ apakah anda yakin
akan menghapus data

ini?” dan menghapus
data jika user
memilih “ok” data
terhapus didalam
database
Edit Data Menampilkan data

yang
dipilih dan
menyimpan data
yang telah diperbarui
5 Menu User memilih Sistem menampilkan
Laporan Menu Laporan form laporan 
pilih file tanggal Menampilkan form
berdasarkan pilih tanggal laporan
laporan dan data 
menmapilkan data
berdasarkan tanggal
yang telah dipilih dan
tampil data yang siap
di cetak

I. Implementasi Sistem
1) Prosedur Operasional (Manual book)
Pengoprasian program harus mengikuti prosedur sebagai berikut :
Login Aplikasi Pengelolaan Aset Perairan di Dinas Sumber Daya Air
dan Pemukiman Provinsi Banten
 75

Form Login ini merupakan pintu untuk membuka program dan juga untuk
keamanan sebuah data yang berada pada program

Gambar 4.28
Tampilan Login Sistem

Cara masukan aplikasi :

Anda terlebih dahulu memasukan User Klik Enter, kemudian masukan
Password Klik Enter . Selanjutnya Klik Login atau Enter.

Menu Utama Pengelolaan Aset Perairan

Dalam menu utama merupakan induk dari semua form yang saling
berkkaitan tanpa menu utama ini maka form – form yang ada tidak bisa di
tampilkan.
 76

Gambar 4.29
Tampilan Menu Utama
Di dalam menu utama ini terdiri dari Master, Transaksi, Laporan dan
LogOut.
Menu Data Master terdiri dari :
1. UPTD
2. Perairan

Cara Mengisi Master UPTD

1. Klik UPTD
2. Lalu akan muncul form inputan seperti gambar dibawah ini :
 77

Gambar 4.30
Input Data UPTD

Cara Proses Master UPTD

1. Klik tombol Tambah
2. Kemudian Input data
3. Lalu tekan Enter
4. Setelah selesai input data Klik Tombol Simpan

Cara Mengisi Master Perairan

1. Klik Perairan
2. Lalu akan muncul form inputan seperti gambar dibawah ini :
 78

Gambar 4,31
Inputan Data Perairan

Cara Menginput Data Perairan

1. Pilih Perairan
2. Klik Tombol Tambah
3. Lalu tekan Enter
4. Setelah selesai input data Klik Tombol Simpan

Cara Proses Menu Pemutakhiran

1. Klik Pemutakhiran
2. Lalu akan muncul form inputan seperti gambar dibawah ini :
 79

Gambar 4,32
Inputan Data Pemutakhiran

Cara Menginput Data Pemutakhiran

1. Pilih Pemutakhiran
2. Klik Tombol Tambah
3. Lalu tekan Enter
4. Setelah selesai input data Klik Tombol Simpan

Cara Menampilkan Laporan Perairan

1. Klik Laporan Perairan
2. Lalu akan muncul Laporan seperti gambar dibawah ini :
 80

Gambar 4.33
Laporan Perairan

Cara Cetak Laporan Perairan

1. Klik Tombol Printer
2. Kemudian klik tombol print (cetak)

Cara Menampilkan Rekapitulasi Perairan

1. Klik Laporan Rekapitulasi Perairan
2. Lalu akan muncul Laporan seperti gambar dibawah ini :

Gambar 4.34
Rekapitulasi Perairan
 81

Cara Cetak Rekapitulasi Perairan

1. Klik Tombol Printer
2. Kemudian klik tombol print (cetak)

Cara Menampilkan Laporan Pemutakhiran

1. Klik Laporan Laporan Pemutakhiran
2. Lalu akan muncul Laporan seperti gambar dibawah ini :

Gambar 4.35
Laporan Pemutakhiran

Cara Cetak Laporan Pemutakhiran

1. Klik Tombol Printer
2. Kemudian klik tombol print (cetak)

2) Tatalaksana Sistem yang direkomendasikan (kebutuhan

hardware, software, personil )
1) Kebutuhan Hardware minimum atau lebih adalah sebagai berikut :
a) Komputer Intel Core I3
b) Hardisk berkapasitas 300 GB
c) Memory yang digunakan 2Gb
 82

d) Monitor LCD 14 inch

f) Printer Deskjet 1000 J110 series atau lainnya sesuai kebutuhan
3) Software
a) Windows 7,8,10
b) XAMPP
c) Notepad ++
4) Personil
Cukup IT Support dan Admin saja
5) Hasil Implementasi
Sesuai dengan yang hasil analisa dan kebutuhan dan mampu
menjawab semua masalah yang penulis angkat dan analisa.