Oleh :
Risyalaita/1744390030
Nama : Risyalaita
No.Mahasiswa 1744390030
ProgramStudi : SistemInformasi
Judul : Rancang Bangun Aplikasi Gudang Berbasis Web Pada PT.
Alpha Teknologi Dengan Menggunakan MetodeRAD
Pembimbing : Essy Malays Sari Sakti, S.KOM.,MMSI
Saya menyatakan dengan sesungguhnya bahwa penelitian yang saya susun sebagai
syarat untuk memperoleh gelar Sarjana Sistem Informasi dari Fakultas Teknik
Universitas Persada Indonesia Y.A.I Jakarta seluruhnya merupakan hasil karya saya
sendiri.
Adapun bagian-bagian tertentu dalam penulisan Tugas Akhir yang saya kutip dari
hasil karya orang lain telah dituliskan sumbernya secara jelas sesuai dengan norma,
kaidah dan etika penulisan ilmiah.
Apabila di kemudian hari ditemukan seluruh atau sebagian Tugas Akhir ini bukan
karya saya sendiri atau adanya plagiat dan bagian-bagian tertentu, saya bersedia
menerima sanksi pencabutan gelar akademik yang saya sandang dan sanksi-sanksi
lainnya sesuai dengan peraturan perundangan yang berlaku.
Yang menyatakan,
Penulis,
Risyalaita
ABSTRAK
Gudang adalah ruangan yang digunakan untuk menyimpan berbagai macam
barang. Setiap jenis bangunan dapat memiliki gudang, misalnya gudang di gedung
pabrik, toko, bahkan rumah. Oleh karena itu, penempatan gudang perlu diperhatikan
agar tidak mengganggu aktivitas lain di dalam gedung. Penelitian dan perancangan
aplikasi berbasis web gudang ini menggunakan sistem basis data mySQL dan
menggunakan framework bootstrap. Aplikasi ini ditujukan untuk mempermudah
pendataan barang masuk yang diinput kedalam gudang yang mampu memberikan
detail barang yang masuk dan keluar sesuai pengiriman per divisi yang akan
memberi kemudahan untuk mencetak barang yang sudah terdata hingga persediaan
barang yang sudah terpakai dalam bentuk laporan sesuai tanggal dan keterangan
dari semua penginputandata.
FAKULTAS TEKNIK
Nama : Risyalaita
NIM : 1744390030
Naskah ini telah dibaca, diperiksa dan disetujui untuk diujkan pada siding
komprehensif.
Sistem Informasi
FAKULTAS TEKNIK
Nama :Risyalaita
NIM 1744390030
Disahkan oleh :
Ketua Sidang
……………………….
…………………… …………………….
KATA PENGANTAR
Jakarta, 2022
Penulis,
Risyalaita
DAFTAR ISI
DAFTAR TABEL
DAFTAR GAMBAR
BAB I
PENDAHULUAN
1.1 LatarBelakang
Sistem informasi adalah kombinasi dari teknologi informasi dan
aktivitas orang-orang yang menggunakan teknologi tersebut untuk
mendukung operasi dan manajemen. Dalam arti yang sangat luas, istilah
sistem informasi sering digunakan untuk merujuk pada interaksi antara orang-
orang, proses algoritmik, data, danteknologi.
1.4 TujuanPenelitian
Tujuan dari pembuatan sistem ini adalah untuk memudahkan pekerja dalam
proses penginputan data dan meminimalisir adanya miskalkulasi agar stok
barang akan lebih mudah dimonitor jika dibutuhkan, agar rekap inventory
yang sudang di input lebih mudah di cek kembali menggunakan detail barang
masuk dan keluar jika ada pengecekanulang.
1.6 SistematikaPenulisan
BABI : Pendahuluan
BABII : KajianPustaka
BABV :Penutup
2.1 PenelitianTerdahulu
2.2 Warehouse(Gudang)
Gudang adalah sebuah ruangan yang digunakan untuk menyimpan
berbagai macam barang. Setiap jenis bangunan bisa saja memiliki gudang,
misalnya saja gudang pada bangunan pabrik, toko, dan bahkan rumah
tinggal. Karena digunakan untuk menyimpan berbagai macambarang.
2.2.1 Sistem
Menurut Azhar Susanto (2013:22) dalam, ―Sistem adalahkumpulan atau
kelompok subsistem/bagian/komponen atau apapun, baik fisik maupun
nonfisik yang saling berhubungan satu sama lain dan dapat bekerja sama
untuk mencapai tujuan tujuantertentu.
Sistem juga merupakan suatu kesatuan dari bagian-bagian yang saling
berhubungan yang berada dalam suatu area dan memiliki item-item
penggerak, misalnya contoh umum seperti negara. Negara merupakan
kumpulan dari beberapa unsur kesatuan lain seperti provinsi yang saling
berhubungan sehingga membentuk suatu negara yang sebagai
penggeraknya adalah rakyat di negaratersebut.
Kata ―sistem‖banyak digunakan dalam percakapan sehari-hari,dalam
forum-forum diskusi dan dalam dokumen-dokumen ilmiah. Kata ini digunakan
untuk banyak hal, dan juga di banyak bidang, sehingga artinya beragam.
Dalam pengertian yang paling umum, sistem adalah kumpulan objek yang
memiliki hubungan di antara mereka.
2.2.2 Informasi
Informasi itu sendiri adalah kata benda yang berarti aktivitas dalam
pengetahuan yang dikomunikasikan. Informasi adalah kumpulan data atau
fakta yang dikelola menjadi sesuatu yang berguna bagi penerimanya.
Pengertian informasi menurut beberapa ahli : Menurut Anggraeni dan
Irviani (2017:13) menjelaskan bahwa ―informasi adalah kumpulan data atau
fakta yang disusun atau diolah dengan cara tertentu sehingga mempunyai arti
bagipenerimanya‖.
2.2.3 SistemInformasi
Menurut Mulyanto dalam Kuswara dan Kusmana (2017:18), ―Sistem
informasi adalah suatu sistem yang terdiri dari kumpulan komponen sistem
yaitu perangkat lunak, perangkat keras dan brainware yang mengolah
informasi menjadi keluaran yang berguna untuk mencapai suatu tujuan
tertentu dalam suatu organisasi.
2.3.1 WebServer
Server web atau peladen web adalah perangkat lunak server, atau
perangkat keras yang didedikasikan untuk menjalankan perangkat lunak ini,
yang dapat memenuhi permintaan klien di World Wide Web. Server web
dapat, secara umum, berisi satu atau lebih situs web.
2.3.2 WebDatabase
Database pada web dikatakan sebagai sebuah aplikasi yang didesain
agar bisa diolah dan diakses melalui internet. Seorang admin website dapat
mengolah sekumpulan data dan menyajikannya sesuai dengan data yang ada
dalam aplikasi database tersebut.
2.4 HypertextPreprocessor
PHP (Hypertext Preprocessor) adalah bahasa pemrograman yang
berfungsi untuk membuat website dinamis maupun aplikasi web. Berbeda
dengan HTML yang hanya bisamenampilkan konten statis, PHP bisa
berinteraksi dengan database, file dan folder, sehingga membuat PHP bisa
menampilkan konten yang dinamis dari sebuah website. PHP adalah bahasa
scripting, bukan bahasa tag-based seperti HTML. PHP termasuk bahasa yang
cross-platform, ini artinya PHP bisa berjalan pada sistem operasi yang
berbeda-beda (Windows, Linux, ataupun Mac).
PHP (akronim dari PHP Hypertext Preprocessor) yang merupakan
bahasa pemrograman berbasis web yang memiliki kemampuan untuk
memproses data dinamis [Betha Sidik, 2004:3]. PHP dikatakan sebagai
sebuah server-side embedded script language artinya sintaks-sintaks dan
perintah yang kita berikan akan sepenuhnya dijalankan oleh server tetapi
disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang dibangun oleh
PHP pada umumnya akan memberikan hasil pada web browser, tetapi
prosesnya secara keseluruhan dijalankan di server.
Pada prinsipnya server akan bekerja apabila ada permintaan dari
client.Dalamhaliniclientmenggunakankode-kodePHPuntukmengirimkan
permintaan ke server. Ketika menggunakan PHP sebagai server-side
embedded script language maka server akan melakukan hal-hal sebagai
berikut:
Membaca permintaan dariclient/browser,
Mencari halaman/page diserver,
Melakukan instruksi yang diberikan oleh PHP untuk melakukan
modifikasi padahalaman/page.
Mengirim kembali halaman tersebut kepada client melalui internet atau
intranet.
2.5 HTML (Hyper Text Markup Language) dan CSS (Cascading StyleSheet)
HTML adalah sebuah bahasa markup yang digunakan untuk membuat
sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah
browser internet.
HTML berupa kode-kode tag yang mengintruksikan browser untuk
menghasilkan tampilan sesuai yang diinginkan. Sebuah file yang merupakan
file html dapat dibuka dengan menggunakan browser web.
HTML dokumen mirip dengan dokumen biasa, hanya dalam dokumen ini
sebuah teks bisa membuat intruksi yang ditandai dengan kode atau lebih
dikenal dengan TAG tertentu.
Berikut ini merupakan struktur HTML:
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
Sedangkan CSS adalah bahasa styling (bahasa desain), bagian dari
bahasa markup yang dapat "mewarnai" atau mendesain halaman web.
CSS sendiri merupakan singkatan dari Cascading Style Sheet. Bahasa
markup ini biasanya dipasangkan dengan bahasa markup seperti HTML.
CSS dibuat dan dikembangkan oleh W3C (World Wide Web
Consortium) pada tahun 1996 untuk alasan yang sederhana. Dulu HTML
tidak dilengkapi dengan tag yang berfungsi untuk memformat halaman. Anda
hanya perlu menulis markup untuksitus.
Tag, seperti <font>, diperkenalkan di HTML versi 3.2, dan ketika itu
menyebabkan banyak masalah bagi pengembang. Karena website memiliki
berbagai font, warna background, dan style, maka untuk menulis kembali
(rewrite) kode memerlukan proses yang sangat panjang dan sulit. Oleh sebab
itu, W3C membuat CSS untuk menyelesaikan masalah ini.
HTML dan CSS memiliki keterikatan yang erat. Karena HTML adalah
bahasamarkup(fondasisitus)danCSSmemperbaikigaya(untuksemua
aspek yang terkait dengan tampilan situs web), maka kedua bahasa
pemrograman ini harus berjalan beriringan.
2.6.1 MySQL
2.7 XAMPP
XAMPP adalah perangkat lunak gratis, yang mendukung banyak
sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya
sebagai server yang berdiri sendiri, yang terdiri dari program Apache HTTP
Server, database MySQL, dan penerjemah bahasa yang ditulis dengan
bahasa pemrograman PHP dan Perl.
Sebenarnya fungsi utama dari XAMPP adalah menjadi server lokal
yang menyimpan data untuk sebuah website sekaligus sebagai web server. ...
Beberapa kegunaan lain dari XAMPP adalah: Mengakses dan memodifikasi
database phpMyAdmin XAMPP memungkinkan Anda untuk mengakses
database phpMyAdmin website Anda secara offline.
2.8 UML (Unified ModelingLanguage)
Bahasa Pemodelan Terpadu adalah bahasa spesifikasi standar untuk
mendokumentasikan, menentukan, dan membangun sistem perangkat lunak.
Menurut Rosa dan Salahuddin (2015:133) ―UML (Unified Modeling
Language) merupakan salah satu standar bahasa yang banyak digunakan
dalam dunia industri untuk mendefinisikan kebutuhan, membuat analisis dan
desain, serta mendeskripsikan arsitektur dalam pemrograman berorientasi
objek.
Bagian utama dari UML adalah view, diagram, elemen model, dan
mekanisme umum. View digunakan untuk melihat sistem yang dimodelkan
dari beberapa aspek yang berbeda. Beberapa jenis tampilan dalam UML
meliputi: tampilan kasus penggunaan, tampilan logis, tampilan komponen,
tampilan konkurensi, dan tampilan penerapan. Unified Modeling Language
(UML) adalah seperangkat struktur dan teknik untuk pemodelan desain
program berorientasi objek (OOP) dan aplikasinya. UML adalah metodologi
untuk mengembangkan sistem OOP dan seperangkat alat untuk mendukung
pengembangan sistem tersebut.
Berdasarkan penjelasan yang telah diuraikan di atas, maka dapat
disimpulkan tujuan UML yaitu untuk menyediakan alat bantu analisis,
perancangan, dan implementasi sistem berbasis perangkat lunak bagi para
programmer. Dengan begitu, industri yang menggunakan UML bisa lebih
maju dengan alat pemodelan visualini.
Simbol Deskripsi
Use Case Fungsionalitas yang disediakan
sistem sebagai unit-unit yang
saling bertukar pesan antar unit
Use Case atau aktor; biasanya dinyatakan
dengan menggunakan kata kerja
di awal frase nama use case.
2.8.2 ClassDiagram
Diagram kelas adalah diagram UML yang menggambarkan kelas-
kelas dalam suatu sistem dan hubungannya satu sama lain, dan juga
mencakup atribut dan operasi.
Diagram kelas adalah jenis diagram struktur statis dalam UML yang
menggambarkan struktur suatu sistem dengan menunjukkan kelas sistem,
atributnya, metode, dan hubungan antar objek.
Simbol Deskripsi
Class Class adalah blok-blok
pembangun pada
pemrograman berorientasi
obyek. Sebuah class
digambarkan sebagai sebuah
kotak yang terbagi atas 3
bagian, method dari sebuah
class.
Simbol Deskripsi
Aktor / Actor Orang, proses, atau sistem lain
yang berinteraksi dengan sistem
informasi yang akan dibuat di
luar sistem informasi yang akan
dibuat itu sendiri.
atau
Actor
2.8.4 ActivityDiagram
Bagan aktivitas adalah bentuk visual dari alur kerja yang berisi
aktivitas dan tindakan, yang juga dapat berisi pilihan, pengulangan,
dan konkurensi. Dalam Bahasa Pemodelan Terpadu, diagram aktivitas
dibuat untuk menggambarkan aktivitas komputer dan aliran aktivitas
dalam suatuorganisasi.
Diagram aktivitas, yaitu diagram yang dapat memodelkan
proses-proses yang terjadi dalam suatu sistem. Urutan proses suatu
sistem digambarkan secara vertikal. Activity diagram merupakan
pengembangan dari Use Case yang memiliki alur aktivitas.
Alur atau aktivitas tersebut dapat berupa rangkaian menu atau
proses bisnis yang terdapat dalam sistem. Dalam buku Rekayasa
PerangkatLunakolehRosaA.S.mengatakan,―Diagramaktivitastidak
menjelaskan perilaku aktor. Dapat diartikan bahwa dalam pembuatan
diagram aktivitas hanya dapat digunakan untuk menggambarkan alur
kerja atau aktivitassistem.
Diagram aktivitas harus digunakan secara horizontal dengan
teknik pemodelan lainnya, seperti diagram Use Case dan diagram
State. Anda dapat menggunakan diagram aktivitas untuk memodelkan
alur kerja sistem dengan benar. Activity diagram juga berfungsi untuk
menganalisis use case diagram dengan menggambarkan aktor,
tindakan yang perlu dilakukan, dan kapan harus terjadi. Diagram ini
menggambarkan algoritma dan pemodelan sekuensial yang kompleks
dengan proses paralel. Selanjutnya, mari kita bahas tujuan dari
diagram aktivitas itusendiri.
Berikut ini adalah beberapa tujuan dari diagram aktivitas:
Menjelaskan urutan kegiatan dalam suatuproses.
Dalam dunia bisnis biasanya digunakan untuk pemodelan
(menunjukkan urutan prosesbisnis).
Mudah untuk memahami proses-proses yang ada dalam
sistem secara keseluruhan.
Merupakan metode desain terstruktur, mirip dengan
Flowchart dan Data Flow Diagram(DFD).
Mengetahui aktivitas aktor/pengguna berdasarkan use
case/diagram yang dibuatsebelumnya.
Simbol Deskripsi
Status Awal / Initial State Sebuah diagram sistem yang
memiliki status awal.
Sistem yang ada saat ini masih dijalankan secara manual dalam arti
seluruh proses penginputan data masih dilakukan secara manual. Pada
proses yang dilakukan secara manual ini memiliki banyak kendala yang
baik ketepatan dan efesiensi. Program ini dibuat untuk mempermudah
penginputan data, ini merupakan hal yang penting dalam perancangan
aplikasi, Begitu juga proses penginputan, data barang dandivisi.
3.2 PerancanganSistem
Aktor Deskripsi
Admin dapat melihat detail barang dari master inventory dan inventory dan
dapat menampilkan kedua hal tersebut dalam mode detail yang nantinya bisa di print
dimana setiap barang yang keluar dan masuk memiliki keterangan dimana dan
kemana barang tersebut dikirim.
Gambar 3.9 Activity Diagram Logout
Diagram Kelas atau class diagram menggambarkan struktur sistem dari segi
pendefinisian kelas – kelas yang akan dibuat untuk membangun sistem. Kelas
memiliki apa yang disebut atribut dan metode atau operasi.
3.3 PerancanganDatabase
3.3.1 PerancanganTabel
1.Tabel Inventori
4.1. PerangkatKomputer
a. PerangkatKeras
Perangkat keras hanya sebagai sarana pendukung dalam pembuatan
atau perancangan program yaitu peralatan fisik yang ada dalam komputer.
Berikut merupakan spesifikasi perangkat keras yang digunakan penulis
dalam pembuatan website aplikasi,yaitu:
Processor : Inteli5-8300H
Memory : 8 GB DDR4RAM
HardDisk : 1TB
Laptop : Asus tufFX504
b. PerangkatLunak
Perangkat lunak atau software merupakan komponen non-fisik yang terdiri
dari kumpulan program yang dibuat beserta struktur datanya, agar dapat
berjalan sesuai dengan sistem operasi yang mendukung program aplikasi
yang berfungsi untuk mengatur data agar dapat disimpan dalam hard disk
dan dapat tercetak.
Dalam perancangan aplikasi ini penulis menggunakan perangkat lunak.
Berikut merupakan spesifikasi dari perangkat lunaknya:
a. Microsoft Windows11
b. XAMPP versi 3.3.0 (Apache danMySql)
c. Sublime
4.2. Spesifikasi
Setelah penulis mengimplementasikan spesifikasi perangkat keras dan
perangkat lunak yang di gunakan penulis dalam melakukan perancangan
website Aplikasi Persediaan dan Penjualan terdapat beberapa menu yang
diakses oleh user (pengguna).
1. Login
Untuk masuk ke Aplikasi Alpha Warehouse maka staff gudang harus melakukan
login terlebih dahulu dengan cara input username danpassword.
2. Data Master(Inventory)
7. Tampilan KirimInventory
11. Logout
Input
Login Masuk Halaman
1 Username, Halaman
utama
Password berfungsi
Menampilkan Menampilkan
Laporan laporan data
5 laporan data barang
Halaman
barang master dan divisi Berfungsi
master dan
divisi dan
mode detail
laporan
BAB V
PENUTUP
5.1. Kesimpulan
a. Aplikasi yang sudah dirancang memberi kemudahan bagi admin atau staff
gudang untuk mengetahui stok barang yangtersedia.
b. Memberikan kemudahan karyawan dan staff gudang dalam menginput
data barang masuk dan keluar .
c. Memberikan kemudahan karyawan dalam mengelola laporan yang
dibutuhkan.
d. Sistem yang digunakan sekarang terkomputerisasi jadi diharapkan dapat
meminimalisir adanya kesalahan dalam penginputandata.
5.2. Saran