Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket...

26
1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta (672013108) Nina Setiyawati, S.Kom., M.Cs. Program Studi Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Mei 2017

Transcript of Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket...

Page 1: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

1

Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web

di Kota Salatiga

Artikel Ilmiah

Peneliti:

Arga Darmaanta (672013108)

Nina Setiyawati, S.Kom., M.Cs.

Program Studi Teknik Informatika

Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana

Mei 2017

Page 2: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

2

Page 3: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

3

Page 4: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

4

Page 5: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

5

Page 6: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

6

Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web

di Kota Salatiga

Artikel Ilmiah

Diajukan kepada

Fakultas Teknologi Informasi

untuk memperoleh gelar Sarjana Komputer

Peneliti:

Arga Darmaanta (672013108)

Nina Setiyawati, S.Kom., M.Cs.

Program Studi Teknik Informatika

Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana

Mei 2017

Page 7: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

7

Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web

di Kota Salatiga 1)

Arga Darmawanta, 2)

Nina Setiyawati

Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana

Jl. Diponegoro 52-60, Salatiga 50771, Indonesia

Email: 1)

[email protected], 2)

[email protected]

Abstrak

Tiket merupakan suatu voucher untuk menunjukan bahwa telah membayar pintu masuk suatu

teater, taman hiburan, kebun binatang, konser dan bioskop. Pembelian tiket acara yang sulit

menyebabkan masyarakat harus mendatangi lokasi penjualan tiket acara. Calo tiket yang

sering menawarkan tiket di sekitar lokasi acara sangat merugikan masyarakat. Informasi yang

didapatkan tentang tiket acara kurang lengkap sehingga informasi yang didapatkan kurang

maksimal dan efisien. Pada penelitian ini merancang aplikasi tiket konser berbasis web yang

digunakan untuk pembelian tiket serta media promosi. Dengan adanya aplikasi tiket acara

online berbasis website mampu menjadi sarana media promosi dan memudahkan dalam

pembelian tiket serta meminimalisir calo tiket. Aplikasi ini berbasis website menggunakan

metode waterfall sebagai proses pengembangan aplikasi berurutan yang melewati fase

perencanaan pemodelan hingga pengujian aplikasi dan pemrograman PHP serta dilengkapi

MySQL yang nantinya digunakan dalam menentukan basis data serta untuk menampilkan

tiket acara secara online di website. Aplikasi ini diharapkan dapat memudahkan pembelian

serta penjualan tiket acara sehingga memberikan informasi yang lengkap mengenai tiket

acara secara online serta untuk media promosi untuk acara-acara di kota Salatiga.

Kata Kunci: Pembelian Tiket, Konser Tiket, Waterfall, Marketplace, Tiket Online.

Abstract

Ticket is a voucher to show that has paid entrance to a theater, amusement park, zoo, concert

and cinema. Purchasing a difficult event ticket causes people to come to the event ticket sales

location. Ticket that often offer tickets around the event location is very detrimental to

society. Information obtained about event tickets is not complete so the information obtained

is less than the maximum and efficient. In this study designed a web-based concert ticket

application used for ticket purchases and promotional media. With the application of online

ticket-based event website can be a means of media campaigns and facilitate the purchase of

tickets and minimize ticket brokers. This website-based application uses waterfall method as

a sequential application development process that passes through modeling planning phase

until testing application and PHP programming and equipped MySQL which will be used in

determining database and to display event tickets online at website. This application is

expected to be a media campaign event and to facilitate the purchase and sale of event

tickets. Keywords: Purchase Tickets, Concert Tickets, Waterfall, Marketplace, Online Ticket.

1) Mahasiswa Fakultas Teknologi Informasi Jurusan Teknik Informatika, Universitas Kristen Satya

Wacana Salatiga.

2) Staff Pengajar Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana Salatiga.

Page 8: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

8

1. Pendahuluan

Tiket merupakan suatu voucher untuk menunjukan bahwa telah membayar

pintu masuk suatu teater, taman hiburan, kebun binatang, konser dan bioskop.

Internet adalah suatu bentuk interkoneksi dari suatu jaringan komputer dimana

memberikan informasi secara lengkap dan dijelaskan bahwa internet juga terbukti

sebagai rekan maya atau virtual yang ampuh, yang biasa digunakan dalam media

bisnis, politik dan hiburan semata[1].

Kota Salatiga merupakan daerah yang berada di antara Kota Semarang dan

Kota Solo. Letak yang strategis membuat sekitar Kota Salatiga terdapat berbagai

acara seperti acara konser band, pentas seni sekolah, festival kegiatan daerah Salatiga

seperti jalan santai dan drumblek. Sebuah survei dilakukan terhadap 30 pembeli tiket

yang berada di Salatiga dengan metode wawancara untuk melihat masalah yang

paling tinggi. Hasil survei pembelian tiket di daerah Salatiga masih dilakukan secara

tatap muka, menyebabkan pembeli kesulitan untuk mendapatkan tiket.

Dari hasil wawancara terhadap pemilik acara, proses penjualan tiket yang ada

menyulitkan penjual karena tiket yang dijual berada di berbagai lokasi di Salatiga

sehingga penjual hanya fokus pada penjualan di satu lokasi. Hal ini dimanfaatkan

calo tiket untuk menjual berbagai tiket yang diinginkan oleh pembeli. Selain itu

promosi yang dilakukan melalui media sosial, lisan dan spanduk dinilai kurang

efektif, sehingga target jumlah pembeli kurang dari yang diharapkan.

Dalam penelitian ini, dilakukan perancangan aplikasi marketplace tiket acara

berbasis web menggunakan PHP (Hypertext Prepocessor) yaitu bahasa pemrograman

yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah

situs web[4]. Aplikasi ini diharapkan dapat mempertemukan pemilik acara dan

peminat acara serta memberikan kemudahan proses jual beli tiket acara khusunya

daerah Salatiga dan sekitarnya sehingga meminimalisir calo tiket. Selain itu

marketplace tiket acara dapat digunakan sebagai sarana media promosi suatu acara.

2. Kajian Pustaka

Penelitian yang telah dilakukan sebelumnya yang pertama oleh Taryadi yang

berjudul Pengukuran Tingkat Kesiapan Adopsi E-Marketplace bagi UMKM Batik

Dengan Model E-Readiness. Peneliti bertujuan untuk melakukan analisis tingkat

kesiapan adobsi pemesanan secara elektronik yaitu e-marketplace yang dilakukan

oleh UMKM di Kota Pekalongan menggunakan metode e-readiness. Hasil dari

penelitian adalah memudahkan dalam proses pembelian dan penjualan tiket acara

yang akan berlangsung melalui e-marketplace.

Penelitian yang kedua dilakukan oleh Kartini yang berjudul Pembuatan

Aplikasi Pemesanan Tiket Konser Musik Berbasis Web. Peneliti bertujuan untuk

membantu agen tiket konser dalam menyebarkan informasi tentang konser musik

yang akan diselenggarakan serta informasi mengenai pemesanan tiket online guna

Page 9: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

9

membantu para penggemar musik di seluruh tanah air jika ingin menonton konser

musik yang diinginkan secara langsung. Hasil dari penelitian yaitu memudahkan

dalam mempromosikan konser tiket yang akan berlangsung, mendapat informasi

tentang tiket terbaru dan membantu dalam pembelian tiket secara online.

Berdasarkan penelitian yang dilakukan sebelumnya, aplikasi marketplace

untuk menjual tiket kemudian dibeli sehingga pemanfaatan aplikasi ini terbatas untuk

menjual dan membeli tiket konser. Dalam aplikasi yang akan dibangun memadukan

marketplace dengan menjual berbagai acara di daerah Salatiga berbasis website

secara online sehingga memberikan kemudahan dalam mempromosikan acara yang

diselenggarakan serta pembelian tiket acara yang berada di lokasi sekitar Salatiga.

PHP adalah singkatan dari hypertext Processor yang merupakan sebuah

bahasa scripting yang terpasang dalam HTML. Sebagian besar syntax mirip dengan

bahasa C, Java, dan Perl, ditambah beberapa fungsi yang lain. Berfungsi sebagai

pembuat tampilan web menjadi lebih dinamis, dapat berinteraksi dengan beberapa

database, dapat menampilkan dan menjalankan beberapa file dalam 1 file dengan

cara include dan require. Database yang dapat berinteraksi dengan PHP adalah

DBM, FilePro, Ingres, InterBase, Microsoft Access, MSSQL, MySQL, Oracle,

PostgrSQL, Sybase. Kelebihan menggunakan bahasa pemrograman PHP yaitu

memudahkan pembuatan website sehingga menampilkan tampilan yang dinamis,

source code mudah dipelajari maupun dikembangkan[2].

MySQL adalah sebuah sistem manajemen database relasi (relation database

management system) yang bersifat terbuka (open soure). Berfungsi sebagai SQL

(Structured Query Language) yang dimiliki sendiri dan sudah diperluas dengan PHP

untuk membuat aplikasi server yang dinamis dan powerfull. Keistimewaan MySQL

yaitu portabilitas dapat berjalan stabil, perangkat lunak sumber terbuka sehingga

dapat digunakan secara gratis, multi-user dapat digunakan oleh beberapa pengguna

dalam waktu bersamaan, performance tuning yang dapat menangani query[3].

Marketplace adalah segala usaha yang dilakukan untuk melakukan pemasaran

suatu produk atau jasa melalui media Internet. Fungsi marketplace yaitu memberikan

tempat untuk menghubungkan antara pembeli dengan penjual. Terdapat berbagai

jenis aspek marketplace yaitu (B2B,B2B & B2B) dimana B2B (Bisnis to Bisnis)

mendominasi sampai 75% di marketplace.[5]

Page 10: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

10

3. Metode dan Perancangan Sistem

Terdapat lima tahapan yang dilakukan pada penelitian ini, seperti terlihat pada

Gambar 1.

Gambar 1 Tahapan Penelitian

Berdasarkan bagan pada Gambar 1, dalam tahapan pertama penelitian, yaitu

Pengumpulan dan Analisis Kebutuhan, dilakukan pencarian informasi yang berguna

untuk penelitian ini. Dilakukan wawancara dengan pemilik acara dan didapatkan

informasi mengenai alur penjualan tiket acara. Tiket acara didapatkan pembeli

dengan mendatangi lokasi penyelenggaraan acara untuk mendapatkan tiket. Penjualan

tiket juga dilakukan pada tempat sponsor acara yang bergabung.

Tahap kedua, ketiga dan keempat dilakukan perancangan sistem menggunakan

metode waterfall. Metode waterfall adalah model yang dikembangkan untuk

pengembangan perangkat lunak. Model berkembang secara sistematis dari satu tahap

ke tahap lain dalam mode air terjun. Metode ini bersifat linier dari tahap perencanaan

sampai tahap akhir pengembangan, sebelum tahap awal selesai maka tahap

selanjutnya tidak akan dilaksanakan. Tahapan metode waterfall dapat dilihat pada

Gambar 2.

Pengumpulan Data dan Analisis

Kebutuhan

Perancangan Aplikasi

Implementasi Aplikasi

Pengujian Aplikasi

Page 11: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

11

Gambar 2 Metode Waterfall [3]

Tahapan pertama pada Gambar 2 adalah Analisa Kebutuhan. Pada tahap ini

dilakukan analisa kebutuhan seperti pembelian tiket acara, waktu yang dibutuhkan

untuk mendapatkan tiket acara, sistem pembelian dan penjualan tiket. Tahapan kedua

dilakukan desain sistem seperti pembuatan tampilan menu website, fungsi dan

gambaran awal pembuatan tampilan marketplace tiket acara online. Untuk melihat

desain awal pembuatan tampilan marketplace tiket acara dapat dilihat pada Gambar

3.

Gambar 3 Desain Awal Marketplace Tiket Acara

Gambar 3 merupakan rancangan halaman home marketplace tiket acara.

Terdapat beberapa menu utama seperti menu pendaftaran pembelian tiket acara, menu

Page 12: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

12

login untuk masuk ke dalam aplikasi marketplace tiket acara dan menu pendaftaran

untuk memperoleh akun untuk pembelian tiket acara. Struktur halaman home terdiri

dari fungsi pencarian tiket, menu pendaftaran, menu login dan header untuk

memberikan informasi mengenai tiket acara yang berlangsung. Diagram UML

meliputi Use Case Diagram, Activity Diagram dan Relasi Basis Data. Use Case

Diagram aplikasi dapat dilihat pada Gambar 4.

Penjual

Membeli Tiket Acara

Kelola Pendaftar

Kelola Tiket

Kelola Acara

Ubah AcaraTambah Acara

MengelolaTiket Acara

Tambah Pendaftar

TambahTiket

<<extend>>

Mendaftarkan Acara

Login

login AdministratorAdministrator

<<extend>>

<<extend>>

<<extend>>Proses Pendaftaran

Melihat Tiket Acara

<<extend>>

<<extend>>

Pembeli

<<include>>

<<include>>

Edit TiketHapus Tiket

<<extend>><<extend>>

<<extend>>

Edit PendaftarHapus Pendaftar

<<extend>><<extend>>

<<include>>

<<extend>>

<<extend>>

<<extend>><<extend>>

<<extend>>

<<extend>>

<<include>>

Gambar 4 Use Case Diagram Tiket Acara Online

Gambar 4 merupakan use case diagram yang dirancang, terdapat 3 aktor yaitu

pembeli, penjual dan administrator. Pembeli dapat melakukan proses pedaftaran.

Setelah melakukan pendaftaran, pembeli diharuskan login untuk melihat serta

membeli tiket acara yang diinginkan. Pembeli dapat melihat informasi tiket acara

yang disediakan, harga tiket acara dan kategori acara. Aktor penjual dapat melakukan

tambah tiket acara, ubah tiket acara, medaftarkan tiket acara dan mengelola tiket

acara. Aktor administrator dapat mengelola tiket acara, mengelola pendaftaran dan

mengelola acara. Activity diagram pembelian tiket acara sistem terlihat pada Gambar

5.

Page 13: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

13

Gambar 5 Activity Diagram Pembelian Tiket

Gambar 5 merupakan perancangan pembelian tiket acara, terdapat pembeli dan

system. Proses pembelian dapat dilakukan melalui proses pendaftaran terlebih dahulu

selanjutnya pembeli harus login. Setelah itu pembeli dapat melihat tiket acara,

kategori tiket acara dan membeli tiket acara yang diinginkan. Setelah memilih tiket

acara yang diinginkan proses selanjutnya yaitu system akan validasi pembeli. Jika

setuju maka pembeli akan melakukan proses pembayaran. Relasi Database

perancangan pembelian tiket acara dalam website dapat dilihat pada Gambar 6.

Page 14: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

14

Gambar 6 Relasi Database Tiket Acara

Gambar 6 merupakan perancangan relasi database tiket acara yang terdapat

tabel tiket, stok, penjual, konfirmasi, pesan, pembeli dan selesai. Pada tabel tiket

berelasi dengan stok tiket acara kemudian penjual juga berelasi dengan tiket acara.

Pembelian tiket dilakukan dengan adanya relasi pesan dengan pembeli yang berguna

untuk membeli tiket acara. Tabel selesai ketika pembayaran telah selesai berelasi

dengan tabel tiket yang akan berkurang ketika proses pembayaran selesai. Tiket akan

otomatis berkurang atau habis jika pembelian melebihi jumlah tiket yang ditentukan.

Tahapan ketiga penulisan kode program dari desain yang telah ditentukan pada

aplikasi marketplace tiket acara online menggunakan bahasa pemrograman PHP.

Tahap keempat yaitu pengujian sistem yang telah dibuat dengan kuesioner dan

blackbox, semua fungsi harus diuji agar software tidak mengalami error

menggunakan dan hasilnya harus sesuai dengan kebutuhan yang sudah didefiniskan.

Dalam tahapan ke lima penerapan program tidak dilakukan sehingga hanya pada

tahap pengujian dalam aplikasi marketplace tiket acara.

4. Hasil Implementasi dan Pembahasan

Pembeli dan penjual tiket pada marketplace terlebih dahulu harus melakukan

pendaftaran. Pendaftaran dilakukan dengan memasukkan data diri secara lengkap.

Username dan password harus didaftarkan ke dalam tampilan pendaftaran yang telah

disediakan dapat dilihat pada Gambar 7.

Page 15: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

15

Gambar 7 Tampilan Proses Pendaftaran

Pada Gambar 7 terlihat proses pendaftaran akun untuk membeli tiket acara

yang diinginkan. Pendaftaran dapat dilakukan oleh penjual atau pembeli yang ingin

menggunakan marketplace tiket acara online. Masyarakat dapat mengisi sesuai

dengan informasi data diri masing–masing. Pengisian form pendaftaran untuk masuk

ke dalam website harus dilakukan dengan teliti untuk menghindari kesalahan saat

proses login. Setelah proses pendaftaran selesai dapat dilanjutkan dengan login untuk

menuju tampilan menu utama. Tampilan menu pembelian dapat dilihat pada Gambar

8.

Gambar 8 Tampilan Menu Pembelian Tiket Acara

Page 16: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

16

Pada Gambar 8 dapat dilihat menu untuk pembelian tiket acara yang disediakan

oleh penjual. Pembeli dapat memilih tiket acara yang diinginkan dengan melihat

kategori tiket acara yang dipilih kemudian melihat harga tiket yang akan dibeli.

Pembeli dapat melihat ketentuan pembelian tiket acara seperti presale tiket, harga

tiket, diskon tiket serta jenis tiket khusus premium atau VIP. Keterangan penjual dapat

dilihat untuk lebih mengetahui informasi penjualan tiket. Setelah melakukan

pendaftaran pengguna, maka sistem akan membuat tagihan kepada pembeli

berdasarkan tiket acara yang diinginkan. Hal ini dapat dilihat pada Kode Program 1.

Kode Program 1 Pembelian Tiket Acara

Kode Program 1 baris 1 sampai baris 5 adalah proses memasukkan status

pembelian berdasarkan id_tiket yang dibeli. Baris 6 sampai 17 adalah kode untuk

memasukkan pengambilan data berdasarkan id_pesanan dan mengelompokan

tiket yang dibeli. Baris 18 sampai 23 proses mengambil data email, gambar dan

bukti pembayaran kemudian melakukan transaksi. Kemudian setelah proses

pembelian sudah selesai dilanjutkan dengan transaksi pembayaran yang dilakukan

1. error_reporting(0);

2. session_start();

3. if($_SESSION['pembeli']){

4. ?>

5. <div id="register-page" style="margin-top: 50px;">

6. <div class="component-register">

7. <div class="main-register">

8. <span style="padding: 10px; background:#4689db; display: inherit;

color: #fff; font-size: 17px; font-weight: bold;">Konfirmasi

Pembayaran Kamu Disini </span>

9. <form action="handler.php?aksi=konfirmasi" method="post"

enctype="multipart/form-data">

10. <input type="hidden" name="pembeli" value="<?php echo

$_SESSION['pembeli']; ?>"><br>

11. <input type="text" name="kode_pembelian" placeholder="Kode

Pembelian" required="required" style="width: 400px;"><br>

12. <input type="text" name="id_vendor" placeholder="Kode Toko"

required="required" style="width: 400px;"><br>

13. <input type="text" name="nama_bank" placeholder="Nama Bank

Transfer" required="required" style="width: 400px;"><br>

14. <input type="date" name="tgl" placeholder="Tanggal Transfer"

required="required" style="width: 380px; padding:8px"><br>

15. <div style="clear: both;"></div>

16. <p style="font-size: 13px;">*Tulis Catatan Untuk Kami Mengenai

Pesanan<br> Kamu Atau Pembayaran Kamu</p>

17. <textarea name="pesan" style="padding: 10px; width: 360px;">

18. </textarea><br><div style="clear: both;"></div>

19. <p style="font-size: 13px; ">*Uplode Bukti Pembayaran Kamu

Disini</p>

20. <input type="file" name="gambar"><br>

21. <input type="text" name="email" placeholder="email"

required="required" style="width: 400px;"><br><input type="submit"

value="Konfirmasi Bayar"><br></form>

22. </div>

23. </div>

Page 17: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

17

oleh pembeli untuk mengirimkan tiket acara. Kode program Menu transaksi dapat

dilihat pada Gambar 9.

Gambar 9 Tampilan Transaksi Pembayaran

Pada Gambar 9 dapat dilihat kode program tampilan transaksi tiket acara yang

telah dipesan oleh pembeli. Pembeli diberikan konfirmasi pembayaran dari penjual

serta id_penjual yang telah dipesan tiket. Pengiriman dapat dilakukan dengan

mencantumkan informasi pembeli yang telah terdaftar. Setelah semua lengkap

pembeli akan mentransfer uang kepada penjual tiket. Pembeli harus mengisi jumlah

tiket acara yang dibeli, kategori tiket, presale tiket acara dan jenis tiket. Kode

program untuk transaksi pembayaran dapat dilihat pada Kode Program 2.

Page 18: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

18

Kode Program 2 Transaksi Pembayaran

Kode Program 2 pada baris 24 sampai 28 adalah kode untuk pengambilan

memasukkan pendaftaran berdasarkan pada login pembeli. Baris 29 sampai 35 kode

untuk proses penambahan kode pembelian, pengambilan data penjual berdasarkan

pembelian tiket acara. Baris 36 sampai 43 memasukkan kode proses email untuk

mengetahui bahwa pembeli telah terdaftar serta melakukan konfirmasi pembayaran.

Penjual dapat menjual tiket acara dengan login untuk melakukan penjualan tiket acara.

Tampilan untuk penjualan tiket acara dapat dilihat pada Gambar 10.

24. <div id="register-page" style="margin-top: 50px;">

25. <div class="component-register">

26. <div class="main-register">

27. <span style="padding: 10px; background:#4689db; display: inherit; color:

#fff; font-size: 17px; font-weight: bold;">Konfirmasi Pembayaran Kamu Disini

</span>

28. <form action="handler.php?aksi=konfirmasi" method="post"

enctype="multipart/form-data">

29. <input type="hidden" name="pembeli" value="<?php echo $_SESSION['pembeli'];

?>"><br>

30. <input type="text" name="kode_pembelian" placeholder="Kode Pembelian"

required="required" style="width: 400px;"><br>

31. <input type="text" name="id_vendor" placeholder="Kode Toko"

required="required" style="width: 400px;"><br>

32. <input type="text" name="nama_bank" placeholder="Nama Bank Transfer"

required="required" style="width: 400px;"><br>

33. <input type="date" name="tgl" placeholder="Tanggal Transfer"

required="required" style="width: 380px; padding:8px"><br>

34. <div style="clear: both;"></div>

35. <p style="font-size: 13px;">*Tulis Catatan Untuk Kami Mengenai Pesanan<br>

Kamu Atau Pembayaran Kamu</p>

36. <textarea name="pesan" style="padding: 10px; width: 360px;">

37. </textarea><br><div style="clear: both;"></div>

38. <p style="font-size: 13px; ">*Uplode Bukti Pembayaran Kamu Disini</p>

39. <input type="file" name="gambar"><br>

40. <input type="text" name="email" placeholder="email" required="required"

style="width: 400px;"><br>

41. <input type="submit" value="Konfirmasi Bayar"><br>

42. </form>

43. </div>

Page 19: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

19

Gambar 10 Tampilan Pendaftaran Penjualan Tiket Acara

Pada Gambar 10 proses penjualan tiket acara yang dijual oleh penjual.

Membuat toko tiket yang bertujuan untuk mengetahui jenis toko dari masing–masing

penjualan tiket acara. Penjual diharuskan memasukkan foto untuk mengetahui

identitas penjual yang bertujuan untuk mengenali informasi penjual. Kemudian

penjual menuliskan nama tiket yang dijual, harga, kategori, presale tiket dan diskon

tiket acara yang dijual. Kemudian jika penjual tidak memenuhi kriteria maka

administrator akan menghapus toko untuk kenyamanan pembelian tiket acara. Kode

program untuk proses penjualan tiket acara dapat dilihat pada Kode Program 3.

Page 20: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

20

Kode Program 3 Tampilan Penjualan Tiket Acara

Kode Program 3 baris 44 sampai 49 adalah kode untuk proses pengambilan

dari tabel diskon yang terdapat dalam basis data. Baris 50 sampai 65 kode program

proses memasukan kategori tiket acara seperti nama tiket, kategori dan tahap tiket

yang akan dijual untuk diambil data melalui tabel penjual. Tampilan menu

Administrator dapat dilihat pada Gambar 11.

44. </select><br>

45. <input type="number" name="diskon" value="%" placeholder="diskon

Tiket" required style="margin: 10px 0 10px 0; padding: 10px; width:

200px; float:none;"><br>

46. <textarea placeholder="Detail Tiket" name="ket" required

style="margin: 10px 0 10px 0; padding: 10px; width: 200px;

float:none;"></textarea><br>

47. <input type="number" name="qty" placeholder=qty style="margin: 10px

0 10px 0; padding: 10px; width: 200px; float:none;"><br>

48. <input type="text" name="kategori" placeholder="Kategori Tiket"

required style="margin: 10px 0 10px 0; padding: 10px; width: 200px;

float:none;"><br>

49. <input type="submit" value="Jual Tiket">

50. </form>

51. </div>

52. <div id="data_tiket" class="tabcontent">

53. <table>

54. <th>Nama

Tiket</th><th>Kategori</th><th>Jenis</th><th>Tahap</th><th>Harga</th

><th>Hapus</th>

55. <?php

56. foreach($tiket as $r){

57. ?><tr>

58. <td><?php echo $r['nama_tiket']; ?></td>

59. <td><?php echo $r['katalog']; ?></td>

60. <td><?php echo $r['kategori'] ?></td>

61. <td><?php echo $r['tahap_tiket']; ?></td>

62. <td>Rp.<?php echo $r['harga']; ?></td>

63. <td>hapus</td>

64. </tr>

65. <?php

Page 21: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

21

Gambar 11 Tampilan Menu Administrator

Pada Gambar 11 dapat dilihat menu administrator yang bertujuan untuk

mengelola tiket acara, mengelola acara dan mengelola pendaftar. Menu mengelola

tiket dapat melihat tiket yang sedang dijual oleh penjual tiket. Acara yang sudah

dijual oleh penjual dapat dilihat oleh administrator untuk mengetahui berapa jumlah

acara yang masuk dan tiket acara yang dijual. Pendaftaran diakses penuh oleh

administrator yang berguna untuk memantau informasi valid dari pendaftar. Kode

Menu Administrator dapat dilihat pada Kode Program 4.

Kode Program 4 Menu Administrator

66. <nav>

67. <ul class="kiri">

68. <li><a href="">ADMIN</a></li>

69. </ul>

70. <ul class="kanan">

71. <li><a href="handler.php?aksi=logout">Welcome, <?php echo $_SESSION['nama'] ?>

[logout]</a></li>

72. </ul><div style="clear:both"></div>

73. </nav>

74. <div class="sidebar">

75. <ul>

76. <li><a href="home.php?aksi=dashboard_home">Dashboard</a></li>

77. <li><a href="home.php?aksi=view_all_post_blog">Blog</a></li>

78. <li><a href="home.php?aksi=member">Data Member</a></li>

79. <li><a href="home.php?aksi=view_konfirmasi">Konfirmasi</a></li>

80. <li><a href="home.php?aksi=toko">Data Toko</a></li>

81. <li><a href="home.php?aksi=pesan">Pesanan</a></li>

82. </ul>

83. </div>

84. <div class="main">

85. <?php

86. error_reporting(0);

87. include "root.php";

88. $db=new admin();

89. $aksi=$_GET['aksi'];

90. if($aksi=='toko'){

91. ?>

Page 22: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

22

Kode Program 4 pada baris 66 sampai 75 aalah kode pengambilan untuk proses

memasukkan pendaftaran pembeli untuk mengetahui pembeli sudah terdaftar sebagai

pengguna website. Baris 76 sampai 83 kode proses pemanggilan alamat link menu

administrator tentang pengolahan acara, tiket dan pendaftaran. Baris 84 sampai 91

kode proses pengambilan koneksi dari root melalui database admin untuk

pengambilan data. Setelah berada di halaman administrator pembeli akan

mendapatkan email notifikasi untuk melakukan proses pembayaran. Setelah pembelian

telah disetujui oleh pembeli maka transaksi akan dikirimkan melalui notifikasi email

pendaftaran. Tampilan pengiriman notifikasi email dapat dilihat pada Gambar 12.

Gambar 12 Tampilan Notifikasi Transaksi Pembelian Tiket Online

Gambar 12 merupakan tampilan notifikasi pembayaran tiket acara yang

dilakukan pembeli kepada penjual. Berisi informasi mengenai pembayaran tiket acara

yang dibeli. Kemudian untuk mengingatkan pembeli untuk melakukan pembayaran.

Penjelasan notifikasi email tiket online dapat dilihat pada Kode Program 5.

Kode Program 5 Notifikasi Email Tiket Online

92. <?php

$name="Transaksi";

93. $pengirim="email";

94. $subject="Pembayaran Tiket Online";

95. $message="Terimakasih telah membeli tiket online. Lakukan pembayaran

kurang dari 1x 24 jam. ";

96. $to=$pengirim;

97. $message="From:$name <br />".$message;

98. $headers = "MIME-Version: 1.0" . "\r\n";

99. $headers .= "Content-type:text/html;charset=iso-8859-1" . "\r\n";

100. $headers .= 'From: Tiket Online <[email protected]>'."\r\n" . 'Reply-To: '.$name.' <'.$pengirim.'>'."\r\n";

101. @mail($to,$subject,$message,$headers); 102. ?>

Page 23: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

23

Kode Program 5 baris 93 sampai baris 96 proses pengambilan data berdasarkan

pengiriman email dengan memasukkan nama, pengirim, subject dan message. Baris 97

sampai baris 103 merupakan proses pengambilan email yang diambil dari basis data

kemudian pengambilan dari masukan basis data.

Pengujian aplikasi tiket acara menggunakan dua pengujian yaitu pengujian

blackbox dan pengujian terhadap pengguna. Pengujian blackbox adalah pengujian

terhadap fungsi dengan implementasinya bertujuan untuk mengetahui apakah fungsi

sudah berjalan sesuai dengan implementasi yang diinginkan[6]. Pengujian ini

bertujuan untuk mengetahui fungsi pada aplikasi tiket acara berjalan dengan baik atau

masih terdapat bug. Pengujian ini diterapkan guna mengetahui apakah fungsi sudah

sesuai dengan yang diterapkan. Tabel 1 adalah hasil pengujian blackbox dari aplikasi

yang telah dilakukan. Tabel 1 Hasil Pengujian Blackbox

Fungsi yang diuji Kondisi Output yang diharapkan Output yang dihasilkan

sistem Status

Pengujian

Pembelian Tiket

Acara

Membeli Tiket Acara

Klik tombol beli

Sukses membeli Tiket

Acara

Sukses Pembelian

Tiket Acara

Sukses Pembelian

Valid

Valid Login Username dan password

benar

Username dan password

salah maupun kosong

Username dan/atau pasword salah

Sukse Login

Gagal Login

Sukse Login

Gagal Login

Valid

Valid

Menampilkan

laporan Pembelian

Membuka laporan baru

Membuka laporan diterima

Menampilkan laporan

baru

Menampilkan laporan diterima

Menampilkan laporan

baru

Menampilkan laporan diterima

Valid

Valid

Penjualan Tiket Acara

Terima laporan

Tolak laporan

Simpan data laporan sebagai data Tiket

Hapus laporan Tiket

Simpan data laporan sebagai data Tiket

Hapus laporan Tiket

Valid

Valid

Menampilkan Tiket

Penjualan

Membuka halaman Tiket

Penjual

Edit data Tiket

Menampilkan data Tiket

Penjual

Sukses update data

Menampilkan data Tiket

Penjual

Sukses edit

Valid

Valid

Tambah Tiket

Acara

Tambah data Tiket Acara

Klik simpan

Tambah data Tiket

Acara Sukses tambah data

Tiket

Tambah data Tiket

Acara Sukses tambah data

Tiket

Valid

Valid

Menampilkan Menu

Administrator

Membuka halaman

Administrator

Menampilkan data

Penjual

Menampilkan data

Penjual

Valid

Kelola data Penjual Edit data Penjual Hapus data Penjual

Sukses update data Sukses hapus data

Sukses update data Sukses hapus data

Valid Valid

Menampilkan Transaksi

Membuka halaman Transaksi

Sukses menampilkan Transaksi

Sukses menampilkan Transaksi

Valid

Mengelola

Pembelian

Tambah Pembelian yang

akan ditampilkan

Sukses tambah Sukses tambah Valid

Page 24: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

24

Berdasarkan pengujian blackbox yang telah dilakukan pada Tabel 1. Pengujian

dari setiap fungsi mendapatkan status pengujian valid. Dari pengujian Tabel 1 dapat

disimpulkan fungsi yang berada pada aplikasi marketplace tiket acara berjalan sesuai

dengan yang diterapkan.

Pengujian kedua dilakukan dengan cara pengujian terhadap pengguna yaitu

masyarakat yang pernah melakukan pembelian dan penjualan tiket acara. Pengujian

dilakukan dengan cara menyebar kuesioner ke masyarakat, dalam pengujian ini

dilakukan pengujian terhadap 30 responden. Hasil uji pengguna dapat dilihat pada

Tabel 2.

Tabel 2 Hasil Uji Pengguna

Tabel 2 menunjukan hasil dari kuesioner yang telah diujikan kepada 30

responden. Kuesioner meliputi lima pertanyaan, setiap pertanyaan memiliki 5 pilihan

jawaban dengan nilai sangat tidak setuju (STS), tidak setuju (TS), netral (N), setuju (S)

dan sangat setuju (SS). Dari pernyataan 1 mengenai tampilan aplikasi marketplace

tiket acara menarik dan memudahkan penggunaannya mendapatkan respon 85%.

Pernyataan 2 mengenai Pembelian tiket acara dapat digunakan dengan mudah dan

efektif mendapatkan respon 75%. Pernyataan 3 mengenai Informasi tiket acara

membantu masyarakat dalam pembelian tiket mendapatkan respon 82%. Pernyataan 4

mengenai notifikasi email membantu dalam pemberian informasi pembayaran tiket

acara mendapatkan respon 85%. Pernyataan 5 mengenai Penjualan tiket acara dapat

digunakan dengan mudah mendapatkan respon 72%.

Page 25: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

25

5. Kesimpulan dan Saran

Berdasarkan penelitian yang telah dilakukan, aplikasi marketplace tiket acara

online dibangun menggunakan bahasa pemrograman PHP (Hypertext Processor).

Pembuatan notifikasi pemberitahuan dipermudah dengan adanya notifikasi email yang

berfungsi dalam memberikan informasi mengenai kuantitas pembayaran melalui email

pembeli. Selain itu, fungsi HTML (HyperText Markup Language) dan CSS

(Cascading Style Sheet) membantu dalam pembuatan format tampilan desain web

sehingga terlihat menarik. Hasil pengujian pada masyarakat yang pernah melakukan

pembelian atau penjualan tiket acara, menunjukan bahwa dalam penyajian informasi

bermanfaat bagi masyarakat, terutama untuk pembelian tiket serta dalam penggunaan

aplikasi marketplace tiket acara secara online.

Hasil pengujian pada masyarakat yang pernah melakukan transaksi pembelian

dan penjualan tiket acara menunjukan bahwa 75 % masyarakat sangat setuju bahwa

proses pembelian pada marketplace mudah dan efektif. Tampilan aplikasi marketplace

menunjukan bahwa 85% masyarakat sangat setuju bahwa tampilan aplikasi

marketplace menarik dan memudahkan penggunaannya. Informasi tiket acara

menunjukan bahwa 82% masyarakat sangat setuju bahwa informasi tiket acara

membantu masyarakat dalam pembelian tiket. Notifikasi email dalam aplikasi

marketplace menunjukan bahwa 85% masyarakat sangat setuju bahwa notifikasi email

membantu dalam pemberian informasi pembayaran tiket acara. Penjualan tiket acara

menunjukan bahwa 72% masyarakat sangat setuju bahwa penjualan tiket acara dapat

digunakan dengan mudah. Disimpulkan bahwa hasil dari total seluruh persen

menunjukan bahwa 90% masyarakat sangat setuju dengan adanya aplikasi

marketplace tiket acara secara online berbasis web.

Saran untuk pengembangan ke depan yaitu aplikasi marketplace dapat

dikembangan pada platform mobile dan aplikasi dapat menampilkan desain tiket acara

yang dapat langsung dicetak oleh pembeli dengan kode tiket yang terenkripsi sehingga

data tiket aman.

Page 26: Perancangan Aplikasi Marketplace Tiket Acara Online ......1 Perancangan Aplikasi Marketplace Tiket Acara Online Berbasis Web di Kota Salatiga Artikel Ilmiah Peneliti: Arga Darmaanta

26

6. Daftar Pustaka

[1] Susilowato, Hendra. 2012. Aplikasi Pemesanan Tiket Pesawat Secara Online

Berbasis Web. Semarang : Universitas Semarang.

[2] Hutahaean, Jeperson dan Ariyanti, Evi. 2016. Rancangan Bangun E-Ticket

Bioskop Dengan Metode Waterfall Berbasis Web. Sumatra Utara : STIMIK Royal

Kisaran.

[3] Marfalino, Hari. 2014. Pengaplikasian Bahasa Pemrograman PHP dengan

Penjualan Tiket secara Online pada CV. Zico Putra Transportasi Padang.

Padang : Universitas Putra Indonesia YPTKI Padang.

[4] Muis, Abdul dan Purwanti, Kasih. 2014. Sistem Informasi Penjualan Tiket

Beerbasis Multiuser pada Semawis Water Park di Semarang. Semarang :

STEKOM Semarang.

[5] Sadgotra, Yoga Wisnu. 2013. Perancangan Online Marketplace untuk Usaha

Kecil dan Menengah (UKM) di Kabupaten Purworejo. Yogyakarta : STIMIK

AMIKOM Yogyakarta.

[6] Fakhrur Rozi, Imam. 2017. Pengaruh E-Service Quality terhadap Keputusan

Pembelian Tiket Kereta Api Online. Surabaya : Universitas Negri Surabaya.

[7] Baitu Hikmah, Agung. 2014. Rancangan Bangun Aplikasi Pemesanan Tiket Bus

Online Bebasis Web dengan menggunakan Metode Waterfall. Semarang :

Universitas Diponegoro Semarang.

[8] Arifianti, Revelin Yuanita. 2015. Sistem Informasi Pelayanan Tiket Kereta Api

dengan JSP. Surabaya : Politeknik Elektronika Surabaya.

[9] Terlo Dennis. 2014. Perancangan Sistem Penjualan Tiket Berbasis Web pada PT.

Bintan resort ferries Batam. Batam : Universitas Maritim Raja Ali Haji Ali

Batam.

[10] Kartini, Budi Utami Fahnun. 2013. Perancangan Sistem Informasi Pemesanan

Tiket Konser Musik Online Berbasis Lokasi. Jakarta : Universitas Gunadarma

Jakarta.