Hasil dan Pembahasan
4.1 Implementasi Sistem
Setelah sistem dianalisis dan didesain secara rinci, maka akan menuju tahap implementasi. Implementasi sistem merupakan tahap meletakkan sistem sehingga siap untuk dioperasikan. Implementasi bertujuan untuk mengkonfirmasi modul-modul perancangan, sehingga pengguna dapat memberi masukan kepada pengembangan sistem. Dari hasil implementasi ini dihasilkanlah sebuah aplikasi sistem informasi administrasi pembayaran SPP.
Implementasi antarmuka dari aplikasi sistem informasi administrasi pembayaran SPP di buat dengan menggunakan bahasa pemrograman C#.Net, dalam implementasi antar muka ini terdapat beberapa halaman yang menjelaskan tentang proses pembayaran SPP. Untuk lebih jelasnya bagian implementasi antar muka dapat di lihat berikut :
60 a. Halaman Menu Utama
Gambar 4.1 Tampilan Halaman Menu Utama
Penjelasan untuk menu utama adalah sebagai berikut :
Tabel 4.1 Implementasi Antarmuka Struktur menu
Menu Deskripsi
Pengaturan Berfungsi untuk mengatur Tahun Ajaran yang sedang berjalan.
Input Data Berfungsi untuk mengolah data Kelas, Siswa, Absensi, Wali Kelas, Jenis Pembayaran, dan Kelas-Wali Kelas. Pembayaran Berfungsi untuk melakukan proses pembayaran SPP. Kartu SPP Berfungsi untuk melihat dan mencetak data SPP Siswa Laporan Berfungsi untuk melihat dan mencetak Laporan
Pembayaran dan Laporan Tunggakan Keluar Berfungsi untuk keluar dari sistem.
61 b. Halaman Pengaturan Tahun Ajaran
Gambar 4.2 Tampilan Halaman Pengaturan Tahun Ajaran
Gambar 4.2 merupakan halaman pengaturan tahun ajaran yang berfungsi untuk mengatur tahun ajaran yang sedang berlangsung di SMP Negeri 1 Salatiga. Pada halaman ini user
dapat menambahkan tahun ajaran baru dengan cara memilih tombol tambah, kemudian mengisi tahun ajaran, tanggal mulai dan tanggal berakhirnya tahun ajaran tersebut. Selain itu, user dapat merubah data tahun ajaran yang telah tersimpan, dengan memilih tombol ubah. Untuk menjalankan aplikasi sesuai dengan tahun ajaran yang sedang berlangsung, user memilih tahun ajaran
62
tersebut kemudian memilih tombol aktif untuk mengaktifkan tahun ajaran yang dipilih, sehingga data yang ditampilkan pada aplikasi ini sesuai dengan tahun ajaran yang telah dipilih.
c. Halaman Data Kelas
Gambar 4.3 Tampilan Halaman Data Kelas
Gambar 4.3 merupakan halaman data kelas yang berfungsi untuk mengatur kelas yang ada pada SMP Negeri 1 Salatiga. Pada halaman ini user dapat menambahkan data kelas sesuai dengan kebutuhan sekolah tersebut. Pada saat menambahkan kelas user harus mengisi nama kelas, kemudian memilih tingkat
63
kelas yang terdiri dari kelas 7, 8, dan 9, kemudian memilih jenis kelas dimana pada SMP N 1 Salatiga terdapat dua jenis kelas yaitu kelas regular dan bilingual. Setelah semua data diisi user
memilih tombol simpan untuk menyimpan data kelas tersebut.
d. Halaman Data Siswa
Gambar 4.4 Tampilan Halaman Data Siswa
Gambar 4.4 merupakan halaman data siswa yang berfungsi untuk mengolah data siswa yang ada pada SMP Negeri 1 Salatiga. Pada halaman user dapat menambahkan data siswa dengan mengisi NIS dan nama siswa. Selain itu user juga dapat mengubah maupun menghapus data siswa yang pilih.
64
Penerapan teknologi Teknologi ADO.NET merupakan teknologi akses database yang digunakan dalam sistem informasi administrasi pembayaran SPP. Sebagai contoh penerapan ADO.NET terdapat pada menu data siswa yang terdiri dari tampil, tambah, ubah, dan hapus siswa, yang ditunjukan pada kode program sebagai berikut:
Kode Program 4.1 Membuat Koneksi ke Database
Kode Program 4.1 merupakan kode program untuk membuat koneksi ke database dan variabel yang dibutuhkan untuk menggunakan ADO.NET. Langkah pertama agar dapat terhubung dengan database adalah membuat string koneksi terlebih dahulu ke database dan membuat variabel global yang dibutuhkan untuk menggunakan fasilitas ADO.NET. Penggunaan komponen ADO.NET pada sistem terdiri dari :
1. Objek sumber data (Data source) : @"Data Source=(local);Initial Catalog=db_administrasi_sekolah;Integrated Security=True"; di mana data tersimpan pada server lokal dengan database bernama db_administrasi_sekolah.
1. private static string conn = @"Data Source=(local);Initial
Catalog=db_administrasi_sekolah;Integrated Security=True";
2. DataSet ds = new DataSet();
3. DataRow dr;
4. SqlDataAdapter da;
5. DataTable dt;
65
2. Objek koneksi data (Data Connection) : private static string conn;
koneksi data dengan membuat string koneksi bernama conn. 3. Objek DataAdapter : SqlDataAdapter da; DataAdapter yang
digunakan adalah SQLDataAdapter dengan nama da.
4. Objek DataSet : DataSet ds = new DataSet(); DataSet yang digunakan dengan nama ds.
Kode Program 4.2 Tampil Data Siswa
Kode Program 4.2 merupakan kode program yang digunakan untuk menampilkan data siswa. Pada proses ini, query sql untuk menampilkan data siswa dibuat terlebih dahulu, kemudian untuk menghubungkan database dengan dataset, dibutuhkan sebuah
adapter, di sini menggunakan SqlDataAdapter bernama da. Melalui adapter ini dikirimkan string koneksi ke database dan perintah sqlnya. Langkah selanjutnya adalah menyimpan informasi dari database ke dalam DataSet menggunakan method FillSchema() dan Fill(), method Fill() akan mengambil data itu sendiri, sedangkan FillSchema() akan mengambil metadata (seperti primary key) yang ada pada tabel.
1. public DataSet getAllSiswa(){
2. ds = new DataSet();
3. string comm = "SELECT * FROM tbSiswa";
4. da = new SqlDataAdapter(comm, conn);
5. da.FillSchema(ds, SchemaType.Source, "siswa");
6. da.Fill(ds, "siswa");
66
Kode Program 4.3 Tampil Data Siswa Berdasarkan NIS atau Nama
Kode Program 4.3 hampir sama seperti kode program 4.2 Kode Program 4.3 hampir sama seperti kode program 4.2 karena bersifat mengambil data dari database. Yang membedakan adalah query yang digunakan, karena tujuan daripada method tersebut juga berbeda, yaitu mengambil data siswa berdasarkan NIS dan Nama sehingga dibutuhkan filter pada
query sql yang digunakan.
Kode Program 4.4 Tambah Data Siswa
1. public bool insertSiswa(Siswa siswa){
2. bool ret = false;
3. try { 4. getAllSiswa(); 5. dt = ds.Tables["siswa"]; 6. dr = dt.NewRow(); 7. dr["nis"] = siswa.nis; 8. dr["nama"] = siswa.nama; 9. dt.Rows.Add(dr);
10. myBuilder = new SqlCommandBuilder(da);
11. da.InsertCommand = myBuilder.GetInsertCommand();
12. if (da.Update(ds, "siswa") > 0) { ret = true; }}
13. catch (SqlException) { } 14. return ret;}
1. public DataSet getAllSiswaByKeyword(string
keyword){
2. ds = new DataSet();
3. string comm = "SELECT * FROM tbSiswa WHERE nis LIKE '%" + keyword + "%' OR nama LIKE '%" + keyword + "%'";
4. da = new SqlDataAdapter(comm, conn);
5. da.FillSchema(ds, SchemaType.Source, "siswa");
6. da.Fill(ds, "siswa");
67
Kode Program 4.4 merupakan kode program yang digunakan untuk menambah data siswa. Pada proses ini untuk menambah data siswa ke dalam tabel, diperlukan pemanggilan DataSet
terlebih dahulu yang berisikan tabel siswa. Pada method ini memanggil method getAllSiswa() yang mengisi DataSet dengan data tabel siswa. Kemudian, DataTable bernama dt diisi dengan tabel siswa yang ditampung di dalam DataSet ds. Setelah itu, membuat baris baru menggunakan DataRow bernama dr dengan perintah dr = dt.NewRow(), lalu mengisi setiap kolom dengan nilai yang ingin dimasukkan dilanjutkan dengan menambahkan baris baru tersebut ke dalam tabel siswa. Agar data di dalam
database juga berubah, maka diperlukan perintah sql. Salah satu caranya adalah dengan membuat instance dari
SqlCommandBuilder dengan parameter konstruktor DataAdapter.
SqlCommandBuilder akan men-generate sendiri perintah sql yang dipanggil. Untuk mengecek apakah data yang ingin dimasukkan benar – benar masuk ke dalam database, dapat dilakukan pengecekan dengan mengecek nilai kembalian dari da.Update(). Jika nilai kembaliannya sama dengan nol, maka data gagal dimasukkan.
68 Kode Program 4.5 Ubah Data Siswa
Kode Program 4.5 merupakan kode program yang digunakan untuk mengubah data siswa. Pada proses ini untuk mengubah data siswa, dipanggil terlebih dahulu DataSet yang menampung tabel siswa, kemudian tabel tersebut ditampung ke dalam
DataTable dt. Karena bersifat mengubah, terlebih dahulu dicari data yang ingin diubah berdasarkan primary keynya, yaitu NIS siswa. Kemudian melakukan perintah pengubahan data dengan
dr.BeginEdit() diakhiri dengan dr.EndEdit(). Sama seperti kode program 4.4, digunakan SqlCommandBuilder untuk mengenerate perintah sql, dalam method ini men-generate perintah sql untuk
update. Pengecekan apakah data berhasil diubah atau tidak juga sama seperti kode program 4.4.
1. public bool updateSiswa(Siswa siswa){
2. bool ret = false;
3. try { 4. getAllSiswa(); 5. dt = ds.Tables["siswa"]; 6. dr = dt.Rows.Find(siswa.nis); 7. dr.BeginEdit(); 8. dr["nama"] = siswa.nama; 9. dr.EndEdit();
10. myBuilder = new SqlCommandBuilder(da);
11. da.UpdateCommand = myBuilder.GetUpdateCommand();
12. if (da.Update(ds, "siswa") > 0) { ret = true; }}
13. catch (SqlException) { } 14. return ret;}
69 Kode Program 4.6 Hapus Data Siswa
Kode Program 4.6 merupakan kode program yang digunakan menghapus data siswa. Pada proses ini untuk menghapus data siswa, dipanggil terlebih dahulu DataSet yang berisikan tabel siswa. Setelah itu tabel siswa ditampung ke dalam DataTable dt. Agar data yang terhapus sesuai yang dikehendaki, terlebih dahulu dicari data tersebut berdasarkan NISnya. Kemudian hapus data tersebut menggunakan method Delete(). Sama seperti kode program 4.4, agar data di database berpengaruh, dibutuhkan
SqlCommandBuilder untuk men-generate perintah sql untuk menghapus data tersebut dan untuk pengecekanya sama juga seperti kode program 4.4.
1. public bool deleteSiswa(Siswa siswa){
2. bool ret = false;
3. try {
4. getAllSiswa();
5. dt = ds.Tables["siswa"];
6. dr = dt.Rows.Find(siswa.nis);
7. dr.Delete();
8. myBuilder = new SqlCommandBuilder(da);
9. da.DeleteCommand = myBuilder.GetDeleteCommand();
10. if (da.Update(ds, "siswa") > 0) { ret = true; }}
11. catch (SqlException) { } 12. return ret;}
70 e. Halaman Data Wali Kelas
Gambar 4.5 Tampilan Halaman Data Wali Kelas
Gambar 4.5 merupakan halaman data wali kelas siswa yang ada pada SMP Negeri 1 Salatiga. Pada halaman user dapat menambahkan data wali kelas dengan mengisi NIP dan nama wali kelas. Selain itu user juga dapat mengubah maupun menghapus data wali kelas yang dipilih yang pilih.
71 f. Halaman Data Absensi
Gambar 4.6 Tampilan Halaman Data Absensi
Gambar 4.6 merupakan halaman data absensi yang berfungsi untuk membagi siswa ke dalam kelas masing-masing siswa. Pada halaman ini user memilih kelas kemudian memilih siswa yang akan ditambahkan ke dalam kelas tersebut.
72 g. Halaman Data Kelas dan Wali Kelas
Gambar 4.7 Tampilan Halaman Data Kelas dan Wali Kelas
Gambar 4.7 merupakan halaman kelas dan wali kelas, dimana user mengatur wali kelas untuk setiap kelas yang ada. User juga dapat mengubah data dengan memilih data kemudian menekan enter, kemudian untuk menyimpan perubahan data user memilih tombol simpan, sehingga akan tampil pemberitahuan bahwa data berhasil diubah.
73 h. Halaman Jenis Pembayaran
Gambar 4.8 Tampilan Halaman Jenis Pembayaran
Gambar 4.8 merupakan halaman jenis pembayaran yang digunakan user untuk menginputkan jenis pembayaran uang sekolah untuk setiap kelas beserta dengan rinciannya. Jenis pembayaran ini dibedakan untuk setiap tingkat dan jenis kelas, yang rinciannya terdiri dari sumbangan komite, komputer, dan tabungan wajib.
74 i. Halaman Pembayaran
Gambar 4.9 Tampilan Halaman Pembayaran
Gambar 4.9 merupakan halaman pembayaran yang digunakan user untuk melakukan proses pembayaran uang sekolah yang dibayar oleh siswa. Pada proses pembayaran ini
user mencari data siswa yang akan membayar SPP, maka akan tampil SPP bulan apa saja yang belum dibayar oleh siswa. Setelah itu, user memilih jenis pembayaran siswa dan bulan yang akan di bayar. Untuk memproses pembayaran user memilih tombol bayar, selanjutnya user mencetak rincian pembayaran sebagai bukti pembayaran untuk orang tua siswa maupun sebagai bukti keuangan sekolah. Bukti pembayaran SPP ditunjukan seperti pada gambar 4.10.
75
Gambar 4.10 Kwitansi/bukti Pembayaran SPP
j. Halaman Kartu Pembayaran SPP
76
Gambar 4.11 merupakan halaman kartu pembayaran SPP yang digunakan user untuk melihat dan mencetak data pembayaran uang sekolah untuk setiap siswa. Pada proses ini
user mencari data siswa dengan memasukan NIS/nama siswa, kemudian memilih siswa yang akan dilihat kartu pembayaran SPP, dan mencetak kartu pembayaran SPP tersebut. Kartu pembayaran SPP siswa ditunjukan seperti pada gambar 4.12.
77 k. Halaman Laporan Pembayaran
Gambar 4.13 Tampilan Halaman Laporan Pembayaran
Gambar 4.13 merupakan halaman laporan pembayaran yang digunakan user untuk melihat dan mencetak laporan pembayaran uang sekolah untuk transaksi tiap bulan maupun periode tertentu. Pada proses ini user dapat memilih data pembayaran persiswa maupun perkelas dengan periode waktu pembayaran tertentu.
78 l. Halaman Laporan Tunggakan
Gambar 4.14 Tampilan Halaman Laporan Tunggakan
Gambar 4.14 merupakan halaman laporan tunggakan yang digunakan user untuk melihat dan mencetak laporan tunggakan uang sekolah untuk semua siswa, atau data tunggakan perkelas.