SKRIPSI
11162199
2021
ii
PERSEMBAHAN
Untuk keperluan perizinan pada pemilik dapat menghubungi informasi yang tertera
di bawah ini:
No.Telp : 085158777395
Email : andininuria07@gmail.com
v
vi
KATA PENGANTAR
Untuk dapat memenuhi salah satu syarat tersebut diatas, maka penulis
menyusun dan membuat Skripsi ini kedalam sebuah buku yang sederhana. Adapun
penulis dalam membuat Skripsi ini mengangkat judul “Sistem Infomasi Persediaan
Barang Pada Kopi Dulu Depok Berbasis Web”.
Dalam membuat Skripsi ini, penjulis menyadari bahwa tampa adanya bantuan
dan masukan serta bimbingan dari semua pihak maka ini tidak akan terselesaikan
tepat pada waktunya. Oleh karena itu ucapan terima kasih penulis kepada semua
pihak yang turut mendukung dan membantu dalam penyelesaian skripsi hingga tepat
pada waktunya khususnya kepada:
1. Dr. Dwiza Riana SSi, MM, MKom selaku Ketua Universitas Nusa Mandiri
2. Wakil Ketua I Bidang Akademik Universitas Nusa Mandiri
3. Ketua Program Studi Sistem Informasi Universitas Nusa Mandiri
4. Bapak Andi Arfian selaku Dosen Pembimbing Skripsi
5. Staff/Karyawan/Dosen Universitas Nusa Mandiri
6. Bapak Andrian Dwi Surya dan Bapak Panji Utomo selaku pemilik Kopi Dulu
7. Bapak Fachri Ferdiansyah selaku Supervisor dan Staff yang bekerja di Kopi Dulu
8. Ibu dan keluarga saya yang telah memberikan dukungan penuh
9. Teman – teman mahasiswa kelas 11.8AA.06
Serta semua pihak yang membantu yang tidak dapat disebutkan satu per satu
sehingga terwujudnya skripsi ini. Penulis menyadari bahwa penulisan skripsi ini
masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang
bersifat membangun demi kesempurnaan penulisan dimasa yang akan datang.
Akhir kata semoga skripsi ini dapat berguna bagi penulis khususnya dan bagi para
pembaca yang berminat pada umumnya.
Penulis
vii
viii
ABSTRAK
Nuria Andini Tazkiya (11162199), Perancangan Sistem Informasi Persediaan
Bahan Baku Pada Dulu Kopi Depok Berbasis Web
Dulu Kopi Depok adalah cafe yang bergerak dalam bidang perdagangan kuliner yaitu
menjual berbagai jenis minuman baik yang terbuat dari kopi maupun tidak dan juga
menjual berbagai jenis makanan, akan tetapi sampai saat ini untuk mencatat stok
bahan baku Dulu Kopi Depok belum terkomputersisasi dan membutuhkan adanya
suatu sistem informasi yang menunjang dan membantu proses pengolahan data pada
cafe ini. Dulu Kopi Depok ini masih menggunakan sistem kerja manual dalam
pengolahan data, mulai dari pengecekan kesediaan bahan baku, mencatat transaksi,
sampai menyimpanan data – data lainnya yang berhubungan dengan proses
persediaan bahan baku hingga sampai pembuatan laporan, sehingga memungkinkan
pada saat proses berlangsung terjadi kesalahan dalam pencatatan, kurang akuratnya
laporan yang dibuat dan keterlambatan dalam pencarian data – data yang diperlukan.
Perancangan Sistem informasi ini merupakan solusi terbaik untuk memecahkan
permasalahan – permasalahan yang ada pada Dulu Kopi Depok, serta dengan sistem
terkomputerisasi dapat tercapai suatu kegiatan yang efektif dan efisien dalam
menunjang akifitas pada kedai ini sehingga sistem persediaan bahan baku dapat lebih
efektif dibandingkan dengan sistem manual seperti dahulu.
Kata Kunci: Perancangan Sistem Informasi, Sistem Penyediaan Bahan Baku.
ABSTRACT
ix
x
DAFTAR ISI
JUDUL ................................................................................................................. i
PERSEMBAHAN ............................................................................................... ii
ABSTRAKSI ....................................................................................................... ix
A. Observasi ............................................................ 4
B. Wawancara ......................................................... 4
B. Desain ................................................................. 5
D. Testing ................................................................. 5
E. Support ................................................................ 5
xi
xii
LAMPIRAN …………………………………………………………………….104
DAFTAR SIMBOL
xiii
xiv
2. Activity Diagram
4. Sequence Diagram
xv
xvi
5. Class Diagram
6. Component Diagram
xvii
xviii
DAFTAR GAMBAR
xix
xx
DAFTAR TABEL
PENDAHULUAN
umumnya suatu pekerjaan yang dilakukan pada perusahaan maupun individu dapat
dikerjakan dengan lebih cepat dan efisien dengan menggunakan teknologi. Teknologi
adalah salah satu yang sering digunakan dalam aktivitas suatu perusahaan bahkan
teknologi yang up-to-date dan akurat sangat penting. Dalam suatu perusahaan
terdapat beberapa bagian yang harus di tangani dan di kelola secara professional,
diantaranya yaitu bagian Stock barang (inventory) yang dimana bagian Stock barang
perusahaan.
Stock barang (inventory) merupakan salah satu hal penting dalam sauatu
dihadapi oleh suatu perusahaan. Inventory sebagai persediaan bahan baku, supplies,
komponen, dan barang jadi dalam jumlah besar. Oleh karena itu perusahaan harus
dapat mengelola inventory barang dengan efisien dan tepat agar sesuai dengan tujuan
perserdiaan barang maupun bahan baku dengan baik, maka dapat memenuhi
1
2
Bagi suatu perusahaan sistem informasi persediaan barang sangatlah penting. Karena
manual dalam kartu stok terkadang akan menimbulkan suatu kesalahan seperti
ketidakcocokan pencatatan manual pada barang dan data excel daftar persediaan
barang. Maka dari itu diperlukan suatu perancangan sistem informasi persediaan
Kopi Dulu merupakan suatu coffee shop yang menjual beberapa jenis
minuman dengan bahan baku dasar berbagai jenis biji kopi, maupun minuman tanpa
bahan baku biji kopi. Selain menjual minuman, Kopi Dulu juga menyediakan
Sistem Informasi yang berjalan pada Kopi Dulu saat ini masih belum optimal
karena masih menggunakan cara yang manual seperti masih mencatat stok bahan
baku begitupun bahan yang masih tersedia, bahan yang sudah habis, maupun bahan
yang akan dipesan. Hal ini menjadi kurang efektif dan efisien, karena akan
Atas dasar permasalahan yang sudah dijelaskan diatas, maka dari itu penulis
mengangkat permasalahan tersebut dalam skripsi ini dan tertarik untuk membuat
persediaan bahan baku secara efisien dan tepat sehingga dapat memantau persediaan
sebagai berikut :
c. Sering nya terjadi selisih total pada pencatatan saat setelah dilakukan inventory.
minuman agar lebih berjalan dengan cepat efektif dan efisien pada coffee shop Kopi
Dulu ?
Penulisan skripsi ini mempunyai maksud dan tujuan, adapun maksud dari
coffee shop.
2. Agar sistem persediaan bahan baku lebih terstruktur dengan sangat baik.
4. Agar dapat memberikan laporan persediaan barang dengan lebih cepat, akurat
dan efisien.
4
memenuhi salah satu syarat kelulusan program Strata Satu (S1) program studi Sistem
Nusa Mandiri.
a. Observasi
pada coffee shop Kopi Dulu, dengan mengamati proses pencatatan persediaan bahan
baku.
b. Wawancara
yang ada saat melakukan pengecekan persediaan bahan baku yang berjalan pada
c. Studi Pustaka
menggunakan internet untuk mencari referensi yang berkaitan dengan judul, dan
pokok permasalahan yang diambil dari berbagai sumber, baik dari luar maupun dari
metode waterfall ini yaitu segala sistem harus dilakukan secara berurutan. Tahapan –
baku dan data lainnya. Kebutuhan software yang akan digunakan untuk merancang
sistem informasi persediaan barang harus bisa didapatkan dalam tahap ini, termasuk
kegunaannya didalam aplikasi yang akan dibuat nanti, biasanya informasi ini
b. Desain
Relational Structure (LRS) sebagai design database dan diagram yang digunakan
yaitu Use Case Diagram. Untuk merancang antarmuka pada web agar lebih mudah
dipahami saat digunakan oleh user alur web akan dibuat dalam bentuk navigasi.
c. Code Generation
d. Testing
menguji setiap form terutama bagian bagian yang memiliki validasi apakah sesuai
yang di harapkan.
e. Support
Ruang lingkup yang akan dibahas tentang persediaan bahan baku serta
laporan dari transaksi itu sendiri yang terdiri dari produk barang, supplier, kategori,
jumlah stok barang yang tersedia, transaksi dan laporan barang masuk dan barang
keluar. Dimulai dari staff gudang mengecek jumlah ketersediaan barang, lalu
mencatat stok barang yang hamppir habis, lalu memberikannya ke bagian admin, lalu
bagian admin melakukan pemesanan barang kepada supplier, lalu bagian gudang
menerima dan mengecek kualitas barang dari supplier, setelah itu staff gudang
mecatat stok barang yang ada digudang dan memberikan nya kepada admin, setelah
.
BAB II
LANDASAN TEORI
a. Pengeretian Sistem
procedure – procedure atau bagan – bagan pengolahan yang mencari suatu tujuan
tertentu [1].
Sistem adalah himpunan dari bagian – bagian yang saling berhubungan yang
Sebagian sistem terdiri dari subsistem kecil yang mendukung sistem yang
lebih besar. Dari beberapa pnegertian sistem terserbut, maka dapt disimpulkan bahwa
sistem merupakan kumpulan dari beberapa jaringan atau subsistem yang saling
b. Karakteristik Sistem
Sistem mempunyai karakteristik atau sifat – sifat tertentu sebagai berikut [2]:
1. Komponen Sistem
7
8
Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang
dapat berupa suatu bentuk subsistem. Setiap subsistem memiliki sifat dari sistem
yang menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara
keseluruhan.
antara sistem dengan sistem lainnya atau sistem dengan ligkungan luarnya. Batasan
sistem ini memungkinkan suatu sistem dipandang sebagai satu kesatuan yang tidak
Bentuk apapun yang ada diruang lingkup atau batasan sistem yang
Lingkungan luar sistem ini dapat menguntungkan dan dapat merugikan sistem
tersebut.
daya mengalir dari satu subsistem ke subesistem lain. Keluaran suatu subsistem akan
Energi yang dimasukkan ke dalam sistem disebut masukan sistem yang dapat
Hasil energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna.
Keluaran ini merupakan masukan bagi subsistem yang lain, seperti contoh sistem
7. Pengolahan Sistem
Suatu sistem dapat mempunyai suatu proses yang akan mengubah masukan
menjadi keluaran.
8. Sasaran Sistem
Suatu sistem mempunyai tujuan dan sasaran yang pasti dan bersifat
deterministik. Jika suatu sistem tidak memiliki sasaran, maka operasi sistem tidak
ada gunanya. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuan yang
telah direncanakan.
c. Pengertian Informasi
Informasi adalah data yang telah diolah menjadi bentuk yang lebih berarti
Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan
lebih berarti bagi yang menerimanya. Dapat dikatakan bahwa data merupakan bahan
mentah, sedangkan informasi adalah bahan jadi atau bahan yang telah siap
sebuah data yang telah dikelola dan diorganisasi yang memiliki manfaat dan dapat
informasi.
10
d. Pengertian Informasi
Informasi adalah data yang telah diolah menjadi bentuk yang lebih berarti
Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan
lebih berarti bagi yang menerimanya. Dapat dikatakan bahwa data merupakan bahan
mentah, sedangkan informasi adalah bahan jadi atau bahan yang telah siap
sebuah data yang telah dikelola dan diorganisasi yang memiliki manfaat dan dapat
informasi.
berinteraksi secara sistematis dan teratur untuk menciptakan dan membentuk aliran
bersifat manajerial, dan kegiatan strategi dari suatu organisasi dan menyediakan
informasi adalah sebuah sistem dalam suatu organisasi yang menyediakan informasi
11
menyelesaikan masalah yang terkait dengan usaha pengendalian bahan baku maupun
Persediaan (inventory) adalah bahan atau barang yang disimpan yang akan
produksi atau perakitan, untuk dijual kembali, atau untuk suku cadang dari suatu
Penemu situs web pertama kali adalah Sir Timothy John “Tim” Berners-Lee,
sedangkan situs web yang tersambung dengan jaringan pertama kali muncul pada
tahun 1991. Maksud dari Tim ketika merancang situs web adalah untuk memudahka
tukar menukar dan memperbarui informasi pada sesame peneliti di tempat ia bekerja.
Situs web biasanya ditempatkan pada server web. Sebuah server web umumnya telah
nama ranah, serta meangani layanan atas protocol HTTP yang disebut sebagai Server
HTTP, seperti Apache HTTP Server atau Internet Information Service (IIS) [8].
12
berhubungan yang umumnya berada pada paladin yang sama berisikan kumpulan
Metode air terjun atau yang sering disebut metode waterfall sering
dinamakan siklus hidup klasik (classic life circle), dimana hal ini menggambarkan
1. Requirment Analisis
memahami perangkat lunak yang diharapkan oleh pengguna dan batasan perangkat
lunak tersebut.
2. System Design
sistem persyaratan dan juga membantu dalam mendefinisikan arsitektur sistem secara
keseluruhan.
13
3. Implementation
Pada tahap ini, sistem pertama kali dikembangkan di program kecil yang
disebut unit, yang terintegrasi dalam tahap selanjutnya. Setiap unit dikembangkan
dalam sistem setelah pengujian yang telah dilakukan masing – masing unit. Setelah
integrasi seluruh sistem diuji untuk mengecek setiap kegagalan maupun kesalahan.
Tahap akhir dalam model waterfall. Perangkat lunak yang sudah jadi,
implementasi unit sistem dan peningkatan jasa sistem sebagai kebutuhan baru.
[9]
bagaimana sistem ini berinteraksi dengan dunia luar. Use Case dapat digunakan
14
bekerja.
sedang dirancang. Activity diagram juga dapat menggambarkan proses paralel yang
Class Diagram adalah visualisasi kelas – kelas dari suatu sistem dan
merupakan tipe diagram yang paling banyak dipakai. Diagram ini memperlihatkan
hubungan antar kelas dan penjelasan detail tiap – tiap kelas dalam model desain
5. Deployment Diagram
processing node. Diagram ini adalah salah satu diagram paling penting dalam tingkat
[11].
15
komponen himpunan entitas dan himpunan relasi yang masing – masing dilengkapi
dengan atribut – atribut yang mereprentasikan seluruh fakta dari dunia nyata yang
menjelaskan hubungan antar data dalam basis data berdasarkan objek – objek dasar
data yang mempunyai hubungan atau relasi ERD untuk memodelkan struktur data
dan hubungan antar data, untuk menggambarkannya digunakan beberapa notasi dan
symbol [5].
1. Entitas (Entity)
Entitas merupakan data inti yang akan disimpan, bakal tabel pada basis data,
benda yang memiliki data dan harus disimpan datanya agar dapat diakses oleh
aplikasi computer. Penamaan enetitas biasanya lebih ke kata benda dan belum
2. Atribut
Field atau kolom data yang butuh disimpan dalam suatu entitas.
Field atau kolom data yang butuh disimpan dalam suatu entitas dan
digunakan sebagai kunci akses record yang diinginkan. Biasanya berupa id; kunci
primer dapat lebih dari satu kolom, asalkan kombinasi dari beberapa kolom tersebut
Field atau kolom data yang butuh disimpan dalam suatu entitas yang dapat
5. Relasi
Relasi yang menghubungkan antar entitas biasanya diawali dengan kata kerja.
6. Asosiasi (Association)
keterhubungan antara entitas satu dengan yang lain disebut dengan kardinalitas.
LRS yang memulai proses kardinalitas dan menghilangkan atribut – atribut yang
1. One-to-one
Relasi yang terjadi antara satu entity dengan entity lainnya yang memiliki
hubungan 1:1.
17
2. One-to-many
Relasi yang terjadi antara satu entity dengan entity lainnya yang memiliki
hubungan 1:M.
3. Many-to-many
Relasi yang terjadi antara satu entity dengan entity lainnya yang memiliki
hubungan M:N. Pada relasi ini biasa menggunakan tabel bantuan untu memecahkan
1. JavaScript
program yang digunakan agar dokumen HTML yang ditampilkan dalam browser
2. PHP
menyatu dengan HTML untuk membuat halaman web yang dinamis yang dapat
3. XAMPP
XAMPP adalah web server yang mudah digunakan yang dapat melayani
tampilan halaman web yang dinamis dan dapat diakses secara local menggunakan
4. MySQL
MySQL adalah salah satu jenis database server yang terkenal dan banyak
Sistem inventory obat pada Rumah Sakit Umum Daerah (RSUD) Padang saat
ini masih bersifat manual. Jenis dan jumlah obat yang terus bertambah dengan arus
keluar masuk obat yang semakin meningkat. Penanganan data dengan sistem manual
dalam pengecekan stok obat, setiap laporannya terjadi redundancy data dan kurang
teliti dalam pencatatan stok obat yang masuk maupun yang keluar sehingga terjadi
control persediaan obat dan memberikan laporan update stok. Aplikasi program
inventory juga dapat memonitoring stok obat sehingga semua obat yang masuk
maupun keluar di gudang dapat diketahui dengan jelas tanpa adanya kesalahan yang
akan mengganggu proses penyediaan obat. Dengan demikian penelitian ini mampu
19
Usaha ini didirikan pada September 2018, pada awalnya Pak Andrian Dwi
Surya dan Pak Panji Utomo sangat menyukai kopi. Oleh karena itu mereka mulai
mempelajari serta mendalami segala jenis – jenis kopi, lalu timbul keinginan untuk
menjual kopi buatan nya dan dengan tujuan lain, agar dapat membuka lapangan
pekerjaan bagi orang – orang yang membutuhkan pekerjaan. Akhir nya Pak Andrian
Dwi Surya dan Pak Panji Utomo membuka sebuah café dengan nama “Kopi Dulu”
yang berlokasi di Jl. Sentosa Raya No.64, Mekar Jaya, Kec.Sukma Jaya, Kota
maka untuk mewujudkan itu di perlukan struktur organisasi karna struktur organisasi
organisasi.
20
21
Struktur Organisasi
Kopi Dulu
Gambar III.1
1. Owner
Owner adalah pemilik suatu perusahaan atau suatu usaha, owner ini dapat
cashflow.
2. Staf Gudang
Staf Gudang adalah orang yang melakukan control kualitas terhadap barang
yang masuk, barang yang disimpan, atau barang yang keluar dari gudang dan
membuat
3. Kasir
Kasir adalah orang yang bertugas untuk melayani transaksi dan menyimpan
4. Barista
5. Waitress
Kopi Dulu merupakan usaha yang bergerak dalam bidang kuliner, yaitu
menjual beberapa macam minuman. Dalam proses persediaan barang diawali dengan
Staf Gudang memeriksa stok barang, apabila stok barang berkurang makan Staf
sesuai preorder dan barang diterima oleh staf gudang. Kemudian staff gudang
menerima pesanan serta mengecek jumlah dan kualitas barang. Setelah melakukan
pengecekan barang, apakah barang yang dikirim sesuai dengan pesanan atau tidak,
jika ada yang rusak atau tidak sesuai maka bagian gudang akan melakukan retur. Dan
bagian gudang menandatangani surat tanda terima barang. Lalu barista meminta
bagian gudang melakukan pengecekan apakah barang yang diminta tersedia atau
tidak. Jika tersedia maka bagian gudang akan membuat surat keluar barang. Dan
diakhir bulan owner toko akan menerima laporan bulanan dari bagian admin yang
Ba g i a n Gu d a n g Ad m i n Su p p l i e r Ow n e r
Start
Me n g e ce k Ba ra n g
A
Pe rm i n ta a n
Me m b u a t Su ra t Me n g e ce k
Su ra t
Pre Ord e r Ke te rse d i a a n
Pe m e sa n a n
Ba ra n g
Ba ra n g
Barang
ada?
Tidak Ya
Me l a ku ka n Pre Me m b e ri Me m b u a t
Ord e r Ba ra n g Ya n g Ko n fi rm a si Fa ktu r
Te rse d i a
Me n e ri m a Ba ra n g Me n g i ri m Ba ra n g
Me l a ku ka n
Pe n g e ce ka n Ba ra n g
Ya Tidak
Me n yi m p a n Me m i n ta Me m b u a t Su ra t R e tu r Ba ra n g
Ba ra n g Su ra t R e tu r Ba ra n g D a n
R e tu r Me n g i ri m Ke
Su p p l i e r
Ta n d a Ta n g a n Su ra t
Me m b u a t L a p o ra n Me n e ri m a L a p o ra n
Pe n e ri m a a n Ba ra n g
Finish
Gambar III.2
Tujuan : Admin
Media : Kertas
Tujuan : Supplier
Media : Kertas
Dokumen Keluaran
Tujuan : Owner
Media : Kertas
Tujuan : Admin
Media : Kertas
Tujuan : Supplier
Media : Kertas
dilakukan adalah Analisa kebutuhan. Terdapat beberapa pengguna atau user yang
saling berinteraksi dalam lingkup system yaitu admin, bagian Gudang, supplier dan
berbeda-beda dan memiliki kebutuhan informasi yang berbeda beda sebagai berikut:
A. Halaman Sistem :
menggunakannya.
B. Halaman Pengguna
26
27
4. User dapat melihat, menambah, mengubah dan menghapus barang masuk dan
barang keluar.
5. User dapat melihat dan membuat laporan barang masuk dan barang
Rancangan use case diagram sistem informasi persediaan barang Kopi Dulu
memasukan
Login user name Home
«include»
password «extend»
Melihat, menambah,
dan menghapus data
User
Melihat data
pegawai/user, Supplier,
Data barang, Stok, dan
Laporan barang
Administrator
Logout
Gambar IV.1
Tabel IV.1
uc Usecase User
Melihat, menambah,
menghapus dan mengubah Melihat, menambah,
data Supplier mengubah, menghapus
data kategori barang
Melihat, menambah,
menghapus data produk
Melihat, menambah,
menghapus, mengubah
data Pegawai
Gambar IV.2
Keterangan : Untuk dapat menginput data, user masuk ke menu home dan
keluar.
30
Tabel IV.2
dahulu.
31
Kopi Dulu
Gambar IV.3
Package Diagram
user/admin.
32
Administrator/User Sistem
Start
Login
Gagal
Home
Menampilkan Menu di
Home
Gambar IV.4
Keterangan : User login dan memasukan username dan password. Jika berhasil
akan masuk ke menu dashboard dan apabila tidak berhasil akan konfirmasi ulang
Admin/User Sistem
Start
Masukkan Password
Lama
Masukkan Password
Baru
Masukkan Kembali
Password Baru
Gambar IV.5
Start
Home
Tambah Data
Kategori Barang
Masukkan Nama
kategori barang
Hapus Data
Kategori
Batal Oke
Gambar IV.6
Admin/User Sistem
Start
Home
Data Master
Menampilkan Halaman
Pilih Barang
Data Barang
Oke
Hapus Data Barang
Batal
Data Barang
Tersimpan
Data Barang
Terhapus
Data Barang
Diperbaharui
Gambar IV.7
Administrator Sistem
Start
Home
Gambar IV.8
User/Admin Sistem
Start
Home
Tambah Data
Masukkan Data
Supplier
Oke Batal
Data Supplier
Tersimpan
Data Suppluer
diperbaharui
Data Supplier
Terhapus
Gambar IV.9
Admin Sistem
Start
Memasukkan Nama
Barang, Jumlah Barang
Menampilkan Kode
Barang, Nama Barang,
Klik Tambah
dan Jumlah Barang
Memilih Supplier
Pilih Hapus
Batal Oke
Menghapus Data
Transaksi
Gambar IV.10
Admin Sistem
Start
Home
Memasukkan Nama
Barang, Jumlah Barang
Menampilkan Kode
Klik Tambah Barang, Nama Barang
dan Jumlah Barang
Batal Oke
Data Terhapus
Menyimpan Data
Gambar IV.11
act stok
Admin Sistem
Start
Home
Gambar IV.12
Keterangan : Untuk melihat stok barang, user harus masuk ke menu stok.
41
Admin Sistem
Start
Home
Gambar IV.13
Admin Sistem
Start
Home
Gambar IV.14
Admin Sistem
Start
Home
Gambar IV.15
Keterangan : Untuk melihat, mencetak laporan stok barang, user harus masuk
ke menu stok.
44
Admin Sistem
Start
Home
Gambar IV.16
menu barang.
45
act Logout
Admin Sistem
Start
Home
Pilih
Kembali ke halaman
Login
Gambar IV.17
Keterangan : Untuk melakukan logout, klik menu logout lalu nanti akan
muncul popup, jika memilih oke maka akan keluar dari menu home dan
kembali ke menu login. Jika memilih batal maka akan tetap pada menu home.
46
4.2. Desain
4.2.1. Database
Gambar IV.18
Gambar IV.19
barang keluar, laporan barang, laporan stok, laporan barang masuk, laporan barang
C. Spesifikasi File
Akronim : barang
Tabel IV.3
Akronim : barang_keluar
Tabel IV.4
username, jml_brg.
50
Akronim : barang_masuk
Tabel IV.5
Akronim : detail_brgkeluar
Tabel IV.6
Akronim : detail_brgmasuk
Tabel IV.7
Akronim : kategori_brg
Tabel IV.8
nama_kategori.
54
Akronim : pegawai
Tabel IV.9
Akronim : stok
Tabel IV.10
Akronim : supplier
Tabel IV.11
tlp_supp.
57
Akronim : tmp
Tabel IV.12
A. Class Diagram
Gambar IV.14
Class Diagram
59
B. Sequence Diagram
1. Login
Gambar IV.15
2. Data Master
Gambar IV.16
3. Transaksi
Gambar IV.17
4. Laporan
Gambar IV.18
C. Component Diagram
User
Web
Windows PHP
Server
Gambar IV.19
component Diagram
64
D. Deployment Diagram
PHP PhpMyAdmin
User
Mozilla Windows
Firefox
Google
Chrome
Gambar IV.20
Deployment Diagram
65
1. Tampilan login
Gambar IV.21
Tampilan Login
66
Gambar IV.21
Gambar IV.23
Gambar IV.24
Gambar IV.24
Gambar IV.26
Gambar IV.27
Gambar IV.28
Gambar IV.29
Gambar IV.30
Gambar IV.31
Gambar IV.32
Gambar IV.33
Gambar IV.34
Gambar IV.35
Gambar IV.36
Gambar IV.37
Gambar IV.38
Gambar IV.39
Gambar IV.40
1. Data Barang
<?php
session_start();
include "../../pengaturan/koneksi.php";
$module=$_GET[module];
$act=$_GET[act];
// Hapus barang
if ($module=='barang' AND $act=='hapus'){
mysql_query("DELETE FROM barang WHERE kode_brg='$_GET[id]'");
mysql_query("DELETE FROM stok WHERE kode_brg='$_GET[id]'");
header('location:../../main.php?module='.$module);
}
// Input barang
elseif ($module=='barang' AND $act=='input'){
$kode_brg=mysql_real_escape_string($_POST[kode_brg]);
$nama_brg=mysql_real_escape_string($_POST[nama_brg]);
$kode_kategori=mysql_real_escape_string($_POST[kode_kategori]);
$harga_brg=mysql_real_escape_string($_POST[harga_brg]);
$ukuran=mysql_real_escape_string($_POST[ukuran]);
$detail_brg=mysql_real_escape_string($_POST[detail_brg]);
mysql_query("INSERT INTO barang(
kode_brg,
nama_brg,
kode_kategori,
harga_brg,
ukuran,
detail_brg
)
VALUES(
'$kode_brg',
'$nama_brg',
'$kode_kategori',
'$harga_brg',
'$ukuran',
'$detail_brg')");
mysql_query("INSERT INTO stok(
kode_brg,
stok
)
VALUES(
'$kode_brg',
'0')");
81
header('location:../../main.php?module='.$module);
}
// Update barang
elseif ($module=='barang' AND $act=='update'){
$kode_brg=mysql_real_escape_string($_POST[kode_brg]);
$nama_brg=mysql_real_escape_string($_POST[nama_brg]);
$kode_kategori=mysql_real_escape_string($_POST[kode_kategori]);
$harga_brg=mysql_real_escape_string($_POST[harga_brg]);
$ukuran=mysql_real_escape_string($_POST[ukuran]);
$detail_brg=mysql_real_escape_string($_POST[detail_brg]);
mysql_query("UPDATE barang SET
kode_brg = '$kode_brg',
nama_brg = '$nama_brg',
kode_kategori = '$kode_kategori',
harga_brg = '$harga_brg',
ukuran = '$ukuran',
detail_brg = '$detail_brg'
?>
return true;
}
function hitung() {
var dp = document.getElementById("uang_muka").value-0;
var jml = document.getElementById("jml").value-0;
var sisa = jml - dp;
if (isNaN(sisa))
document.getElementById("sisa").value = 0;
else
{
if(sisa < 0){
document.getElementById("sisa").value = 0;
}else{
document.getElementById("sisa").value = sisa;
}
}
}
</script>
<script type='text/javascript'
src='autocomplete/jquery.autocomplete.js'></script>
<link rel="stylesheet" type="text/css" href="autocomplete/jquery.autocomplete.css"
/>
<script type="text/javascript">
$().ready(function() {
$("#barang").autocomplete("autocomplete/get_list.php", {
width: 260,
matchContains: true,
selectFirst: false
});
});
</script>
<?php
include "pengaturan/fungsi_alert.php";
$aksi="modul/mod_barangmasuk/aksi_barangmasuk.php";
include "pengaturan/koneksi.php";
if($jnim==1)
{ $no='MK00000'; }
elseif($jnim==2)
83
{ $no='MK0000'; }
elseif($jnim==3)
{ $no='MK000'; }
elseif($jnim==4)
{ $no='MK00'; }
elseif($jnim==5)
{ $no='MK0'; }
elseif($jnim==6)
{ $no='MK'; }
$idpr=$no.$next;
$tgl = date('Y-m-d');
echo "<h2>Data Barang Masuk</h2>";
if(isset($_GET['pesan'])){
echo "
<div class=\"ui-widget\">
<div class=\"ui-state-highlight ui-corner-all\" style=\"margin-
top: 20px; padding: 0 .7em;\">
<span class=\"ui-icon ui-icon-info\" style=\"float: left;
margin-right: .3em;\"></span>
<strong>".$_GET['pesan']."</strong>
</div>
</div>";
}
echo "
<form method=POST action='?module=barangmasuk' name=text_form>
<br>Barang : <input type=text name='barang' id='barang'>
Jumlah : <input type=text name='qty' id='qty' size=2
onkeypress=\"return isNumberKey(event)\">
<input type=submit value=' Tambah ' name='btnTambah' ><br>";
echo" <table>
<tr>
<th>No</th>
<th width=75>Kode Barang</th>
<th width=200>Nama Barang</th>
<th width=50>Jumlah</th>
<th width=70>Hapus</th>
</tr>";
$tampil=mysql_query("SELECT * FROM tmp");
$no=1;
$counter = 1;
while ($r=mysql_fetch_array($tampil)){
if ($counter % 2 == 0) $warna = $warnaGenap;
else $warna = $warnaGanjil;
echo "<tr bgcolor='".$warna."'>
<td align=center>$no</td>
<td align=center>$r[kode_brg]</td>";
84
echo "
<td align=center>$r[jumlah]</td>";
echo "
<td align=center>
<a href=\"JavaScript: confirmIt('Anda yakin akan menghapusnya
?','$aksi?module=barangmasuk&act=hapus&id=$r[id]','','','','u','n','Self','Self')\"
onMouseOver=\"self.status=''; return true\" onMouseOut=\"self.status=''; return
true\"><img src='gambar/hapus.png' title='Hapus' alt='Hapus' width='14'
height='14'></a>
</td></tr>";
$no++;
$counter++;
}
$sql2=mysql_query("SELECT sum(jumlah) as jml FROM tmp");
$rs2=mysql_fetch_array($sql2);
echo "
<tr>
<td colspan='3' align='right'><b>Jumlah Barang : </b></td>
<td align='center'><b>$rs2[jml]</b><input type=hidden name=jml id=jml
value=$rs2[jml]></td>
<td align='center'> </td>
</tr>
</table>
<table>
<tr><td>No Barang Masuk</td> <td> : <input type=text
name='no_brgmasuk' id='no_brgmasuk' value='$idpr' readonly></td></tr>
<tr><td>Tanggal Masuk</td> <td> : <input type=text id='tgl_masuk'
name='tgl_masuk' value='$tgl'></td></tr>
<tr><td>Supplier</td> <td> : <select name='kode_supp'
id='kode_supp'></option>";
$hasil4 = mysql_query("SELECT * FROM supplier
order by kode_supp");
while($r4=mysql_fetch_array($hasil4)){
echo "<option
value='$r4[kode_supp]'>$r4[nama_supp]</option>";
}
echo "</select></td></tr>
</table>
85
if($_POST) {
if(isset($_POST['btnTambah'])){
if(trim($_POST[barang])==""){
if(isset($_POST['btnSimpan'])){
$sqlcek=mysql_query("SELECT * FROM tmp");
$rscek=mysql_num_rows($sqlcek);
if($rscek > 0){
mysql_query("INSERT INTO barang_masuk(
no_brgmasuk,
tgl_masuk,
kode_supp,
username,
jml_brg)
VALUES(
'$_POST[no_brgmasuk]',
'$_POST[tgl_masuk]',
'$_POST[kode_supp]',
'$_SESSION[namauser]',
'$_POST[jml]')");
$sql=mysql_query("SELECT * FROM tmp");
while($rs=mysql_fetch_array($sql)){
mysql_query("INSERT INTO
detail_brgmasuk(
no_brgmasuk,
86
kode_brg,
jml_brg)
VALUES(
'$_POST[no_brgmasuk]',
'$rs[kode_brg]',
'$rs[jumlah]')");
$sql2=mysql_query("SELECT * FROM stok
where kode_brg='$rs[kode_brg]'");
$rs2=mysql_fetch_array($sql2);
$sisastok = $rs2[stok] + $rs[jumlah];
mysql_query("update stok set
stok=$sisastok where
kode_brg='$rs[kode_brg]'");
}
}
else{
dateFormat: "yy-mm-dd"
});
});
function isNumberKey(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57))
return false;
return true;
}
function hitung() {
var dp = document.getElementById("uang_muka").value-0;
var jml = document.getElementById("jml").value-0;
var sisa = jml - dp;
if (isNaN(sisa))
document.getElementById("sisa").value = 0;
else
{
if(sisa < 0){
document.getElementById("sisa").value = 0;
}else{
document.getElementById("sisa").value = sisa;
}
}
}
</script>
<script type='text/javascript'
src='autocomplete/jquery.autocomplete.js'></script>
<link rel="stylesheet" type="text/css" href="autocomplete/jquery.autocomplete.css"
/>
<script type="text/javascript">
$().ready(function() {
$("#barang").autocomplete("autocomplete/get_list.php", {
width: 260,
matchContains: true,
selectFirst: false
});
});
</script>
<?php
include "pengaturan/fungsi_alert.php";
$aksi="modul/mod_barangkeluar/aksi_barangkeluar.php";
include "pengaturan/koneksi.php";
$cekQ=$ceknomor[no_brgkeluar];
$awalQ=substr($cekQ,2-7);
$next=$awalQ+1;
$jnim=strlen($next);
if($jnim==1)
{ $no='MK00000'; }
elseif($jnim==2)
{ $no='MK0000'; }
elseif($jnim==3)
{ $no='MK000'; }
elseif($jnim==4)
{ $no='MK00'; }
elseif($jnim==5)
{ $no='MK0'; }
elseif($jnim==6)
{ $no='MK'; }
$idpr=$no.$next;
$tgl = date('Y-m-d');
echo "<h2>Data Barang Keluar</h2>";
if(isset($_GET['pesan'])){
echo "
<div class=\"ui-widget\">
<div class=\"ui-state-highlight ui-corner-all\" style=\"margin-
top: 20px; padding: 0 .7em;\">
<span class=\"ui-icon ui-icon-info\" style=\"float: left;
margin-right: .3em;\"></span>
<strong>".$_GET['pesan']."</strong>
</div>
</div>";
}
echo "
<form method=POST action='?module=barangkeluar' name=text_form>
<br>Barang : <input type=text name='barang' id='barang'>
Jumlah : <input type=text name='qty' id='qty' size=2
onkeypress=\"return isNumberKey(event)\">
<input type=submit value=' Tambah ' name='btnTambah' ><br>";
echo" <table>
<tr>
<th>No</th>
<th width=75>Kode Barang</th>
<th width=200>Nama Barang</th>
<th width=50>Jumlah</th>
<th width=70>Hapus</th>
</tr>";
$tampil=mysql_query("SELECT * FROM tmp");
$no=1;
89
$counter = 1;
while ($r=mysql_fetch_array($tampil)){
if ($counter % 2 == 0) $warna = $warnaGenap;
else $warna = $warnaGanjil;
echo "<tr bgcolor='".$warna."'>
<td align=center>$no</td>
<td align=center>$r[kode_brg]</td>";
echo "
<td align=center>$r[jumlah]</td>";
echo "
<td align=center>
<a href=\"JavaScript: confirmIt('Anda yakin akan menghapusnya
?','$aksi?module=barangkeluar&act=hapus&id=$r[id]','','','','u','n','Self','Self')\"
onMouseOver=\"self.status=''; return true\" onMouseOut=\"self.status=''; return
true\"><img src='gambar/hapus.png' title='Hapus' alt='Hapus' width='14'
height='14'></a>
</td></tr>";
$no++;
$counter++;
}
$sql2=mysql_query("SELECT sum(jumlah) as jml FROM tmp");
$rs2=mysql_fetch_array($sql2);
echo "
<tr>
<td colspan='3' align='right'><b>Jumlah Barang : </b></td>
<td align='center'><b>$rs2[jml]</b><input type=hidden name=jml id=jml
value=$rs2[jml]></td>
<td align='center'> </td>
</tr>
</table>
<table>
<tr><td>No Barang keluar</td> <td> : <input type=text
name='no_brgkeluar' id='no_brgkeluar' value='$idpr' readonly></td></tr>
<tr><td>Tanggal keluar</td> <td> : <input type=text id='tgl_keluar'
name='tgl_keluar' value='$tgl'></td></tr>
</table>
90
if($_POST) {
if(isset($_POST['btnTambah'])){
if(trim($_POST[barang])==""){
header('location:main.php?module=barangkeluar&pesan=Stok Barang
('.$_POST[barang].') Kurang !');
}else{
mysql_query("INSERT INTO tmp(
kode_brg,
jumlah)
VALUES(
'$brg',
'$_POST[qty]')");
echo "<meta http-equiv='refresh' content='0;
url=?module=barangkeluar'>";
}
}
}
if(isset($_POST['btnSimpan'])){
$sqlcek=mysql_query("SELECT * FROM tmp");
$rscek=mysql_num_rows($sqlcek);
if($rscek > 0){
mysql_query("INSERT INTO barang_keluar(
no_brgkeluar,
tgl_keluar,
username,
jml_brg)
VALUES(
'$_POST[no_brgkeluar]',
'$_POST[tgl_keluar]',
'$_SESSION[namauser]',
'$_POST[jml]')");
91
kode_brg='$rs[kode_brg]'");
}
}
else{
4.4. Testing
Tabel IV.13
Tabel Login
Tabel IV.14
Tabel Transaksi
Tabel IV.15
4.5. Support
Publikasi web system informasi Kopi Dulu Depok ini secara offline karena
digunakan untuk mengolah data pemesanan dan persediaan stok barang serta
Tabel IV.16
Kebutuhan Keterangan
Sistem Operasi Windows 10 Pro
Processor Intel Core I5-3317U
RAM 4GB
Monitor 14 HD slim
Keyboard Standard
Printer Hp Deskjet 1000
Mouse Standard mouse
Browser Google chrome, Mozilla Firefox
Software Xampp, PHPMyadmin dan Adobe Reader
PENUTUP
5.1. Kesimpulan
Dari riset dan pembahasan yang dilakukan pada KOPI DULU DEPOK,
1. Sistem yang masih manual kurang mendukung dalam pencatatan stok bahan
pencarian data serta laporan stok barang dengan cepat dan tepat waktu.
3. Pada system informasi ini mampu memberikan informasi tentang barang sehigga
baik.
5.2. Saran
sebagai berikut:
penggunaan system ini dapat dijalankan secara maksimal serta pelatihan dalam
menggunakan program.
96
97
2. Tampilan antar muka pada program dibuat lebih menarik lagi agar pengguna
DAFTAR PUSTAKA
SMK Pasar Minggu Jakarta,” J. Inform., vol. III, p. 92, 2016, [Online].
Available:
https://www.google.com/search?q=jurnal+sistem+informasi+berbasis+web&e
i=thIEYe3UAoXUrtoPqparQA&oq=jurnal+sistem+informasi+berbasis+web&
gs_lcp=Cgxnd3Mtd2l6LXNlcnAQAzIHCAAQRxCwAzIHCAAQRxCwAzIH
CAAQRxCwAzIHCAAQRxCwAzIHCAAQRxCwAzIHCAAQRxCwAzIHC
AAQRxCwAzIHCAAQR.
Data Pencari Kerja Pada Dinas Sosial dan Tenaga Kerja Kota Padang,” J. Ilm.
http://komputa.if.unikom.ac.id/_s/data/jurnal/vol.4-no.2/6.4.2.10.2015-93-97-
2089-9033.pdf/pdf/6.4.2.10.2015-93-97-2089-9033.pdf.
Studi Kasus Kantor Kelurahan Sumur Batu,” J. Komput. dan Inform. Univ.
Bina Sarana Inform., vol. XXI No.1, p. 113, 2019, [Online]. Available:
https://www.google.com/search?q=jurnal+sistem+informasi+berbasis+web+2
018&biw=1366&bih=600&ei=Nh8EYfe6C9aprtoPhLGKgAM&oq=jurnal+si
stem+informasi+ber&gs_lcp=Cgxnd3Mtd2l6LXNlcnAQARgCMgUIABCAB
DIFCAAQgAQyBQgAEIAEMgYIABAWEB4yBggAEBYQHjIGCAAQFhA
99
eMgYIABAWEB4yBgg.
Berbasis Web Pada CV Telaga Berkat,” J. Sisfotek Glob., vol. 9, no. 1, pp. 69–
74, 2019.
[7] K. A. Al-busaidi, “Jurnal Persediaan Barang,” Jurnal, no. 45, p. 39, 2007.
https://id.wikipedia.org/wiki/Situs_web.
Metode Waterfall Berbasis Web,” Cendikia, vol. XVIII, pp. 303–308, 2019.
https://id.wikipedia.org/wiki/Diagram_komponen.
Express ),” Pengemb. Apl. Web Pengajuan Cuti Pegawai Secara Online, vol.
https://ejournal.bsi.ac.id/ejurnal/index.php/Bianglala/article/download/2621/1
770.
[13] Lubis Ardyanata, “Bab Ii Landasan Teori,” J. Chem. Inf. Model., vol. 53, no.
https://repository.bsi.ac.id/index.php/unduh/item/1235/File_10-Bab-II-
Landasan-Teori.pdf.
100
[14] Y. Sen Sun, B. Qiu, and Q. S. Li, “The research of negative ion test method
for fabric,” Adv. Mater. Res., vol. 756–759, no. 1, pp. 138–140, 2013, doi:
10.4028/www.scientific.net/AMR.756-759.138.
166, 2019.
[16] Minarmi and Susanti, “Sistem Informasi Inventory Obat Pada Rumah Sakit
Umum Daerah ( Rsud ),” J. Momentum, vol. 16, no. 1, pp. 103–111, 2014,
[Online]. Available:
https://d1wqtxts1xzle7.cloudfront.net/37165355/ipi134988-with-cover-page-
v2.pdf?Expires=1627723044&Signature=LtUM5WjZIKC182mdLQ8-
fRgm~y6lNjUsK-X5yE1aPkaYv0F4aR4XIRnWVgUi-
8LWJXaccpLFyjgK11nAxeZaNf1i3ATr90M~PgHuu2CBng4lRLL2EOWxX
Bh5Slk3n8IjdZ4ahT26ImcS1OH2eW8912ngA7Pnt0HGLsBaoZmKu0nKHD
0QqUtQtaRIxqvj7nqWh~vGyekyCne2M2VoUlcWFKtduudGARPmXK8juPz
TbkBPlrWfC3ZBU4wSyDpgNn9tDsuCs2laWIQKMmEnS4YH-
0TmutLOPMROsBfpLjRbmnfkIGvOzNTh8zdzdFtBADva7mqjBo701oFfhhS
iUswDtA__&Key-Pair-Id=APKAJLOHF5GGSLRBV4ZA.
101
102
LEMBAR BIMBINGAN SKRIPSI
LAMPIRAN
1. Lampiran A-1
105
2. Lampiran A-2
106
3. Lampiran B-3
107