MANUAL BOOK WEBSITE INVENTARIS BARANG · Web viewbagaimana cara menggunakan aplikasi website...

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.



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



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.



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



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.



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.



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.



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.



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



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



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



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



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


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



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.



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.


c. Pemakaian Website Disisi Member

Member melakukan pendaftaran sebagai member baru dengan cara

mengisi form pendaftaran, kemudian tekan tombol simpan.



Gambar 52 Form registrasi member baru

Member melakukan login dengan cara memasukkan username dan


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



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.



MANUAL BOOK WEBSITE INVENTARIS BARANG · Web viewbagaimana cara menggunakan aplikasi website...

Documents

Transcript of MANUAL BOOK WEBSITE INVENTARIS BARANG · Web viewbagaimana cara menggunakan aplikasi website...