51
40 BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan Perancangan Sistem Perancangan suatu sistem merupakan dasar dari pembuatan suatu sistem yang handal dan kuat memerlukan suatu proses atau tahap-tahapan. 4.1.1. Analisa Kebutuhan Suatu sistem informasi yang diusulkan memiliki beberapa keungguan dan perbedaan signifikan dari sistem yang sedang berjalan. 1. Analisa Kebutuhan Pengguna Terdapat empat pengguna dalam sistem tersebut, yaitu: bagian Desa sebagai admin, Kecamatan, Bupati, dan Pengunjung Website. Keempat pengguna tersebut memiliki karakteristik interaksi dengan sistem yang berbeda-beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut: a. Halaman Admin 1. Admin dapat melihat halaman beranda admin, berarti login berhasil. 2. Admin dapat mengelola data program. 3. Admin dapat mengelola data administrasi Desa, Kecamatan, dan Bupati. 4. Admin dapat menyusun perancangan anggaran Desa. 5. Admin dapat mengolah data program, indicator dan kegiatan. 6. Admin dapat mengolah data web. b. Halaman Kecamatan 1. Camat dapat melihat halaman beranda Kecamatan, berarti login berhasil.

BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

  • Upload
    others

  • View
    13

  • Download
    0

Embed Size (px)

Citation preview

Page 1: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

40

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem

Perancangan suatu sistem merupakan dasar dari pembuatan suatu sistem yang

handal dan kuat memerlukan suatu proses atau tahap-tahapan.

4.1.1. Analisa Kebutuhan

Suatu sistem informasi yang diusulkan memiliki beberapa keungguan dan

perbedaan signifikan dari sistem yang sedang berjalan.

1. Analisa Kebutuhan Pengguna

Terdapat empat pengguna dalam sistem tersebut, yaitu: bagian Desa sebagai

admin, Kecamatan, Bupati, dan Pengunjung Website. Keempat pengguna tersebut

memiliki karakteristik interaksi dengan sistem yang berbeda-beda dan memiliki

kebutuhan informasi yang berbeda-beda, seperti berikut:

a. Halaman Admin

1. Admin dapat melihat halaman beranda admin, berarti login berhasil.

2. Admin dapat mengelola data program.

3. Admin dapat mengelola data administrasi Desa, Kecamatan, dan Bupati.

4. Admin dapat menyusun perancangan anggaran Desa.

5. Admin dapat mengolah data program, indicator dan kegiatan.

6. Admin dapat mengolah data web.

b. Halaman Kecamatan

1. Camat dapat melihat halaman beranda Kecamatan, berarti login berhasil.

Page 2: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

41

2. Camat dapat melihat program kegiatan dan memverifikasi program kegiatan

c. Halaman Bupati

1. Bupati dapat melihat halaman beranda Bupati, berarti login berhasil.

2. Bupati dapat memverivikasi tahun anggaran beserta kegiatan.

3. Bupati dapat mencetak laporan anggaran perbelanjaan Desa.

4. Bupati dapat merevisi laporan anggaran perbelanjaan Desa.

d. Halaman Utama Pengunjung

1. Pengunjung dapat melihat rancangan anggaran dan program Desa.

2. Pengunjung dapat memberikan saran public untuk websittenya

3. Pengunjung dapat mengisi buku tamu untuk admin.

2. Kebutuhan Sistem

a. Admin harus melakukan login terlebih dahulu untuk dapat mengakses

aplikasi ini dengan memasukan username dan password agar privasi masing-

masing pengguna tetap terjaga keamanannya.

b. Pengguna harus melakukan logout setelah selesai menggunakan aplikasi.

c. Sistem melakukan kalkulasi anggaran kegiatan.

Page 3: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

42

4.1.2. Perancangan Diagram Use Case

Gambar IV.1. Use Case Diagram

Tabel IV.1.

Deskripsi Use Case Desa

Use Case Name Penyusunan Rancangan Anggaran

Requirements Kepala desa dapat mengisi master tujuan,

master anggaran dan master kegiatan

Goal Rancangan anggaran kegiatan yang sudah

disusun dapat diajukan dan diverifikasi oleh

kecamatan

Pre-Conditions Kepala Desa menyusun Rancangan Anggaran

Perbelanjaan Desa

Post-Conditions Data rancangan sudah diajukan ke kecamatan

dan menunggu keputusan

Page 4: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

43

Failed end Condition Rancangan anggaran perbelanjaan tidak

disetujui oleh kecamatan

Actors Kepala Desa

Main Flow/ Basic Path 1. Kepala desa menyusun rancangan

anggaran anggaran perbelanjaan desa

2. Kepala desa menginput data-data

program, anggaran dan kegiatan.

3. Rancangan anggaran diajukan kepada

kecamatan

Alternate Flow/Invariant A A1. Sistem menampilkan data rancangan

anggaran perbelanjaan desa

Invariant B B1. Kepala Desa menyusun rancangan

anggaran perbelanjaan desa

B2. Sistem tidak menampilkan data inputan

rancangan anggaran perbelanjaan desa

Tabel IV.2.

Deskripsi Use Case Diagram Camat

Use Case Name Pengajuan Rancangan Anggaran ke Kecamatan

Requirements Kepala desa memverifikasi dan menyetujui

rancangan anggaran

Goal Rancangan anggaran yang sudah disetujui

Kepala Desa dapat diajukan dan disetujui oleh

camat

Pre-Conditions Rancangan anggaran disetujui oleh Kepala

Desa

Post-Conditions Rancangan anggaran diajukan oleh Kepala

Desa ke Camat

Page 5: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

44

Failed end Condition Rancangan anggaran perbelanjaan tidak

disetujui oleh Camat

Actors Camat

Main Flow/ Basic Path 1. Kepala Desa mengajukan rancangan

anggaran yang telah disetujui kepala

desa ke camat

2. Rancangan anggaran diterima Camat

dan diverifikasi

Alternate Flow/Invariant A A1. Sistem menampilkan data rancangan

anggaran perbelanjaan desa

Invariant B B1. Kepala Desa menyusun rancangan

anggaran perbelanjaan desa

B2. Sistem tidak menampilkan data inputan

rancangan anggaran perbelanjaan desa

Tabel IV.3.

Deskripsi Use Case Diagram Bupati

Use Case Name Pengajuan Rancangan Anggaran ke Bupati

Requirements Camat memverifikasi dan menyetujui

rancangan anggaran

Goal Rancangan anggaran yang sudah disetujui

Camat dapat diajukan dan disetujui oleh Bupati

Pre-Conditions Rancangan anggaran disetujui oleh Bupati dan

Bupati mencetak laporan anggaran

Post-Conditions Rancangan anggaran diajukan oleh Sekretaris

Desa ke Bupati

Failed end Condition Rancangan anggaran perbelanjaan tidak

disetujui oleh bupati

Page 6: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

45

Actors Bupati

Main Flow/ Basic Path 1. Kepala Desa mengajukan rancangan

anggaran yang telah disetujui camat ke

bupati

2. Rancangan anggaran diterima bupati

dan diverifikasi

3. Bupati mencetak laporan rancangan

anggaran

Alternate Flow/Invariant A A1. Sistem menampilkan data rancangan

anggaran perbelanjaan desa

Invariant B B1. Kepala Desa menyusun rancangan

anggaran perbelanjaan desa

B2. Sistem tidak menampilkan data inputan

rancangan anggaran perbelanjaan desa

4.1.3. Perancangan Diagram Aktivitas

Gambar IV.2. Activity Diagram RAPBDES

Page 7: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

46

4.1.4. Rancangan Dokumen Sistem Usulan

A. Dokumen Masukan

1. Nama Dokumen : Dokumen Pelaksanaan Anggaran

Fungsi : Sebagai bahan masukan input program dan kegiatan

Sumber : Kepala Desa

Tujuan : Sekertaris Desa

Media : Kertas

Frekuensi : Setiap rencana anggaran

Jumlah : 1 lembar

Bentuk : Lampiran A. 1

B. Dokumen Keluaran

1. Nama Dokumen : Laporan Rencana Anggaran Perbelanjaan Desa

Fungsi : Sebagai laporan inti yang bersifat sementara sebelum

terverifikasi

Sumber : Desa

Tujuan : Kecamatan

Media : Hardisk

Frekuensi : Setiap terjadi pengajuan RAPBDES

Jumlah : Sebanyak input kegiatan

Bentuk : Lampiran B. 1

2. Nama Dokumen : Laporan Anggaran Perbelanjaan Desa

Fungsi : Sebagai laporan inti yang bersifat final dan telah

terverifikasi

Page 8: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

47

Sumber : Kecamatan

Tujuan : Bupati

Media : Hardisk

Frekuensi : Setiap pengajuan APBDES

Jumlah : Sebanyak input kegiatan yang terverifikasi

Bentuk : Lampiran C. 1

3. Nama Dokumen : APBDES

Fungsi : Sebagai laporan inti yang bersifat final dan siap edar

ke desa

Sumber : Bupati

Tujuan : Kecamatan

Media : Hardisk

Frekuensi : Setiap penerbitan APBDES

Jumlah : Sebanyak APBDES

Bentuk : Lampiran D. 1

Page 9: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

48

4,1,5. Rancangan Program

1. Rancangan Interface Login Admin

Gambar IV.3. Rancangan Interface Login Desa/Admin

2. Rancangan Beranda Desa/Admin

Gambar IV.4. Rancangan Interface Beranda Desa/Admin

Page 10: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

49

3. Rancangan Interface Login Kecamatan

Gambar IV.5. Rancangan Interface Login Kecamatan

4. Rancangan Interface Login Bupati

Gambar IV.6. Rancangan Interface Login Bupati

Page 11: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

50

5. Rancangan Interface Dashboard Desa

Gambar IV.7. Rancangan Interface Dashboard Desa

6. Rancangan Interface Data Buku Tamu pada Desa

Gambar IV.8. Rancangan Interface Data Buku Tamu pada Desa

Page 12: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

51

7. Rancangan Interface Ubah Data Buku Tamu pada Desa

Gambar IV.9. Rancangan Interface Ubah Data Buku Tamu pada Desa

8. Rancangan Interface Data Galeri Pada Desa

Gambar IV.10. Rancangan Interface Data Galeri pada Desa

Page 13: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

52

9. Rancangan Interface Data Posting pada Desa

Gambar IV.11. Rancangan Interface Data Posting pada Desa

10. Rancangan Interface Ubah Data Posting pada Desa

Gambar IV.12. Rancangan Interface Ubah Data Posting pada Desa

Page 14: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

53

11. Rancangan Interface Data Tentang Kami

Gambar IV.13. Rancangan Interface Data Tentang Kami

12. Rancangan Interface Ubah Data Tentang Kami

Gambar IV.14. Rancangan Interface Ubah Data Tentang Kami

Page 15: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

54

12. Rancangan Interface Data Laporan Kegiatan

Gambar IV.15. Rancangan Interface Data Laporan Kegiatan

13. Rancangan Interface Data Laporan Saran Masyarakat

Gambar IV.16. Rancangan Interface Data Laporan Saran Masyarakat

Page 16: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

55

14. Rancangan Interface Halaman Utama Website

Gambar IV.17. Rancangan Interface Halaman Utama Website

4.2. Perancangan Perangkat Lunak

Perancangan lunak ini difokuskan pada enam atribut, yaitu ERD, LRS,

Spesifikasi File, Class Diagram, Sequence Diagram, dan Spesifikasi Hardware serta

Software.

Page 17: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

56

4.2.1. Entity Relationship Diagram (ERD)

Gambar IV.18. Entity Relationship Diagram

Page 18: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

57

4..2.2. Logical Record Structure (LRS)

Gambar IV.19. Logical Record Structure

4.2.3. Spesifikasi File

1. Spesifikasi File Admin

Nama File : Desa

Akronim : Desa

Fungsi : Untuk merekap semua data

Tipe File : File Master

Organisasi File : Index Squential

Page 19: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

58

Akses File : Random

Media : Harddisk

Panjang record : 244

Kunci Field : Iddesa

Software : PhpMyAdmin

Tabel IV.4.

Spesifikasi File Desa

No Elemen Data Nama Field Tipe Size Ket

1 Id Desa Iddesa Int 11 Primary Key

2 Nama Desa Namadesa Varchar 75

3 NIP Nip Int 20

4 Password Password Varchar 50

5 Alamat Alamat Text

6 Email Email Varchar 75

7 Telepon Telepon Varchar 13

2. Spesifikasi File Buku Tamu

Nama File : Buku Tamu

Akronim : bukutm

Fungsi : Menyimpan Buku Tamu

Tipe File : File Master

Organisasi File : Indek Sequential

Akses File : Randem

Page 20: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

59

Media : Harddisk

Panjang record : 101

Kunci Field : Idbukutm

Software : PhpMyAdmin

Tabel IV.5.

Spesifikasi File Buku Tamu

No Elemen Data Nama Field Tipe Size Ket

1 Id Buku Tamu Idbukutm Int 10 Primary Key

2 Email Email Varchar 50

3 Nama Nama Varchar 40

4 Komentar Komentar Text

5 Respon Respon Text

6 Tanggal Posting Tglpost Timestamp

7 Tampilkan Tampilakn Int 1

3. Spesifikasi File Bupati

Nama File : Bupati

Akronim : Bupati

Fungsi : Menyimpan Data Bupati

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Hardisk

Page 21: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

60

Panjang record : 244

Kunci Field : Idbup

Software : PHPMyAdmin

Tabel IV.6.

Spesifikasi File Bupati

No Elemen Data Nama Field Tipe Size Ket

1 Id Bupati Idbup Int 1

2 Nama Bupati Namabup Varchar 75

3 NIP Nip Int 20

4 Password Password Varchar 50

5 Alamat Alamat Text

6 Email Email Varchar 75

7 Telepon Telepon Varchar 13

4. Spesifikasi File Galeri

Nama File : Galeri

Akronim : Galeri

Fungsi : Menyimpan Data Galeri

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Hardisk

Panjang record : 110

Page 22: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

61

Kunci Field : Idgaleri

Software : PHPMyAdmin

Tabel IV.7.

Spesifikasi File Galeri

No Elemen Data Nama Field Tipe Size Ket

1 Id Galeri Idgaleri Int 10 Primary Key

2 Keterangan Keterangan Varchar 100

5. Spesifikasi File IProgram

Nama File : IProgram

Akronim : IProgram

Fungsi : Menyimpan Data Indikator Program

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Hardisk

Panjang record : 217

Kunci Field : Idiprogram

Software : PHPMyAdmin

Page 23: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

62

Tabel IV.8.

Spesifikasi File IProgram

No Elemen Data Nama Field Tipe Size Ket

1 Id IProgram Idiprogram Int 11

2 Id Program Idprogram Varchar 11

3 Nama Indikator Namaindikator Varchar 75

4 Satuan Satuan Varchar 20

5 Target 1 target1 Varchar 20

6 Target 2 target2 Varchar 20

7 Target 3 target3 Varchar 20

8 Target 4 target4 Varchar 20

9 Target 5 target5 Varchar 20

6. Spesifikasi File Kecamatan

Nama File : Kecamatan

Akronim : Kecamatan

Fungsi : Menyimpan data kecamatan

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Hardisk

Panjang record : 249

Kunci Field : Idcamat

Software : PHPMyAdmin

Page 24: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

63

Tabel IV.9.

Spesifikasi File Kecamatan

No Elemen Nama Field Tipe Size Ket

1 Id Camat Idcamat Int 11

2 Nama Camat Namacamat Varchar 75

3 NIP Nip Int 25

4 Email Email Varchar 75

5 Password Password Varchar 50

6 Alamat Alamat Text

7 Telepon Telepon Varchar 13

7. Spesifikasi File Kegiatan

Nama File : Kegiatan

Akronim : Kegiatan

Fungsi : Menyimpan data kegiatan

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Hardisk

Panjang record : 192

Kunci Field : Idkegiatan

Software : PHPMyAdmin

Page 25: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

64

Tabel IV.10.

Spesifikasi File Kegiatan

No Elemen Data Nama Field Tipe Size Ket

1 Id Kegiatan Idkegiatan Int 11

2 Id Program Idprogram Int 11

3 Anggaran Anggaran Double

4 Kegiatan Kegiatan Varchar 125

5 Stastus Status Varchar 45

8. Spesifikasi File Posting

Nama File : Postingan

Akronim : Postingan

Fungsi : Menyimpan data postingan

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Hardiks

Panjang record : 131

Kunci Field : Idposting

Software : PHPMyAdmin

Page 26: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

65

Tabel IV.11.

Spesifikasi File Postingan

No Elemen Data Nama Field Tipe Size Ket

1 Id Posting Idposting Int 10 Primary Key

2 Id Menu Idmenu Int 10

3 Judul Judul Varchar 100

4 Ringkasan Ringkasan Text

5 Detail Detail Text

6 Tanggal Posting Tglposting Timestamp

7 Di Home Dihome Tinyint 1

9. Spesifikasi File Program

Nama File : Program

Akronim : Program

Fungsi : Menyimpan data program

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Radom

Media : Hardisk

Panjang record : 63

Kunci Field : Idprogram

Software : PHPMyAdmin

Page 27: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

66

Tabel IV.12.

Spesifikasi File Program

No Elemen Data Nama Field Tipe Size Ket

1 Id Program Idprogram Int 11 Primary key

2 Nama Program Namaprogram Varchar 250

3 Target Kinerja target_kinerja Varchar 11

4 Satuan Satuan Varchar 30

5 Id Vimi Idvimi Varchar 11

10. Spesifikasi File Tahun

Nama File : Tahun

Akronim : Tahun

Fungsi : Menyimpan data tahun

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Radom

Media : Hardisk

Panjang record : 22

Kunci Field : Idtahun

Software : PHPMyAdmin

Page 28: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

67

Tabel IV.13.

Spesifikasi File Tahun

No Elemen Data Nama Field Tipe Size Ket

1 Id Tahun Idtahun Int 11 Primary Key

2 Tahuna Tahuna Int 11

3 Anggaran Anggaran Double

11. Spesifikasi File Tentang

Nama File : Tentang

Akronim : Tentang

Fungsi : Menyimpan data tentang

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Hardisk

Panjang record : 60

Kunci Field : Idtentang

Software : PHPMyAdmin

Page 29: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

68

Tabel IV.14.

Spesifikasi File Tentang

No Elemen Data Nama Field Tipe Size Ket

1 Id Tentang Idtentang Int 10 Primary Key

2 Judul Judul Varchar 50

3 Deskripsi Deskripsi Text

12. Spesifikasi File Visi Msi

Nama File : Visi Misi

Akronim : Visi Misi

Fungsi : Menyimpan data visi misi

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Hardisk

Panjang record : 902

Kunci Field : Idvimi

Software : PHPMyAdmin

Tabel IV.15.

Spesifikasi File Visi Misi

No Elemen Data Nama Field Tipe Size Ket

1 Id Vimi Idvimi Int 11

Page 30: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

69

2 Visi Visi Varchar 350

3 Misi Misi Varchar 500

4 Tahun Tahun Varchar 4

5 Id Tahun Idtahun Int 11

6 Status sStatus Varchar 20

13. Spesifikasi File Website

Nama File : Website

Akronim : Website

Fungsi : Menyimpan data website

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Hardisk

Panjang record : 421

Kunci Field : Id

Software : PHPMyAdmin

Tabel IV.16.

Spesifikasi File Website

No Elemen Data Nama Field Tipe Size Ket

1 Id Id Int 1 Primary Key

2 Nama Web Namaweb Varchar 50

Page 31: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

70

3 Alamat Alamat Varchar 50

4 Kota Kota Varchar 30

5 Telepon Telepon Varchar 20

6 Email Email Varchar 40

7 Facebook Facebook Varchar 50

8 Twitter Twitter Varchar 50

9 Instagram Instagram Varchar 50

10 Gplus Gplus Varchar 50

11 Gmap Gmap Varchar 30

12 Welcome Welcome Text

14. Spesifikasi File FileUp

Nama File : FileUp

Akronim : fileup

Fungsi : Menyimpan data file upload

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Hardisk

Panjang record : 11

Kunci Field : Idfile

Software : PhpMyAdmin

Page 32: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

71

Tabel IV.17.

Spesifikasi File FileUp

No Elemen Data Nama Field Tipe Size Ket

1 Nama File Nmfile Text

2 ID File Idfile Int 11 Primary Key

15. Spesifikasi File Pendapatan

Nama File : pendapatan

Akronim : pendapatan

Fungsi : menyimpan data pendapatan

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Hardisk

Panjang record : 62

Kunci Field : Idpdp

Software : PhpMyAdmin

Tabel IV.18.

Spesifikasi File Pendapatan

No Elemen Data Nama Field Tipe Size Ket

1 ID Pendapatan Idpdp Int 11 Primary Key

2 Sumber Sumber Varchar 40

Page 33: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

72

3 Anggaran Anggaran Double

4 Pajak Pajak Int 11

5 Bersih Double

16. Spesifikasi File Saran

Nama File : Saran

Akronim : Saran

Fungsi : menyimpan data Saran

Tipe File : File Master

Organisasi File : Index Squential

Akses File : Random

Media : Hardisk

Panjang record : 145

Kunci Field : Idsaran

Software : PhpMyAdmin

Tabel IV.19.

Spesifikasi File Saran

No Elemen Data Nama Field Tipe Size Ket

1 ID Saran Idsaran Int 11 Primary Key

2 ID Kegiatan Idkegiatan Int 11

3 Keterangan Keterangan Text

4 Nama Nama Varchar 75

Page 34: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

73

5 Alamat Alamat Varchar 35

6 Telepon Telepon Int 13

4.2.4. Class Model / Class Diagram

Gambar IV.20. Class Model/Class Diagram

Page 35: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

74

4.2.5. Sequence Diagram

Gambar IV.21. Sequence Diagram

4.2.6. Spesifikasi Hardware dan Software

1. Spesifikasi Hardware

Hardware merupakan perangkat komputer yang berfungsi sebagai alat input

data. Adapun spesifikasi perangkat keras yang mendukung dalam aplikasi ini adalah:

1. Server

a. Prosesor : Core i3 CPU

b. RAM : 2.00 GB

c. Harddisk : 500 GB

d. Sistem Operasi : Windows 8 32 bit

e. Keyboard : 86 tombol

f. Mouse : standar USB.

Page 36: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

75

g. Printer : Canon IP2770.

2. Client

a. Prosesor : Core i3 CPU

b. RAM : 2.00 GB

c. Harddisk : 500 GB

d. Keyboard : 108 tombol

e. Mouse : standar USB.

f. Printer : Canon IP2770.

g. Resolusi layar minimal 1028x768.

h. Koneksi minimal 100 Kbps

2. Spesifikasi Software

Perangkat Lunak merupakan salah satu bagian yang sangat penting yang

digunakan dalam menjalankan program aplikasi yang berisikan instruksi – instruksi

penggunaannya dan berhubungan dengan hardware yang digunakan.

Dalam hal ini, perangkat lunak yang digunakan oleh penulis adalah sebagai

berikut :

a. Sistem Operasi : Windows 8 Pro 32 Bit

b. Bahasa Pemrograman : HTML, PHP, CSS

c. Program Pendukung : Notepad++, Xampp, Mysql, PhpMyAdmin, Google

Chrome

Page 37: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

76

4.3. Implementasi dan Pengujian Unit

Pada tahap ini akan dilakukan implementasi dan pengujian terhadap sistem

yang baru. Tahapan implementasi sistem (sistem implementation) merupakan tahap

meletakan sistem supaya siap untuk dioperasikan. Tahap implementasi ini termasuk

juga kegiatan dalam menulis kode program jika tidak digunakan paket perangkat

lunak aplikasi. Setelah implentasi maka dilakukan pengujian sistem yang baru

dimana akan dilihat kekurangan-kekurangan pada aplikasi yang baru untuk

selanjutnya diadakan pengembangan sistem.

4.3.1. Implementasi

Implementasi dilakukan setelah perancangan selesai dan selanjutnya akan

diimplementasiksn pada bahasa pemrograman yang akan digunakan. Tujuan

implementasi yaitu untuk mengkonfirmasiskan modul program perancangan pada

para pelaku sistem sehingga user dapat memberi masukan kepada pembangun

sistem.

Gambar IV.22.Tampilan Halaman Login Desa/Admin

Page 38: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

77

Gambar IV.23.Tampilan Halaman Beranda Desa/Admin

Gambar IV.24.Tampilan Halaman Login Kecamatan

Page 39: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

78

Gambar IV.25.Tampilan Halaman Login Bupati

Gambar IV.26 Tampilan Halaman Dasboard Desa

Page 40: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

79

Gambar IV.27.Tampilan Halaman Data Buku Tamu pada Desa

Gambar IV.28..Tampilan Halaman Edit Data Buku Tamu

Page 41: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

80

Gambar IV.29.Tampilan Halaman Galeri pada Desa

Gambar IV.30.Tampilan Halaman Data Posting pada Desa

Page 42: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

81

Gambar IV.31.Tampilan Halaman Edit Data Posting

Gambar IV.32.Tampilan Halaman Data Tentang Kami

Page 43: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

82

Gambar IV.33.Tampilan Ubah Data Tentang Kami

Gambar IV.34.Tampilan Halaman Laporan Kegiatan

Page 44: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

83

Gambar IV.35.Tampilan Halaman Saran Masyarakat

Gambar IV.36.Tampilan Halaman Utama Website

4.3.2. Pengujian Unit

Dalam tahap ini dilakukan penguji terhadap aplikasi yang dibuat yang

memiliki validasi disetiap fromnya menggunakan blacbox testing yang fokus pada

proses masuskan dan keluaran aplikasi.

Page 45: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

84

Tabel IV.20.

Hasil Pengujian Black Box Testing Halaman login Administrator

No. Skenario

Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1.

Nama dan

Password

tidak diisi

kemudian

klik login

Nama: (kosong)

Password:

(kosong)

Sistem menolak

akses dan

muncul “Kolom

tidak boleh

kosong” pada

kolom nama

dan password .

Sesuai

Harapan Valid

2.

Nama diisi,

Password

tidak diisi

kemudian

klik login

Nama:

Admin(Benar)

Password:

(kosong)

Sistem menolak

akses dan

muncul “

Password tidak

boleh kosong”

pada kolom

Password.

Sesuai

Harapan Valid

3.

Nama dan

Password

diisi

kemudian

klik login

Nama:

Admin(Benar)

Password:

Admin(benar)

Sistem

menerima akses

dan

menampilkan

halaman utama

admin

Sesuai

Harapan Valid

Page 46: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

85

Tabel IV.21.

Hasil Pengujian Black Box Testing Halaman Tambah Desa

No. Skenario

Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1.

Nama,Alamat

,Nip

Penanggup

Jawab,E-

mail,Telepon,

Password

tidak diisi

lalu klik

simpan

Nama: (kosong)

Alamat:

(kosong)

Nip

Penanggung

jawab:

(kosong)

email: (kosong)

Telepon:

(kosong)

Password:

(kosong)

Sistem menolak

akses dan

muncul “Harus

diisi ” pada

kolom Setiap

Kolom.

Sesuai

Harapan Valid

2.

Nama,Alamat

,Nip

Penanggup

Jawa. E-mail

tidak

diisi,Telepon,

Password

diisi lalu klik

simpan

Nama: (mrs)

Alamat:

(Bojong)

Nip

Penanggung

jawab:

(252622523)

email: (kosong)

Telepon:

(085727353311

)

Password:

(111111)

Sistem menolak

akses dan

muncul “Harus

diisi” pada

kolom email.

Sesuai

Harapan Valid

3.

Nama,Alamat

,Nip

Penanggup

Jawa. E-mail

tidak

diisi,Telepon,

Password

diisi lalu klik

simpan

Nama: (mrs)

Alamat:

(Bojong)

Nip

Penanggung

jawab:

(252622523)

email:

([email protected]

Sistem

menerima akses

dan

menampilkan

halaman utama

Sesuai

Harapan Valid

Page 47: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

86

m)

Telepon:

(085727353311

)

Password:

(111111)

Tabel IV.22.

Hasil Pengujian Black Box Testing Halaman Tambah Kecamatan

No. Skenario

Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1.

Nama,Alamat

,Nip

Penanggung

Jawab,E-

mail,Telepon

dan password

tidak diisi

lalu klik

simpan

Nama: (kosong)

Alamat: (kosong)

Nip penanggung

jawab: (kosong)

Email: (kosong)

Telepon:

(kosong)

Password:

(kosong)

Sistem

menolak akses

dan muncul

“harus diisi”

pada setiap

kolom .

Sesuai

Harapan Valid

2.

Penanggung

Jawab tidak

diisi .

Nama,Alamat

,Nip,E-

mail,Telepon

dan password

diisi lalu klik

simpan

Nama: (Sodikin)

Alamat: (jl

lanyaskdba)

Nip penanggung

jawab: (kosong)

Email:

([email protected])

Telepon: (9999)

Password: (111)

System

menolak akses

dan muncul “

Harus diisi “

pada setiap

kolom

Sesuai

Harapan Valid

3.

Penanggung

Jawab .

Nama,Alamat

,Nip,E-

mail,Telepon

dan password

diisi benar

lalu klik

simpan

Nama: (Sodikin)

Alamat: (jl

lanyaskdba)

Nip penanggung

jawab: (111)

Email:

([email protected])

Telepon: (9999)

Password: (111)

System akan

menerima dan

data tersimpan

Sesua

Harapan Valid

Page 48: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

87

Tabel IV.23.

Hasil Pengujian Black Box Testing Tambah Bupati

No. Skenario

Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1.

Nama,Alamat

,Nip

Penanggung

Jawab,E-

mail,Telepon

dan password

tidak diisi

lalu klik

simpan

Nama: (kosong)

Alamat: (kosong)

Nip penanggung

jawab: (kosong)

Email: (kosong)

Telepon: (kosong)

Password:

(kosong)

Sistem

menolak akses

dan muncul

“harus diisi”

pada setiap

kolom.

Sesuai

Harapan Valid

2.

Penanggung

Jawab tidak

diisi .

Nama,Alamat

,Nip,E-

mail,Telepon

dan password

diisi lalu klik

simpan

Nama: (bup)

Alamat: (sdnal)

Nip penanggung

jawab: (kosong)

Email:

([email protected]

m)

Telepon:

(0845715235)

Password:

(252356632)

Sistem

menolak akses

dan muncul

“harus diisi”

pada kolom

penanggung

jawab

Sesuai

Harapan Valid

3.

Penanggung

Jawab .

Nama,Alamat

,Nip,E-

mail,Telepon

dan password

diisi benar

lalu klik

simpan

Nama: (bup)

Alamat: (sdnal)

Nip penanggung

jawab: (111)

Email:

([email protected]

m)

Telepon:

(0845715235)

Password:

(252356632)

System akan

menerima dan

data tersimpan

Sesuai

Harapan Valid

Page 49: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

88

Tabel IV.24.

Hasil Pengujian Black Box Testing Tambah Program

No. Skenario

Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1.

Program,

Target

Kinerja dan

Satuan tidak

diisi lalu klik

simpan

Program: (kosong)

Target Kinerja:

(kosong)

Satuan: (kosong)

Sistem

menolak akses

dan muncul

“harus diisi”

pada kolom

Program.

Sesuai

Harapan Valid

2.

Program,

Target diisi .

Kinerja dan

Satuan tidak

diisi lalu klik

simpan

Program: (Foging)

Target Kinerja:

(kosong)

Satuan: (kosong)

Sistem

menolak akses

dan muncul

“harus diisi”

pada kolom

Target kinerja .

Sesuai

Harapan Valid

3.

Program,

Target,

Kinerja diisi.

Satuan tidak

diisi lalu klik

simpan

Program: (Foging)

Target Kinerja:

(bersih)

Satuan: (kosong)

Sistem

menolak akses

dan muncul

“harus diisi”

pada kolom

satuan .

Sesuai

Harapan Valid

4.

Program,

Target,

Kinerja,

Satuan diisi

lalu klik

simpan

Program: (Foging)

Target Kinerja:

(bersih)

Satuan: (liter)

System akan

menerima dan

data tersimpan

Sesuai

Harapan Valid

Page 50: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

89

Tabel IV.25.

Hasil Pengujian Black Box Testing Daftar Hadir

No. Skenario

Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1.

Nama,emaild

an komentar

tidak diisi

lalu klik

kirim

Nama: (kosong)

Komentar:

(kosong)

Email: (kosong)

Sistem

menolak akses

dan muncul

“harus diisi”

pada setiap

kolom.

Sesuai

Harapan Valid

2.

Nama diisi

email salah

dan komentar

tidak diisi

lalu klik

kirim

Nama: (aaaa)

Komentar:

(Bagus)

Email: (1111)

Sistem

menolak akses

dan muncul

“please enter

email address”

pada setiap

email.

Sesuai

Harapan Valid

3.

Nama,email

dan komentar

diisi lalu klik

kirim

Nama: (aaaa)

Komentar:

(Bagus)

Email:

([email protected])

System akan

menerima dan

data tersimpan

Sesuai

Harapan Valid

Page 51: BAB IV PERANCANGAN SISTEM USULAN · Activity Diagram RAPBDES . 46 4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan 1. Nama Dokumen : Dokumen Pelaksanaan Anggaran Fungsi :

90