PERANCANGAN SISTEM INVENTORI BARANG PADA TOKO FAMILY USAHA BERBASIS WEB TUGAS AKHIR RACHMAN HIDAYAT

(1)

TUGAS AKHIR

RACHMAN HIDAYAT 152406058

PROGRAM STUDI TEKNIK INFORMATIKA D3 DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2018

(2)

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

(3)

(4)

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

(5)

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

(6)

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.

(7)

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.

(8)

3.1 Sejarah Singkat Family Usaha 25

3.2 Visi, Misi dan Tujuan Family Usaha 25

3.3 Struktur Organisasi Family Usaha 28

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

(9)

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

(10)

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

(11)

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

(12)

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

(13)

Nomor Judul 1 Listing Program

2 Hasil Uji Program

3 Kartu Bimbingan Tugas Akhir 4 SK Pembimbing Tugas Akhir

(14)

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.

(15)

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.

(16)

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.

(17)

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.

(18)

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

(19)

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

(20)

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

(21)

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

(22)

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

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-21 1 Sprei My Love 2

2017-06-21 4 Sprei Bonita 1

(23)

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.

(24)

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.

(25)

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.

(26)

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.

(27)

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.

(28)

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.

(29)

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.

(30)

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

(31)

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>

</head>

<body>

… isi dari halaman web …

</body>

</html>

(32)

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

(33)

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,

(34)

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

(35)

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>

(36)

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

?>

(37)

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

(38)

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.

(39)

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.

(40)

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.

(41)

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

(42)

(43)

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

(44)

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

(45)

(46)

(47)

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:

(48)

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

(49)

(50)

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

(51)

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 :

(52)

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.

(53)

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

(54)

(55)

(56)

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

(57)

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

(58)

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:

(59)

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.

(60)

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

(61)

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

(62)

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

(63)

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

(64)

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

(65)

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

(66)

Gambar 5.29 Unduh File Data Barang Masuk

Gambar 5.30 Hasil Unduh File barang Masuk di Ms.Excel

(67)

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.

(68)

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.

(69)

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

(70)

Lampiran Listing Program

1. index.php

<?php

session_start();

require("_db.php");

?>

<!doctype html>

<html>

<head>

<title>FAMILY USAHA MEDAN</title>

/>

</head>

PERANCANGAN INVENTORY PADA PERUSAHAAN FAMILY USAHA<span class="subtitle">Silahkan login untuk masuk.</span></h1>

<?php include("login.php") ?>

</div>

</div>

</div>

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

(71)

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

} }?>