Positif : Jurnal Sistem dan Teknologi Informasi Volume 10.
No 1, 2024.
Page : 31- 41
E-ISSN 2460-9552
P-ISSN 2620-3227
Article history Received Jun 23, 2023
Accepted Jan 20, 2024
Published July 16, 2024
PERANCANGAN SISTEM INFORMASI BOOKING BARBER SHOP BERBASIS
WEBSITE MENGGUNAKAN FRAMEWORK LARAVEL
Atanasius Jales Putra Bagaskara.
Ahmad Fauzi.
Universitas Pendidikan Indonesia.
Indonesia atanasius256@upi.
edu1, ahmad.
fauzi@gmail.
Abstract Currently there are still many barber shops or haircut services that still conventionally serve haircut customers who come to their place without booking a schedule in advance.
This can cause a buildup of customers at certain times because there is no booking system that the barber shop applies.
So that it makes customers feel bored because they have to wait for service without any certainty of time for them to get a haircut service.
Kang Barber is a barber shop schedule booking website that uses the Laravel The design of this information system focuses on making it easy for customers to place orders .
barber shop schedules, so that customers can get services directly according to the hours they have ordered without having to wait long or queue.
The Kang Barber information system has 3 roles, namely customer, staff and admin.
Each has different functions and capabilities in using the Customers can order booking schedules after having a registered account.
Staff can accept bookings made by customers, and the Admin can fully manage the continuity of the Dashboard such as Create.
Read.
Update and Delete.
Keywords: Information System.
Laravel.
Barber Shop.
Abstrak konvensional melayani pelanggan potong rambut yang datang ke tempat mereka tanpa melakukan booking jadwal terlebih dahulu.
Hal ini dapat menyebabkan terjadinya penumpukan pelanggan pada waktu tertentu karena tidak adanya sistem booking yang barber shop terapkan.
Sehingga membuat pelanggan merasa bosan karena harus menunggu pelayanan tanpa ada kepastian waktu untuk mereka mendapatkan pelayanan potong rambut.
Kang Barber merupakan sebuah website Booking jadwal barber shop yang menggunakan framework Laravel.
Perancangan sistem informasi ini berfokus untuk memberikan kemudahan bagi pelanggan dalam melakukan pemesanan .
jadwal barber shop, sehingga pelanggan dapat mendapatkan pelayanan secara langsung sesuai jam yang telah dipesan tanpa harus menunggu lama atau mengantri.
Sistem informasi Kang Barber memiliki 3 roles yaitu pelanggan, staff dan admin.
Setiap memiliki fungsi dan kemampuan yang berbeda dalam penggunaan Pelanggan bisa melakukan pemesanan jadwal booking setelah memiliki akun yang terdaftar.
Staff dapat melakukan penerimaan pemesanan booking yang dilakukan oleh pelanggan, dan Admin dapat melakukan pengelolaan secara penuh terhadap keberlangsungan Dashboard seperti Create.
Read.
Update, dan Delete.
Kata Kunci: Sistem Informasi.
Laravel.
Barber Shop.
PENDAHULUAN
Saat ini tempat pangkas rambut dapat dikategorikan menjadi 2 kategori yaitu Pangkas rambut konvensional dan pangkas rambut modern.
Pangkas rambut konvensional dapat ditemui dengan mudah di tepi jalan raya, sedangkan pangkas rambut modern atau biasa disebut dengan Barber shop dapat mudah ditemui ketika kita berada di dalam tempat perbelanjaan seperti Mall.
Perbedaan yang paling dapat dirasakan antara pangkas rambut konvensional dengan pangkas rambut modern (Barber Sho.
yaitu pada pelayanan yang mereka berikan.
Pangkas Rambut modern biasanya hanya melayani jasa potong rambut saja dan kemampuan pelayanan atau staff dalam memotong model rambut terbatas, selain itu alat yang digunakan untuk potong rambut dapat dikatakan tidak lengkap dan tidak memiliki standar alat potong rambut yang ditetapkan.
Sedangkan Pangkas Rambut modern memberikan pelayanan yang lebih lengkap seperti potong rambut, mewarnai rambut, dan perawatan rambut, selain pelayanan yang lengkap barber shop juga didukung dengan alat-alat yang modern dan tentunya memberikan kenyamanan bagi pelanggan.
Akan tetapi pangkas rambut konvensional dan modern .
arber sho.
memiliki permasalahan yang sama dalam bisnis yang mereka jalani.
Permasalahan tersebut terletak pada penumpukan pelanggan sehingga membuat pelanggan harus menunggu lama tanpa adanya kepastian waktu.
Permasalahan ini yang menjadi latar belakang dalam perancangan sistem informasi Booking Barber Shop berbasis website.
pengguna dapat mengakses dan informasi secara fleksibel .
Laravel merupakan sebuah framework web berbasis PHP yang open-source atau dapat dikatakan bisa diakses dengan gratis tanpa adanya Laravel pengembangan website yang menggunakan teknik MVC .
Perancangan sistem informasi Booking Kang Barber menerapkan teknik MVC (Model.
View.
Controlle.
pada laravel.
MVC merupakan sebuah metode dalam perancangan aplikasi dengan cara memisahkan aplikasi berdasarkan komponen urutan aplikasi seperti memanipulasi basis data, interfaces, dan pengontrol utama aplikasi .
METODE PENELITIAN
Penelitian ini bertujuan untuk membangun sebuah sistem informasi Booking Barber Shop.
Metode yang digunakan dalam proses perancangan sistem informasi ini yaitu menggunakan pendekatan System Development Life Cycle (SDLC) dengan model Rapid Application Development (RAD).
SDLC merupakan sebuah pendekatan yang terdiri dari tahapan-tahapan dalam proses perancangan sistem dengan menggunakan siklus yang spesifik terhadap kegiatan pengguna .
RAD merupakan sebuah model pengembangan software yang menggunakan gabungan model prototype dan iterative .
RAD sesuai apabila digunakan untuk pengembangan sistem informasi yang membutuhkan waktu singkat dengan jumlah sumber daya tenaga pengembangan yang terbatas.
Sistem Informasi merupakan sebuah sistem dalam organisasi yang saling kolaborasi dalam menjalankan proses atau alur bisnis untuk menghasilkan sebuah informasi, kolaborasi yang terjadi dilakukan oleh perangkat lunak, perangkat keras dan kemampuan manusia .
Sistem informasi Barber Shop (Kang Barbe.
merupakan sebuah website yang dibuat untuk memberikan kemudahan pelayanan bagi pelanggan untuk memesan jadwal potong rambut dan memilih model potongan rambut tanpa perlu menunggu lama di lokasi Barber Shop.
Website merupakan sebuah teknologi yang bersifat multi platform, yaitu aplikasi yang dapat dijalankan secara optimal di berbagai media dan sistem operasi.
Dengan menggunakan website.
Gambar 1.
Rapid Application Development Positif : Jurnal Sistem dan Teknologi Informasi Volume 10.
No 1, 2024.
Page : 31- 41 Model Rapid Application Development (RAD) memiliki 5 tahapan dalam proses pengembangan sistem, berikut tahapan model RAD :
Business Modeling Sebuah memodelkan tujuan bisnis dan tujuan proyek.
Business mengidentifikasi proses bisnis yang perlu ditingkatkan melalui pengembangan software.
Data Modeling Pada tahap ini melibatkan perancangan struktur data yang akan digunakan dalam pengembangan Process modeling memberikan bantuan dalam memahami interaksi yang terjadi antara pengguna dengan sistem lainnya.
Process Modeling Tahap ini menentukan arus informasi bisnis yang dibutuhkan secara spesifik dalam mencapai tujuan bisnis.
Application Generation Tahap ini melibatkan pembangunan perangkat lunak dengan cepat berdasarkan prototype yang telah dikembangkan sebelumnya.
Tujuan ini dilakukan supaya menghasilkan perangkat lunak yang fungsional dalam waktu singkat.
E-ISSN 2460-9552
P-ISSN 2620-3227
Tabel 1.
Analisis kategori pengguna Kategori Pengguna Customer Hak Akses Tugas View.
Insert Staff View, insert data, edit Admin View, insert Mampu daftar akun login.
Selanjutnya Memesan booking tempat.
Membuat jadwal menerima pesanan.
Memantau aktifitas apabila ada terjadi .
Kebutuhan Functional Kebutuhan Fungsional kebutuhan yang menjelaskan mengenai proses dan output yang harus dihasilkan dari sistem informasi yang akan dikembangkan .
Tabel 2.
Kebutuhan Functional Kebutuhan Fungsional Register User .
Testing and Turnover Setelah semua tahapan telah dilalui, maka selanjutnya tahapan testing and turnover.
Tahapan ini penting untuk dilakukan, karena akan memastikan apakah software yang dikembangkan berjalan dengan baik atau tidak.
Apabila terjadi sebuah permasalahan maka akan dapat diketahui letak kesalahannya sehingga software segera Login User
HASIL DAN PEMBAHASAN
Hasil dan pembahasan rancangan sistem informasi Booking Barber Shop sesuai dengan Rapid Application Development (RAD) sebagai Business Modeling Berdasarkan Detail Model Order Model Rambut Business .
Analisis Kategori Pengguna Reserve (Pilih Jadwa.
Deskripsi User akan diminta register akun sebelum melakukan transaksi pemesanan booking User harus melakukan login dengan akun yang telah terdaftar di sistem, setelah login berhasil maka user barber dan dapat melihat detail atau history order.
User dapat melakukan melihat detail model potongan rambut.
User dapat melakukan rambut yang tersedia, diarahkan ke halaman pemilihan jadwal User melakukan aktivitas History Upload bukti Login staff Export Data table Create Jadwal oleh Staff Edit Jadwal oleh Staff Delete Jadwal oleh Staff Konfirmasi Pesanan oleh Staff Login admin untuk memilih jadwal booking yang tersedia User dapat melihat pemesanan mulai dari tanggal, jam, total status pelayanan.
User bukti pembayaran.
Staff login dengan akun yang telah terdaftar pada sistem supaya jadwal dan menerima transaksi booking.
Terdapat fitur export tercantum di data tables, dan export data tersebut dapat berupa file Excel atau PDF.
Staff menambahkan data jadwal pelayanan.
Staff dapat melakukan Staff yang telah dibuat kesalahan input data Staff memiliki hak pesanan yang masuk, yaitu menerima atau Admin login menggunakan default di database, setelah login admin aktifitas keseluruhan Export Data table CRUD Model Rambut oleh Admin CRUD Jenis Pembayaran oleh Admin CRUD Jadwal oleh Admin CRUD Kelola Pengguna oleh Admin CRUD Transaksi oleh Admin Dashboard Logout apabila ada terjadi Terdapat fitur export tercantum di data tables, dan export data tersebut dapat berupa file Excel atau PDF.
Admin Create.
Read.
Update dan Delete data model rambut yang telah tersimpan di data table dashboard.
Admin Create.
Read.
Update dan Delete data jenis telah tersimpan di data table dashboard.
Admin Create.
Read.
Update dan Delete data jadwal yang telah tersimpan Admin Create.
Read.
Update dan Delete data kelola pengguna yang telah tersimpan di data table dashboard.
Admin Create.
Read.
Update dan Delete data jadwal yang telah tersimpan Admin dan staff dapat melihat detail jadwal yang telah dibooking oleh user, jumlah jumlah pengajuan.
Terdapat logout yang berfungsi agar user, staff dan admin yang telah aktivitas mereka dapat keluar dari akun yang telah berhasil login.
Positif : Jurnal Sistem dan Teknologi Informasi Volume 10.
No 1, 2024.
Page : 31- 41 .
Kebutuhan Non Functional Kebutuhan non-fungsional kebutuhan yang diperlukan sistem dalam menjalankan produk dengan optimal.
Biasanya kebutuhan non-fungsional berisikan perilaku, batasan-batasan atau ketentuan yang harus dimiliki oleh sistem .
E-ISSN 2460-9552
P-ISSN 2620-3227
Data Modeling .
Use Case Diagram Use case diagram termasuk salah satu dari bagian Unified Modeling Language (UML).
Use case diagram merupakan sebuah modeling data yang digunakan untuk menggambarkan alur hubungan atau skenario antara pengguna dengan sistem .
Tabel 3.
Kebutuhan non functional Parameter Security Portability Ergonomy Availability Security Respons Time Other :
Bahasa Komunikasi Other : Mata Uang Other : Sosial Media Kebutuhan User, staf dan admin diharuskan login akun yang telah terdaftar di sistem supaya dapat keseluruhan fitur yang website Kang Barber.
Website harus mudah digunakan di mesin atau sistem operasi yang website dapat digunakan di laptop, komputer dan android atau website dapat digunakan di OS atau windows.
Website kenyamanan bagi user Kang Barber Website beroperasi 7 hari seminggu dari pukul 00 hingga 21.
Proses melibatkan persetujuan bukti pembayaran.
Proses respon atau pada website tidak lebih dari 10 detik.
Deskripsi model rambut harus Jenis mata uang harus Rupiah (Rp.
Mencantumkan sosial media Kang Barber di setiap Halaman pada bagian Footer.
Gambar 2.
Use case diagram .
Use Case Skenario Skenario Use Case Diagram merupakan sebuah skenario yang diikat bersama oleh user untuk mendapatkan sebuah tujuan.
Use case bekerja menggunakan skenario yang menjelaskan langkah-langkah penggunaan yang melibatkan Aktor dan sistem ataupun sebaliknya .
Skenario Customer Melakukan Transaksi Tabel 4.
Skenario Customer Aksi Aktor Aktor masuk ke dalam sistem Login sebagai akun yang telah Sistem Menampilkan form login Melakukan maka masuk ke menu utama, jika tidak maka akan tetap di form Masuk halaman order Aktor interaksi pada Melakukan Interaksi button Order Mengisi booking dan cek Mengisi Aktor telah paid maka datang ke lokasi sesuai jam yang Menampilkan model rambut Pindah halaman halaman detail Mengalihkan aktor ke halaman model rambut.
Pengecekan apakah jadwal belum terisi.
Jika Aubelum terisiAy maka aktor dapat booking jadwal form booking.
Ausudah terisiAy aktor diharuskan memilih jadwal Menyimpan meneruskan ke Jika Paid, jika tidak Jika pelayanan status pelayanan Selesai.
Skenario Staff Mengubah status pelayanan.
CRUD Jadwal dan Konfirmasi Pesanan.
Tabel 5.
Skenario Staff Aksi Aktor Aktor Login Sistem Validasi akun, jika sesuai aktor halaman utama, tampilkan alert akun salah.
Konfirmasi Pesanan Masuk halaman 4 Menampilkan Memeriksa bukti 6 Merubah status pembayaran dan menjadi Paid Merubah status pelayanan Masuk halaman 4 Menampilkan Merubah status 6 Menyimpan pelayanan yang perubahan status semula belum pelayanan dan dilayani menjadi telah dilayani.
status pelayanan Skenario Admin CRUD Jenis Pembayaran.
CRUD User (Penggun.
CRUD Jadwal.
CRUD Model Rambut.
CRUD Transaksi.
Tabel 6.
Skenario Admin Aksi Aktor Aktor Login Sistem Validasi akun, jika sesuai aktor halaman utama, tampilkan alert akun salah.
Skenario CRUD Masuk halaman Menampilkan Jadwal / Jenis halaman Jadwal Pembayaran Jenis Pembayaran Model Rambut / Model Rambut / Menambah Menampilkan Jadwal / Jenis Pembayaran Positif : Jurnal Sistem dan Teknologi Informasi Volume 10.
No 1, 2024.
Page : 31- 41 Model Rambut / Mengisi Jadwal / Jenis Pembayaran Model Rambut / transaksi yang Merubah Jadwal Jenis Pembayaran Model Rambut / transaksi yang telah dibuat Mengganti Jadwal / Jenis Pembayaran Model Rambut / transaksi lama menyimpan-nya Menghapus Jadwal / Jenis Pembayaran Model Rambut / transaksi yang telah tersedia Memilih yakin menghapus data Masuk halaman Jadwal / Jenis Pembayaran Model Rambut / Jadwal / Jenis Pembayaran Model Rambut / Menyimpan Jadwal / Jenis Pembayaran Model Rambut / pada data tables Menampilkan Jadwal / Jenis Pembayaran Model Rambut / transaksi dalam menyimpan data Merubah Jadwal Jenis Pembayaran Model Rambut / jadwal terbaru, data terbaru pada data table.
Menampilkan Auyakin Jadwal / Jenis Pembayaran Model Rambut / transaksi? Ay Menghapus data yang dipilih dan pada data table dan database.
Menampilkan halaman Jadwal
Jenis Pembayaran Model Rambut / E-ISSN 2460-9552
P-ISSN 2620-3227
Process Modeling .
Perancangan Database Gambar 3.
Database .
Perancangan Wireframe Wireframe merupakan rancangan antarmuka pengguna yang menggambarkan gambaran kasar mengenai fungsionalitas yang akan diterapkan pada sebuah sistem informasi .
Berikut wireframe website Booking Barber Shop :
Gambar 4.
wireframe login dan register Gambar 5.
wireframe customer Gambar 6.
Wireframe dashboard dan jenis pembayaran Tampilan ini dapat melakukan interaksi seperti login, melihat informasi detail model, informasi sosial media, booking potong rambut, pemeriksaan history.
Gambar 7.
Wireframe model rambut dan transaksi Gambar 8.
Wireframe jadwal dan pengguna Application Generation Tahapan implementasi dilakukan setelah semua tahapan business modeling, data modeling dan process modeling dilakukan.
Implementasi yang dihasilkan pada website Booking Barber shop seperti berikut.
Tampilan ini berisikan form login yang harus diisikan user supaya dapat melakukan booking jadwal potong rambut.
Gambar 11.
Tampilan customer Tampilan ini berisikan beberapa halaman yang dapat diakses oleh admin, diantaranya Dashboard yang berisikan informasi akumulasi transaksi.
Transaksi yang berisikan data transaksi yang telah dilakukan, jenis pembayaran yang berisikan data jenis pembayaran yang tersedia, pengguna yang berisikan data pengguna terdaftar pada sistem, model rambut yang berisikan data informasi rambut seperti harga dan nama, jadwal berisikan data jadwal pelayanan yang tersedia atau telah dibuat.
Gambar 9.
Tampilan login Gambar 12.
tampilan transaksi dan model rambut Tampilan ini berisikan form pendaftaran akun, yang memuat username, email, password dan nomor handphone.
Apabila form telah diisi maka dapat dilanjutkan dengan menekan button Sign Up supaya akun dapat didaftarkan ke dalam Gambar 13.
Tampilan dashboard dan jenis pembayaran Gambar 14.
Tampilan jadwal dan pengguna Gambar 10.
Tampilan Register Positif : Jurnal Sistem dan Teknologi Informasi Volume 10.
No 1, 2024.
Page : 31- 41
E-ISSN 2460-9552
P-ISSN 2620-3227
Testing and Turnover Pengujian sistem dilakukan untuk mengetahui apakah sistem yang telah dirancang memenuhi kebutuhan fungsionalitas dan dapat berjalan dengan semestinya tanpa terjadi sebuah bug.
Pengujian sistem dilakukan dengan metode pengujian black-box testing, black-box testing merupakan tipe testing untuk menguji kinerja perangkat lunak apakah telah berjalan dengan semestinya tanpa memperhatikan struktur atau sistem yang ada di dalam perangkat lunak .
Berikut dikelompokkan berdasarkan role :
Ungah bukti Keluar dari akun dengan klik button Logout .
Hasil pengujian role staff Tabel 8.
Hasil pengujian role staff Modul Unit Login From Login proses login Menambahkan Update delete jadwal Menerima Menolak Mengubah status pelayanan Keluar dari akun dengan klik button logout Jadwal .
Hasil pengujian role customer Tabel 7.
Hasil pengujian role customer Modul Register Login Model Jadwal Pembayaran Logout Register Login Model Jadwal Pembayaran Unit Form From Login proses login Memilih model rambut Cek detail model rambut Memilih jadwal booking Pemesanan Menampilkan Ungah bukti Keluar dari akun dengan klik button Form From Login proses login Memilih model rambut Cek detail model rambut Memilih jadwal booking Pemesanan Menampilkan Hasil Pengujian Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Pesanan Tidak Status Logout Hasil Pengujian Berhasil Berhasil Berhasil Tidak Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil .
Hasil pengujian role admin Tabel 9.
Hasil pengujian role admin
Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Modul
Unit
Login
From Login
Proses CRUD model
CRUD jenis CRUD user
CRUD
Transaksi
CRUD
Jadwal Menampilkan pada website seperti Total Model Rambut Jenis Pembayaran User Transaksi Jadwal Dashboard Berhasil Berhasil Berhasil Berhasil Hasil Pengujian Berhasil Tidak Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Export Data Logout Login Model Rambut Jenis Pembayaran Export data menjadi excel Keluar dari akun dengan klik button From Login Proses CRUD model CRUD jenis Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil .
Dalam pengembangan sistem informasi Booking barber shop selanjutnya dapat tersedia fitur diskon atau promo sehingga dapat meningkatkan minat bagi pelanggan untuk menggunakan website Booking Barber Shop.
Pengembangan sistem informasi Booking Barber Shop selanjutnya dapat menerapkan memudahkan proses transaksi.
REFERENSI
PENUTUP
Kesimpulan .
Adapun kesimpulan yang dapat penulis berikan setelah merancang sistem informasi Booking Barber Shop berbasis website sebagai berikut:
Pemanfaatan merupakan sebuah hal yang dapat dilakukan untuk menyelesaikan permasalahan yang terjadi di dalam proses bisnis.
Dengan pengembangan website Booking Barber Shop dapat memudahkan pelanggan dalam mendapatkan pelayanan jasa potong rambut.
Penelitian ini menghasilkan rancangan sistem informasi Booking Barber Shop berbasis website yang menggunakan framework Laravel dengan konsep MVC.
Penggunaan framework Laravel memberikan kemudahan bagi peneliti dalam mengembangkan website Booking Barber Shop.
Dengan adanya sistem informasi Booking Barber Shop dapat memudahkan pelanggan dalam memesan jadwal potong rambut tanpa harus menunggu lama dilokasi barber.
Penggunaan metode RAD dan framework Laravel memberikan kemudahan bagi pengembang karena proses waktu yang dibutuhkan singkat dan tersedia banyak fitur yang dapat dikembangkan jika menggunakan Laravel serta tersedianya banyak studi literatur yang dapat menjadi referensi.
Saran