2018

BUKU PANDUAN PENGGUNAAN APLIKASI

PEMBUATAN APLIKASI INVENTORY

BERBASIS WEBSITE PADA TOKO
PERLENGKAPAN HEWAN PELIHARAAN
NIHACH PETSHOP

DIBUAT OLEH :

LUTHFIRRAHMAN JAUHARIN

UNIVERSITAS GUNADARMA
FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI
JURUSAN SISTEM INFORMASI
BUKU PANDUAN PENGGUNAAN APLIKASI

DAFTAR ISI

Daftar Isi ........................................................................................... 1

Gambaran Umum Aplikasi ............................................................... 2
Kebutuhan Hardware dan Software .................................................. 3
Petunjuk Instalasi .............................................................................. 4
Petunjuk Penggunaan ........................................................................ 5

1|Hal
BUKU PANDUAN PENGGUNAAN APLIKASI

Gambaran Umum

Aplikasi
Inventory merupakan system yang berfungsi untuk mengelola semua persediaan barang
dagangan yang selalu mengalami perubahan jumlah dan nilai melalui transaksi penjualan
maupun transaksi pembelian. Aplikasi inventory berbasis website saat ini sudah mengalami
banyak perkembangan dari yang paling sederhana maupun yang paling komplit.

Salah satu barang yang dapat diolah melalui website adalah persediaan jumlah barang di suatu
gudang. Contohnya di sebuah toko hewan peliharaan Nihach Petshop yang berlokasi di Citra
Raya, Kabupaten Tangerang memiliki sebuah gudang dengan jumlah kelinci, hamster dan
berbagai macam perlengkapannya yang banyak, akan terasa mudah jika adanya aplikasi
inventory berbasis website untuk mengolah datanya atau memperbarui jumlahnya. Hadirnya
aplikasi inventory berbasis website ini, pemilik toko dapat mengolah atau memperbarui jumlah
hewan beserta perlengkapannya di suatu gudang dengan mudah tanpa harus melakukan
pencatatan maupun pengolahan data jumlah hewan/perlengkapannya secara manual ataupun
tulis tangan dengan secarik kertas.

2|Hal
BUKU PANDUAN PENGGUNAAN APLIKASI

KEBUTUHAN

HARDWARE &
SOFTWARE

Hardware
Hardware yang dibutuhkan untuk menjalankan aplikasi ini minimal memiliki spesifikasi
sebagai berikut :
Komputer

Processor AMD Ryzen 3 2200U with Radeon Vega Mobile Gfx (4 CPUs), ~2.5GHz, 8192MB
RAM, Monitor, VGA Radeon Vega Graphics, Mouse.

Software
Software yang dibutuhkan untuk menjalankan aplikasi ini adalah sebagai berikut :
Sistem Operasi Windows 7/8/10.
XAMPP.
Web Browser.

3|Hal
BUKU PANDUAN PENGGUNAAN APLIKASI

PETUNJUK

INSTALASI

Komputer yang akan digunakan untuk menjalankan aplikasi minimal sudah terinstall Sistem
Operasi Windows 7 dan program XAMPP.
Langkah instalasi :

1. Copy kan modul program ke dalam direktori kerja:

C:\Xampp\htdocs\project_inventarisv3
2. Import database yang sudah di sediakan melalui web browser melalui link berikut:
http://localhost/phpmyadmin
1. Membuat database baru, pilih new lalu pada kolom basis data isikan nama database
baru:
project_inventarisv3
2. Pilih Impor lalu pilih file dengan format .sql lalu tekan button kirim, misalkan :
project_inventarisv3.sql
3. Sesuaikan konfigurasi database yang akan digunakan, misalkan :
C:\Xampp\htdocs\project_inventarisv3\koneksi.php
Ubah database :
$db['default'] = array(
'hostname' => 'localhost',
'username' => 'root',
'password' => '',
'database' => 'project_inventarisv3', );

4|Hal
BUKU PANDUAN PENGGUNAAN APLIKASI

PETUNJUK
PENGGUNAAN

A. MENJALANKAN APLIKASI
Jalankan website dengan membuka web browser lalu masukkan url berikut :
www.nihachpetshopinventory.xyz
Jika menggunakan localhost, sesuaikan localhost yang digunakan:
http://localhost/project_inventarisv3/
Maka akan tampil halaman awal website sebagai berikut :

Gambar 1. Halaman Awal

Pada saat pertama kali diakses, maka akan langsung muncul tampilan login.
Untuk masuk dan menggunakan aplikasi user harus login terlebih dahulu dengan
memasukkan username dan password yang sudah terdaftar sebelumnya.

5|Hal
BUKU PANDUAN PENGGUNAAN APLIKASI

B. TAMPILAN MENU
1. HALAMAN DASHBOARD
Dihalaman ini admin bisa melihat informasi toko dan stok barang yang
tinggal sedikit.

Gambar 2. Tampilan Halaman Dashboard

6|Hal
BUKU PANDUAN PENGGUNAAN APLIKASI

2. HALAMAN DATA BARANG

Halaman ini merupakan halaman informasi data barang yang digunakan
pada Toko Perlengkapan Hewan Peliharaan Nihach Petshop. Pada halaman data
barang admin bisa menambah barang baru, melihat ketersediaan barang,
menghapus dan mengubah data.

Gambar 3. Tampilan Halaman Data Barang

Jika button tambah data barang mendapatkan aksi, maka akan

menampilkan halaman ini. Pada halaman ini admin dapat memasukkan data
barang yang akan tersimpan kedalam database inventory. Tombol kembali
adalah untuk kembali ke halaman sebelumnya. Nama barang adalah nama
barang yang akan dimasukkan. Jumlah adalah jumlah dari barang yang akan
dimasukkan. Tombol simpan adalah untuk menyimpan perubahan dalam
tambah data barang.

Gambar 4. Tampilan Form Tambah Data Barang Pada Halaman Data Barang

7|Hal
 BUKUPANDUAN
BUKU PANDUANPENGGUNAAN
PENGGUNAANAPLIKASI
APLIKASI

Jika button edit mendapatkan aksi maka akan menampilkan halaman ini.
Halaman ini digunakan oleh admin untuk mengubah (memperbarui) data
produk yang sudah ada. Tombol kembali adalah untuk kembali ke halaman
sebelumnya. Nama barang adalah nama barang yang sudah ada dan bisa diganti.
Jumlah adalah jumlah dari barang yang ingin diganti. Tombol simpan adalah
untuk menyimpan perubahan dalam edit data barang.

Gambar 5. Tampilan Form Edit Barang Pada Halaman Data Barang

8|Hal
BUKU PANDUAN PENGGUNAAN APLIKASI

3. HALAMAN BARANG MASUK

Halaman ini menampilkan informasi dan menambah barang masuk pada
Toko Perlengkapan Hewan Peliharaan Nihach Petshop. Admin dapat melihat
tanggal masuk barang, nama barang, dan jumlah.

Gambar 6. Tampilan Halaman Barang Masuk

Jika button tambah barang masuk mendapatkan aksi, maka akan

menampilkan halaman ini. Pada halaman ini admin dapat memasukkan data
barang yang akan tersimpan kedalam database inventory. Barang adalah untuk
memilih barang yang akan dimasukkan. Tanggal masuk adalah tanggal barang
tersebut masuk kedalam gudang. Jumlah adalah jumlah dari barang yang akan
dimasukkan. Tombol simpan adalah untuk menyimpan perubahan dalam
tambah barang masuk. Tombol batal adalah untuk membatalkan penambahan
barang pada barang masuk.

Gambar 7. Tampilan Form Tambah Barang Masuk Pada Halaman Barang

Masuk

9|Hal
BUKU
BUKU PANDUAN
PANDUAN PENGGUNAAN
PENGGUNAAN APLIKASI
APLIKASI

Jika button edit mendapatkan aksi maka akan menampilkan halaman ini.
Halaman ini digunakan oleh admin untuk mengubah (memperbarui) data
produk yang sudah ada. Tombol kembali adalah untuk kembali ke halaman
sebelumnya. Nama barang adalah nama barang yang sudah ada dan bisa diganti.
Tanggal masuk adalah tanggal barang tersebut masuk kedalam gudang. Jumlah
adalah jumlah dari barang yang ingin diganti. Tombol simpan adalah untuk
menyimpan perubahan dalam edit barang masuk.

Gambar 8. Tampilan Form Edit Barang MasukPada Halaman Barang Masuk

10 | H a l
BUKU PANDUAN PENGGUNAAN APLIKASI

4. HALAMAN BARANG KELUAR

Halaman ini menampilkan informasi barang keluar pada Toko
Perlengkapan Hewan Peliharaan Nihach Petshop dan menambah data barang
keluar. Admin dapat melihat tanggal keluar barang yang terjadi setiap
transaksinya.

Gambar 9. Tampilan Halaman Barang Keluar

Jika button tambah barang keluar mendapatkan aksi, maka akan

menampilkan halaman ini. Pada halaman ini admin dapat memasukkan data
barang yang akan tersimpan kedalam database inventory. Barang adalah untuk
memilih barang yang akan dimasukkan. Tanggal keluar adalah tanggal barang
tersebut keluar dari gudang. Jumlah adalah jumlah dari barang yang akan
dikeluarkan. Keterangan adalah keterangan untuk barang terjual atau rusak.
Tombol batal adalah untuk membatalkan penambahan barang pada barang
keluar. Tombol simpan adalah untuk menyimpan perubahan dalam tambah
barang masuk.

Gambar 10. Tampilan Form Tambah Barang Keluar Pada Halaman Barang
Keluar

11 | H a l
BUKU PANDUAN PENGGUNAAN APLIKASI

Jika button edit mendapatkan aksi maka akan menampilkan halaman ini.
Halaman ini digunakan oleh admin untuk mengubah (memperbarui) data
produk yang sudah ada. Tombol kembali adalah untuk kembali ke halaman
sebelumnya. Nama barang adalah nama barang yang sudah ada dan bisa diganti.
Tanggal keluar adalah tanggal barang tersebut keluar dari gudang. Jumlah
adalah jumlah dari barang yang ingin diganti. Keterangan adalah keterangan
untuk barang keluar yang ingin diganti. Tombol batal adalah untuk
membatalkan penambahan barang pada barang keluar. Tombol simpan adalah
untuk menyimpan perubahan dalam edit barang keluar.

Gambar 11. Tampilan Halaman Form Edit Barang Keluar Pada Halaman Barang
Keluar

12 | H a l
BUKU PANDUAN PENGGUNAAN APLIKASI

5. HALAMAN ADMIN
Pada tampilan halaman admin merupakan halaman untuk melihat admin/user
yang bisa digunakan pada website inventori ini. Admin bisa menambah user,
mengubah user, dan menghapus user.

Gambar 12. Tampilan Halaman Admin

Jika button tambah admin mendapatkan aksi, maka akan menampilkan

halaman ini. Pada halaman ini admin dapat menambah user baru. Nama adalah
nama yang akan digunakan oleh user baru. Username adalah nama yang dipakai
user baru untuk login. Password adalah kata sandi untuk yang dipakai user baru
untuk login. Foto adalah gambar yang akan dipakai user baru sebagai foto
profilnya. Tombol simpan adalah untuk menyimpan perubahan dalam tambah
barang masuk.

Gambar 13. Tampilan Form Tambah Admin Pada Halaman Admin

13 | H a l
BUKU PANDUAN PENGGUNAAN APLIKASI

Jika button edit mendapatkan aksi maka akan menampilkan halaman ini.
Halaman ini digunakan oleh admin untuk mengubah (memperbarui) data user
yang sudah ada. Tombol kembali adalah untuk kembali ke halaman
sebelumnya. Nama adalah nama user yang sudah ada dan bisa diganti.
Username adalah nama yang dipakai user untuk login dan dapat diganti.
Password adalah kata sandi yang sudah dipakai user untuk login dan dapat
diganti. Foto adalah gambar yang dipakai user sebagai foto profil dan dapat
diganti. Tombol simpan adalah untuk menyimpan perubahan dalam edit barang
keluar.

Gambar 14. Tampilan From Edit Data Admin Pada Halaman Admin

14 | H a l
BUKU PANDUAN PENGGUNAAN APLIKASI

6. HALAMAN LAPORAN
Halaman laporan menampilkan daftar data barang masuk dan keluar pada Toko
Perlengkapan Hewan Peliharaan Nihach Petshop. Admin dapat melakukan print out
laporan, dan melihat laporan. Mulai tanggal adalah tanggal dimulainya untuk
melihat laporan. Sampai tanggal adalah tanggal berakhirnya untuk melihat laporan.
Laporan adalah untuk memilih barang masuk atau barang keluar. Tombol
Tampilkan adalah untuk menampilkan laporan yang sudah di filter.

Gambar 15. Tampilan Halaman Laporan

Pada Halaman ini adalah tampilan setelah laporan di filter.

Gambar 16. Tampilan Halaman Laporan

15 | H a l
BUKU PANDUAN PENGGUNAAN APLIKASI

7. HALAMAN GANTI PASSWORD

Halaman ganti password merupakan halaman untuk mengganti password
admin yang sedang digunakan. Masukkan password baru adalah untuk
memasukkan password baru untuk user yang sedang digunakan. Tombol
simpan adalah untuk menyimpan perubahan.

Gambar 17. Tampilan Halaman Ganti Password

16 | H a l