Received June1 st ,2012; Revised June25 th , 2012; Accepted July 10 th , 2012

## RANCANGAN USER CENTERED DESIGN DALAM PENGEMBANGAN WEBSITE SEMINAR
Zahrach Artamevia* 1 , Agung Triayudi 2
1,2 Universitas Nasional; Jl. Sawo Manila, Pejaten Ps. Minggu Jakarta 12520, Telp: (021) 7806700
1,2 Jurusan Sistem Informasi, FTKI UNAS , Ja karta e-mail: * 1 zahrachartamevia2018@student.unas.ac.id , 2 agungtriayudi@civitas.unas.ac.id Penulis Korespondesi  : Agung Triayudi

## Abstrak
Seminar merupakan salah satu kegiatan untuk mendapatkan ilmu dari seseorang yang ahli dalam bidangnya, maka dari itu banyak orang yang antusias mengikuti kegiatan seminar. Himpunan  Mahasiswa  Biologi  Universitas  Nasional  masih  melakukan  transaksi  secara konvensional dimana peserta mendatangi panitia untuk membeli tiket dan juga panitia melakukan pencatatan  peserta  seminar  secara  manual.  Penelitian  ini  bertujuan  untuk  merancang  sistem pemesanan tiket seminar dengan menggunakan metode User Centered Design (UCD) sehingga memudahkan peserta seminar Ketika memesanan tiket dan juga mempermudah panitia agar tidak lagi mencatat data peserta seminar  dengan manual. Penelitian ini bertujuan untuk merancang website pemesanan tiket seminar sehingga peserta seminar dapat memesan tiket seminar dimana saja dan kapan saja dan panitia seminar tidak lagi melakukan pencatatan data peserta seminar secara  manual.  Website  ini  dirancang  menggunakan  metode  User  Centered  Design,  dengan bahasa  pemrograman  PHP  serta  MySQL  sebagai  media  penyimpanan.  Penelitian  ini menghasilkan  sistem  yang  easy  to  use,  dimana  peserta  dapat  melakukan  transaksi  pemesanan tiket seminar dan panitia dapat melakukan menghapus data seminar, menambah data seminar dan mengedit data seminar serta dapat melihat data peserta seminar. Diharapan sistem ini dapat membantu peserta seminar dalam memesan tiket seminar menjadi lebih efisien dan juga panitia dapat mengelola data seminar dengan efektif.
Kata kunci — MySql, Pemesanan Tiket, PHP, Seminar, User Centered Design

## Abstract
Seminar is one of the activities to get knowledge from someone who is an expert in his field, therefore many people who enthusiastically participate in seminar activities. The National University Biology Association is still conducting conventional transactions where participants come  to  the  committee  to  buy  tickets  and  also  the  committee  recording  seminar  participants manually.  This  study  aims  to  design a  seminar  ticket  booking  system  using  the  User  Centered Design (UCD) method so that it can facilitate the seminar participants in ordering tickets and also facilitating the committee so they will no longer record data from the seminar participants manually. The purpose of this study was to design a website booking Tiet Seminar so that seminar participants  can  order  seminar  tickets  anywhere  and  anytime  and  the  seminar  committee  no longer recording the seminar participant data manually. This website is designed using the User Centered Design method, with PHP programming languages and MySQL as storage media. This research  produces  an  easy  to  use  system,  where  participants  can  conduct  a  seminar  and committee  ticket  booking  transactions  can  delete  seminar  data,  add  seminar  data  and  edit seminar data and can see seminar participating data. It is hoped that this system can help seminar participants in ordering seminar tickets to be more efficient and also the committee can manage seminar data effectively.
762
Keywords —Booking Ticket, MySql, PHP, Seminar, User Centered Design

## 1. PENDAHULUAN
ada era teknologi yang sudah pesat ini, pemesanan tiket seminar yang tadinya mendatangi penjual  secara  tatap  muka  kini  beralih  menjadi  pemesanan  tiket  seminar  berbasis  web. Seminar  adalah  sekelompok  orang  yang  berkumpul  untuk  membahas  topik  tertentu  dan menemukan  solusi  untuk  suatu  masalah  dengan  menggunakan  pertanyaan  dan  jawaban[1]. Seminar juga merupakan salah satu kegiatan untuk mendapatkan ilmu dari seseorang yang ahli dalam bidangnya, maka dari itu banyak orang yang antusias mengikuti kegiatan seminar.
Fakultas  Biologi  Universitas  Nasional  memiliki  himpunan  mahasiswa  yaitu  Himpunan Mahasiswa  Biologi  (HIMABIO).  Himpunan  Mahasiswa  Biologi  Universtas  Nasional  sering membuat acara seminar, tetapi ada masalah yang dihadapi yaitu pembelian tiket seminar masih dilakukan  secara  tatap  muka  dimana  peserta  seminar  harus  mendatangi  panitia  seminar  dalam satu  tempat  dan  mengantri  panjang  dengan  para  peserta  seminar  lainnya  untuk  melakukan pendaftaran,  pendataan diri  lalu  melakukan  pembayaran.  Karna  stock  tiket yang  terbatas  maka terkadang  banyak  peserta  seminar  yang  sudah  mengantri  panjang  tidak  mendapatkan  tiket seminar. Panitia seminar juga harus melakukan pencatatan peserta seminar secara manual yang dimana  jumlah  peserta  seminar  nya  sangat  banyak  dan  terkadang  panitia  seminar  melakukan kesalahan dalam melakukan pencatatan peserta seminar.
Penelitian  Ikhsan  dan  Ma'mun  (2020)  dapat  di  simpulkan  bahwa  sistem  ini  dapat mempermudah  pengguna  untuk  mencetak  konfirmasi  pembayaran,  mempermudah  mahasiswa untuk memesan tiket seminar terlepas dari jarak[2]. Penelitian Pratama dan Paramita (2020) dapat di simpulkan bahwa sistem ini dapat mempermudah admin untuk menghitung afilasi penjualan tiket[3]. Penelitian Rezky, dkk (2019) dapat di simpulkan bahwa sistem ini dapat mempermudah pengguna  untuk  mendapatkan e-ticket berupa QR-Code untuk  memasukki  seminar  dan  akan mendapatkan e-sertifikat jika acara selesai[4].
Metode  untuk  membuat  sistem  berbasis  web  ialah User  Centered  Design  (UCD). Dimana UCD memiliki persamaan dengan Human Centered Design . Human Centered Design digunakan untuk  mengembangkan  dan  merancang  sistem  untuk  memenuhi  kebutuhan  dari  user[5], merancang sistem terintegrasi, menguji pada user dan merancang sistem yang interaktif.
Penelitian Dewi (2020) [6]. Kemudian penelitian Priyatna (2019) juga menggunakan metode UCD dalam membuat sistem pemesanan menu kuliner.[7] dalam pembuatan sistem pemesanan, penelitian tersebut menghasilkan sistem informasi yang membantu penjual dalam menyampaikan informasi  mengenai  produk yang dijual  terhadap  pembeli  dengan  menggunakan  metode  UCD. karna  metode  UCD  merupakan  metode  yang  melibatkan  pengguna  pada  pengembangan sistemnya.
Dengan  permasalahan  diatas,  peran  teknologi  dan  informasi  sangat  dibutuhkan  untuk mengatasi  permasalahan ini.  Bahasa  pemrograman  yang  digunakan  pada  perancangan  website untuk  tampilan  adalah  PHP  serta  MySQL  sebagai  media  penyimpanan.  Sistem  ini  dirancang untuk mode multi-pengguna. Artinya, satu pengguna di sisi admin untuk pengelolaan data dimana admin dapat menambah data acara, mengedit data acara, menghapus data acara dan juga dapat melihat data peserta seminar penjual tiket seminar tidak lagi melakukan pencatatan data peserta seminar secara manual, dan dua pengguna di sisi klien, di mana peserta bisa langsung mengakses situs [8] agar peserta seminar dapat memesan tiket seminar dimanapun dan kapanpun.
2. METODE PENELITIAN
2.1. Tahapan Penelitian

## P
763

## 1) Identifikasi Masalah
Tahapan  ini  adalah  tahapan  yang  paling  utama  dimana  memiliki  tujuan  untuk menjabarkan  dan  menganalisa  permasalahan  yang  ada  dan  menentukan  hasil  penelitian. Karna pembelian tiket secara konvensional tidak efesien dan efektifan maka pembelian tiket seminar dapat dilakukan secara online.

## 2) Studi Literatur
Tahapan  ini  dilakukan  untuk  mendapatkan  pemahaman  dari  teori  yang  memiliki kesamaan  mengenai  masalah  yang  akan  dipecahkan. Teori  yang memiliki  kesamaan  untuk melakukan pemecahan masalah biasanya bersumber dari jurnal atau internet. Study literatur bertujuan  untuk  memecahkan  masalah  dengan  menggunakan  pemahaman  yang  akan diselesaikan nantinya.
3) Pengumpulan Data
Tahapan ini dilakukan untuk mendapatkan data dimana nantinya data itu akan digunakan untuk  melakukan  penelitian.  Metode  yang  digunakan  adalah  wawancara,observasi  dan kueisioner.
a. Wawancara
Kegiatan  tanya  jawab  antara  peneliti  dengan  Himpunan  Mahasiswa  Biologi Universitas  Nasional  untuk  mendapatkan  informasi.  Wawancara  dilakukan  guna untuk  mengetahui  alur  sistem,  kebutuhan  kkpengguna,  dan  posisi  pengguna  pada sistem.
b. Observasi
Kegiatan  mengamati  secara  langsung  kondisi  dilapangan  untuk  mendapatkan informasi.
c. Kuesioner
Kegiatan  yang  terdiri  dari  pengambilan  beberapa  pertanyaan  yang  diajukan  untuk melakukan usability testing
4) Pengembangan Sistem
Tahapan  ini  merupakan  tahapan  yang  menggunakan  metode  dalam  mengembangkan perangkat lunak, metode yang digunakan adalah metode User Centered Design . Metode ini memiliki  tahapan  yaitu  proses  identifikasi  user,  proses  identifikasi  kebutuhan  user  dan organisasi, proses pembuatan desain, proses evaluasi desain.
5) Pengujian
Tahapan ini menerapkan metode Usability Testing dimana tahapan ini dilakukan untuk mengukur seberapa mudah digunakannya sistem terhadap user.
2.2. User Centered Design (UCD)
Identifikasi Masalah Studi Literatur Pengumpulan Data Pengembangan Sistem Pengujian
764
User  Centered  Design  (UCD) merupakan  metode  yang berpusat  pada  pengguna untuk proses pengembangan antarmuka.

## a. Plan for human centered design
Proses  identifikasi  user  yang  akan  menjalankan  sistem.  Dijelaskan  mengapa  dan bagiamana kondisi mereka saat mengaplikasikan sistem.
b. Specify the user and organizational requirements
Proses identifikasi kebutuhan user dan organisasi dalam menjalankan sistem.
c. Produce design solutions
Proses pembuatan desain sebagai solusi.
d. Evaluate design against requirements
Proses evaluasi desain yang telah dibuat sesuai dengan kebutuhan user.

## 3. HASIL DAN PEMBAHASAN
Berdasarkan hasil wawancara dengan Himpunan Mahasiswa Biologi Universitas Nasional  dimana  proses  pemesanan  tiket  seminar  masih  dilakukan  secara  konvesional dan  pencatatan  data  peserta  seminar  masih  manual.  Dimana  pemesanan  tiket  seminar tidak efektif karna terjadi penumpukan peserta seminar dan juga pencatatan data peserta seminar yang dilakukan panitia seminar yang tidak efektif karna sering terjadi kesalahan pada pencatatan data peserta seminar.

## 3.1. Use Case Diagram
Pada Use  Case  Diagram setelah  peserta  melakukan  login  maka  dapat  melihat halaman utama, memasukan tiket kedalam keranjang, mengisis form checkout lalu jika sudah maka user akan mendapatkan link seminar melalui email yang tertera pada form checkout.  Disisi  lain,  kasus  penggunaan  admin  memerlukan  login  fungsional  untuk mengelola data acara.
Gambar 1. User Centered Design
765
Gambar 2. Use Case Diagram

## 3.2. Activity Diagram
Dalam sistem yang sedang dikembangkan dari saat sistem dimulai dan keputusan dibuat hingga  selesai  merupakan  tugas activity  diagram .[9]  Berikut  adalah  pengoperasian  sistem berbasis web pemesanan tiket seminar yang akan dijalankan pada activity diagram : Aplikasi  akan  memberikan  fitur  untuk  masing-masing  pengguna.  Untuk  admin,  aplikasi menampilkan kemampuan untuk menghapus data acara, mengubah data acara, menambahkan data  acara  dan  melihat  data  akun  peserta.  Untuk  peserta,  maka  akan  menampilkam kemampuan pesanan tiket.
766
Activity  diagram pemesanan  produk  dimana  peserta  seminar  awalnya  login  lalu  jika sudah masuk kedalam halaman dashboard, maka peserta dapat melihat event yang tersedia pada halaman dashboard. Jika peserta sudah menemukan event yankg akan di kunjungi maka peserta akan melakukan order. Peserta akan menambahkan event ke keranjang belanja lalu peserta menginputkan jumlah pesanan. Jika sudah menentukan jumlah pesanan maka peserta akan  mengklik  tombol  checkout  dimana  nanti  peserta  akan  mengisi  form  checkout  untuk memasukan data diri peserta seminar seperti : nama, nomor handphone dan email. lalu jika sudah maka klik tombol pesan. Setalah mengklik tombol pesan maka akan tampil halaman proses pesanan. Link event akan dikirim melalui email yang tertera di form checkout.
Gambar 3. Activity Diagram Proses Pemesanan Tiket Seminar
767

## 3.3. Implementasi Sistem

## 3.3.1. Tampilan Halaman Utama (Pembeli)
Setelah  berhasil  login  dari  halaman login  yang digunakan  untuk  mengotorisasi untuk  menggunakan  sistem,  dan user  mengetik username dan password yang  terdaftar untuk masuk ke panel control sistem[10] maka akan masuk ke tampilan halaman utama yang terdapat berbagai acara seminar yang akan berlangsung yang bisa dipesan melalui web  dan  juga  dihalaman  utama  terdapat  fitur  kategori  untuk  memfilter  seminar  yang gratis dan berbayar.
Gambar 4. Activity Diagram Pengelolaan Data Event
768

## 3.3.2. Tampilan Halaman Detail Event (Pembeli)
Pada halaman detail event , sebelum pembeli memutuskan untuk memesan tiket maka pembeli dapat melihat detail event melalui menu detail . Di menu detail terdapat beberapa  informasi  berupa  nama event ,  keterangan,  kategori,  stok,  harga,  tempat  dan waktu  pelaksanaan.  Jika  peserta  merasa  yakin  untuk  memesan  tiket  maka  peserta mengklik tombol tambah ke keranjang tetapi jika peserta tidak ingin melanjutkan maka bisa mengklik tombol kembali dan melihat event lainnya.

## 3.3.3. Tampilan Halaman Keranjang Belanja (Pembeli)
Tampilan keranjang belanja ini ketika pembeli mengklik tambah keranjang ketika melihat detail event maka akan masuk ke menu keranjang belanja, jika ingin memesan lebih dari satu maka peserta dapat mengklik tombol tambah ke keranjang sesuai dengan jumlah  yang  diinginkan,  di  keranjang  belanja  jika  peserta  tidak  ingin  melanjutkan
Gambar 5. Tampilan Halaman Utama (Pembeli)
Gambar 6. Tampilan Halaman Detail Event (Pembeli)
769
transaksi maka bisa menekan tombol hapus keranjang maka keranjang akan terhapus, jika peserta  ingin  memesan event yang  lain  maka  peserta  bisa  menekan  tombol  lanjutkan belanja  dan  akan  kembali  lagi  ke  halaman dashboard ,  jika  peserta  ingin  melanjutkan transaksi  maka  peserta  mengklik  tombol checkout .  Maka  akan  diarahkan  ke  menu checkout .

## 3.3.4. Tampilan Halaman Checkout (Pembeli)
Pada  halaman  keranjang  belanja,  ketika  pembeli  memutuskan  untuk  membeli tiket  maka  pembeli  akan  mengklik  tombol checkout .  Halaman checkout berisi  form checkout dimana  peserta  harus  mengisi  nama,  nomor handphone  dan email jika  dirasa informasi  yang  di  isi  kan  di  form  sudah  benar  maka  klik  tombol  pesan. Email yang dimasukkan harus email yang aktif karna akan dikirimi link seminar melalui email yang sudah terdaftar pada saat mengisi form checkout .

## 3.3.5. Tampilan Halaman Proses Pesanan (Pembeli)
Gambar 7. Tampilan Halaman Keranjang Belanja (Pembeli)
Gambar 8. Tampilan Halaman Checkout (Pembeli)
770
Ketika sudah memasukan informasi berupa nama, nomer handphone, email , jenis pembayaran dan memasukkan gambar berupa konfirmasi pembayaran di form checkout lalu menekan tombol pesan. Maka akan masuk kedalam halaman proses pesanan dimana berisi  informasi  detail  pesanan  yang  sudah  dipesan  dan  juga  terdapat  informasi  bahwa tiket terkirim ke email yang sudah terdaftar.

## 3.3.6. Tampilan Halaman Data Event (Admin)
Halaman  ini  merupakan  halaman  admin  untuk  mengapus,  menambah  dan mengedit  data  seminar  yang  dapat  dilakukan  oleh  admin.  Jika  ada event terbaru  maka admin dapat menambah data event, jika informasi mengenai seminar terdapat kesalahan maka dapat mengedit data seminar dan jika event sudah selesai pelaksanaan nya dari awal hingga  akhir,  maka  admin  dapat  menghapus  data  event  agar  peserta  tidak  bisa  lagi memesan tiket seminar.

## 3.4. Hasil Pengujian
Pengujian yang dilakukan adalah Usability Testing . Usability testing digunakan untuk melakukan pengujian untuk mengetahui kepuasan dan keefektifan dari sistem yang sedang dikembangkan. ada banyak metode yang digunakan untuk uji coba. salah satunya antara lain
Gambar 10. Tampilan Halaman Data Event (Admin)
Gambar 9. Tampilan Halaman Proses Pesanan (Pembeli)
771
System Usability Scale(SUS). Metode ini paling sering digunakan karna hasilnya digunakan sebagai  pertimbangan.  Metode  ini  juga  sangat  mudah  dimengerti  dan  implementasinya mudah dan juga cukup dikenal dalam uji Usability Testing .[11]
Table 1 Rekapitulasi Rata Rata Nilai
No. Responden Q1 Q2 Q3 Q4 Q5 Q6 Q7 Q8 Q9 Q10 JML JML X 2,5 1 Responden 1 4 3 3 3 3 3 3 3 3 1 29 73 2 Responden 2 3 3 4 1 4 3 4 3 3 1 29 73 3 Responden 3 3 4 4 3 4 4 4 3 4 3 36 90 4 Responden 4 4 3 4 3 4 3 4 3 3 1 32 80 5 Responden 5 3 3 4 3 3 3 3 3 3 3 31 78 6 Responden 6 4 0 4 0 3 3 4 3 4 1 26 65 7 Responden 7 3 3 4 3 3 4 4 3 3 3 33 83 8 Responden 8 3 3 3 1 3 3 3 3 3 1 26 65 9 Responden 9 3 3 4 1 4 3 4 3 3 0 28 70 10 Responden 10 3 3 4 1 3 3 4 3 4 3 31 78 Rata-Rata Skor 75.5 Hasil Akhir GOOD
Berdasarkan hasil akhir dan diukur menggunakan SUS Skor Percentile Rank maka hasil yang  didapatkan  dari  penilaian  responden  adalah  75.5  yaitu  berarti Good .  Sehingga  website pemesanan  tiket  seminar  dapat  dengan  mudah  digunakan  oleh  pengguna  untuk  memesan  tiket seminar.

## 4. KESIMPULAN
Berdasarkan implementasi dan pengujian pada sistem pemesanan tiket seminar berbasis web  terhadap  Himpunan  Mahasiswa  Biologi  Universitas  Nasional  maka  dapat  disimpulkan bahwa sistem pemesanan tiket seminar berbasis web dapat membantu dari dua sisi, dari sisi admin dan  sisi  pembeli.  Dimana  sisi  pembeli,  pembeli  dapat  memesan  tiket  seminar  dimana  saja  dan kapan  saja.  Dan  dari  sisi  admin,  admin  tidak  perlu  lagi  mencatat  data  peserta  secara  manual, metode  yang  digunakan  dalam  pengembangan  sistem  yaitu  UCD.  Metode  ini  mempermudah pembuatan sistem karna melibatkan pengguna, dan dari hasil pengujian menggunakan Usability Testing dan menggunakan metode System Usability Scale dengan meminta 10 responden untuk mengisi 10 penyataan dengan nilai 1-5 maka hasil akhir yang didapatkan adalah 75.5 dimana hasil tersebut adalah Good . Berarti sistem dapat dengan mudah digunakan oleh pengguna.

## 5. SARAN
Saran  untuk  penelitian  selanjutnya  yang  dapat  dipertimbangkan  untuk  pengembangan sistem pemesanan tiket seminar adalah dilengkapi dengan fitur pencetakan sertifikat seminar, dan juga pencetakan tiket seminar.
772
[1] E.  D.  Sentosa,  I.  Fitri,  and  A.  Iskandar,  “Penerapan  Algoritma  Crawling  dalam Otomatisasi  Verifikasi  Pembayaran  Tiket  Seminar,”  vol.  5,  pp.  129–137,  2021,  doi: 10.30865/mib.v5i1.2578.
[2] A.  Ikhsan,  S.  Ma’mun,  and  A.  Perdananto,  “APLIKASI  PEMESANAN  TIKET SEMINAR  SECARA  ONLINE  BERBASIS  WEB  DI  UNIVERSITAS  PAMULANG,” 2020.
[3] D.  Kurnia  Pratama  and  A.  Suryaputra  Paramita,  “RANCANG  BANGUN  SISTEM INFORMASI  AFILIASI  PENJUALAN  TIKET  SEMINAR  BERBASIS  WEBSITE MENGGUNAKAN FRAMEWORK LARAVEL,” vol. 7, no. 1, pp. 109–124, 2020, doi: 10.25126/jtiik.202071466.
[4] M. Rezky, S. Budilaksono, and M. A. Suwarno, “RANCANG BANGUN WEB PORTAL SEMINAR  NASIONAL  IKRA-ITH  VERSI  3  MENGGUNAKAN  YII2  DAN  REACT NATIVE,” 2019.
[5] M. D. Ariawan, A. Triayudi, and I. D. Sholihati, “Perancangan User Interface Design dan User  Experience  Mobile  Responsive  Pada  Website  Perusahaan,” J.  Media  Inform. Budidarma , vol. 4, no. 1, p. 161, 2020, doi: 10.30865/mib.v4i1.1896.
[6] R. Dewi, “Sistem Pemesanan Produk Pada Reseller Baju Muslimah Menggunakan Metode User Centered Design,” 2020, [Online]. Available: http://eprints.uty.ac.id/6238/.
[7] B.  Priyatna,  “Penerapan  Metode  User  Centered  Design  (Ucd)  Pada  Sistem  Pemesanan Menu Kuliner Nusantara Berbasis Mobile Android,” AIMS J. Account. Inf. Syst. , vol. 2, no. 1, pp. 1–14, 2019, doi: 10.32627/aims.v2i1.55.
[8] C. Y. Gobel and N. Adam, “E-Commerce Pemasaran Hasil Panen Komoditas Pertanian Menerapkan  User  Centered  Design,”  vol.  5,  pp.  1519–1527,  2021,  doi: 10.30865/mib.v5i4.3125.
[9] M.  Suhatsyah,  R.  Agustianti,  and  Syarifuddin,  “PERANCANGAN  SISTEM PENJUALAN  PADA  PT  DIGITAL  MANDIRI  JAYA  DI  TANJUNG  BALAI KARIMUN DENGAN MENGGUNAKAN PHP DAN MYSQL,” vol. 2, no. 1, pp. 59– 71, 2021.
[10] S. I. Adam, J. H. Moedjahedy, and O. Lengkong, “Pengembangan IT Helpdesk Ticketing Sistem  Berbasis  Web  di  Universitas  Klabat  Development  of  Web-based  IT  Helpdesk Ticketing System at Universitas Klabat,” Cogito Smart J. | , vol. 6, no. 2, 2020.
[11] A.  A.  Jiwa  Permana,  “Usability  Testing  Pada  Website  E-Commerce  Menggunakan Metode System Usability Scale (Sus) (Studi Kasus : Umkmbuleleng.Com),” JST (Jurnal Sains dan Teknol. , vol. 8, no. 2, p. 149, 2019, doi: 10.23887/jst-undiksha.v8i2.22858.