BEKASI
Makalah Ini Disusun Dalam Rangka Pemenuhan Nilai Ujian Akhir Semester (UAS)
Disusun Oleh :
Elisabet : 11161181
Segala puji serta syukur kami panjatkan kehadirat Allah SWT atas segala limpahan
Rahmat, Inayah, Taufik dan Hinayahnya sehingga kami dapat menyusun dan menyajikan
Makalah Desain Pengembangan Sistem Informasi Akutansi ini yang berisi tentang Cara
Pembayaran SPP di SDIT Al Fikroh. Tujuan dari penulisan makalah ini dibuat untuk
memenuhi syarat kelulusan mata kuliah Desain Pengembangan Sistem Informasi Akuntansi
pada program Diploma III Akademik Manajemen Informatika dan Komputer, Bina Sarana
Informatika Bekasi.
Tak lupa pula kami mengucapkan terima kasih kepada berbagai pihak yang telah
2. Ibu Sari Hartini, M.Kom sebagai dosen mata kuliah Desain Pengembangan Sistem
Informasi Akuntansi kelas 11.5A.05 yang telah memberikan bimbingan, arahan, saran
4. Ibu Siti Nurmala sebagai staf pegawai Tata Usaha/TU pada SDIT Al Fikroh
Kami menyadari bahwa dalam penyusunan Makalah Sistem Informasi Akutansi ini
masih terdapat banyak kekurangan dan jauh dari kesempurnaan. Oleh karna itu, kami
mengharapkan keritik serta saran yang membangun guna menyempurnakan makalah ini dan
Penyusun
ii
DAFTAR ISI
BAB I ......................................................................................................................................... 6
PENDAHULUAN ..................................................................................................................... 6
iii
2.1.5 Pengertian Sistem Informasi .............................................................................. 15
iv
3.4.2 Logical Record Structure (LRS) ........................................................................ 35
BAB IV .................................................................................................................................... 57
PENUTUP................................................................................................................................ 57
4.1 Kesimpulan................................................................................................................ 57
LAMPIRAN-LAMPIRAN ...................................................................................................... 64
v
DAFTAR SIMBOL
ACTIVITY DIAGRAM
Initial/Start point
Activity/Action
Decision
Fork / Percabangan
Asosiasi percabangan dimana jika ada pilihan aktivitas lebih dari satu.
Join / Penggabungan
Swimlane
vi
USE CASE DIAGRAM
vii
SEQUENCE DIAGRAM
viii
DAFTAR GAMBAR
Halaman
ix
Gambar 3.24 User Interface Halaman Pembayaran SPP ................................................. 46
x
DAFTAR TABEL
Halaman
Tabel 3.4 Hasil Pengujian Blackbox Testing Login Kepala Sekolah ........................... 55
xi
DAFTAR LAMPIRAN
Halaman
xii
BAB I
PENDAHULUAN
pembelajarannya atau untuk sekedar pemberian informasi dan kegiatan penyimpanan data
siswa serta yang berkaitan dengan pembayaran, penulis meneliti sistem pembayaran spp pada
SDIT Al Fikroh yang sampai sekarang masih menggunakan sistem manual atau belum
terkomputerisasi, maka kami melakukan analisa terutama pada sistem pembayaran spp untuk
Manfaat komputer sudah tidak kita ragukan lagi, karena dengan adanya komputer kita
dapat melakukan pekerjaan dengan mudah dan cepat. Namun dalam perkembangan dan
kemajuan komputer pasti ada dampak positif dan dampak negatif pada dunia informasi.
Dampak positif dari adanya komputer yaitu proses data dan informasi menjadi tulang
punggung dan dapat dilakukan dengan cepat, akurat dan tepat waktu, sedangkan dampak
negatifnya adalah timbulnya kejahatan dan penyelewengan dari pengguna komputer tersebut.
Akan tetapi terlepas dari semua itu bahwa kemajuan teknologi dapat mendukung pengolahan
Untuk itu maka diperlukan suatu sistem yang terkomputerisasi dalam rangka
memberikan informasi kepada para pegawai dan pihak lainnya secara tepat cepat dan akurat,
berdasarkan uraian diatas maka penulis tertarik untuk menganalisis sistem pembayaran spp
FIKROH”
6
1.2 Maksud & Tujuan
Maksud penulisan untuk memenuhi tugas riset pada Mata Kuliah DPSIA ini adalah :
2. Mengetahui cara kerja sistem yang ada apakah sudah terkomputerisasi atau belum
3. Untuk mengetahui sistem yang baik sebagai solusi terhadap masalah yang dihadapi
Tujuan dalam penulisan tugas riset ini adalah untuk memenuhi salah satu tugas DPSIA
kuliah Diploma Tiga (D-III) Jurusan Sistem Informasi Akuntansi pada Akademik Manajemen
Informatika dan Komputer Bina Sarana Informatika dan Komputer Bina Sarana Informatika
(AMIK BSI).
dalam rangka pembangunan sistem informasi pembayaran SPP pada sekolah tersebut.
Penelitian diawali dengan mengidentifikasi layanan pada sekolah yang didapatkan dari hasil
a. Observasi
Kami mendatangi langsung lokasi yang menjadi tempat tujuan kami melakukan riset
yaitu pada SDIT Al Fikroh. Untuk menganalisa bagaimana proses sistem pembayaran
7
b. Wawancara
Kami melakukan wawancara pada salah staf pegawai bagian Tata Usaha/TU yaitu
c. Studi Pustaka
1. Mencari literatur yang berisi teori-teori yang berkaitan dengan masalah yang
2. Sebagai sumber data sekunder (secondary data), termasuk data publik dan data
perangkat lunak baru untuk menggantikan perangkat lunak lama secara keseluruhan atau
memperbaiki perangkat lunak yang telah ada agar lebih cepat dan tepat.
Pada tahap ini metodologi yang digunakan mengadopsi dari model waterfall. Metode
kemajuan dipandang sebagai terus mengalir ke bawah (seperti air terjun) melewati fase-
8
Analisis Pemrograman Testing/ Feedback/
Mulai Coding Kesimpulan Selesai
Dan Uji Coba
Perancanga
1. Analisis
Berbasis Android. Hal ini dikarenakan Android adalah termasuk sistem operasi yang
Open Source. Karena berbasiskan Open Source Software maka dukungan komunitas
Android sangat kuat karena para developer tidak hanya berasal dari satu tempat
2. Coding
Pada tahap ini menterjemahkan kebutuhan dari proses desain ke dalam coding
3. Uji Coba
Pada tahap uji coba dan evaluasi, penulis akan uji coba fungsi-fungsi yang
diterapkan pada aplikasi tersebut. Hal ini untuk mengetahui bahwa definisi
smartphone.
4. Kesimpulan
Pada tahap kesimpulan, penulis akan memberi kesimpulan dari tahapan-tahapan studi
9
1.4 Ruang Lingkup
Agar dalam pembahasan lebih terarah dan berjalan dengan baik maka perlu adanya
1. Tugas ini membahas tentang pembayaran SPP melalui program yang bisa di akses oleh
Admin Tata Usaha dan Kepala Sekolah.
3. Informasi yang di sampaikan ke siswa berupa tarif pembayaran SPP, tagihan SPP yang
belum dibayar, dan data SPP yang telah dibayar.
4. Informasi yang disampaikan ke kepala sekolah berupa laporan setiap semester dan setiap
tahun.
5. Input Data terdiri dari data kelas, data tarif spp, data siswa, dan data user.
10
BAB II
LANDASAN TEORI
Menurut Tatat Sutabri dalam Deni Kusmana dan Heri Kuswara (2017) “ Konsep Dasar
Sistem Informasi suatu sistem dapat diartikan sebagai suatu kumpulan atau himpunan dari
unsur, komponen, atau variabel yang terorganisir, saling berinteraksi, saling tergantung satu
Menurut Jogianto dalam Deni Kusmana dan Heri Kuswara (2017) “ Informasi adalah
data yang diolah menjadi bentuk yang berguna dan lebih berarti bagi penerimanya”.
Secara lengkap pengertian Sistem Informasi menurut Mulyanto dalam Deni Kusmana
dan Heri Kuswara (2017) “sistem informasi adalah suatu sistem yang terdiri dari kumpulan
komponen sistem, yaitu software, hardware dan brainware yang memproses informasi
menjadi sebuah output yang berguna untuk mencapai suatu tujuan tertentu dalam suatu
organisasi”.
Menurut Binanto Deni Kusmana dan Heri Kuswara (2017), “Program adalah
himpunan atau kumpulan instruksi tertulis yang dibuat oleh programmer atau suatu bagian
11
2.1.1 Pengertian Sistem
Menurut Hall dalam Mardi (2014:3) :”Sistem adalah sekelompok, dua atau lebih
komponen yang saling berkaitan yang bersatu untuk mencapai tujuan yang sama”.
Sedangkan menurut Sutabri (2012:3) :“Suatu sistem diartikan sebagai suatu kumpulan
atau himpunan dari unsur, komponen atau variabel-variabel yang terorganisir, saling
Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi artinya saling
elemen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem. Setiap
subsistem mempunyai sifat-sifat dari sistem untuk menjalankan suatu fungsi tertentu dan
Batasan sistem ( Boudary ) merupakan daerah yang membatasi antara suatu sistem
dengan sistem yang lainnya atau dengan lingkungan luarnya. Batasan sistem ini
Lingkungan luar ( Environment ) dari suatu sistem adalah apapun diluar batas dari
12
4. Penghubung Sistem ( Interface )
Keluaran ( Output ) adalah hasil dari energy yang diolah dan diklasifikasikan menjadi
keluaran yang berguna dan sisa pembangunan. Keluaran dapat merupakan masukan untuk
Suatu sistem dapat mempunyai suatu proses yang akan masukan menjadi keluaran,
sebagai contoh sistem akuntansi. Sistem ini akan mengolah data transaksi menjadi
Yaitu segala sesuatu yang harus dicapai dalam pelaksanaan sebuah sistem. Sasaran
sangat menentukan suatu kebutuhan akan masuk dan keluaran yang diharapkan. Suatu
sistem memiliki tujuan dan sasaran yang pasti juga bersifat sistematik. Jika suatu sistem
tidak memiliki sasaran, maka operasi sistem tidak ada gunanya. Suatu sistem dikatakan
13
2.1.3 Klasifikasi Sistem
sebagai berikut :
1. Sistem diklasifikasikan sebagai sistem abstrak (abstrak system) dan sistem fisik
(physical system).
Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak tampak
secara fisik.Sedangkan sistem fisik merupakan sistem yang ada secara fisik.
2. Sistem diklasifikasikan sebagai sistem alamiah (natural system) dan sistem bantuan
Sistem alamiah merupakan sistem yang terjadi melalui proses alam, tidak dibuat
manusia. Sedangkan sistem buatan manusi adalah sistem yang dirancang oleh manusia.
3. Sistem diklasifikasikan sebagai sistem tertentu (deterministic system) dan sistem tak
Sistem tertentu beroperasi dengan tingkah laku yang sudah dapat diprediksi. Contoh
sistem komputer. Sistem tak tentu adalah sistem yang kondisi masa depannya tidak dapat
4. Sistem diklasifikasikan sebagai sistem tertutup (closed system) dan sistem terbuka
(open system).
Sistem yang tidak terhubung dan tidak terpengaruh dengan sistem luarnya.Secara
teoritis sistem tersebut ada, tetapi kenyataannya tidak ada sistem yang benar-benar
tertutup, yang ada hanyalah (relatively closed system) sistem relative tertutup, tapi tidak
14
2.1.4 Pengertian Informasi
Menurut Darmawan dan Fauzi dalam Heri Kuswara dan Alvin Hidayat (2018)
“Informasi merupakan hasil dari pengolahan data, akan tetapi tidak semua hasil dari
pengolahan tersebut bisa menjadi informasi, hasil pengolahan data yang tidak memberikan
makna atau arti serta tidak bermanfaat bagi seseorang bukanlah merupakan informasi bagi
orang tersebut”.
Sistem informasi didefinisikan oleh Robert S. Leitch K. Roscoe Davis dalam Jogianto
(2005:11) sebagai berikut : “ Sistem informasi adalah sistem didalam suatu organisasi yang
manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu
dengan laporan-laporan yang diperlukan”. Sistem informasi terdiri dari beberapa komponen-
komponen, yaitu :
Input mewakili data yang masuk kedalam sistem informasi. Input disini termasuk
metode-metode dan media untuk menangkap data yang akan dimasukan, yang dapat
Blok ini terdiri dari kombinasi prosedur, logika, dan model matematika yang akan
memanipulasi data input dan data yang tersimpan dibasis data dengan cara yang sudah
15
a. Blok Keluaran (Output Block)
Produk dari sistem informasi adalah keluaran yang merupakan informasi yang
berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta
Basis data merupakan kumpulan dari data yang saling berhubungan satu dengan
Banyak hal yang dapat merusak sistem informasi, seperti bencana alam,
menyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah ataupun bila
Sistem pembayaran adalah sistem yang mencakup seperangkat aturan, lembaga dan
mekanisme yang digunakan untuk melaksanakan pemindahan dana guna memenuhi suatu
kegiatan ekonomi. Sistem pembayaran merupakan sistem yang berkaitan dengan pemindahan
16
2.2 Peralatan Pendukung ( Tools System )
Menurut Sutabri (2012:115) “Media atau tool sistem merupakan alat yang tepat
digunakan untuk menggambarkan bentuk logical model dari sistem, dimana simbol-simbol,
Menurut Sutabri (2012:115)“Media atau tool sistem merupakan alat yang tepat
digunakan untuk menggambarkan bentuk logical model dari sistem, dimana simbol-simbol,
UML merupakan singkatan dari “Unified Modelling Language” yaitu suatu metode
permodelan secara visual untuk sarana perancangan sistem berorientasi objek,atau definisi
UML yaitu sebagai suatu bahasa yang sudah menjadi standar pada visualisasi, perancangan
dan juga pendokumentasian sistem software. Saat ini UML sudah menjadi bahasa standar
Use case diagram adalah suatu model yang dangat fungsional dalam sebuah sistem
yang menggunakan actor dan use case. Sedangkan pengertian dari use case sendiri adalah
layanan atau fungsi-fungsi yang tersedia pada sistem untuk penggunannya. Use case diagram
menggambarkan efek fungsionalitas yang telah diharapkan oleh sistem. Use case diagram
dapat sangat membantu bila kita sedang menyusun requitment sebuah sistem,
mengkomunikasikan sebuah rancangan aplikasi dengan konsumen, serta merancang test case
untuk semua feature yang ada pada sistem. Aturannya, sebuah use case dapat di masukan
lebih dari use case lain, sehingga duplikasi fungsionalitas dapat dihindari dengan cara
17
2.2.3 Pengertian Activity Diagram
Activity diagram adalah representasi grafis dari workflow dari kegiatan dan tindakan
bertahap dengan dukungan untuk pilihan, iterasi dan concurrency. Dalam Unified Modeling
Language, diagram aktivitas dimaksudkan untuk model kedua proses komputasi dan
18
BAB III
3.1 Umum
dibawah pengawasan guru. Sebagian besar negara memiliki sistem pendidikan formal, yang
umumnya wajib. Khususnya di Indonesia ada sekolah swasta dan sekolah negeri. Untuk
siswa/murid yang ingin bersekolah terlebih dahulu harus melakukan registrasi atau
kelengkapan berkas sesuai ketentuan sekolah yang diinginkan. Adapun syarat yang harus
sejumlah biaya yang dibebankan kepada siswa/murid untuk membantu lembaga pendidikan
perusahaan, struktur organisasi dan fungsinya lebih memfokuskan pada sistem pembayaran
Kondisi Lembaga Yayasan AL-FIKROH yang baru berdiri dan masih dalam proses
dari masyarakat terus meningkat, hal ini dibuktikan dengan banyaknya peserta didik,
seperti PAUD, TKA, MDTA dan SDIT AL-FIKROH, sehingga kebutuhan akan
perhatian pendidikan secara legal formal serta penunjang kebutuhan belajar seperti,
19
Salah satu bentuk keprihatinan kami selaku anggota masyarakat didalam upaya
Belajar 9 tahun, melalui pendidikan dasar di SDIT AL Fikroh serta pendidikan non
formal melalui PAUD, TKA serta MDTA. Dimana secara letak geografis daerah kami
dimana maju mundurnya suatu bangsa dan masyarakat tergantung sejauhmana tingkat
pendidikannya, maka melalui lembaga ini masyarakat diajak untuk berpacu seiring
dengan SD Negeri Bahagia 06 Kecamatan Babelan dan sekitar 3 KM jarak dengan SDN
Pendidikan Kota Bekasi untuk kelancaran kegiatan Belajar Mengajar di SDIT Al Fikroh.
Dengan adanya rencana program ini, diharapkan masyarakat termotivasi untuk ikut andil
organisasi dikelola. Struktur organisasi menunjukan kerangka dan susunan perwujudan pola
Struktur organisasi sebagai kerangka yang mewujudkan sistem pola tetap di antara
kedudukan dan peranan dalam semua lingkungan kerja sama. Pada umumnya struktur
organisasi berupa bagan yang mewujudkan antara unit-unit organisasi serta garis wewenang
20
yang ada. Struktur organisasi yang terdapat pada SDIT Al-Fikroh dapat dilihat pada gambar
sebagai berikut :
konsep IMTAQ dan IPTEK menuju pribadi berakhlaqul karimah yang bermanfaat bagi
21
Adapun fungsi-fungsi dari struktur organisasi yang terdapat pada SDIT Al Fikroh, yaitu:
1. Kepala sekolah
2. Ketua Komite
penyelenggaraan pendidikan.
3. Tata Usaha
4. Bendahara
5. Dewan Guru
22
6. Operator
Memasukan/entri data
Validas
Updating
Pendidikan)
7. Unit Perpustakaan
8. Office Boy
9. Satpam
23
3.2 Tinjauan Kasus
Masalah yang akan diteliti adalah kelayakan administrasi pembayaran SPP dimana
sistem tersebut sampai saat ini masih dilakukan secara manual, sehingga menimbulkan
pembayaran SPP yang ada di SDIT Al Fikroh dapat menghasilkan suatu sistem pengolahan
Orang tua murid datang langsung ke bagian Tata Usaha (TU) untuk melakukan
Orang tua murid yang belum melunasi pembayaran sampai bulan terakhir
Pegawai TU mencatat transaksi ke dalam kartu SPP siswa dan juga mencatat
Pegawai TU memberikan kartu SPP dan slip setoran kepada orang tua murid.
Pegawai TU/Admin membuat laporan dari data pembayaran SPP untuk diberikan
24
3.2.2 Activity Diagram Sistem Berjalan
Activity diagram atau diagram aktivitas yaitu salah satu jenis diagram pada UML
yang dapat memodelkan proses-proses apa saja yang terjadi pada sistem. Adapun Activity
Diagram pada sistem pembayaran spp pada SDIT Al Fikroh adalah sebagai berikut :
1. Pembayaran SPP
25
2. Pegawai TU membuat laporan
Tidak
Benar
1. Data Sistem Pembayaran SPP akan menumpuk setiap tahunnya dan memerlukan tempat
2. Data Sistem Pembayaran SPP masih manual belum terkomputerisasi. Ini yang membuat
pegawai harus menulis ulang atau memindah dokumen sampai lima kali pemindahan dan itu
3. Jumlah pembayaran SPP setiap tahun ajaran baru yang mengalami perubahan atau
kenaikan maka dikhawatirkan akan terjadinya kerancuhan dalam penyimpanan data dan
pencariannya.
26
3.3 Analisa Kebutuhan Software
yang akan dihasilkan ketika pengembang melaksanakan sebuah proyek pembuatan software.
Software yang baik dan sesuai dengan kebutuhan pengguna sangat tergantung pada
dibutuhkan dalam perancangan sistem usulan ini berupa analisa kebutuhan, use case diagram,
1. Halaman Admin
27
3.3.2 Use Case Diagram
28
1. Aktor memilih tombol menu Home Sistem akan menampilkan submenu login
2. Aktor memilih menu pendaftaran atau logout
bagian admin Sistem akan menampilkan data calon siswa
dan data registrasi
3. Aktor memilih menu laporan Sistem akan menampilkan submenu laporan
data calon siswa serta data registrasi
Kondisi Akhir Jika perintah sesuai maka sistem akan
menampilkan seperti yang diinginkan aktor
29
Kondisi Awal Aktor membuka aplikasi
Aksi Aktor Reaksi sistem
1. Aktor memilih tombol menu Sistem akan menampilkan submenu login
Home atau logout
2. Aktor memilih menu master Sistem akan menampilkan sub menu
master, seperti pembayaran spp &
tunggakan
30
2. Activity Diagram Pembayaran SPP
31
3. Activity Diagram Tunggakan
32
4. Activity Diagram Laporan
33
3.4 Desain
nama_kelas
kd_kelas
kelas
tgl_spp 1
id_spp
nis
memiliki kd_tunggakan
tgl_lahir
kd_t_ajaran nis 1
M 1 mempunyai
spp mempunyai siswa tunggakan
1 M
1 1 1 1
kd_t_ajaran
by_spp agama
kd_t_ajaran
alamat by_spp
jml_bln
bulan
total
terdapat
total memiliki
terdapat jml_bln
ket
terdapat
kd_t_ajaran
thn_ajaran
by_lainnya
1
tahun_ajaran
1
kd_jurnal kd_akun
tgl_jurnal kd_jurnal nama_akun
kd_akun
debet
ket id_spp kredit jenis_akun
saldo_normal
34
3.4.2 Logical Record Structure (LRS)
35
3.4.3 Class Diagram
Si s wa
1 ni s 1
n a ma _s i s wa 1
kd _ke l a s
jke l
tgl _l a h i r
Tu n gga ka n a ga ma ke l a s
kd _tu n gga ka n a l a ma t 1 kd _ke l a s
tgl kd _t.a ja ra n 1 n a ma _ke l a s
ni s m ge t n i s ge t kd _ke l a s
kd _t.a ja ra n ge t n a ma ge t n a ma _ke l a s
b y_s p p 1 ge t kd _ke l a s s e t kd _ke l a s
jml .bl n ge t jke l s e t n a ma _ke l a s
tota l ge t tgl ta mb a h
ge t kd _tu n gga ka n ge t a ga ma e di t
ge t tgl ge t a l a ma t ha pus
ge t n i s ge t kd _t.a ja ra n s i mp a n
ge t kd _t.a ja ra n s e t ni s
ge t b y_s p p s e t n a ma
ge t jml .bl n s e t kd _ke l a s s pp
ge t tota l s e t jke l 1 i d _s p p
s e t kd _tu n gga ka n s e t tgl tgl _s p p
s e t tgl s e t a ga ma ni s m
s e t ni s s e t a l a ma t 1 kd _t.a ja ra n
s e t kd _t.a ja ra n s e t kd _t.a ja ra n b y_s p p
s e t b y_s p p ta mb a h bul a n
s e t jml .bl n e di t jml _b l n
s e t tota l ha pus b y_l a i n n ya
ta mb a h s i mp a n ke t
s i mp a n tota l
ha pus ge t i d _s p p
1 ta h u n _a ja ra n 1 ge t tgl _s p p
kd _t.a ja ra n ge t n i s
ju n a l _d e ta i l thn _a ja ra n 1 ge t kd _t.a ja ra n
kd _ju rn a l m ge t kd _t.a ja ra n ge t b y_s p p
kd _a ku n ge t thn _a ja ra n ge t b u l a n
de be t m s e t kd _t.a ja ra n ge t jml _b l n
kre d i t s e t thn _a ja ra n ge t b y_l a i n n ya
ge t kd _ju rn a l ta mb a h ge t ke t
ge t kd _a ku n s i mp a n ge t tota l
ge t d e b e t e di t s e t i d _s p p
ge t kre d i t ha pus s e t tgl _s p p
s e t kd _ju rn a l s e t ni s
s e t kd _a ku n s e t kd _t.a ja ra n
s e t de be t s e t b y_s p p
s e t kre d i t ju rn a l s e t bul a n
1 kd _ju rn a l s e t jml _b l n
tgl _ju rn a l s e t b y_l a i n n ya
a ku n i d _s p p 1 s e t ke t
kd _a ku n 1 ke t s e t tota l
n a ma _a ku n ge t kd _ju rn a l ta mb a h
je n i s _a ku n ge t tgl _ju rn a l s i mp a n
s a l d o_n orma l ge t i d _s p p ha pus
ge t kd _a ku n ge t ke t
ge t n a ma _a ku n s e t kd _ju rn a l
ge t je n i s _a ku n s e t tgl _ju rn a l
ge t s a l d o_n orma l s e t i d _s p p
s e t kd _a ku n s e t ke t
s e t n a ma _a ku n ta mb a h
s e t je n i s _a ku n s i mp a n
s e t s a l d o_n orma l ha pus
ta mb a h
e di t
ha pus
s i mp a n
36
3.4.4 Sequence Diagram
37
2. Sequence Diagram Data Siswa
38
3. Sequence Diagram Data Biaya
39
4. Sequence Diagram Data Perkiraan
40
5. Sequence Diagram Data Transaksi Pembayaran Administrasi
41
6. Sequence Diagram Tunggakan
42
7. Sequence Diagram Data Jurnal
43
3.4.5 User Interface
44
3. User Interface Halaman User
45
5. User Interface Halaman Pembayaran SPP
46
7. User Interface Halaman Laporan Pembayaran SPP
47
3.4.6 Deployment Diagram
3.5 Implementasi
a. Halaman Login
48
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script
>
<style>
body {
position: relative;
}
.affix {
top:0;
width: 100%;
z-index: 9999 !important;
}
.navbar {
margin-bottom: 0px;
}
.affix ~ .container-fluid {
position: relative;
top: 50px;
}
</style>
</head>
<body background="image/bc.jpg" data-spy="scroll" data-target=".navbar" data-
offset="50">
</div>
<div class="col-sm-8 text-left">
<div class="col-md-4 col-md-offset-4">
<br><br><br><br><br><br><br><br><br>
<center><h3>ACCOUNT LOGIN</h3>
<form action="login" method="post">
<div class="form-group">
<label for="email">Username:</label>
<input type="text" class="form-control" id="email"
placeholder="Enter username" name="username">
</div>
<div class="form-group">
<label for="pwd">Password:</label><br>
<input type="password" class="form-control" id="pwd"
placeholder="Enter password" name="password">
</div>
49
<button type="submit" class="btn btn-
default">Submit</button><br><br>
</form>
</div>
</div>
<div class="col-sm-2 sidenav">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6 footer-para">
<p></p>
</div>
<div class="col-xs-6 text-right">
</div>
</div>
</footer>
</body>
</html>
b. Halaman Admin
<sql:setDataSource var="dataSource"
driver="com.mysql.jdbc.Driver"
url="jdbc:mysql://localhost:3306/db_spp"
user="root" password=""/>
<!DOCTYPE html>
<%
String uname = (String) session.getAttribute("username");
String status = (String) session.getAttribute("hak_akses");
String nama = (String) session.getAttribute("nama_user");
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <%--
pembeli informasi --%>
<title>Sistem Informasi Pembayaran SPP</title>
50
<link rel="stylesheet" type="text/css" href="config/style.css" media="screen"
/>
<script type="text/javascript" src="config/setting.js"></script>
</head>
<body>
<%-- awal dari halaman web --%>
<div id="wrap">
<div id="header"><%-- awal header --%>
<img src="image/ubsi.png"><%-- gambar silahkan massukkan logo BSI
--%>
<h1><a>BINA SARANA INFORMATIKA</a></h1><br>
<%-- mahasiswa wajib mengganti alamat kampus msg2 --%>
<h2> Jalan Raya Kaliabang No. 8Perwira, Bekasi Utara</h2>
<%-- mahasiswa wajib mengganti dengan nama masing2 --%>
<h3>Programmer by. Kelompok SPP</h3>
</div><%-- akhir dari header --%>
<h2>Transaksi</h2>
<ul>
<li><a href="index.jsp?halaman=data_spp">Pembayaran
SPP</a></li>
<li><a href="index.jsp?halaman=data_tunggakan">Pembayaran
Tunggakan</a></li>
<li><a
href="index.jsp?halaman=data_jurnal&aksi=SIMPAN">Jurnal</a></li>
</ul>
51
<h2>Informasi Data</h2>
<ul>
<li><a href="index.jsp?halaman=info_akun">Informasi
Akun</a></li>
<li><a href="index.jsp?halaman=info_kelas">Informasi
Kelas</a></li>
<li><a href="index.jsp?halaman=info_siswa">Informasi
Siswa</a></li>
<li><a href="index.jsp?halaman=info_ta">Informasi Tahun
Ajaran</a></li>
<li><a href="index.jsp?halaman=info_spp">Informasi Bayar
SPP</a></li>
<li><a href="index.jsp?halaman=info_tunggak">Informasi Bayar
Tunggakan</a></li>
</ul>
<h2>Laporan</h2>
<ul>
<div class="right"> <%-- awal dari content sebelah kanan web --%>
<table width="100%">
<tr>
<td valign="top" width="110%">
<%-- isi dari content sebelah kanan --%>
<c:choose>
<c:when test="${param.halaman=='profil'}">
<%@include file="profile.jsp" %>
</c:when>
<c:when test="${param.halaman=='data_akun'}">
<%@include file="tampil_akun.jsp" %>
</c:when>
<c:when test="${param.halaman=='edit_akun'}">
<%@include file="edit_akun.jsp" %>
</c:when>
<c:when test="${param.halaman=='data_kelas'}">
<%@include file="tampil_kelas.jsp" %>
</c:when>
<c:when test="${param.halaman=='edit_kelas'}">
<%@include file="edit_kelas.jsp" %>
</c:when>
<c:when test="${param.halaman=='data_siswa'}">
<%@include file="tampil_siswa.jsp" %>
52
</c:when>
<c:when test="${param.halaman=='edit_siswa'}">
<%@include file="edit_siswa.jsp" %>
</c:when>
<c:when test="${param.halaman=='data_ajaran'}">
<%@include file="tampil_ajaran.jsp" %>
</c:when>
<c:when test="${param.halaman=='edit_ajaran'}">
<%@include file="edit_ajaran.jsp" %>
</c:when>
<c:when test="${param.halaman=='data_user'}">
<%@include file="tampil_user.jsp" %>
</c:when>
<c:when test="${param.halaman=='edit_user'}">
<%@include file="edit_user.jsp" %>
</c:when>
<c:when test="${param.halaman=='data_spp'}">
<%@include file="tampil_spp.jsp" %>
</c:when>
<c:when test="${param.halaman=='data_tunggakan'}">
<%@include file="tampil_tunggakan.jsp" %>
</c:when>
<c:when test="${param.halaman=='data_jurnal'}">
<%@include file="jurnal.jsp" %>
</c:when>
<c:when test="${param.halaman=='info_akun'}">
<%@include file="informasi_akun.jsp" %>
</c:when>
<c:when test="${param.halaman=='info_kelas'}">
<%@include file="informasi_kelas.jsp" %>
</c:when>
<c:when test="${param.halaman=='info_siswa'}">
<%@include file="informasi_siswa.jsp" %>
</c:when>
<c:when test="${param.halaman=='info_ta'}">
<%@include file="informasi_ajaran.jsp" %>
</c:when>
<c:when test="${param.halaman=='info_spp'}">
<%@include file="informasi_spp.jsp" %>
</c:when>
<c:when test="${param.halaman=='info_tunggak'}">
<%@include file="informasi_tunggak.jsp" %>
</c:when>
<c:when test="${param.halaman=='lap_spp'}">
<%@include file="lap_spp.jsp" %>
</c:when>
<c:when test="${param.halaman=='lap_tunggak'}">
<%@include file="lap_tunggak.jsp" %>
</c:when>
<c:otherwise>
53
<%@include file="home.jsp" %>
</c:otherwise>
</c:choose>
</td>
</tr>
</table>
<div class="footer"> <%-- awal dari content footer web --%>
Support by <a href="facebook.com">Program Ku</a>,||
©2018
Thanks to Layout menu utama menggunakan CSS
</div><%-- akhir dari content footer web --%>
</div><%-- akhir dari content sebelah kanan web --%>
<div style="clear: both;"> </div>
</div>
</div> <%-- akhir dari halaman web --%>
</body>
</html>
a. Login Admin TU
Tabel 3.3
Hasil Pengujian Blackbox Testing Login Admin
54
login dengan (elsa) menerima akses Harapan
username dan login dan
password yang Password: menampilkan
benar, lalu (xxxxx) halaman admin TU
langsung
mengklik
tombol “submit”
Tabel 3.4
Hasil Pengujian Blackbox Testing Login Kepala Sekolah
55
3.5.3 Spesifikasi Hardware dan Software
Dengan ini kami memilih peralatan perangkat lunak dan perangkat keras untuk proses
komputerisasi sistem ini, sebagai berikut ini :
1. Perangkat Keras
Dalam sistem komputerisasi tidak terlepas dari perangkat keras yang akan digunakan,
adapun penjelasan mengenai perangkat keras yang akan digunakan dalam sistem usulan ini :
2. Perangkat Lunak
Perangkat lunak yang dipakai dalam sistem usulan berupa program-program yang
nantinya dapat memberikan kemudahan dalam pengelolaan data. Adapun perangakat lunak
yang kami usulkan dalam sistem usulan ini adalah :
56
BAB IV
PENUTUP
4.1 Kesimpulan
sebagai acuan dalam membuat suatu sistem. Dari hasil yang kami dapat dalam makalah
“Analisa Sistem Pembayaran SPP Pada SDIT Al Fikroh” masih terdapat hal yang menjadi
kelemahan, yaitu : Sistem Pembayaran SPP yang masih menggunakan sistem manual atau
belum terkomputerisasi. Ini yang menyebabkan timbulnya keluhan oleh banyak karyawan.
Karena mereka harus menulis ulang atau memindahkan dokumen beberapa kali dan itu
Apabila sistem itu dikembangkan dan berpindah menjadi sistem komputerisasi, maka
hal itu sangat membantu dalam menjalankan sistem tersebut dan meringankan pekerjaan para
pegawai SDIT Al Fikroh. Dengan adanya sistem terkomputerisasi maka dapat memudahkan
bagian tata usaha atau administrasi dalam pembuatan laporan pembayaran SPP sehingga
pekerjaan dapat selesai tepat pada waktunya dan memberikan hasil yang memuaskan.
4.2 Saran
Tentu setiap sistem bertujuan untuk memudahkan pekerjaan user atau pemakai.
Alangkah lebih baiknya apabila sistem manual tersebut dikembangkan menjadi sistem
57
DAFTAR PUSTAKA
Kuswara, Heri dan Deni Kusmana. 2017. Sistem Informasi Absensi Siswa Berbasis Web
Dengan SMS Gateway Pada Sekolah Menengah Kejuruan Al – Munir Bekasi. Vol 6 No
2 - 2017. Diambil dari: http://ejurnal.net/portal/index.php/speed/article/view/1439/pdf
(23Mei 2018)
Sukma, Dadan dan Rama Adistya Nurtjahya Pamudji. 2017. Sistem Informasi Tes Online
Dengan Metode Random. Vol 1 No 2 – 2017. Diambil dari : http://ejournal-
binainsani.ac.id/index.php/ISBI/issue/view/46 (29 Mei 2018)
Kuswara, Heri dan Alvin Hidayat. 2018. Sistem Informasi Akademik Berbasis Web Pada
Special English Conversarion By Mr.T Bekasi. Vol 6 No 1-2018. Diambil dari :
http://jurnalbianglala.web.id/jurnal/index.php/bianglala/article/view/39/31/pdfb
(30 Mei 2018)
Mardi. 2014. Sistem Informasi Akuntansi. Bogor : Ghalia Indonesia.
Jogiyanto Hartono MBA. Ph. D. 2005. Analisis dan Desain. Andi. Yogyakarta.
Robert A. Leitch k. Roscoe Davis., (Hal 11) Definisi Sistem Informasi. Jogiyanto Hartono,
MBA, Ph.D, 1999. Analisis dan Desain. ANDI OFFSET, Yogyakarta.
58
DAFTAR RIWAYAT HIDUP
A. Biodata Mahasiswa
NIM : 11161181
B. Riwayat Pendidikan
Posisi : Magang Bag.Finance dari 01 Juli 2014 sampai dengan 01 September 2014.
Posisi : Magang Bag.HR Comban dan Service dari 03 Juni 2016 sampai dengan 15
September 2016
Bekasi, 2018
Elisabet Kontesa
59
DAFTAR RIWAYAT HIDUP
A. Biodata Mahasiswa
NIM : 11160985
B. Riwayat Pendidikan
Bekasi, 2018
Rosarita Oktaviari
60
DAFTAR RIWAYAT HIDUP
A. Biodata Mahasiswa
NIM : 11160268
B. Riwayat Pendidikan
Bekasi, 2018
Sri Rahayu
61
DAFTAR RIWAYAT HIDUP
A. Biodata Mahasiswa
NIM : 11160229
B. Riwayat Pendidikan
Yeni Fadhila
62
SURAT KETERANGAN PKL/RISET
63
LAMPIRAN-LAMPIRAN
64