Vol. 11 No.

2 Tahun 2021
p-ISSN 2087-5312 (Print), e-ISSN 2721-7604
(Online)
Available Online at :
https://journal.ftimahadewa.ac.id/index.php/jmti

RANCANG BANGUNG SISTEM INFORMASI MANAJEMEM

BENGKEL CUSTOM GARAGARAGARAGE BERBASIS WEB

Mattheus Alexandro Angelino Dwimahariyanto1

1
Program Studi Teknik Informatika,
Fakultas Teknik Dan Informatika,
Universitas PGRI Mahadewa Indonesia
Denpasar, Indonesia

e-mail : alexmattheus4@gmail.com1

Abstract
Sistem informasi booking berbasis web merupakan sistem yang sangat
mempermudah pemilik usaha atau pengguna lainnya. Terutama di bengkel
Garagaragarage ini sering sekali terjadi kesalahan pencatatan orderan, kehilangan buku
maupun penumpukan customer. Rancang Bangun Sistem Informasi Manajemen ini
merupakan alternatif untuk memaksimalkan pelayanan bengkel bagi para penggunanya
Di dalam sistem bengkel ini ada tahapan rancang dan bangun yaitu mendasain
terlebih dahulu sistem lalu membentuk sistem dalam bentuk web supaya bisa memberi
informasi terhadap penggunanya. Sistem Informasi Manajemen Bengkel inilah yang
nantinya akan sangat membantu bagi pemilik bengkel maupun customernya. Sistem ini
dirancang dengan menggunakan metode Waterfall, serta menggunakan pemodelan
Flowchart, dan menggunakan bahasa pemrograman PHP dan MySQL untuk database.
Penelitian ini menghasilkan aplikasi booking berbasis web dengan fitur-fitur lainnya
seperti ; perkiraan biaya custom motor, dan juga fitur live chat. Dengan adanya sistem
booking ini diharapkan dapat mendukung dan mempermudah para staf yang bekerja dan
juga para customer bengkel tersebut, sehingga menghasilkan motor custom yang di
harapkan oleh customer.

Kata Kunci : Sistem informasi booking bengkel, Bengkel Custom, Bengkel, Web.

Abstrak
Web-based booking information system is a system that greatly facilitates business
owners or other users. Especially in this Garagaragarage workshop, there are often
errors in recording orders, losing books and accumulating customers. This
Management Information System Design is an alternative to maximize workshop
services for its users
This Workshop Management Information System will be very helpful for workshop
owners and their customers. This system is designed using the Waterfall method, and
uses Flowchart modeling, and uses the PHP and MySQL programming languages for
the database.

1
 This research produces a web-based booking application and other features such
as; estimated cost of custom motorbikes, and also a live chat feature. With this booking
system, it is hoped that it can support and make it easier for the staff who work and also
the customers of the workshop, so as to produce a maximum process.

Keywords : Workshop booking information system, Custom Workshop, Workshop, Web.

I. PENDAHULUAN kendaraaan. Salah satu diantaranya

1.1. Latar Belakang
Indonesia merupakan negara yang tak
lepas dari perkembangan global internet.
Hal ini dapat dilihat dari warung internet
yang banyak bermunculan, dan
terintegrasinya sistem wireless di
beberapa tempat, seperti di universitas,
maupun di tempat umum, seperti pusat
perbelanjaan, kantor-kantor, bahkan
ditaman-taman. Hal ini merupakan salah
satu indikator bahwa Negara Indonesia
merupakan negara yang terbuka
terhadap perkembangan teknologi
informasi. Dengan jumlah penduduk
yang besar, potensi pengembangan
jaringan akses komunikasi terutama
internet masih sangat besar untuk
dilaksanakan. Perkembangan teknologi
informasi saat ini tidak dapat dipisahkan
lagi dari kehidupan sehari-hari.
Perkembangan teknologi informasi ini
melingkupi banyak bidang antara lain:
pendidikan, kesehatan, perbankan, bisnis
maupun perusahaan, dengan
perkembangannya yang begitu cepat,
secara tidak langsung mengharuskan
manusia untuk menggunakan dalam
segala aktivitasnya. Teknologi informasi
juga merupakan faktor penting dalam
meraih kesuksesan di bidang informasi,
bahkan saat ini teknologi informasi
merupakan bagian sentral dari banyak
operasi bisnis. Pada abad 21 saat ini
dimana globalisasi ekonomi dan
persaingan bisnis yang semakin cepat,
perkembangan teknologi informasi
mulai diarahkan menjadi indikator
terhadap peningkatan kinerja organisasi.
Bengkel merupakan tempat untuk
melakukan pemeliharaan atau perbaikan
adalah bengkel GARAGARAGARAGE.
Pada praktiknya, proses pengelolaan
data bengkel yang dilakukan secara
manual dan belum terkomputerisasi
memungkinkan tejadinya pelanggaran-
pelanggaran dan kerugian bagi pemilik
bengkel. Mulai dari proses pencatatan
data customer yang kurang efektif,
manajemen data bengkel yang tidak
rapi,dan kemungkinan kehilangan buku.
Berdasarkan permasalahan tersebut,
diperlukan sebuah sistem informasi
berbasis web yang mampu menangani
proses pengelolaan data customer,
perhitungan biaya kendaraan, dan
penyajian data. Sistem ini memiliki 2
entitas pengguna yaitu admin dan
customer. Penelitian ini diharapkan
mampu mengoptimalkan pelayanan
bengkel ketika sistem ini digunakan.
Berdasarkan latar belakang masalah
diatas, maka penulis tertarik untuk
melakukan penelitian tentang “Rancang
Bangun Sistem Informasi Manajemen
Bengkel Custom Garagaragarage
Berbasis Web”.
1.2. Tujuan Penelitian
Berdasarkan rumusan dan batasan
masalah diatas, maka tujuan penelitian
ini adalah untuk merancang sistem
informasi booking pada bengkel
Garagaragarage agar memaksimalkan
mutu pengolahan data dan pelayanan
bengkel bagi pegawai dan customernya.
1.3. Landasan Teori
1.3.1. Sistem Informasi
Sistem Informasi adalah suatu
sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan

2
transaksi harian yang mendukung fungsi
operasi organisasi yang bersifat
manajerial dengan kegiatan strategi dari
suatu organisasi untuk dapat
menyediakan kepada pihak luar tertentu
dengan laporan-laporan yang di
perlukan [1].
1.3.2. Sistem Informasi Manajemen
Sistem Informasi Manajemen adalah
sebuah sistem informasi yang selain
melakukan pengolahan transaksi yang
sangat berguna untuk kepentingan
organisasi, juga banyak memberikan
dukungan informasi dan pengolahan
fungsi untuk manajemen dalam
pengambilan keputusan [2].
1.3.3. HTML (Hyper Teks Markup
Language)
HTML kependekan dari Hyper Teks
Markup Language (HTML) adalah
bahasa pemrograman yang bebas,
artinya tidak dimiliki oleh siapapun,
pengembangannya dilakukan oleh
banyak orang di banyak Negara dan bisa
dikatakan sebagai sebuah bahasa yang di
kembangkan bersama-sama secara
global. Dasar HTML dapat mencakup
petunjuk untuk memformat dalam
bahasa yang disebut Cascading Style
Sheets (CSS) dan program untuk
interaksi dalam bahasa yang disebut
JavaScript [3].
1.3.4. WWW (World Wide Web)
WWW (World Wide Web) adalah
suatu program yang ditemukan oleh Tim
Berners-Lee pada tahun 1991. Awalnya
Berners-Lee hanya ingin menemukan
cara untuk menyusun arsip-arsipnya.
WWW bekerja berdasarkan pada
tiga mekanisme berikut :
1. Informasi di simpan di dalam
dokumen yang disebut halaman
web.
2. Halaman web adalah file-file yang
disimpan dalam computer yang
disebut web server.
3. Komputer yang mengakses isi dari
halaman web disebut web clients.
1.3.5. HTTP (Hyper Teks Transfer
Protocol)
Hypertext Transfer Protocol Secure
memiliki pengertian yang sama dengan
http hanya saja https memiliki kelebihan
fungsi di bidang keamanan (secure).
Dengan menggunakan Secure Socket
Layer (SSL) atau Transport Layer
Security (TLS) sebagai sublayer di
bawah http aplikasi layer yang biasa.
Teknologi https protokol mencegah
kemungkinan “dicurinya” informasi
penting yang dikirimkan selama proses
komunikasi berlangsung antara user
dengan web server atau sebaliknya[4].
1.3.6. XAMPP
XAMPP adalah sebuah software
web server apache yang didalamnya
sudah tersedia database server MySQL
dan dapat mendukung pemrograman
PHP. XAMPP merupakan software yang
mudah digunakan, gratis dan
mendukung instalasi di Linux dan
Windows. Keuntungan lainnya adalah
cuma menginstal satu kali sudah tersedia
Apache Web Server, MySQL Database
Server, PHP Support (PHP 4 dan PHP 5)
dan beberapa module lainnya..
1.3.7. MySQL (My Structure Query
Language)
MySQL adalah sebuah implementasi
dari sistem manajemen basisdata
relasional (RDBMS) yang
didistribusikan secara gratis dibawah
lisensi GPL (General Public License).
Setiap pengguna dapat secara bebas
menggunakan MySQL, namun dengan
batasan perangkat lunak tersebut tidak
boleh dijadikan produk turunan yang
bersifat komersial. MySQL sebenarnya
merupakan turunan salah satu konsep
utama dalam basisdata yang telah ada
sebelumnya; SQL (Structured Query
Language). SQL adalah sebuah konsep
3
pengoperasian basisdata, terutama untuk
pemilihan atau seleksi dan pemasukan
data, yang memungkinkan
pengoperasian data dikerjakan dengan
mudah secara otomatis.
1.3.8. PHP (Page Hypertext
Preprosesor)
PHP (Hypertext Preprocessor),
merupakan bahasa pemrograman pada
sisi server yang memperbolehkan
programmer menyisipkan perintah –
perintah perangkat lunak web server
(Apache, IIS, atau apapun) akan
dieksekusi sebelum perintah itu dikirim
oleh halaman ke browser yang me-
request-nya, contohnya adalah
bagaimana memungkinkannya
memasukkan tanggal sekarang pada
sebuah halaman web setiap kali
tampilan tanggal dibutuhkan. Sesuai
dengan fungsinya yang berjalan di sisi
server maka PHP adalah bahasa
pemrograman yang digunakan untuk
membangun teknologi web application.
[3]. PHP telah menjadi bahasa scripting
untuk keperluan umum yang pada
awalnya hanya digunakan untuk
pembangunan web yang menghasilkan
halaman web dinamis.
1.3.9. Flowchart
Flowchart merupakan penyajian
yang sistematis tentang proses dan
logika dari kegiatan penanganan
informasi atau penggambaran secara
grafik dari langkahlangkah dan urut-
urutan prosedur dari suatu program.
Bagan alir (flowchart) adalah bagan
(chart) yang menunjukkan alir (flow) di
dalam program atau prosedur sistem
secara logika. Bagan alir digunakan
terutama untuk alat bantu komunikasi
dan untuk dokumentasi.
1.3.10.UML (Unifed Modeling
Language)
Unified Modeling Language
(UML) adalah bahasa spesifikasi standar
yang dipergunakan untuk
mendokumentasikan, menspesifikasikan
dan membanngun perangkat lunak.
UML merupakan metodologi dalam
mengembangkan sistem berorientasi
objek dan juga merupakan alat untuk
mendukung pengembangan sistem.
Berikut ini empat diagram yang
digunakan dalam merancang sebuah
aplikasi yaitu : use case diagram,
activity diagram, sequence diagram dan
class diagram[5].
II. METODE PENELITIAN
Pokok dari penelitian ini adalah
untuk membuat suatu sistem informasi
booking bengkel berbasis web sehingga
mempermudah pihak bengkel mengelola
data dan memudahkan bertransaksi
untuk para customer sehingga
memaksimalkan pelayanan bengkel
Garagaragarage yang beralamat di Jalan.
Kertha Petasikan 2, No 6, Sidakarya,
Denpasar Selatan
2.1. Pengumpulan Data
Metode ini diperlukan untuk
mengumpulkan dan mengolah data yang
didapat dari objek sehingga diharapkan
penelitian ini berjalan dengan baik dan
sistematis.Adapun pengumpulan data
dilakukan dengan cara :
1. Wawancara
Wawancara adalah cara
pengumpulan data dengan melakukan
kegiatan tanya jawab secara lisan
dimana dua individu atau lebih bertatap
muka, para individu tersebut adalah
peneliti dan narasumber. Peneliti akan
melakukan wawancara pada pihak
bengkel yaitu Endra Kencana sebagai
pemilik bengkel mengenai apa saja yang
dibutuhkan dan kendala dalam proses
laporan. Ketika peneliti kurang yakin
dengan jawab dari narasumber dalam
informasinya, maka peneliti akan
melakukan metode observasi
(pengamatan).
2. Observasi
4
 Setelah melakukan metode
wawancara maka peneliti akan
melakukan metode observasi
(pengamatan). Observasi merupakan
salah satu metode penelitian yang
penting. Dimana peneliti akan
melakukan observasi pada sumber-
sumber dari data yang akan didapat.
Observasi juga dapat dilakukan untuk
mengamati sifat, kondisi, serta proses di
bengkel custom Garagaragarage itu
sendiri.
3. Studi Literatur
Penulis melakukan studi pustaka
pada buku-buku, skripsi, jurnal,
pengumpulan data dan referensi yang
mendukung yang mendukung laporan
penelitian ini.
Gambar 1: Flowchart Desain Sistem
[Sumber : Hasil Rancangan]
2.2. Metode Pengembangan Aplikasi
Tahapan pengembangan sistem yang
digunakan dalam penelitian ini mengacu
pada model waterfall. Model ini disebut
waterfall karena satu tahapan tidak dapat
dilaksanakan sebelum tahapan
sebelumnya selesai, sehingga harus
dilaksanakan secara berurutan.

III. HASIL DAN PEMBAHASAN

3.1. Analisa Dan Desain Sistem
Analisa sistem adalah penguraian dari
suatu sistem operasi yang utuh kedalam
bagian-bagian komponen dengan
mengidentifikasi dan mengevaluasi
permasalah-permasalahan serta
kebutuhan-kebutuhan yang diharapkan
sehingga dapat diusulkan perbaikannya. Gambar 2 : Flowchart system booking
[Sumber: Hasil Rancangan]
Penelitian ini akan menghasilkan suatu
aplikasi berbasis web yang akan
memudahkan customer mencari
referensi dan booking motor custom
serta mempermudah admin dalam proses
manajemen bengkel custom
Garagaragarage.

5
Gambar 3 : Flowchart system live chat Gambar 7: Desain Tampilan Utama Web
[Sumber: Hasil Rancangan] [Sumber: Hasil Rancangan]

Gambar 4: Use Case Diagram

[Sumber: Hasil Rancangan]
Gambar 8: Desain Tampilan Menu Team
[Sumber: Hasil Rancangan]

Gambar 9: Desain Tampilan Menu Testi

[Sumber: Hasil Rancangan]

Gambar 5: Activity Diagram Booking

[Sumber: Hasil Rancangan]

Gambar 10: Desain Tampilan Menu Contact

[Sumber: Hasil Rancangan]

Gambar 6: Class Diagram

[Sumber: Hasil Rancangan]

Gambar 11: Desain Tampilan Menu Booking

[Sumber: Hasil Rancangan]

6
 Gambar 16: Halaman Team
[Sumber: Hasil Rancangan]
Gambar 12: Desain Tampilan Menu Booking
[Sumber: Hasil Rancangan]

Gambar 17: Halaman Testi

[Sumber: Hasil Rancangan]

Gambar 13: Desain Tampilan Menu Login

[Sumber: Hasil Rancangan]

Gambar 18: Halaman Contact

[Sumber: Hasil Rancangan]

Gambar 14: Desain Tampilan Dashboard Admin

[Sumber: Hasil Rancangan]

3.2 Implementasi Dan Pembahasan

Berikut ini merupakan hasil
implementasi dari Rancang Bangun Gambar 19: Halaman Booking
[Sumber: Hasil Rancangan]
Sistem Informasi Manajemen Bengkel
Custom Garagaragarage Berbasis Web
yang telah dibuat sebagai berikut :

Gambar 20: Halaman Booking

[Sumber: Hasil Rancangan]

Gambar 15: Halaman Utama Web

[Sumber: Hasil Rancangan]

7

Gambar 21: Halaman Login Admin
[Sumber: Hasil Rancangan]
Gambar 22: Halaman Dashboard Admin
[Sumber: Hasil Rancangan]
4. PENUTUP
4.1. Kesimpulan
Sistem dalam skripsi ini dalam
pembuatannya melalui tahapan analisa
data, perancangan menggunakan
flowchart, usecase diagaram, activity
diagram, sequence diagram dan class
diagram yang kemudiaan
diimplementasikan dengan bantuan
Microsoft Edge sebagai media untuk
menampilkan web dari sistem. MySQL
digunakan sebagai server localhost dan
penyimpan database. Visual Studio
Code digunakan sebagai editor dalam
pembuat coding dari sistem. Adapun
hasil dari implementasi rancang bangun
dashboard transaksi keuangan pada
lembaga keuangan mikro berbasis web
sebagai berikut :
1. Membantu memaksimalkan
pelayanan di bengkel dengan cara
booking, sehingga mempermudah
customer untuk bertransaksi.
2. Membantu memberi informasi yang
ada di bengkel kepada customer.
3. Mempermudah admin / owner
untuk mengelola bengkel.
4. Mempermudah menyimpan data
pegawai dan hasil kerja pegawai.
4.2. Saran
Berdasarkan perencanaan dan
implementasi yang dilakukan. Dengan
keterbatasan waktu dan biaya, adapun
fitur-fitur yang dapat di kembangkan
pada penelitian selanjutnya yang
mungkin masih belum terdapat dalam
penelitian ini sehingga didapatkan hasil
yang berbeda dan lebih baik dari
penelitian ini serta adanya
pengembangan lebih lanjut dalam sistem
ini seperti kedalam platform.
DAFTAR PUSTAKA
[1] Sutabri T.( 2012) “Konsep sistem
informasi”. Penerbit Andi.
[2] Gaol, Chr Jimmy L. “Sistem
Informasi Manajemen.” Grasindo,
2008.
[3] Winarno E, dan Zaki A.
( 2014.) “Pemrograman Web
Berbasis Html 5, php, dan
Javascript”. Elex Media
Komputindo.
[4] Zabar, Abdul A, dan Novianto F.
(2015) "Keamanan http dan https
berbasis web menggunakan
sistem operasi kali linux." Jurnal
Ilmiah Komputer dan
Informatika (KOMPUTA) Vol 4.
[5] Hendini, A. (2016). Pemodelan
UML sistem informasi
monitoring penjualan dan stok
barang (studi kasus: distro
zhezha pontianak). Jurnal
Khatulistiwa Informatika, 4(2).