PERANCANGAN WEB APLIKASI DASHBOARD WMS

MENGGUNAKAN TEKNOLOGI LARAVEL DAN PHP

TUGAS AKHIR

D3 TEKNIK ELEKTRONIKA

DAMAS BERTO MERDISANDO

NIM: 201510150511038

FAKULTAS TEKNIK

JURUSAN D3 ELEKTRONIKA

UNIVERSITAS MUHAMMADIYAH MALANG

2018

iii

iv

v

ABSTRACT

Warehouse is a means of storing goods or material, so in every warehouse

must have a management to process goods in and out. To prevent existing problems

or loss material. One system that can help is the Warehousing System Dashboard or

commonly called the Warehouse Management System Dashboard. WMS Dashboard

is a web application that can display storage conditions in realtime with variables in

the warehouse.

This system built on the Laravel Framework, which is a PHP coding service

to make it faster, more efficient and cheaper in development. The Database Server

will be handled by MySQL “Php My Admin”. Applications that are used to manage

this Web Application and who do not have access rights to become an admin can

only see the Dashboard page.

First must be make a SRS tables to distinguish between functional and non-

Fungional user for developt Web Application WMS-Dashboar. Then it was

developed and implemented in the Laravel Framework, after that it used the Black

Box method and declared it was successful according to the initial objectives of the

study.

Keywords: WMS Dashboard, PHP, MySQL, Laravel, Warehouse.

vi

ABSTRAK

Gudang adalah sarana untuk menyimpan Stock barang , maka diperlukan

manajemen pergudangan untuk mengolah barang masuk dan keluar. Untuk

mencegah adanya kerugian akibat tidak baiknya pengelolaan penyimpanan maka

dibutuhkan sistem yang dapat membantu akan hal itu. Salah satu sistem yang dapat

membantu adalah Dashboard Sistem Pergudangan atau biasa disebut Warehouse

Management System Dashboard. WMS Dashboard adalah sebuah web aplikasi yang

dapat menampilkan kondisi gudang secara realtime dengan variable yan ada didalam

gudang.

Web Aplikasi ini di bangun di atas Framework Laravel yaitu layanan koding

php agar lebih cepat,hemat dan murah dalam pengembangan. Server Database akan

di tangani MySQL Php My Admin. Didalam aplikasi admin yang berperan penuh

dalam pengelolaan Web Aplikasi ini dan yang tidak punya hak akses menjadi admin

hanya akan dapat melihat halaman Dashboard nya saja .

Telah dibuat kebutuhan fungional dan non-fungsional user Web Aplikasi

WMS-Dashboard dengan tabel SRS. Kemudian dikembangan dan

diimplementasikan di Framework Laravel, setelah itu diuji menggunakan metode

Black Box dan dinyatakan berhasil sesuai tujuan awal penelitian.

Kata kunci: WMS Dashboard, PHP, MySQL,Laravel,Gudang.

vii

KATA PENGANTAR

Puji dan syukur penulis panjatkan kepada Tuhan dan seluruh semesta alam

karena telah mendukung terselesaikannya laporan tugas akhir ini. Semoga

kebahagiaan selalu tercurah kepada masyarakat negri ini.

Laporan ini ditulis untuk memenuhi syarat kelulusan Kurikulum Tingkat

Diploma III Jurusan Teknik Elektro Universitas Muhammadiyah Malang.

Dalam pengerjaan laporan tugas akhir ini sejak awal hingga akhir, penulis

mendapat banyak bantuan dan dukungan dari berbagai pihak yang sudah sepantasnya

penulis mengucapkan terimakasih yang sedalam – dalamnya kepada :

1. Tuhan yang memberikan harapan dan kekuatan batin untuk menyelesaikan

laporan tugas akhir ini.

2. Ir. Nur Alif Mardiyah, MT, selaku ketua program studi Teknik Elektro

Fakultas Teknik Universitas Muhammadiyah Malang.

3. Bapak M. Nasar, ST., MS, sebagai dosen pembimbing yang telah banyak

memberi saran sehingga dapat selesai penulisan tugas akhir ini.

4. Kedua orang tua yang selalu memberi dukungan dan doa.

5. Saudara Achmad Khotibul Umam sebagai mentor yang telah banyak

memberi bantuan, pengetahuan baru dan tempat untuk bisa terselesaikannya

tugas akhir ini.

6. Teman – teman D3 Tekink Elektro angkatan 2015 terimakasih atas semangat

dan dukungannya.

Penulis sangat menyadari masih banyak kekurangan dalam penyusunan tugas

akhir ini, untuk itu penulis menghargai setiap kritik dan saran dari pembaca.

Semoga tulisan ini dapat bermanfaat bagi seluruh pembacanya, terimakasih.

Malang, 9 Oktober 2018

Penyusun

viii

DAFTAR ISI

COVER ....................................................................................................................i

LEMBAR PERSETUJUAN....................................................................................ii

LEMBAR PENGESAHAN....................................................................................iii

LEMBAR PERNYATAAN KEASLIAN...............................................................iv

ABSTRACT.............................................................................................................v

ABSTRAK..............................................................................................................vi

KATA PENGANTAR...........................................................................................vii

DAFTAR ISI........................................................................................................viii

DAFTAR TABEL..................................................................................................xi

DAFTAR GAMBAR...........................................................................................xiii

BAB I PENDAHULUAN........................................................................................1

1.1 Latar Belakang.........................................................................................1

1.2 Rumusan Masalah....................................................................................1

1.3 Batasan Masalah......................................................................................2

1.4 Tujuan......................................................................................................2

1.5 Manfaat....................................................................................................2

1.6 Sistematika Penulisan..............................................................................2

BAB II LANDASAN TEORI..................................................................................5

2.1 Pengertian Gudang..................................................................................5

2.2 Pengertian Warehouse Management System..........................................6

2.3 Pengertian Website.................................................................................6

2.4 Pengertian Dashboard.............................................................................6

2.5 Pengertian SQL.......................................................................................7

2.6 Pengertian PHP.......................................................................................7

2.7 Framework Laravel..................................................................................8

2.8 Pengertian APACHE Web Server............................................................8

2.9 Unifield Modelling Language..................................................................9

2.9.1 Use Case Diagram............................................................................9

2.9.2 Class Diagram..................................................................................9

2.9.3 Activity Diagram..............................................................................9

ix

2.10. System Requirement Spesification (SRS).................................................9

BAB III ANALISA DAN PERANCANGAN SISTEM........................................10

3.1 Alur Penelitian.......................................................................................10

3.2 Data........................................................................................................11

3.3 Analisa...................................................................................................12

3.2.1 Menentukan SRS...........................................................................12

3.2.2 Use Case Diagram..........................................................................13

3.4 Perancangan Sistem...............................................................................14

3.3.1 Arsitektur WMS Dashboard Pada Jaringan Komputer...................14

3.3.2 Activity Diagram.............................................................................14

3.3.3 Class Diagram.................................................................................17

3.3.4 Database Diagram Desain...............................................................18

3.3.5 Desain Interface Aplikasi WMS.....................................................18

3.5 Pengujian Sistem....................................................................................20

3.6 Kebutuhan Bahan Dan Alat....................................................................22

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM.....................................23

4.1. Implementasi.........................................................................................23

4.1.1 Perangkat Keras.............................................................................23

4.1.2 Perangkat Lunak............................................................................23

4.1.3 Implementasi Antar Muka.............................................................23

4.1.4 Implementasi Kelas.......................................................................30

4.2. Pengujian..............................................................................................31

4.2.1 Hasil Pengujian Black Box............................................................31

4.2.2 Kesimpulan Hasil Pengujian Black Box........................................32

BAB V KESIMPULAN DAN SARAN...............................................................33

5.1 Kesimpulan............................................................................................33

5.2 Saran......................................................................................................33

DAFTAR PUSTAKA............................................................................................34

LAMPIRAN 1........................................................................................................35

LAMPIRAN 2.......................................................................................................37

x

DAFTAR TABEL

Tabel 3.1. Tahap-tahap Penelitian.....................................................................11

Tabel 3.2. SRS Fungsi.......................................................................................12

Tabel 3.3. SRS NON-Fungsi.............................................................................12

Tabel 3.4. Perancangan pengujian setiap tahap.................................................20

Tabel 3.5. Perancangan pengujian insert database.............................................21

Tabel 3.6. Perancangan pengujian informasi database.......................................21

Tabel 3.7. Kebutuhan Bahan dan Alat...............................................................22

Tabel 4.1. Hasil pengujian disetiap tahap..........................................................31

Tabel 4.2. Hasil pengujian insert database.........................................................32

Tabel 4.3. Hasil pengujian informasi dashboard................................................32

xi

DAFTAR GAMBAR

Gambar 2.1. Proses eksekusi PHP...........................................................................7

Gambar 2.2. Arsitektur Apache...............................................................................8

Gambar 3.1. Tahap-tahap Penelitian.....................................................................10

Gambar 3.2. Use Case Fungsional Admin............................................................13

Gambar 3.3. Use Case Non Fungsional Admin....................................................13

Gambar 3.4. Use Case Owner...............................................................................13

Gambar 3.5. Arsitektur pada sisi server................................................................14

Gambar 3.6. Arsitektur pada sisi client.................................................................14

Gambar 3.7. Register Activity Diagram................................................................15

Gambar 3.8. Stock Activity Diagram....................................................................15

Gambar 3.9. Barang Masuk Activity Diagram......................................................16

Gambar 3.10. Class Diagram untuk WMS..............................................................17

Gambar 3.11. Diagram Database.............................................................................18

Gambar 3.12. WMS Interface..................................................................................18

Gambar 3.13. Halaman Dashboard..........................................................................19

Gambar 3.14. Halaman Login.................................................................................19

Gambar 4.1. Halaman Landing..............................................................................24

Gambar 4.2. Halaman Login.................................................................................24

Gambar 4.3. Halaman Dashboard.........................................................................25

Gambar 4.4. Halaman User...................................................................................26

Gambar 4.5. Halaman Rack ..................................................................................26

Gambar 4.6. Halaman Stock..................................................................................27

Gambar 4.7. Halaman Barang Masuk....................................................................27

Gambar 4.8. Halaman Barang Keluar....................................................................28

Gambar 4.9. Halaman Barang Masuk....................................................................28

Gambar 4.10. Halaman Barang Hilang....................................................................29

Gambar 4.11. Halaman Database............................................................................29

12

DAFTAR PUSTAKA

[1] R. Permana, "Perancangan Aplikasi Dashboard WMS Berbasis Web Servis

Dengan Menggunakan Teknologi .NET Web Service Dan PHP," Universitas

Sebelah Maret, Surakarta, 2011.

[2] H. I. Y. d. M. G. Santika, Business Concepts Implementation Series in

INVENTORY MANAGEMENT, Jakarta: PT.Elex Media Komputindo, 2005.

[3] R. K. and T. R. , "Impect of Warehouse Management System in a Supply

Chain," International Journal of Computer Applications (0975-8887), vol. 54,

no. Supply chain, Warehouse Management system, p. 1, 2012.

[4] R. Hidayat, Cara Praktis Membangun Website Gratis, Jakarta: PT.Elex Media

Komputindo, 2010.

[5] MicroStrategy University, Dynamic Dashboards for MicroStrategy Report

Services, Virginia: MicroStrategy Incorporated, 2003.

[6] A. Kadir, Konsep Tuntutan Praktik BASIS DATA, Yogyakarta: ANDI

Yogyakarta, 2004.

[7] E. Naramore, J. Gerner, Y. Le, J. Stolz and M. K. Glass, Beginning PHP5,

Apache, and My SQL Web Development, Indianapolis: Wiley Publishing, Inc,

2005.

[8] V. V. Parkar, P. P. Shinde, S. C. Gadade and P. M. Shinde, "Utilization of

Laravel Framwork for Development of Web Based Recruitment Tool," IOSR

Journal of Coumputer Engineering, vol. 1, no. Changing Technology and

Rural Development, pp. 36-41, 2016.

[9] HAVILUDDIN, Memahami Penggunaan UML (Unifed Modelling Language),

vol. 6, pp. 1-15, 2011.