bab iv perancangan sistem usulan 4.1. tahapan ......7. sitem mencetak laporan alternate...

46

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem

4.1.1. Analisis Kebutuhan

Sistem informasi administrasi merupakan pengembangan sistem yang

dirancang penulis untuk Madrasah Ibtidaiyah (MI) Raudhatuttauhid dengan

menerapkan sebuah program berbasis web untuk menunjang proses kegiatan

administrasi.

1. Kebutuhan Pengguna

Dalam desain aplikasi administrasi sekolah yang penulis rancang, terdapat

tiga pengguna yang memiliki hak akses untuk dapat mengelola aplikasi, yaitu:

bendahara, kepala sekolah dan siswa. Ketiga pengguna tersebut memiliki

karakteristik interaksi sistem yang berbeda-beda dan memiliki kebutuhan informasi

yang berbeda-beda, berikut penjelasannya:

a. Skenario Kebutuhan Bendahara:

1) Melakukan login

2) Mengelola data siswa

3) Mengelola data alumni

4) Mengelola transaksi pembayaran infaq

5) Mengelola transaksi pembayaran tabungan

6) Mengelola transaksi pembayaran tagihan baju seragam

7) Mencetak seluruh laporan (laporan infaq, tagihan, uang masuk dan uang

keluar)

47

b. Skenario Kebutuhan Kepala Sekolah:

1) Melakukan login

2) Melihat seluruh laporan (laporan infaq, tagihan, uang masuk dan uang keluar)

c. Skenario Kebutuhan Siswa

1) Melihat data siswa

2) Melihat data guru

3) Melihat status pembayaran (tagihan, infaq, tabungan)

2. Kebutuhan Sistem

a. Sebelum mengakses aplikasi, pengguna harus melakukan proses penginputan

username dan password masing-masing di menu login.

b. Pengguna dapat mengedit, menghapus, tambah dan mencetak data.

c. Sistem dapat melakukan penyimpanan data.

d. Klik tombol logout jika pengguna aplikasi sudah selesai.

4.1.2. Rancangan Diagram Use Case

1. Use case diagram login bendahara & kepala sekolah

Gambar IV.1

Use Case Diagram Login Bendahara & Kepala Sekolah

48

Tabel IV.1

Deskripsi Use Case Login Bendahara & Kepala Sekolah

Use Case Name Login Bendahara dan Kepala sekolah

Requierement Pengguna dapat login menggunakan

username dan password masing-masing

Goal Pengguna dapat melihat pilihan pada

menu utama

Pre-Conditions Pengguna telah berhasil melakukan

login

Post-Conditions Jika login berhasil sistem menampilkan

menu utama serta sub-sub menu yang

sudah tersedia

Failed end Condition Login tidak berhasil, karena

username/password yang dimasukan

salah

Actors Bendahara dan Kepala sekolah

Main Flow/Basic Path 1. Pengguna menginput username dan

password

2. Sistem menampilkan menu utama

Alternate Flow/Invariant A A1. Sistem menampilkan menu utama

Invariant B B.1. Pengguna menginput username

dan password

B.2. Sistem menampilkan pesan

username atau password anda salah

2. Use case diagram menu data siswa oleh bendahara

Gambar IV.2

Use Case Diagram Menu Data Siswa

49

Tabel IV.2

Deskripsi Use Case Menu Data Siswa

Use Case Name Menu data siswa

Requierement Bendahara dapat menginput data siswa

Goal Menyimpan data siswa kedalam sistem

Pre-Conditions Bendahara telah melakukan login

Post-Conditions Dapat mengakses menu data siswa

Failed end Condition Data yang sudah di input tidak dapat

tersimpan

Actors Bendahara

Main Flow/Basic Path 1. Bendahara memilih menu data

siswa

2. Sistem menampilkan form data

siswa

3. Bendahara memilih tombol tambah

baru

4. Sistem menampilkan form tambah

siswa

5. Bendahara menginput data tambah

siswa

6. Bendahara mengklik tombol simpan

7. Sitem menyimpan data yang telah

di input

Alternate Flow/Invariant A A.1. sistem menyimpan data siswa

Invariant B B.1. Bendahara memilih menu data

siswa

B.2. Sistem menampilkan form data

siswa

B.3. Bendahara memilih tombol tambah

baru

B.4. Sistem menampilkan form tambah

siswa

B.5. Bendahara mengklik tombol

simpan

B.6. Sistem gagal menyimpan data,

karena data belum terisi lengkap atau

salah

50

3. Use case diagram menu data alumni oleh bendahara

Gambar IV.3

Use Case Diagram Menu Data Alumni

Tabel IV.3

Deskripsi Use Case Menu Data Alumni

Use Case Name Menu data alumni

Requierement Bendahara dapat melihat data alumni

Goal Bendahara dapat melihat data alumni

melalui web


Post-Conditions Dapat mengakses menu data alumni

Failed end Condition Tidak dapat melihat data alumni

Actors Bendahara

Main Flow/Basic Path 1. Bendahara memilih menu data

alumni

2. Bendahara mengetikkan nama siswa

3. Sistem menampilkan data alumni

yang dicari

Alternate Flow/Invariant A A.1. sistem menyimpan data alumni

51


alumni

B.2. Bendahara mengetikkan nama

siswa

B.3. Sistem menampilkan data alumni

yang dicari

B.4. Sistem tidak menemukan data

yang dicari

B.5. Sistem menampilkan “data yang

dicari tidak ditemukan"

4. Use case diagram menu data guru oleh bendahara

Gambar IV.4

Use Case Diagram Menu Data Guru

Tabel IV.4

Deskripsi Use Case Menu Data Guru

Use Case Name Menu data guru

Requierement Bendahara dapat menginput data guru

Goal Menyimpan data guru kedalam sistem


Post-Conditions Dapat mengakses menu data guru


tersimpan

Actors Bendahara

52

Main Flow/Basic Path 1. Bendahara memilih menu data guru


guru

3. Bendahara memilih tombol tambah

baru


guru

5. Bendahara menginput data tambah

guru



di input

Alternate Flow/Invariant A A.1. sistem menyimpan data guru


guru


guru

B.3. Bendahara memilih tombol tambah

baru

B.4. Sistem menampilkan form tambah

guru


simpan



salah

5. Use case diagram menu pembayaran (tagihan) oleh bendahara

Gambar IV.5

Use Case Diagram Menu Pembayaran (Tagihan)

53

Tabel IV.5

Deskripsi Use Case Menu Pembayaran (Tagihan)

Use Case Name Menu pembayaran tagihan

Requierement Bendahara dapat menambahkan data

tagihan

Goal Menyimpan data tagihan kedalam

sistem


Post-Conditions Dapat mengakses menu pembayaran

(tagihan)


tersimpan

Actors Bendahara

Main Flow/Basic Path 1. Bendahara memilih menu

pembayaran

2. Bendahara memilih tagihan


tagihan

4. Bendahara mencari data tagihan

5. Sistem menampilkan data tagihan

6. Bendahara menambahkan data

tagihan



di input

Alternate Flow/Invariant A A.1. sistem menyimpan data tagihan

Invariant B B.1. Bendahara memilih menu

pembayaran

B.2. Bendahara memilih tagihan

B.3.Sistem menampilkan form tambah

tagihan

B.4. Bendahara mencari data tagihan

B.5.Sistem menampilkan data tagihan

B.6.Bendahara menambahkan data

tagihan


simpan



salah

54

6. Use case diagram menu pembayaran (pembayaran infaq) oleh bendahara

Gambar IV.6

Use Case Diagram Menu Pembayaran (Pembayaran Infaq)

Tabel IV.6

Deskripsi Use Case Menu Pembayaran (Pembayaran Infaq)

Use Case Name Menu pembayaran (pembayaran infaq)

Requierement Bendahara dapat menambahkan data

pembayaran infaq

Goal Menyimpan data pembayaran infaq

kedalam sistem



(pembayaran infaq)


tersimpan

Actors Bendahara


pembayaran

2. Bendahara memilih pembayaran

infaq

3. Sistem menampilkan form bayar

infaq

4. Bendahara mencari data

pembayaran infaq

55

5. Sistem menampilkan data

pembayaran infaq


pembayaran infaq



di input

Alternate Flow/Invariant A A.1. sistem menyimpan data

pembayaran infaq


pembayaran

B.2. Bendahara memilih pembayaran

infaq

B.3.Sistem menampilkan form bayar

infaq

B.4. Bendahara mencari data

pembayaran infaq

B.5.Sistem menampilkan data

pembayaran infaq


pembayaran infaq


simpan



salah

7. Use case diagram menu pembayaran (tabungan) oleh bendahara

Gambar IV.7

Use Case Diagram Menu Pembayaran (Tabungan)

56

Tabel IV.7

Deskripsi Use Case Menu Pembayaran (Tabungan)

Use Case Name Menu pembayaran tabungan

Requierement Bendahara dapat menginput data

pembayaran dan pengambilan tabungan

Goal Menyimpan data pembayaran dan

pengambilan tabungan kedalam sistem



tabungan


tersimpan

Actors Bendahara


pembayaran

2. Bendahara memilih tabungan

3. Sistem menampilkan form tabungan

4. Bendahara mencari data tabungan

5. Sistem menampilkan data tabungan


pembayaran tabungan atau

pengambilan tabungan



di input

Alternate Flow/Invariant A A.1. sistem menyimpan data tabungan


pembayaran

B.2. Bendahara memilih tabungan

B.3.Sistem menampilkan form

tabungan

B.4. Bendahara mencari data tabungan

B.5.Sistem menampilkan data tabungan


pembayaran tabungan dan pengambilan

tabungan


simpan



salah

57

8. Use case diagram menu pembayaran (bayar tagihan) oleh bendahara

Gambar IV.8

Use Case Diagram Menu Pembayaran (Bayar Tagihan)

Tabel IV.8

Deskripsi Use Case Menu Pembayaran (Bayar Tagihan)

Use Case Name Menu pembayaran (bayar tagihan)

Requierement Bendahara dapat menginput data bayar

tagihan

Goal Menyimpan data bayar tagihan kedalam

sistem



(bayar tagihan)


tersimpan

Actors Bendahara


pembayaran

2. Bendahara memilih bayar tagihan

3. Sistem menampilkan form bayar

tagihan

4. Bendahara mencari data bayar

tagihan

5. Sistem menampilkan data bayar

tagihan

6. Bendahara menginput data bayar

tagihan


58


di input

Alternate Flow/Invariant A A.1. sistem menyimpan data bayar

tagihan


pembayaran

B.2. Bendahara memilih bayar tagihan

B.3.Sistem menampilkan form bayar

tagihan

B.4. Bendahara mencari data bayar

tagihan

B.5.Sistem menampilkan data bayar

tagihan

B.6.Bendahara menginput data bayar

tagihan


simpan



salah

9. Use case diagram menu laporan (laporan infaq)

Gambar IV.9

Use Case Diagram Menu Laporan (Laporan Infaq)

59

Tabel IV.9

Deskripsi Use Case Menu Laporan (Laporan Infaq)

Use Case Name Menu laporan (laporan infaq)

Requierement Bendahara/Kepala sekolah dapat

melihat laporan infaq

Goal Mencetak laporan infaq dari sistem

Pre-Conditions Bendahara/Kepala sekolah telah

melakukan login

Post-Conditions Dapat mengakses menu laporan

(laporan infaq)

Failed end Condition Data tidak tampil pada kelas yang

dipilih

Actors Bendahara, Kepala sekolah

Main Flow/Basic Path 1. Bendahara/Kepala sekolah memilih

menu laporan

2. Bendahara/Kepala sekolah memilih

laporan infaq

3. Sistem menampilkan form laporan

infaq

4. Bendahara/Kepala sekolah mencari

data laporan infaq perkelas

5. Sistem menampilkan laporan infaq

perkelas

6. Bendahara/Kepala sekolah

mengklik tombol cetak

7. Sitem mencetak laporan

Alternate Flow/Invariant A A.1. Sistem menampilkan laporan infaq

yang cari

Invariant B B.1. Bendahara/Kepala sekolah

memilih menu laporan

B.2. Bendahara/Kepala sekolah

memilih laporan infaq

B.3.Sistem menampilkan form laporan

infaq


mencari data laporan infaq

B.5. Laporan infaq tidak dapat

ditampilkan karena kelas yang di

inputkan salah

60

10. Use case diagram menu laporan (laporan tagihan)

Gambar IV.10

Use Case Diagram Menu Laporan (Laporan Tagihan)

Tabel IV.10

Deskripsi Use Case Menu Laporan (Laporan Tagihan)

Use Case Name Menu laporan (laporan tagihan)


melihat laporan tagihan

Goal Mencetak laporan tagihan dari sistem

Pre-Conditions Bendahara Bendahara/Kepala sekolah

telah melakukan login


(laporan tagihan)

Failed end Condition Data tidak tampil pada kelas yang

dipilih



menu laporan


laporan tagihan


tagihan


data laporan tagihan perkelas

5. Sistem menampilkan laporan

tagihan perkelas




Alternate Flow/Invariant A A.1. Sistem menampilkan laporan

tagihan yang dicari

61

Invariant B B.1. Bendahar/Kepala sekolah memilih

menu laporan


memilih laporan tagihan


tagihan


mencari data laporan tagihan perkelas

B.5. Laporan tagihan tidak dapat

ditampilkan karena kelas yang di

inputkan salah

11. Use case diagram menu laporan (laporan uang masuk)

Gambar IV.11

Use Case Diagram Menu Laporan (Laporan Uang Masuk)

Tabel IV.11

Deskripsi Use Case Menu (Laporan Uang Masuk)

Use Case Name Menu laporan (laporan uang masuk)


melihat laporan uang masuk

Goal Mencetak laporan uang masuk dari

sistem


melakukan login


(lapotan uang masuk)

Failed end Condition Data tidak tampil pada periode yang

dipilih

62



menu laporan


laporan uang masuk


uang masuk


data laporan uang masuk perperiode

5. Sistem menampilkan laporan uang

masuk perperiode




Alternate Flow/Invariant A A.1. Sistem menampilkan laporan uang

masuk yang dicari




memilih laporan uang masuk


uang masuk


mencari data laporan uang masuk

perperiode

B.5. Laporan uang masuk tidak dapat

ditampilkan pada periode yang dipilih

karena periode yang di inputkan salah

12. Use case diagram menu laporan (laporan uang keluar)

Gambar IV.12

Use Case Diagram Menu Laporan (Laporan Uang Keluar)

63

Tabel IV.12

Deskripsi Use Case Menu Laporan (Laporan Uang Keluar)

Use Case Name Menu laporan (laporan uang keluar)


melihat laporan uang keluar

Goal Mencetak laporan uang keluar dari

sistem


melakukan login


(laporan uang keluar)

Failed end Condition Data tidak tampil pada periode yang

dipilih

Actors Bendahara, Kapala sekolah


menu laporan


laporan uang keluar


uang keluar


data laporan uang keluar perperiode

5. Sistem menampilkan laporan uang

keluar perperiode




Alternate Flow/Invariant A A.1. Sistem menampilkan laporan uang

keluar yang dicari




memilih laporan uang keluar


uang keluar


mencari data laporan uang keluar

perperiode

B.5. Laporan uang keluar tidak dapat

ditampilkan pada periode yang dipilih

karena periode yang di inputkan salah

64

13. Use case diagram login siswa

Gambar IV.13

Use Case Diagram Login Siswa

Tabel IV.13

Deskripsi Use Case Login Siswa

Use Case Name Login Siswa

Requierement Pengguna dapat login menggunakan

username dan password masing-masing

Goal Pengguna dapat melihat pilihan pada

menu utama

Pre-Conditions Pengguna telah berhasil melakukan

login

Post-Conditions Jika login berhasil sistem menampilkan

menu utama serta sub-sub menu yang

sudah tersedia

Failed end Condition Login tidak berhasil, karena

username/password yang dimasukan

salah

Actors Siswa

Main Flow/Basic Path 1. Pengguna menginput username dan

password

2. Sistem menampilkan menu utama

Alternate Flow/Invariant A A1. Sistem menampilkan menu utama

Invariant B B.1. Pengguna menginput username

dan password

B.2. Sistem menampilkan pesan

username atau password anda salah

65

14. Use case diagram menu data siswa oleh siswa

Gambar IV.14

Use Case Diagram Menu Data Siswa

Tabel IV.14

Deskripsi Use Case Menu Data Siswa

Use Case Name Menu data siswa

Requierement Siswa dapat melihat data siswa

Goal Dapat melihat data siswa melalui web

Pre-Conditions Siswa telah melakukan login

Post-Conditions Dapat mengakses menu data siswa

Failed end Condition Data yang dicari tidak ditemukan

Actors Siswa

Main Flow/Basic Path 1. Siswa memilih menu data siswa


siswa

3. Siswa mencari data yang diinginkan

4. Sistem menampilkan data yang

dicari

Alternate Flow/Invariant A A.1. sistem menampilkan data siswa

yang dicari

Invariant B B.1. Siswa memilih menu data siswa


siswa

B.3. Siswa mencari data yang

diinginkan

B.4. Data siswa tidak dapat ditampilkan

karena data yang di inputkan salah

66

15. Use case diagram menu data guru oleh siswa

Gambar IV.15

Use Case Diagram Menu Data Guru

Tabel IV.15

Deskripsi Use Case Menu Data Guru

Use Case Name Menu data guru

Requierement Siswa dapat melihat data guru

Goal Dapat melihat data guru melalui web

Pre-Conditions Siswa telah melakukan login

Post-Conditions Dapat mengakses menu data guru

Failed end Condition Data yang dicari tidak ditemukan

Actors Siswa

Main Flow/Basic Path 1. Siswa memilih menu data guru


guru

3. Siswa mencari data yang diinginkan

4. Sistem menampilkan data yang

dicari

Alternate Flow/Invariant A A.1. sistem menampilkan data guru

yang dicari

Invariant B B.1. Siswa memilih menu data guru


guru

B.3. Siswa mencari data yang

diinginkan

B.4. Data siswa tidak dapat ditampilkan

karena data yang di inputkan salah

67

16. Use case diagram menu status pembayaran (tagihan)

Gambar IV.16

Use Case Diagram Menu Status Pembayaran (Tagihan)

Tabel IV.16

Deskripsi Use Case Menu Status Pembayaran (Tagihan)

Use Case Name Menu status pembayaran (tagihan)

Requierement Siswa dapat melihat status pembayaran

(tagihan)

Goal Dapat melihat status pembayaran

(tagihan) melalui web

Pre-Conditions Siswa melakukan login

Post-Conditions Dapat mengakses menu status

pembayaran (tagihan)

Failed end Condition Login gagal sehingga tidak dapat

mengakses menu status pembayaran

(tagihan)

Actors Siswa

Main Flow/Basic Path 1. Siswa memilih menu pembayaran

2. Siswa memilih tagihan

3. Sistem menampilkan form detail

tagihan

Alternate Flow/Invariant A A.1. sistem menampilkan form data

tagihan

68

17. Use case diagram menu status pembayaran (infaq)

Gambar IV.17

Use Case Diagram Menu Status Pembayaran (Infaq)

Tabel IV.17

Deskripsi Use Case Menu Status Pembayaran (Infaq)

Use Case Name Menu status pembayaran (infaq)


(infaq)


(infaq) melalui web



pembayaran (infaq)



(infaq)

Actors Siswa


2. Siswa memilih infaq

3. Sistem menampilkan form status

pembayaran infaq

Alternate Flow/Invariant A A.1. sistem menampilkan form status

pembayaran infaq

69

18. Use case diagram menu status pembayaran (tabungan)

Gambar IV.18

Use Case Diagram Menu Status Pembayaran (Tabungan)

Tabel IV.18

Deskripsi Use Case Menu Status Pembayaran (Tabungan)

Use Case Name Menu status pembayaran (tabungan)


(tabungan)


(tabungan) melalui web



pembayaran (tabungan)



(tabungan)

Actors Siswa


2. Siswa memilih tabungan

3. Sistem menampilkan form info

tabungan

Alternate Flow/Invariant A A.1. sistem menampilkan form info

tabungan

70

19. Use case diagram menu profile saya

Gambar IV.19

Use Case Diagram Menu Profile Saya

Tabel IV.19

Deskripsi Use Case Menu Profile Saya

Use Case Name Menu profile saya

Requierement Siswa dapat melihat profile saya

Goal Dapat melihat profile saya melalui web


Post-Conditions Dapat mengakses menu profile saya


mengakses menu profile saya

Actors Siswa

Main Flow/Basic Path 1. Siswa memilih menu profile saya

2. Sistem menampilkan form profile

saya

Alternate Flow/Invariant A A.1. Sistem menampilkan form profile

saya

71

4.1.3. Rancangan Diagram Aktivitas

1. Activity diagram menu login bendahara dan kepala sekolah

Gambar IV.20

Activity Diagram Menu Login Bendahara & Kepala Sekolah

72

2. Activity diagram menu data siswa

Gambar IV.21

Activity Diagram Menu Data Siswa

73

3. Activity diagram menu data alumni

Gambar IV.22

Activity Diagram Menu Data Alumni

74

4. Activity diagram menu data guru

Gambar IV.23

Activity Diagram Menu Data Guru

75

5. Activity diagram menu pembayaran (tagihan)

Gambar IV.24

Activity Diagram Menu Pembayaran (Tagihan)

76

6. Activity diagram menu pembayaran (pembayaran infaq)

Gambar IV.25

Activity Diagram Menu Pembayaran (Pembayaran Infaq)

77

7. Activity diagram menu pembayaran (tabungan)

Gambar IV.26

Activity Diagram Menu Pembayaran (Tabungan)

78

8. Activity diagram menu pembayaran (bayar tagihan)

Gambar IV.27

Activity Diagram Menu Pembayaran (Bayar Tagihan)

79

9. Activity diagram menu laporan (laporan infaq)

Gambar IV.28

Activity Diagram Menu Laporan (Laporan Infaq)

80

10. Activity diagram menu laporan (laporan tagihan)

Gambar IV.29

Activity Diagram Menu Laporan (Laporan Tagihan)

81

11. Activity diagram menu laporan (laporan uang masuk)

Gambar IV.30

Activity Diagram Menu Laporan (Laporan Uang Masuk)

82

12. Activity diagram menu laporan (laporan uang keluar)

Gambar IV.31

Activity Diagram Menu Laporan (Laporan Uang Keluar)

83

13. Activity diagram login siswa

Gambar IV.32

Activity Diagram Login Siswa

84

14. Activity diagram menu data siswa yang diakses oleh siswa

Gambar IV.33

Activity Diagram Menu Data Siswa

85

15. Activity diagram menu data guru yang diakses oleh siswa

Gambar IV.34

Activity Diagram Menu Data Guru

86

16. Activity diagram menu status pembayaran (tagihan) yang diakses oleh siswa

Gambar IV.35

Activity Diagram Menu Status Pembayaran (Tagihan)

17. Activity diagram menu status pembayaran (infaq) yang diakses oleh siswa

Gambar IV.36

Activity Diagram Menu Status Pembayaran (Infaq)

87

18. Activity diagram menu status pembayaran (tabungan) yang diakses oleh siswa

Gambar IV.37

Activity Diagram Menu Status Pembayaran (Tabungan)

19. Activity diagram menu profil saya yang diakses oleh siswa

Gambar IV.38

Activity Diagram Menu Profil Saya

88

4.1.4. Rancangan Dokumen Sistem Usulan

Spesifikasi sistem yang berjalan memerlukan data atau input sebagai bahan

masukan untuk proses, yang mana nantinya akan menghasilkan suatu bentuk

keluaran. Adapun spesifikasi sistem pembayaran infaq dan tabungan siswa MI

Raudhatuttauhid sebagai berikut:

A. Spesifikasi Bentuk Dokumen Masukan

Dokumen masukan adalah segala bentuk masukan yang berupa dokumen dan

diolah dalam proses agar mendapatkan keluaran yang di inginkan. Adapun

spesifikasi sistem pembayaran infaq, pembayaran tabungan, pengambilan

tabungan dan pembelian seragam sekolah pada MI Raudhatuttauhid sebagai

berikut:

1. Nama Dokumen : Data pembelian baju seragam sekolah

Fungsi : Sebagai informasi pembelian baju seragam sekolah

Sumber : Bendahara

Tujuan : Siswa

Media : Komputer

Jumlah : -

Frekuensi : Setiap penerimaan murid baru

Bentuk : Lihat Lampiran C.1

2. Nama Dokumen : Data siswa

Fungsi : Sebagai data siswa perkelas

Sumber : Wali kelas

Tujuan : Bendahara

Media : Komputer

89

Jumlah : -

Frekuensi : Setiap pergantian tahun ajaran

Bentuk : Lihat Lampiran C.2

B. Spesifikasi Bentuk Dokumen Keluaran

Dokumen keluaran adalah segala bentuk hasil dari proses pengolahan yang

terjadi pada suatu sistem melalui dokumen ini maka akan dihasilkan bentuk

laporan. Adapun spesifikasi sistem pembayaran infaq, pembayaran tabungan,

pengambilan tabungan dan pembelian seragam sekolah pada MI Raudhatuttauhid

sebagai berikut:

1. Nama Dokumen : Bukti pembayaran baju seragam sekolah

Fungsi : Sebagai bukti pembayaran baju seragam sekolah

Sumber : Bendahara

Tujuan : Siswa

Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap transaksi pembayaran baju seragam sekolah

Bentuk : Lihat Lampiran D.1

2. Nama Dokumen : Laporan infaq

Fungsi : Sebagai data transaksi pembayaran infaq siswa

Sumber : Bendahara

Tujuan : Kepala sekolah

Media : Kertas

Jumlah : 1 Lembar

Frekuensi : Setiap pergantian bulan


90

3. Nama Dokumen : Laporan uang masuk

Fungsi : Sebagai data transaksi pembayaran infaq, pembayaran

tabungan dan pembelian baju seragam sekolah

Sumber : Bendahara


Media : Kertas

Jumlah : 1 Lembar



4. Nama Dokumen : Laporan uang keluar

Fungsi : Sebagai data transaksi pengambilan tabungan siswa

Sumber : Bendahara


Media : Kertas

Jumlah : 1 Lembar



91

4.1.5. Rancangan Prototype

1. Rancangan prototype form login bendahara & kepala sekolah

Gambar IV.39

Prototype Form Login Bendahara & Kepala Sekolah

2. Rancangan prototype menu utama bendahara & Kepala sekolah

Gambar IV.40

Prototype Menu Utama Bendahara & Kepala Sekolah

92

3. Rancangan prototype form data siswa pada bendahara

Gambar IV.41

Prototype Form Data Siswa Pada Bendahara

4. Rancangan prototype form data alumni pada bendahara

Gambar IV.42

Prototype Form Data Alumni Pada Bendahara

93

5. Rancangan prototype form data guru pada bendahara

Gambar IV.43

Prototype Form Data Guru Pada Bendahara

6. Rancangan prototype menu pembayaran (tagihan)

Gambar IV.44

Prototype Menu Pembayaran (tagihan)

94

7. Rancangan prototype menu pembayaran (pembayaran infaq)

Gambar IV.45

Prototype Menu Pembayaran (pembayaran infaq)

8. Rancangan prototype menu pembayaran (tabungan)

Gambar IV.46

Prototype Menu Pembayaran (tabungan)

95

9. Rancangan prototype menu pembayaran (bayar tagihan)

Gambar IV.47

Prototype Menu Pembayaran (bayar tagihan)

10. Rancangan prototype menu laporan (laporan infaq)

Gambar IV.48

Prototype Menu Laporan (laporan infaq)

96

11. Rancangan prototype menu laporan (laporan tagihan)

Gambar IV.49

Prototype Menu Laporan (laporan tagihan)

12. Rancangan prototype menu laporan (laporan uang masuk)

Gambar IV.50

Prototype Menu Laporan (laporan uang masuk)

97

13. Rancangan prototype menu laporan (laporan uang keluar)

Gambar IV.51

Prototype Menu Laporan (laporan uang keluar)

14. Rancangan prototype form data Admin

Gambar IV.52

Prototype Form Data Admin

98

15. Rancangan prototype menu pengaturan (jenis pembayaran)

Gambar IV.53

Prototype Menu Pengaturan (jenis pembayaran)

16. Rancangan prototype menu pengaturan (profil sekolah)

Gambar IV.54

Prototype Menu Pengaturan (profil sekolah)

99

17. Rancangan prototype form login siswa

Gambar IV.55

Prototype Form Login Siswa

18. Rancangan prototype menu utama siswa

Gambar IV.56

Prototype Menu Utama Siswa

100

19. Rancangan prototype menu data siswa yang diakses oleh siswa

Gambar IV.57

Prototype Menu Data Siswa Yang Diakses Oleh Siswa

20. Rancangan prototype menu data guru yang diakses oleh siswa

Gambar IV.58

Prototype Menu Data Guru Yang Diakses Oleh Siswa

101

21. Rancangan prototype menu status pembayaran (tagihan)

Gambar IV.59

Prototype Menu Status Pembayaran (tagihan)

22. Rancangan prototype menu status pembayaran (infaq)

Gambar IV.60

Prototype Menu Status Pembayaran (infaq)

102

23. Rancangan prototype menu status pembayaran (tabungan)

Gambar IV.61

Prototype Menu Status Pembayaran (tabungan)

24. Rancangan prototype menu profile saya yang diakses oleh siswa

Gambar IV.62

Prototype Menu Profile Saya Yang Diakses Oleh Siswa

103

4.2. Perancangan Perangkat Lunak

4.2.1. Entity Relationship Diagram (ERD)

Gambar IV.63

Entity Relationship Diagram (ERD)

4.2.2. Logical Record Structure (LRS)

Gambar IV.64

Logical Record Structure (LRS)

104

4.2.3. Spesifikasi File

1. Spesifikasi File Guru

Nama File : guru

Akronim : guru.myd

Fungsi : Sebagai tempat menyimpan data guru

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 216 karakter/byte

Kunci Field : id_guru

Software : Mysql

Tabel IV.20

Spesifikasi File Tabel Guru

No Elemen Data Nama File Tipe Size Keterangan

1 Id Guru Id_guru Integer 11 Primary

Key

2 Nik Nik Varchar 50

3 Nama Nama Varchar 45

4 Jenis Kelamin Jenkel Varchar 15

5 Tempat Tempat Varchar 30

6 Tanggal Lahir Tanggallahir Date

7 Email Email Varchar 30

8 Jenis Jenis Varchar 25

9 Status Status Varchar 10

2. Spesifikasi File Infaq

Nama File : infaq

Akronim : infaq.myd

Fungsi : Sebagai tempat menyimpan data pembayaran infaq

105

Tipe File : File Transaksi


Akses File : Random

Media : Harddisk


Kunci Field : id_infaq

Software : Mysql

Tabel IV.21

Spesifikasi File Tabel Infaq


1 Id Infaq Id_infaq Integer 11 Primary

Key

2 Nis Nis Varchar 20


4 Kelas Kelas Varchar 15

5 Juli Juli Integer 11

6 Agustus Agustus Integer 11

7 September September Integer 11

8 Oktober Oktober Integer 11

9 November November Integer 11

10 Desember Desember Integer 11

11 Januari Januari Integer 11

12 Februari Februari Integer 11

13 Maret Maret Integer 11

14 April April Integer 11

15 Mei Mei Integer 11

16 Juni Juni Integer 11

3. Spesifikasi File Jenis Bayaran

Nama File : jenis bayaran

Akronim : jenis bayaran.myd

Fungsi : Sebagai tempat menyimpan data jenis bayaran


106


Akses File : Random

Media : Harddisk


Kunci Field : kode

Software : Mysql

Tabel IV.22

Spesifikasi File Tabel Jenis Bayaran


1 Kode Kode Varchar 15 Primary

Key


3 Jumlah Jumlah Double

4. Spesifikasi File Kas

Nama File : kas

Akronim : kas.myd

Fungsi : Sebagai tempat menyimpan data uang masuk dan uang keluar



Akses File : Random

Media : Harddisk


Kunci Field : id_kas

Software : Mysql

107

Tabel IV.23

Spesifikasi File Tabel Kas


1 Id Kas Id_kas Integer 11 Primary

Key



4 Kode Kode Varchar 30

5 Jenis Jenis Integer 20

6 Jumlah Jumlah Integer 11

7 Tanggal Tanggal Date

8 Tipe Tipe Varchar 15

5. Spesifikasi File Kelas

Nama File : kelas

Akronim : kelas.myd

Fungsi : Sebagai tempat menyimpan data kelas



Akses File : Random

Media : Harddisk


Kunci Field : id_kelas

Software : Mysql

Tabel IV.24

Spesifikasi File Tabel Kelas


1 Id Kelas Id_kelas Integer 11 Primary

Key


108

6. Spesifikasi File Pengaturan

Nama File : pengaturan

Akronim : pengaturan.myd

Fungsi : Sebagai tempat menyimpan data profile sekolah



Akses File : Random

Media : Harddisk


Kunci Field : id_pengaturan

Software : Mysql

Tabel IV.25

Spesifikasi File Tabel Pengaturan


1 Id Pengaturan Id_pengaturan Integer 11 Primary

Key


3 Alamat Alamat Text

4 Nomer Telepon Notelp Varchar 15

5 Logo Logo Varchar 100

6 Jumlah Infaq Jumlahinfaq Double

7. Spesifikasi File Siswa

Nama File : siswa

Akronim : siswa.myd

Fungsi : sebagai tempat menyimpan data siswa



109

Akses File : Random

Media : Harddisk


Kunci Field : nis

Software : Mysql

Tabel IV.26

Spesifikasi File Tabel Siswa


1 Nis Nis Varchar 20 Primary

Key


3 Jenis Kelamin Jenkel Varchar 15

4 Tempat Tempat Varchar 30

5 Tanggal Lahir Tanggallahir Date


7 Nama Ibu Namaibu Varchar 45

8 Nama Ayah Namaayah Varchar 45

9 Tahun Ajaran Tahunajaran Varchar 15

10 Status Status Varchar 15

11 Tahun Lulus Tahunlulus Integer 11

8. Spesifikasi File Tagihan

Nama File : tagihan

Akronim : tagihan.myd

Fungsi : Sebagai tempat menyimpan data tagihan



Akses File : Random

Media : Harddisk


110

Kunci Field : id_tagihan

Software : Mysql

Tabel IV.27

Spesifikasi File Tabel Tagihan


1 Id Tagihan Id_tagihan Integer 11 Primary

Key




5 Kode Kode Varchar 15


7 Keterangan keterangan Text

8 Jumlah Jumlah Integer 11

9 Terbayar Terbayar Double

10 Tersisa Tersisa Double

9. Spesifikasi File Admin

Nama File : admin

Akronim : admin.myd

Fungsi : Sebagai tempat menyimpan data admin



Akses File : Random

Media : Harddisk


Kunci Field : username

Software : Mysql

111

Tabel IV.28

Spesifikasi File Tabel Admin


1 Username Username Varchar 20 Primary

Key


3 Password Password Varchar 15

4 Hak Akses Hakakses Varchar 15

4.2.4. Class Model / Class Diagram

Gambar IV.65

Class Model / Class Diagram

112

4.2.5. Sequence Diagram

1. Sequence Diagram Bayar Tagihan

Gambar IV.66

Sequence Diagram Bayar Tagihan

2. Sequence Diagram Bayar Tabungan

Gambar IV.67

Sequence Diagram Bayar Tabungan

113

3. Sequence Diagram Pembayaran Infaq

Gambar IV.68

Sequence Diagram Pembayaran Infaq

4.2.6. Spesifikasi Hardware dan Software

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

a) Processor Intel(R) Core(MT) i3-4005U

b) RAM 2 GB

c) Hard Disk 145 GB

2) Keyboad

b. Client

1) CPU

114

a) Processor Intel(R) Core(MT) i3-4005U

b) RAM 2 GB

c) Hard Disk 145 GB

2) Keyboard

2. Spesifikasi Perangkat Lunak

a. Server

1) Sistem Operasi: Microsoft Windows

2) Web Server: Xampp

3) Web Browser: Mozilla Firefox dan Google Chrome

b. Client

1) Sistem Operasi: Microscoft Windows

2) Web Browser: Mozilla Firefox dan Google Chrome.

115

4.3. Jadwal Implementasi

Tabel IV.29

Jadwal Implementasi

WAKTU

No KEGIATAN BULAN I BULAN II BULAN III

1 2 3 4 1 2 3 4 1 2 3 4

1. Penyusunan dan Pengajuan

Judul

2. Persiapan Data Awal

3. Analisa

4. Pengumpulan Data

6. Penyusunan Laporan

7. Desain Perangkat Lunak

8. Desain Program

9. Pembuatan Rancangan dan

Tes Desain Program

bab iv perancangan sistem usulan 4.1. tahapan ......7. sitem mencetak laporan alternate...

Documents