BAB III METODOLOGI PENELITIAN
3.7. Pengujian (Testing)
3.7.3. Pengujian Black Box
No Instrumen SS (5)
S (4)
RG (3)
TS (2)
STS
(1) Skor 17. Sistem ini dapat digunakan
dalam jangka yang panjang 18. Kemudahan pada sistem ini
akan membuat semua pihak koperasi baik anggota baru pun akan menggunakannya dengan mudah
Berikut dibawah ini merupakan kriteria persentase dari pengujian Usability : Tabel 3.12 Kriteria Persentase
No Nilai Hasil
1 80% - 100% Sangat Setuju
2 60% - 79% Setuju
3 40% - 59% Ragu-Ragu
4 20% - 39% Tidak Setuju
5 0% - 19% Sangat Tidak Setuju
Sumber : (Sugiyono, 2018)
sehingga data yang tersimpan menjadi kurang valid (Cholifah, Yulianingsih dan Sagita, 2018).
Berikut dibawah ini merupakan rancangan pengujian black box yang akan dilakukan oleh penulis.
Tabel 3.13 Rancangan Pengujian Black Box (Admin) No Fungsi yang
diuji Cara Pengujian Hasil yang diharapkan
Hasil Pengujian
1 Proses Login
Memasukkan username dan password, lalu pilih
tombol login
Menampilkan menu Dashboard
Admin
2 Proses tambah data
pengguna
Pilih tombol tambah data pengguna, masukkan data sesuai pada form yang tersedia, lalu klik tombol tambah
Data pada pengguna bertambah
3
Proses ubah data pengguna
Pilih tombol ubah, mengubah sesuai data pada form yang
tersedia, lalu klik tombol ubah
Data pada pengguna berubah
4 Proses hapus data pengguna
Pilih tombol hapus pada data pengguna
yang akan di hapus
Data pada pengguna terhapus
5
Proses melihat detail
data pengguna
Pilih tombol detail pada data yang akan
di lihat detail nya
Menampilkan detail data
pengguna
6
Proses cetak barcode pembeli
Pilih tombol cetak barcode pada menu
pengguna
Menampilkan hasil data barcode dalam
bentuk pdf
7
Proses tambah data
produk
Pilih tombol tambah data produk, masukkan data sesuai pada form yang tersedia, lalu klik tombol tambah
Data pada produk bertambah
No Fungsi yang
diuji Cara Pengujian Hasil yang diharapkan
Hasil Pengujian
8 Proses ubah data produk
Pilih tombol ubah, mengubah sesuai data pada form yang
tersedia, lalu klik tombol ubah
Data pada produk berubah
9 Proses hapus data produk
Pilih tombol hapus pada data produk yang akan di hapus
Data pada produk terhapus
10 Proses melihat detail
data produk
Pilih tombol detail pada data yang akan
di lihat detail nya
Menampilkan detail data
produk
11
Proses cetak barcode
produk
Pilih tombol cetak barcode pada menu
produk
Menampilkan hasil data barcode dalam
bentuk pdf
12
Proses melihat detail data transaksi
tunai
Pilih tombol detail pada data yang akan
di lihat detail nya
Menampilkan detail data transaksi tunai
13
Proses melihat detail data transaksi
kredit
Pilih tombol detail pada data yang akan
di lihat detail nya
Menampilkan detail data transaksi kredit
14
Proses konfirmasi pembayaran
transaksi kredit
Pilih tombol konfirmasi pada data transaksi kredit yang akan di konfirmasi
Data pada transaksi kredit
sudah terbayar dan masuk ke data transaksi
tunai
15
Proses cetak laporan keuangan
bulanan
Pilih tombol cetak laporan pada menu
laporan
Menampilkan hasil data
laporan penjualan dalam bentuk pdf
16 Proses ubah profile
Pilih tombol ubah profile, mengubah sesuai data pada form yang tersedia, lalu klik tombol ubah
Data pada profil berubah
17 Proses ubah password
Pilih tombol ubah password, mengubah
sesuai data pada form yang tersedia, lalu klik tombol ubah
Password berhasil di ubah
No Fungsi yang
diuji Cara Pengujian Hasil yang diharapkan
Hasil Pengujian 18 Proses logout Pilih tombol logout Keluar dari akun
Berikut dibawah ini merupakan rancangan pengujian black box (kasir) yang akan dilakukan oleh penulis.
Tabel 3.14 Rancangan Pengujian Black Box (Kasir) No Fungsi yang
diuji Cara Pengujian Hasil yang diharapkan
Hasil Pengujian 1 Proses Login
Memasukkan username dan password,
lalu pilih tombol login
Menampilkan menu Home
Kasir
2
Proses melakukan
transaksi tunai menggunakan
barcode
Pilih menu transaksi, lalu masukkan data pengguna(menggunakan
barcode), masukkan data barang sesuai pada
form yang tersedia, lalu klik tombol tunai
Data pada transaksi tunai
bertambah
3
Proses melakukan
transaksi kredit menggunakan
barcode
Pilih menu transaksi, lalu masukkan data pengguna(menggunakan
barcode), masukkan data barang sesuai pada
form yang tersedia, lalu klik tombol kredit
Data pada transaksi kredit
bertambah
4
Proses melihat detail data transaksi
tunai
Pilih menu tunai, lalu pilih data yang akan di
lihat detail nya
Menampilkan detail data transaksi tunai
5
Proses melihat detail data transaksi
kredit
Pilih menu kredit, lalu pilih data yang akan di
lihat detail nya
Menampilkan detail data transaksi kredit
6 Proses ubah profile
Pilih menu profile, tombol lainnya dan ubah profile, mengubah sesuai
data pada form yang tersedia, lalu klik tombol
ubah
Data pada profil berubah
7 Proses ubah
password Pilih menu profile,
tombol lainnya dan ubah Password berhasil di ubah
No Fungsi yang
diuji Cara Pengujian Hasil yang diharapkan
Hasil Pengujian password, mengubah
sesuai data pada form yang tersedia, lalu klik tombol ubah
8 Proses logout Pilih tombol logout Keluar dari akun
Berikut dibawah ini merupakan rancangan pengujian black box (pembayar) yang akan dilakukan oleh penulis.
Tabel 3.15 Rancangan Pengujian Black Box (Pembayar) No Fungsi yang
diuji Cara Pengujian Hasil yang diharapkan
Hasil Pengujian 1 Proses Login
Memasukkan username dan password,
lalu pilih tombol login
Menampilkan menu Home
Pembayar
2
Proses melihat detail data transaksi
tunai
Pilih menu tunai, lalu pilih data yang akan di
lihat detail nya
Menampilkan detail data transaksi tunai
3
Proses melihat detail data transaksi
kredit
Pilih menu kredit, lalu pilih data yang akan di
lihat detail nya
Menampilkan detail data transaksi kredit
4 Proses ubah profile
Pilih menu profile, tombol lainnya dan ubah profile, mengubah sesuai
data pada form yang tersedia, lalu klik tombol
ubah
Data pada profil berubah
5 Proses ubah password
Pilih menu profile, tombol lainnya dan ubah
password, mengubah sesuai data pada form yang tersedia, lalu klik tombol ubah
Password berhasil di ubah
6 Proses logout Pilih tombol logout Keluar dari akun
BAB IV IMPLEMENTASI 4.1. Hasil Perancangan dan Pembahasan
Perancangan merupakan sebuah proses atau tahapan untuk membuat permodelan dan perancangan sistem, tahapan selanjutnya adalah implementasi, yang mana tahapan ini merupakan tahapan memasukkan kode program atau mengimplementasikan permodelan ke dalam kode program dengan menggunakan Visual Studio Code dan menggunakan framework Laravel untuk membuat Website Admin, serta menggunakan Android Studio untuk membuat Mobile Android bagi Kasir dan Pembayar, serta membangun REST API agar Mobile Android dan Website dapat terintregasi.
Dengan adanya sistem yang telah dibuat oleh penulis ini, diharapkan proses pencatatan menjadi lebih efisien, akurat, dan dapat membantu penjaga koperasi sekolah MI Nurul Huda Moroseneng dalam mengelola dan mengoptimalkan operasional koperasi secara keseluruhan, selain itu orang tua dan wali siswa dapat melihat data transaksi tunai maupun kredit yang dilakukan oleh siswa.
Berikut adalah jadwal hasil implementasi pengkodean yang telah penulis lakukan menggunakan metode Extreme Programming dapat dilihat pada tabel dibawah ini :
Tabel 4.1. Jadwal Hasil Pengkodean Menggunakan Extreme Programming Daftar Tugas PJ Tanggal
Mulai
Target Hari
Tanggal Selesai
Hari
Kerja Proses
Pengkodean (Coding) 44 44 99%
Website : Login, Ubah
Password FE1 12/09/23 2 14/09/23 2 100%
Website : Dashboard FE1 14/09/23 2 16/09/23 2 100%
Website : Profile FE1 16/09/23 2 18/09/23 2 100%
Daftar Tugas PJ Tanggal Mulai
Target Hari
Tanggal Selesai
Hari
Kerja Proses Website : Akun Pengguna FE1 18/09/23 3 21/09/23 3 100%
Website : Produk Jual FE1 21/09/23 3 24/09/23 3 100%
Website : Unduh Kartu ID FE1 24/09/23 2 26/09/23 2 100%
Website : Transaksi Tunai FE1 26/09/23 3 29/09/23 3 100%
Website : Transaksi Kredit FE1 29/09/23 3 02/10/23 3 100%
Website : Laporan Bulanan
& Unduh FE1 02/10/23 4 06/10/23 4 100%
Android : Login, Ubah
Password FE2 06/10/23 2 08/10/23 2 100%
Android : Dashboard FE2 08/10/23 2 10/10/23 2 100%
Android : Profile FE2 10/10/23 3 13/10/23 3 100%
Android : Transaksi Tunai FE2 13/10/23 3 16/10/23 3 100%
Android : Transaksi Kredit FE2 16/10/23 3 19/10/23 3 100%
Android : Scann Barcode
ID FE2 19/10/23 3 22/10/23 3 100%
Android : Pilih Produk dan
Jumlah FE2 22/10/23 4 12/09/23 4 100%
Website : Login, Ubah
Password BE1 12/09/23 2 14/09/23 2 100%
Website : Dashboard BE1 14/09/23 2 16/09/23 2 100%
Website : Profile BE1 16/09/23 2 18/09/23 2 100%
Website : Akun Pengguna BE1 18/09/23 3 21/09/23 3 100%
Website : Produk Jual BE1 21/09/23 3 24/09/23 3 100%
Website : Unduh Kartu ID BE1 24/09/23 2 26/09/23 2 100%
Website : Transaksi Tunai BE1 26/09/23 3 29/09/23 3 100%
Website : Transaksi Kredit BE1 29/09/23 3 02/10/23 3 100%
Website : Laporan Bulanan
& Unduh BE1 02/10/23 4 06/10/23 4 100%
Android : Login, Ubah
Password BE2 06/10/23 2 08/10/23 2 100%
Android : Dashboard BE2 08/10/23 2 10/10/23 2 100%
Android : Profile BE2 10/10/23 3 13/10/23 3 80%
Android : Transaksi Tunai BE2 13/10/23 3 16/10/23 3 100%
Android : Transaksi Kredit BE2 16/10/23 3 19/10/23 3 100%
Android : Scann Barcode
ID BE2 19/10/23 3 22/10/23 3 100%
Android : Pilih Produk dan
Jumlah BE2 22/10/23 4 26/10/23 4 100%
Adapun penjelasan untuk Penanggung Jawab dari setiap tugas dapat dilihat pada tabel dibawah ini :
Tabel 4.2. Penjelasan Penanggung Jawab
Nama Keteerangan Tugas
FE1 Front End Website Mengerjakan Semua Front End Website FE2 Front End Android Mengerjakan Semua Front End Android BE1 Back End Website Mengerjakan Semua Back End Website BE2 Back End Android Mengerjakan Semua Back End Android
4.2. Implementasi Website Admin
Dibangunnya Website Admin ini bertujuan untuk memudahkan admin dalam mengelola semua data yang ada di Koperasi MI Nurul Huda Moroseneng, admin dapat melihat dashboard, mengelola data akun pengguna, mengelola produk, melihat data transaksi tunai dan kredit, mengkonfirmasi pembayaran kredit dan admin juga dapat melihat data laporan bulanan.
Berikut adalah contoh pengkodean untuk Website bagian Detail Transaksi Kredit yang penulis sudah kerjakan :
Gambar 4.1. Contoh Pengkodean Website
Kode diatas adalah bagian dari file blade (template) dalam Framework PHP Laravel. Laravel menggunakan sistem template Blade untuk memudahkan pengelolaan tampilan aplikasi web. Kode tersebut merupakan tampilan (view) yang menampilkan Detail Transaksi Kredit yang telah dilakukan pembeli.
Berikut adalah penjelasan kodenya:
1. Extends dan Section:
@extends('master.main')
@section('content')
• Kode di atas digunakan untuk menunjukkan bahwa tampilan ini menggunakan template utama dengan nama 'master.main'.
• Bagian kontennya akan diisi di dalam blok yang ditandai dengan
@section('content').
2. Navigasi Breadcrumb:
<ol class="breadcrumb">
<!-- ... -->
</ol>
• Menampilkan navigasi breadcrumb yang memberikan tautan ke halaman- halaman terkait transaksi kredit.
3. Info Pembeli:
<section class="section profile">
<!-- ... -->
</section >
• Menampilkan informasi pembeli seperti ID Pembeli, Nama Pembeli, Jenis kelamin Pembeli, ID Pembayar, Nama Pembayar, Nomor HP Pembayar dan Alamat Pembayar.
4. Looping untuk Detail Kredit:
@for( $tgl = 1; $tgl <= getNowDayNumber(); $tgl++)
<!-- ... -->
@endfor
• Looping ini digunakan untuk menampilkan detail transaksi kredit setiap hari untuk pembeli tertentu.
• Menggunakan fungsi-fungsi seperti `getNowDayNumber()`,
`getMonthNumber()`, `getYear()`, dan fungsi-fungsi lain untuk mendapatkan informasi tanggal.
5. Table Detail Kredit:
<table class="table">
<!-- ... -->
</table>
• Menampilkan tabel yang berisi detail kredit, seperti nama produk, harga, jumlah, dan total harga.
• Menggunakan looping untuk mengambil informasi dari transaksi dan pembelian yang terkait.
6. Total Tagihan Kredit:
<table class="table table-bordered border-warning">
<!-- ... -->
</table>
• Menampilkan tabel yang berisi total tagihan kredit per transaksi.
• Juga menampilkan tombol 'Konfirmasi' dengan form untuk mengonfirmasi pembayaran tagihan.
7. Konfirmasi Pembayaran:
<form action="/admin/transactions/credit/{{ $user->id }}"
method="POST" onsubmit="return confirm('Yakin mau KONFIRMASI pembayaran tagihan ini?')" class="d-inline-block">
<!-- ... -->
</form>
• Form untuk mengonfirmasi pembayaran tagihan dengan menambahkan csrf token untuk keamanan.
8. Penutup Section:
@endsection
• Menutup blok konten yang dimulai dengan @section('content').
Itu tadi adalah contoh penjelasan pada pengkodean Website bagian Detail Transaksi Kredit, Adapun beberapa hasil untuk website admin berdasarkan dengan wireframe yang telah penulis buat adalah sebagai berikut.
4.2.1. Halaman Website Login
Login adalah tahap awal sebelum admin dapat mengelola semua data yang ada pada koperasi, pada halaman ini Admin diminta untuk memasukkan ID dan juga Password yang telah terdaftar kedalam database. Halaman Login dapat dilihat pada Gambar 4.2 dibawah ini :
Gambar 4.2. Halaman Website Login
4.2.2. Halaman Website Dashboard
Pada halaman dashboard ini admin dapat dengan mudah melihat informasi mengenai seluruh database yang ada pada Koperasi MI Nurul Huda Moroseneng, Halaman Dashboard dapat dilihat pada Gambar 4.3 dibawah ini :
Gambar 4.3. Halaman Website Dashboard 4.2.3. Halaman Website Pengguna
Pada halaman ini admin dapat mengelola semua akun pengguna yang ada Koperasi MI Nurul Huda Moroseneng, admin dapat menambahkan akun baru, melihat detail akun, mengubah informasi akun, mereset password, mengunduh ID Card pembeli dan juga dapat menghapus akun pengguna. Halaman Pengguna dapat dilihat pada Gambar 4.4 dibawah ini :
Gambar 4.4. Halaman Website Pengguna
4.2.4. Halaman Website Produk
Pada halaman ini admin dapat mengelola semua data produk yang dijual pada Koperasi MI Nurul Huda Moroseneng, admin dapat menambahkan produk baru, melihat detail produk, mengubah informasi produk, mengunduh barcode produk dan juga dapat menghapus produk. Halaman Produk dapat dilihat pada Gambar 4.5 dibawah ini :
Gambar 4.5. Halaman Website Produk
4.2.5. Halaman Website Transaksi Tunai
Pada halaman ini admin dapat melihat semua data transaksi tunai yang dilakukan oleh semua pembeli. Halaman Transaksi Tunai dapat dilihat pada Gambar 4.6 dibawah ini :
Gambar 4.6. Halaman Website Transaksi Tunai 4.2.6. Halaman Website Transaksi Kredit
Pada halaman ini admin dapat melihat semua data transaksi kredit yang dilakukan oleh masing-masing pembeli, dan pada halaman ini admin juga dapat mengkonfirmasi pembayaran transaksi kredit. Halaman Transaksi Kredit dapat dilihat pada Gambar 4.7 dibawah ini :
Gambar 4.7. Halaman Website Transaksi Kredit 4.2.7. Halaman Website Laporan Bulanan
Pada halaman ini admin dapat melihat Laporan Bulanan yang terdiri dari semua data transaksi tunai maupun kredit, pada halaman ini admin juga dapat mengunduh laporan bulanan yang akan otomatis terdownload menjadi format PDF.
Halaman Laporan Bulanan dapat dilihat pada Gambar 4.8 dibawah ini :
Gambar 4.8. Halaman Website Laporan Bulanan
4.2.8. Halaman Website Profile Admin
Pada halaman ini admin dapat melihat data profile dari akun miliknya, pada halaman ini admin juga dapat mengubah data akun dan juga mengubah foto profile.
Halaman Dashboard dapat dilihat pada Gambar 4.9 dibawah ini :
Gambar 4.9. Halaman Website Profile Admin 4.2.9. Halaman Website Ubah Password
Pada halaman ini admin dapat mengubah password dari akun miliknya.
Halaman Dashboard dapat dilihat pada Gambar 4.10 dibawah ini :
Gambar 4.10. Halaman Website Ubah Password
4.3. Implementasi Kartu ID Pembeli
Kartu ID Pembeli merupakan syarat agar siswa maupun guru dapat melakukan transaksi di koperasi ini, dalam kartu id pembeli ini terdapat barcode yang dapat menyimpan data pembeli yang nantinya barcode ini akan di pindai menggunakan mobile android yang digunakan kasir agar data dapat tersimpan kedalam database. Kartu ID Pembeli dapat dilihat pada Gambar 4.11 dibawah ini :
Gambar 4.11. Kartu ID Pembeli 4.4. Implementasi Mobile Kasir
Dibangunnya Mobile Kasir ini bertujuan untuk memudahkan kasir dalam melayani pembelian agar transaksi yang dilakukan dapat langsung tersimpan ke dalam database Koperasi MI Nurul Huda Moroseneng. Selain itu dalam aplikasi mobile ini kasir dapat melihat histori transaksi tunai maupun kredit yang dilakukan oleh semua pembeli.
Berikut adalah contoh pengkodean untuk Android bagian Fragment Tagihan Kredit yang penulis sudah kerjakan :
Gambar 4.12. Contoh Pengkodean Android
Kode diatas adalah potongan kode Java untuk bagian dari suatu fragment dalam aplikasi Android menggunakan framework Android dan Retrofit untuk berkomunikasi dengan API. Fragment ini sepertinya bertanggung jawab untuk menampilkan daftar transaksi kredit pengguna dalam bentuk tagihan.
Berikut adalah beberapa penjelasan singkat tentang beberapa bagian kodenya:
1. Deklarasi Komponen:
View fragmentView;
Intent intent;
TextView txtBillTotal;
RecyclerView rvBill;
RecyclerView.Adapter adDataBill;
RecyclerView.LayoutManager lmDataBill;
List<ModelCreditByUser> listData = new ArrayList<>();
SwipeRefreshLayout srlDataBill;
ProgressBar pbDataBill;
• Inisialisasi beberapa komponen seperti RecyclerView, TextView, dan lainnya.
2. Metode onCreateView:
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
// ...
return fragmentView;
}
• Metode ini dipanggil ketika tampilan fragment perlu dibuat. Komponen dan tata letak diinisialisasi di sini.
3. Metode retriveDataBill:
public void retriveDataBill(String userId){
// ...
}
• Metode untuk mengambil data transaksi kredit pengguna dari server menggunakan Retrofit.
• Menetapkan adapter untuk RecyclerView dan menampilkan total tagihan.
4. Metode onResponse dan onFailure:
@Override
public void onResponse(Call<ResponseCreditByUser> call, Response<ResponseCreditByUser> response) {
// ...
}
@Override
public void onFailure(Call<ResponseCreditByUser> call, Throwable t) {
// ...
}
• Metode ini dipanggil ketika permintaan API berhasil (onResponse) atau gagal (onFailure).
• Pada onResponse, data dari respons API digunakan untuk mengatur nilai total tagihan dan mengupdate RecyclerView.
5. Listener untuk SwipeRefreshLayout:
srlDataBill.setOnRefreshListener(() -> { // ...
});
• Menambahkan listener untuk aksi refresh pada SwipeRefreshLayout.
• Ketika di-refresh, metode retriveDataBill dipanggil untuk mengambil data terbaru dari server.
Itu tadi adalah contoh penjelasan pada pengkodean mobile Android bagian Fragment Tagihan Kredit, Adapun beberapa hasil untuk mobile kasir maupun pembayar berdasarkan dengan wireframe yang telah penulis buat adalah sebagai berikut.
4.4.1. Halaman Mobile Kasir Login
Login adalah tahap awal sebelum kasir dapat melayani transaksi semua data yang ada pada koperasi, pada halaman ini Kasir diminta untuk memasukkan ID dan juga Password yang telah terdaftar kedalam database. Halaman Login dapat dilihat pada Gambar 4.13 dibawah ini :
Gambar 4.13. Halaman Mobile Kasir Login
4.4.2. Halaman Mobile Kasir Home
Pada halaman home ini kasir dapat dengan mudah melihat informasi transaksi tunai dan kredit yang terakhir dilakukan. Halaman Home dapat dilihat pada Gambar 4.14 dibawah ini :
Gambar 4.14. Halaman Mobile Kasir Home 4.4.3. Halaman Mobile Kasir Scan Barcode Pembeli
Pada halaman Scann Barcode ini kasir dapat dengan mudah memindai barcode ID pembeli dengan cara mengarahkan kamera ke Kartu ID pembeli yang telah terdaftar dengan database. Halaman Scan Barcode Pembeli dapat dilihat pada Gambar 4.15 dibawah ini :
Gambar 4.15. Halaman Mobile Kasir Scan Barcode Pembeli 4.4.4. Halaman Mobile Kasir Pilih Produk Beli
Setelah kasir melakukan Scan Barcode selanjutnya kasir memilih produk yang ingin dibeli oleh pembeli. Halaman Pilih Produk Beli dapat dilihat pada Gambar 4.16 dibawah ini :
Gambar 4.16. Halaman Mobile Kasir Pilih Produk Beli
4.4.5. Halaman Mobile Kasir Jumlah Beli dan Pilih Metode Bayar
Setelah memilih produk yang akan dibeli lalu admin dapat memasukkan jumlah dari masing-masing produk lalu memilih metode pembayaran secara tunai atau kredit, sesuai dengan keinginan pembeli. Halaman Jumlah Beli dan Pilih Metode Bayar dapat dilihat pada Gambar 4.17 dibawah ini :
Gambar 4.17. Halaman Mobile Kasir Jumlah Beli dan Pilih Metode Bayar 4.4.6. Halaman Mobile Kasir Riwayat Transaksi Tunai
Pada halaman Riwayat transaksi tunai ini kasir dapat melihat Riwayat transaksi tunai yang dilakukan oleh semua pembeli yang melakukan transaksi tunai.
Halaman Riwayat Transaksi Tunai dapat dilihat pada Gambar 4.18 dibawah ini :
Gambar 4.18. Halaman Mobile Kasir Riwayat Transaksi Tunai 4.4.7. Halaman Mobile Kasir Riwayat Transaksi Kredit
Pada halaman Riwayat transaksi tunai ini kasir dapat melihat Riwayat transaksi kredit yang dilakukan oleh semua pembeli yang melakukan transaksi kredit. Halaman Riwayat Transaksi Kredit dapat dilihat pada Gambar 4.19 dibawah ini :
Gambar 4.19. Halaman Mobile Kasir Riwayat Transaksi Kredit
4.4.8. Halaman Mobile Kasir Profile
Pada halaman Profile ini kasir dapat melihat informasi pribadi akun kasir yang telah terdaftar kedalam database. Halaman Profile dapat dilihat pada Gambar 4.20 dibawah ini :
Gambar 4.20. Halaman Mobile Kasir Profile 4.4.9. Halaman Mobile Kasir Ganti Password
Pada halaman ganti pasword ini kasir dapat melakukan pengubahan password akun nya dengan cara memasukkan akun lama dan memasukkan akun baru lalu menggantinya dengan cara memilih button simpan perubahan, maka password akun terssebut akan langsung terubah. Halaman Ganti Password dapat dilihat pada Gambar 4.21 dibawah ini :
Gambar 4.21. Halaman Mobile Kasir Ganti Password 4.5. Implementasi Mobile Pembayar
Dibangunnya Mobile Pembayar ini bertujuan untuk memudahkan orang tua, wali sisswa dan guru agar dapat melihat riwayat transaksi yang dilakukan oleh pembeli yang terdaftar oleh akun mereka.
4.5.1. Halaman Mobile Pembayar Login
Pada halaman home pembayar dapat mudah melihat informasi transaksi tunai dan kredit yang terakhir dilakukan oleh pembeli yang terdaftar dengan akun mereka. Halaman Login dapat dilihat pada Gambar 4.22 dibawah ini :
Gambar 4.22. Halaman Mobile Pembayar Login
4.5.2. Halaman Mobile Pembayar Home
Pada halaman home ini pembayar dapat dengan mudah melihat informasi transaksi tunai dan kredit yang terakhir dilakukan oleh pembeli yang terdaftar dengan akun mereka. Halaman Home dapat dilihat pada Gambar 4.23 dibawah :
Gambar 4.23. Halaman Mobile Pembayar Home
4.5.3. Halaman Mobile Pembayar Riwayat Transaksi Tunai
Pada halaman Riwayat transaksi tunai ini pembayar dapat melihat Riwayat transaksi tunai yang dilakukan oleh pembeli yang terdaftar dengan akun mereka.
Halaman Riwayat Transaksi Tunai dapat dilihat pada Gambar 4.24 dibawah ini :
Gambar 4.24. Halaman Mobile Pembayar Riwayat Transaksi Tunai 4.5.4. Halaman Mobile Pembayar Riwayat Transaksi Kredit
Pada halaman Riwayat transaksi Kredit ini pembayar dapat melihat Riwayat transaksi kredit yang dilakukan oleh pembeli yang terdaftar dengan akun mereka, serta teerdapat informasi total kredit yang harus dibayar. Halaman Riwayat Transaksi Kredit dapat dilihat pada Gambar 4.25 dibawah ini :
Gambar 4.25. Halaman Mobile Pembayar Riwayat Transaksi Kredit