•
Penanggungjawab barang
Tombol – tombol yang dapat digunakan pada halaman ini adalah •
Booking : berfungsi untuk melanjutkan peminjaman barang ke tahap selanjutnya (menampilkan serial number yang tersedia).
•
Back : untuk kembali ke halaman sebelumnya.
•
Exit : berfungsi untuk keluar dari aplikasi peminjaman barang. Jika tombol booking di tekan, berarti user telah yakin akan barang yang
dipinjamnya, dan halaman serial number yang tersedia akan ditampilkan. Halaman yang akan muncul adalah sebagai berikut
Gambar 4.17 Halaman Serial number yang Tersedia
Halaman ini menampilkan serial number dari barang yang telah dipilih oleh user. Serial number yang ditampilkan merupakan menu pilihan yang dapat dipilih. Selain menampilkan serial number, halaman ini juga 142
menampilkan status dari barang yang memiliki serial number tersebut. Status dari barang ada 2 yaitu •
Available : status ini menunjukkan bahwa barang dengan serial number tersebut tidak dipinjam atau dipesan oleh user lainnya. Jadi user langsung dapat memesan barang yang diinginkan.
•
Not Available : status ini menunjukkan bahwa barang yang bersangkutan sedang dipinjam atau sudah dipesan oleh orang lain. Namun user masih dapat melihat detail peminjaman barang tersebut, dan masih bisa memsan barang tersebut.
Tombol – tombol yang tersedia •
Confirm : berfungsi untuk melanjutkan peminjaman barang ke tahap selanjutnya.
•
Back : untuk kembali ke halaman sebelumnya.
•
Exit : berfungsi untuk keluar dari aplikasi peminjaman barang. Jika user memilih serial number dengan status “Not Available” maka akan
muncul halaman detail peminjaman barang yang bersangkutan. Halaman yang muncul adalah sebagai berikut
143
Gambar 4.18 Halaman Detail Peminjaman Barang Tertentu
Pada Gambar 4.18 (halaman detail peminjaman barang tertentu) menampilkan informasi yang memberitahu user siapa yang telah memesan / meminjam barang dengan serial number tertentu, status pemesanan peminjaman barang, serta tanggal kembali yang diharapkan oleh user yang telah melakukan pemesanan peminjaman barang itu. Tombol – tombol yang ada pada halaman ini yaitu •
Booking : yaitu fungsinya untuk tetap melakukan peminjaman terhadap barang tersebut.
•
Back : untuk kembali ke halaman sebelumnya
•
Exit : untuk kembali ke menu awal program
Jika user memilih tombol booking, maka akan muncul halaman login untuk autentikasi user (Gambar 41.9) 144
Jika pada halaman serial number (Gambar 4.17) user memilih serial number dengan status available, maka akan muncul halaman login yang berfungsi untuk autentikasi user (Gambar 4.19)
Gambar 4.19 Halaman login
Pada halaman ini user harus memasukkan user id dan password yang sudah terdaftar pada database. Tombol – tombol yang tersedia •
Login : untuk melakukan pengecekan user id dan password
•
<< : untuk menghapus karakter
•
Back : untuk kembali ke halaman sebelumnya. Jika user salah memasukkan user id atau pun password, maka akan muncul
pesan kesalahan pada prompt yang menunjukkan bahwa user id atau password
145
yang dimasukkan tidak valid. Seperti yang ditunjukkan pada gambar di bawah ini
Gambar 4.20 Halaman Login dengan Warning
Jika benar maka user melanjutkan mengisi alasan peminjaman barang pada halaman alasan peminjaman barang, seperti pada gambar di bawah ini
146
Gambar 4.21 Halaman Alasan. Halaman ini mengaharuskan user untuk memasukan alasan peminjaman barang, agar dapat melanjutkan tahap berikutnya pada aplikasi peminjaman barang. alasan yang dimasukkan tidak boleh melebihi 30 karakter. Tujuan dari alasan ini adalah sebagai pertimbangan bagi user untuk menyetujui peminjaman atau tidak. Tombol-tombol yang tersedia •
Proceed : untuk melanjutkan ke tahap berikutnya
•
<< : untuk menghapus karakter yang salah
•
Back : untuk kembali ke halaman sebelumnya Jika user menekan tombol proceed, maka akan muncul halaman tanggal
peminjaman, seperti gambar dibawah ini
Gambar 4.22 Halaman Tanggal Peminjaman
147
Halaman ini menampilkan pilihan tanggal peminjaman yang diinginkan oleh user. Saat pertama kali masuk ke halaman ini, akan langsung ditampilkan tanggal saat ini. Tombol-tombol yang tersedia •
Select : untuk memilh suatu tanggal
•
Exit : untuk kembali ke halaman login
•
Help : untuk menampilkan halaman bantuan yang akan menampilkan tombol-tombol apa saja yang digunakan untuk memindahkan tanggal, bulan dan tahun. Jika user telah memilih Help, maka akan tampil halaman bantuan seperti di
bawah ini
Gambar 4.23 Halaman Help
148
Pada halaman ini menampilkan bantuan kepada user untuk mengoperasikan halaman tanggal ini. Dapat dilihat bahwa untuk mengakses halamn tanggal, maka tombol-tombol yang diperlukan adalah sebagai berikut •
Tombol 1 atau 3 : untuk memilih hari sebelumnya atau sesudahnya.
•
Tombol 2 atau 5 : untuk memilih minggu sebelumnya atau sesudahnya.
•
Tombol 4 atau 6 : untuk memilih bulan sebelumnya atau sesudahnya.
•
Tombol 7 atau 9 : untuk memilih tahun sebelumnya atau sesudahnya.
•
Tombol 8 : untuk memilih tanggal hari ini. Tombol-tombol yang tersedia
•
Back : untuk kembali ke halaman sebelumnya Jika user telah memilih tanggal peminjaman, maka akan tampil halaman
tanggal pengembalian seperti di bawah ini :
Gambar 4.24 Halaman Tanggal Pengembalian
149
Pada halaman ini menampilkan pilihan tanggal yang harus user pilih untuk menentukan tanggal pengembalian barang yang diharapkan. Tombol-tombol yang tersedia •
Select : untuk memilih tanggal pengembalian
•
Back : untuk kembali ke halaman sebelumnya Jika user telah memilih tanggal yang dilanjutkan maka akan dilakukan
pengecekan tanggal peminjaman dan pengembalian barang. apabila tanggaltanggal tersebut salah maka halaman peringatan bahwa tanggal yang dimasukkan salah akan muncul seperti dibawah ini
Gambar 4.25 Halaman Peringatan Salah Tanggal
150
Jika user telah benar memasukkan tanggal peminjaman dan tanggal pengembalian, maka detail transaksi peminjaman akan ditampilkan pada halaman berikutnya. Tampilannya adalah sebagai berikut
Gambar 4.26 Halaman Detail Barang yang mau dipinjam
Halaman ini menampilkan seluruh informasi dari transaksi peminjaman yang telah dilakukan oleh user. Informasi – informasi yang ditampilkan adalah •
Tanggal peminjaman
•
Tanggal pengembalian
•
Nama user yang melakukan transaksi
•
Jenis barang yang dipinjam
•
Seri barang, tipe dan fitur barang yang dipinjam
•
Serial number barang 151
•
Jumlah yang dapat dipinjam
•
Jumlah barang yang dimiliki oleh perusahaan
•
Penanggung jawab barang
•
Serta lokasi penyimpanan
Tombol – tombol yang tersedia •
Confirm : untuk melanjutkan ke halaman berikutnya
•
Back : untuk kembali ke halaman sebelumnya. Jika user sudah yakin terhadap informasi mengenai transaksi yang
dilakukannya, maka user harus menekan tombol confirm untuk melajutkan. Jika user telah menekan tombol Confirm , maka akan muncul halaman konfirmasi bahwa transaksi sudah disimpan, seperti di bawah ini
Gambar 4.27 Halaman Konfirmasi Peminjaman
152
Halaman ini menampilkan sebuah konfirmasi bahwa user telah mengirimakan permintaan peminjaman barang, dan diharapkan menekan tombol send mail untuk mengirimkan email ke admin. Jika user telah menekan tombol send mail, maka proses pengiriman email yang berisikan permohonan peminjaman barang kepada admin segera diproses. Jika email telah terkirim maka akan muncul halaman konfirmasi bahwa email sudah sampai ke admin, seperti gambar di bawah ini
Gambar 4.28 Halaman Konfirmasi Peminjaman
Pada halaman ini hanya tersedia tombol OK, yang fungsinya untuk kembali ke menu awal (Gambar 4.12) aplikasi dan menandakan bahwa user telah selesai melakukan transaksi peminjaman barang. Jika user memilih pilihan admin page pada menu awal (Gambar 4.12), maka hanya admin yang dapat mengakses halaman ini. sebelum masuk ke 153
halaman admin, terlebih dulu admin harus melakukan autentikasi pada halaman login (Gambar 4.19). Jika admin salah memasukan password atau user id maka akan muncul halaman login dengan peringatan (Gambar 4.20). Jika admin sudah benar melakukan autentikasi, maka halaman menu admin akan muncul. Tampilan halaman menu admin jika admin telah melakukan autentikasi adalah sebagai berikut
Gambar 4.29 Halaman Menu Admin
Halaman ini menampilkan menu – menu yang dapat dipilih oleh admin. Pilihan-pilihan yang terdapat pada halaman ini •
Booking Request : fungsinya untuk melihat semua transaksi peminjaman yang sudah terjadi.
154
•
Return Form : fungsinya untuk melakukan pengembalian barang yang telah selesai dipinjam.
•
Add item : fungsinya untuk melakukan penambahan barang ke sistem inventory yang langsung mengakses ke database.
Tombol – tombol yang tersedia •
Select : untuk melakukan pemiliha terhadap suatu menu
•
Exit : keluar ke menu utama Jika admin memilih menu Booking request, maka akan muncul halaman
transaksi peminjaman yang sudah tersimpan. Tampilan halaman transaksi peminjaman adalah sebagai berikut
Gambar 4.30 Halaman Booking List
155
Jika Belum ada permintaan peminjaman barang sama sekali, maka halaman booking list kosong akan muncul seperti di bawah ini
Gambar 4.31 Halaman Booking List Kosong
Halaman ini menampilkan daftar transaksi-transaksi peminjaman yang telah dilakukan oleh user. Daftar dari transaksi tersebut bersifat dinamis, yang artinya jumlah dari menu – menu pilihan yang ada tergantung dari jumlah transaksi yang tersimpan dalam database. Semakin banyak transaksi yang terjadi, maka semakin banyak pilihan-pilihan yang ditampilkan. Tombol-tombol yang tersedia •
Detail : untuk melihat detail dari transaksi
•
Back : untuk kembali ke halaman sebelumnya
156
Jika admin menekan tombol detail, maka akan muncul halaman detail transaksi yang bersangkutan. Tampilan detail transaksi
Gambar 4.32 Halaman Detail Transaksi
Halaman ini menampilkan detail dari transaksi peminjaman yang admin pilih. Pada halaman ini admin dapat melihat semua detail informasi tentang transaksi peminjaman yang dipilihnya. Informasi yang ditampilkan •
Tanggal peminjaman
•
Tanggal pengembalian
•
Alasan Peminjaman
•
Nama user yang melakukan transaksi
•
Jenis barang yang dipinjam
•
Seri barang, tipe dan fitur barang yang dipinjam
•
Serial number barang
157
•
Jumlah yang dapat dipinjam
•
Jumlah barang yang dimiliki oleh perusahaan
•
Penanggung jawab barang
•
Serta lokasi penyimpanan
Tombol – tombol yang tersedia •
Approve : untuk menyetujui transaksi peminjaman
•
Reject : untuk menolak transaksi peminjaman
•
Back : untuk kembali ke halaman sebelumnnya
•
Exit : untuk kembali ke halaman menu admin Jika admin menekan tombol approve, maka proses approval segera
dilakukan, dan akan muncul tampilan halaman konfirmasi approval seperti di bawah ini
Gambar 4.33 Halaman Approval Confirmation (Approve)
158
Pada halaman ini hanya terdapat tombol back untuk kembali ke halaman daftar transaksi-transaksi peminjaman. Jika pada detail transaksi peminjaman admin menekan tombol reject maka proses penolakan peminjaman barang akan diproses dan akan muncul halaman konfirmasi penolakan seperti di bawah ini
Gambar 4.34 Halaman Approval Confirmation (Rejected)
Pada halaman ini hanya terdapat tombol back untuk kembali ke halaman daftar transaksi-transaksi peminjaman. Pada menu admin, jika admin memilih pilihan Add Item, maka akan muncul form pengisian data barang yang terdiri dari beberapa tahap. Tahap 1
159
Halaman ini merupakan tahap pertama dari beberapa tahap pengisian data barang baru ataupun lama yang ingin diinput. Data yang harus diinput •
Item Name : merupakan jenis barang yang ingin diinput
•
Owner : adalah nama penanggungjawab dari barang tersebut
•
Type : merupakan tipe barang tersebut
•
Series : merupakan seri barang tersebut Jika pada tahap pertama ini data-data diatas tidak diinput dengan benar
maka akan muncul peringatan pada halaman ini dan admin akan diminta untuk melakukan penginputan ulang data-data tersebut (Gambar 4.36).
Gambar 4.35 Halaman Input Barang Tahap 1
Jika pengisian barang pada tahap ini belum lengkap, maka akan muncul halaman peringatan bahwa data yang dimasukkan belum valid, karena
160
masih ada data yang belum diisi. Halaman yang akan muncul akan terlihat seperti di bawah ini
Gambar 4.36 Halaman Peringatan Input Barang Tahap1
Tahap 2 Halaman ini merupkan tahap kedua dari beberapa tahap pengisian data barang baru ataupun lama yang ingin diinput. Data yang harus diinput •
Branch : tempat di mana barang tersebut akan di simpan (lokasi cabang penyimpanan)
•
Address : alamat dari lokasi penyimpanan.
•
Feature : fitur dari barang tersebut
161
Jika pada tahap pertama ini data-data diatas tidak diinput dengan benar maka akan muncul peringatan pada halaman ini dan admin akan diminta untuk melakukan penginputan ulang data-data tersebut (Gambar 4.38).
Gambar 4.37 Halaman Input Barang Tahap 2
Jika data yang dimasukkan belum lengkap, maka akan muncul halaman peringatan bahwa data yang dimasukkan tidak valid, karena ada data yang belum dimasukkan. Tampilan halaman yang akan muncul seperti di bawah ini
162
Gambar 4.38 Halaman Peringatan Input Barang Tahap 2 Tahap 3 Halaman ini merupkan tahap ketiga dari beberapa tahap pengisian data barang baru ataupun lama yang ingin diinput. Data yang harus diinput •
Description : merupakan deskripsi dari barang yang baru diinput.
•
Quantity : jumlah barang sejenis yang akan dimasukkan. jumlah ini akan berpengaruh terhadap jumlah serial number yang akan dimasukkan. Jika pada tahap pertama ini data-data diatas tidak diinput dengan benar
maka akan muncul peringatan pada halaman ini dan admin akan diminta untuk melakukan penginputan ulang data-data tersebut (Gambar 4.40).
163
Gambar 4.39 Halaman Input Barang Tahap 3
Jika pengisian data pada tahap ini belum lengkap, maka akan muncul halaman peringatan seperti di bawah ini
Gambar 4.40 Halaman Peringatan Input Barang Tahap 3
164
Tahap 4 Tahap ini merupakan tahap pengisian serial number yang jumlahnya tergantung dari jumlah quantity yang admin masukkan pada tahap sebelumnya. Jumlah serial number yang dimasukkan setiap 5 serial number, jika quantity yang dimasukkan lebih dari 5. jika kurang dari atau sama dengan 5, maka hanya akan muncul 1 halaman saja. Berikut merupakan contoh memasukkan serial number untuk quantity 7 buah barang. Halaman pertama dari serial number
Gambar 4.41 Halaman Input Barang Tahap 4
Halaman berikutnya dari serial number
165
Gambar 4.42 Halaman Input Serial Number
Jika pada tahap pertama ini data-data diatas tidak diinput dengan benar maka akan muncul peringatan pada halaman ini dan admin akan diminta untuk melakukan penginputan ulang data-data tersebut (Gambar 4.43).
Gambar 4.43 Halaman Peringatan Input Serial Number
166
Setiap tahap memasukkan barang baru memiliki tombol-tombol yang sama yaitu •
Next : untuk melanjutkan ke tahap selanjutnya
•
<< : untuk menghapus karakter yang salah
•
Back : untuk kembali ke tahap sebelumnya Jika pada halaman pengisian serial number yang terakhir admin
menekan tombol next, maka akan muncul halaman konfirmasi data barang yang akan dimasukkan. tampilan daripada halaman itu
Gambar 4.44 Halaman Konfirmasi Add Item
Halaman ini menampilkan seluruh informasi dari setiap tahap yang sudah dimasukkan dengan benar oleh admin. Tombol-tombol yang tersedia
167
•
Confirm : untuk melanjutkan ke halaman berikutnya setelah melakukan proses input barang
•
Back : kembali ke halaman sebelumnya Jika admin menekan tombol confirm, maka data-data barang yang
sudah dimasukkan setiap tahapnya akan dimasukkan ke database. Setelah itu akan muncul halaman konfirmasi input barang, seperti di bawah ini
Gambar 4.45 Halaman Konfirmasi Penambahan Barang
Pada halaman ini hanya tersedia satu tombol Exit, yang berfungsi untuk kembali ke menu admin. Pada menu admin, jika admin memilih pilihan Return Form, maka akan muncul Menu Return Form daftar barang-barang yang keluar dan nama peminjamnya. Pada halaman ini admin dapat memilih tombol
168
• Detail : menuju ke halaman detail barang • Exit : menuju ke halaman Admin Jika belum ada pengembalian barang yang telah dipinjam, maka akan muncul tampilan halaman return form yang kosong seperti di bawah ini
Gambar 4.46 Halaman Return Form Kosong
Jika sudah ada pengembalian barang yang telah dilakukan, maka akan muncul tampilan halaman return form seperti di bawah ini
169
