24
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisa Sistem Berjalan
Saat ini sistem yang berjalan di barbershop masih menggunakan
sistem manual yaitu dengan melakukan pencatatan di buku besar. Sehingga menyulitkan bagi pihak barbershop dalam melakukan analisa mengenai
kualitas pelayanan terhadap pelanggan. Informasi yang disediakan pada
barbershop monoton dan jarang diperbahaui seperti model rambut. Hanya
terbatas pada gambar yang tertempel di dinding dan yang ada di katalog. Tidak adanya informasi kepada pelanggan mengenai perawatan selanjutnya. Sistem yang digunakan masih manual sehingga pelanggan tidak bisa melakukan reservasi sebelumnya. Sehingga memungkinkan pelanggan menunggu lama di barbershop dan dapat mengakibatkan pelanggan enggan
datang kembali untuk melakukan perawatan.
Berikut ini merupakan skenario secara garis besar proses yang ada dalam sistem yang berjalan pada saat ini :
Skenario pelanggan melakukan jasa perawatan di barbershop :
a. Pelanggan datang ke barbershop.
b. Pelanggan menerima nomor antrian dari kasir. c. Pelanggan memilih perawatan rambut.
d. Pelanggan menentukan perawatan rambut yang dibantu oleh stylish.
e. Setelah selesai melakukan perawatan, pelanggan ke kasir untuk melakukan pembayaran.
Skenario kasir pada barbershop:
b. Pelanggan selesai melakukan perawatan, menerima pembayaran. c. Kasir melakukan pencatatan transaksi pada buku besar.
Skenario Stylish pada barbershop:
a. menentukan jenis perawatan oleh pelanggan. b. Melakukan perawatan terhadap pelanggan. 3.1.1 Use Case Diagram Sistem Berjalan
Gambar 3.1 Use Case Diagram Sistem Berjalan
Tabel 3.1 Skenario Use Case Mendatangi Barbershop
Nama Use Case Mendatangi barbershop
Deskripsi Singkat Datang Langsung ke barbershop
Aktor Pelanggan
Pra Kondisi Pelanggan belum berada di barbershop
Skenario Pelanggan mendatangi langsung barbershop
Pasca Kondisi Pelanggan sudah berada di barbershop
Nama Use Case Menerima Nomer Antrian
Deskripsi Singkat Pelanggan menerima nomor antrian dari Kasir Aktor Pelanggan dan Kasir
Pra Kondisi Pelanggan Belum mendapatkan nomer antrian
Skenario Pelanggan mendatangi kasir untuk mendapatkan nomor antrian
Kasir memberikan nomer antrian kepada pelanggan
Pasca Kondisi Pelanggan mendapat nomor antrian Tabel 3.3 Skenario Use Case Mendatangi Barbershop
Nama Use Case Memilih Perawatan Rambut
Deskripsi Singkat Pelanggan memilih perawatan rambut yang tersedia di
barbershop
Aktor Pelanggan memilih perawatan rambut pada daftar perawatan yang disediakan oleh barbershop
Pra Kondisi Belum memilih perawatan rambut
Skenario Pelanggan melihat daftar perawatan rambut Pelanggan memilih gaya rambut
Pasca Kondisi Pelanggan sudah memilih perawatan rambut Tabel 3.4 Skenario Use Case Menentukan Perawatan Rambut
Nama Use Case Menentukan Perawatan Rambut
Deskripsi Singkat Pelanggan dibantu oleh stylish dalam menentukan jenis
perawatan rambut Aktor Pelanggan dan Stylish
Skenario Pelanggan memilih jenis perawatan rambut Stylish membantu menentukan jenis perawatan
rambut yang sesuai dengan pelanggan misalnya dalam penentuan gaya rambut
Pelanggan menentukan jenis perawatan rambut Pasca Kondisi Pelanggan sudah menentukan jenis perawatan rambut Tabel 3.5 Skenario Use Case Melakukan Pembayaran
Nama Use Case Melakukan Pembayaran
Deskripsi Singkat Pelanggan melakukan pembayaran ke kasir Aktor Pelanggan dan Kasir
Pra Kondisi Pelanggan belum melakukan pembayaran
Skenario Pelanggan setelah selesai melakukan perawatan, Pelangan mendatangi kasir untuk melakukan pembayaran
Kasir menerima pembayaran Pasca Kondisi Pelanggan sudah melakukan pembayaran Tabel 3.6 Skenario Use Case Melakukan Pencatatan Transaksi
Nama Use Case Melakukan Pencatatan Transaksi
Deskripsi Singkat Kasir melakukan pencatatan transaksi di buku besar
Aktor Kasir
Pra Kondisi Kasir belum melakukan pencatatan transaksi
Skenario Setelah kasir menerima pembayaran, kasir melakukan pencatatan secara manual di buku besar
Pasca Kondisi Pencatatan transaksi sudah dilakukan oleh kasir Tabel 3.7 Skenario Use Case Melakukan Perawatan Rambut
Nama Use Case Melakukan Perawatan Rambut
Deskripsi Singkat Stylish melakukan perawatan rambut sesuai dengan
kepada pelanggan
Aktor Stylish
Pra Kondisi Stylish belum melakukan perawatan rambut pelanggan
Skenario Stylish melakukan perawatan rambut sesuai dengan
keinginan pelanggan
Pasca Kondisi Stylish sudah melakukan perawatan rambut pelanggan
3.1.2 Activity Diagram Sistem Berjalan
Gambar 3.2 Activity Diagram Sistem Berjalan
Pada diagram diatas terlihat alur sistem dimulai dengan pelanggan mendatangi lalu kasir memberikan nomer antrian. Pelanggan
menerima no antrian dan memilih jenis perawatan rambut. Penentuan perawatan rambut oleh pelanggan di bantu oleh stylish. Stylish melakukan
perawatan ke pada pelanggan. Setelah selesai pelanggan mendatangi kasir untuk melakukan pembayaran dan keluar dari barbershop. Sedangkan kasir
melakukan pencatatan transaksi manual di buku besar. 3.2 Rancangan Sistem Usulan
Untuk mengatasi permasalahan yang terjadi pada sistem berjalan, penulis merancang sebuah sistem usulan berupa website dengan menerapkan
customer relationship management didalamnya. Setiap transaksi yang terjadi
akan dicacat dan diarsipkan didalam sistem tersebut. Penerapan customer relationship management pada sistem ini diantaranya sebagai berikut:
Adanya pemilihan daftar model rambut yang up-to-date sehingga
pelanggan dapat memilih model rambut terbaru.
Adanya sistem reservasi sehingga pelanggan tidak perlu menunggu terlalu lama pada saat akan melakukan perawatan rambut.
Pelanggan dapat melakukan rating dan memberikan komentar serta saran terhadap pelayanan, karamahan dan kenyamanan yang diperoleh dalam melakukan perawatan rambut di barbershop tersebut. Dengan adanya
rating tersebut pihak barbershop dapat melakukan review terhadap
pelayanan yang diberikan kepada pelanggan. Serta dapat melakukan perbaikan yang tentunya dapat meningkatkan service level. Sehingga
pelanggan merasa puas dan kembali ke barbershop lagi untuk melakukan
perawatan.
Dilengkapi dengan SMS dan Email sebagai sarana untuk menyampaikan informasi kepada pelanggan yang terdaftar seperti informasi mengenai adanya promosi, jenis perawatan rambut terbaru, pengingat kepada pelanggan dan informasi lainya.
Sistem usulan memiliki tiga bagian yaitu bagian user untuk pelanggan
dan Stylish, bagian kasir serta bagian admin. Pada bagian User dapat melihat
model dan jenis perawatan rambut, jadwal reservasi serta terdapat menu untuk melakukan rating dan komentar. Pada bagian Kasir dapat melakukan pendaftaran pelanggan, melakukan transaksi, melihat hasil rating dan komentar pelanggan dan melakukan reservasi. Kasir disini lebih bertugas melakukan kontak langsung dengan pelanggan, sedangkan untuk admin lebih kearah pengelolaan sistem dan juga laporan. Pada bagian Admin terdapat MessageBox untuk memberikan informasi kepada pelanggan melalui email dan SMS, menambahkan produk atau model rambut, mengelola daftar stylish,
melakukan review hasil rating oleh pelanggan dan juga berbagai menu laporan
– laporan seperti laporan transaksi.
Agar menjaga keamanan sistem maka penulis mengusulkan untuk tiga bagian sistem tersebut dibuat dengan halaman yang berbeda-beda. Sistem ini digunakan untuk mengelola admistrasi pada barbershop sehingga bagian user
(pelanggan dan stylish) tidak perlu melakukan login dalam melihat dan
melakukan rating. Untuk menjaga agar rating dan komentar lebih akurat maka rating dan komentar di buat berdasarkan transaksi dan jenis perawatan. Sedangkan komentar dan saran juga dapat di lakukan pada bagian user.
Sistem ini diusulkan memiliki menu untuk melakukan backup data baik data
transaksi maupun data untuk pesan sms.
Melakukan Login Pelanggan Kasir Mem-BackUp Data Mengelola Daftar Pelanggan Mengelola Daftar Model Rambut Mengelola Reservasi Melihat Laporan Mengelola Transaksi Mengelola Daftar Stylish Memberikan Rating dan Komentar Melihat Daftar Produk Perawatan Rambut Melihat Daftar Reservasi Mencetak Struk Pembayaran Mencetak Laporan Stylish
Sistem Informasi Usulan
Admin
Memberikan Kritik dan Saran
Review Kritik dan Saran Mengirim pesan (Email atau SMS)
Membaca Pesan
Review Rating dan Komentar <<include>>
<<include>>
<<include>>
Gambar 3.3 Use Case Diagram Sistem Usulan
Pada gambar diatas, use case diagram susulan dimana aktor yang
terlibat ada 4 aktor yaitu Pelanggan, Stylish, Kasir dan Admin. Inti dari sistem
ini adalah mengelola data yang tekumpul dari pelanggan untuk mengumpulkan dan mengumpulkan data untuk pengambilan keputusan dalam mengelola pelayanan terhadap pelanggan (Customer Relationship
melakukan rating dan komentar terhadap pelayanan berdasarkan no transaksi. Sehingga mendapat tingkat pelayanan barbershop baik dari segi keahlihan Stylish, keramahan, kebersihan serta kenyamanan. Pelanggan dan Stylish tidak
perlu melakukan login untuk memilih perawatan rambut, rating dan komentar. Tabel 3.8 Skenario Use Case Melihat Daftar Reservasi
Nama Use Case Melihat Daftar Reservasi
Deskripsi Singkat Stylish melihat daftar reservasi
Aktor Stylish dan Pelanggan
Pra Kondisi Stylish belum melihat daftar Reservasi
Skenario Stylish membuka sistem dan memilih menu
daftar reservasi
Pasca Kondisi Stylish sudah melihat daftar reservasi
Use case melihat daftar reservasi ini merupakan hal yang dilakukan
pada saat stylih ingin mengetahui apakah ada pelanggan yang melakukan reservasi atas dirinya. Reservasi ini hanya dapat di input oleh admin saja.
Pelanggan hanya melakukan konfirmasi reservasi melalui sms maupun melalui telepon.
Tabel 3.9 Skenario Use Case Melihat Daftar Produk
Nama Use Case Melihat Daftar Produk Perawatan Rambut
Deskripsi Singkat Pelanggan dan stylish memilih produk perawatan
rambut yang tersedia. Aktor Pelanggan dan Stylish
Skenario Pelanggan datang dan melihat daftar produk perawatan rambut.
Pelanggan memilih model rambut bersama
stylish untuk menentukan produk perawatan
rambut yang sesuai dengan karakteristik pelanggan.
Pasca Kondisi Pelanggan bersama Stylish menentukan model
rambut serta produk perawatan rambut yang sesuai.
Use case melihat produk perawatan rambut yang tersedia berupa
model rambut serta jenis perawatan rambut yang disediakan. Pelanggan yang datang akan melihat model rambut yang sesuai. Stylish akan membantu dalam
menentukan model rambut yang sesuai dengan karakteristik pelanggan. Pelanggan dapat mencari model dan jenis perawatan rambut melalui search engine.
Tabel 3.10 Skenario Use Case Memberikan Kritik dan Saran
Nama Use Case Memberikan Kritik dan Saran
Deskripsi Singkat Pelanggan dapat memberikan kritik dan saran
Aktor Pelanggan
Pra Kondisi Pelanggan mengklik menu tentang kami untuk memberikan saran dan kritik.
Skenario System menampilkan form kritik dan saran
pada rincian informasi
Pelanggan mengisi data yang diperlukan dan memberikan kritik serta saran
Sistem menyimpan kritik dan saran kedalam database.
Use case ini merupakan sarana untuk berkomunikasi bagi pelanggan
yang memiliki pertanyaan maupun saran tanpa melakukan login. Saran dan kritik ini nantinya akan tersimpan database. Dalam melakukan saran dan kritik, pelanggan wajib menginput alamat email yang nantinya dapat digunakan oleh pihak barbershop untuk ditindak lanjuti.
Tabel 3.11 Skenario Use Case Memberikan Rating dan Komentar
Nama Use Case Memberikan Rating dan Komentar
Deskripsi Singkat
Pelanggan memberikan rating dan komentar setelah melakukan transaksi pembayaran
Aktor Pelanggan
Pra Kondisi Pelanggan mengklik menu rating stylish
Skenario System menampilkan daftar transaksi
pembayaran yang dapat dilakukan rating dan komentar.
Pelanggan memilih transaksi pembayaran yang sebelumnya dilakukan untuk diberikan rating dan komentar
Pelanggan menginput rating dan komentar. Data rating dan komentar tersimpan di database
dan akan di review oleh admin.
Pasca Kondisi Pelanggan sudah melakukan rating dan komentar.
Use case ini digunakan untuk sarana penilaian pelanggan akan
pelayanan yang di berikan oleh barbershop. Penilaian yang di sediakan oleh
sistem ada tiga yaitu kebersihan, keramahan dan kerapian. Terdapat pula field komentar yang dapat digunakan pelanggan untuk memasukan saran dan komentarnya. Rating dan komentar ini digunakan oleh barbershop untuk
juga dapat dijadikan penilai terhadap kinerja stylish dikarenakan rating
tersebut dilakukan berdasarkan per transaksi pembayaran dan per jenis perawatan.
Tabel 3.12 Skenario Use Case Mengelola Produk Perawatan
Nama Use Case Mengelola Daftar Produk Perawatan Rambut
Deskripsi Singkat Admin mengelola daftar produk perawatan rambut agar selalu up to date
Aktor Admin
Pra Kondisi Admin melakukan login dan mengklik produk perawatan
Skenario System akan menampilkan daftar produk
perawatan rambut berupa model dan jenis perawatan rambut beserta harganya.
Admin dapat menambah, mengedit dan menghapus daftar produk perawatan rambut. Pasca Kondisi Admin telah mengelola daftar produk perawatan rambut
User case mengelola model rambut merupakan bagian penting dalam
memberikan referensi model rambut kepada pelanggan. Menu ini perlu dikelola oleh barbershop setiap saat agar model dan jenis perawatan rambut
selalu up to date seiring dengan fashion terbaru.
Tabel 3.13 Skenario Use Case Mengirim Pesan SMS atau Email
Nama Use Case Mengirimkan pesan SMS atau Email
Deskripsi Singkat Admin memberikan informasi kepada pelanggan melalui email dan SMS
Aktor Admin
MessageBox
Skenario System akan menampilkan pilihan pesan yang
akan dikirim melalui sms atau email
Admin menginput nomor pelanggan dan memasukan isi pesan
Pesan terkirim ke pelanggan.
Pasca Kondisi Admin telah mengirimkan pesan SMS atau Email
Use case ini digunakan sebagai sarana dalam memberikan informasi
secara langsung kepada pelanggan. Pesan dapat dikirimkan melalui SMS dan Email ke pelanggan yang sudah terdaftar. Pesan dapat dikirimkan secara individu maupun secara massal. Menu ini dapat digunakan untuk memberikan informasi mengenai jenis perawatan rambut terbaru, promo dan informasi lainnya.
Tabel 3.14 Skenario Use Case Mengelola Stylish
Nama Use Case Mengelola Stylish
Deskripsi Singkat Admin mengelola daftar Sylish
Aktor Admin
Pra Kondisi Admin melakukan login dan mengklik menu Stylish.
Skenario System akan menampilkan daftar stylish.
Admin dapat menambah, mengedit dan menghapus data Stylish.
Pasca Kondisi Admin telah mengelola daftar Stylish.
Use case ini digunakan untuk mengelola daftar karyawan. Data yang
diperlukan seperti nama, alamat, alamat email, tempat, tanggal lahir dan nomor telepon.
Tabel 3.15 Skenario Use Case Melakukan Login
Nama Use Case Melakukan login
Deskripsi Singkat Admin dan kasir harus melakukan login agar sistem mengenali identitas serta mengaktifkan sesi transaksi yang dimiliki masing masing id.
Aktor Admin dan Kasir
Pra Kondisi Admin dan kasir belum melakukan login Skenario Admin dan Kasir masuk dialamat login
Input email dan password
Sistem mencatat sesi login bila password dan email sudah sesuai dan terdaftar. Apabila salah maka sistem akan memberikan informasi bahwa email atau password yang di masukkan salah. Pasca Kondisi Admin dan kasir sudah melakukan login
Use case login ini harus dilakukan bila admin maupun kasir dapat
masuk kedalam sistem dan dapat mengakses menu sesuai dengan hak aksesnya. Apabila email dan password yang dimasukan salah maka sistem akan memberitahukan bahwa email dan password salah. Alamat login antara kasir dan admin dibuat berbeda agar keamanan data lebih terjaga.
Tabel 3.16 Skenario Use Case Melakukan Review Kritik dan Saran
Nama Use Case Melakukan Review Kritik dan Saran
Deskripsi Singkat Kasir mereview daftar kritik dan saran yang dikirimkan
oleh pelanggan
Aktor Kasir
Pra Kondisi Kasir login ke sistem dan memilih menu mailbox – inbox guest book
Skenario Sistem menampilkan daftar kritik dan saran Kasir melakukan review dan melakukan tindak
lanjut bila diperlukan.
Pasca Kondisi Kasir sudah melakukan review kritik dan saran dari
pelanggan
Use case ini merupakan salah satu sarana yang disediakan untuk
mengetahui karakteristik maupun keinginan pelanggan. Kritik dan saran yang di berikan oleh pelanggan akan di review dan ditindaklanjuti bila diperlukan.
Kritik dan saran tersebut sangat berguna bagi barbershop agar tingkat
pelayanan bertambah dan tentunya dapat meningkatkan pelanggan yang datang. Hal ini akan berimbas pada meningkatnya laba.
Tabel 3.17 Skenario Use CaseReview Rating dan Komentar
Nama Use Case Melakukan Review Rating dan Komentar
Deskripsi Singkat Kasir mereview daftar rating dan komentar
Aktor Kasir
Pra Kondisi Kasir login ke sistem dan memilih menu mailbox – inbox komentar
Skenario Sistem menampilkan daftar rating dan komentar yang masuk
Kasir melakukan review rating dan komentar
yang di berikan oleh pelanggan.
Dari data tersebut dapat disimpulkan stylish
mana yang memiliki rating terbaik
Pasca Kondisi Kasir sudah melakukan review rating dan komentar Use case ini merupakan sarana untuk mengetahui penilaian pelanggan
komentar ini berdasarkan pada transaksi pembayaran sehingga dapat mengetahui kinerja stylish dengan penilaian rating dan komentar yang
diberikan oleh pelanggan.
Tabel 3.18 Skenario Use Case Mengelola Daftar Pelanggan
Nama Use Case Mengelola Daftar Pelanggan
Deskripsi Singkat Kasir mengelola pendaftaran dan data pelanggan
Aktor Kasir
Pra Kondisi Kasir login ke sistem dan memilih menu pelanggan Skenario Sistem menampilkan daftar pelanggan
Kasir dapat melakukan pendaftaran, mengedit dan menghapus daftar pelanggan.
Pasca Kondisi Kasir sudah mengelola pelanggan
Use case ini digunakan untuk kasir dalam melakukan pendaftaran
pelanggan yang akan melakukan perawatan rambut. Data yang diperlukan untuk melakukan pendaftaran yaitu nama, alamat, tanggal dan tempat lahir, alamat email dan juga no telepon. Pelanggan yang belum terdaftar perlu melakukan register terlebih dahulu.
Tabel 3.19 Skenario Use Case Mengelola Reservasi
Nama Use Case Mengelola Reservasi
Deskripsi Singkat Sistem menyediakan reservasi bagi pelanggan yang dapat di input oleh kasir
Aktor Kasir
Skenario Sistem menampilkan daftar reservasi yang dapat di edit, ditambah dan dihapus
Kasir melakukan input data untuk reservasi
berupa data pelanggan, jenis perawatan, tanggal perawatan dan juga stylish
Pasca Kondisi Kasir sudah mengelola reservasi bagi pelanggan
Use case reservasi hanya dapat di akses oleh kasir. Pelanggan dapat
melakukan reservasi dengan cara menghubungi kasir baik melalui sms, telepon maupun email. Hal ini diperlukan agar pelanggan tidak menunggu lama saat ingin melakukan perawatan dikarenakan sudah melakukan reservasi terlebih dahulu.
Tabel 3.20 Skenario Use Case Mengelola Transaksi
Nama Use Case Mengelola Transaksi
Deskripsi Singkat
Transaksi pembayaran dilakukan oleh kasir
Aktor Kasir
Pra Kondisi Kasir login ke sistem dan memilih menu transaksi
Skenario Sistem menampilkan daftar reservasi yang telah dilakukan oleh pelanggan sebelumnya.
Kasir hanya mengelola daftar reservasi tersebut apakah akan di cancel, dirubah ataupun di submit.
Apabila data disubmit maka akan terdapat pop up untuk melakukan cetak struk pembayaran.
Pasca Kondisi Kasir sudah mengelola transaksi pembayaran
Use case ini untuk melakukan transaksi pembayaran. Transaksi
perlu di submit sehingga data reservasi tersebut berpindah ke data transaksi pembayaran serta melakukan cetak struk pembayaran. Data yang sudah dilakukan pembayaran akan menjadi data yang perlu dilakukan rating dan komentar oleh pelanggan. Sehingga struk yang akan terbentuk per jenis perawatan.
Tabel 3.21 Skenario Use Case Melihat dan Mencetak Laporan
Nama Use Case Melihat dan Mencetak Laporan
Deskripsi Singkat Kasir dan Admin dapat melihat dan mencetak laporan transaksi
Aktor Kasir dan Admin
Pra Kondisi Kasir dan Admin login ke sistem dan memilih menu laporan
Skenario Sistem menampilkan daftar laporan transaksi. Admin dan Kasir dapat mencetak laporan
transaksi.
Pasca Kondisi Kasir dan Admin melihat dan mencetak laporan transaksi.
Use case ini digunakan untuk melihat dan mencetak laporan transaksi.
Setelah kasir dan admin mengklik menu maka system akan memunculkan
daftar transaksi. Pada halaman ini terdapat search engine yang dapat
digunakan untuk memfilter data yang ditampilkan.
Tabel 3.22 Skenario Use Case Melakukan Back Up Data
Nama Use Case Melakukan BackUp data
Deskripsi Singkat Admin dapat membackup data
Aktor Admin
Skenario Sistem menampilkan pilihan data yang perlu dibackup berupa data stylish system dan juga
data pesan.
Backup data berupa file .sql
Pasca Kondisi Admin telah melakukan back up data.
Use case ini merupakan sarana untuk melakukan back up data. BackUp data diperlukan untuk berjaga-jaga bila data pada sistem terhapus.
Data yang dapat ada dua yaitu data stylishsystem dan data pesan.
3.2.2 Activity Diagram
Berikut ini diagram aktifitas berdasarkan use case yang telah di
definisikan sebelumnya.
1. Activity Diagram Melihat Daftar Reservasi
Stylish / Pelanggan Sistem
Memilih dan mengklik Menu Reservasi
Menampilkan Daftar reservasi
Gambar 3.4 Activity Diagram Melihat Daftar Reservasi
Keterangan untuk gambar diagram aktifitas melihat daftar reservasi diatas dijelaskan pada table dibawah ini:
Tabel 3.23 Keterangan Activity Diagram Melihat Daftar Reservasi
Aktor Stylish dan Pelanggan
Skenario Dimulai saat pelanggan datang ke barbershop untuk melakukan
perawatan. Pelanggan dapat melakukan reservasi melalui admin. Setelah melakukan reservasi di input maka pelanggan
dan stylish terdaftar disistem. Pelanggan dan Stylish dapat
melihat daftar reservasi setelah menklik menu daftar reservasi. Sistem akan menampilkan daftar reservasi yang terdaftar. 2. Activity Diagram Melihat Produk Perawatan
Pelanggan / Stylish Sistem
Memilih dan mengklik Menu produk perawatan rambut
Menampilkan daftar produk Perawatan rambut Disertai dengan search engine
Input model atau perawatan rambut
Menampilkan daftar model dan perawatan rambut yang terdaftar sesuai dengan inputan
Gambar 3.5 Activity Diagram Melihat Produk Perawatan
Keterangan untuk gambar diagram aktifitas melihat daftar produk perawatan rambut diatas dijelaskan pada table dibawah ini:
Tabel 3.24 Keterangan Activity Diagram Melihat Produk Perawatan
Aktor Stylish dan Pelanggan
Skenario Dimulai saat pelanggan datang ke barbershop untuk melakukan
perawatan. Pelanggan menggunakan sistem untuk mencari daftar produk perawatan rambut berupa model dan perawatan rambut yang di inginkan dengan mengklik menu produk perawatan. Sistem akan menampilkan daftar model dan perawatan rambut. Pelanggan juga dapat menggunakan search engine yang telah disediakan.
Pelanggan Sistem
Memilih dan mengklik Menu saran dan kritik
Menampilkan Form Saran dan Kritik
Mengisi Form Saran dan Kritik
Memvalidasi format Inputan
Menyimpan saran dan kritik Kedalam database
Valid ? Ya
Tidak
Gambar 3.6 Activity Diagram Memberikan Kritik dan Saran
Keterangan untuk gambar diagram aktifitas memberikan kritik dan saran diatas dijelaskan pada table dibawah ini:
Tabel 3.25 Keterangan Activity Diagram Memberi Kritik dan Saran
Aktor Pelanggan
Skenario Dimulai saat pelanggan datang ke barbershop dan
menggunakan sistem. Pelanggan dapat mengklik menu tentang kami maka system akan menyediakan form saran dan kritik.
Pelanggan mengisi inputan form saran dan kritik. Sistem akan melakukan validasi dari inputan pelanggan. Apabila format inputan salah maka sistem akan memberikan notifikasi kepada pelanggan bahwa inputan salah dan perlu diperbaiki. Apabila format inputan sudah sesuai maka pesan akan dikirim dan disimpan didalam database.
Pelanggan Sistem
Memilih dan mengklik Menu rating dan komentar
Menampilkan form Rating dan komentar
Mengisi form rating serta komentar Dan mengklik tombol kirim
Menyimpan transaksi pembayaran Kedalam database Memvalidasi format inputan
Valid ? Ya
Tidak
Gambar 3.7 Activity Diagram Rating dan Komentar
Keterangan untuk gambar diagram aktifitas memberikan rating dan komentar diatas dijelaskan pada table dibawah ini:
Tabel 3.26 Keterangan Activity Diagram Rating dan Komentar
Aktor Pelanggan
Skenario Dimulai saat pelanggan telah selesai melakukan pembayaran. Pelanggan akan diwajibkan oleh kasir untuk melakukan rating dan komentar melalui sistem. Pelanggan akan mengklik menu Daftar rating, maka System akan menampilkan daftar transaksi
yang perlu di berikan rating dan komentar. Pelanggan melakukan rating dan komentar. Rating dan komentar akan disimpan kedalam database.
Admin Sistem
Memilih dan mengklik
Menu produk perawatan Menampilkan daftar produk perawatan
Memilih link editor
tambah ubah hapus
Mengklik tombol simpan Atau hapus
Menyimpan (update) informasi Daftar produk perawatan kedalam
database
Gambar 3.8 Activity Diagram Mengelola Produk Perawatan
Keterangan untuk gambar diagram aktifitas mengelola daftar model dan perawatan rambut diatas dijelaskan pada table dibawah ini:
Tabel 3.27 Keterangan Activity Diagram Mengelola Produk Perawatan
Aktor Admin
Skenario Dimulai saat admin berhasil masuk kedalam login sistem. Admin mengklik menu master – produk. Maka sistem akan menampilkan daftar produk. Admin dapat melakukan penambahan, perubahan maupun menghapus data produk. Setelah itu sistem akan menyimpan data produk yang telah diupdate ke dalam database.
Admin Sistem
Mengklik menu MessageBox
(email atau sms) Menampilkan pilihan email atau sms
Menampilkan form pesan
email sms
Klik yang dipilih
Menginput form pesan dan mengklik
Tombol kirim Menvalidasi format inputan
TIDAK
VALID ?
Menampilkan notifikasi pesan terkirim YA
Memilih pilihan
Gambar 3.9 Activity Diagram Mengirim Pesan
Keterangan untuk gambar diagram aktifitas mengirim pesan diatas dijelaskan pada table dibawah ini:
Tabel 3.28 Keterangan Activity Diagram Mengirim Pesan
Aktor Admin
Skenario Dimulai saat admin berhasil masuk kedalam login sistem. Admin mengklik menu MessageBox dan memilih tipe pesan email atau sms yang akan digunakan. System menampilkan format pesan.
Admin menginput tujuan dan isi pesan lalu klik kirim. Sistem akan melakukan validasi apakah format inputan sesuai. Jika tidak maka akan memunculkan notifikasi format pesan salah. Apabila sudah benar maka pesan akan terkirim.
7. Activity Diagram Mengelola Daftar Stylish
Admin Sistem
Memilih dan mengklik
Menu Stylish Menampilkan data stylish
Memilih link editor
tambah ubah hapus
Mengklik tombol simpan Atau hapus
Menyimpan (update) informasi Data stylish kedalam
database
Gambar 3.10 Activity Diagram Mengelola Daftar Stylish
Keterangan untuk gambar diagram aktifitas mengelola daftar stylish
diatas dijelaskan pada table dibawah ini:
Tabel 3.29 Keterangan Activity Diagram Mengelola Daftar Stylish
Aktor Admin
Skenario Dimulai saat admin berhasil masuk kedalam login sistem. Admin mengklik menu Master – Stylish, maka sistem akan
menampilkan daftar stylish yang sudah terdaftar di sistem.
Admin dapat menambah, mengubah dan menghapus data stylish.
System akan mengupdate perubahan dan akan menyimpan
kedalam database
Admin Sistem
Memilih menu BackUp Menampilkan pilihan
BackUp data
Memilih pilihan
BackUp Stylish BackUp Pesan
Mengklik yang dipilih Membackup data dan menampilkan Notifikasi file backup telah disimpan(.sql)
Gambar 3.11 Activity Diagram Back Up Data
Keterangan untuk gambar diagram aktifitas melakukan back up data
diatas dijelaskan pada table dibawah ini:
Tabel 3.30 Keterangan Activity Diagram Back Up Data
Aktor Admin
Skenario Dimulai saat admin berhasil masuk kedalam login sistem. Admin mengklik menu BackUp data, maka system akan menampilkan
pilihan backup. Backup data stylish system dan backup pesan. System akan melakukan backup data berupa file .sql
Kasir / Admin Sistem
Mengisi username, password Dan mengklik tombol login
Memvalidasi format Inputan
Mencatat waktu dan sesi login
Valid ? Ya
Tidak
Gambar 3.12 Activity Diagram Melakukan Login
Keterangan untuk gambar diagram aktifitas melakukan login diatas dijelaskan pada table dibawah ini:
Tabel 3.31 Keterangan Activity Diagram Melakukan Login
Aktor Admin
Skenario Dimulai saat admin akan masuk kedalam sistem. Maka admin diminta untuk memasukan username berupa alamat email dan
password. Apabila password maupun username salah maka
sistem akan memberikan notifikasi bahwa username maupun
password salah. Admin harus input ulang. Jika benar maka system
akan mencatat sesi login dan admin dapat masuk kedalam sistem.
Kasir dan Admin Sistem
Memilih dan mengklik
Menu kritik dan saran Menampilkan daftar kritik dan saran
Mereview kritik dan saran
Gambar 3.13 Activity DiagramReview Kritik dan Saran
Keterangan untuk gambar diagram aktifitas review kritik dan saran
diatas dijelaskan pada table dibawah ini:
Tabel 3.32 Keterangan Activity DiagramReview Kritik dan Saran
Aktor Admin
Skenario Dimulai saat admin berhasil masuk kedalam login sistem. Admin mengklik menu MailBox – inbox guest book. System akan
menampilkan daftar kritik dan saran yang disubmit oleh pelanggan. Admin melakukan review terhadap saran dan kritik
pelanggan.
Admin dan Kasir Sistem
Mengklik menu laporan Menampilkan laporan transaksiDan tanggal periode
Menentukan periode tanggal Menampilkan rincian laporan Dan tombol cetak laporan
Klik cetak laporan Menampilkan rincian laporan Dan tombol cetak laporan
Gambar 3.14 Activity Diagram Melihat dan Mencetak Laporan
Keterangan untuk gambar diagram aktifitas melihat dan mencetak laporan diatas dijelaskan pada table dibawah ini:
Tabel 3.33 Keterangan Activity Diagram Melihat dan Mencetak Laporan
Aktor Admin dan kasir
Skenario Dimulai saat admin atau kasir berhasil masuk kedalam login sistem. Admin atau kasir mengklik menu laporan. System
akan menampilkan laporan transaksi. Admin atau kasir dapat melakukan cetak laporan.
Kasir Sistem
Memilih dan mengklik Menu transaksi
Menampilkan form transaksi Transaksi pembayaran
Mengisi form transaksi pembayaran Dan mengklik tombol bayar
Menyimpan transaksi pembayaran Kedalam database Memvalidasi format inputan
Valid ?
Mencetak struk pembayaran
Ya Tidak
Gambar 3.15 Activity Diagram Mengelola Transaksi
Keterangan untuk gambar diagram aktifitas mengelola transaksi diatas dijelaskan pada table dibawah ini:
Tabel 3.34 Keterangan Activity Diagram Mengelola Transaksi
Aktor Kasir
Skenario Dimulai saat kasir berhasil masuk kedalam login sistem. Kasir mengklik menu master - transaksi. System akan
menampilkan daftar transaksi. Kasir dapat menambah, merubah dan menghapus daftar transaksi. System akan
melakukan validasi atas format inputan maupun perubahan. Apabila tidak sesuai maka sistem akan memberitahu kesalahanya, Jika benar maka data akan diupdate kedalam database. System akan memunculkan pop up apakah perlu
cetak struk atau tidak.
Kasir Sistem
Memilih dan mengklik
Menu Pelanggan Menampilkan data pelanggan
Memilih link editor
tambah ubah hapus
Mengklik tombol simpan Atau hapus
Menyimpan (update) informasi Data stylish kedalam
database
Gambar 3.16 Activity Diagram Mengelola Daftar Pelanggan
Keterangan untuk gambar diagram aktifitas mengelola daftar pelanggan diatas dijelaskan pada table dibawah ini:
Tabel 3.35 Keterangan Activity Diagram Mengelola Daftar Pelanggan
Aktor Kasir
Skenario Dimulai saat kasir berhasil masuk kedalam login sistem. Kasir mengklik menu master – pelanggan. System akan
memunculkan daftar pelanggan yang sudah terdaftar. Admin dapat menambah, merubah maupun menghapus data pelanggan. System akan menyimpan data pelanggan
yang telah diupdate dan akan menyimpanya kedalam database
Kasir Sistem
Memilih dan mengklik Menu Reservasi
Menampilkan daftar Reservasi pelanggan
Memilih link editor
tambah ubah hapus
Mengklik tombol simpan Atau hapus
Menyimpan (update) informasi Daftar reservasi pelanggan kedalam
database
Gambar 3.17 Activity Diagram Mengelola Reservasi
Keterangan untuk gambar diagram aktifitas mengelola reservasi diatas dijelaskan pada table dibawah ini:
Tabel 3.36 Keterangan Activity Diagram Mengelola Reservasi
Aktor Kasir
Skenario Dimulai saat kasir berhasil masuk kedalam login sistem. Kasir mengklik menu transaksi. System akan menampilkan
daftar reservasi. Kasir dapat menambah, merubah dan menghapus daftar reservasi. System akan mengupdate
perubahan dan akan menyimpan kedalam database. 3.2.3 Class Diagram
+pilih() +tambah() +ubah() +hapus() -kode_tamu* -tanggal -jam -nama -email -subject -message -status bukutamu +pilih() +tambah() +ubah() +hapus() -nomor* -kode_pelanggan** -jumlah -status_diskon disk_transaksi +pilih() +tambah() +ubah() +hapus() -no* -waktu -dari -untuk -subjek -pesan -status mailbox +pilih() +tambah() +ubah() +hapus() -kode_pelanggan* -nama_pelanggan -jenis_kelamin -tempat_lahir -tanggal_lahir -alamat -phone -kontak -email Pelanggan +pilih() +tambah() +ubah() +hapus() -kode_pengguna* -nama -jenis_kelamin -tempat_lahir -tanggal_lahir -alamat -phone -kontak -email -password -level -image Pengguna +pilih() +tambah() +ubah() +hapus() -kode_produk* -produk -harga -status_produk -katagori -image Produk +pilih() +tambah() +ubah() +hapus() -norating* -kode_stylish** -kode_pelanggan** -faktur** -kebersihan -keramahan -kerapian -komentar rating +pilih() +tambah() +ubah() +hapus() -kode_stylish* -nama -jenis_kelamin -tempat_lahir -tanggal_lahir -alamat -phone -kontak -image -rating Stylish +pilih() +tambah() +ubah() +hapus() -faktur* -kode_pelanggan** -kode_stylish** -kode_pengguna** -tanggal_booking -tanggal_reservasi -total item -subtotal -disk -total_bayar -status Transaksi +pilih() +tambah() +ubah() +hapus() -kode_produk* -faktur** -produk -kategori -harga -total -image transaksi_rinci 1 1 1 1..* 1 1..* * 1 * 1 1 1 1 * 1 *
Gambar 3.18 Class Diagram
Pada diagram kelas diatas, kelas mailbox digunakan untuk menyimpan pesan yang dikirimkan melalui email dari admin ke pelanggan. Kelas bukutamu merupakan kelas yang digunakan untuk menyimpan pesan kritik dan saran yang dikirimkan pelanggan melalui form kritik saran pada halaman frontend. Kelas sent, inbox dan draft merupakan kelas untuk menyimpan data pesan yang dikirimkan melalui SMS.
Kelas disk_transaksi digunakan untuk menyimpan seberapa banyak pelanggan telah melakukan transaksi yang digunakan sebagai acuan dalam pemberian
diskon kepada pelanggan. Setiap melakukan transaksi sebanyak 10 kali maka akan mendapatkan diskon 50% untuk 1 transaksi selanjutnya. Rating stylish
dibuat per transaksi dan per satu perawatan agar penilaian terhadap pelayanan yang di berikan sylish lebih objektif.
3.2.4 Sequence Diagram
Berikut ini sequence diagram pada sistem yang akan dirancang:
1. SequenceDiagram Login
Gambar 3.19 Sequence Diagram Login
Penjelasan sequence diagram login dapat diihat pada table dibawah ini:
Tabel 3.37 Deskripsi Sequence Diagram Login
Nama Sekuens Login
Aktor Admin dan Kasir
Deskripsi User diwajibkan untuk login agar dapat mengakses
sistem. User menginput username dan password pada
validasi oleh sistem. Bila login gagal maka sistem akan memberikan pesan kepada user bahwa login
gagal. Bila login berhasil maka sistem akan menampilkan halaman beranda.
2. SequenceDiagram Cari Produk
Gambar 3.20 Sequence Diagram Cari Produk
Penjelasan sequence diagram cari produk dapat diihat pada table dibawah
ini:
Tabel 3.38 Deskripsi Sequence Diagram Cari Produk
Nama Sekuens Cari Produk
Aktor Pelanggan dan Stylish
Deskripsi User mengklik menu produk maka sistem akan
menampilkan daftar produk. Terdapat search engine pada
daftar produk digunakan untuk memudahkan user mencari sd SequenceDiagram Cari Produk
Pelanggan / Stylish Menu Utama Form Cari Produk Proses Cari Produk Produk
Klik Menu Produk()
Tampilkan Form Produk()
Isi Kriteria Produk()
Cari Produk()
Ambil Produk (Produk)
Tampilkan Produk()
produk. User input kriteria dan klik submit maka sistem
akan mencari produk sesuai kriteria yang telah di input.
Sistem akan menampilkan daftar produk hasil pencarian di database.
3. SequenceDiagram Pendaftaran Pelanggan
Gambar 3.21 Sequence Diagram Pendaftaran Pelanggan
Penjelasan sequence diagram pendaftaran pelanggan dapat diihat pada
table dibawah ini:
Tabel 3.39 Deskripsi Sequence Diagram Pendaftaran Pelanggan
Nama Sekuens Pendaftaran Pelanggan
Aktor Kasir
Deskripsi User mengklik menu master pelanggan maka sistem
akan menampilkan form pendaftaran pelanggan.
User input data yang dibutuhkan dan klik submit.
Sistem akan menyimpan data kedalam table
sd Sequence Diagram Pendaftaran Pelanggan
Kasir MenuUtama Form Pendaftaran Pelanggan
Proses Pendaftaran
Pelanggan
Pelanggan Pilih Master Pelanggan()
Tampilkan Form Pendaftaran Pelanggan() Masukan Data Pelanggan()
Klik Submit() Inpun Form Pendaftaran Pelanggan() SetDataPelanggan (DataPelanggan)
Pesan Data Ditambahkan()
pelanggan dan menampilkan pesan bahwa data sudah disimpan.
4. SequenceDiagram Tambah Produk
Gambar 3.22 Sequence Diagram Tambah Produk
Penjelasan sequence diagram tambah produk dapat diihat pada table
dibawah ini:
Tabel 3.40 Deskripsi Sequence Diagram Menambah Produk
Nama Sekuens Tmbah Produk
Aktor Admin
Deskripsi User mengklik menu master produk maka sistem akan
menampilkan form produk. User input data yang
dibutuhkan seperti nama, gambar, kategori, harga produk
sd SD Sequence Diagram Menambah Produk
Kasir MenuUtama Form Produk Proses
Penambahan Pengguna
Produk Pilih Master Produk()
Tampilkan Form Penambahan Produk()
Masukan Data Produk() Input Form Penambahan Produk() Simpan Data Produk (DataProduk) Pesan Data Ditambahkan() Tampilkan Pesan()
lalu klik submit. Sistem akan menyimpan data produk kedalam table produk dan menampilkan pesan bahwa data sudah disimpan.
5. SequenceDiagram Melakukan Reservasi
Gambar 3.23 Sequence Diagram Melakukan Reservasi
Penjelasan sequence diagram melakukan reservasi dapat diihat pada
table dibawah ini:
Nama Sekuens Melakukan Reservasi
Aktor Kasir
Deskripsi User mengklik menu transaksi maka sistem akan
menampilkan form transaksi. User input data yang
dibutuhkan seperti memilih produk, sylish, pelanggan, serta input tanggal reservasi dan user klik submit. Sistem
akan menyimpan data reservasi kedalam database dan menampilkan pesan bahwa data sudah disimpan.
6. SequenceDiagram Tambah Stylish
Gambar 3.24 Sequence Diagram Tambah Stylish
Penjelasan sequence diagram tambah stylish dapat diihat pada table
dibawah ini:
Tabel 3.42 Deskripsi Sequence Diagram Tambah Stylish
Nama Sekuens Tambah Stylish
Aktor Admin
sd Sequence Diagram Menambah Stylish
Admin MenuUtama Form Stylish Proses Penambahan
Pengguna
Stylish Pilih Master Stylish()
Tampilkan Form Penambahan Stylish() Masukan Data Stylish()
Klik Submit() Input Form Penambahan Stylish() Simpan DataStylish (Data Stylish)
Pesan Data Ditambahkan()
Deskripsi User mengklik menu master stylish maka sistem akan
menampilkan form stylish. User input data yang
dibutuhkan dan user klik submit. Sistem akan
menyimpan data stylish kedalam database dan
menampilkan pesan bahwa data sudah disimpan.
7. SequenceDiagram Tambah Pengguna
Gambar 3.25 Sequence Diagram Tambah Pengguna
Penjelasan sequence diagram tambah pelanggan dapat diihat pada
table dibawah ini:
Tabel 3.43 Deskripsi Sequence Diagram Tambah Pengguna
Nama Sekuens Tambah Pengguna
Aktor Admin
Deskripsi User mengklik menu master pengguna maka sistem akan
menampilkan form pengguna. User Input data yang
dibutuhkan seperti identitas pengguna serta level akses sistem pengguna(admin/kasir) dan user klik submit.
sd SD Sequence Diagram Menambah Pengguna
Admin MenuUtama Form
Penambahan Pengguna Proses Penambahan Pengguna Pengguna Pilih Master Pengguna()
Tampilkan Form Penambahan Pengguna()
Masukan Data Pengguna() Input Form Penambahan Pengguna() SetData Pengguna (DataPengguna) Pesan Data Ditambahkan() Tampilkan Pesan()
Sistem akan menyimpan data pengguna kedalam database dan menampilkan pesan bahwa data sudah disimpan.
8. SequenceDiagram Transaksi Pembayaran
Gambar 3.26 Sequence Diagram Transaksi Pembayaran
Penjelasan sequence diagram transakasi pembayaran dapat diihat pada
table dibawah ini:
Tabel 3.44 Deskripsi Sequence Diagram Transaksi Pembayaran
Nama Sekuens
Transakasi Pembayaran Aktor Kasir
sd SD Sequence Diagram Transaksi Pembayaran
Kasir Mengklik MenuUtama Form Stylish Control Transaksi Transaksi Proses Struk Tampilkan Struk Proses Cetak Printer Menu
Transaksi()
Menampilkan Menu Daftar Reservasi()
Update Daftar Reservasi()
Update Daftar Reservasi() SetDaftar Reservasi() Pesan Data Update() Tampilkan Pesan() Mengklik submit() Transaksi disimpan() Transaksi Disimpan() Proses Struk Pembayaran() Tampilkan Struk Pembayaran() Klik Cetak() Proses Cetak() Cetak Struk Pembayaran()
Deskripsi Data transakasi pembayaran di ambil dari data reservasi yang sudah di lakukan sebelumnya sehingga user cukup mengklik
menu transaksi reservasi dan mengupdate transaksi reservasi serta melakukan klik submit untuk melakukan pembayaran.
System akan menampilkan struk pembayaran. User dapat
mencetak struk pembayaran dengan klik cetak.
9. SequenceDiagram Kirim Pesan
Gambar 3.27 Sequence Diagram Kirim Pesan
Penjelasan sequence diagram kirim pesan dapat diihat pada table
Tabel 3.45 Deskripsi Sequence Diagram Kirim Pesan
Nama Sekuens
Kirim Pesan
Aktor Admin
Deskripsi User mengklik menu MessageBox maka terdapat pilihan
pengiriman pesan yaitu via email atau sms. System akan
menampilkan form pesan yang di pilih. User menginput no
atau alamat email tujuan serta isi pesan. User klik menu
kirim maka pesan akan dilakukan validasi bila pesan yang dikirimkan gagal maka akan tersimpan didalam folder draft sedangkan bila pesan berhasil terkirim maka akan tersimpan di folder sent. Sistem akan menampilkan pesan kepada user
apakah pesan tersebut berhasil terkirim atau gagal. 10.SequenceDiagram Cari Daftar Reservasi
Gambar 3.28 Sequence Diagram Cari Daftar Reservasi
Penjelasan sequence diagram cari daftar reservasi dapat diihat pada table dibawah ini:
sd SD Sequence Diagram Mencari Daftar Reserv asi
Pelanggan / Stylish Menu Utama Daftar Reservasi Proses Pencarian Transaksi Reservasi Klik Menu Reservasi
Pelanggan()
Tampilkan Daftar Reservasi()
Isi Kriteria Pencarian()
Proses Pencarian()
Ambil Reservasi()
Hasil Pencarian()
Tabel 3.46 Deskripsi Sequence Diagram Cari Daftar Reservasi
Nama Sekuens Cari Daftar Reservasi Aktor Pelanggan dan Stylish
Deskripsi User mengklik menu reservasi pelanggan, maka sistem
akan menampilkan daftar reservasi pelanggan. Tersedia
search engine yang digunakan untuk mencari reservasi
pelanggan. User input kriteria reservasi yang diinginkan.
Sistem akan melakukan proses pencarian sesuai dengan kriteria yang diinput dan menampilkan hasil pencarian.
11.SequenceDiagram Rating Stylish
Gambar 3.29 Sequence Diagram Rating Stylish
Penjelasan sequence diagram rating stylish dapat diihat pada table
Tabel 3.47 Deskripsi Sequence Diagram Rating Stylish
Nama Sekuens Rating Stylish
Aktor Pelanggan
Deskripsi User mengklik menu rating stylish, maka sistem akan
menampilkan daftar transakasi yang perlu dilakukan rating. Tersedia search engine yang digunakan untuk
mencari transaksi yang perlu dilakukan rating. User input
kriteria transaksi yang dicari. Sistem akan melakukan proses pencarian sesuai dengan kriteria yang diinput dan
menampilkan hasil pencarian. User klik rating stylish
pada daftar rating maka sistem akan menampilkan form rating. User melakukan rating berdasarkan pelayanan
yang diberikan dan juga menginput komentar atas pelayanan yang diterima. User klik submit maka data
rating stylish akan di simpan kedalam database.
12.SequenceDiagram Lihat Data Mailbox
Gambar 3.30 Sequence Diagram Lihat Data Mailbox
sd SD Sequence Diagram Pesan Mailbox
Kasir Menu Utama Menu Mailbox Proses Mailbox Data Mailbox Klik Mailbox()
Tampilkan Menu Mailbox()
Pilih Menu Mailbox()
Kirim data yang dipilih()
Ambil Data Mailbox()
Tampilkan data()
Penjelasan sequence diagram lihat daftar Mailbox dapat diihat pada
table dibawah ini:
Tabel 3.48 Deskripsi Sequence Diagram Lihat Data Mailbox
Nama Sekuens Lihat Data Mailbox
Aktor Kasir
Deskripsi User mengklik menu mailbox, maka sistem
manampilkan menu mailbox berupa pesan guestbook dan juga pesan rating stylish yang diberikan pelanggan. User memilih menu mailbox. Sistem melakukan
pencarian dan mengambil data sesuai dengan menu yang dipilih. Sistem menampilkan data hasil pencarian.
13.SequenceDiagram Laporan
Tabel 3.49 Deskripsi Sequence Diagram Laporan
Nama Sekuens Laporan
Aktor Kasir dan Admin
Deskripsi User mengklik menu laporan, maka sistem
menampilkan laporan transaksi. User dapat memasukan
periode laporan yang akan di tampilkan dan klik submit. Sistem akan melakukan proses pencarian kedalam database sesuai dengan kriteria yang di input. Sistem
akan menampilkan hasil pencarian. User dapat
mencetak laporan dengan klik cetak laporan. Sistem akan melakukan proses cetak dan dikirimkan ke printer.
3.3 Rancangan Struktur Tabel
Terdapat beberapa table yang digunakan dalam sistem yang sedang di bangun ini yaitu mailbox, pengguna, transaksi, rating, stylish, buku tamu,
produk, transaksi_rinci, pelanggan, dan disk transaksi.
1. Tabel mailbox berfungsi untuk menyimpan data pengiriman pesan . Tabel mailbox memiliki struktur berikut ini:
Table 3.50 Struktur Table Mailbox
# field Key Tipe Length Keterangan
1 no PK int 11 Nomor mailbox
2 waktu varchar 20 Waktu kirim pesan
3 dari varchar 50 Nama pengirim
4 untuk varchar 50 Nama penerima
5 subject varchar 50 Judul pesan
6 pesan varchar 225 Isi pesan
2. Tabel pengguna berfungsi untuk menyimpan informasi mengenai pengguna sistem (user). Tabel pengguna memiliki struktur berikut ini:
Table 3.51 Struktur Table Pengguna
# field Key Tipe Length Keterangan 1 kode_penggun
a
PK varchar 10 Kode pengguna
2 nama varchar 50 Nama pengguna
3 jenis_kelamin enum ‘pria’,’ wanita’
Jenis kelamin pengguna 4 tempat_lahir varchar 50 Tempat lahir pengguna 5 tanggal_lahir varchar 10 Tanggal lahir pengguna
6 alamat varchar 50 Alamat pengguna
7 phone varchar 15 Nomor rumah
pengguna
8 kontak varchar 15 Mobile phone
9 email varchar 50 Alamat email
10 password varchar text Password pengguna
11 level enum ‘admin’
,’kasir’
Level pekerjaan
12 image varchar 15 Foto pengguna
3. Tabel transaksi berfungsi untuk menyimpan data transaksi baik transaksi pembayaran maupun transaksi reservasi. Tabel transaksi memiliki struktur berikut ini:
Table 3.52 Struktur Table Transaksi
# Field Key Tipe Length Keterangan 1 Faktur PK varchar 13 Nomor faktur 2 Tgl_booking varchar 10 Tanggal submit 3 Tgl_reservasi enum 10 Tanggal pemesanan
4 Total_item int 11 Qty perawatan
5 subtotal int 11 Harga perawatan
6 Disk float Besarnya diskon
7 Total_bayar varchar 11 Jumlah yang perlu dibayar
8 Status varchar ‘0’,’1’ Status transaksi 9 Kode_pelanggan FK varchar 10 Id pelanggan 10 Kode_stylish FK varchar 10 Id stylish
11 Kode_pengguna varchar 10 Id pengguna
4. Tabel rating berfungsi untuk menyimpan data rating yang dilakukan pelanggan setelah melakukan perawatan rambut dan melakukan pembayaran. Tabel rating memiliki struktur berikut ini:
Table 3.53 Struktur Table Rating
# field Key Tipe Length Keterangan
1 norating PK int 11 Nomor rating
2 kebersihan int 11 Katagori rating
3 keramahan int 11 Katagori rating
4 kerapihan int 11 Katagori rating
5 komentar varchar 100 Isi komentar pelanggan 6 Kode_stylish FK varchar 10 Id stylish
7 Kode_pelanggan FK varchar 10 Id pelanggan
8 faktur FK varchar 13 No faktur transaksi pembayaran
5. Tabel stylish berfungsi untuk menyimpan data stylish dan juga digunakan
untuk penilaian oleh admin terhadap kinerja stylish berdasarkan penilaian
Table 3.54 Struktur Table Stylish
# field Key Tipe Length Keterangan 1 Kode_stylish PK varchar 10 Id stylish
2 nama varchar 50 Nama stylish
3 Jenis_kelamin enum ‘pria’,’w anita’
Jenis kelamin stylish
4 Tempat_lahir varchar 50 Tempat lahir 5 Tanggal_lahir varchar 10 Tanggal lahir
6 Alamat varchar 50 Alamat stylish
7 Phone varchar 15 No rumah stylish
8 Kontak varchar 15 Mobile phone stylish
9 Image varchar 15 Foto Stylish
10 rating enum ‘1’,’2’,’
3’,’4’,5’
Total rating penilaian
6. Tabel bukutamu berfungsi untuk menyimpan daftar tamu yang melakukan kritik dan saran melalui sistem pada menu tentang kami. Tabel bukutamu memiliki struktur berikut ini:
Table 3.55 Struktur Table Bukutamu
# field Key Tipe Length Keterangan
1 Kode_tamu PK int 11 Id tamu
2 tanggal varchar 10 Tanggal datang
3 Jam varchar 10 Pukul
4 Nama varchar 50 Nama tamu
5 Email varchar 50 Alamat email
6 Subject varchar 35 Judul pesan
7 Message varchar 50 Isi pesan
7. Tabel produk berfungsi untuk menyimpan produk perawatan rambut. Tabel produk memiliki struktur berikut ini:
Table 3.56 Struktur Table Produk
# field Key Tipe Length Keterangan 1 Kode_produk PK varchar 11 Id produk
2 Produk varchar 50 Nama produk
3 Harga int 11 Harga produk
4 Status_produk enum ‘default ’,baru’, ‘promo ’
Status produk
5 Katagori varchar 15 Kategori produk
6 image varchar 15 Foto produk
8. Tabel transaksi_rinci berfungsi untuk menampilkan data transaksi secara rinci baik berdasarkan kode produk dan nomor faktur transaksi. Tabel transaksi_rinci memiliki struktur berikut ini:
Table 3.57 Struktur Table Transaksi _rinci
# field Key Tipe Length Keterangan 1 Kode_produk PK varchar 10 Id produk
2 produk varchar 50 Nama produk
3 Kategori varchar 15 Katagori produk
4 Harga Int 11 Harga produk
5 Jumlah Int 11 Qty produk
6 Total Int 11 Harga total
7 Image varchar 15 Foto
9. Tabel pelanggan berfungsi untuk menyimpan data pelanggan yang sudah melakukan reservasi maupun melakukan transaksi. Tabel pelanggan memiliki struktur berikut ini:
Table 3.58 Struktur Table Pelanggan
# field Key Tipe Lengt
h
Keterangan 1 Kode_pelanggan PK varchar 10 Id pelanggan 2 Nama_pelanggan varchar 50 Nama pelanggan
3 Jenis_kelamin Enum ‘pria’,
’wanit a’
Jenis kelamin
4 Tempat_lahir varchar 50 Tempat lahir
pelanggan
5 Tanggal_lahir varchar 10 Tanggal lahir
pelanggan
6 Alamat varchar 50 Alamat pelaggan
7 Phone varchar 15 Nomor rumah
pelanggan
8 Kontak varchar 15 Nomor handphone
pelanggan
9 Email varchar 50 Alamat email
10.Tabel disk_transaksi berfungsi untuk menyimpan jumlah transaksi yang pernah dilakukan oleh pelanggan. Jumlah transaksi tersebut disimpan untuk menjalankan promo yang berlaku yaitu setiap 10 kali pelanggan melakukan transaksi(perawatan) maka pelanggan akan mendapatkan diskon sebesar 50% untuk perawatan ke 11. Tabel disk_transaksi memiliki struktur berikut ini:
Table 3.59 Struktur Disk_transaksi
# field Key Tipe Length Keterangan
1 Nomor PK Int 11 Nomor disk
transaksi 2 Kode_pengguna FK Varchar 10 Id pengguna
3 Jumlah Int 11 Jumlah transaksi
4 Status_diskon enum ‘1’,’0’ Kategori diskon
3.4 Gammu
Pada perancangan sistem informasi ini penulis menggunakan aplikasi open source Gammu untuk menambahkan layanan sms kepada pelanggan. Layanan SMS ini membantu barbershop dalam memberikan informasi kepada
pelanggan secara efektif dan efisien. Aplikasi open source tersebut dapat di download melalui situs resmi http://wammu.eu/download. Aplikasi gammu tersebut sudah menyediakan database mysql sehingga tidak perlu membuat table satu persatu.
3.5 Rancangan Antarmuka User
Sistem informasi barbershop ini terdiri dari dua bagian utama sebagai
berikut:
1. Tampilan Frontend: berfungsi sebagai tampilan utama yang berinteraksi langsung dengan user biasa ( stylish dan pelanggan).
Gambar 3.32 Struktur rancangan Frontend
2. Tampilan Backend: berfungsi untuk memudahkan user dalam mengelola
website. User disini ada dua yaitu admin dan kasir. Agar menjaga
keamanan data maka penulis merancang login admin dan kasir berada di page yang berbeda.
a. Tampilan Backend Kasir
Gambar 3.33 Struktur rancangan Backend Kasir b. Tampilan Backend Admin
Gambar 3.34 Struktur rancangan Backend Admin
3.5.1 Tampilan Frontend
Rancangan tampilan(mockup) untuk frontend antara lain rancangan
halaman beranda, tentang kami, daftar reservasi dan rating stylish.
Gambar 3.35 Rancangan Halaman Beranda
Saat pertama kali user (stylish dan pelanggan) mengakses sistem,
halaman beranda ini akan tampil. Terdapat beberapa informasi yang dapat langsung diterima oleh user seperti info produk, kategori
perawatan, harga, info promo, dan juga recomended item serta adanya seach engine untuk memudahkan user dalam mencari model rambut
yang dicari. User tidak perlu melakukan login untuk mengakses
beranda ini.
Gambar 3.36 Rancangan Halaman Tentang Kami
Halaman ini berisi informasi mengenai barbershop seperti alamat barbershop, contact info, social media barbershop dan juga terdapat
form untuk mengirimkan pesan maupun saran kepada barbershop. User diwajibkan menginput alamat email agar dapat dihubungi oleh
pihak barbershop bila diperlukan sebagai tindak lanjut atas pesan yang
dikirimkan sebelumnya. 3. Tampilan Daftar Reservasi
Gambar 3.37 Rancangan Halaman Daftar Reservasi
Halaman ini berisi tentang informasi daftar reservasi, daftar reservasi ini terdapat no urut pemesanan dan juga no antrian per
stylish, sehingga memudahkan pelanggan untuk mengetahui nomor
antrian. Reservasi hanya dapat dilakukan oleh kasir sehingga pelanggan yang ingin melakukan perawatan harus melakukan reservasi terlebih dahulu baik melalui via phone maupun datang langsung ke barbershop.
Gambar 3.38 Rancangan Halaman Rating Stylish
Halaman ini di gunakan oleh pelanggan untuk melakukan rating
stylish setelah melakukan perawatan dan transaksi. Terdapat pula
daftar nama stylish beserta ratingnya. Rating stylish ini dirancang oleh
penulis per satu transaksi dan per satu kategori perawatan. Hal ini dibuat agar penilaian pelanggan terhadap layanan yang diberikan oleh
stylish lebih akurat.
3.5.2 Tampilan Backend
Rancangan untuk backend dibuat agar memudahkan admin maupun kasir dalam mengelola website sehingga proses bisnis dapat berjalan sesuai dengan fungsinya. Berikut ini merupakan rancangan tampilan yang digunakan untuk admin dan kasir sebagai berikut:
Gambar 3.39 Rancangan Halaman Login
Halaman login akan muncul saat admin dan kasir pertama kali akan membuka sistem.
2. Tampilan Dialog Merubah Password
Gambar 3.40 Rancangan Halaman Merubah Password
Dialog merubah password akan muncul saat kasir dan admin klik
user dibagian kanan atas dan memilih password.
3.5.2.1 Tampilan Backend Kasir 1. Tampilan Beranda Kasir
Gambar 3.41 Rancangan Beranda Kasir
Halaman kasir ini terdiri dari beberapa menu untuk mengelola transaksi pada sistem ini. Isi halaman akan ditampilkan pada sebelah kanan. Setelah berhasil login, halaman di atas akan ditampilkan. Menu disebelah kanan atas (user) merupakan menu untuk logout dan juga menu untuk
mengganti password. Menu akan di tampilkan setelah kasir mengklik menu
user pada sebelah kanan atas.
Pada menu beranda terdapat beberapa informasi tentang total registrasi, total reservasi dan juga transaksi. Terdapat menu Mailbox digunakan untuk menyimpan pesan berupa kritik, saran, rating stylish dan
juga komentar dari pelanggan. Menu master merupakan menu yang digunakan untuk menambahkan daftar pelanggan dan melihat list reservasi. Menu transaksi digunakan untuk melakukan reservasi dan juga melakukan transaksi pembayaran. Terdapat pula menu laporan yang digunakan untuk mencetak laporan transaksi pembayaran.
Gambar 3.42 Rancangan Mailbox – Guestbook
Kasir dapat melihat kotak masuk pesan yang dikirimkan oleh pelanggan dari website frontend. Pesan dapat berupa saran, kritik maupun pertanyaan dari pelanggan. Saat pelanggan mengirimkan pesan diharuskan mencantumkan alamat email. Alamat email tersebut digunakan oleh kasir untuk menindaklanjuti pesan yang dikirimkan pelanggan bila diperlukan.
3. Tampilan Mailbox Inbox Commentar
Gambar 3.43 Rancangan Mailbox – Inbox Commentar
Kasir dapat melihat kotak masuk komentar dan rating yang diberikan pelanggan pada menu ini. Rating dan komentar ini dapat dilakukan pelanggan setelah melakukan transaksi pembayaran. Terdapat tiga jenis katagori penilaian rating meliputi kebersihan tempat, keramahan layanan dan juga kerapian dari hasil perawatan. Rating dan komentar ini dijadikan acuan dalam penilaian kinerja
4. Tampilan Master Pelanggan
Gambar 3.44 Rancangan Master Pelanggan
Kasir dapat melihat pelanggan yang sudah terdaftar pada menu ini. Kasir juga dapat merubah, menambah dan juga menghapus daftar pelanggan.
5. Tampilan Form Pelanggan
Gambar 3.45 Rancangan Form Pelanggan
Form ini digunakan oleh kasir untuk melakukan pendaftaran pelanggan baru.
Gambar 3.46 Rancangan Reservasi
Kasir dapat melihat daftar reservasi yang telah dilakukan oleh pelanggan melalui menu ini.
7. Tampilan Transaksi
Gambar 3.47 Rancangan Transaksi
Menu ini digunakan oleh kasir untuk melakukan reservasi dan transaksi. Saat kasir menambahkan daftar transaksi dan disimpan maka data tersebut akan masuk kedalam list reservasi. Setelah pelanggan melakukan pembayaran maka kasir akan mengklik control submit sehingga transakasi tersebut masuk kedalam daftar transaksi yang perlu diberikan rating dan komentar oleh pelanggan.
Gambar 3.48 Rancangan Form Transaksi
Form ini digunakan kasir untuk menambahkan transaksi dan reservasi pelanggan.
9. Tampilan Laporan Transaksi
Gambar 3.49 Rancangan Laporan Transaksi
Kasir dapat melihat laporan transaksi pada hari yang berjalan sedangkan laporan transaksi yang lengkap hanya dapat dilihat oleh admin. Pada menu ini kasir juga dapat mencetak laporan transaksi dengan mengklik cetak laporan
3.5.2.2 Tampilan Backend Admin 1. Tampilan Beranda Admin