See discussions, stats, and author profiles for this publication at: https://www.researchgate.

net/publication/346095743

LAPORAN KERJA PRAKTEK PEMBUATAN INVENTARIS BARANG DIGITAL

TERINTEGRASI BARCODE DAN QR BERBASIS WEBSITE PERUMDA AIR MINUM
KOTA SEMARANG (PDAM Kota Semarang)

Preprint · November 2020

CITATIONS READS

0 3,265

1 author:

Muhamad Rizky Febrian

Universitas Dian Nuswantoro Semarang
8 PUBLICATIONS 7 CITATIONS

SEE PROFILE

All content following this page was uploaded by Muhamad Rizky Febrian on 23 November 2020.

The user has requested enhancement of the downloaded file.

 LAPORAN KERJA PRAKTEK

PEMBUATAN INVENTARIS BARANG DIGITAL

TERINTEGRASI BARCODE DAN QR BERBASIS WEBSITE
PERUMDA AIR MINUM KOTA SEMARANG

Laporan ini di susun sebagai salah satu syarat pada mata Kuliah Kerja
Praktek pada Program Studi Teknik Informatika-S1 Fakultas Ilmu
Komputer Universitas Dian Nuswantoro

Oleh :

Nama : Muhamad Rizky Fajar Febrian

NIM : A11.2017.10492
Program Studi : Teknik Informatika

FAKULTAS ILMU KOMPUTER

UNIVERSITAS DIAN NUSWANTORO
SEMARANG
2020
 PERSETUJUAN PEMBIMBING KERJA PRAKTEK

PEMBUATAN INVENTARIS BARANG DIGITAL

TERINTEGRASI BARCODE DAN QR BERBASIS WEB

PERUMDA AIR MINUM KOTA SEMARANG

Oleh:
Nama : Muhamad Rizky Fajar Febrian
NIM : A11.2017.10492
Jurusan : Teknik Informatika–S1

Telah diperiksa dan disetujui oleh pembimbing kerja praktek guna menyelesaikan
Kerja Praktek pada Program Studi Teknik Informatika Fakultas Ilmu Komputer,
Universitas Dian Nuswantoro Semarang.

Semarang, Mei 2019

Menyetujui,

Penyelia Pembimbing KP

Feri Agustina, M.Kom

NPP.0686.11.1997.141
 ABSTRAK
Perkembangan teknologi industry 4.0 memiliki dampak yang signifikan di
dalam dunia kehidupan. Akses yang mudah dan serba digital untuk memperoleh
informasi menjadikan salah satu manfaat yang bisa didapatkan. Pengolahan data
yang serba digital sering kali lebih dapat diandalkan disbanding dengan cara
manual. Tidak hanya perusahaan-perusahaan yang bergerak dalam bidang
teknologi saja yang menggunakan pengolahan data secara digital namun semakin
banyak juga perusahaan yang mulai membangun dan bermigrasi dari cara
tradisional manual menjadi secara digital. Informasi yang dapat diolah secara
digital akan memudahkan manusia, khususnya dalam pengolahan data yang
berskala besar misalnya laporan keuangan, karyawan, system penggajian dan
lainnya. Contohnya di Perumda Air Minum Kota Semarang, pendataan barang atau
inventaris barang masih dilakukan secara manual, dampaknya sering kali terjadi
kehilangan barang ketika proses rekap inventaris. Pemindahan barang yang tidak
sesuai dengan tempatnya juga dapat menyebabkan kehilangan barang. Oleh karena
itu diperlukan sebuah system berbasis website untuk Perumda Kota Semarang yang
menggunakan php dan menggunakan database mysql serta didalamnya terintegrasi
barcode dan qr code untuk memudahkna mengelola inventaris barang.

Kata Kuci: Sistem Infomrasi, PDAM, Inventaris, Website, PHP, MYSQL, Barcode,
QR, Digital, Informatika
 KATA PENGANTAR
Puji syukur kepada Tuhan yang Maha Kuasa yang telah melanjarkan segala
kegiatan di tempat kerja praktek sehingga laporan ini dapat disusun dengan lancar
sesuai dengan kegiatan di tempat kerja praktek. Laporan Kerja Praktek dengan
judul “Pembuatan Inventaris Barang Digital Terintegrasi Barcode dan Qr Berbasis
Web” ini ditunjukan untuk memenuhi sebagian persyaratan akademik guna
menyelesaikan studi di Program Studi Teknik Informatika Strata Satu Universitas
Dian Nuswantoro. Ucapan terimakasih penulis berikan kepada:

1. Prof. Dr. Ir. Edi Noersasongko, M.Kom selaku Rektor Universitas Dian
Nuswantoro
2. Bapak Dr. Drs. Abdul Syukur, MM selaku Dekan Fakultas Ilmu Komputer
3. Bapak Dr. Muljono S.Si, M.Kom selaku kaprogdi Teknik Informatika.
4. Bapak Eko Hari Rachmawanto, M.Kom selaku coordinator Kerja Praktek
program studi Teknik Informatika Fakultas Ilmu Komputer Universitas
Dian Nuswantoro Semarang yang telah memberikan kesempatan kepada
penulis untuk menyusun laporan Kerja Praktek ini.
5. Bapak Feri Agustina M.Kom selaku Dosen Pembimbing yang telah
memberikan pengarahan dari sebelum kerja praktek dimulai sampai laporan
kerja praktek terselesaikan.
6. Kepala Bagian Kepegawaian Perumda Air Minum Kota Semarang yang
telah memberi ijin untuk melaksanakan kerja praktek.
7. Bapak, Ibu dan Adik yang telah memberikan dukungan moril, do’a dan
kasih saying.
8. Teman-teman dan semua pihak yang telah membantu saya dalam
penyusunan laporan Kerja Praktek.

Akhir kata, penulis menyadari bahwa mungkin masih terdapat kekurangan dalam
Laporan Kerja Praktek ini. Oleh karena itu, kritik dan saran dari pembaca sangat
bermanfaat bagi penulis

Semarang, 13 April 2020

 DAFTAR ISI
ABSTRAK ............................................................................................................................................ 4
KATA PENGANTAR ........................................................................................................................ 5
DAFTAR ISI ........................................................................................................................................ 6
DAFTAR GAMBAR .......................................................................................................................... 8
DAFTAR TABEL ............................................................................................................................... 9
BAB 1 ................................................................................................................................................. 10
PENDAHULUAN............................................................................................................................ 10
1.1 Latar Belakang ............................................................................................................ 10
1.2 Perumusan Masalah ................................................................................................. 11
1.3 Batasan Masalah ........................................................................................................ 11
1.4 Tujuan Kerja Praktek............................................................................................... 12
1.5 Manfaat Kerja Praktek ............................................................................................ 12
BAB 2 ................................................................................................................................................. 13
LANDASAN TEORI ....................................................................................................................... 13
2.1 Sistem Informasi ........................................................................................................ 13
2.2 Website........................................................................................................................... 13
2.3 MySql ............................................................................................................................... 13
2.4 HTML, CSS dan Javascript ..................................................................................... 14
2.5 PHP ................................................................................................................................... 14
2.6 Framework ................................................................................................................... 14
2.7 Web Server ................................................................................................................... 15
2.8 Codeigniter ................................................................................................................... 15
2.9 QR Code .......................................................................................................................... 15
2.10 Barcode ...................................................................................................................... 16
BAB 3 ................................................................................................................................................. 17
TINJAUAN UMUM OBJEK KERJA PRAKTEK .................................................................... 17
3.1. Deskripsi Umum Organisasi................................................................................. 17
3.2. Denah Lokasi ............................................................................................................... 17
3.3. Struktur Organisasi .................................................................................................. 18
3.4. Gambar Kegiatan ....................................................................................................... 19
BAB IV ............................................................................................................................................... 20
HASIL DAN PEMBAHASAN ..................................................................................................... 20
4.1. Identifikasi Masalah ................................................................................................. 20
 4.2. Identifikasi Kebutuhan System........................................................................... 20
4.2.1 Identifikasi Kebutuhan Non Fungsional ............................................... 20
4.2.2 Identifikasi Kebutuhan Fungsional ......................................................... 22
4.3. Desain ............................................................................................................................. 23
4.3.1 Use Case Diagram............................................................................................. 24
4.3.2 Sequence Diagram ........................................................................................... 24
4.4. Implementation.......................................................................................................... 29
4.4.1 Halaman Login................................................................................................... 29
4.4.2 Halaman Dashboard ....................................................................................... 29
4.4.3 Halaman Perencanaan Barang................................................................... 30
4.4.4 Halaman Barang Baru .................................................................................... 30
4.4.5 Halaman Registrasi Barang ......................................................................... 30
4.4.6 Halaman Barang Rusak ................................................................................. 31
4.4.7 Halaman Rangkuman Barang ..................................................................... 32
4.4.8 Halaman Daftar User ...................................................................................... 32
4.4.9 Halaman Log Sistem ....................................................................................... 33
4.4.10 Halaman Pengaturan Program .................................................................. 34
4.4.11 Halaman Profil ................................................................................................... 35
4.4.12 Tampilan Barcode ............................................................................................ 35
4.4.13 Tampilan QRCode ............................................................................................ 35
4.5. Evaluation ..................................................................................................................... 36
BAB V ................................................................................................................................................. 40
PENUTUP ......................................................................................................................................... 40
5.1 Kesimpulan................................................................................................................... 40
5.2 Saran ................................................................................................................................ 40
Daftar Pustaka ............................................................................................................................... 41
 DAFTAR GAMBAR
Gambar 1 QR Code ............................................................................................... 15
Gambar 2 Barcode................................................................................................. 16
Gambar 3 Lokasi Perumda Air Minum Kota Semarang ....................................... 17
Gambar 4 Struktur Organisasi Perumda Air Minum Kota Semarang................... 18
Gambar 5 Foto Bengkel PTI ................................................................................. 19
Gambar 6 Foto Pertama Magang .......................................................................... 19
Gambar 7 Foto Bersama Karyawan ...................................................................... 19
Gambar 8 Foto Pengerjaan Proyek ....................................................................... 19
Gambar 9Use Case Diagram ................................................................................. 24
Gambar 10 Sequence diagram login ..................................................................... 25
Gambar 11 Sequence diagram perencanaan barang.............................................. 25
Gambar 12 Sequence diagram barang baru .......................................................... 26
Gambar 13 Sequence diagram register barang...................................................... 26
Gambar 14 Sequence diagram barang rusak ......................................................... 27
Gambar 15 Sequence diagram user list ................................................................. 27
Gambar 16 Sequence diagram log system ............................................................ 28
Gambar 17 Sequence diagram pengaturan program ............................................. 28
Gambar 18 Sequence diagram profil..................................................................... 28
Gambar 19 Halman Login..................................................................................... 29
Gambar 20 Halaman Dashboard ........................................................................... 29
Gambar 21 Halaman Perencanaan Barang ............................................................ 30
Gambar 22 Halaman Barang Baru ........................................................................ 30
Gambar 23 Halaman Barang Terdaftar (Register barang) .................................... 31
Gambar 24 Halaman Register Barang................................................................... 31
Gambar 25 Halaman Barang Rusak ...................................................................... 31
Gambar 26 Halaman Rangkuman Barang............................................................. 32
Gambar 27 Halaman User list ............................................................................... 33
Gambar 28 Halaman log system ........................................................................... 33
Gambar 29 Halaman Setting Program .................................................................. 34
Gambar 30 Halaman profil.................................................................................... 35
Gambar 31 Tampilan Barcode .............................................................................. 35
Gambar 32 Tampilan QRCode.............................................................................. 35
 DAFTAR TABEL
Tabel 1 Kebutuhan Perangkat Lunak ................................................................... 21
Tabel 2 Tabel Kebutuhan Perangkat Keras .......................................................... 21
Tabel 3 Kebutuhan Fungsional ............................................................................ 23
Tabel 4 Tabel Blackbox ....................................................................................... 39
 BAB 1

PENDAHULUAN
1.1 Latar Belakang
Perumda Air Minum atau PDAM Tirta Moedal merupakan salah satu
unit usaha milik daerah, yang bergerak dalam distribusi air bersih bagi
masyarakat umum. PDAM terdapat di setiap provinsi, kabupaten, dan
kotamadya di seluruh Indonesia. PDAM merupakan perusahaan daerah
sebagai sarana peneydia air bersih yang diawasi dan dimonitor oleh aparat
eksekutif maupun legislative daerah. Perusahaan air minum yang dikelola
negara secara modern sudah ada sejak zaman belanda pada tahun 1920
dengan nama waterleading sedangkan pada pendudukan Jepang perusahaan
air minum dinamai Suido Syo.
Pada tahun ini sudah tercatat hampir dua ratus ribu pelanggan PDAM
Kota Semarang yang berarti banyak penduduk yang membutuhkan air bersih,
yang tertera pada Visi PDAM Kota Semarang. Dengan pelanggan sebanyak
itu dan ditambah jumlah karyawan hampir 500 orang tentu tidak mungkin jika
aktivitas transaksi dilakukan secara manual. Teknologi informasi sangat
dibutuhkan saat ini. Tutas dari informatics engineer harus mampu membuat
system yang dapat menampung semua aktivitas dan transaksi yang dilakukan
perusahaan sehingga tercapai tujuan efektif dan efisien serta meningkatkan
pelayanan terhadap public.
Saat kerja praktek penulis ditempatkan di bagian penelitian dan
pengembangan, lebih tepatnya pada bagian PTI untuk membantu
mengembangkan dan menemukan inovasi yang dapat meningkatkan
efektifitas kerja. Tugas yang diberikan oleh kepala PTI kepada penulis adalah
membangun system inventaris terintegrasi barcode dan qr berbasis website.
Sistem ini akan digunakan untuk mengontrol dan memanage seluruh
inventaris barang yang ada. Sistem ini belum pernah ada sebelumnya, jadi
dengan adanya system ini diharapkan mempermudah pengelolaan barang dan
mengurangi kehilangan serta perbuatan yang dapat merugikan.
Dalam membuat website ini, penulis menggunakan Bahasa
pemrograman PHP yang diwadahi oleh HTML lalu didukung dengan CSS
 dan juga javascript untuk tampilan website. Sementara itu untuk database
yang digunakan adalah MySql. Untuk mempermudah dalam pembangunan
system dan meningkatkan segi keamanan, penulis menggunakan framework
Codeigniter. Framework ini dipilih atas beberapa pertimbangan. Alasan yang
paling utama adalah framework Codeinginter memakan memori yang relative
kecil dibandingkan dengan framework Laravel [1]. Untuk database, MySql
dipilih karena perankat ini disuport oleh PHP dan tanpa berbayar [2]. Dalam
mengintegrasikan barcode penulis menggunakan library PHP bernama picqer
dan ciqrcode untuk mengintegrasikan kode qr.

1.2 Perumusan Masalah

Berdasarkan latar belakang yang telah diuraikan di atas, maka perumusan
masalah dalam laporan ini adalah:
1. Bagaimana admin website (pengelola) dapat mengelola inventaris barang
pada system inventaris?
2. Bagaimana Barcode dan QRcode dapat digunakan didalam system
inventaris?
3. Bagaimana system dapat mengurangi kehilangan barang dan perbuatan
merugikan.

1.3 Batasan Masalah

Dari identifikasi masalah yang terurai di latar belakang, maka Batasan
masalah dalam laporan Kerja Praktek ini adalah:
1. Sistem ini hanya akan di implementasikan dengan Codeigniter Versi
3.10
2. Basis data yang digunakan adalah MySql
3. Versi PHP yang digunakan adalah 5.6.3
1.4 Tujuan Kerja Praktek
Tujuan yang ingin dicapai oleh penulis dalam kerja praktek ini adalah
sebagai berikut:
1. Mempermudah admin (pengelola) dalam mengelola inventaris barang
dengan menggunakan system inventaris.
2. Manajemen inventaris barang dengan menggunakan Barcode dan
QRcode.
3. Mengurangi kehilangan barang dan perbuatan yang dapat merugikan.

1.5 Manfaat Kerja Praktek

1. Bagi Universitas Dian Nuswantoro
a. Menambah relasi industry atau perusahaan IT.
b. Dapat terjalinnya kerjasama yang saling menguntungkan antara
kedua belah pihak.
c. Univeristas dapat menghasilkan lulusan-lulusan yang siap dalam
menghadapi dunia kerja.
2. Bagi Penulis
a. Memiliki bekal pengalaman dan gambaran dalam dunia kerja
sebelum terjun langsung kedalamnya.
b. Memillik pengalaman dalam pemrograman untuk membangun
backend serta frontend Website.
c. Dapat mengetahui permasalahan-permasalahan yang muncul
dalam pembangunan system, dan mengasah kemampuan error
handling.
3. Bagi Perusahaan
a. Membantu dalam membuat system inventaris barang terintegrasi
barcode dan qrcode berbasis web.
b. Membantu dalam mengelola inventaris barang ada di perusahaan.
 BAB 2

LANDASAN TEORI
2.1 Sistem Informasi
Sistem informasi merupakan suatu kumpulan dari sub-subsistem yang
saling terintegrasi dan dapat berkolaborasi untuk menyelesaikan masalah
terntentu dengan cara mengolah data sehingga memiliki nilai tambah dan
dapat bermanfaat bagi pengguna [3].
Sistem informasi merupakan sebuah kombinasi dari manusia, perangkat
keras atau hardware, perangkat lunak atau software, jaringan komunikasi,
sumber data, kebijakan, dan prosedur yang memiliki kemampuan untuk
mengumpulkan, menyimpan, mengubah dan menyebarluaskan informasi dari
sebuah organisasi [4].

2.2 Website
Menurut Kadir (2013: 25), Web berasal dari kata Bahasa Inggris yang
Ketika diterjemahkan kedalam Bahasa Indonesia memiliki arti “Jaring Laba-
Laba”. Hampir sama dengan arti dari kata web itu sendiri, web telah tersebar
dan membentang ke penjuru dunia. Tidak hanya terbatas pada Lembaga-
lembaga penelitian yang ingin mempublikasikan ahasil dari sebuah
penelitian, tetapi juga sudah banyak digunakan perusahaan bisnis yang ingin
mempromosikan produk atau untuk keperluan bisnis yang lain [5].

2.3 MySql
Menurut Arief (2011:63), MySQL adalah database multiuser yang
menggunakan Bahasa SQL atau Structured Query Language. MySQL dalam
operasi client server dapat melibatkan server daemon MySQL disisi server
dan berbagai macam program serta library yang berjalan diisi client. MySQL
mampu menangani data yang cukup besar. Perusahaan yang mengembangkan
MySQL yaitu TEXt, mengaku mampu menyimpan data lebih dari 40
database, 10.000 tabel, dan sekitar 7.000.000 baris totalnya kurang lebih
100Gigabyte data [5].
2.4 HTML, CSS dan Javascript
HTML atau Hyper Text Markup Language adalah Bahasa yang
mempelopori hadirnya web dan internet. Bahasa ini merupakan Bahasa
pemrograman yang digunakan oleh Sebagian besar situs web. HTML tidak
memiliki variasi format terbaik dan bahkan tidak menjamin bahwa halaman
web yang dibuat akan tampak sama persis di setiap browser, tetapi perlu
diingat bahwa tanpa HTML, tidak aka nada internet [6]. Disamping itu, untuk
mempercantik tampilan web, CSS atau Casccading Style Sheet
dikembangkan. Pertama kali CSS diusulkan oleh Hakom Wium Lie pada
tahun 1944 dan selanjutnya di standarisasi oleh W3C. Sebuah aplikasi
website akan lebih dinamis jika didalamnya terdapat teknologi Javascript.
Pada awalnya Javascript dikembangkan oleh Netscape dengan nama
Livescript. Fungsi utama dari javascript adalah menambah fungsionalitas dan
kenyamanan pada halaman website. Javascript focus pada pengolahan data
serta menyajikan komponen website yang lebih interaktif.

2.5 PHP
Menurut Arief (2011:43), PHP adalah sebuah Bahasa sisi server atau server-
side scripting yang menyatu dengan HTML untuk membuat halaman web
yang dinamis. Maksud dari server-side scripting adalah sintaks dan perintah-
perintah yang diberikan akan sepenuhnya akan dijalankan dalam system [5].

2.6 Framework
Framework aplikasi adalah desain dan program kerangka aplikasi yang
digunakan untuk membangun aplikasi-aplikasi yang sejenis. Framework
memiliki banyak Pustaka tingkat tinggi yang dapat digunakan secara
berulang. Pada umumnya framework didesain secara berorientasi objek
sehingga desain dan programnya tersedia sebagai class-class abstract.
Framework aplikasi mendefinisikan arsitektur aplikasi sehingga penambahan
fungsi-fungsi lain dapat dilakukan dengan menambahkan modul-modul tanpa
perlu memodifikasi kode program yang sudah ada (kecuali file-file
konfigurasi) [7].
2.7 Web Server
Web Server adalah halaman-halaman website yang dapat diakses oleh
pengguna melalui mesin pencarian pada web server. Maka dari itu, diperlukan
program khusus agar website yang dibuat dapat diterima dengan baik oleh
client. Ada beberapa perangkat lunak yang bisa digunakan baik open source
maupun yang komersial, diantaranya: Netscape Server, Microsoft IIS, Xitami,
Webstar dan lainnya. Contohnya adalah Apache [7].

2.8 Codeigniter
Codeigniter adalah sebuah framework PHP yang dapat digunakan untuk
membantu mempercepat pembangunan sebuah aplikasi web berbasis PHP
disbanding jika menulis semua kode program dari awal [9].

2.9 QR Code
QR adalah singkatan dari “quick respon”. Kode QR juga sering disebut
barcode 2D. QR Code dikembangkan oleh Denso Wave, sebuah divisi Denso
Corporational asal Jepang. Publikasi QR Code dilakukan pada tahun 1994.
Kode batang ini kemudian banyak sekali dipakai karena fungsionalitas
utamanya dapat menyampaikan informasi dengan cepat dan mendapatkan
respons yang cepat pula [10]. Konten yang tersimpan pada kode QR dapat
berupa teks, huruf, angka dan kode biner. Pada umumnya, kode QR berisi
alamat URL sebuah halaman website atau iklan dan promosi produk
komersial [11].

Gambar 1 QR Code
2.10 Barcode
Barcode merupakan symbol yang dibaca oleh alat scanner, gunanya untuk
memudahkan pemasukan data secara otomatis kedalam computer. Barcode
terdiri dari deretan spasi dan garis-garis tegak lurus dengan jenis ketebalan
dimensi serta kepekatan warna yang berbeda yang diartikan sebagai satu
deretan karakter. Ada beberapa tipe atau jenis barcode [12].

Gambar 2 Barcode
 BAB 3

TINJAUAN UMUM OBJEK KERJA PRAKTEK

3.1. Deskripsi Umum Organisasi
Kerja praktek ini dilakukan di Perumda Air Minum Kota Semarang. Dimana
pada project ini berfokus pada pembuatan system inventaris barang yang
didalamnya terintegrasi qr code dan juga barcode berbasis web yang akan
diimplementasikan pada Perumda Air Minum Kota Semarang, dan untuk
alamat lebih lengkap adalah sebagai berikut:
Lokasi : PTI – Litbang Perumda Air Minum Kota Semarang
Alamat : Jl. Kelud Raya No. 60 Semarang 50237, Indonesia
Telepon : +62 24 8315514 (Fax) 0800 1503 888
Email : pdam@pdamkotasmg.co.id
Website : https://www.pdamkotasmg.co.id/

3.2. Denah Lokasi

Gambar 3 Lokasi Perumda Air Minum Kota Semarang

3.3. Struktur Organisasi
Struktur organisasi Perumda Air Minum Kota Semarang adalah sebagai
berikut:

Gambar 4 Struktur Organisasi Perumda Air Minum Kota Semarang

3.4. Gambar Kegiatan

Gambar 6 Foto Pertama Magang

Gambar 8 Foto Pengerjaan Proyek

Gambar 7 Foto Bersama Karyawan Gambar 5 Foto Bengkel PTI

 BAB IV

HASIL DAN PEMBAHASAN

4.1. Identifikasi Masalah
Dikarenakan adanya kesulitan untuk mengelola informasi dan keuangan
mengenai inventaris barang Perumda Air Minum Kota Semarang khususnya
bagian Litbang PTI, maka penulis merancang untuk membuat website yang
dimana website tersebut dapat digunakan untuk mencari, dan mengelola
informasi mengenai inventaris barang pada bagian Litbang PTI Perumdan Air
Minum Kota Semarang. Didalam website ini nantinya admin dapat mengelola
barang seperti pengadaan barang, penomoran barang, pengelolaan barcode
serta qr dan melakukan mutasi terhadap inventaris barang. Selain itu,
informasi mengenai keterangan lengkap barang juga dapat ditampilkan
dengan spesifik karena terdapat kode-kode yang mewakili lokasi cabang,
lokasi bagian dan lokasi sub bagian.
Oleh karena itu, dengan adanya permasalahan diatas yang sudah dipaparkan
maka dibutuhkan suatu system website yang dapat dipakai untuk mengelola
serta memantau inventaris barang yang ada pada Perumda Air Minum Kota
Semarang.
4.2. Identifikasi Kebutuhan System
4.2.1 Identifikasi Kebutuhan Non Fungsional
Identifikasi kebutuhan non fungsional merupakan sebuah gambaran
kebutuhan system yang dimiliki, contohnya kebutuhan perangkat lunak,
perangkat keras dan pengguna system sebagai analisis kekurangan dan
kebutuhan system.
a. Kebutuhan Perangkat Lunak
Menjelaskan tentang perangkat lunak yang
digunakan saat pengoperasian system yang berjalan.
Penulis menggunakan beberapa macam software untuk
membuat system ini. Adapun beberapa software sebagai
berikut:
No. Nama Software Keterangan
1. Sistem Operasi Windows 10 – 64 bit
 2. Aplikasi Database SqlYog
3. Web Browser Google Chrome
4. Text Editor Visual Studio Code
5. Web Server XAMPP 5.2.3
Tabel 1 Kebutuhan Perangkat Lunak

b. Kebutuhan Perangkat Keras atau Hardware

Untuk mendukung penggunaan system perangkat
keras maka terdapat spesifikasi minimum untuk
mengoptimalkan system yang dirancang, contohnya
sebagai berikut:
Hardware Keterangan
Laptop - Processor Intel
Core ™ i7 8565U
CPU @1.8Ghz x8
- Ram 8GB DDR4
- Grafik NVIDIA
Geforce MX150
Tabel 2 Tabel Kebutuhan Perangkat Keras

c. Kebutuhan Pengelolaan Inventaris

Untuk mengelola inventaris barang, admin harus
memulai dengan menginputkan barang-barang yang akan
direncanakan atau perencanaan barang yang selanjutnya
akan diprosees lebih lanjut. Fitur ini akan bekerja
berdasarkan list dalam database. Jika database kosong
maka system tidak akan menampilkan barang apapun.

d. Pengguna Sistem
Identifikasi pengguna system digunakan untuk
mengetahui beberapa orang atau user yang terlibat dalam
penggunaan system yang telah dibuat. Contoh dalam
pembuatan website ini adalah Web Administrator dan
Administrator.
4.2.2 Identifikasi Kebutuhan Fungsional
Kebutuhan Fungsional dilakukan untuk mencari gambaran permasalahan
yang terjadi pada pembuatan website Inventaris Barang Digital Terintegrasi
Barcode dan QrCode Perumda Kota Semarang. Selain itu dapat
menggambarkan kebutuhan yang diperlukan di system tersebut agar tersusun
dengan baik dan sesuai dengan kebutuhan system. Dalam hal ini website
memerlukan beberapa fitur berikut ini:
Kebutuhan Penjelasan
Login Melakukan login sebagai admin system,
hak akses sepenuhnya diberikan kepada
admin.
Dashboard Menampilkan jumlah barang dengan
masing-masing kategori dan log sistem
Melakukan input, hapus dan Menginputkan barang yang akan
edit barang perencanaaan. direncanakan beserta dengan keterangan-
keterangan yang diperlukan.
Melakukan acc pada barang Menyetujui perencanaan pembelian barang
perencanaan. yang sebelumnya telah di ajukan pada
sistem.
Menambahkan foto pada Menambahkan foto barang bersangkutan
barang baru setelah barang tersebut telah dibeli.
Register barang baru Registrasi barang baru dengan
menginputkan beberapa field, yaitu bagian
dan sub bagian untuk mendapatkan nomor
induk registrasi.
QRCode dan Barcode Menampilkan desain label QrCode dan
BarCode barang ter registrasi sesuai dengan
pengaturan yang ditetapkan sebelumnya.
Upgrade Barang Mencatat upgrade pada barang tertentu
apabila dibutuhkan beserta keterangan.
 Barang Rusak Menandai barang sebagai barang rusak
dengan beberapa keterangan yang
dibutuhkan.
Keterangan barang Menampilkan semua keterangan barang
yang telah diinputkan sebelumnya,
termasuk daftar upgrade dan kerusakan.
Mutasi Barang Melakukan registrasi ulang untuk barang
yang dimutasi atau perpindahan lokasi
bagian dan subbagian agar perpindahan
barang tersebut dapat terlacak.
Perbaikan Barang Barang yang telah diperbaiki dari kerusakan
dapat ditandai telah diperbaiki dengan
mengisi beberpa keterangan.
Summary Menampilkan seluruh barang
Menambah, mengedit dan Melakukan tambah, edit dan menghapus
menghapus user user
Log system Menampilkan seluruh log system yang
berisi aktifitas yang dilakukan admin.
Pengaturan Program Untuk melakukan pengaturan-pengaturan
program misalnya untuk mengatur kode-
kode pada bagian dan sub bagian, beserta
susunan QrCode dan BarCode yang akan
dibuat.
Pengaturan Profil Diguanakn untuk mengganti password
profil.
Logout Keluar dari privilege admin.
Tabel 3 Kebutuhan Fungsional

4.3. Desain
Pada tahap ini peneliti membuat desain dari informasi dan permintaan
stakeholder. Hasil dari tahap desain ini direkam dalam diagram yang ada
dibawah ini.
4.3.1 Use Case Diagram
Usecase diagram adalah gambaran dari beberapa atau semua aktor
use case, dan interaksi diantaranya yang memperkenalkan suatu system
Diagram ini hanya memberi gambaran singkat hubungan antara usecase,
actor dan system.

Gambar 9Use Case Diagram

4.3.2 Sequence Diagram

Sequence diagram adalah diagram yang menggambarkan kolaborasi
dinamis antara sejumlah objek. Kegunaannya untuk menunjukkan
rangkaian pesan yang dikirim antara objek juga interaksi antar objek.
Sesuatu yang terjadi pada titik tertentu dalam ekekusi system.
a. Sequence diagram Login

Gambar 10 Sequence diagram login

b. Sequence diagram perencanaan

Gambar 11 Sequence diagram perencanaan barang

c. Sequence diagram barang baru

Gambar 12 Sequence diagram barang baru

d. Sequence diagram register barang

Gambar 13 Sequence diagram register barang

e. Sequence diagram barang rusak

Gambar 14 Sequence diagram barang rusak

f. Sequence diagram user list

Gambar 15 Sequence diagram user list

g. Sequence diagram log system

Gambar 16 Sequence diagram log system

h. Sequence diagram pengaturan program

Gambar 17 Sequence diagram pengaturan program

i. Sequence diagram profil

Gambar 18 Sequence diagram profil

4.4. Implementation
4.4.1 Halaman Login
Implementasi dari system menghasilkan halaman login dengan url
http://localhost/inventory/login. Halaman ini merupakan gerbang masuk ke
dashboard aplikasi dari website ini.

Gambar 19 Halman Login

4.4.2 Halaman Dashboard

Implementasi pada dashboard menghasilkan dashboard admin. Url
yang dapat diakses adalah http://localhost/inventory/administrator.
Terdapat counter barang-barang dan juga log system.

Gambar 20 Halaman Dashboard

4.4.3 Halaman Perencanaan Barang
Implementasi pada halaman perencanaan barang. Url yang dapat
diakses adalah http://localhost/inventory/administrator/brg_prencanaan.
Terdapat daftar pengadaan barang beserta tombol untuk mengedit, hapus
dan menambahkan.

Gambar 21 Halaman Perencanaan Barang

4.4.4 Halaman Barang Baru

Implementasi pada halaman barang baru. Url yang dapat diakses
adalah http://localhost/inventory/administrator/brg_baru. Terdapat list
barang-barang baru dan terdapat fitur untuk menambahkan foto dan
registrasi barang.

Gambar 22 Halaman Barang Baru

4.4.5 Halaman Registrasi Barang

Berikut adalah implementasi dari halaman regsitrasi barang. Link
yang dapat diakses adalah http://localhost/inventory/administrator/brg_reg.
Terdapat daftar barang yang sudah terregistrasi dan juga tombol untuk
upgrade, mutasi dan juga rusak untuk menandai sebagai barang rusak. Dan
terdapat keterangan mengenai informasi barang tersebut beserta daftar
 kerusakan dan upgrade. Terdapat juga tombol untuk menampilkan barcode
dan qr code barang tersebut.

Gambar 24 Halaman Register Barang

Gambar 23 Halaman Barang Terdaftar (Register barang)

4.4.6 Halaman Barang Rusak

Berikut ini merupakan implementasi dari halaman barang rusak.
Dapat diakses melalui http://localhost/inventory/administrator/brg_rusak.
Terdapat daftar barang yang rusak, beserta keterangan mengenai barang
tersebut, terdapat tombol untuk memperbaiki dan menampilkan qr dan
barcode.

Gambar 25 Halaman Barang Rusak

4.4.7 Halaman Rangkuman Barang
Berikut adalah implementasi dari halaman rangkuman barang yang
dapat diakses melalui http://localhost/inventory/administrator/summary/.
Pada halaman ini akan menampilkan seluruh barang yang ada didalam
database. Terdapat informasi mengenai barang, termasuk tanggal lengkap,
status dan juga barcode dan qr. List juga dapat di shorting.

Gambar 26 Halaman Rangkuman Barang

4.4.8 Halaman Daftar User

Implementasi dari halaman daftar user dapat diakses dengan url
http://localhost/inventory/administrator/user_list/. Halaman ini akan
menampilkan seluruh user (admin). Terdapat juga tombol untuk
menambahkan, mengedit dan menghapus user (admin).
 Gambar 27 Halaman User list

4.4.9 Halaman Log Sistem

Halaman log system diimplementasikan sebagai berikut, dapat
diakses dengan url http://localhost/inventory/administrator/log_system/.
Pada halaman ini akan ditampilkan seluruh aktivitas user (admin) terhadap
database barang.

Gambar 28 Halaman log system

4.4.10 Halaman Pengaturan Program
Berikut ini adalah implementasi halaman pengaturan program, dapat
diakses dengan link http://localhost/inventory/setting/. Halaman ini
digunakan untuk mengatur dan menentukan kode-kode dari masing-masing
bagian dan subbagian serta desain susunan label barcode dan qrcode.

Gambar 29 Halaman Setting Program

4.4.11 Halaman Profil
Implementasi dari halaman profil, digunakan untuk mengganti
password dari user (admin). Dapat diakses dengan link url
http://localhost/inventory/profile/.

Gambar 30 Halaman profil

4.4.12 Tampilan Barcode

Berikut ini adalah tampilan label yang dihasilkan untuk barcode,
barcode dibangkitkan dari atribut-atribut barang, misalnya kode primary,
kode bagian, kode subbagian dan kode jenis barang. Dapat dilihat dengan
menekan tombol ‘Barcode’ pada halaman barang register, barang rusak atau
summary barang.

Gambar 31 Tampilan Barcode

4.4.13 Tampilan QRCode

Berikut ini adalah tampilan label untuk qrcode yang dihasilkan dari
atribut barang missal nya kode primary, kode bagian, kode subbagian dan
kode jenis barang. Dapat dilihat dengan menekan tombol ‘QRCode’ pada
halaman barang register, barang rusak atau summary barang.

Gambar 32 Tampilan QRCode

4.5. Evaluation
Evaluation pada tahap ini bertujuan untuk mengidentifikasi apakah fungsi
yang telah dibuat didalam system memiliki masalah atau tidak. Dalam tahap
ini, penulis menggunakan system testing blackbox.
No. Proses Fungsi Hasil Akhir Hasil Testing
1. Melihat jumlah Menampilkan Jumlah data
barang data barang- ditampilkan
perencanaan, barang dari pada halaman
barang baru, database. dashboard.
register barang
dan barang
rusak.
2. Melihat log Menampilkan Log system
system pada log system ditampilkan
halaman aktifitas dari pada halaman
dashboard. database. dashboard.
3. Melihat daftar Menampilkan Seluruh data
perencanaan data perencanaan
barang. perencanaan barang telah
barang. ditampilkan.
4. Menambahkan Fungsi Barang
barang pada menginputkan berhasil
perencanaan data ke ditambahkan
barang database kedalam
barang database.
perencanaan.
5. Edit barang Mengedit data Barang
perencanaan. perencanaan perencanaan
barang. diperbarui
dengan data
terbaru.
6. Delete barang Menghapus Data barang
perencanaan. barang dari terpilih
daftar terhapus dari
perencanaan database.
barang.
7. Menyetujui Menandai Status barang
perencanaan status barang berubah
barang. telah disetujui. menjadi barang
baru.
8. Melihat daftar Menampilkan Barang dengan
barang pada data barang status barang
daftar barang baru. baru
baru. ditampilkan.
9. Menambahkan Menambahkan Foto berang
foto pada barang foto barang ditambahkan
pada barang pada database.
baru.
10. Registrasi Mengubah Status berubah
barang untuk status barang menjadi
mendapatkan menjadi teregistrasi dan
nomor registrasi terdaftar dan tercipta nomor
dan juga barcode membuat registrasi
serta qr. nomor beserta barcode
registrasi dan qr.
barcode dan qr.
11. Melihat seluruh Menampilkan Data
barang terdaftar seluruh barang ditampilkan
terdaftar beserta fitur-
beserta fitur fitur yang ada.
dan juga
keterangan
lain.
12. Melihat Menampilkan Keterangan
keterangan keterangan barang
barang secara barang secara ditampilkan
lengkap. lengkap. secara lengkap.
13. Melihat qrcode Menampilkan Qrcode dan
dan barcode qrcode dan barcode
barang barcode barang ditampilkan
pada modal.
14. Edit bagian dan Mengubah Bagian dan
subbagian untuk bagian dan subbagian
melakukan subbagian diupdate sesuai
mutase barang barang. dengan data
terbaru.
15. Upgrade Menambahkan Upgrade
spesifikasi list upgrade berhasil
barang yang ditambahkan
dilakukan. pada database.
16. Rusak barang Mengubah Status barang
status barang dirubah
menjadi barang menjadi barang
rusak. rusak.
17. Melihat daftar Menampilkan Barang rusak
barang yang barang dengan ditampilkan
rusak status rusak. pada daftar
barang rusak.
18. Perbaikan Megubah Status barang
barang status barang rusak terupdate
rusak menjadi menjadi barang
barang terregistrasi.
terregistrasi.
19. Melihat seluruh Menampilkan Seluruh barang
barang pada seluruh barang ditampilkan
summary pada pada daftar
rangkuman rangkuman
barang. barang.
20. CRUD user Melakukan CRUD user
crud pada user telah
list dilakukan.
21. Melihat daftar Menampilkan Pengaturan
pengaturan pengaturan program
program program ditampilkan
22. Edit kode-kode Mengedit Kode-kode
yang digunakan kode-kode pengaturan
program. yang program
digunakan diperbarui.
program.
23. Edit format label Mengedit Format label
qr dan barcode format label qr diupdate
dan barcode. dengan format
terbaru.
24. Edit password Mengedit Password
password profil profile user
diupdate
dengan data
terbaru.
25. Logout Keluar dari Session
system destroy()
26. Login Masuk ke Membuat
system session()
Tabel 4 Tabel Blackbox
 BAB V

PENUTUP
5.1 Kesimpulan
Dari permasalahan yang dihadapi di Perumda Air Minum Kota Semarang
dapat diambil kesimpulan sebagai berikut:
1. Dengan adanya website aplikasi Inventaris Barang Digital Terintegrasi
Barcode Dan QR Berbasis Website Perumda Air Minum Kota Semarang,
pengelola inventaris barang dapat dengan mudah mengelola barang yang
dimiliki perusahaan dan juga Ketika rekap inventaris..
2. Dengan adanya fitur barcode dan qr, proses mutase dan listing barang dapat
menggunakan barcode scanner atau qr scanner beserta dengan label printer
yang ada, sehingga lebih mudah dan efisien disbanding secara manual
menggunakan spidol dan kertas.
3. Keamanan meningkat karena setiap barang yang dipindah lokasinya antar
bagian atau subbagian akan terekam pada fitur mutase sehingga
perpindahannya terrekam untuk menghindari kehilangan barang.
4. Pengelola juga dapat lebih mudah mengelola barang karena setiap
kerusakan dapat terekam oleh system, sehingga dapat membantu untuk
membuat keputusan penggantian barang setelah sekian kali kerusakan dan
jenis kerusakan.
5. Untuk menghindari pengubahan spesifikasi barang, spesifikasi barang telah
tertulis sejak perencanaan barang dan juga dengan adanya history upgrade
barang sehingga aktivitas upgrade dan downgrade dapat terkendali dan
terhindar dari tangan tidak bertanggungjawab.
5.2 Saran
Untuk pengembangan lebih lanjut, penulis memberikan saran untuk
membuat tampilan menjadi lebih user friendly dengan mengedepankan user
experience agar pengguna lebih mudah dan nyaman dalam menggunakan
website ini karena website ini dirancang atas permintaan dari pihak terkait.
Selain itu sebagai pengembang perlu melakukan pengembangan terhadap
website ini dari segi keamanan data dan efisiensi database. Pengembangan
selanjutnya dapat ditambahkan enkripsi dan juga efisiensi basis data.
 Daftar Pustaka

[1] R. Das and L. P. Saikia, "Comparison of Procedural PHP with Codeigniter

and Laravel Framework," International Journal of Current Trends in
Engineering & Research (IJCTER), vol. 2, pp. 42-248, 2016.

[2] A. Solichin, Pemrograman Web dengan PHP dan MySQL, Jakarta:

Universitas Budi Luhur, 2016.

[3] R. Taufiq, Pengantar Sistem Informasi, Jakarta: Mitra Wacana Media, 2018.

[4] R. Taufik, D. A. Magfiroh, D. Yusup and Y. , "Analisis dan Desain Sistem

Informasi Pembayaran Sumbangan Pembinaan Pendidikan (SPP) di SMK
Avicena Rejeg," Jurnal Teknologi Sistem Informasi dan Aplikasi, vol. 3, pp.
15-21, 2020.

[5] R. Taufik, R. Destriana and B. E. Suryana, "Rancang Bangun Sistem

Informasi Document Managemen System Pada LKP ITC-PCB Berbasis Web
Menggunakan UML dan PHP," JII: Jurnal Inovasi Informatika Unviersitas
Pradita, vol. 5, pp. 65-70, 2020.

[6] B. Rahardjo, Modul Pemrograman Web HTML, PHP, & MySQL, Bandung:
Modula, 2012.

[7] B. A, Membangun Website PHP dengan Framework Codeigniter,

Yogyakarta: Lokomedia, 2010.

[8] D. Sutisna, Langkah Mudah Menjadi Web Master, Jakarta Selatan:

Mediakita, 2007.

[9] H. L, Membangun Website Berbasis PHP dengan Framework Codeigniter,

Yogyakarta: Lokomedia, 2010.

[10] I. H. A. Afrianto, "Pemanfaatan QRCode Sebagai Akses Cepat Verifikasi

Ijazah UNIKOM," pp. 9-16, 2012.

[11] N. M. P, Pengembangan Aplikasi QR Code Generator dan QR Code Reader

dari Data Berbentuk Image, Bandung: KNIF, 2011.

[12] A. I. Legowo, "Sistem Infromasi Perpustakaan Berbasis Website dengan

Menggunakan Barcode Scanner pada SMK Negeri 3 kendal," 2014.

View publication stats