## E-BOOKING SALON KECANTIKAN MENGGUNAKAN METODE UCD ( USER CENTERED DESIGN ) PADA MARIA STUDIO BEAUTY

## Desi Srinarika Sitinjak, Tantri Hidayati Sinaga, Eka Rahayu
Fakultas Teknik dan Komputer, Universitas Harapan Medan email : desimnnvnn@gmail.com , tantri.hida83@gmail.com , eka.r0041@gmail.com

## Abstract
Development  business  beauty  business  is  currently  growing  rapidly  with  following  changes  technology and method look somebody to style life, good women nor man always want to come on stage interesting as well as perfect for cover the drawbacks with do various method among others do maintenance beauty. Wrong business or form in field beauty which there is that is salon which is form business wich is related with service beauty, which offer various maintenance from hair ends until toe. However in beauty salon Maria  Studio Beauty  from  consumers  to  owner  still  not  maximal,  then  from  that  writer  make  system  E- Booking beauty salon. The method used in this research is (UCD). UCD is technique that places the user at the center of the system design process. The biggest benefit of implementing UCD is that it can provide a  more  accurate  defenition  of  requirements  from  system  users.  This  method  is  used  to  produce  a  user interface design that is in accordance with the experience and needs for the user. With this Beauty Salon E-Booking system, it can make it more for consumers to choose to type of service they need and can help Maria Studio Beautu owners in managing salons using the system.
Keywords : E-Booking, Beauty salon, UCD (User Centered Design).

## 1. PENDAHULUAN
Pada masa dunia  yang mengalami teknologi maju  saat  ini,  kita  dapat  melihat  bahwa penggunaan  teknologi  semakin  meningkat  dan masyarakat  pada  umumnya  menggunakan  hal- hal  yang  praktis  dan  cepat  [1]–[7],  [8],  [9]. Begitu  pula  dengan  penerapan  teknologi  yang berkembang  dengan  berbagai  variasi  tampilan dan  manfaat  sudah  disajikan  secara  berbeda [10]–[14], [15]–[18].
Bisnis  kecantikan  saat  ini  juga  sudah mengalami  perkembangan  yang  pesat  dengan mengikuti  kemajuan  teknologi  dan  gaya  hidup yang  serba  teknologi,  baik  wanita  maupun  pria selalu ingin berpenampilan menarik dan sempurna  dengan  cara  melakukan  perawatan kecantikan.
Salah  satu  bentuk  usaha  ataupun  bisnis dalam  bidang  kecantikan  yang  ada  yaitu  salon. Salon  kecantikan  menawarkan  berbagai  bentuk perawatan  yang  dimulai  dari  ujung  rambut hingga  ke  ujung  kaki.  Meskipun  salon  identik
dengan  kaum  wanita,  namun  sekarang  banyak kaum  pria  yang  juga  menggunakan  layanan salon tersebut.
Maria  Studio  Beauty  merupakan  jasa layanan  perawatan  kecantikan,  banyak  jasa layanan  yang  disediakan  oleh  Maria  Studio Beauty  seperti make  up pengantin, make  up wisuda, SPA , lulur, s moothing dan masih banyak lagi  yang  lainnya.  Saat  ini  Maria  Studio  Beauty masih  belum  menggunakan  sistem  untuk mempermudah  konsumen  dalam  melakukan b ooking atau  pemesanan  layanan  salon . Konsumen  melakukan  booking  masih  dengan cara  menanyakan  melalui  media  aplikasi WhatsApp  atau  konsumen  datang  langsung  ke salon.  Hal  ini  memakan  banyak  waktu  karena harus membalas satu persatu pertanyaan pesanan yang  dilakukan  oleh  konsumen  melalui  pesan WhatsApp.  Belum  adanya  rekap  data  transaksi pelayanan konsumen juga menyebabkan konsumen  yang  datang  langsung  ke  salon
tersebut  belum  tentu  dapat  langsung  dilayani atau tidak.
Untuk  mempermudah  pekerjaan,  saat  ini telah  digunakan  berbagai  perancangan  sistem informasi  [19]–[24]  termasuk  juga  untuk mempermudah  layanan  [25],    [26],  [27]–[30]. Oleh  karena  itu  untuk  mempermudah  layanan pelanggan  pada  Maria  Studio  Beauty  maka dirancang  sebuah  sistem  informasi  layanan pemesanan  salon  kecantikan  berbasis web , dimana pada sistem ini konsumen dapat melihat jenis  pelayanan  yang  disediakan,  lalu  dapat membooking  layanan,  serta  dapat  memberikan laporan di setiap layanannya.

## 2. METODE PENELITIAN
Untuk
membantu
penyelesaian
permasalahan  di  atas  maka  digunakan  metode UCD  ( User  Cenetered  Design ).  UCD  adalah teknik  desain  tampilan  yang  mengacu  pada kebutuhan  dari  pengguna  sistem  tersebut.  [31]. Adapun tahapan dari metode UCD yaitu :
1. Studi Literatur Studi  literatur  yaitu  landasan  teori  yang berhubungan  dengan  penelitian.  Penulis mencari  sumber  data  dengan  cara  membuat catatan  yang  bersumber  pada  bahan-bahan pustaka  yang  mendukung  dan  berkaitan dengan penerapan E-Booking layanan salon.
2. Analisis Kebutuhan analisis kebutuhan dilakukan untuk mengetahui  kebutuhan  dari  sistem.  pada penelitian  ini  digunakan  metode  UCD dimana  ada  dua  alur  yang  berkaitan  yaitu Memahami dan menentukan konteks pengguna ( Specify The Context Of Use ) dan menentukan  kebutuhan  pengguna  ( Specify user requirements).
3. Perancangan
Pada  perancangan  dilakukan  dengan  dua alur  terakhir  yaitu  solusi  perancangan  yang dihasilkan (product  design  solution) dan evaluasi  perancangan  terhadap  kebutuhan pengguna (evaluate design against requirements) . 4. Implementasi
implementasi pada tahap perancangan sistem, interface dan  tabel  yang  telah dilakukan sebelumnya akan di
implementasikan  ke  dalam  bentuk  codingan sehingga akan menghasilkan suatu sistem E- Booking salon.  Bahasa  pemrograman  yang digunakan  yaitu  PHP  dan database Mysql untuk  menyimpan  data.  Pada  tahap  ini menggunakan  tools  yang  ada  pada software Xampp.
5. Pengujian Tahap selanjutnya yaitu pengujian. Tahap ini dilakukan  agar  diketahui  apakah  hasil implementasi  sistem  telah  sesuai  dengan perancangan  dan  analisis  kebutuhan,  serta untuk  mengecek  adakah bug atau error pada sistem.  Dengan  tahapan  ini  dapat  diketahui kekurangan  sistem  dan  apa  yang  harus diperbaiki dalam sistem tersebut.
6. Pengambilan kesimpulan
Dari  hasil  hasil  pengujian  dan  analisis selanjutnya  diambil  kesimpulan  dan  saran yang diharapkan dapat mengatasi permasalahan yang ada.
Gambar 1. Metode Penelitian

## 3. HASIL DAN PEMBAHASAN
Adapun  implementasi  desain  interface  yang di hasilkan yaitu :

## 1. Tampilan Halaman Daftar
Tampilan  halaman  daftar  merupakan  desain interface dimana  pada  halaman  ini  pengguna sistem  (Konsumen)  harus  mendaftar  terlebih dahulu  agar  dapat  menggunakan  fitur  sistem. Setelah  membuka  halaman  daftar  maka  akan tampil  form  pendaftaran  isi  data  diri  kemudian klik button daftar.
Gambar 2. Tampilan Menu Daftar

## 2. Tampilan Halaman Login
Pada halaman ini pengguna sistem (konsumen,  admin,  pemilik)  harus  melakukan login  terlebih  dahulu  dengan  cara  melakukan input username dan password .
1. Menu Login Konsumen
Dalam  tampilan login pada  halaman  ini pengguna sistem (Konsumen) harus memasukkan username dan password terlebih  dahalu  agar  dapat  menggunakan sistem.
Gambar 3. Menu Login (Konsumen)
2. Menu Login Admin Dalam  menu login pada  halaman  ini pengguna  sistem  (Admin)  memasukkan username dan password terlebih dahalu agar dapat menggunakan sistem.
Gambar 4.Menu Login (Admin)
3. Menu Login Pemilik Dalam  tampilan login pada  halaman  ini pengguna  sistem  (Pemilik)  diwajibkan memasukkan username dan password terlebih  dahalu  agar  dapat  menggunakan sistem.
Gambar 5. Implementasi Interface Halaman Login (Pemilik)
3. Tampilan Halaman Booking Layanan dan

## Perawatan
Dalam Tampilan Halaman Booking Layanan dan  Perawatan  ini  konsumen  dapat  melihat informasi  layanan  dan  perawatan  serta  dapat booking layanan  dan  perawatan  salon  yang tersedia pada sistem.
Gambar 6. Tampilan Halaman Booking Layanan dan Perawatan (Konsumen)

## 4. Tampilan Halaman Jasa Layanan Dan Perawatan
Dalam  Tampilan  ini  admin  dan  pemilik dapat mengelola data layanan dan perawatan pada sistem.
1. Tampilan  Halaman  Jasa  Layanan  dan Perawatan (Admin)
Dalam  tampilan  halaman  ini  pengguna sistem  (Admin)  dapat  mengelola  data layanan  dan  perawatan  pada  sistem  dengan klik  tambah  data  untuk  menambah  data perawatan,  dan  mengklik  kelola  data booking untuk melihat pesanan konsumen.
Gambar 7. Tampilan Halaman Jasa Layanan dan
Perawatan (Admin)
2. Tampilan Halaman Jasa Layanan dan
Perawatan (Pemilik)
Dalam  tampilan  halaman  jasa  layanan dan  perawatan  pada  halaman  ini  pengguna sistem (Pemilik) dapat memantau dan mengelola data  layanan  dan  perawatan  pada  sistem  dengan klik  tambah  data  untuk  menambah  data perawatan,  dan  mengklik  kelola  data  booking untuk melihat pesanan konsumen.
Gambar 8. Tampilan Halaman Jasa Layanan dan Perawatan (Pemilik)

## 5. Tampilan Halaman Kelola Data Karyawan
Dalam  Tampilan  Halaman  Kelola  Data Karyawan pemilik dapat memantau dan mengelola  data  karyawan  pada  sistem.  Dengan mengklik  data  karyawan,  kemudian  akan  tampil halaman data karyawan.
Gambar 9. Halaman Data Karyawan (Pemilik)

## 6. Tampilan Halaman Data Konsumen
Dalam  Tampilan  Halaman  Data  Konsumen, admin  dan  pemilik  dapat  mengelola  data konsumen pada sistem.
1. Halaman Data Konsumen (Admin)
Dalam  tampilan  menu  data  konsumen  pada halaman  ini  pengguna  sistem  (Admin)  dapat melihat  dan  memantau  data  konsumen  pada sistem.  Dengan  mengklik  data  konsumen, kemudian akan tampil halaman data konsumen.
Gambar 10. Halaman Data Konsumen (Admin)
2. Halaman Data Konsumen (Pemilik)
Dalam  tampilan  halaman  data  konsumen pada  halaman  ini  pengguna  sistem  (Admin) dapat  memantau  dan  melihat  data  konsumen pada  sistem.  Dengan  mengklik  data  konsumen, kemudian akan tampil halaman data konsumen.
Gambar 11. Halaman Data Konsumen (Pemilik)

## 7. Tampilan Halaman Kelola Data Laporan
Dalam  Tampilan  Halaman  Data  Konsumen ini  admin dan pemilik dapat mengelola data konsumen pada sistem.
1. Tampilan Halaman Kelola Laporan (Admin) Dalam  tampilan  kelola  data  laporan,  pada halaman ini admin dapat melihat, mencetak data laporan  pada  sistem.  Dengan  membuka  menu laporan,  kemudian  akan  tampil  menu  laporan. Terdapat  laporan  konsumen,  rekap  booking, rekap  transaksi  belum  bayar,  rekap  laporan transaksi sudah bayar.
Gambar 12. Tampilan Halaman Kelola Laporan (Admin) 2. Tampilan Halaman Kelola Laporan
(Pemilik)
Dalam  tampilan  kelola  data  laporan, pada halaman ini admin dapat melihat, mencetak data  laporan  pada  sistem.  Dengan  membuka menu  laporan,  kemudian  akan  tampil  menu laporan.  Terdapat  laporan  konsumen,  rekap booking,  rekap  transaksi  belum  bayar,  rekap laporan transaksi sudah bayar.
Gambar 13. Halaman Kelola Laporan (Pemilik)

## 4 .   KESIMPULAN
Berdasarkan dari penelitian yang dilakukan oleh penulis  pada  Maria  Studio  Beauty  dan pembuatan website E-Booking Salon Kecantikan Menggunakan  Metode  UCD  ( User  Centered Design )  dapat  diambil  beberapa  kesimpulan diantaranya :
1. Hasil  penelitian  yang  didapatkan  dengan adanya system E-Booking Salon Kecantikan akan mempermudah konsumen dalam melakukan  pemesanan  jasa  layanan  yang tersedia  di  salon  dan  memudahkan  admin  / karyawan begitu juga dengan pemilik dalam memanajemen  salon  kecantikan  beserta laporannya.
2. Membangun sistem E-Booking salon kecantikan  menggunakan  metode  UCD ( User Centered Design ).

## 5.  REFERENSI
[1] P. D. P. Adi and A. Kitagawa, “A Study of  LoRa  Performance  in  Monitoring  of Patient’s  SPO2  and  Heart  Rate  based IoT,” Int. J. Adv. Comput. Sci. Appl. , vol. 11, no. 2, 2020, doi: 10.14569/IJACSA.2020.0110232.
[2] P.  D.  P.  Adi  and  A.  Kitagawa, “Performance  Evaluation  of  E32  Long Range  Radio  Frequency  915  MHz  based on  Internet  of  Things  and  Micro  Sensors Data,” Int.  J.  Adv.  Comput.  Sci.  Appl. , vol. 10, no. 11, 2019, doi: 10.14569/IJACSA.2019.0101106.
[3] P.  D.  P.  Adi  and  A.  Kitagawa,  “A Review  of  the  Blockly  Programming  on
M5Stack  Board  and  MQTT  Based  for Programming  Education,”  in 2019  IEEE 11th International Conference on Engineering  Education  (ICEED) ,  Nov. 2019, pp. 102–107, doi: 10.1109/ICEED47294.2019.8994922.
[4] P.  Dani  Prasetyo  Adi  and  A.  Kitagawa, “A  performance  of  radio  frequency  and signal  strength  of  LoRa  with  BME280
sensor,” TELKOMNIKA (Telecommunication  Comput.  Electron. Control. ,  vol.  18,  no.  2,  p.  649,  Apr.
2020, doi: 10.12928/telkomnika.v18i2.14843.
[5] P.  D.  P.  Adi  and  A.  Kitagawa, “Performance  Evaluation  of  LoRa ES920LR 920 MHz on the Development Board,” Int.  J.  Adv.  Comput.  Sci.  Appl. ,
vol. 11, no. 6, 2020, doi: 10.14569/IJACSA.2020.0110602. [6] S.  Sumaizar,  K.  Sinaga,  E.  D.  Siringo- ringo, and V. M. M. Siregar, “Determining  Goods  Delivery  Priority for  Transportation  Service  Companies Using  SAW  Method,” J.  Comput.
Networks, Archit. High Perform. Comput. ,  vol.  3,  no.  2,  pp.  256–262, 2021, doi: 10.47709/cnahpc.v3i2.1154.
[7] V.  M.  M.  Siregar  and  N.  F.  Siagian, “Sistem  Informasi  Front  Office  Untuk Peningkatan Pelayanan Pelanggan Dalam Reservasi Kamar Hotel,” J. Tek. Inf. dan Komput. ,  vol.  4,  no.  1,  pp.  77–82,  2021, doi: 10.37600/tekinkom.v4i1.279.
[8] Siharningsih, V. Sihombing, and Masrizal, “Sistem Informasi Administrasi Data  Siswa  Berbasis  Web  Pada  SMK Swasta  Pembangunan  Bagan  Batu,” TEKINKOM ,  vol.  4,  no.  1,  pp.  70–77, 2021, doi: 10.37600/tekinkom.v4i1.229.
[9] M.  Fauzi,  Masrizal,  and  V.  Sihombing, “Sistem Informasi IT-Helpdesk Universitas Labuhanbatu Berbasis Web,” Jurteksi ,  vol.  VII,  no.  3,  pp.  259–266,
2021.
[10] S.  S.  S,  A.  T.  Purba,  and  V.  M.  M. Siregar,  “Sistem  Pendukung  Keputusan Kelayakan  Pemberian  Pinjaman  Kredit Menggunakan  Metode  Topsis  Pada  Cum Caritas  HHKBP  Pematangsiantar,” J. Tek. Inf. dan Komput. , vol. 3, no. 1, p. 1, Sep. 2020, doi: 10.37600/tekinkom.v3i1.117.
[11] A.  T.  Purba  and  V.  M.  M.  Siregar, “Sistem  Penyeleksi  Mahasiswa  Baru Berbasis  Web  Menggunakan  Metode Weighted  Product,” TEKINKOM ,  vol.  3, no. 1, pp. 1–8, 2020, doi:
10.37600/tekinkom.v3i1.117.
[12] H. Sugara, E. Sirait, M. A. Hanafiah, and
N.  F.  Siagian,  “Sistem  Informasi Pembayaran  SPP  Pada  SMK  Swasta Teladan  Tanah  Jawa  Menggunakan Vb.Net,” J. Tek. Inf. dan Komput. , vol. 3,
no. 1, p. 14, 2020, doi: 10.37600/tekinkom.v3i1.125.
[13] V.  M.  M.  Siregar,  E.  Damanik,  M.  R.
Tampubolon,  E.  I.  Malau,  E.  P.  S. Parapat,  and  D.  S.  Hutagalung,  “Sistem Informasi Administrasi Pinjaman
(Kredit)  Pada  Credo  Union  Modifikasi (CUM) Berbasis Web,” J. Tekinkom , vol. 3,  no.  2,  pp.  62–69,  2020,  doi: 10.37600/tekinkom.v3i2.193.
[14] V.  M.  M.  Siregar,  S.  Sonang,  A.  T. Purba,  H.  Sugara,  and  N.  F.  Siagian, “Implementation  of  TOPSIS  Algorithm for  Selection  of  Prominent  Student Class,” J. Phys. Conf. Ser. , vol. 1783, no.
1, p. 012038, Feb. 2021, doi: 10.1088/1742-6596/1783/1/012038.
[15] P.  D.  P.  Adi et  al. ,  “A  Performance Evaluation of ZigBee Mesh Communication on the Internet of Things (IoT),” 3rd  2021  East  Indones.  Conf. Comput.  Inf.  Technol.  EIConCIT  2021 , pp. 7–13, 2021, doi: 10.1109/EIConCIT50028.2021.9431875.
[16] V.  M.  M.  Siregar,  S.  Sonang,  A.  T. Purba,  H.  Sugara,  and  N.  F.  Siagian, “Implementation  of  TOPSIS  Algorithm for  Selection  of  Prominent  Student Class,” J. Phys. Conf. Ser. , vol. 1783, no.
1, p. 012038, Feb. 2021, doi: 10.1088/1742-6596/1783/1/012038.
[17] V.  Sihombing et  al. ,  “Additive  Ratio
Assessment (ARAS) Method for Selecting English Course Branch
Locations,” J.  Phys.  Conf.  Ser. ,  vol. 1933,  no.  1,  p.  012070,  Jun.  2021,  doi: 10.1088/1742-6596/1933/1/012070.
[18] S.  Sirait et  al. ,  “Selection  of  the  Best
Administrative  Staff  Using  Elimination Et Choix Traduisant La Realite
(ELECTRE)  Method,” J.  Phys.  Conf.
Ser. ,  vol.  1933,  no.  1,  p.  012068,  Jun. 2021, doi: 10.1088/1742- 6596/1933/1/012068. [19] J.  Simatupang  and  E.  S.  Hendarti,
“Implementasi  Sistem  Informasi  Job
Portal Pada BPJS Ketenagakerjaan Berbasis Web,” J. Intra Tech , vol. 5, no.
2, pp. 48–59, 2021.
[20] V. M. M. Siregar, M. R. Tampubolon, E. P.  S.  Parapat,  E.  I.  Malau,  and  D.  S. Hutagalung,  “Decision  support  system for  selection  technique  using  MOORA method,” IOP  Conf.  Ser.  Mater.  Sci. Eng. ,  vol.  1088,  no.  1,  p.  012022,  Feb. 2021, doi: 10.1088/1757- 899X/1088/1/012022.
[21] V.  Sihombing,  V.  M.  M.  Siregar,  W.  S. Tampubolon,  M.  Jannah,  Risdalina,  and A.  Hakim,  “Implementation  of  simple additive  weighting  algorithm  in  decision support  system,” IOP  Conf.  Ser.  Mater. Sci.  Eng. ,  vol.  1088,  no.  1,  p.  012014,
Feb. 2021, doi: 10.1088/1757-
899X/1088/1/012014.
[22] V.  Sihombing  and  G.  J.  Yanris,
“PENERAPAN  APLIKASI  DALAM
MENGOLAH  ASET  DESA  (STUDI
KASUS: KEPENGHULUAN SRI KAYANGAN),” J.  Mantik  Penusa ,  vol. 4, no. 1, pp. 12–15, 2020.
[23] J. Simatupang and S. Sianturi, “PERANCANGAN SISTEM INFORMASI  PEMESANAN  TIKET BUS PADA PO.
HANDOYO
BERBASIS  ONLINE,” J.  Intra  Tech , vol. 3, no. 2, pp. 11–25, 2019.
[24] Fricles  Ariwisanto  Sianturi,  “Analisa metode teorema bayes dalam mendiagnosa  keguguran  pada  ibu  hamil berdasarkan  jenis  makanan,” Tek.  Inf. dan  Komput. ,  vol.  2,  no.  1,  pp.  87–92,
2019, [Online]. Available: http://jurnal.murnisadar.ac.id/index.php/ Tekinkom/article/view/78.
[25] I.  Mahendra,  “SISTEM  INFORMASI

## KLINIK BERBASIS WEB PADA
KLINIK  UMUM  DAN,”  vol.  10,  no.  2,
2017.
[26] L.  Flora  and  B.  Dewi,  “APLIKASI  E- BOOKING  SALON  BERBASIS  WEB PADA  DHIVA  ZAHRA  SALON  DAN
SPA CILEGON – BANTEN,” vol. 6, no.
2, 2019.
[27] Esterlin  Febrianti  Telaumbanua,  V. Sihombing, and Deci Irmayani,
“Rancang  Bangun  Aplikasi  Deteksi  Tepi Citra  Digital  Menggunakan  Algoritma Prewitt,” J. Tek. Inf. dan Komput. , vol. 4,
no. 1, pp. 9–13, 2021, doi: 10.37600/tekinkom.v4i1.214. [28] A.  Najar,  V.  Sihombing,  and  M.  H.
Munandar, “Sistem Pendukung
Keputusan  Perekrutan  Anggota  Bem Menggunakan Metode Saw Dan Topsis,”
J. Tek. Inf. dan Komput. , vol. 4, no. 1, pp. 18–24, 2021, doi: 10.37600/tekinkom.v4i1.233. [29] J. D.  Raharjo,  R.  Tullah,  and  H.  Setiana, “Sistem  Informasi  Pemesanan  Dan Pembelian  Tiket  Bus  Online  Berbasis Web  Pada  P.O.  Budiman,” Sisfotek Glob. , vol. 9, no. 2, pp. 120–125, 2019.
[30] V.  Sihombing,  “Penerapan  Multimedia Dalam  Pembelajaran  Di  Tk  Ananda Bagan Batu,” J. Teknol. Inf. , vol. 1, no. 2, p. 228, 2018, doi: 10.36294/jurti.v1i2.300. [31] P.  Studi,  S.  Informasi,  and  U.  Bakrie, “PENGEMBANGAN TAMPILAN
ANTARMUKA  APLIKASI  SURVEI
BERBASIS  WEB  DENGAN  METODE USER CENTERED DESIGN,” pp. 106– 114.