perancangan sistem inventori barang pada toko …
TRANSCRIPT
PERANCANGAN SISTEM INVENTORI BARANG PADA
TOKO FAMILY USAHA BERBASIS WEB
TUGAS AKHIR
RACHMAN HIDAYAT
152406058
PROGRAM STUDI TEKNIK INFORMATIKA D3
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2018
UNIVERSITAS SUMATERA UTARA
PERANCANGAN SISTEM INVENTORI BARANG PADA
TOKO FAMILY USAHA BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya
RACHMAN HIDAYAT
152406058
PROGRAM STUDI TEKNIK INFORMATIKA D3
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2018
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
ii
PERNYATAAN
PERANCANGAN SISTEM INVENTORI BARANG PADA TOKO
FAMILY USAHA BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali
beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.
Medan, Juli 2018
RACHMAN HIDAYAT
152406058
UNIVERSITAS SUMATERA UTARA
iii
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Allah Swt yang telah memberikan
rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan tugas akhir ini
tepat pada waktunya. Adapun judul tugas akhir ini adalah “PERANCANGAN
SISTEM INVENTORI BARANG PADA TOKO FAMILY USAHA BERBASIS
WEB”.
Terima kasih penulis sampaikan kepada Bapak Dr. Kerista Sebayang,
M.Si, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas
Sumatera Utara. Dra. Normalina Napitupulu, M.Sc, selaku Ketua Program Studi
Teknik Informatika D3 FMIPA USU. Terima kasih kepada Ibu Asima Manurung,
S.Si, M.Si, selaku Dosen Pembimbing sekaligus Dosen Pembimbing
Akademik penulis, yang telah memberikan pengarahan dan dukungan selama
penyusunan tugas akhir ini. Seluruh dosen pengajar Program Teknik Informatika
D3 FMIPA USU.
Kedua orang tua penulis, ”H.Lamseli dan Ismawati” serta seluruh keluarga
penulis yang telah banyak memberi doa dan dukungan. Seluruh teman-teman di
Kom B 2015 yang telah membantu. Penulis juga tidak lupa mengucapkan banyak
terima kasih kepada semua pihak yang telah banyak membantu penulis dalam
menyelesaikan tugas akhir ini, yang tidak dapat disebutkan satu persatu. Akhir
kata, semoga tugas akhir ini dapat memberi manfaat bagi pembaca.
Medan, Juli 2018
Rachman Hidayat
UNIVERSITAS SUMATERA UTARA
iv
PERANCANGAN SISTEM INVENTORI BARANG PADA TOKO
FAMILY USAHA BERBASIS WEB
ABSTRAK
Perancangan Sistem Inventori Barang pada Toko Family Usaha Berbasis Web ini
bertujuan untuk mempermudah Proses akumulasi ketersediaan barang yang efektif
dan efisien. Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa data pengguna
aplikasi mengenai data brainware yang mengendalikan aplikasi, perencanaan
kebutuhan stok barang oleh Sekretaris dengan membuat laporan kemudian pihak
gudang akan mengelola barang dan proses transaksi sehingga pimpinan (pemilik
toko) dapat menerima laporan. Pada proses pembuatan aplikasi ini perangkat lunak
yang digunakan adalah Xampp ( terdiri dari apache server dan MySQL ), Sublime
Text 2 digunakan sebagai editor skrip.
Kata kunci : Sistem Inventori Barang, Data Barang, PHP, MySQL, Web.
UNIVERSITAS SUMATERA UTARA
v
WEBSITE BASED-GOODS INVENTORY SYSTEM DESIGNING
AT TOKO FAMILY USAHA
ABSTRACT
Designing Inventory Systems Family Usaha Web-Based Medan is aimed to
facilitate the process of accumulation of the availability of goods that are effective
and efficient. The facilities contained in this application in the form of application
user data about brainware data that controls the application, planning the stock
needs by employees of the store by making a report then the warehouse will
manage goods and transaction processing so that the leader (shop owner) can
receive reports. In the process of making this application software used is Xampp
(consisting of apache server and MySQL), Sublime Text 2 is used as a script
editor.
Keywords : Goods Inventory System, PHP, MySQL, Web.
UNIVERSITAS SUMATERA UTARA
vi
3.1 Sejarah Singkat Family Usaha 25
3.2 Visi, Misi dan Tujuan Family Usaha 25
3.3 Struktur Organisasi Family Usaha 28
DAFTAR ISI
Halaman
PERSETUJUAN i
PERNYATAAN ii
PENGHARGAAN iii
ABSTRAK iv
ABSTRACT v
DAFTAR ISI vi
DAFTAR TABEL viii
DAFTAR GAMBAR ix
DAFTAR LAMPIRAN x
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang Masalah 1
1.2 Rumusan Masalah 2
1.3 Tujuan dan Manfaat 2
1.4 Metode Penelitian 3
BAB 2 LANDASAN TEORITIS 5
2.1 Pengertian Sistem Inventori 6
2.2 Istiliah FOI (Fix Order Interval) 6
2.3 Teknik Pengumpulan Data (Observasi) 7
2.4 Konsep Dasar Data 10 2.4.1 Pengertian Data 10 2.4.2 Perancangan Database 11 2.4.3 Entity Relationship Diagram (ERD) 12 2.4.4 Flowchart 13
2.5 Web Design 14 2.5.1 Fungsi Situs Web 14 2.5.2 Cascading Style Sheets (CSS) 15
2.6 Pengenalan XAMPP 16
2.7 HTML (Hypertext Markup Language) 18
2.8 Sejarah PHP 19 2.8.1 Kelebihan PHP 20 2.8.2 Kelemahan PHP 21 2.8.3 Sintaks PHP 22 2.8.4 Penggabungan Script PHP dan HTML 22 2.8.5 Fungsi PHP dan MySQL 24
BAB 3 GAMBARAN UMUM TOKO FAMILY USAHA 25
UNIVERSITAS SUMATERA UTARA
vii
BAB 4 ANALISIS DAN PERANCANGAN SISTEM 29
4.1 Analisis Sistem 29
4.2 Perancangan Sistem 29 4.2.1 Diagram Konteks 29
4.2.2 Data Flow Diagram (DFD) 30
4.2.3 Perancangan Antarmuka 31
4.2.4 Entity Relationship Diagram (ERD) 32
4.2.5 Perancangan Database 33
4.2.6 Flowchart 35 4.3 Pembangunan Halaman Sistem 36
BAB 5 IMPLEMENTASI SISTEM 37
5.1 Pengertian Implementasi Sistem 37
5.2 Tujuan Implementasi Sistem 37
5.3 Komponen Utama dalam Sistem 37 5.3.1 Instalasi Apache, PHP, dan MySQL 38 5.3.2 Kebutuhan Brainware 39
5.4 Tampilan Halaman Website 39
BAB 6 KESIMPULAN DAN SARAN 53
6.1 Kesimpulan 53 6.2 Saran 54
DAFTAR PUSTAKA
UNIVERSITAS SUMATERA UTARA
viiiviii
DAFTAR TABEL
Nomor Judul Halaman
Tabel
2.1 Data Barang Toko Family Usaha 8
2.2 Laporan Barang Masuk 9
2.3 Laporan Barang Keluar 9
2.4 Simbol Data Flow Diagram (Kendall, 2002) 11
2.5 Simbol dalam ERD 12
2.6 Simbol Simbol Flowchart 13
4.1 Tabel User Login 34
4.2 Tabel Barang Keluar 34
4.3 Tabel Barang Masuk 34
4.4 Data Barang 34
4.5 Data Persediaan 34
UNIVERSITAS SUMATERA UTARA
ix
DAFTAR GAMBAR
Nomor Judul Halaman
Gambar
2.1 Folder HtDoc 19
2.2 Control Panel XAMPP 19
2.3 Halaman phpmyadmin 18
3.1 Struktur Organisasi Family Usaha Medan 27
4.1 Diagram Konteks Inventori Barang 30
4.2 Data Flow Diagram (DFD) 31
4.3 Perancangan Antarmuka Inventori 31
4.4 Entity Relationship Diagram 33
4.5 Flowchart Inventori 35
4.6 Desain Form Login 36
5.1 Kolom Pencarian 39
5.2 Form Login 40
5.3 Form Login Admin 40
5.4 Form Admin 41
5.5 Halaman Pengelolaan User 41
5.6 Halaman Edit User 41
5.7 Halaman Ubah Password Admin 42
5.8 Form Notifikasi Ubah Password 42
5.9 Halaman Log Out Admin 42
5.10 Halaman Login Sekretaris 43
5.11 Form Sekretaris 43
5.12 Form Pencarian Data Barang 44
5.13 Halaman Localhost Data Barang 44
UNIVERSITAS SUMATERA UTARA
x
5.14 Halaman Ubah Password Karyawan 45
5.15 Form Notifikasi Localhost 45
5.16 Form Log Out Karyawan 45
5.17 Form Login Gudang 46
5.18 Form Gudang 46
5.19 Halaman Data Barang 47
5.20 Edit Data Barang 47
5.21 Pengisian Tanggal Barang Masuk 48
5.22 Form Barang Masuk 48
5.23 Halaman Notifikasi 49
5.24 Form Data Barang Masuk 49
5.25 Pengisisan Tanggal Barang Keluar 50
5.26 Form Barang Keluar 50
5.27 Halaman Notifikasi 50
5.28 Form Laporan Barang Masuk 51
5.29 Unduh File Data Barang Masuk 52
5.30 Hasil Unduh File Barang Masuk di Ms.Excel 52
UNIVERSITAS SUMATERA UTARA
xi
DAFTAR LAMPIRAN
Nomor Judul
1 Listing Program
2 Hasil Uji Program
3 Kartu Bimbingan Tugas Akhir
4 SK Pembimbing Tugas Akhir
UNIVERSITAS SUMATERA UTARA
BAB 1
PENDAHULUAN
1.1 Latar Belakang Masalah
Teknologi informasi yang semakin pesat dapat di manfaatkan untuk
meningkatkan efisiensi dan keaktifan kerja sebuah toko . Salah satu contohnya yaitu
teknologi informasi dimanfaaatkan untuk menginventarisasi aset toko . Penggunaan
sistem yang terkomputerisasi akan lebih banyak menghemat waktu, tidak menyita
banyak tenaga, dan menghasilkan keakuratan penyajian data.
Family Usaha merupakan salah satu toko (kain) yang bergerak di
bidang penjualan kain, sprei, sarung dan beberapa hasil karya kesenian daerah. Toko
ini berpusat di kota Medan, Sumatera Utara. Family Usaha selalu melakukan
pengawasan dan pencatatan terhadap barang persediaan. Setiap hari petugas
inventori barang menangani pemesanan produk dari outlet, melakukan permintaan
produk yang mencapai stock minimal, menangani penerimaan produk dari
supplier, dan memproses retur ke supplier maupun retur dari outlet.
Pengolahan data inventori barang di Toko Family Usaha masih manual,
artinya dari segi pencatatan dan pengolahannya masih menggunakan selembar kertas
berupa kartu persediaan. Pelaporan dari toko dilakukan dengan cara menyalin data
inventori dari kartu tersebut ke dalam Microsoft Office Excel.
UNIVERSITAS SUMATERA UTARA
2
Family Usaha memerlukan adanya aplikasi sistem inventori barang
berbasis web. Aplikasi dapat digunakan petugas toko dalam menginventarisasi
produk yang ada di gudang, meliputi pencatatan, pengolahan, penyimpanan, dan
pelaporan data inventori barang. Dengan berbasis web, toko (Family Usaha) dapat
memiliki pelaporan dengan cepat, tepat dan akurat.
1.2 Rumusan Masalah
Berdasarkan latar belakang di atas, perumusan masalah yang diangkat pada tugas
akhir ini adalah bagaimana membangun suatu aplikasi sistem inventori barang
berbasis web yang dapat digunakan untuk pencatatan, pengolahan, penyimpanan,
dan pelaporan data inventori barang di Toko Family Usaha.
1.3 Tujuan dan Manfaat
Tujuan yang ingin dicapai dari pelaksanaan dan penulisan tugas akhir ini adalah
menghasilkan aplikasi sistem inventori berbasis web yang dapat digunakan pihak
Family Usaha Medan terutama petugas bagian toko dalam menginventarisasi produk
yang ada di toko. Inventarisasi ini meliputi pencatatan, pengolahan, penyimpanan,
dan pelaporan data inventori toko.
UNIVERSITAS SUMATERA UTARA
3
Adapun manfaat nya sebagai berikut:
1) Pihak toko Family Usaha memperoleh aplikasi yang dapat digunakan dalam
pencatatan, pengolahan, penyimpanan, dan pelaporan data inventori barang.
2) Aplikasi sistem inventori barang dapat dimanfaatkan pihak manajemen
toko untuk mengetahui laporan data inventori barang.
1.4 Metode Penelitian
Untuk menyusun tugas akhir ini, penulis melakukan metode penelitian adalah
sebagai berikut:
1. Penelitian Pustaka
Penelitian ini di maksudkan untuk mendapatkan landasan teori yang memadai
dalam menyusun tugas akhir.
2. Melakukan Observasi
Untuk mendapatkan data yang akurat serta mengetahui sistem yang
dibutuhkan oleh pihak toko maka penulis melakukan observasi secara
langsung pada pihak perusahaaan (Family Usaha).
3. Merancang Database
Dalam membuat database, penulis menggunakan MySQL sebagai tempat
penyimpanan data yang fleksibel dan dinamis.
UNIVERSITAS SUMATERA UTARA
4
4. Merancang Desain Web
Pada tahap ini, penulis memulai mendesain tampilan atau halaman web
dengan menggunakan perangkat lunak (software) sebagai pendukung seperti
Cascading Style Sheets (CSS).
5. Merancang Program
Pada tahap ini, penulis membuat listing menguji program dari setiap menu-
menu halaman web yang akan di tampilkan.
6. Penguji Program
Pada tahap ini, penulis menguji program yang telah dirancang sebelumnya
agar dapat mengetahui kesalahan-kesalahan dalam program dan memperbaiki
kembali program tersebut sehingga pada tahap selanjutnya program dapat
berjalan dengan sempurna.
7. Membuat Kesimpulan
Setelah menyelesaikan tahap-tahap di atas maka penulis dapat mengambil
keputusan mengenai sistem yang telah dirancang.
UNIVERSITAS SUMATERA UTARA
BAB 2
LANDASAN TEORITIS
Landasan teori merupakan suatu panduan untuk melaksanakan dan menyelesaikan
suatu studi. Teori-teori yang akan dikemukakan merupakan pegangan penulis
untuk meneliti masalah yang dihadapi penulis pada pelaksanaan tugas akhir.
Adapan teori-teori yang berkaitan dengan penyelesaian masalah ini adalah sebagai
berikut:
2.1 Pengertian Sistem Inventori
Sistem inventori adalah sistem yang mengelola suatu kegiatan transaksi-transaksi
keluar masuknya barang. Manfaat dari sistem inventori adalah:
1. Menjaga agar persediaan barang selalu mencukupi
2. Meminimumkan biaya pemesanan dan biaya pengadaan persediaan barang
Pada dasarnya laporan inventori dimaksudkan untuk mengajukan
informasi mengenai keadaan atau kondisi stock yang ada pada saat itu, yang akan
digunakan oleh pihak yang berkepentingan sebagai pertimbangan di dalam
pengambilan keputusan. Laporan inventori bertujuan untuk mendapatkan kualitas
suatu informasi yaitu:
1) Relevan
Relevansi suatu informasi harus dihubungkan dengan maksud
penggunaannya. Bila suatu informasi tidak relevan untuk keperluan para
pengambil keputusan, informasi demikian tidak ada gunanya berapa kualitas
UNIVERSITAS SUMATERA UTARA
6
terpenuhi. Dalam pertimbangan relevansi suatu informasi, perhatian akan
difokuskan pada kebutuhan pemakai dan bukan kebutuhan pihak tertentu.
2) Dapat dimengerti
Informasi harus dapat dimengerti oleh pemakainya dan dinyatakan dalam
bentuk atau istilah yang disesuaikan dengan batas pengertian para
pemakainya.
3) Netral
Informasi diarahkan pada kebutuhan umum pemakai dan tidak tergantung
pada kebutuhan dari pihak tertentu.
4) Tepat waktu
Informasi harus disampaikan sedini mungkin untuk dapat digunakan sebagai
bahan pertimbangan dalam pengambilan keputusan ekonomi dan untuk
menghindari tertundanya keputusan tersebut.
5) Akurat
Informasi harus akurat, harus bebas dari kesalahan-kesalahan dan jelas
maksudnya. Informasi harus akurat dari banyaknya kemungkinan terjadi
gangguan dan penyimpangan dan dapat merubah bahkan merusak informasi
tersebut.
2.2 Istilah FOI (Fixed Order Interval)
Menurut Freddy Rangkuti (2000:98) menyatakan Fixed Order Interval adalah
model untuk mengetahui berbagai jenis kuantitas persediaan yang dipesan dengan
menentukan interval waktunya secara tetap. Persediaan pengamanan dalam sistem
ini tidak hanya dibutuhkan untuk meredam fluktuasi permintaan selama tenggang
waktu (lead time), tetapi juga untuk seluruh konsumsi persediaan, sehingga dalam
UNIVERSITAS SUMATERA UTARA
7
sistem berikut menggunakan persediaan pengamanan yang besar. Alasan penulis
menggunakan metode FOI pada sistem, user sebagai karyawan toko dapat
mengetahui waktu pemesanan secara tepat agar tidak kekurangan persediaan
digudang dalam melayani pelanggan di Family Usaha (toko).
Fixed Order Interval juga digunakan untuk menentukan interval waktu
dan jumlah yang tepat sehingga tidak mengalami kerugian yang diakibatkan oleh
kelebihan pemesanan yang akan berdampak pada biaya yang dikeluarkan oleh
Family Usaha serta akan mempengaruhi laba toko. Untuk mengetahui analisis
metode FOI (Fixed Order Interval) ditentukan dengan cara perhitungan sebagai
berikut:
Order Interval : Rentang waktu pemesanan barang
Lead Time : Interval waktu antara saat pemesanan barang dilakukan sampai
dengan saat barang dipesan tiba di gudang.
Stock Tersedia : Jumlah barang yang tersedia di toko.
2.3 Teknik Pengumpulan Data (Observasi)
Observasi atau pengamatan adalah salah satu metode dalam pengumpulan data
saat membuat sebuah karya tulis ilmiah. Nawawi dan Martini mengungkapkan
bahwa observasi adalah pengamatan dan juga pencatatan sistematik atas unsur-
unsur yang muncul dalam suatu gejala atau gejala-gejala yang muncul dalam
suatu objek penelitian. Hasil dari observasi tersebut akan dilaporkan dalam
suatu laporang yang tersusun secara sistematis mengikuti aturan yang berlaku.
Sedangkan menurut Prof. Heru, observasi adalah studi yang dilakukan
secara sengaja dan sistematis, terarah dan terencana pada tujuan tertentu dengan
UNIVERSITAS SUMATERA UTARA
8
mengamati dan mencatat fenomena-fenomena yang terjadi dalam suatu kelompok
orang dengan mengacu pada syarat-syarat dan aturan penelitian ilmiah. Dalam
suatu karya tulis ilmiah, penjelasan yang diutarakan harus tepat, akurat, dan teliti,
tidak boleh dibuat-buat sesuai keinginan hati penulis. Berikut ini adalah beberapa
data barang hasil observasi pengambilan data riset dari Family Usaha:
Tabel 2.1 Data Barang Toko Family Usaha
Kode
Jumlah
Barang
Nama
Barang
Keterangan
Pemasuk
01 10 Sprei My Love Ramalatex
02 10 Sprei Lady Rose Ramalatex
04 5 Sprei Bonita Ramalatex
08 4 Sprei Internal Ramalatex
18 2 Sprei California Ramalatex
21 2 Sprei Kintakun Ramalatex
23 6 Sprei Fortuna Ramalatex
28 2 Sarung Wadimor Ramalatex
43 2 Sarung Gajah Duduk Ramalatex
47 3 Sarung Mangga Ramalatex
80 2 Sarung Samarinda Ramalatex
83 1 Bed Cover My Love Ramalatex
89 3 Bed Cover Lady Rose Sentosa Jaya
93 6 Bed Cover Kintakun Ramalatex
128 1 Kain Katun W. Merah Sentosa Jaya
140 1 Kain Katun W. Hitam Sentosa Jaya
147 1 Kain Katun W. Hijau Jaya Abadi
148 1 Kain Katun W. Putih Jaya Abadi
164 1 Kain Katun W. Dongker Ramalatex
UNIVERSITAS SUMATERA UTARA
9
Tabel 2.2 Laporan Barang Masuk
Tanggal Transaksi
Kode
Barang
Nama Barang
Jumlah
2018-05-07 1 Sprei My Love 12
2018-05-21
2
Sprei Lady Rose
4
2018-05-21 4 Sprei Bonita 5
2018-05-21
8
Sprei Internal
4
2018-05-21 1
8
Sprei California 10
2018-05-21
21
Sprei Kintakun
15
2018-05-21 2
8
Sarung Wadimor 12
2018-05-21
93
Bed Cover Kintakun
2
2018-05-21 4
7
Sarung Mangga 12
2018-05-21
80
Sarung Samarinda
12
Tabel 2.3 Laporan Barang Keluar
Tanggal Transaksi
Kode
Barang
Nama Barang
Jumlah
2018-06-07
21
Sprei Kintakun
2
2018-06-07
18
Sprei California
1
2018-06-07
93
Bed Cover Kintakun
1
2018-06-07
80
Sarung Samarinda
1
2018-06-07
2
Sprei Lady Rose
1
2018-06-21
1
Sprei My Love
2
2017-06-21
4
Sprei Bonita
1
UNIVERSITAS SUMATERA UTARA
10
Tanggal Transaksi
Kode
Barang
Nama Barang
Jumlah
2018-06-27
2
Sprei Lady Rose
1
2018-06-27
1
Sprei My Love
2
2018-07-02
8
Sprei Internal
1
2.4 Konsep Dasar Data
Adapun beberapa konsep dasar tentang data adalah sebagai berikut:
2.4.1 Pengertian Data
Data sering disebut sebagai bahan mentah informasi. Tapi menurut Murdick, dkk
(1984) merumuskan bahwa data adalah fakta yang tidak sedang digunakan pada
proses keputusan, biasanya dicatat dan diarsipkan tanpa maksud untuk segera
diambil kembali untuk pengambilan keputusan. Menurut Zulkifli Amsyah (1987)
data adalah fakta yang sudah ditulis dalam bentuk catatan atau direkam ke dalam
berbagai bentuk media (Gultom et al, 2005).
Adapun definisi dari kata data adalah suatu istilah majemuk dari datum yang
berarti fakta atau bagian dari kata yang mengandung arti, yang berhubungan
dengan kenyataan, simbol-simbol, gambar-gambar, kata-kata angka-angka, huruf-
huruf atau simbol-simbol yang menunjukkan ide, objek, kondisi atau situasi.
Jelasnya data itu dapat berupa apa saja dan dapat ditemui dimana saja. Kegunaan
data adalah sebagai bahan dasar yang objektif dalam proses penyusunan kebijakan
dan keputusan. Dalam kaitannya dengan pengolahan data dengan komputer,
pengertian data dapat dibatasi pada fakta-fakta yang dapat direkam. Dalam setiap
pengolahan data, data merupakan sumber informasi yang dapat dihasilkan.
UNIVERSITAS SUMATERA UTARA
11
2.4.2 Perancangan Database
Proses perancangan database, dibagi menjadi 3 tahapan:
1. Perancangan database secara konseptual
Perancangan database secara konseptual merupakan upaya untuk membuat
model yang masih bersifat konsep.
2. Perancangan database secara logis
Perancangan database secara logis merupakan tahapan untuk memetakan
model konseptual ke model database yang dipakai (model relasional, hirarkis,
atau jaringan). Namun sebagaimana halnya perancangan database secara
konseptual, perancangan ini tidak tergantung pada DBMS yang akan di pakai.
3. Perancangan database secara fisis
Perancangan database secara fisis merupakan tahapan untuk menuangkan
perancangan database yang bersifat logis menjadi database fisis yang
tersimpan dalam media penyimpan eksternal spesifik terhadap DBMS yang
dipakai (Kadir, 1999).
Tabel 2.4 Simbol Data Flow Diagram (Kendall, 2002)
Simbol
Arti
Keterangan
Terminator
Menunjukan kesatuan luar atau eksternal (dapat berupa
kelompok orang atau
departemen atau sistem) yang
bisa menerima informasi.
Aliran Data
Menunjukan aliran atau arus data dimana informasi sedang
melintas dan atau menuju ke
suatu proses.
UNIVERSITAS SUMATERA UTARA
12
Proses
Hal ini menunjukan suatu proses dimana beberapa tindakan
sedang dilakukan atau
sekelompok tindakan dijalankan.
Data Store
Menunjukan penyimpanan data atau Database
2.4.3 Entity Relantionship Diagram (ERD)
Entity Relationship Diagram merupakan diagram yang berisi komponen-
komponen himpunan entitas dan himpunan relasi yang masing-masing
dilengkapai dengan atribut-atribut yang merepresentasikan seluruh fakta
yang ditinjau (Fatansyah, 1999).
Tabel 2.5 Simbol dalam ERD
Simbol
Arti
Keterangan
Entitas
Menunjukan himpunan entitas yang merupakan suatu obyek yang dapat diidentifikasi dalam lingkungan pemakai.
Aliran Data
Menunjukan aliran atau arus data dimana informasi sedang melintas dan atau menuju ke suatu proses.
Proses
Menunjukan suatu proses yang dilakukan dimana beberapa tindakan sekelompok tindakan dijalankan.
Atribut
Menunjukan atribut yang dapat berfungsi untuk memberikan deskripsi karakter entitas.
UNIVERSITAS SUMATERA UTARA
13
2.4.4 Flowchart
Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau
menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir,
jadi flowchart juga digunakan untuk menggambarkan urutan langkah-langkah
pekerjaan di suatu algoritma. Penjelasan arti dari lambang-lambang flowchart
dapat didefinisikan seperti Tabel 2.3:
Tabel 2.6 Simbol-Simbol Flowchart
No
.
Simbol
Fungsi
1
Terminator, untuk memulai dan mengakhiri suatu Program.
2
Process, suatu simbol yang dapat menunjukkan setiap pengolahan yang dilakukan oleh
komputer.
3
Data, untuk memasukkan atau menginput data maupun menunjukkan hasil dari suatu proses.
4
Decision, dimana suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.
5 Preparation, suatu simbol untuk menyediakan tempat-tempat pengolahan data dalam storage.
6 Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur
pada lembar kertas yang sama.
7 Off-page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur
pada lembar kertas yang lain.
8 Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri
ke kanan atau dari kanan ke kiri.
UNIVERSITAS SUMATERA UTARA
14
9
Document, merupakan simbol untuk data yang berbentuk Informasi.
10 Predefined Process, untuk sekumpulan langkah proses yang ditulis sebagai prosedur.
11
Display, untuk output yang ditujukan suatu device, seperti monitor.
12
Magnetic disk, untuk menyimpan data.
2.5 Web Design
Web Design adalah jenis desain grafis yang ditujukan untuk pengembangan dan
styling obyek lingkungan informasi Internet untuk menyediakan dengan fitur
konsumen high-end dan kualitas estetika. Definisi yang ditawarkan memisahkan
desain web dari pemrograman web, menekankan fitur fungsional dari sebuah situs
web, serta desain posisi web sebagai semacam desain grafis.
2.5.1 Fungsi Situs Web
Sebelum men-design , sebaiknya kita mengetahui dan memahami beberapa fungsi
situs web agar design yang dibuat sesuai dengan fungsi situs web. Secara umum
fungsi situs web adalah sebagai berikut:
1. Fungsi Komunikasi
Situs web berfungsi sebagai komunikasi pada umumnya adalah web dinamis.
Karena dibuat menggunakan pemrograman web (server side) maka dilengkapi
dengan fasilitas yang memberikan fungsi-fungsi komunikasi seperti web mail,
formanthec, chatting, forum dll.
UNIVERSITAS SUMATERA UTARA
15
2. Fungsi Informasi
Menekankan pada kualitas konten, karena tujuan situs ini menyampaikan
isinya. Sebaiknya berisi teks dan grafik Fasilitas yang memberikan fungsi
informasi, news, file, company, library, prefences dll.
3. Fungsi Entertainment
Sebagai sarana hiburan/penggunaan animasi gambar dan element bergerak
dapat meningkatkan mutu persentasi design, meski tetap harus
mempertimbangkan kecepatan downloadnya. Contoh fungsi Entertaiment:
game online, film online, music online dll.
4. Fungsi Transaksi
Situs web dapat dijadikan transaksi bisnis baik barang jasa, dll. Situs web
menghubungkan perusahaan konsumen dan komunitas tertentu melalui sarana
elektronik. Pembayarannya bisa memudahkan kartu kredit, transfer ataupun
membayar langsung.
2.5.2 Cascading Style Sheets (CSS)
Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan
untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup.
Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web
yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri
dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL.
Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).
CSS digunakan oleh penulis maupun pembaca halaman web untuk
menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen.
CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis
UNIVERSITAS SUMATERA UTARA
16
dengan HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang
ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitas isi,
memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan
mengurangi kompleksitas serta pengulangan pada stuktur isi.
CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara
yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak,
suara (sewaktu dibacakan oleh browser basis-suara atau pembaca layar), dan juga
alat pembaca braille. Halaman HTML atau XML yang sama juga dapat
ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna
dengan menggunakan CSS.
2.6 Pengenalan XAMPP
XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache,
MySQL, PHP, Perl. XAMPP merupakan tool yang menyediakan paket perangkat
lunak kedalam satu buah paket. Dalam paketnya sudah terdapat Apache (web
server), MySQL (database), PHP (server side scripting), Perl, FTP server,
phpMyAdmin dan berbagai pustaka bantu lainnya.
Bagian-bagian Xampp yang biasa digunakan pada umumnya, antara lain :
1. HtDoc
Folder tempat meletakkan berkas-berkas yang akan dijalankan, seperti
berkas PHP, HTML,dan skrip lain.
UNIVERSITAS SUMATERA UTARA
17
Gambar 2.1 Folder HtDoc
2. Control Panel
Berfungsi untuk mengelola layanan (service) XAMPP. Seperti menghentikan
(stop) layanan, ataupun memulai (start).
Gambar 2.2 Control Panel XAMPP
3. PHPMyAdmin
Merupakan bagian untuk mengelola basis data MySQL yang ada dikomputer.
Untuk membukanya, buka browser/mozila firefox atau google chrome lalu
ketikkan alamat http://localhost/phpmyadmin pada link pencarian. Maka akan
UNIVERSITAS SUMATERA UTARA
18
muncul halaman phpmyadmin seperti berikut:
Gambar 2.3 Halaman phpmyadmin
2.7 HTML (Hypertext Markup Language)
HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu
kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai
dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut
mengenai bagian-bagian HTML perhatikan skema dibawah ini:
<html>
<head>
<title>…</title>
</head>
<body>
… isi dari halaman web …
</body>
</html>
UNIVERSITAS SUMATERA UTARA
19
Keterangan:
1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan
diakhiri dengan tag penutup </html>.
2. Pada elemen head <head>, dapat kita sisipkan kode-kode untuk menuliskan
keterangan tentang dokumen HTML, atau dapat juga kita sisipkan scripts
pemograman web seperti JavaScript, VBScripts, atau CSS untuk menambah
daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.
3. Elemen <body> </body> berisi tag-tag untuk isi atau layout tampilan pada
situs, seperti : <font> </font>, <table>, </table>, <form>, </form>. Tag adalah
kode-kode yang digunakan untuk mem_setting dokumen HTML. Secara garis
besar bentuk umum tag adalah sebagai berikut:
<tag-awal>TEKS<tag-akhir>
Namun ada juga tag yang tidak perlu ada tag penutup seperti <br>, <hr>, <img>,
dan lain-lain sebagainya (Sidik&Husni, 2007).
2.8 Sejarah PHP
PHP adalah singkatan recursive dari Hypertext Preprocessor yang merupakan
bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server.
Hasilnya akan dikirim ke client, tempat pemakai menggunakan browser. Berbeda
dengan Javascript, yang mana skrip diproses client.
PHP pertama kali dibuat pada musim gugur tahun 1994 oleh Ramus
Lerdoff. Ini bermula saat Ramus Lerdoff membuat sejumlah skrip perl yang dapat
mengamati siapa saja yang melihat daftar riwayat hidupnya . Skrip-skrip ini
selanjutnya dikemas menjadi tool yang disebut “ Personal Home Page”. Paket
inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Ramus menciptakan
UNIVERSITAS SUMATERA UTARA
20
PHP/FI (Personal Home Page/Form Interpreter) versi 2.0. Sejak itulah PHP
bersifat open source.
Pada bulan November 1997, PHP/FI versi 2.0 berhasil dirilis. Pada rilis ini
interpreter sudah diimplementasikan dalam bahasa C. Masih pada tahun yang
sama sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi
lebih bersih, lebih baik dan lebih cepat. Pada bulan Juni 1998 Zend kembali
merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi
PHP 3.0. Kemudian pada pertengahan tahun 1999, Zend merilis kembali
interpreter PHP baru dengan nama PHP 4.0. PHP 4.0 merupakan versi PHP yang
paling populer di kalangan programmer website. Alasan yang menjadikan versi
4.0 ini begitu diminati adalah kemampuannnya untuk membangun aplikasi
website yang kompleks, namun tetap stabil dalam kecepatan proses dan stabilitas
yang tinggi.
Mulai pada bulan Juni 2004, PHP 5.0 kembali dirilis oleh Zend. Versi ini
adalah versi mutakhir dari PHP. Pada versi ini juga dikenalkan model
pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa
pemrograman ke arah pemograman berorientasi objek.
2.8.1 Kelebihan PHP
PHP memiliki banyak kelebihan yang tidak dimiliki oleh bahasa script sejenis.
PHP dapat digunakan pada semua sistem operasi, yaitu Linux, Unix, Microsoft
Windows, Mac OS X, RISC OS. PHP juga mendukung banyak Web Server,
seperti Apache, Microsoft Internet Information Server, Personal Web Server,
Netscape and iPlanet servers, Oreilly Website Pro Server, audium, Xitami,
UNIVERSITAS SUMATERA UTARA
21
OMniHTTPd, dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai
CGI processor.
PHP tidak terbatas pada hasil keluaran HTML (HyperText Markup
Languages). PHP juga memiliki kemampuan untuk mengolah keluaran gambar,
file PDF, dan movies Flash. PHP juga dapat menghasilkan teks seperti XHTML
dan file XML lainnya. Salah satu fitur yang dapat diandalkan oleh PHP adalah
dukungannya terhadap banyak database.
Berikut database yang dapat didukung oleh PHP :
1) Adabas D
2) DBase
3) Direct MS-SQL
4) FilePro(read only)
5) Hyperwafe
6) MSQL
7) MySQL
8) ODBC
9) Oracle(OC17 dan OC18)
10) Unix DBM, dsb.
2.8.2 Kelemahan PHP
Seperti pemrograman aplikasi atau web lainnya, PHP pun memiliki beberapa
kelemahan, yaitu:
1. PHP tidak mengenal Package.
2. Jika tidak di encoding, maka kode PHP dapat dibaca semua orang dan untuk
mengencodingnya dibutuhkan tool dari Zend yang mahal sekali biayanya.
3. PHP memiliki kelemahan keamanan. Jadi Programernya harus jeli dan
berhati-hati dalam melakukan pemrograman dan konfigurasi PHP.
UNIVERSITAS SUMATERA UTARA
22
2.8.3 Sintaks PHP
Sintaks Program atau Script PHP ditulis dalam apitan tanda khusus PHP. Ada
empat macam pasangan tag PHP yang dapat digunakan untuk memenuhi blok
script PHP:
1. <?php ...?>
2. <script language = “PHP”> ... </script>
3. <? ...?>
4. <% ...%>
2.8.4 Penggabungan Script PHP dan HTML
Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih
dahulu memberikan tanda tag buka dilanjutkan dengan tanda tanya (<?) kemudian
ditutup dengan tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe
pengabungan PHP dam HTML yaitu:
1. Embedded Script
Embedded script adalah script PHP yang disisipkan di antara tag-tag dokumen
HTML. Embedded script menempatkan PHP sebagai bagian dari HTML
(Peranginangin Kasiman, 2006).
Contoh penulisan Embedded Script dapat dilihat di bawah ini:
<html>
<head>
<title>Embedeed Script </title>
</head>
UNIVERSITAS SUMATERA UTARA
23
<body>
<?php
echo “Hallo, Selamat menggunakan PHP”;
?>
</body>
</html>
2. Non-Embedded Script
Non-Embedded Script adalah script atau program PHP murni. Termasuk tag
HTML yang disisipkan dalam script PHP. Non-Embedded Script
menempatkan bagian HTML sebagai bagian dari script PHP (Peranginangin
Kasiman, 2006).
Contoh penulisan Non-Embedded Script dapat dilihat dibawah ini :
<?php
echo “<html>”;
echo “<head>”;
echo “<title> Non-Embedded Script</title>”;
echo “</head>”; echo “<body>”;
echo “<p>Selamat Menggunakan PHP</p>”;
echo “</body>”;
echo “</html>”;
?>
UNIVERSITAS SUMATERA UTARA
24
2.8.5 Fungsi PHP dan MySQL
Adapun fungsi PHP untuk mengakses MySQL yang biasa digunakan adalah:
a. mysql_connect()
Fungsi mysql_connect adalah untuk menghubungkan PHP dengan database
MySQL. Format fungsinya adalah:
mysql_connect (string hostname, string username, string password);
b. mysql_select_db
Setelah terhubung ke database MySQL dengan menggunakan mysql_connect,
langkah selanjutnya adalah memilih database yang akan digunakan. Fungsi
mysql_select_db digunakan untuk memilih database. Format fungsinya adalah:
mysql_select_db (string database, koneksi);
c. mysql_query
Dalam database MySQL, perintah untuk melakukan transaksi ialah perintah
SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Query
memberi perintah kepada database untuk melakukan apa yang dikehendaki.
Format fungsinya adalah:
int mysql_query(string query, int [link_identifier]);
d. mysql_num_rows
Kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai
oleh proses SQL. Format fungsinya adalah:
int mysql_num_rows(int result);
e. mysql_fetch_array
Fungsi ini berkaitan dengan menampilkan data. Untuk menampilkan data,
digunakan fungsi mysql_fetch_array. Format fungsinya adalah:
Array mysql_fetch_array(int result, int [result_type]);
UNIVERSITAS SUMATERA UTARA
BAB 3
GAMBARAN UMUM TOKO FAMILY USAHA
3.1 Sejarah Singkat Toko Family Usaha
Toko Family Usaha merupakan usaha kecil dan menengah yang bergerak
di bidang kain, khususnya bahan untuk satu pakaian seragam, spre,dan sarung.
Toko Family Usaha didirikan pada tahun 2002 oleh bapak H.Lamseli sebagai
pendiri sekaligus pemilik Toko ini. Pada awal pendiriannya, Toko ini
merupakan usaha bersama yang dikembangkan oleh pak Lamseli bersama 2
rekannya selaku pemegang modal bersama dan ditambah 2 orang karyawan yang
membantu proses produksi. Namun sejak tahun 2010, bapak Lamseli menjadi
pemilik tunggal Toko Family Usaha ini.
Awalnya Toko Family Usaha berlokasi dirumah pak Lamseli sendiri
yaitu di jalan A.R.Hakim. Namun, seiring dengan makin berkembangnya usaha
ini maka proses produksinya kemudian dipindahkan ke Jl. Denai No.5 Medan
hingga sekarang.
3.2 Visi, Misi dan Tujuan Family Usaha
1) Visi
Toko Family Usaha adalah salah satu unit usaha yang bergerak dibidang
pemasaran kain, sprei, sarung tenun yang memiliki kualitas terbaik dari Kota
Medan.
UNIVERSITAS SUMATERA UTARA
26
2) Misi
Dalam rangka mewujudkan visi Toko Family Usaha, maka diperlukan misi
yang jelas yaitu berupa langkah-langkah Toko Family Usaha untuk
mewujudkan visi yang ditetapkan telah seperti:
1) Menyajikan kain kain yang berkualitas dan memasarkan produk kain yang
memiliki kualitas terbaik.
2) Menjalankan peran sebagai media penghubung antara Family Usaha dengan
lembaga Usaha pemasaran kain, khususnya Sumatera Utara dalam upaya
bersama mengembangkan dan memajukan Toko kain di Medan.
3) Meningkatkan apresiasi seni masyarakat.
3) Tujuan
Tujuan Family Usaha adalah untuk meningkatkan taraf hidup dan
kesejahteraan ekonomi masyarakat, mendukung usaha ekonomi rakyat dan untuk
lebih meningkatkan sumber daya manusia (SDM). Dan diharapkan bisa
membantu masyarakat terutama yang memiliki usaha kecil menengah di sektor
kebudayaan seperti penenun Batak tradisional.
UNIVERSITAS SUMATERA UTARA
27
Adapun Tugas sesuai dengan bidangnya dalam mengelola website Family
Usaha yaitu:
1. Admin
Mempunyai tugas mendaftarkan atau mengelola user website seperti kegiatan
menambah, menghapus dan meng-edit. Selain itu, administrator juga bisa
memperbaharui sistem sesuai dengan perkembangan kebutuhan Family Usaha.
2. Karyawan Toko/Sekretaris Toko
Mempunyai tugas untuk mengelola perencanaan kebutuhan barang dengan
memonitor keadaan stok tersedia pada Family Usaha. Sekretaris Toko dapat
memeriksa stok barang melalui sistem yang telah dirancang oleh penulis,
laporan keadaan stok barang dapat dilihat pada data barang. Jika stok barang
yang tersedia sudah mencapai batas jumlah minimum, maka sekretaris toko
dapat membuat perencanaan permintaan barang masuk pada pihak gudang.
3. Pihak Gudang
Mempunyai tugas mengelola transaksi barang masuk (tambah, edit, hapus),
transaksi barang keluar. Kemudian mengunduh atau memonitor laporan barang
masuk dan laporan barang keluar. Laporan transaksi tersebut dapat diexport ke
Ms.Excel lalu di unduh.
4. Pimpinan/Direktur
Dapat mengakses serta mengunduh file laporan transaksi barang pada sistem
inventori.
UNIVERSITAS SUMATERA UTARA
28
3.3 Struktur Organisasi Family Usaha Medan
Pimpinan/Direktur
Lamseli
Karyawan Toko
Ayi Priyayi
Gudang
Rudi Rahim
SPG
Ira Lubis
SPG
Dwi Ayu
Gambar 3.1 Struktur Organisasi Family Usaha Medan
UNIVERSITAS SUMATERA UTARA
29
UNIVERSITAS SUMATERA UTARA
BAB 4
ANALISIS DAN PERANCANGAN SISTEM
4.1 Analisis Sistem
Sebelum merancang sebuah aplikasi yang akan dibangun, faktor yang harus
diperhatikan adalah tahap analisis. Tahap analisis merupakan tahap pemahaman dengan
perangkat lunak yang akan digunakan, kebutuhan fungsional, diagram alir data, kamus
alir data dan enkripsi proses. Tahap analisis bertujuan untuk mengetahui mekanisme
sistem, proses-proses yang terlibat dalam sistem serta hubungan antara proses tersebut.
4.2 Perancangan Sistem
Perancangan sistem adalah upaya suatu organisasi atau lembaga untuk memulai memiliki
suatu sistem yang lebih baik lagi dari sistem yang sebelumnya. Perancangan sistem
dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan. Tujuan
dari perancangan sistem adalah untuk memenuhi kebutuhan user (pemakai) mengenai
gambaran yang jelas tentang perancangan sistem yang akan dibuat serta
diimplementasikan.
4.2.1 Diagram Konteks
Model yang diusulkan dalam proses sistem dirancang untuk mendapatkan informasi
mengenai keadaan atau kondisi stock yang ada dari karyawan toko dan bagian gudang.
Keduanya menganalisis, meng-input dan menyimpan data untuk pimpinan (pemilik toko).
Dalam sistem yang telah dirancang oleh penulis, karyawan toko dapat membuat
perencanaan data barang kebutuhan. Kemudian pihak gudang bertugas untuk mengelola
transaksi barang masuk, transaksi barang keluar, laporan barang masuk dan laporan
barang keluar. Transaksi barang masuk adalah suatu kegiatan menambah (membeli
barang) yang dilakukan oleh pihak Family Usaha dari pemasuk. Sedangkan transaksi
UNIVERSITAS SUMATERA UTARA
30
barang keluar adalah suatu kegiatan mengurangi (menjual barang) yang dilakukan oleh
pihak Family Usaha kepada pelanggan toko.
Laporan barang masuk dan laporan barang keluar merupakan beberapa data
penting dari proses transaksi yang telah dilakukan oleh pihak Family Usaha sebagai bukti
konkrit yang akan dilaporkan kepada pihak atasan. Output laporan barang masuk dan
laporan barang keluar di export dalam bentuk file dengan ekstensi .xlsx (Ms.Excel).
Pimpinan (pemilik toko) dapat melihat file laporan bulanan. Sedangkan Administrator
hanya berhak mendaftarkan user baik sebagai karyawan toko, gudang ataupun sebagai
pimpinan (pemilik toko).
4.2.2 Data Flow Diagram (DFD)
Beberapa detil mungkin akan dimasukkan ke dalam sistem utama untuk menutup seluruh
persyaratan sebuah aplikasi inventori. Admin akan masuk ke sistem login atau membuat
data pengguna. Setelah registrasi, maka users (karyawan toko, gudang dan pimpinan)
akan diberi hak akses untuk bisa mengakses sistem inventori. Kemudian karyawan toko,
harus memberikan data barang perencanaan kebutuhan terlebih dahulu kepada pihak
UNIVERSITAS SUMATERA UTARA
31
UNIVERSITAS SUMATERA UTARA
32
UNIVERSITAS SUMATERA UTARA
33
Gambar 4.4 Entity Relationship Diagram
4.2.5 Perancangan Database
Pada tahapan ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan
diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan,
panghapusan dan menampilkan isi database ke halaman website. Database terdiri atas tabel-tabel
yang dibuat dengan menggunakan program MySQL. Adapun database yang dibuat oleh penulis
adalah database gpsdata dengan tabel-tabel sebagai berikut:
UNIVERSITAS SUMATERA UTARA
34
Tabel 4.1 Tabel User Login
Nama Field Type Size Keterangan
Username Varchar 20 primary key
Password Varchar 40
Login Varchar 30
Tabel 4.2 Tabel Barang Keluar
Nama Field Type Size Keterangan
id_keluar Int 20 Primary key
Tgl Date -
kode_barang Int 40
Jumlah Int 10
Tabel 4.3 Tabel Barang Masuk
Nama Field Type Size Keterangan
kode_barang Int 20 Primary key
Tgl Date -
kode_barang Varchar 30
Jumlah Varchar 10
Tabel 4.4 Data Barang
Nama Field Type Size Keterangan
kode_barang Int 20 Primary key
nama_barang Varchar 40
jumlah_barang Varchar 10
Tabel 4.5 Data Persediaan
Nama Field Type Size Keterangan
kode_barang Int 11 Primary key
stok_awal Varchar 10
Masuk Varchar 10
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
36
Tahap desain sistem mempunyai dua maksud atau tujuan utama, yaitu:
1. Untuk memenuhi kebutuhan para pemakai sistem.
2. Untuk memberikan gambaran yang jelas dan rancang bangun yang lengkap kepada
pemrogram komputer dan ahli-ahli teknik lainnya yang terlibat. Tujuannya lebih
condong pada desain sistem yang terinci, yaitu pembuatan rancang bangun yang
jelas dan lengkap untuk nantinya digunakan untuk pembuatan program
komputernya.
4.3.1 Desain Form Login
Desain Form Login adalah tampilan awal sistem yang muncul pertama kali di layar
komputer dan digunakan untuk masuk menu-menu pada sistem.
Header
Username
Password
Login
Gambar 4.6 Desain Form Login
UNIVERSITAS SUMATERA UTARA
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang
dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk
menguji, meng-install dan memulai sistem baru atau sistem yang diperbaiki
untuk menggantikan sistem yang lama.
5.2 Tujuan Implementasi Sistem
Tujuan Implementasi sistem adalah sebagai berikut:
1. Menyelesaikan desain yang telah disetujui sebelumnya.
2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru.
3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.
4. Memastikan bahwa konfersi ke sistem baru berjalan yaitu dengan membuat
rencana, mengontrol dan melakkukan instalasi baru secara benar.
5.3 Komponen Utama dalam Sistem
Dalam pembuatan sistem inventori Family Usaha yang sudah di rancang
membutuhkan perangkat keras (hardware), perangkat lunak (software), dan
tenaga pelaksana (brainware).
a) Perangkat Keras (hardware)
Perangkat keras yang dibutuhkan dalam pembuatan sistem inventori
Family Usaha Galery ini antara lain :
UNIVERSITAS SUMATERA UTARA
38
1. Prosesor
2. Harddisk
3. Memori
4. Monitor
5. Keyboard
6. Mouse
7. Dan lain-lain
b) Perangkat Lunak (software)
1. PHP, MySQL, dan Sublime Text 2
2. XAMPP Control v3.2.1
3. Anti virus untuk mengetahui terjadinya kerusakan sistem.
c) Tenaga Pelaksana (Brainware)
Yaitu orang yang mamiliki keahlian yang baik dan mengerti sistem operasi
komputer untuk menjalankan program.
5.3.1 Instalasi Apache, PHP, dan MySQL
Dalam meng-instalasi Apache, PHP dan MySQL dilakukan secara satu per satu.
Adapun softwarenya dapat diperoleh dari situs http://www.apache.org untuk
Apache, http://www.php.net untuk PHP dan http://www.mysql.com untuk
MySQL. Tahap instalasinya dimulai dengan meng-instalasi Apache, kemudian
disusul dengan meng-instalasi PHP dan MySQL. Setelah isntalasi selesai
dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah
instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit.
UNIVERSITAS SUMATERA UTARA
39
5.3.2 Kebutuhan Brainware
Perangkat Operator (Brainware) yang dapat menjalankan website ini terbagi
menjadi 4 yaitu administrator, sekretaris, gudang, pimpinan (pemilik toko).
5.4 Tampilan Halaman Website
Untuk menjalankan website, pada pengujian Sistem Inventori Barang pada
Pangnas Gallery, penulis menggunakan web browser Mozilla Firefox dan Google
Chrome setelah web browser dapat dijalankan. Pada kolom pencarian web
browser ketikkan pada addres bar http://localhost/inventory untuk
pengetesan halaman utama (form login).
Gambar 5.1 Kolom Pencarian
1. Halaman utama
Halaman utama sistem (form login) merupakan halaman yang pertama kali
muncul ketika web browser dibuka. Halaman utama menampilkan username
dan password yang akan diisi oleh user. Pada form login, brainware yang
dapat mengakses atau menjalankan website ini terbagi menjadi 4 yaitu
administrator, sekretaris, gudang, dan pimpinan (pemilik toko).
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
42
Pada tampilan sudut kanan halaman Administrator terdapat dua opsi pilihan,
ketika user ingin log out dari sistem maka klik button keluar. Selain button
keluar, user sebagai Administrator juga dapat mengubah password dengan
mengisi form password lama kemudian meng-input password yang baru lalu klik
button ubah. Ketika password berhasil di ubah, maka secara otomatis notifikasi
localhost password akan tampil seperti gambar berikut:
Gambar 5.7 Halaman ubah password Admin
Gambar 5.8 Form Notifikasi Ubah Password
Gambar 5.9 Halaman Log out Admin
UNIVERSITAS SUMATERA UTARA
43
3. Tampilan Halaman Sekretaris
Halaman sekretaris merupakan halaman perencanaan kebutuhan. Sekretaris
dapat memeriksa data barang per hari sesuai tanggal yang diinginkan ataupun
perbulan. Halaman perencanan ini terhubung dengan localhost data barang.
Pada rincian data barang, sekretaris dapat melihat atau memonitor keadaan
stok barang tersedia. Jika salah satu barang sudah mencapai batas jumlah
persediaan minimum, maka karyawan toko dapat
membuat daftar perencanaan kebutuhan barang pada pihak gudang.
Gambar 5.10 Halaman Login Sekretaris
Gambar 5.11 Form Sekretaris
UNIVERSITAS SUMATERA UTARA
44
Gambar 5.12 Form pencarian data barang
Gambar 5.13 Halaman Localhost Data Barang
Sama pada tampilan menu user sebelumnya, di sudut kanan halaman
Sekretaris terdapat dua opsi pilihan, ketika user ingin log out dari sistem maka
klik button keluar. Selain button keluar, user sebagai Sekretaris juga dapat
mengubah password dengan mengisi form password lama kemudian meng- input
password yang baru lalu klik button ubah. Ketika password berhasil di ubah, maka
secara otomatis notifikasi localhost password akan tampil seperti gambar berikut:
UNIVERSITAS SUMATERA UTARA
45
Gambar 5.14 Halaman Ubah Password Karyawan
Gambar 5.15 Form Notifikasi Localhost
Gambar 5.16 Form Log out Karyawan
4. Tampilan Halaman Gudang
Halaman Gudang ini merupakan halaman yang memuat data barang, proses
transaksi barang masuk, transaksi barang keluar, dan laporan bulanan.
UNIVERSITAS SUMATERA UTARA
46
Gambar 5.17 Form Log in Gudang
Gambar 5.18 Form Gudang
Pada halaman data barang, pihak gudang dapat meng-input, edit dan hapus
daftar barang. Untuk menambah daftar barang yang baru, user harus mengisi
form nama barang dan nama pemasok. Contohnya pihak gudang akan
menambahkan Sprei My Love pada daftar nama barang dengan Jenis Barang Sprei,
selanjutnya pada sistem berhasil ditambahkan namun pada tabel stok tersedia
masih bernilai kosong seperti gambar berikut:
UNIVERSITAS SUMATERA UTARA
47
Gambar 5.19 Halaman Data Barang
Halaman edit data barang merupakan halaman untuk memperbaharui
data barang, seperti nama barang dan pemasok kemudian klik button ubah untuk
menyimpan hasil data yang telah diperbaharui. Jika ingin membatalkan perintah
klik button batal, maka akan kembali pada tampilan data barang awal.
Gambar 5.20 Halaman Edit Data Barang
UNIVERSITAS SUMATERA UTARA
48
Halaman entry barang masuk merupakan halaman pengisian form transaksi
barang yang akan di beli oleh pihak Family Usaha kepada pemasok sesuai
jumlah kebutuhan yang di inginkan. Pengisian form dimulai dari penentuan
tanggal transaksi, kemudian kode barang. Ketika form kode barang di klik maka
akan tampil localhost data barang, dan user dapat memilih barang yang akan
ditambah.
Gambar 5.21 Pengisian Tanggal Barang Masuk
Gambar 5.22 Form Barang Masuk
UNIVERSITAS SUMATERA UTARA
49
Halaman notifikasi pada form entry barang masuk secara otomatis akan tampil
jika data barang masuk yang di input berhasil ditambahkan.
Gambar 5.23 Halaman Notifikasi
Barang yang telah berhasil ditambahkan, dengan nama barang Sprei My
Love dan jenis barang Sprei, secara otomatis telah tersimpan di data barang
seperti gambar berikut:
Gambar 5.24 Form Data Barang Masuk
Halaman entry barang keluar merupakan halaman pengisian form
transaksi barang yang telah dijual oleh pihak Family Usaha kepada pelanggan.
Pengisian form dimulai dari penentuan tanggal transaksi, kemudian kode barang.
Ketika form kode barang di klik maka akan tampil localhost data barang, dan
user dapat memilih data barang yang telah keluar.
UNIVERSITAS SUMATERA UTARA
50
Gambar 5.25 Pengisian Tanggal Barang Keluar
Gambar 5.26 Form Barang Keluar
Halaman notifikasi pada form entry barang keluar secara otomatis akan
tampil jika data barang keluar yang di input berhasil ditambahkan.
Gambar 5.27 Halaman Notifikasi
UNIVERSITAS SUMATERA UTARA
51
Halaman laporan barang keluar merupakan daftar data barang yang keluar
selama kurun waktu yang ditentukan. Misalnya pada pengisian tanggal, user
ingin mengetahui laporan selama 1 bulan, maka klik button pencarian tanggal
awal transaksi hingga tanggal akhir transaksi barang keluar yang dilakukan.
Kemudian klik button cari, secara otomatis laporan barang keluar akan tampil.
Laporan barang keluar tersebut dibawah dapat di unduh melalui Export data ke
Ms.Excel sehingga file laporan dapat di simpan atau pun di cetak hasil print out
nya.
Gambar 5.28 Form Laporan Barang Masuk
UNIVERSITAS SUMATERA UTARA
52
Gambar 5.29 Unduh File Data Barang Masuk
Gambar 5.30 Hasil Unduh File barang Masuk di Ms.Excel
UNIVERSITAS SUMATERA UTARA
BAB 6
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Berdasarkan pembahasan pada bab-bab sebelumnya maka pada bab ini penulis
dapat mengambil kesimpulan sebagai berikut:
1. Dengan menggunakan sistem yang baru, pemakaian perangkat komputer yang
memanfaatkan fasilitas internet sebagai alat bantu untuk mempermudah
penyajian informasi ketersediaan barang dan pengolahan data dapat
dilakukan dengan cepat dan tepat.
2. Sistem inventori berbasis web, akan memberikan kemudahan-kemudahan,
baik bagi pihak karyawan toko, gudang, dan pemilik toko karena sistem ini
nantinya siap akses selama 24 jam.
3. Sistem inventori berbasis web, di buat dengan bahasa pemrograman PHP dan
menggunakan MYSQL sebagai database-nya dan memanfaatkan jaringan
internet untuk di akses oleh para user yang berkepentingan.
4. Sistem inventori berbasis web, menyediakan menu administrator untuk
keperluan manajemen dari website.
UNIVERSITAS SUMATERA UTARA
54
6.2 Saran
Berdasarkan kesimpulan di atas maka dapat diberikan beberapa saran yang
menjadi bahan pertimbangan bagi pihak Family Usaha Medan dalam
menggunakan sistem inventori barang berbasis web, yaitu:
1. Dengan adanya sistem yang telah dirancang, maka Pihak Family Usaha Medan
diharapkan dapat memanfaatkan komputer dan fasilitas internet dalam hal
penginformasian data barang masuk dan barang keluar, pengolahan
data barang, sehingga dapat meningkatkan pelayanan dan efektifitas kerja yang
lebih baik.
2. Sistem yang baru hendaknya dilakukan pengoperasian dan perawatan secara
optimal dalam penginformasian data dan pengolahan data.
3. Mengadakan pelatihan terhadap pihak terkait yang akan mengoperasikan
sistem yang baru. Setelah dirasakan sistem yang baru dapat dioperasikan
dengan baik dan bagian terkait telah mampu mengoperasikan sistem
tersebut, maka sistem lama dapat digantikan dengan sistem yang baru secara
keseluruhan.
UNIVERSITAS SUMATERA UTARA
DAFTAR PUSTAKA
Firdaus. 2007. 7 Jam Belajar Interaktif PHP&MySql dengan Dreamweaver.
Maxikom: Palembang
Juju, Dominikus. 2006. Tip dan Trik Desain Web untuk Pemula. Elex Media
Komputindo: Jakarta
Mutmainah, Siti. 2005. Proyek Desain Web Berbasi Grafis dengan Dreamweaver
dan Fireworks. ANDI: Yogyakarta
Nur Aditya, Alan. 2011. Jago PHP dan MySQL. Dunia Komputer: Bekasi
Perangin-angin, Kasiman. 2006. Aplikasi Web Dengan PHP dan MySQL. ANDI:
Yogyakarta
Raharjo, Budi. 2011. Belajar Pemrograman Web. Modula: Bandung
Tauri, M.D. 1989. Analisis dan Perancangan Sistem: Pengolahan Data, Jakarta
UNIVERSITAS SUMATERA UTARA
Lampiran Listing Program
1. index.php
<?php session_start(); require("_db.php"); ?> <!doctype html> <html> <head> <meta charset="utf-8">
<title>FAMILY USAHA MEDAN</title> <link rel="stylesheet" href="css/style.default.css" type="text/css" /> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="js/jquery-migrate-1.1.1.min.js"></script> </head> <body class="loginbody"> <div class="loginwrapper"> <div class="loginwrap zindex100 animate2 bounceInDown">
<h1 class="logintitle"><span class="iconfa-lock"></span> PERANCANGAN INVENTORY PADA PERUSAHAAN FAMILY USAHA<span class="subtitle">Silahkan login untuk masuk.</span></h1> <div class="loginwrapperinner"> <?php include("login.php") ?> </div><!--loginwrapperinner--> </div> <div class="loginshadow animate3 fadeInUp"></div> </div><!--loginwrapper--> <script type="text/javascript">
jQuery.noConflict(); jQuery(document).ready(function(){ var anievent = (jQuery.browser.webkit)? 'webkitAnimationEnd' : 'animationend'; jQuery('.loginwrap').bind(anievent,function(){ jQuery(this).removeClass('animate2 bounceInDown');}); jQuery('#username,#password').focus(function(){ if(jQuery(this).hasClass('error')) jQuery(this).removeClass('error');}); jQuery('#loginform button').click(function(){
if(!jQuery.browser.msie) { if(jQuery('#username').val() == '' || jQuery('#password').val() == '') { if(jQuery('#username').val() == '') jQuery('#username').addClass('error'); else jQuery('#username').removeClass('error'); if(jQuery('#password').val() == '') jQuery('#password').addClass('error'); else jQuery('#password').removeClass('error'); jQuery('.loginwrap').addClass('animate0
wobble').bind(anievent,function(){ jQuery(this).removeClass('animate0 wobble');});} else { jQuery('.loginwrapper').addClass('animate0 fadeOutUp').bind(anievent,function(){ jQuery('#loginform').submit(); }); }return false;}});}); </script> </body> </html>
UNIVERSITAS SUMATERA UTARA
2. login.php
<form id="loginform" action="index.php?login_attempt=1"
method="post">
<p class="animate4 bounceIn"><input type="text" id="username"
name="username" placeholder="Username" /></p>
<p class="animate5 bounceIn"><input type="password"
id="password" name="password" placeholder="Password" /></p>
<p class="animate6 bounceIn"><button class="btn btn-default btn-
block">Masuk</button></p>
</form>
<?php
if(isset($_GET['login_attempt']))
{
$spf=sprintf("Select * from user_login where username='%s' and
password='%s'",$_POST['username'],md5($_POST['password']));
$rs=mysql_query($spf);
$rw=mysql_fetch_array($rs);
$rc=mysql_num_rows($rs);
if($rc==1)
{
$_SESSION['login_hash']=$rw['login_hash'];
$_SESSION['login_user']=$rw['username'];
echo "<script>window.location='dashboard.php'</script>";
}
}?>
UNIVERSITAS SUMATERA UTARA
3. Administrator
1) home.php
<div class="row-fluid">
<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
<div class="caption">
<h3>User Management</h3>
<p>Halaman untuk menambah,mengubah dan menghapus data user</p>
<p><a href="?cat=administrator&page=user" class="btn btn-primary">Masuk</a> </p>
</div>
</div>
</li>
</ul>
</div>
2) session.php
<?php
if(isset($_SESSION['login_hash']))
{
if($_SESSION['login_hash']!="administrator")
{
echo "<script>window.location='?cat=web&page=logout'</script>";
}
}
?>
3) user.php
<?php
ob_start();
?>
<form name="form1" method="post"
action="?cat=administrator&page=user&act=1">
<label>Username</label>
<input type="text" name="username" id="username">
<label>Password</label>
<input type="text" name="password" id="password">
<label>Jenis Login</label>
<select name="jenis" id="jenis">
<option value="gudang">Bagian Gudang</option>
<option value="sekretaris">Sekretaris</option>
<option value="pimpinan">Pimpinan</option>
</select>
<p></p>
<input type="submit" class="btn btn-primary" name="button"
id="button" value="Daftar"> <input type="reset" class="btn
btn-danger" name="reset" id="reset" value="Reset">
</form>
<?php
ob_end_flush();
?>
<p></p>
<p></p>
UNIVERSITAS SUMATERA UTARA
<span class="span4">
<table width="100%" border="0" cellspacing="0" cellpadding="0"
class="table table-striped">
<tr>
<td>Username</td>
<td>Jenis Login</td>
<td> </td>
</tr>
<?php
$rw=mysql_query("Select * from user_login");
while($s=mysql_fetch_array($rw))
{
?>
<tr>
<td><?php echo $s['username']; ?></td>
<td><?php echo $s['login_hash']; ?></td>
<td><a href="?cat=administrator&page=useredit&id=<?php echo
sha1($s['username']); ?>">Edit</a> - <a
href="?cat=administrator&page=user&del=1&id=<?php echo
sha1($s['username']); ?>">Hapus</a></td>
</tr>
<?php
}
?>
</table>
</span>
<?php
if(isset($_GET['act']))
{
$rs=mysql_query("Insert into user_login
(`username`,`password`,`login_hash`) values
('".$_POST['username']."','".md5($_POST['password'])."','".$_POST['je
nis']."')") or die(mysql_error());
if($rs)
{
echo
"<script>window.location='?cat=administrator&page=user'</script>";
}
}
?>
<?php
if(isset($_GET['del']))
{
$ids=$_GET['id'];
$ff=mysql_query("Delete from user_login Where
sha1(username)='".$ids."'");
if($ff)
{
echo
"<script>window.location='?cat=administrator&page=user'</script>";
}
}
?>
4) useredit.php
<?php ob_start(); if(isset($_GET['id'])) { $rs=mysql_query("Select * from user_login where
sha1(username)='".$_GET['id']."'"); $row=mysql_fetch_array($rs);
UNIVERSITAS SUMATERA UTARA
?> <form name="form1" method="post" action="?cat=administrator&page=useredit&id=<?php echo $_GET['id']; ?>&edit=1"> <table width="50%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="36%">Username</td> <td width="64%"><label for="username"></label> <input type="text" name="username" id="username" value="<?php echo $row['username']; ?>" disabled="disabled"></td>
</tr> <tr> <td>Password</td> <td><input type="password" name="password" id="password" value="<?php echo $row['password']; ?>"></td> </tr> <tr> <td>Jenis Login</td> <td> <select name="jenis" id="jenis"> <option value="gudang">Bagian Gudang</option>
<option value="sekretaris">Sekretaris</option> <option value="pimpinan">Pimpinan</option> </select></td> </tr> <tr> <td> </td> <td><input type="submit" class="btn btn-primary" name="button" id="button" value="Ubah"> <input type="button" class="btn btn-danger" name="reset" id="reset" value="Cancel" onclick="window.location='?cat=administrator&page=user'"></td>
</tr> </table> </form> <?php ob_end_flush(); }else{ echo "<script>window.location='?cat=administrator&page=user'</script>"; } ?>
<?php if(isset($_GET['edit'])) { $rs=mysql_query("Update user_login SET password='".md5($_POST['password'])."',login_hash='".$_POST['jenis']."' Where sha1(username)='".$_GET['id']."'"); if($rs) { echo "<script>window.location='?cat=administrator&page=user'</script>";
} } ?>
UNIVERSITAS SUMATERA UTARA
4. Gudang
1) barang.php <?php ob_start();
if(isset($_GET['id']))
{
$rs=mysql_query("Select * from user_login where
sha1(username)='".$_GET['id']."'");
$row=mysql_fetch_array($rs);
?>
<form name="form1" method="post"
action="?cat=administrator&page=useredit&id=<?php echo
$_GET['id']; ?>&edit=1">
<table width="50%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="36%">Username</td>
<td width="64%"><label for="username" title="Ganti
Username"></label>
<input type="text" name="username" id="username"
value="<?php echo $row['username']; ?>"
disabled="disabled"></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" title="Ganti Password"
name="password" id="password" value="<?php echo
$row['password']; ?>"></td>
</tr>
<tr>
<td>Kategori</td>
<td> <select name="jenis" id="jenis" title="Pilih Salah
Satu">
<option value="gudang">Bagian Gudang</option>
<option value="sekretaris">Sekretaris</option>
<option value="pimpinan">Pimpinan</option>
</select></td>
</tr>
<td> </td>
<tr>
<td> </td>
<td><input type="submit" class="btn btn-primary"
name="button" id="button" value="Ubah"> <input
type="button" class="btn btn-danger" name="reset" id="reset"
value="Cancel"
onclick="window.location='?cat=administrator&page=user'"></td>
</tr>
</table>
</form>
<?php
ob_end_flush();
}else{
echo
"<script>window.location='?cat=administrator&page=user'</scrip
t>";
}
?>
<?php
if(isset($_GET['edit']))
{
UNIVERSITAS SUMATERA UTARA
$rs=mysql_query("Update user_login SET
password='".$_POST['password']."',login_hash='".$_POST['jenis'
]."' Where sha1(username)='".$_GET['id']."'");
if($rs)
{
echo
"<script>window.location='?cat=administrator&page=user'</scrip
t>";
}
}
?>
2) barangedit.php
<?php
ob_start();
if(isset($_GET['id']))
{
$rs=mysql_query("Select * from data_barang where sha1(kode_barang)='".$_GET['id']."'");
$row=mysql_fetch_array($rs);
?>
<form name="form1" method="post"
action="?cat=gudang&page=barangedit&id=<?php echo $_GET['id']; ?>&edit=1">
<label>Nama Barang</label>
<input type="text" name="namabarang" id="namabarang" value="<?php echo $row['nama_barang']; ?>">
<label>Jenis Barang</label>
<input type="text" name="jenis" id="jenis">
<p></p>
<input type="submit" class="btn btn-primary" name="button" id="button" value="Ubah"> <input type="reset" class="btn btn-danger" name="reset" id="reset" value="Batal" onclick="window.location='?cat=gudang&page=barang'">
</form>
<?php
ob_end_flush();
}else{
echo "<script>window.location='?cat=gudang&page=barang'</script>";
}
?>
<?php
if(isset($_GET['edit']))
{
$rs=mysql_query("Update data_barang SET nama_barang='".$_POST['namabarang']."',jenis_barang='".$_POST['jenis']."' Where sha1(kode_barang)='".$_GET['id']."'");
if($rs)
{
echo "<script>window.location='?cat=gudang&page=barang'</script>";
}
}
?>
UNIVERSITAS SUMATERA UTARA
3) barangview.php
<style> .pagin { padding: 10px 0; font:bold 11px/30px arial, serif; } .pagin * { padding: 2px 6px; color:#0A7EC5; margin: 2px; border-radius:3px; } .pagin a { border:solid 1px #8DC5E6; text-decoration:none; background:#F8FCFF; padding:6px 7px 5px; } .pagin span, a:hover, .pagin a:active,.pagin span.current { color:#FFFFFF; background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#58B0E7); } .pagin span,.current{ padding:8px 7px 7px; } .content{ padding:10px; font:bold 12px/30px gegoria,arial,serif; border:1px dashed #0686A1; border-radius:5px; background:-moz-linear-gradient(top,#E2EEF0 1px,#CDE5EA 1px,#E2EEF0); margin-bottom:10px; text-align:left; line-height:20px; } .outer_div{ margin:auto; width:600px; } #loader{ position: absolute; text-align: center; top: 75px; width: 100%; display:none; } </style> <h2>Data Barang</h2> <?php /* Koneksi database*/ include 'pages/web/paging.php'; //include pagination file //pagination variables $hal = (isset($_REQUEST['hal']) && !empty($_REQUEST['hal']))?$_REQUEST['hal']:1; $per_hal = 5; //berapa banyak blok $adjacents = 5; $offset = ($hal - 1) * $per_hal; $reload="?cat=gudang&page=barang"; //Cari berapa banyak jumlah data*/ $count_query = mysql_query("SELECT COUNT(data_barang.kode_barang) AS numrows,data_barang.kode_barang, data_barang.nama_barang, data_barang.jenis_barang, data_persediaan.stok_tersedia FROM data_barang LEFT JOIN data_persediaan ON data_barang.kode_barang = data_persediaan.kode_barang"); if($count_query === FALSE) { die(mysql_error());
UNIVERSITAS SUMATERA UTARA
} $row = mysql_fetch_array($count_query); $numrows = $row['numrows']; //dapatkan jumlah data $total_hals = ceil($numrows/$per_hal); //jalankan query menampilkan data per blok $offset dan $per_hal $query = mysql_query("SELECT data_barang.kode_barang, data_barang.nama_barang, data_barang.jenis_barang, data_persediaan.stok_tersedia FROM data_barang LEFT JOIN data_persediaan ON data_barang.kode_barang = data_persediaan.kode_barang GROUP BY data_barang.kode_barang LIMIT $offset,$per_hal"); ?> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="responsive table table-striped table-bordered"> <thead> <tr> <td colspan="2" align="right" class="no_sort"> </td> </tr> <tr> <td class="no_sort"></td> <td class="no_sort"></td> </tr> <tr> <td>Kode Barang</td> <td>Nama Barang</td> <td>Jenis Barang</td> <td>Stok Tersedia</td> <td> </td> </tr> </thead> <?php while($result = mysql_fetch_array($query)){ ?> <tr > <td><?php echo $result['kode_barang']; ?></td> <td><?php echo $result['nama_barang']; ?></td> <td><?php echo $result['jenis_barang']; ?></td> <td><?php echo $result['stok_tersedia']; ?></td> <td><a href="?cat=gudang&page=barangedit&id=<?php echo sha1($result['kode_barang']); ?>">Edit</a> - <a href="?cat=gudang&page=barang&del=1&id=<?php echo sha1($result['kode_barang']); ?>">Hapus</a></td> </tr> <?php } ?> </table> <?php echo paginate($reload, $hal, $total_hals, $adjacents); ?>
4) entry.php
<script src="js/jquery-ui.js"></script>
<h2>Entry Barang Masuk</h2>
<form name="form1" method="post" action="" autocomplete="on">
<table width="50%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td>Tanggal</td>
<td><input type="text" name="tglr" id="datepicker"
placeholder="Pilih tanggal.." /></td>
</tr>
<tr>
<td width="40%">Kode Barang</td>
<td width="60%"><label for="kodebarang"></label>
<input type="text" name="kodebarang" id="kodebarang"
UNIVERSITAS SUMATERA UTARA
placeholder="Pilih Barang.." onClick="window.open('<?php echo
$baseurl;
?>pages/web/viewbarang.php','popuppage','width=500,toolbar=0,
resizable=0,scrollbars=no,height=400,top=100,left=100');">
</td>
</tr>
<tr>
<td>Nama Barang</td>
<td><input name="namabarang" type="text" id="namabarang"
readonly="readonly"></td>
</tr>
<tr>
<td>Jumlah</td>
<td><input type="text" name="jumlah" id="jumlah"></td>
</tr>
<tr>
<td> </td>
<td><p></p><input type="submit" class="btn btn-primary"
name="button" id="button" value="Tambah"></td>
</tr>
</table>
</form>
<?php
if(isset($_POST['button']))
{
$newDate = date("Y-m-d", strtotime($_POST['tglr']));
$q=mysql_query("Insert into barang_masuk
(`tgl`,`kode_barang`,`jumlah`) values
('".$newDate."','".$_POST['kodebarang']."','".$_POST['jumlah'
]."')") or die(mysql_error());
$q2=mysql_query("Select * from data_persediaan where
kode_barang='".$_POST['kodebarang']."'");
$rc=mysql_num_rows($q2);
if($rc==1)
{
$q3=mysql_query("Update data_persediaan SET masuk=masuk
+ ".$_POST['jumlah'].",stok_tersedia=stok_tersedia +
".$_POST['jumlah']." Where
kode_barang='".$_POST['kodebarang']."'");
if($q3)
{
}
}else{
echo "Data sudah disimpan";
$q4=mysql_query("Insert into data_persediaan
(`kode_barang`,`stok_awal`,`masuk`,`stok_tersedia`) values
('".$_POST['kodebarang']."','".$_POST['jumlah']."','".$_POST[
'jumlah']."','".$_POST['jumlah']."')");
if($q4)
{
echo "Data sudah disimpan";
}
}
}
?>
UNIVERSITAS SUMATERA UTARA
5) barang.php
<div class="row-fluid">
<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
<div class="caption">
<h3>Data Barang</h3>
<p>Halaman untuk menambah,mengubah dan
menghapus data barang</p>
<p><a href="?cat=gudang&page=barang" class="btn btn-
primary">Masuk</a> </p>
</div>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<div class="caption">
<h3>Penerimaan Barang</h3>
<p>Menambahkan barang ataupun menerima barang untuk ditempatkan
pada Gudang</p>
<p><a href="?cat=gudang&page=entry"
class="btn btn-primary">Masuk</a> </p>
</div>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<div class="caption">
<h3>Barang Keluar </h3>
<p>Mengurangi barang ataupun mengeluarkan barang
untuk diproduksi </p>
<p><a href="?cat=gudang&page=sell" class="btn btn-
primary">Masuk</a> </p>
</div>
</div>
</li>
<li class="span4">
UNIVERSITAS SUMATERA UTARA
<div class="thumbnail">
</p>
<div class="caption">
<h3>Laporan Bulanan</h3>
<p>Laporan bulanan untuk stok Gudang
<p><a
href="?cat=gudang&page=monthreporting" class="btn btn-
primary">Masuk</a> </p>
</div>
</div>
</li>
</ul>
</div>
5. Sekretaris
1) home.php
<div class="row-fluid">
<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
<div class="caption">
<h3>Perencanaan Kebutuhan</h3>
<p>Menghitung Perencanaan Kebutuhan Stok
untuk Family Usaha</p>
<p><a
href="?cat=sekretaris&page=quantity2" class="btn btn-
primary">Masuk</a> </p>
</div>
</div>
</li>
</ul>
</div>
6. Pimpinan
1) home.php
<div class="row-fluid">
<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
<div class="caption">
<h3>Laporan Bulanan</h3>
<p>Laporan bulanan untuk stok Gudang </p>
<p><a
href="?cat=pimpinan&page=monthreporting" class="btn btn-
primary">Masuk</a> </p>
</div>
</div>
</li>
</ul>
</div>
UNIVERSITAS SUMATERA UTARA
7. Web
1) chgpwd.php
<h2>Perubahan password untuk</h2>
<?php
echo "<h3> Username ".$_SESSION['login_user']."</h3>";
?>
<form method="post">
<label>Password Lama</label>
<input type="password" name="old_password" title="Masukan
Password Yang Dulu">
<label>Password Baru</label>
<input type="password" name="new_password" title="Masukan
Password Sekarang">
<p></p>
<input type="submit" class="btn btn-default" name="button"
value="Ubah" title="Ubah">
</form>
<?php
if(isset($_POST['button']))
{
$sc1=sprintf("Select * from user_login where username='%s'
and
password='%s'",$_SESSION['login_user'],($_POST['old_password'
]));
$q1=mysql_query($sc1);
$rc1=mysql_num_rows($q1);
if($rc1==1)
{
Where
$sc2=sprintf("Update user_login Set password='%s'
username='%s'",($_POST['new_password']),$_SESSION['login_user
']);
$q2=mysql_query($sc2);
if($q2)
{
echo "<script>alert('Password berhasil diubah
dan data sudah
tersimpan');window.location='dashboard.php'</script>";
}
}else{
echo "<script>alert('Password Lama salah, Cobal
lagi..!')</script>";
}
}
?>
2) export-excel-barang.php
<?php
include("../../_db.php");
$tg1 = (isset($_REQUEST['tgl1']) &&
!empty($_REQUEST['tgl1']))?$_REQUEST['tgl1']:"";
$tg2 = (isset($_REQUEST['tgl2']) &&
!empty($_REQUEST['tgl2']))?$_REQUEST['tgl2']:"";
$fil = (isset($_REQUEST['field']) &&
!empty($_REQUEST['field']))?$_REQUEST['field']:"";
UNIVERSITAS SUMATERA UTARA
$result=mysql_query("SELECT barang_".$fil.".tgl,
barang_".$fil.".kode_barang, data_barang.nama_barang,
data_barang.pemasok, barang_".$fil.".jumlah
FROM barang_".$fil." LEFT JOIN data_barang ON
barang_".$fil.".kode_barang = data_barang.kode_barang Where
tgl BETWEEN '".$tg1."' AND '".$tg2."' GROUP BY ID_".$fil."")
or die("Couldn't execute query:<br>" . mysql_error(). "<br>" .
mysql_errno());;
$filename="Export-".$fil."-".date("Y-m-d");
$file_ending = "xls";
//header info for browser
header("Content-Type: application/ms-excel");
header("Content-Disposition: attachment;
filename=$filename.xls");
header("Pragma: no-cache");
header("Expires: 0");
/*******Start of Formatting for Excel*******/
//define separator (defines columns in excel & tabs in word)
$sep = "\t"; //tabbed character
//start of printing column names as names of MySQL fields
for ($i = 0; $i < mysql_num_fields($result); $i++) {
echo mysql_field_name($result,$i) . "\t";
}
print("\n");
//end of printing column names
//start while loop to get data
while($row = mysql_fetch_array($result))
{
$schema_insert = "";
for($j=0; $j<mysql_num_fields($result);$j++)
{
if(!isset($row[$j]))
$schema_insert .= "NULL".$sep;
elseif ($row[$j] != "")
$schema_insert .= "$row[$j]".$sep;
else
$schema_insert .= "".$sep;
}
$schema_insert = str_replace($sep."$", "",
$schema_insert);
$schema_insert = preg_replace("/\r\n|\n\r|\n|\r/", " ",
$schema_insert);
$schema_insert .= "\t";
print(trim($schema_insert));
print "\n";
}
?>
3) logout.php
<?php
session_destroy();
echo "<script>window.location='index.php'</script>";?>
UNIVERSITAS SUMATERA UTARA
8. dashboard.php <?php
session_start();
if(!isset($_SESSION['login_hash']))
{
echo "<script>window.location='index.php'</script>";
}
include("_db.php");
?>
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-
8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0" />
<title>FAMILY USAHA MEDAN</title>
<?php include("_scr.php"); ?>
</head>
<body>
<div class="mainwrapper fullwrapper">
<!-- START OF LEFT PANEL -->
<div class="leftpanel">
<div class="logopanel">
<h1><a href="dashboard.php">FAMILY USAHA MEDAN</a></h1>
</div><!--logopanel-->
<div class="datewidget">Hari ini: <?php echo date("d M
Y"); ?></div>
<?php include("_main-nav.php"); ?> <!--NAVIGASI MENU
UTAMA-->
<!-- START OF RIGHT PANEL -->
<div class="rightpanel">
<div class="headerpanel">
<a href="" class="showmenu"></a>
<div class="headerright">
<span style="color:#FFF">
<?php
echo "Selamat Datang Kembali
".$_SESSION['login_user'];
?>
</span>
<?php
include("_userinfo.php");
?>
</div><!--headerright-->
</div><!--headerpanel-->
<div class="breadcrumbwidget">
<ul class="breadcrumb">
<li></li>
</ul>
</div>
<!--breadcrumbwidget-->
<div class="pagetitle"> UNIVERSITAS SUMATERA UTARA
<h1>PERANCANGAN SISTEM INVENTORY FAMILY USAHA
MEDAN</h1> <!--<span>This is a sample description for dashboard
page...</span>-->
</div><!--pagetitle-->
<div class="maincontent">
<div class="contentinner content-dashboard">
<!--<div class="alert alert-info">
<button type="button" class="close" data-
dismiss="alert">×</button>
<strong>Welcome!</strong> This alert needs
your attention, but it's not super important.
</div>--><!--alert-->
<div class="row-fluid"><!--span8-->
<?php
$v_cat = (isset($_REQUEST['cat'])&&
$_REQUEST['cat'] !=NULL)?$_REQUEST['cat']:'';
$v_page = (isset($_REQUEST['page'])&&
$_REQUEST['page'] !=NULL)?$_REQUEST['page']:'';
if(file_exists("pages/".$v_cat."/".$v_page.".php"))
{
include("pages/".$v_cat."/".$v_page.".php");
}else{
include("pages/web/homepage.php");
}
?>
<!--span4-->
</div>
<!--row-fluid-->
</div><!--contentinner-->
</div><!--maincontent-->
</div><!--mainright-->
<!-- END OF RIGHT PANEL -->
<div class="clearfix"></div>
<!--FOOTER-->
<?php include("_footer.php"); ?>
</div><!--mainwrapper-->
<!--SLIDE NAVIGASI-->
<?php include("_nav-slider.php"); ?>
</body>
</html>
9. -footer.php
<div class="footer"> <div class="footerleft">FAMILY USAHA MEDAN</div> <div class="footerright">© Rachman Hidayat- D3 Teknik Informatika</div> </div> <!--footer-->
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA