APLIKASI INVENTARIS BARANG BERBASIS WEB

PADA ALMAIRA KIDS SHOP

Laporan Kerja Praktik

Diajukan untuk memenuhi syarat kelulusan

Mata Kuliah Kerja Praktik

Oleh:

Nandita Afrilia S

2030511045

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS MUHAMMADIYAH SUKABUMI

2023
 PERNYATAAN KEASLIAN LAPORAN KP

Berhubungan dengan dilakukannya pembuatan Laporan Kerja Praktik, saya:

Nama : Nandita Afrilia S

NIM : 2030511045

Judul : APLIKASI INVENTARIS BARANG BERBASIS WEB

PADA ALMAIRA KIDS SHOP

Menyatakan bahwa Laporan Kerja Praktik ini adalah hasil dari karya saya sendiri dan
semua sumber baik yang dikutip maupun dirujuk telah saya nyatakan benar.

Sukabumi, 02 Juli 2023

Nandita Afrilia S
4
 KATA PENGANTAR

Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan
Rahmat serta Karunia-Nya sehingga penulis dapat menyelesaikan laporan Kerja Praktik
dengan lancar, yang berjudul “APLIKASI INVENTARIS BARANG BERBASIS
WEB PADA ALMAIRA KIDS SHOP”. Laporan ini disusun dan diajukan untuk
memenuhi syarat dalam menyelesaikan mata kuliah Kerja Praktik Program Studi Teknik
Informatika Universitas Muhammadiyah Sukabumi. Penulis berharap laporan ini
bermanfaat bagi penulis maupun orang lain yang telah membaca agar laporan ini dapat
menjadi sumber wawasan dan pengetahuan mengenai Kerja Praktik.

Penulis mengucapkan rasa syukur dan terima kasih kepada seluruh pihak yang
telah berpartisipasi membantu serta memberikan dorongan dalam proses pembuatan
laporan, terutama kepada orang tua penulis yang memberikan do’a restu serta semangat
selama mengerjakan laporan ini. Tak lupa juga penulis mengucapkan terima kasih kepada
teman-teman di kampus yang telah membantu serta memberikan motivasi kepada penulis.
Ucapan terimakasih juga penulis berikan kepada yang terhormat:

1. Bapak Asep Budiman Kusdinar, M. T. selaku Kepala Program Studi Teknik

Informatika Universitas Muhammadiyah Sukabumi.
2. Ibu Fathia Frazna Azzahra, S. ST., M. T. selaku Dosen Pembimbing Kerja Praktik
yang memberikan dorongan dan semangat untuk membimbing penulis dalam
menyelesaikan Kerja Praktik.
3. Dosen-dosen yang telah membantu dan memberikan masukan dalam
penyelesaian laporan Kerja Praktik.
Penulis mengucapkan mohon maaf apabila terdapat kesalahan dalam segi kalimat
yang kurang berkenan, karena penulis menyadari bahwa laporan masih belum sempurna.
Oleh karena itu, penulis mengharapkan adanya kritik, saran, dan usulan yang membangun
dari para pembaca.

Sukabumi, Juni 2023

Penulis,

Nandita Afrilia S

i
 DAFTAR ISI

KATA PENGANTAR .................................................................................................. i

DAFTAR ISI ............................................................................................................... ii
DAFTAR GAMBAR .................................................................................................. iv
DAFTAR TABEL ....................................................................................................... v
DAFTAR SIMBOL .................................................................................................... vi
DAFTAR LAMPIRAN .............................................................................................. ix
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah .................................................................................... 1
1.2 Identifikasi Masalah .......................................................................................... 2
1.3 Tujuan ............................................................................................................... 2
1.4 Manfaat Kerja Praktik ....................................................................................... 2
1.5 Tempat dan Waktu Kegiatan Kerja Praktik ........................................................ 3
1.5.1 Tempat Kerja Praktik ............................................................................... 3
1.5.2 Waktu Kerja Praktik ................................................................................ 3
BAB II LINGKUNGAN TEMPAT KERJA PRAKTIK DAN STUDI PUSTAKA
2.1 Lingkungan Tempat Kerja Praktik ..................................................................... 4
2.1.1 Profil Tempat Kerja Praktik ..................................................................... 4
2.2.2 Ruang Lingkup Pekerjaan ........................................................................ 4
2.2.3 Arsitektur Teknologi Informasi Pada Instansi........................................... 4
2.2 Studi Pustaka ..................................................................................................... 5
BAB III METODE PELAKSANAAN KERJA PRAKTIK
3.1 Pengumpulan Data ............................................................................................ 8
3.2 Analisis Kebutuhan Perangkat Lunak ................................................................ 9
3.3 Perancangan Aplikasi ...................................................................................... 10
3.4 Implementasi ................................................................................................... 10
3.5 Pengujian Aplikasi .......................................................................................... 10
3.6 Penerapan Aplikasi di Tempat KP ................................................................... 10
3.7 Pelaporan ........................................................................................................ 11

ii
BAB IV HASIL DAN PEMBAHASAN
4.1 Analisis Sistem ................................................................................................ 12
4.1.1 Analisis Sistem Berjalan ........................................................................ 12
4.1.2 Analisis Permasalahan ........................................................................... 13
4.1.3 Analisis Pemecahan Masalah ................................................................. 13
4.1.4 Analisis Kebutuhan dan Usulan Sistem .................................................. 13
4.2 Perancangan Sistem ......................................................................................... 15
4.2.1 Perancangan IPO (Input, Process, dan Output) ....................................... 15
4.2.2 Perancangan Basis Data ......................................................................... 27
4.2.3 Perancangan Tampilan ........................................................................... 28
4.3 Implementasi ................................................................................................... 31
4.3.1 Implementasi Basis Data ........................................................................ 31
4.3.2 Implementasi Tampilan.......................................................................... 32
4.4 Pengujian Aplikasi .......................................................................................... 40
4.5 Sosialisasi dan Penerapan Aplikasi .................................................................. 42
BAB V PENUTUP
5.1 Kesimpulan ..................................................................................................... 43
5.2 Saran ............................................................................................................... 43
DAFTAR PUSTAKA ................................................................................................ 44
LAMPIRAN .............................................................................................................. 47

iii
 DAFTAR GAMBAR

Gambar 4. 1 Workflow Sistem Berjalan Inventaris Barang ............................................... 13

Gambar 4. 2 Use Case Diagram ........................................................................................... 16
Gambar 4. 3 Class Diagram.................................................................................................. 19
Gambar 4. 4 Login ................................................................................................................ 20
Gambar 4. 5 Tambah Data Barang Masuk .......................................................................... 20
Gambar 4. 6 Ubah Data Barang Masuk ............................................................................... 21
Gambar 4. 7 Hapus Data Barang Masuk ............................................................................. 21
Gambar 4. 8 Tambah Data Barang Terjual ......................................................................... 22
Gambar 4. 9 Ubah Data Barang Terjual .............................................................................. 22
Gambar 4. 10 Hapus Data Barang Terjual .......................................................................... 23
Gambar 4. 11 Login .............................................................................................................. 23
Gambar 4. 12 Tambah Data Barang Masuk ........................................................................ 24
Gambar 4. 13 Ubah Data Barang Masuk ............................................................................. 24
Gambar 4. 14 Hapus Data Barang Masuk ........................................................................... 25
Gambar 4. 15 Tambah Data Barang Terjual ....................................................................... 25
Gambar 4. 16 Ubah Data Barang Terjual ............................................................................ 26
Gambar 4. 17 Hapus Data Barang Terjual .......................................................................... 26
Gambar 4. 18 Halaman Utama ............................................................................................. 28
Gambar 4. 19 Halaman Login .............................................................................................. 28
Gambar 4. 20 Halaman Dashboard ...................................................................................... 29
Gambar 4. 21 Halaman Data Barang Tersedia .................................................................... 29
Gambar 4. 22 Halaman Data Barang Masuk ....................................................................... 30
Gambar 4. 23 Halaman Data Barang Terjual...................................................................... 30
Gambar 4. 24 Halaman Profile ............................................................................................. 31
Gambar 4. 25 Implementasi Basis Data Tabel user ............................................................. 31
Gambar 4. 26 Implementasi Basis Data Tabel barang ........................................................ 32
Gambar 4. 27 Implementasi Basis Data Tabel transaksi ..................................................... 32
Gambar 4. 28 Implementasi Halaman Utama ..................................................................... 32
Gambar 4. 29 Implementasi Tampilan Halaman Login ...................................................... 33
Gambar 4. 30 Implementasi Halaman Dashboard .............................................................. 33
Gambar 4. 31 Implementasi Halaman Data Barang Tersedia ............................................ 34
Gambar 4. 32 Implementasi Form Detail Data Barang Tersedia ........................................ 34
Gambar 4. 33 Implementasi Halaman Data Barang Masuk ............................................... 35
Gambar 4. 34 Implementasi Form Tambah Data Barang Masuk....................................... 35
Gambar 4. 35 Implementasi Form Detail Data Barang Masuk........................................... 36
Gambar 4. 36 Implementasi Form Ubah Data Barang Masuk ........................................... 36
Gambar 4. 37 Implementasi Form Hapus Data Barang Masuk .......................................... 37
Gambar 4. 38 Implementasi Halaman Data Barang Terjual .............................................. 37
Gambar 4. 39 Implementasi Form Tambah Data Barang Terjual ..................................... 38
Gambar 4. 40 Implementasi Form Detail Data Barang Terjual.......................................... 38
Gambar 4. 41 Implementasi Form Ubah Data Barang Terjual .......................................... 39
Gambar 4. 42 Implementasi Form Hapus Data Barang Terjual ......................................... 39
Gambar 4. 43 Implementasi Halaman Profile ..................................................................... 40

iv
 DAFTAR TABEL

Tabel 1. 1 Jadwal Kegiatan Kerja Praktik ...................................................................... 3

Tabel 2. 1 Arsitektur Teknologi Informasi ..................................................................... 4
Tabel 4. 1 Perangkat Lunak yang digunakan ...................................................................... 14
Tabel 4. 2 Perangkat Keras yang digunakan ....................................................................... 15
Tabel 4. 3 Pengertian Aktor.................................................................................................. 16
Tabel 4. 4 Login..................................................................................................................... 17
Tabel 4. 5 Data Barang Tersedia .......................................................................................... 17
Tabel 4. 6 Data Barang Masuk ............................................................................................. 18
Tabel 4. 7 Data Barang Terjual ............................................................................................ 18
Tabel 4. 8 Tabel user ............................................................................................................. 27
Tabel 4. 9 Tabel barang ........................................................................................................ 27
Tabel 4. 10 Tabel transaksi ................................................................................................... 27
Tabel 4. 11 Tabel Pengujian Aplikasi ................................................................................... 40

v
 DAFTAR SIMBOL

Simbol Use Case Diagram

Simbol Class Diagram

vi
Simbol Sequence Diagram

Simbol Activity Diagram

vii
viii
 DAFTAR LAMPIRAN

Lampiran 1 Surat Balasan Penelitian dari Tempat KP ................................................. 47

Lampiran 2 Bukti Wawancara/Survey ......................................................................... 48
Lampiran 3 Bukti Bimbingan Laporan ........................................................................ 49
Lampiran 4 Formulir Penilaian dari Pembimbing di Tempat KP.................................. 50
Lampiran 5 Surat Bukti Selesai KP ............................................................................. 51
Lampiran 6 Bukti Pengujian Program KP.................................................................... 52

ix
 BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Seiring dengan dinamika perubahan waktu, perkembangan teknologi semakin
pesat dan memberikan dampak signifikan dalam berbagai aspek kehidupan. Tidak dapat
dipungkiri keberadaan teknologi pada kehidupan memberikan banyak manfaat bagi
siapapun penggunanya, bahkan mempermudah berbagai aktivitas sehari-hari. Pada tahap
perkembangan teknologi ini dapat ditandai dengan adanya perkembangan yang
cakupannya menjadi luas di berbagai aspek, salah satunya yaitu kemajuan teknologi yang
memberikan pengaruh di dunia pekerjaan khususnya di bidang bisnis (Nabilah et al.,
2021).

Dalam perkembangan teknologi, bisnis saat ini semakin cenderung beralih dari
sistem manual menuju sistem yang lebih efektif dan efisien. Adanya peran teknologi
didalam dunia bisnis sangat menjadi kunci utama dalam meningkatkan kinerja, terutama
dalam pengelolaan inventaris barang. Sebuah toko harus memiliki sebuah aplikasi yang
mendukung kebutuhan untuk memastikan bisnisnya berjalan dengan lancar. Penggunaan
teknologi seperti aplikasi dapat memberikan dukungan yang diperlukan untuk
memastikan kelancaran operasional suatu bisnis. Salah satu sektor bisnis yang
menunjukkan kebutuhan akan integrasi teknologi adalah toko-toko yang mengelola
barang, seperti Almaira Kids Shop yang khusus menyediakan pakaian anak-anak. Pada
tahap ini, pentingnya memiliki sistem inventaris barang sangat diperlukan untuk
menghindari risiko dan kendala yang mungkin timbul akibat pengelolaan manual yang
rentan terhadap kehilangan atau kerusakan data.

Almaira Kids Shop merupakan sebuah toko yang menyediakan kebutuhan pakaian
yang dikhususkan untuk anak-anak. Sebagian besar kegiatan inventaris barang pada toko
ini masih menggunakan cara manual. Proses pengelolaan barang yang dilakukan melalui
pencatatan manual pada buku besar sehingga mengakibatkan berbagai dampak negatif,
seperti resiko kehilangan data dan kesuliitan akses data yang memerlukan waktu yang
lama.

1
 Sesuai dengan latar belakang yang telah disebutkan sebelumnya, maka dibuatlah
sebuah judul penelitian: “APLIKASI INVENTARIS BARANG BERBASIS WEB
PADA ALMAIRA KIDS SHOP”. Aplikasi ini dibuat untuk dengan harapan dapat
memberikan solusi yang efektif terhadap tantangan inventaris barang pada toko dan
mengurangi resiko yang mungkin timbul.

1.2 Identifikasi Masalah

Berdasarkan dengan latar belakang yang telah disebutkan sebelumnya, maka
dapat disimpulkan permasalahannya yaitu:

1. Proses inventaris barang yang dilakukan secara manual (tertulis) menimbulkan resiko
rusak atau hilangnya data dan memperlambat pencarian data yang dicari.
2. Belum tersedianya aplikasi berbasis web inventaris barang pada toko Almaira Kids
Shop.

1.3 Tujuan
Berdasarkan pengenalan terhadap masalah yang telah dijelaskan sebelumnya,
maka dapat disimpulkan tujuan pembuatan aplikasi berbasis web tersebut yaitu:

1. Mengalihkan penggunaan sistem manual menjadi sistem yang terkomputerisasi

secara aman dan data dapat dicari dengan mudah.
2. Membuat aplikasi berbasis web untuk mempermudah pihak instansi dalam
pengelolaan inventaris barang

1.4 Manfaat Kerja Praktik

Berdasarkan pelaksanaan kerja praktik yang dilakukan, beberapa manfaatnya
yaitu:

1. Manfaat untuk instansi

Membantu memecahkan permasalahan pada instansi dengan dibuatnya sebuah
aplikasi berbasis web yang mendukung kebutuhan untuk memastikan bisnisnya
berjalan dengan lancar.

2
 2. Manfaat untuk pembaca
Sebagai sebuah pedoman dalam melakukan analisis tentang pembuatan laporan kerja
praktik selanjutnya dan dapat menginspirasi bagi pembaca serta memberikan
gambaran umum ketika memilih topik yang akan diambil.
3. Manfaat untuk penulis
Memperoleh manfaat berupa wawasan dan perspektif baru tentang aplikasi berbasis
web, terutama dalam mengidentifikasi dan menyelesaikan masalah yang ada pada
instansi tersebut.

1.5 Tempat dan Waktu Kegiatan Kerja Praktik

1.5.1 Tempat Kerja Praktik
Tempat pelaksanaan kerja praktik diaksanakan di Almaira Kids Shop yang
beralamat di Jln. Merbabu, Perum Gading Kencana Asri Blok G4 No. 17, Karang Tengah,
Kec. Gunungpuyuh, Kota Sukabumi, Jawa Barat, 43121.

1.5.2 Waktu Kerja Praktik

Waktu kerja praktik dilaksanakan pada bulan Desember 2022 sampai dengan
bulan Mei 2023 berlangsung sekitar 6 bulan.

Tabel 1. 1 Jadwal Kegiatan Kerja Praktik

Desember Januari Maret April Mei Juni
No Kegiatan
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1 Pengumpulan Data
2 Analisa Kebutuhan
3 Perancangan Aplikasi
4 Implementasi
5 Pengujian Aplikasi
6 Penerapan Aplikasi di Tempat KP
7 Pembimbingan KP
8 Penulisan Laporan
9 Pendaftaran Sidang KP
10 Pelaksanaan Sidang KP

3
 BAB II

LINGKUNGAN TEMPAT KERJA PRAKTIK DAN STUDI PUSTAKA

2.1 Lingkungan Tempat Kerja Praktik

2.1.1 Profil Tempat Kerja Praktik
Nama Instansi : Almaira Kids Shop
Alamat : Jln. Merbabu, Perum Gading Kencana Asri
Blok G4 No. 17
Kelurahan : Karang Tengah
Kecamatan : Gunungpuyuh
Kab/Kota : Kota Sukabumi
Provinsi : Jawa Barat
2.2.2 Ruang Lingkup Pekerjaan
Ruang lingkup pekerjaan pada Almaira Kids Shop yaitu toko menyediakan
berbagai kebutuhan busana untuk anak seperti baju, celana, rok, topi, tas, dan lain-
lainnya. Dalam lingkup pekerjaannya pegawai melakukan beberapa kegiatan, diantaranya
melayani pelanggan yang berbelanja, mengelola data barang, mengatur penyimpanan
barang, mengelola social media untuk mempromosikan barang, serta membuat laporan
mingguan yang diserahkan kepada pemilik tempat kerja praktik.

2.2.3 Arsitektur Teknologi Informasi Pada Instansi

Adapun serangkaian arsitektur teknologi informasi yang digunakan pada tempat
kerja praktik untuk penerapan aplikasi di tempat kerja praktik yaitu:

Tabel 2. 1 Arsitektur Teknologi Informasi

No Perangkat Keras Spesifikasi
1 Processor Intel Core 2 Duo
2 RAM 4 GB
3 Harddisk 320 GB
4 Monitor Monitor LED 16”
5 Keyboard Standar
6 Mouse Standar
8 Internet Wi-Fi

4
2.2 Studi Pustaka
Adapun teori-teori untuk mempelajari beberapa konsep yang digunakan penulis
untuk penyelesaian kerja praktik yaitu:

1. Pengertian Aplikasi
Aplikasi merupakan sebuah program perangkat lunak yang isinya berupa
perintah-perintah untuk menjalankan pengolahan berbagai data yang dibuat untuk
memenuhi kebutuhan pengguna dalam beraktivitas (Nurhayati et al., 2018). Aplikasi
juga mempunyai atribut yang merupakan gabungan dari beberapa kolom agar
menghasilkan sebuah tampilan yang dapat dioperasikan (Kinaswara et al., 2019).
2. Pengertian Inventaris Barang
Inventaris barang dapat diartikan sebagai sebuah proses kegiatan penyimpanan
dan pengolahan sebuah data barang yang menghasilkan output berupa sebuah
informasi. Dalam melakukan pengolahan data prosesnya mencakup operasi seperti
klasifikasi data dan perpindahan dari satu data ke data lainnya (Pane et al., 2020).
3. Pengertian Web
Web merupakan kumpulan halaman dengan data-data yang tersimpan melalui
internet dan dapat dilihat atau diakses melalui jaringan internet pada perangkat-
perangkat, seperti komputer dan smartphone. Dengan berpindah dari satu dokumen
ke dokumen lainnya, seseorang dapat menemukan informasi menggunakan
pendekatan hypertext ini. Dokumen yang diakses juga berlaku dimana pun dan kapan
pun (Veteran, n.d.).
4. Pengertian UML
Unified Modeling Language (UML) merupakan bentuk pemodelan secara
visualisasi, spesifikasi, konstruksi dan dokumentasi yang digunakan untuk
membangun sebuah perangkat lunak. UML dapat diartikan sebagai media penulisan
blueprints sebuah perangkat lunak. UML biasanya digunakan oleh
programmer/developer dalam merancang sebuah perangkat lunak. Pada UML
terdapat 4 jenis diagram yang sering diimplementasikan untuk membuat model
perangkat lunak, diantaranya Use Case Diagram, Class Diagram, Activity Diagram,
dan Sequence Diagram (Abdillah, 2021).

5
5. Pengertian PHP
Hypertext Preprocessor (PHP) merupakan sebuah bahasa pemrograman bersifat
open source yang umum digunakan dalam pembuatan atau pengembangan web.
Bahasa pemrograman PHP hanya dapat dijalankan dalam web server. Pada awalnya
PHP hanya diciptakan dengan kumpulan script biasa, namun Rasmus Lerdoft yang
merupakan pencipta PHP melakukan pembaharuan dengan menambahkan fitur
pemrograman berorientasi objek, bahkan kini PHP dapat digabungkan ke dalam
HTML (Kinaswara et al., 2019).
6. Pengertian HTML
Hypertext Markup Language (HTML) merupakan sebuah bahasa pemrograman
yang biasanya digunakan untuk menampilkan konten di halaman web. HTML
memiliki fungsi yang dapat digunakan untuk berbagai tugas, misalnya membuat
formulir inputan yang dapat mengelola pendaftaran dan memproses transaksi melalui
situs web, membuat tabel di halaman web, menerbitkan halaman web secara online,
dan menampilkan area berbentuk gambar di browser (Mariko, 2019)
7. Pengertian JavaScript
JavaScript merupakan sebuah bahasa pemrograman yang berbentuk kumpulan
skrip yang dapat dieksekusi pada halaman HTML. JavaScript memiliki keunggulan
dalam menyempurnakan desain dan fungsionalitas halaman web yang dikembangkan.
Bahasa pemrograman tingkat tinggi, sisi klien, berorientasi objek, dan diketik secara
longgar adalah karakteristik JavaScript (Mariko, 2019).
8. Pengertian Basis Data
Basis data merupakan sebuah sistem yang diciptakan untuk mengelola,
mengambil, dan mencari kumpulan antar tabel atau data yang berkaitan dengan
mudah. Penggunaan basis data merupakan cara alternatif untuk memecahkan masalah
dalam penyimpanan ruang dalam aplikasi. Terdapat juga jenis-jenis basis data,
diantaranya MySQL, Ms. Access, Oracle, Sql Server, dan PostgreSql (Ramadhan &
Mukhaiyar, 2020).
9. Pengertian MySQL
MySQL merupakan salah satu server basis data untuk mengolah atau mengakses
sebuah basis data. Proses pengolahan basis data ini dilakukan dengan menggunakan
bahasa scripting Structured Query Language (SQL). Dalam melakukan

6
 pengoperasian dengan mudah pada MySQL, perlu menggunakan beberapa software,
diantaranya MySQLyog dan phpMyAdmin (Ramadhan & Mukhaiyar, 2020).
10. CodeIgniter 4 (CI4)
CodeIgniter 4 (CI4) merupakan jenis dari sebuah framework aplikasi berbasis web
bersifat open source dalam membuat sebuah aplikasi PHP dinamis. Framework
sangat dibutuhkan dalam membuat aplikasi karena pengembang tidak perlu menulis
semua kode dari awal, dengan menggunakan CI4 pengembang menjadi lebih terbantu
dalam membuat sebuah aplikasi. (Sriwijaya, 2019).
11. Bootstrap
Bootstrap adalah sebuah framework desain tampilan web untuk mempermudah
dalam membangun sebuah web. Bootstrap merupakan framework yang dapat
menyesuaikan ukuran layar dari browser yang digunakan seperti desktop, mobile
device, ataupun tablet. Didalam bootstrap juga terdapat HTML, CSS, dan Javascript
yang sudah disediakan dan siap dipakai. (Suprayogi & Rahmanesa, 2019).
12. Pengertian Blackbox Testing
Blackbox Testing merupakan sebuah metode pengujian pada perangkat lunak
melalui aspek spesifikasi fungsional tanpa menguji kode program dan desain.
Pengujian dilakukan untuk menentukan apakah fitur, input serta output pada
perangkat lunak sudah memenuhi spesifikasi yang telah ditentukan. Karena metode
Blackbox Testing membutuhkan batas bawah dan atas dari data yang diantisipasi,
maka metode ini merupakan metode yang mudah diterapkan (Cholifah et al., 2018).

7
 BAB III

METODE PELAKSANAAN KERJA PRAKTIK

3.1 Pengumpulan Data

Berikut adalah langkah-langkah yang dilakukan untuk mengumpulkan data
penelitian:
1. Observasi
Pada tahapan ini penulis melakukan kegiatan observasi dengan cara survei ke tempat
kerja praktik untuk mengetahui proses inventaris barang pada toko Almaira Kids Shop
dan menganalisis permasalahan-permasalahan yang ada pada tempat kerja praktik.
2. Wawancara
Pada tahapan ini penulis melakukan kegiatan wawancara kepada pemilik toko
Almaira Kids Shop untuk mengetahui dan menyimpulkan permasalahan yang ada.
Penulis juga melakukan pengumpulan data untuk kebutuhan penulis dalam
membangun perangkat lunak yang akan dibuat. Adapun data-data yang didapat dari
hasil wawancara yaitu sebagai berikut:
a. Data barang pada toko Almaira Kids Shop
b. Data arsitektur komputer pada toko Almaira Kids Shop
3. Studi Literatur
Penulis melakukan tahapan studi literatur sebagai salah satu acuan dalam
pengumpulan data dengan mengandalkan sumber referensi yaitu jurnal-jurnal yang
dapat dipercaya. Sumber referensi yang dijadikan acuan oleh penulis dalam studi
literatur yaitu sebagai berikut:
a. Jurnal yang berjudul, “Revolusi Industri 4.0 : Peran Teknologi Dalam Eksistensi
Penguasaan Bisnis Dan Implementasinya”
b. Jurnal yang berjudul, “Metode Penelitian Kualitatif Studi Pustaka”
c. Jurnal yang berjudul, “Rancang Bangun Aplikasi Penjualan dan Pembelian
Barang Pada Koperasi Kartika Samara Grawira Prabumulih”
d. Jurnal yang berjudul, “Pemodelan Uml Untuk Sistem Informasi Persewaan Alat
Pesta”
e. Jurnal yang berjudul, “Rancang Bangun Aplikasi Inventaris Berbasis Website
Pada Kelurahan Bantengan”

8
 f. Jurnal yang berjudul, “Penggunaan Database Mysql dengan Interface
PhpMyAdmin sebagai Pengontrolan Smarthome Berbasis Raspberry Pi”
g. Jurnal yang berjudul, “Penerapan Framework Bootstrap Dalam Sistem Informasi
Pendidikan Sma Negeri 1 Pacet Cianjur Jawa Barat”
h. Jurnal yang berjudul, “Pengertian Flowchart Beserta Fungsi dan Simbol-simbol
Flowchart yang Paling Umum Digunakan”
i. Jurnal yang berjudul, “Web, Definisi Web Server, Devinisi HTML, Definisi PHP,
Skrip PHP, Skrip PHP, Definisi MySQL dan Koneksi Database MySQL dengan
PHP”
j. Jurnal yang berjudul, “Pengujian Black Box Testing pada Aplikasi Action &
Strategy Berbasis Android dengan Teknologi Phonegap”

3.2 Analisis Kebutuhan Perangkat Lunak

Pada tahapan ini penulis mengkaji prosedur inventaris barang pada toko Almaira
Kids Shop yang sedang berjalan, dimana hal ini dilakukan untuk menunjukkan dengan
tepat setiap masalah yang ada di Almaira Kids Shop saat ini. Kemudian penulis
menganalisis kebutuhan-kebutuhan yang telah disesuaikan untuk membangun perangkat
lunak berupa aplikasi berbasis web. Penulis melakukan analisis kebutuhan perangkat
lunak melalui kegiatan observasi dan wawancara ke tempat penelitian yaitu toko Almaira
Kids Shop. Adapun proses analisis yang dilakukan oleh penulis memperoleh sebuah hasil
yaitu sebagai berikut:
1. Analisis mengenai proses yang sedang berjalan terkait pengelolaan data barang pada
toko Almaira Kids Shop
2. Analisis mengenai permasalahan yang ada terkait proses pengelolaan data barang
pada toko Almaira Kids Shop
3. Analisis mengenai usulan sistem yang dibutuhkan sesuai proses dan permasalahan
untuk tujuan pembangunan aplikasi
4. Analisis mengenai apa saja kebutuhan fungsional dan non-fungsional sebagai
pendukung pada sistem yang akan dibangun

9
3.3 Perancangan Aplikasi
Langkah awal yang dilakukan penulis untuk melakukan perancangan aplikasi
yaitu dengan perancangan arsitektur perangkat lunak, alur kerja atau flowhart yang
diusulkan, perancangan database serta tampilan antarmuka pengguna yang disesuaikan,
dan penggunaan Unified Modelling Language (UML) dalam pembangunan aplikasi
dengan berbagai jenis pemodelan diagram, diantaranya use case diagram, class diagram,
sequence diagram, dan activity diagram.

3.4 Implementasi
Penulis melakukan implementasi program setelah melakukan perancangan untuk
program yang akan dibangun. Untuk implementasi program diawali dengan melakukan
coding menggunakan bahasa pemrograman PHP dan perangkat lunak kode teks editor
Visual Studio Code yang didukung dengan penggunaan framework CodeIgniter 4 agar
memudahkan penulis dalam membangun aplikasi tersebut. Tahapan selanjutnya yaitu
penulis menggunakan tools untuk mengakses dan mengelola data tersebut menggunakan
manajemen basis data MySQL.

3.5 Pengujian Aplikasi

Penulis menguji aplikasi untuk memeriksa apakah aplikasi berhasil dibangun dan
sudah sesuai dengan rancangan. Untuk pengujian aplikasi penulis menggunakan
pengujian Blackbox Testing. Pengujian ini dilakukan berdasarkan sudut pandang
pengguna, sehingga pengujian dilakukan melalui tampilan sistem tanpa mengetahui
desain struktur tersebut. Cara kerja penggunaan Blackbox Testing yaitu dengan
melakukan penilaian terhadap output yang dihasilkan pada sistem sesuai dengan input
atau instruksi yang diberikan oleh sistem. Jika output yang dihasilkan sesuai maka sistem
dinyatakan berfungsi dengan baik, apabila tidak sesuai maka sistem perlu dilakukan
perbaikan.

3.6 Penerapan Aplikasi di Tempat KP

Setelah tahap pengujian berhasil diselesaikan, maka dilakukan penerapan aplikasi
yang telah dibangun di toko Almaira Kids Shop. Penulis juga turut mempersiapkan
panduan-panduan untuk penggunaan aplikasi tersebut agar mempermudah penggunanya
dalam menggunakan aplikasi tersebut.

10
3.7 Pelaporan
Pada tahap ini penulis membuat laporan yang dimana merupakan sebagai sebuah
dokumentasi tertulis mengenai hasil penelitian yang telah dilakukan. Dalam membuat
sebuah laporan, penulis menggunakan rujukan untuk sistematika penulisan laporan sesuai
dengan yang telah dianjurkan. Adapun metode pelaksanaan pelaporan yaitu:
1. Observasi tempat KP
Penulis melakukan tahapan observasi ke tempat KP pada minggu ke-3 bulan
Desember 2022
2. Pengumpulan Data
Penulis melakukan tahapan pengumpulan data pada minggu ke-3 bulan Desember
2022 hingga minggu ke-2 bulan Maret 2023
3. Analisis Kebutuhan Perangkat Lunak
Penulis melakukan tahapan menganalisis kebutuhan software pada minggu ke-2 bulan
Januari 2023
4. Perancangan Aplikasi
Penulis melakukan tahapan perancangan aplikasi pada minggu ke-4 bulan Januari
2023 hingga minggu ke-3 bulan Februari 2023
5. Implementasi
Pada tahapan ini penulis melakukan implementasi kode pada minggu ke-3 bulan April
2023 hingga minggu ke-4 bulan Juni 2023
6. Pengujian Aplikasi
Pada tahapan ini penulis melakukan pengujian aplikasi pada minggu ke-4 bulan Juni
2023 secara langsung bersama pihak instansi di instansi tersebut
7. Penerapan Aplikasi
Pada tahapan ini penulis melakukan penerapan aplikasi pada minggu ke-4 bulan Juni
2023

11
 BAB IV

HASIL DAN PEMBAHASAN

4.1 Analisis Sistem

Tahapan ini memiliki fungsi untuk mempelajari lebih dalam mengenai bagaimana
proses sebuah sistem yang berjalan pada tempat kerja praktik setelah dilakukannya
observasi dan wawancara. Oleh karena itu, penulis menganalisa permasalahan yang ada
dan mencari sebuah solusi untuk memecahkan permasalahan tersebut agar penulis dapat
mengetahui apa saja kebutuhan-kebutuhan aplikasi sebagai usulan sistem yang akan
dibangun.

4.1.1 Analisis Sistem Berjalan

Tahapan ini memiliki fungsi agar memahami permasalahan yang terdapat pada
proses inventaris barang pada toko Almaira Kids Shop. Hasil yang didapat dari observasi
dan wawancara yang penulis dapatkan yaitu sebagai berikut:

1. Prosedur Mengelola Data Barang Masuk

a. Pegawai mencatat data barang masuk pada buku besar
b. Pegawai menginput data barang yang telah dicatat pada Microsoft Excel dengan
format yang sudah dibuat
c. Pegawai membuat laporan
2. Prosedur Mengelola Data Barang Terjual
a. Pegawai mencatat data barang yang terjual pada buku besar
b. Pegawai menginput data barang yang telah dicatat pada Microsoft Excel dengan
format yang sudah dibuat
c. Pegawai membuat laporan

Adapun workflow sistem yang sedang berjalan pada proses inventaris barang pada
toko Almaira Kids Shop yaitu sebagai berikut:

12
 Gambar 4. 1 Workflow Sistem Berjalan Inventaris Barang

4.1.2 Analisis Permasalahan

Dengan dilakukannya proses inventaris barang yang sedang berjalan tersebut
maka beberapa permasalahan yang didapat yaitu sebagai berikut:

1. Proses inventaris barang masih dilakukan secara manual sehingga menyebabkan

lambatnya proses inventaris barang tersebut
2. Proses inventaris barang masih dilakukan secara manual sehingga menimbulkan
adanya resiko rusak atau hilangnya catatan atau file data barang tersebut.
3. Belum tersedianya sistem inventaris barang yang dapat mengelola data-data barang

4.1.3 Analisis Pemecahan Masalah

Sesuai dengan analisis terkait permasalahan pada tempat kerja praktik, adapun
solusi yang penulis temukan sebagai berikut:

1. Mengganti penggunaan sistem manual menjadi sistem yang terkomputerisasi agar

proses inventaris barang tidak memakan waktu lama
2. Membuat aplikasi berbasis web untuk mempermudah pihak instansi dalam proses
inventaris barang
3. Menghubungkan sistem yang terkomputerisasi dengan basis data untuk penyimpanan
data-data agar data-data tersebut tidak mudah hilang dan dapat diakses secara mudah.

4.1.4 Analisis Kebutuhan dan Usulan Sistem

Berdasarkan analisis pemecahan masalah yang ada, maka adapun analisis
kebutuhan dan usulan sistem yang dibuat yaitu sebagai berikut:

13
1. Analisis Kebutuhan Sistem
Penulis melakukan tahapan ini agar mengetahui apa saja kebutuhan-kebutuhan dalam
mendukung pembangunan aplikasi. Adapun kebutuhan-kebutuhan yang telah di
analisis diantaranya:
a. Data yang dibutuhkan
1) Data admin
2) Data barang-barang
b. Form yang dibutuhkan
1) Form login
2) Form data barang masuk
3) Form data barang terjual
c. Perangkat Pembangun Sistem
1) Analisis Kebutuhan Perangkat Lunak
Penulis melakukan tahapan ini agar dapat mendeskripsikan kebutuhan
perangkat lunak dalam pembangunan aplikasi.

Tabel 4. 1 Perangkat Lunak yang digunakan

NO Perangkat Lunak Keterangan
Operating system yang digunakan
1 Windows 10
penulis pada perangkat laptop
Perangkat lunak yang digunakan
penulis untuk membuat flowchart
2 [Link]
serta pemodelan Unified Modelling
Language (UML)
Perangkat lunak kode editor yang
3 Visual Studio Code digunakan penulis untuk
implementasi kode
Perangkat lunak yang digunakan
penulis sebagai sebuah server. Terdiri
4 Laragon
dari program Apache, HTTP Server,
dan basis data MySQL.
Perangkat lunak yang digunakan
penulis untuk memunculkan hasil
5 Web Browser kode dari server web. Misalnya terdiri
dari Google Chrome, Microsoft Edge,
dan Mozilla Firefox.

2) Analisis Kebutuhan Perangkat Keras

Tahapan ini dilakukan penulis agar dapat mendeskripsikan kebutuhan
hardware yang digunakan dalam pembangunan aplikasi.

14
 Tabel 4. 2 Perangkat Keras yang digunakan
NO Perangkat Keras Spesifikasi
1 Sistem Operasi Windows 10
AMD E1-2500 APU with Radeon(TM)
2 Processor
HD Graphics 1.40 GHz
3 RAM 4 Gigabyte
4 Harddisk 231 Gigabyte

2. Usulan Sistem
Usulan sistem memiliki fungsi untuk pengajuan sebuah usulan pada sistem yang
diharapkan dapat membantu pihak instansi dalam melakukan inventaris barang.
Adapun usulan sistem yang diajukan yaitu sebagai berikut:
a. Admin masuk ke halaman utama
b. Admin masuk ke form login
c. Admin melihat ke halaman data barang tersedia dan mencetak laporan
d. Admin kelola data barang masuk ke form data barang masuk
e. Admin kelola data barang terjual ke form data barang terjual
f. Admin masuk ke halaman profile

4.2 Perancangan Sistem

Perancangan sistem memiliki fungsi untuk menggambarkan secara detail
mengenai bagaimana proses yang berjalan terhadap sistem yang akan dibangun.

4.2.1 Perancangan IPO (Input, Process, dan Output)

Perancangan IPO (Input, Process, dan Output) memiliki fungsi untuk
memaparkan berbagai macam interaksi kegiatan yang terjadi untuk pembangunan sistem.
Perancangan IPO ini dilakukan dengan pengunaan metode UML sebagai sebuah
pemodelan perancangan. Diagram pada UML yang penulis gunakan diantaranya: (1) use
case diagram; (2) class diagram; (3) sequence diagram; (4) dan activity diagram.

1. Use Case Diagram

a. Pengertian Aktor
Aktor didefinisikan sebagai user yang memiliki interaksi serta memiliki kegiatan
dalam sistem tersebut. Adapun Aktor serta kegiatannya pada aplikasi inventaris
barang yaitu sebagai berikut:

15
 Tabel 4. 3 Pengertian Aktor
No Aktor Deskripsi
Orang yang mengakses dan
mengelola seluruh kegiatan aplikasi
diantaranya:
1 Admin a. Login
b. Data barang tersedia
c. Data barang masuk
d. Data barang terjual

b. Use Case Diagram

Use case diagram merupakan sebuah diagram untuk memaparkan kegiatan
interaksi aktor dengan proses didalam sistem. Berikut merupakan use case
diagram pada aplikasi inventaris barang yaitu:

Gambar 4. 2 Use Case Diagram

c. Skenario Use Case
Skenario use case didefinisikan sebagai skenario yang berfungsi untuk
mempermudah proses dalam mengalisa skenario yang digunakan pada tahap-
tahap berikutnya. Adapun scenario use case pada aplikasi inventaris barang yaitu
sebagai berikut:

16
1) Login
Tabel 4. 4 Login
Identifikasi
Nama Use Case Login
Aktor Admin
Tujuan Masuk ke sistem aplikasi
Deskripsi Proses aktor masuk ke dalam sistem
aplikasi
Kondisi awal Memunculkan form halaman utana
Kondisi akhir Memunculkan halaman dashboard
Skenario Utama
Aksi Aktor Reaksi Sistem
1. Menekan tombol login
2. Menampilkan form login
3. Masukkan username dan
password
4.
Validasi username dan password
yang telah terdaftar di database
5. Memunculkan halaman
dashboard
Skenario Alternatif (Proses Gagal)
Aksi Aktor Reaksi Sistem
1. Masukkan username dan
password
2. Validasi username dan
password yang telah terdaftar di
database
3. Kembali ke halaman Login dan
memunculkan pesan error
Login

2) Data Barang Tersedia

Tabel 4. 5 Data Barang Tersedia
Identifikasi
Nama Use Case Data Barang Tersedia
Aktor Admin
Tujuan Mengakses data barang tersedia
Deskripsi Proses mengakses data barang
tersedia pada sistem
Kondisi awal Memunculkan halaman data barang
tersedia
Kondisi akhir Melihat dan mencetak laporan data
barang pada sistem
Skenario Utama
Aksi Aktor Reaksi Sistem
1. Menekan tombol lihat atau cetak
2. Memunculkan form lihat data
(detail) jika menekan tombol lihat
data, mengunduh file data jika
menekan tombol cetak

17
3) Data Barang Masuk
Tabel 4. 6 Data Barang Masuk
Identifikasi
Nama Use Case Data Barang Masuk
Aktor Admin
Tujuan Kelola data barang masuk
Deskripsi Proses kelola data barang yang masuk
Kondisi awal Memunculkan halaman kelola data
barang masuk
Kondisi akhir Data barang masuk tersimpan pada
basis data
Skenario Utama
Aksi Aktor Reaksi Sistem
1. Menekan tombol tambah / ubah /
hapus
2. Memunculkan form tambah data
jika menekan tombol tambah
data, memunculkan form ubah
data jika menekan tombol ubah,
memunculkan form hapus data
jika menekan tombol hapus
3. Menyimpan hasil kegiatan yang
telah dilakukan pada basis data
(tambah, ubah, hapus)
4. Sistem mengendalikan hasil
inputan data barang masuk
terhadap data barang tersedia
yang secara otomatis akan
bertambah jumlahnya
5. Menekan tombol cetak data
6. Mengunduh file data jika
menekan tombol cetak
Skenario Alternatif (Proses Gagal)
1. Memunculkan pesan error data
yang telah diinput
2. Menekan kembali tombol
tambah / ubah / hapus
3. Menyimpan hasil kegiatan yang
telah dilakukan pada basis data
(tambah, ubah, hapus)

3) Data Barang Terjual

Tabel 4. 7 Data Barang Terjual
Identifikasi
Nama Use Case Data Barang Terjual
Aktor Admin
Tujuan Kelola data barang yang terjual
Deskripsi Proses kelola data barang terjual
Kondisi awal Memunculkan halaman kelola data
barang terjual
Kondisi akhir Data barang masuk tersimpan pada
basis data
Skenario Utama
Aksi Aktor Reaksi Sistem

18
 1. Menekan tombol tambah / ubah /
hapus
2. Memunculkan form tambah data
jika menekan tombol tambah
data, memunculkan form ubah
data jika menekan tombol ubah,
memunculkan form hapus data
jika menekan tombol hapus,
3. Menyimpan hasil kegiatan yang
telah dilakukan pada basis data
(tambah, ubah, hapus)
4. Sistem mengendalikan hasil
inputan data barang terjual
terhadap data barang tersedia
yang secara otomatis akan
berkurang jumlahnya
5. Menekan tombol cetak data
6. Mengunduh file data jika
menekan tombol cetak
Skenario Alternatif (Proses Gagal)
1. Memunculkan pesan error data
yang telah diinput
2. Menekan kembali tombol
tambah / ubah / hapus
3. Menyimpan hasil kegiatan yang
telah dilakukan pada basis data
(tambah, ubah, hapus)

2. Class Diagram
Class diagram didefinisikan sebagai sebuah diagram berisi tampilan kelas-kelas pada
sistem yang berfungsi untuk memaparkan sebuah model data untuk sistem tersebut.
Adapun class diagram pada aplikasi inventaris barang yaitu sebagai berikut:

Gambar 4. 3 Class Diagram

19
3. Sequence Diagram
Sequence diagram didefinisikan sebagai sebuah diagram yang memaparkan interaksi
antara aktor dengan objek pada sistem tersebut. Adapun sequence diagram pada
aplikasi inventaris barang yaitu sebagai berikut:
a. Login

Gambar 4. 4 Login

b. Tambah Data Barang Masuk

Gambar 4. 5 Tambah Data Barang Masuk

20
c. Ubah Data Barang Masuk

Gambar 4. 6 Ubah Data Barang Masuk

d. Hapus Data Barang Masuk

Gambar 4. 7 Hapus Data Barang Masuk

21
e. Tambah Data Barang Terjual

Gambar 4. 8 Tambah Data Barang Terjual

f. Ubah Data Barang Terjual

Gambar 4. 9 Ubah Data Barang Terjual

22
 g. Hapus Data Barang Terjual

Gambar 4. 10 Hapus Data Barang Terjual

4. Activity Diagram
Activity diagram didefinisikan sebagai diagram yang memaparkan kegiatan dalam
sistem. Adapun activity diagram aplikasi inventaris barang yaitu sebagai berikut:
a. Login

Gambar 4. 11 Login

23
b. Tambah Data Barang Masuk

Gambar 4. 12 Tambah Data Barang Masuk

c. Ubah Data Barang Masuk

Gambar 4. 13 Ubah Data Barang Masuk

24
d. Hapus Data Barang Masuk

Gambar 4. 14 Hapus Data Barang Masuk

e. Tambah Data Barang Terjual

Gambar 4. 15 Tambah Data Barang Terjual

25
f. Ubah Data Barang Terjual

Gambar 4. 16 Ubah Data Barang Terjual

g. Hapus Data Barang Terjual

Gambar 4. 17 Hapus Data Barang Terjual

26
4.2.2 Perancangan Basis Data
Penulis melakukan tahapan ini agar mengetahui isi kebutuhan penyimpanan data
program yang digunakan untuk mendukung perancangan sistem dalam membangun
aplikasi. Adapun perancangan basis data yang terdapat pada aplikasi inventaris barang
yaitu sebagai berikut:
Nama basisdata : almaira
Jumlah table :4
1. Nama tabel : user
Kunci utama : user_name
Jumlah field :2
Tabel 4. 8 Tabel user
No Nama Field Tipe Ukuran Ekstra Keterangan
1 user_name Char 10 - Primary Key
2 user_pass Varchar 35 - -

2. Nama tabel : barang

Jumlah field : 10
Tabel 4. 9 Tabel barang
No Nama Field Tipe Ukuran Ekstra Keterangan
1 kode_barang Varchar 20 AI -
2 Tanggal Datetime - - -
3 nama_barang Varchar 100 - -
4 Size Enum ‘XS’,’S’,’M’,’L’,’XL’ - -
5 Brand Varchar 100 - -
6 Warna Varchar 50 - -
'OneSet','Kaos','Kemeja','Swea
7 Kategori Enum ter','Rompi','Celana','Rok','Ker - -
udung','Kaos Kaki'
8 Jumlah Integer 10 - -
9 harga_satuan Double - - -
10 foto_barang Text - - -

3. Nama tabel : transaksi

Kunci utama : idtransaksi
Jumlah field :4
Tabel 4. 10 Tabel transaksi
No Nama Field Tipe Ukuran Ekstra Keterangan
1 idtransaksi Integer 11 AI Primary Key
2 kode_barang Varchar 255 - -
3 Jumlah Integer 11 - -
4 Tanggal Datetime - - -

27
4.2.3 Perancangan Tampilan
Penulis melakukan tahapan ini untuk memodelkan tampilan pada sistem yang
akan dibangun. Berikut merupakan perancangan tampilan pada aplikasi inventaris
barang:

1. Halaman Utama

Gambar 4. 18 Halaman Utama

2. Halaman Login

Gambar 4. 19 Halaman Login

28
3. Halaman Dashboard

Gambar 4. 20 Halaman Dashboard

4. Halaman Data Barang Tersedia

Gambar 4. 21 Halaman Data Barang Tersedia

29
5. Halaman Data Barang Masuk

Gambar 4. 22 Halaman Data Barang Masuk

6. Halaman Data Barang Terjual

Gambar 4. 23 Halaman Data Barang Terjual

30
7. Halaman Profile

Gambar 4. 24 Halaman Profile

4.3 Implementasi
4.3.1 Implementasi Basis Data
1. Tabel user
Berfungsi untuk menyimpan data admin

Gambar 4. 25 Implementasi Basis Data Tabel user

2. Tabel barang
Berfungsi untuk menyimpan data pada barang tersedia dan masuk

31
 Gambar 4. 26 Implementasi Basis Data Tabel barang
3. Tabel transaksi
Berfungsi untuk menyimpan data riwayat transaksi penjualan

Gambar 4. 27 Implementasi Basis Data Tabel transaksi

4.3.2 Implementasi Tampilan
1. Halaman Utama Aplikasi
Halaman yang memunculkan tampilan utama setelah admin membuka
aplikasi.

Gambar 4. 28 Implementasi Halaman Utama

32
2. Halaman Login
Tampilan yang muncul berisi formulir memasukkan username dan password
untuk memulai proses inventaris barang.

Gambar 4. 29 Implementasi Tampilan Halaman Login

3. Halaman Dashboard
Halaman yang berisi tampilan untuk menyajikan informasi jumlah
keseluruhan data terkini.

Gambar 4. 30 Implementasi Halaman Dashboard

33
4. Halaman Data Barang Tersedia
Halaman berisi tampilan untuk mengakses jumlah data barang yang tersedia
secara terkini.

Gambar 4. 31 Implementasi Halaman Data Barang Tersedia

5. Form Detail Data Barang Tersedia

Form yang berisi tampilan untuk melihat rincian pada data barang yang
tersedia.

Gambar 4. 32 Implementasi Form Detail Data Barang Tersedia

34
6. Halaman Data Barang Masuk
Halaman yang berisi tampilan untuk mengakses juga kelola data barang yang
baru masuk pada toko.

Gambar 4. 33 Implementasi Halaman Data Barang Masuk

7. Form Tambah Data Barang Masuk

Form yang berisi tampilan menginput data barang yang baru masuk pada toko.

Gambar 4. 34 Implementasi Form Tambah Data Barang Masuk

35
8. Form Detail Data Barang Masuk
Form berisi tampilan untuk rincian data yang telah diinput.

Gambar 4. 35 Implementasi Form Detail Data Barang Masuk

9. Form Ubah Data Barang Masuk

Form yang berisi tampilan untuk mengubah isi dari data barang masuk yang
telah diinput.

Gambar 4. 36 Implementasi Form Ubah Data Barang Masuk

36
10. Form Hapus Data Barang Masuk
Form yang berisi tampilan menghapus data barang masuk yang telah diinput.

Gambar 4. 37 Implementasi Form Hapus Data Barang Masuk

11. Halaman Data Barang Terjual

Halaman yang berisi tampilan mengakses dan mengelola data barang yang
baru terjual pada toko.

Gambar 4. 38 Implementasi Halaman Data Barang Terjual

37
12. Form Tambah Data Barang Terjual
Berisi tampilan untuk menginput data barang yang baru terjual pada toko.

Gambar 4. 39 Implementasi Form Tambah Data Barang Terjual

13. Form Detail Data Barang Terjual

Berisi tampilan untuk melihat rincian data barang terjual yang telah diinput.

Gambar 4. 40 Implementasi Form Detail Data Barang Terjual

38
14. Form Ubah Data Barang Terjual
Berisi tampilan untuk mengubah jumlah dari data barang terjual yang telah
diinput.

Gambar 4. 41 Implementasi Form Ubah Data Barang Terjual

15. Form Hapus Data Barang Terjual

Berisi tampilan untuk menghapus data barang terjual yang telah diinput.

Gambar 4. 42 Implementasi Form Hapus Data Barang Terjual

39
 16. Halaman Profile
Berisi tampilan untuk melihat informasi data pribadi milik toko.

Gambar 4. 43 Implementasi Halaman Profile

4.4 Pengujian Aplikasi

Dilakukan sebagai kegiatan untuk menguji agar mengetahui aplikasi layak
digunakan atau belum layak digunakan. Adapun hasil pengujian aplikasi inventaris
barang menggunakan pengujian Blackbox Testing yaitu:

Tabel 4. 11 Tabel Pengujian Aplikasi

Pengujian Halaman Utama
NO Pengujian Deskripsi Output Hasil
Fungsi Pengujian
Admin mengakses
halaman utama,
Jika mengaktifkan server dan
diawali dengan
menjalankan program maka
1 Halaman Utama mengaktifkan server, SUKSES
aplikasi memunculkan
lalu menjalan program
halaman utama
dengan mengetik
“localhost:8080“
Pengujian Halaman Login
NO Pengujian Deskripsi Output Hasil
Fungsi Pengujian
Admin menekan
button Login pada
halaman utama, Jika mengisi username dan
kemudian melakukan password dengan benar,
1 Halaman Login SUKSES
login dengan mengetik admin berhasil login dan akan
username dan beralih ke halaman dashboard
password dengan
benar
Pengujian Halaman Dashboard

40
NO Pengujian Deskripsi Output Hasil
Fungsi Pengujian
Jika menekan form halaman
Admin melakukan
Halaman dashboard maka aplikasi
1 akses ke halaman SUKSES
Dashboard memunculkan halaman
dashboard
dashboard
Pengujian Halaman Data Barang Tersedia
Jika menekan form halaman
data barang tersedia maka
Admin melakukan aplikasi memunculkan
Halaman Data
1 akses ke halaman data halaman data barang tersedia SUKSES
Barang Tersedia
barang tersedia yang dimana isi datanya
didapat dari hasil inputan data
pada barang masuk dan terjual
Pengujian Halaman Data Barang Masuk
Jika menekan form halaman
Admin melakukan
Halaman Data tersebut, maka aplikasi
1 akses ke halaman data SUKSES
Barang Masuk memunculkan halaman yang
barang masuk
ditekan
Jika menekan form tambah
data maka aplikasi
Admin menambah data memunculkan form tambah
barang yang masuk data, setelah form diisi maka
Tambah Data
2 dengan cara mengisi data berhasil tersimpan di SUKSES
Barang Masuk
form tambah data yang basis data. Kemudian data
disediakan aplikasi yang telah ditambah maka
akan otomatis terinput juga ke
halaman barang tersedia
Jika menekan form halaman
tersebut, maka aplikasi
memunculkan halaman yang
Admin mengubah data
ditekan, setelah form diisi
Ubah Data barang dengan mengisi
3 maka data berhasil tersimpan SUKSES
Barang Masuk form ubah data pada
di basis data. Kemudian data
aplikasi
yang telah diubah maka akan
otomatis terinput juga ke
halaman barang tersedia
Jika menekan form hapus data
Admin menghapus
maka aplikasi memunculkan
Hapus Data data dengan menekan
4 form hapus data, setelah SUKSES
Barang Masuk form hapus data pada
menekan button hapus maka
aplikasi
data berhasil terhapus
Halaman Data Barang Terjual
NO Pengujian Deskripsi Output Hasil
Fungsi Pengujian
Jika menekan form halaman
Admin melakukan
Halaman Data data barang terjual maka
1 akses ke halaman data SUKSES
Barang Terjual aplikasi memunculkan
barang terjual
halaman data barang terjual
Jika menekan form tambah
Admin menambah data data maka aplikasi
barang yang terjual memunculkan form tambah
Tambah Data
2 dengan cara mengisi data, setelah form diisi maka SUKSES
Barang Terjual
form tambah data yang data berhasil tersimpan di
disediakan aplikasi basis data. Kemudian data
yang telah ditambah maka

41
 akan otomatis terinput juga ke
halaman barang tersedia
Jika menekan form ubah data
maka aplikasi memunculkan
Admin mengubah data form ubah data, setelah form
barang yang terjual diisi maka data berhasil
Ubah Data
3 dengan cara mengisi tersimpan di basis data. SUKSES
Barang Terjual
form ubah data yang Kemudian data yang telah
disediakan aplikasi diubah maka akan otomatis
terinput juga ke halaman
barang tersedia
Admin menghapus
Jika menekan form hapus data
data barang yang
maka aplikasi memunculkan
Hapus Data terjual dengan cara
4 form hapus data, setelah SUKSES
Barang Terjual menekan form hapus
menekan button hapus maka
data yang disediakan
data berhasil terhapus
aplikasi
Halaman Profile
NO Pengujian Deskripsi Output Hasil
Fungsi Pengujian
Jika menekan form halaman
Admin melakukan
Halaman profile maka aplikasi
1 akses ke halaman data SUKSES
Profile memunculkan halaman
barang tersedia
profile
Halaman Logout
NO Pengujian Deskripsi Output Hasil
Fungsi Pengujian
Admin melakukan Jika menekan form logout
Halaman
1 logout dengan maka aplikasi memunculkan SUKSES
Logout
menekan form logout form halaman login

4.5 Sosialisasi dan Penerapan Aplikasi

Dengan adanya aplikasi inventaris barang berbasis web pada toko baju anak
Almaira Kids Shop ini, penulis melakukan sosialisasi agar pihak instansi dapat
memahami penggunaan aplikasi dengan memaparkan prosedur penggunaan sistem dan
alur sistem yang telah dibangun, fitur-fitur serta manfaatnya. Penulis melakukan
sosialisasi tersebut sekaligus menerapkan aplikasi yang telah dibangun secara langsung
di toko Almaira Kids Shop.

42
 BAB V

PENUTUP

5.1 Kesimpulan

Kesimpulan yang dapat diambil setelah penulis melakukan analisis dan

perancangan pada Aplikasi Inventaris Barang Berbasis Web Pada Toko Baju Anak
Almaira Kids Shop yaitu sebagai berikut:

1. Dengan adanya aplikasi ini menjadikan proses inventaris barang tidak lagi dilakukan
secara manual, melainkan mengikuti perkembangan teknologi yaitu sudah
terkomputerisasi
2. Dengan adanya aplikasi ini mempermudah pihak instansi dalam melakukan proses
mengelola data barang
3. Dengan adanya aplikasi ini mengurangi resiko hilang atau rusaknya data barang, serta
tidak perlu memakan waktu lama untuk mencari data barang tersebut

5.2 Saran

Setelah menyelesaikan Kerja Praktik, penulis merekomendasikan sebuah

pengembangan penelitian yang dilakukan oleh pengembang berikutnya. Pengembangan
yang rekomendasikan oleh penulis yaitu sebagai berikut:

1. Menambahkan fitur notifikasi yang dapat mengingatkan pengguna tentang

pemberitahuan saat stok barang mendekati batas minimum
2. Menambahkan akses melalui berbagai platform, seperti desktop dan perangkat seluler
agar memberikan fleksibilitas kepada pengguna untuk mengakses dan mengelola
inventaris barang dari mana dan kapan saja

43
 DAFTAR PUSTAKA

Abdillah, R. (2021). Pemodelan Uml Untuk Sistem Informasi Persewaan Alat Pesta.
Jurnal Fasilkom, 11(2), 79–86. [Link]

Cholifah, W. N., Yulianingsih, Y., & Sagita, S. M. (2018). Pengujian Black Box Testing
pada Aplikasi Action & Strategy Berbasis Android dengan Teknologi Phonegap.
STRING (Satuan Tulisan Riset Dan Inovasi Teknologi), 3(2), 206.
[Link]

Kinaswara, T. A., Hidayati, N. R., & Nugrahanti, F. (2019). Rancang Bangun Aplikasi
Inventaris Berbasis Website Pada Kelurahan Bantengan | Kinaswara | Prosiding
Seminar Nasional Teknologi Informasi dan Komunikasi (SENATIK). Prosiding
Seminar Nasional Teknologi Informasi Dan Komunikasi (SENATIK), 2(1), 71–75.
[Link]

Mariko, S. (2019). Aplikasi website berbasis HTML dan JavaScript untuk menyelesaikan
fungsi integral pada mata kuliah kalkulus. Jurnal Inovasi Teknologi Pendidikan,
6(1), 80–91. [Link]

Nabilah, P., Mhd, Y., & Nurbaiti. (2021). Revolusi Industri 4.0 : Peran Teknologi Dalam
Eksistensi Penguasaan Bisnis Dan Implementasinya. Jpsb, 9(2), 91–98.

Nurhayati, A. N., Josi, A., & Hutagalung, N. A. (2018). Penjualan. Jurnal Teknologi Dan
Informasi, 7(2), 13–23.

Pane, S. F., Sari, W. K., & Wicaksono, Z. A. (2020). Membuat Aplikasi Pengolahan Data
Administrasi Barang Menggunakan Aplikasi Apex Online (W. K. Sari & Z. A.
Wicaksono (eds.)). Kreatif Industri Nusantara.

Ramadhan, R. F., & Mukhaiyar, R. (2020). Penggunaan Database Mysql dengan Interface
PhpMyAdmin sebagai Pengontrolan Smarthome Berbasis Raspberry Pi. JTEIN:
Jurnal Teknik Elektro Indonesia, 1(2), 129–134.
[Link]

Sriwijaya, P. N. (2019). BAB II Tinjauan Pustaka BAB II TINJAUAN PUSTAKA 2.1.

1–64. Gastronomía Ecuatoriana y Turismo Local., 1(69), 5–24.

44
Suprayogi, B., & Rahmanesa, A. (2019). Penerapan Framework Bootstrap Dalam Sistem
Informasi Pendidikan Sma Negeri 1 Pacet Cianjur Jawa Barat. Tematik, 6(2), 23–
30. [Link]

Verzello [Link], R. J. I. (2018). Bab Ii Landasan Teori. Journal of Chemical

Information and Modeling, 53(9), 1689–1699.

Veteran, U. (n.d.). Web, Definisi Web Server, Devinisi HTML, Definisi PHP, Skrip PHP,
Skrip PHP, Definisi MySQL dan Koneksi Database MySQL dengan PHP. Mlm.
[Link]

45
 LAMPIRAN

1. Surat Balasan Penelitian dari Tempat KP

Lampiran 1 Surat Balasan Penelitian dari Tempat KP

47
2. Bukti Wawancara atau Survey

Lampiran 2 Bukti Wawancara/Survey

48
3. Bukti Bimbingan Laporan

Lampiran 3 Bukti Bimbingan Laporan

49
4. Formulir Penilaian dari Pembimbing di Tempat KP

Lampiran 4 Formulir Penilaian dari Pembimbing di Tempat KP

50
5. Bukti Selesai KP di Tempat KP

Lampiran 5 Surat Bukti Selesai KP

51
6. Bukti Pengujian Program KP

Lampiran 6 Bukti Pengujian Program KP

52