manual book website inventaris barang · web viewbagaimana cara menggunakan aplikasi website...
TRANSCRIPT
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
WEBSITE INVENTARIS BARANG LSKK
1. Deskripsi Aplikasi
Website inventaris barang LSKK merupakan sebuah website untuk mengelola
inventaris barang milik LSKK. Website ini mampu menampilkan data barang milik
LSKK, data transaksi peminjaman dan pengembalian barang serta mampu
menghasilkan qr code dari data barang. Sistem informasi inventaris barang ini
menggunakan bahasa pemrograman PHP dan MySQL sebagai database nya.
Tujuan dari pembuatan tugas akhir ini adalah merancang dan membangun
sebuah website inventaris barang LSKK yang nantinya dapat di pergunakan sebagai
sarana untuk peminjaman dan pengembalian barang secara online, mengetahui posisi
barang, mengetahui data barang yang ada di LSKK, dan dapat mencetak qr code dari
data barang yang ada di LSKK.
Website inventaris barang LSKK terdiri dari 4 jenis halaman website yaitu
halaman utama website inventaris barang LSKK, halaman website di sisi admin,
operator dan member, yang mana keempat halaman tersebut memiliki peranan dan
fungsi yang berbeda-beda.
2. Flowchart Alur Kerja Aplikasi
Dalam pembuatan sebuah website dibutuhkan flowchart yang nantinya
dipergunakan untuk menggambarkan alur dari aplikasi yang dibuat, sehingga
pembaca dapat membaca bagaimana alur dari website inventaris barang LSKK ini.
Berikut adalah flowchart bagaimana cara menggunakan aplikasi website
inventaris barang LSKK. Flowchart alur kerja aplikasi ini dibagi menjadi 3 bagian,
yaitu flowchart website disisi admin, flowchart website disisi operator,dan flowchart
website disisi member.
WEBSITE INVENTARIS BARANG LSKK Page 1
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Gambar 1 Flowchart website disisi admin
Flowchart disisi admin, dimana admin memiliki hak untuk mengakses halaman
utama berserta backup database, halaman tambah barang baru, halaman data barang,
halaman data peminjam, halaman data pengembalian, halaman reset password.
Sama halnya dengan flowchar disisi admin, operator juga memiliki hak untuk
mengkases halaman utama, halaman tambah barang, halaman data member, halaman
data barang, halaman data peminjam dan halaman data pengembalian barang LSKK.
Gambar 2 Flowchart website disisi operator
WEBSITE INVENTARIS BARANG LSKK Page 2
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Untuk member dapat mengakses halaman utama, halaman data barang, form
peminjaman, halaman pengembalian dan halaman ganti password.
Gambar 3 Flowchart website disisi member
3. Cara Pemakaian Aplikasi
Berikut adalah cara menggunakan aplikasi website inventaris barang LSKK,
mulai dari pemakaian website disisi admin, website disisi operator, dan website disisi
member.
a. Pemakaian Website Disisi Admin
Admin melakukan login dengan cara memasukkan username dan
password, kemudian menekan tombol masuk.
Gambar 4 Form login
Admin melakukan proses backup database dengan cara menekan tombol
backup.
WEBSITE INVENTARIS BARANG LSKK Page 3
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Gambar 5 Tombol backup database
Admin menambah data barang baru dengan cara mengisi form tambah
barang, kemudian tekan tombol simpan.
Gambar 6 Form tambah barang
Admin melakukan pengubahan data barang, dengan cara menekan aksi
(ubah).
Gambar 7 Aksi ubah pada data barang
Admin mengubah data barang dengan cara mengisi data barang yang baru
pada form yang sudah disediakan, kemudian tekan tombol simpan.
Gambar 8 Form ubah pada data barang
WEBSITE INVENTARIS BARANG LSKK Page 4
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Admin menghapus data barang, dengan cara menekan aksi (hapus).
Gambar 9 Aksi hapus pada data barang
Halaman persetujuan untuk menghapus data barang, jika setuju tekan aksi
(hapus) dan jika tidak setuju tekan perintah kembali.
Gambar 10 Halaman persetujuan hapus pada data barang
Admin menampilkan data barang dalam format PDF, dengan cara menekan
icon pada website.
Gambar 11 Data barang dalam PDF
Admin menampilkan qr code dari data barang dalam format PDF, dengan
cara menekan icon pada website.
WEBSITE INVENTARIS BARANG LSKK Page 5
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Gambar 12 Data qr code barang dalam PDF
Admin menampilkan data barang yang keluar dalam format PDF, dengan
cara menekan icon pada website.
Gambar 13 Data barang yang keluar
Admin menampilkan data peminjam yang belum dikonfirmasi, dengan cara
memilih menu pilihan, kemudian tekan tombol pilih.
Gambar 14 Menu memilih data peminjam
o Data peminjam yang belum dikonfirmasi maksudnya peminjam yang
belum mengambil barang kepada petugas.
Gambar 15 Data peminjam yang belum di konfirmasi
o Data peminjam yang sudah dikonfirmasi maksudnya peminjam yang
sudah mengambil barang kepada petugas.
WEBSITE INVENTARIS BARANG LSKK Page 6
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Gambar 16 Data peminjam yang sudah di konfirmasi
Admin mengkonfirmasi peminjam yang melakukan peminjaman barang
dengan cara menekan aksi konfirmasi.
Gambar 17 Aksi konfirmasi peminjaman
Admin menampilkan data peminjam dalam format PDF, dengan cara
menekan icon pada website.
Gambar 18 Data peminjam dalam PDF
Admin menampilkan data pengembalian yang belum dikonfirmasi, dengan
cara memilih menu pilihan, kemudian tekan tombol pilih.
Gambar 19 Menu memilih data pengembalian
o Data pengembalian barang yang belum dikonfirmasi maksudnya
peminjam yang belum mengembalikan barang.
WEBSITE INVENTARIS BARANG LSKK Page 7
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Gambar 20 Data pengembalian barang yang belum dikonfirmasi
o Data pengembalian yang sudah dikonfirmasi maksudnya peminjam
yang sudah mengembaliakn barang.
Gambar 21 Data pengembalian barang yang sudah dikonfirmasi
Admin mengkonfirmasi peminjam yang melakukan pengembalian barang
dengan cara menekan aksi konfirmasi.
Gambar 22 Aksi konfirmasi data pengembalian barang
Admin menghapus data pengembalian barang, dengan cara menekan aksi
(hapus).
Gambar 23 Aksi hapus data pengembalian barang
Halaman persetujuan untuk menghapus data pengembalian barang, jika
setuju tekan aksi (hapus) dan jika tidak setuju tekan perintah kembali.
WEBSITE INVENTARIS BARANG LSKK Page 8
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Gambar 24 Halaman persetujuan menghapus data pengembalian
Admin menampilkan data pengembalian barang dalam format PDF,
dengan cara menekan icon pada website.
Gambar 25 Laporan data pengembalian barang dalam PDF
Admin menambahkan member baru dengan cara menekan aksi tambah
member, kemudian mengisi data member baru dan setelah itu tekan tombol
simapan.
Gambar 26 Form tambah data member baru
Admin menampilkan data member yang belum dikonfirmasi, dengan cara
memilih menu pilihan, kemudian tekan tombol pilih.
Gambar 27 Menu memilih data member
WEBSITE INVENTARIS BARANG LSKK Page 9
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
o Data member barang yang belum dikonfirmasi maksudnya member
yang belum diperbolehkan untuk mengakses website.
Gambar 28 Data member yang belum dikonfirmasi
o Data member barang yang sudah dikonfirmasi maksudnya member
yang sudah diperbolehkan untuk mengakses website.
Gambar 29 Data member yang sudah dikonfirmasi
Admin menghapus data member yang belum dikonfirmasi, dengan cara
menekan aksi (hapus).
Gambar 30 Aksi hapus member yang belum dikonfirmasi
Halaman persetujuan untuk menghapus data memberyang belum
dikonfirmasi, jika setuju tekan aksi (hapus) dan jika tidak setuju tekan
perintah kembali.
Gambar 31 Halaman persetujuan hapus member yang belum di konfirmasi
WEBSITE INVENTARIS BARANG LSKK Page 10
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Admin mengkonfirmasi member yang sudah melakukan registrasi dengan
cara menekan aksi konfirmasi.
Gambar 32 Aksi konfirmasi member
Admin menghapus data member yang sudah dikonfirmasi, dengan cara
menekan aksi (hapus).
Gambar 33 Aksi hapus member yang sudah dikonfirmasi
Halaman persetujuan untuk menghapus data member sudah dikonfirmasi,
jika setuju tekan aksi (hapus) dan jika tidak setuju tekan perintah
kembali.
Gambar 34 Halaman persetujuan hapus member yang sudah di konfirmasi
Admin mengubah status member, dengan cara menekan aksi (ubah).
Gambar 35 Aksi ubah status member
WEBSITE INVENTARIS BARANG LSKK Page 11
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Halaman untuk mengubah status member dengan cara memilih pilihan
status (member, operator, dan admin), kemudian tekan tombol simpan.
Gambar 36 Halaman untuk mengubah status member
Admin menampilkan data pengembalian member dalam format PDF,
dengan cara menekan icon pada website.
Gambar 37 Data member dalam format PDF
Admin mengubah password member dengan menekan aksi reset password,
sehingga password member menjadi “12345”.
Gambar 38 Halaman reset password
Menu tentang untuk menampilkan data pembuat website.
Gambar 39 Menu tentang
WEBSITE INVENTARIS BARANG LSKK Page 12
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Admin dapat keluar dari halaman admin dengan cara memilih menu keluar.
Gambar 40 Menu keluar
b. Pemakaian Website Disisi Operator
Operator melakukan login dengan cara memasukkan username dan
password, kemudian menekan tombol masuk.
Gambar 41 Form login
Operator menambah data barang baru dengan cara mengisi form tambah
barang, kemudian tekan tombol simpan.
Gambar 42 Form tambah barang
Operator melakukan pengubahan data barang, dengan cara menekan aksi
(ubah).
Gambar 43 Aksi ubah pada data barang
WEBSITE INVENTARIS BARANG LSKK Page 13
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Operator mengubah data barang dengan cara mengisi data barang yang
baru pada form yang sudah disediakan, kemudian tekan tombol simpan.
Gambar 44 Form ubah pada data barang
Operator menghapus data barang, dengan cara menekan aksi (hapus).
Gambar 45 Aksi hapus pada data barang
Halaman persetujuan untuk menghapus data barang, jika setuju tekan aksi
(hapus) dan jika tidak setuju tekan perintah kembali.
Gambar 46 Halaman persetujuan hapus pada data barang
Operator menampilkan data peminjam dengan cara memilih menu data
pinjam.
WEBSITE INVENTARIS BARANG LSKK Page 14
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Gambar 47 Halaman data peminjam
Operator menampilkan data pengembalian barang dengan cara memilih
menu data pengembalian.
Gambar 48 Halaman data pengembalian barang
Operator menampilkan data member dengan cara memilih menu data
member.
Gambar 49 Halaman data member
Menu tentang untuk menampilkan data pembuat website.
Gambar 50 Menu tentang pembuat aplikasi
Operator dapat keluar dari halaman operator dengan cara memilih menu
keluar.
Gambar 51 Menu keluar
c. Pemakaian Website Disisi Member
Member melakukan pendaftaran sebagai member baru dengan cara
mengisi form pendaftaran, kemudian tekan tombol simpan.
WEBSITE INVENTARIS BARANG LSKK Page 15
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Gambar 52 Form registrasi member baru
Member melakukan login dengan cara memasukkan username dan
password, kemudian menekan tombol masuk.
Gambar 53 Form login
Member melakukan peminjman barang dengan cara menekan aksi
(pinjam).
Gambar 54 Halaman peminjaman barang
Member mengisi form peminjaman, kemudian tekan tombol tambah.
Gambar 55 Form peminjaman barang
WEBSITE INVENTARIS BARANG LSKK Page 16
MANUAL BOOK WEBSITE INVENTARIS BARANG LSKKGROUP 3 TA TMD BATCH 4
Barang yang di pinjam masuk kedalam tabel data barang yang dipinjam,
dan jika barang yang dipinjam sudah cukup maka member menekan
tombol simpan.
Gambar 56 Tabel barang yang sudah dipinjam
Member dapat melakukan pengembalian baran dengan cara menekan aksi
kembali.
Gambar 57 Halaman pengembalian barang
Member mengganti password dengan cara memilih menu ganti password,
kemudian isi password baru dan setelah itu tekan tombol simpan.
Gambar 58 Form ganti password
Member dapat keluar dari halaman operator dengan cara memilih menu
keluar.
Gambar 59 Menu keluar
WEBSITE INVENTARIS BARANG LSKK Page 17