Disusun oleh :
UNIVERSITAS TELKOM
BANDUNG
2023
ABSTRAK
Layanan pencucian kendaraan ini memiliki beberapa masalah yaitu kemalasan orang untuk
datang ke tempat lokasi pencucian, dan seringkali orang datang ke lokasi tetapi antrian
penuh.Website Cuciin ini adalah solusi bagi mereka yang memiliki waktu sedikit untuk
mencuci kendaraan yang sudah kotor. Pada web Cuciin ini memiliki fitur yang sangat
berguna, dimana memiliki Booking dan Home Service. Untuk fitur Booking ini para user bisa
melihat antrian yang ada di tempat lokasi pencucian, user juga bisa menentukan jam yang
kosong untuk memilih kendaraan untuk dicuci ke lokasi dan tidak lama menunggu antrian,
jadi user cukup datang pada waktu yang telah ditentukan. Untuk layanan Home Service, user
bisa meminta untuk melakukan pencucian di rumah user dengan memberikan lokasi dan
menentukan jam agar kendaraan tetap bisa bersih walau sedang banyak kesibukan. Dengan
adanya website ini dan fitur yang telah disediakan semoga masyarakat yang menggunakan
website ini bisa tetap menjaga kendaraan mereka dalam keadaan bersih meski banyak
kesibukan dan membantu
Kata kunci : Layanan, Kendaraan, Website, Booking, Home Service, Laravel, nyuci.
DAFTAR PUSTAKA
BAB I
PENDAHULUAN
1.1 Latar Belakang
Cuci kendaraan adalah suatu kegiatan dimana orang melakukan pencucian pada
kendaraan yang ingin dicuci. masyarakat biasanya melakukan kegiatan mencuci
kendaraan ini apabila kendaraan yang mereka miliki sudah cukup kotor atau sudah
waktunya untuk dicuci. Tetapi banyak sekali masyarakat yang malas untuk melakukan
kegiatan tersebut, dan memilih ke tempat jasa cuci kendaraan, namun walau sudah ada
tempat jasa kendaraan masyarakat juga masih saja malas untuk mencuci kendaraannya,
masyarakat tidak suka menunggu lama untuk menunggu kendaraan mereka dicuci
sampai bersih karena banyaknya antrian kendaraan, lalu ada juga yang tidak memiliki
waktu banyak untuk mencuci kendaraan mereka.
Berjalannya perkembangan zaman ini, dimana banyak para layanan jasa memiliki
websitenya untuk mempermudah dan meningkatkan pendapatan mereka, oleh sebab itu
kami dari team Snowman mencoba membuat website dengan nama Cuciin. di website ini
kami berharap bisa membantu masyarakat supaya bisa menghemat waktu, tidak lama
menunggu lagi, dan tidak lelah untuk mencari lokasi cuci kendaraan yang sepi.
1. Bagaimana cara mengatasi memilih antrian jam dan tanggal ketika sedang penuh?
2. Bagaimana cara mengurangi waktu mengantri saat mencuci kendaraan ?
3. Bagaimana cara menjaga kendaraan tetap bersih ditengah kesibukan ?
1.4 Tujuan
1. Metode observasi
Dalam penelitian, metode observasi digambarkan sebagai metode yang digunakan
untuk mengamati dan menjelaskan perilaku subjek. Sesuai dengan namanya,
observasi ini merupakan cara mengumpulkan informasi dan data yang relevan dengan
cara mengamati.
BAB II
TINJAUAN PUSTAKA
2.1 Aplikasi Serupa
HEPICAR
MOBIKLIN
Mobiklin berfokus pada layanan, cuci mobil, detailing mobil, fogging mobil hingga
cuci interior
APLIKAS
PENULIS FITUR
I
BAB III
ARSITEKTUR DESAIN
3.1 Sistem Arsitektur
2. Booking Ini adalah fitur yang disediakan oleh cuciin, dimana konsumen bisa
memesan tempat terlebih dahulu sebelum ketempat cuci kendaraan.
3. Homeservice Ini adalah fitur yang disediakan oleh cuciin, dimana konsumen bisa
memesan dan mendatangkan karyawan kami ke rumah konsumen,
lalu tinggal menunggu saja. Konsumen tidak perlu pergi keluar
rumah.
4. Mengelola Admin akan memantau data - data yang sudah dibuat oleh
data konsumen, supaya tidak ada yang fake akun, atau kejahatan lainnya.
Di sini juga untuk melakukan pengubahan informasi proses
pengerjaan agar para konsumen tau sudah sampai mana prosesnya.
5. Maintenance Admin akan melakukan update layanan agar lebih baik lagi dari
sistem sebelumnya.
Kebutuhan yang kami butuhkan terdiri atas 2 hal, yaitu Hardware dan Software:
3.2.1 Hardware
3.2.2 Software
User langsung melihat tampilan homepage website kami, dan bisa melihat fitur yang
kami sediakan, akan tetapi jika belum login dan belum memiliki akun maka akan di
arahkan ke registrasi terlebih dahulu.
b. Figma
Figma adalah sebuah aplikasi grafis vektor editor dan alat prototyping yang kami
gunakan untuk mendesain alur website yang kita desain agar menarik.
c. Microsoft Word
Microsoft Word adalah aplikasi yang kami gunakan untuk merancang laporan
website
Microsoft Visio dan Draw.io kami gunakan untuk membuat diagram alir mengenai
alur website yang kami buat.
e. XAMPP
Xampp adalah perangkat lunak berbasis web server open source (gratis) yang
mendukung berbagai sistem operasi seperti Windows, Linux, dan MacOS. Xampp
digunakan sebagai server standalone atau biasa disebut dengan localhost. Ini
menyederhanakan proses pengeditan, desain, dan pengembangan aplikasi.
f. Chrome
Berfungsi untuk melihat dan menampilkan website Ayo Gass yang kami rancang,
baik ketika proses pembuatan maupun tahap finalisasi website.
g. Laravel
Sebuah framework dari bahasa pemrograman PHP yang memudahkan untuk membuat
website Cuciin
Struktur user menu pada website ini adalah linear dan connected.
Linear terlihat di semua tampilan. Connected terdapat pada menu about us, booking, home
service, dan contact.
3.4 Perancangan Model Program
Customer
3.4.2.1 Customer
Customer harus melakukan registrasi untuk membuat akun sebelum login, setelah
melakukan login customer akan diarahkan ke tampilan menu Homepage, pada tampilan
Homepage memiliki dua fitur, yaitu:
- Booking
- HomeService
Pada menu Booking customer akan melakukan pemesanan jam yang sudah disediakan,
lalu memilih kendaraan yang ingin dicuci. Jika sudah memilih kendaraan akan
dilanjutkan ke pembayaran, lalu memilih metode pembayaran langsung atau secara
transfer. Jika pilih transfer maka akan langsung bayar di rumah sebelum mencuci, jika
memilih pembayaran langsung maka pembayaran akan dilakukan ketika selesai
mencuci. Setelah itu customer akan datang ke lokasi Cuciin dan menunggu hingga
selesai, jika sudah maka akan memberikan tampilan rating, untuk menilai kinerja
website kami dan karyawan kami.
Pada menu HomeService akan melakukan pemilihan jenis kenaraan, lalu pihak admin
akan meminta jasa untuk datang kerumah customer yang sudah memesan layanan kami,
ketika sudah sampai customer cukup menunggu hingga kendaraan dicuci hingga bersih.
Jika selesai maka akan di lanjutkan ke metode pembayaran, customer akan memilih
metode pembayaran apakah secara langsung atau transfer, selanjutnya pemberian rating
untuk melihat seberapa efektif kinerja website kita dan jasa kita.
3.4.2.2 Admin
Admin harus melakukan login terlebih dahulu atau melakukan registrasi terlebih dahulu.
Setelah melakukan login maka akan ditampilkan menu untuk melihat data customer
HomeService dan Booking.
Pada data HomeService admin bisa melakukan update pada status dan pembayaran,
supaya customer dapat mengetahui bahwa prosesnya sedang berjalan
Pada data Booking, sistem booking dengan HomeService sama dengan data
HomeService, dimana dapat melakukan update pada status dan pembayaran
Diagram kelas untuk website Cuciin memiliki prosedur. Prosedur tersebut dapat diuraikan
sebagai berikut:
3.4.3.1 Customer
1 . Registrasi
Sebelum melakukan login, customer terlebih dahulu harus memiliki akun, dengan
cara melakukan registrasi dan mengisi data-data secara lengkap supaya berhasil
melakukan registrasi
2. Login
Setelah melakukan registrasi, customer harus melakukan login terlebih dahulu
sebelum melihat tampilan selanjutnya. Isi data sesuai customer buat pada tahap
registrasi tersebut.
3. Memilih layanan
Disini customer akan memilih layanan yang dapat berupa Booking dan Home
Service. ketika sudah memilih salah satunya, customer akan menunggu dan melihat
tampilan website kita, supaya customer dapat mengetahu update terbaru yang sedang
dilakukan website kami.
4. Pembayaran
Pada pembayaran ini, customer dapat memilih cash atau transfer setelah menunggu
kendaraan selesai dicuci.
5. Rating
Jika semua sudah dilakukan maka yang terakhir adalah customer akan melakukan
rating supaya dapat mengukur kemampuan pada website kami dan jasa kami apakah
ada keburukan atau bagus dalam melayani customer.
3.4.3.1 Admin
1. Login
Jika kalian adalah admin maka akan diarahkan atau harus login ‘sebagai
administrator’ supaya dapat melakukan melihat website kami berjalan jika sedang
melakukan layanan.
2. Update
Untuk update ini setelah customer sudah memesan, tugas admin adalah melakukan
update status dan update pembayaran, jika jasa sedang dijalan maka admin akan
melakukan update status ‘ jasa sedang dijalan’ supaya customer mengetahui bahwa
jasa sedang datang kerumah, begitu juga dengan update pembayaran. Jika sudah
dibayar maka admin akan mengupdate menjadi ‘sudah dibayar’
A. Login
Untuk masuk ke homepage dan memesan produk di website Ayo gass agen harus login
terlebih dahulu menggunakan akun yang sudah terdaftar. Jika agen belum memiliki akun,
maka agen harus melakukan registrasi terlebih dahulu pada menu buat akun dan
mengisikan data yang diminta.
B. Registrasi/Buat Akun
Gambar 3. 7 Page Registrasi
Agen yang ingin melakukan registrasi harus menginputkan semua data yang diminta.
Jika sudah, agen menekan tombol buat akun dan langsung diarahkan pada menu login
kembali.
C. Home
Gambar 3. 8 Homepage Agen
Menu Home merupakan tampilan awal jika agen telah berhasil login. Untuk memesan
produk, agen bisa menekan menu pesan sekarang atau bisa langsung menekan menu
produk yang kemudian akan diarahkan menuju menu produk.
D. About
Gambar 3. 9 Page About
Menu about berisi tentang deskripsi singkat dari website Ayo gass dan juga deskripsi
singkat dari tim.
E. Produk
Gambar 3. 10 Page Produk
Menu Produk menampilkan beberapa produk yang bisa agen pesan dengan menekan
tombol pesan di sini yang kemudian akan diarahkan ke menu keranjang.
F. Informasi Pembayaran/Pemesanan
Gambar 3. 11 Page Informasi Pemesan
Menu keranjang menampilkan informasi dari Agen gas dan produk yang dipilih. Pada
menu ini Agen gas juga dapat memberikan catatan pemesanan.
G. Metode Pembayaran
Masih dalam menu Pembayaran. Dalam menu ini juga terdapat Metode pembayaran
yang berisi daftar bank yang dapat dipilih untuk melanjutkan proses pembayaran, dan
juga menampilkan total pembayaran dari pemesanan produk yang dipilih. Jika ingin
melanjutkan pemesanan, agen bisa langsung menekan tombol Konfirmasi Pembayaran,
maka pemesanan akan segera diproses.
Menu Pesanan berisikan informasi singkat dari semua pemesanan yang telah
dikonfirmasi oleh agen. Informasi ini yaitu ID Pesanan, waktu pemesanan, produk yang
dipesan, Total Pembayaran beserta nomor rekening, status pengiriman, rating dan juga
ulasan yang diberikan agen. Terdapat juga menu Detail Pesanan dan juga Beri ulasan.
Menu atau fitur beri ulasan akan muncul jika status pesanan telah sampai dan telah
diterima.
I. Informasi Transaksi/Detail Pesanan
Jika agen menekan tombol detail pesanan, maka agen akan dialihkan ke menu detail
pemesanan, menu ini berisikan informasi detail dari pemesanan yang telah terkonfirmasi,
seperti informasi agen, catatan pemesanan, produk yang dipesan, dan juga status
pemesanan
Masih di dalam menu pesanan. Menu ulasan akan muncul jika status pengiriman telah
diperbaharui menjadi pesanan telah sampai dan status penerimaan diperbaharui menjadi
pesanan telah diterima oleh supplier gas. Diindikasikan oleh munculnya tombol beri
ulasan pada menu pesanan.Untuk mengirimkan kan ulasan, agen harus menekan tombol
Kirim Ulasan di bawah fitur beri komentar.
L. Pengaturan Akun
Menu akun berisi informasi dari agen yang telah login pada website ayo gass. Pada menu
ini agen dapat merubah informasi akun dan juga password. Selain itu agen dapat keluar
atau logout dari website ayo gass pada menu ini.
Untuk mengakses menu supplier gas, kita harus masuk menu login, lalu menekan link
atau tombol masuk sebagai supplier gasistrator. Kita akan dialihkan ke menu login
supplier gas. Disini kita harus memasukkan email dan password supplier gas dari
website ayo gass. Lalu kita tekan tombol masuk untuk dapat mengakses dan mencoba
fitur untuk memperbaharui status pemesanan, melihat akun agen yang terdaftar, dan juga
merubah informasi produk.
Menu pemesanan berisikan semua data pemesanan dari semua agen. Disini kita dapat
melihat informasi dari setiap pemesanan. Kita dapat memperbarui status pemesanan dan
menghapus data pemesanan dari daftar. Untuk memperbarui status, kita harus menekan
tombol update.
Setelah kita menekan tombol update pada menu daftar pemesanan, kita akan dialihkan
ke menu Update Status. Disini kita dapat memperbarui status pembayaran, status
pengiriman, dan status penerimaan pemesanan. Kita pilih status yang akan di ubah, lalu
tekan tombol update untuk menyimpan pembaruan status.
D. Menu Daftar Akun Agen
Menu Daftar akun agen berikan semua akun agen gas yang terdaftar saat registrasi.
Disini kita dapat melihat informasi akun setiap agen, kecuali password. Disini kita dapat
menghapus akun agen yang sudah tidak aktif.
Menu daftar informasi produk berisikan daftar produk gas yang dijual pada website ayo
gass. Disini kita dapat memperbarui informasi produk dengan menekan tombol edit.
Jika kita menekan tombol edit pada menu produk. Maka kita dapat memperbarui data
produk, seperti nama produk dan harga produk. Tekan tombol update untuk menyimpan
pembaruan informasi.
BAB IV
IMPLEMENTASI FITUR
Fitur dan
Gambar Deskripsi
Page
Registrasi
Agen yang ingin melakukan registrasi harus menginputkan
semua data yang diminta.
Quick View
Pesanan Menu Pesanan berisikan informasi singkat dari semua
pemesanan yang telah dikonfirmasi oleh agen.
Cetak detail
Kita bisa mencetak detail pesanan ke dalam bentuk PDF
pesanan
Menu akun berisi informasi dari agen yang telah login pada
Pengaturan website ayo gass. Pada menu ini agen dapat merubah informasi
Akun akun dan juga password. Selain itu agen dapat keluar atau
logout dari website ayo gass pada menu ini.
Update
Pada menu ini agen dapat merubah Password.
Password
Pada menu pengaturan kita dapat logout session dari akun yang
Logout
telah login.
Pada menu ini agent bisa menilai dan memberi masukan pada
Feedback
Produk.
Delete Data Pada fungsi ini supplier gas bisa menghapus data pemesanan.
Pemesanan
Pada halaman ini agen bisa membaca data akun pada pesanan
Read Data agen.
Akun agen
Pada fungsi ini supplier gas bisa menghapus data akun pada
Delete Data agen.
Akun Agen
BAB V
KESIMPULAN
5.1 Kesimpulan
Berdasarkan hasil pengujian dan survey yang telah dilakukan, dapat disimpulkan
bahwa. Aplikasi sistem pelayanan pembayaran dan pengiriman gas berbasis web
menyediakan fitur produk yang menyediakan berbagai produk yang dijual, fitur pembayaran
yang menyediakan pilihan metode pembayaran, dan fitur pesanan yang menampilkan
informasi pemesanan dan status pemesanan gas. Selain itu, bagi penjual gas, aplikasi ini
menyediakan fitur update pemesanan untuk memperbaharui status pembayaran, status
pengiriman dan status penerimaan. Lalu fitur list agen gas yang menampilkan semua akun
agen gas yang terdaftar. Dan fitur Produk untuk memperbaharui informasi produk yang
dijual.
Manfaat dari aplikasi sistem pelayanan pembayaran dan pengiriman gas berbasis web
bagi agen gas yaitu, dapat membantu dan mempermudah agen gas dalam melakukan
pemesanan, pembayaran dan memantau status pemesanan. Selain itu, aplikasi ini dapat
membantu penjual gas untuk memantau pembayaran dan pengiriman gas dari pemesanan
yang dilakukan oleh agen gas.
5.2 Saran
Adapun beberapa saran yang disampaikan kepada pengembang aplikasi Aplikasi
sistem pelayanan pembayaran dan pengiriman gas berbasis web adalah sebagai berikut:
1. Menambahkan variasi pada login page seperti informasi web ditampilkan tidak harus
login terlebih dahulu.
2. Menambahkan keresponsifan web terutama pada bagian supplier.
3. Menambahkan fitur tambah produk bagi supplier gas.
DAFTAR PUSTAKA
[1] Adani, Muhammad Robith. 2020 “Apa itu MySQL: Pengertian, Fungsi, beserta
Kelebihan” Sekawan Media, Diakses 05 Juni 2022.
[2] Adani, Muhammad Robith. 2021 “Memahami Konsep Penggunaan Xampp untuk
Kebutuhan Development” Sekawan Media, Diakses 05 Juni 2022.
[3] Ariffudin, Muhammad. 2022 “Mengenal Visual Code Studio dan Fitur-Fitur Pentingnya”
NIAGAHOSTER, Diakses 4 Juni 2022.
[4] 2019 “Mengenal Canva dan Cara Menggunakannya untuk design secara GRATIS”
IDCLoudHost, Diakses 4 Juni 2022.