perancangan sistem inventori barang pada toko …

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


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


MEDAN

2018


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


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


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.


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.


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


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


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


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


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


xi

DAFTAR LAMPIRAN

Nomor Judul

1 Listing Program

2 Hasil Uji Program

3 Kartu Bimbingan Tugas Akhir

4 SK Pembimbing Tugas Akhir


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.


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.


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.


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.


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


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


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


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


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


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.


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.


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.


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.


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.


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


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.


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


http://localhost/phpmyadmin

http://localhost/phpmyadmin

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>


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


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,


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.


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>


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>”;

?>


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]);


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.


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.


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.


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


29


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


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


31


32


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:


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


id_keluar Int 20 Primary key

Tgl Date -

kode_barang Int 40

Jumlah Int 10

Tabel 4.3 Tabel Barang Masuk


kode_barang Int 20 Primary key

Tgl Date -

kode_barang Varchar 30

Jumlah Varchar 10

Tabel 4.4 Data Barang



nama_barang Varchar 40

jumlah_barang Varchar 10

Tabel 4.5 Data Persediaan



stok_awal Varchar 10

Masuk Varchar 10


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


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 :


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.


http://www.apache.org/

http://www.apache.org/

http://www.php.net/

http://www.php.net/

http://www.mysql.com/

http://www.mysql.com/

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).


http://localhost/

http://localhost/

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


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


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:


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.


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:


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


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


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.


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


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


52

Gambar 5.29 Unduh File Data Barang Masuk

Gambar 5.30 Hasil Unduh File barang Masuk di Ms.Excel


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.


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.


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


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> </div> <div class="loginshadow animate3 fadeInUp"></div> </div> <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>

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>";

}

}?>


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>


<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);


?> <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>";

} } ?>


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);

?>


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']))

{


$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);

?>


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>";

}

}

?>


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());


} $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"


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";

}

}

}

?>


5) barang.php



<li class="span4">



<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">



<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">



<h3>Barang Keluar </h3>

<p>Mengurangi barang ataupun mengeluarkan barang

untuk diproduksi </p>

<p><a href="?cat=gudang&page=sell" class="btn btn-


</div>

</div>

</li>

<li class="span4">



</p>


<h3>Laporan Bulanan</h3>

<p>Laporan bulanan untuk stok Gudang

<p><a

href="?cat=gudang&page=monthreporting" class="btn btn-


</div>

</div>

</li>

</ul>

</div>

5. Sekretaris

1) home.php



<li class="span4">



<h3>Perencanaan Kebutuhan</h3>

<p>Menghitung Perencanaan Kebutuhan Stok

untuk Family Usaha</p>

<p><a

href="?cat=sekretaris&page=quantity2" class="btn btn-


</div>

</div>

</li>

</ul>

</div>

6. Pimpinan

1) home.php



<li class="span4">



<h3>Laporan Bulanan</h3>

<p>Laporan bulanan untuk stok Gudang </p>

<p><a

href="?cat=pimpinan&page=monthreporting" class="btn btn-


</div>

</div>

</li>

</ul>

</div>


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']:"";


$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>";?>


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">



<div class="leftpanel">

<div class="logopanel">

<h1><a href="dashboard.php">FAMILY USAHA MEDAN</a></h1>

</div>

<div class="datewidget">Hari ini: <?php echo date("d M

Y"); ?></div>

<?php include("_main-nav.php"); ?> 



<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>

</div>

<div class="breadcrumbwidget">

<ul class="breadcrumb">

<li></li>

</ul>

</div>



<div class="pagetitle"> UNIVERSITAS SUMATERA UTARA

<h1>PERANCANGAN SISTEM INVENTORY FAMILY USAHA

MEDAN</h1> 

</div>

<div class="maincontent">

<div class="contentinner content-dashboard">



<div class="row-fluid">

<?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");

}

?>



</div>



</div>

</div>

</div>



<div class="clearfix"></div>



<?php include("_footer.php"); ?>

</div>



<?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>

perancangan sistem inventori barang pada toko …

Documents