selanjutnya (menampilkan serial number yang tersedia). Back : untuk kembali ke halaman sebelumnya. Halaman yang akan muncul adalah sebagai berikut

Transkripsi

1 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

2 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

3 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

4 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

5 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

6 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

7 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

8 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

9 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

10 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

11 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

12 Halaman ini menampilkan sebuah konfirmasi bahwa user telah mengirimakan permintaan peminjaman barang, dan diharapkan menekan tombol send mail untuk mengirimkan ke admin. Jika user telah menekan tombol send mail, maka proses pengiriman yang berisikan permohonan peminjaman barang kepada admin segera diproses. Jika telah terkirim maka akan muncul halaman konfirmasi bahwa 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

13 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

14 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

15 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

16 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

17 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

18 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

19 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

20 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

21 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

22 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

23 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

24 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

25 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

26 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

27 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

28 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