BAB III PEMBAHASAN. untuk bisa langsung memesan tiket secara online, tanpa harus datang ke tempat

(1)

24 3.1. Analisa Kebutuhan

3.1.1. Analisa Kebutuhan Sistem

Website ini memberikan kemudahan bagi para pecinta musik khususnya untuk bisa langsung memesan tiket secara online, tanpa harus datang ke tempat penjualan tiket. Sistem pembayarannya pun bisa dilakukan secara online yaitu men-transfer sesuai dengan nominal pembayaran yang sudah ditentukan.

3.1.2. Analisa Kebutuhan User

1. Admin

Sistem pemesanan yang masih menggunakan sistem manual yaitu dimana admin dalam mengelola data yang masih menggunakan kertas yang dapat memicu terjadinya kehilangan data dan data yang redundan menjadi kurang maksimal dan tidak efisien, diharapkan dengan adanya perancangan sistem pemesanan tiket konser secara online ini dapat mempermudah admin melakukan proses pengeditan, update, delete semua data yang berhubungan dengan web pemesanan tiket konser.

2. Customer

Sistem jual beli langsung, yaitu dimana pembeli mendatangi penjual yang memiliki toko atau penjual yang mendatangi langsung pembeli ke rumah. Sistem jual beli konvensional saat ini sudah ditinggalkan karena proses pemasarannya kurang maksimal karena hanya memiliki cakupan area penjualan yang tidak terlalu luas. Untuk itu perlu dilakukan penjualan melalui

(2)

e-commerce sebagai alternatif.

Agar pemasarannya lebih maksimal dan efisien serta memiliki cakupan penjualan yang lebih luas. Selain itu, customer dapat memperoleh informasi konser-konser yang akan diselenggarakan, melakukan pembayaran tanpa harus datang langsung ke tempat penjualan tiket, meng-upload bukti pembayarana ke

website dan mencetak bukti pemesanan.

3.2.Perancangan Perangkat Lunak 3.2.1. Rancangan Antar Muka

1. Rancangan Antar Muka Halaman Login Admin

Gambar III.6.

(3)

2. Rancangan Antar Muka Halaman Konser Admin Header Foto Admin Konser Pemesan Pemesanan Pembayaran Testimoni Footer Tambah

Id Konser Judul Konser Harga Foto Lokasi Konser Tanggal Konser Jam Konser Keterangan Aksi

xxxxxxxxx xxxxxxxxxxx xxxxx xxx xxxxxxxxxxxx dd-mm-yy 9999-9999 xxxxxxxxx Hapus Edit Zona Laporan Gambar III.7.

Rancangan Antar Muka Halaman Konser Admin 3. Rancangan Antar Muka Halaman Pemesan

Header Foto Admin Konser Zona Pemesan Pemesanan Pembayaran Footer

No ID Nama Alamat Email Telepon Aksi

Zzzzzzzzz zzzzzzzz zzzzzz zzzzzz xxxxxx Zzzzzzzzz zzzzzzzz zzzzzz zzzzzz xxxxxx Zzzzzzzzz zzzzzzzz zzzzzz zzzzzz xxxxxx Zzzzzzzzz zzzzzzzz zzzzzz zzzzzz xxxxxx Zzzzzzzzz zzzzzzzz zzzzzz zzzzzz xxxxxx Zzzzzzzzz zzzzzzzz zzzzzz zzzzzz xxxxxx Hapus Hapus Hapus Hapus Hapus Hapus Testimoni Laporan Gambar III.8.

(4)

4. Rancangan Antar Muka Halaman Pemesanan Header Foto Admin Konser Zona Pemesan Pemesanan Pembayaran Footer

No Pesan Pemesan Jumlah Pesan Status Tanggal Pesan Total Harga Aksi

Zzzzzzzzz zzzzzzzz zzzzzzzzzzzz zzzzz ddmmyy xxxxxx Hapus Zzzzzzzzz zzzzzzzz zzzzzzzzzzzz zzzzz ddmmyy xxxxxx Hapus Testimoni Detail Pesan Detail Pesan Laporan Gambar III.9.

Rancangan Antar Muka Halaman Pemesanan 5. Rancangan Antar Muka Halaman Beranda User

Footer Pembayaran Konser Beranda Testimoni Logo Background Slider Text Gambar Cetak Tiket Berita Populer Gambar Gambar Gambar III.10.

(5)

6. Rancangan Antar Muka Halaman Konser Tiket Gambar Tanggal Bulan Teks Pesan Sekarang Pembayaran Konser Beranda Gambar Tanggal Bulan Teks Pesan Sekarang Testimoni Logo Footer Cetak Tiket Gambar teks Gambar teks Gambar III.11.

Rancangan Antar Muka Halaman Konser 7. Rancangan Antar Muka Halaman Pemesanan Tiket

Footer Pembayaran Konser Beranda Testimoni Logo BELI TIKET Jumlah Tiket Judul Konser Gambar

Info Tentang Konser

Red Zone Rp.3000.000 Blue zone Rp.2000.000 Yellow zone Rp.2000.000

Cetak Tiket

Gambar III.12.

(6)

8. Rancangan Antar Muka Halaman Pembayaran

Isi Form Pembayaran Tiket Yang Dipesan

Nama Rekening

No Rekening

Bank

Jumlah Transfer

Upload Bukti Bayar

Beranda Konser Pembayaran Testimoni Logo Footer Cetak Tiket Gambar Teks Choose File Lanjut Gambar III.13.

Rancangan Antar Muka Halaman Pembayaran 9. Rancangan Antar Muka Halaman Cetak Tiket

Cetak Tiket Tiket Yang Dipesan

Beranda Konser Pembayaran Testimoni Logo

Footer

Cetak Tiket

No Tiket Konser Zona Aksi

Zzzzzzzzz zzzzzzz zzzzzz Cetak

Gambar Teks

Gambar III.14.

(7)

10. Rancangan Antar Muka Halaman Testimoni

Nama

Email

Testimoni

Beranda Konser Pembayaran Testimoni Logo

Footer

Cetak Tiket

Simpan

Gambar III.15.

Rancangan Antar Muka Halaman Testimoni

3.2.2. Rancangan Basis Data

Untuk perancangan basis data penulis menggambarkan pemetaannya dengan metode Entity Relationship Diagram dan Logical Record Structure, serta untuk penjelasannya melalui spesifikasi file.

(8)

1. Enitity Relationship Diagram (ERD)

Pemesanan Mempunyai Pembayaran

no_bayar Tgl_konser Id_konser alamat nama no_id Tiket Mempunyai Konser Mempunyai lokasi_konser foto jam_konser email telepon Pemesan Melakukan Judul_konser jml_tf bank _{no_pesan} bukti tgl_bayar no_rekening no_pesan no_pesan no_id jml_pesan status tgl_pesan tot_hrg 1 M 1 ₁ 1 1 1 1 no_tiket zona status pembayaran keterangan Id_konser nama_rek no_pesan no_pesan no_pesan no_bayar No_tiket Mempunyai Zona Id_zona nama 1 M Gambar III.16.

(9)

2. Logical Record Structure (LRS) Pemesan No_id (PK) Nama Alamat Email Telepon Pemesanan No_pesan (PK) No_id (FK) Id_konser (FK) Jml_pesan Status Tgl_pesan Tot_hrg Tiket No_tiket (PK) No_pesan (FK) Id_konser (FK) Zona Status 1 1 1 1 1 M Zona Id_zona (PK) Nama Harga 1 M Pembayaran No_bayar (PK) No_pesan (FK) Nama_rek No_rekening Bank Jml_tf Bukti Tgl_bayar Konser Id_konser (PK) Judul_konser Harga Lokasi_konser Foto Tgl_konser Jam_konser Keterangan 1 1 Gambar III.17.

LRS (Logical Record Structure)

3. Spesifikasi File

Website yang penulis buat mempunyai database yang berfungsi untuk menyimpan dan mengolah semua data yang ada didalam website tersebut. Dalam pembuatan website ini penulis membuat satu database dengan 8 table yang terdiri dari tabel admin, tabel konser, tabel zona, tabel tiket, tabel pemesan, tabel

(10)

pemesanan,tabel pembayaran dan tabel testimoni. Adapun spesifikasi file-file dari

database website tersebut antara lain: 1. Spesifikasi File Admin

Nama File : Tabel Admin

Akronim File : Admin

Fungsi : Untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Record Size : 140 Karakter

Media File : HardDisk

Kunci Field : username

Software : MySQL

Tabel III.1. Spesifikasi File Admin

No Elemen Data Akronim Tipe Panjang Keterangan

1. Username username Varchar 20 Primary Key

2. Password password Varchar 35

3. Nama nama Varchar 35

4. Foto foto Varchar 50

2. Spesifikasi File Konser

Nama File : Tabel Konser

Akronim File : konser

(11)

Tipe File : File Master Organisasi File : Index Sequential

Record Size : 162 karakter

Kunci Field : id_konser

Software : MySQL

Tabel III.2. Spesifikasi File Konser

1. Id Konser id_konser Char 10 Primary Key

2. Judul Konser judul_konser Varchar 50

3. Harga harga Int 11

4. Lokasi Konser lokasi_konser Varchar 30

5. Foto foto Varchar 50

6. Tanggal Konser tgl_konser Date

7. Jam Konser jam_konser Varchar 11

8. Keterangan keterangan Text

3. Spesifikasi File Zona

Nama File : Tabel Zona

Akronim File : Zona

Fungsi : Untuk menyimpan data zona

(12)

Kunci Field : id_zona

Software : MySQL

Tabel III.3. Spesifikasi File Zona

1. Id Zona id_zona Int 11 Primary Key

3. Harga harga Int 11

4. Spesifikasi File Tiket

Nama File : Tabel Tiket

Akronim File : tiket

Fungsi : Untuk menyimpan data tiket

Kunci Field : no_tiket

Software : MySQL

Tabel III.4. Spesifikasi File Tiket

(13)

2. No Pesan no_pesan Int 11 Foreign Key

3. Id Konser id_konser Int 11 Foreign Key

4. Zona zona Varchar 20

5. Status status Varchar 20

5. Spesifikasi File Pemesan

Nama File : Tabel Pemesan

Akronim File : pemesan

Fungsi : Untuk menyimpan data pemesan

Kunci Field : no_id

Software : MySQL

Tabel III.5. Spesifikasi File Pemesan

1. No ID no_id Varchar 10 Primary Key

3. Alamat alamat Text

4. Email email Varchar 25

(14)

6. Spesifikasi File Pemesanan

Nama File : Tabel Pemesanan

Akronim File : pemesanan

Fungsi : Untuk menyimpan data pemesanan

Tipe File : File Transaksi

Kunci Field : no_pesan

Software : MySQL

Tabel III.6.

Spesifikasi File Pemesanan

1. No Pesan no_pesan Varchar 10 Primary Key

2. No ID no_id Varchar 10 Foreign Key

3. Id Konser id_konser Int 11 Foreign Key

4. Jumlah Pesan jml_pesan Int 11

5. Status status Varchar 15

6. Tanggal Pesan tgl_pesan Date

7. Total Harga tot_hrg Double

7. Spesifikasi File Pembayaran

Nama File : Tabel Pembayaran

Akronim File : pembayaran

Fungsi : Untuk menyimpan data pembayaran

(15)

Kunci Field : no_bayar

Software : MySQL

Tabel III.7.

Spesifikasi File Pembayaran

1. No Bayar no_bayar Int 11 Primary Key

2. No Pesan no_pesan Int 11 Foreign Key

3. Nama Rekening nama_rek Varchar 35

4. No Rekening no_rekening Varchar 20

5. Bank bank_tujuan Varchar 20

6. Bukti bukti Varchar 50

7. Tanggal Bayar tgl_bayar Text

8. Spesifikasi File Testimoni

Nama File : Tabel Testimoni

Akronim File : testimoni

Fungsi : Untuk menyimpan data testimoni

(16)

Kunci Field : id_test

Software : MySQL

Tabel III.8.

Spesifikasi File Testimoni

1. Id Testimoni id_test Int 11 Primary Key

3. Email email Varchar 20

4. Tanggapan tanggapan Text

3.2.3. Rancangan Struktur Navigasi

Struktur navigasi website digunakan untuk menggambarkan secara garis besar/umum bagaimana hubungan dari isi web tersebut. Melalui struktur navigasi

website ini terlihat bagaimana susunan dari sebuah website secara menyeluruh. Struktur navigasi yang digunakan yaitu campuran karena, menggunakan tiga tipe yaitu, tipe linier, tipe non linier dan tipe hirarki. Struktur navigasi ini dipakai untuk mengakses dari satu halaman ke halaman berikutnya. Struktur navigasi ini juga bisa disebut struktur penjejakan bebas. Adapun struktur navigasinya sebagai berikut:

(17)

1. Struktur Navigasi Admin

Login

Index

Admin Konser Pemesan Pemesanan Pembayaran Testimoni Laporan

Tambah Konfirmasi Edit Tambah Zona Edit Detail Pesan Tambah Logout Laporan Pemesanan Laporan Pembayaran Gambar III.18. Struktur Navigasi Admin

2. Struktur Navigasi User

Index

Beranda Konser Pembayaran Cetak Tiket

Pesan Sekarang Masukan No Telp

Konfirmasi Ketersediaan Kuota

Testimoni

Beli Tiket

Isi Data Diri Pemesan Isi Form Pembayaran Tiket Cetak Bukti Pemesanan Gambar III.19. Struktur Navigasi User

(18)

3.3. Implementasi dan Pengujian Unit 3.3.1. Implementasi

Implementasi program adalah sebuah tahap pengaplikasian dari sistem yang telah dirancang. Aplikasi diwujudkan dengan cara memindahkan hasil desain dan

database ke dalam bentuk halaman web.

Konsep dari pemrograman berorientasi objek adalah mengelompokkan kumpulan source-code ke dalam class serta melakukan pengobjekan class.

Dengan demikian jika kita ingin merubah properti yang ada dalam objek tersebut, maka kita hanya pelu merubah dari properti yang ada dalam class. Sehingga program yang kita buat akan lebih mudah untuk dirubah, dan koreksi kesalahannya. Dengan demikian penggunaan konsep OOP dan PHP didalamnya, sebuah web dinamis akan tercipta.

A. Implementasi Antar Muka

1. Implementasi Halaman Data Konser Admin

Gambar III.20.

(19)

2. Implementasi Halaman Data Pemesan Admin

Gambar III.21.

Halaman Data Pemesan Admin 3. Implementasi Halaman Data Pemesanan Admin

Gambar III.22.

(20)

4. Implementasi Halaman Beranda User

Gambar III.23. Halaman Beranda User

5. Implementasi Halaman Konser

Gambar III.24. Halaman Konser

(21)

6. Implemntasi Halaman Pemesanan Tiket

Gambar III.25. Halaman Pemesanan Tiket 7. Implementasi Halaman Pembayaran

Gambar III.26. Halaman Pembayaran

(22)

8. Implementasi Halaman Cetak Tiket

Gambar III.27. Halaman Cetak Tiket 9. Implementasi Halaman Testimoni

Gambar III.28. Halaman Testimoni

(23)

B. Spesifikasi Sistem Komputer

Untuk mengoperasikan komputer, tentunya memerlukan perangkat pembantu untuk melancarkan dan mempercepat proses pengoperasian dari sistem itu sendiri. Bentuk yang digunakan adalah sebagai berikut:

1. Spesifikasi Perangkat Keras a. Server

1. CPU

(a) Processor : Intel® Core i3-2310M

(b) RAM : 2 GB DDR3

(c) Hard Disk : 500 GB HDD

2. Mouse : Optical Mouse

3. Keyboard : 102 Key

4. Monitor : SVGA 14”

5. Koneksi Internet dengan kecepatan 2 Mbps b. Client

1. CPU

(a) Processor : Intel® Core i3-2310M

(b) RAM : 1 GB DDR2

(c) Hard Disk : 20 GB HDD

2. Mouse : Standar

3. Keyboard : 102 Key

4. Monitor : SVGA 14”

(24)

2. Spesifikasi Perangkat Lunak a. Server

1. Sistem Operasi : Windows 7 Ultimate

2. Aplikasi Design : Adobe Dreamweaver CS6 3. Paket Program : PHP

4. Web Server : XAMPP

5. Web Browser : Mozila Firefox 27.00 6. Database : MySQL 2.7.0

b. Client

1. Sistem Operasi : Microsoft Windows

2. Web Browser : Mozila Firefox dan Google Chrome

3.3.2. Pengujian Unit

Blacbox testing adalah metode pengujian yang berfokus pada persyaratan fungsional perangkat lunak yaitu proses masukan dan keluaran program.

1. Pengujian Pada Halaman Login Admin

Tabel III.9.

Hasil Pengujian Web Halaman Login Admin

No. Skenario Pengujian

Test Case Hasil yang diharapkan Hasil Pengujian Kesimpulan 1. Username tidak di isi kemudian klik tombol Login Username: (kosong) Sistem akan menolak akses user dan menampilkan “Username dan Password salah” Sesuai harapan Valid

(25)

2. Password tidak di isi kemudian klik tombol Login Password: (kosong) Sistem akan menolak akses user dan menampilkan “Username dan Password salah” Sesuai harapan Valid 3. Mengisi Username dan Password Username: esa Password: 1234 Sistem akan menerima aksess Login dan menampilkan “halaman beranda” Sesuai harapan Valid

2. Pengujian Pada Halaman Tambah Admin

Tabel III.10.

Hasil Pengujian Web Halaman Tambah Admin

No. Skenario Pengujian

Test Case Hasil yang diharapkan Hasil Pengujian Kesimpulan 1. Tidak mengisi semua data. Username, password, nama, foto, kemudian klik simpan Username: (kosong) Password: (kosong) Nama: (kosong) Foto: (kosong) Sistem akan menolak akses dan menampilkan “Username, password, nama, foto tidak boleh kosong” Sesuai harapan Valid

(26)

2. Mengisi Password, Nama, kemudian klik Simpan Username: (kosong) Password: 1111 Nama: esa paninggit Foto: (kosong) Sistem akan menolak dan menampilkan “Username, foto tidak boleh kosong” Sesuai harapan Valid 3.. Mengisi semua data. Username, password, nama, foto, kemudian klik simpan Username:esa Password: 1111 Nama: esa paninggit Foto: gambar Sistem akan menerima dan kemudian data admin tersimpan dan menampilkan “Data Sudah Tersimpan” Sesuai harapan Valid

3. Pengujian Terhadap Halaman Tambah Konser

Tabel III.11.

Hasil Pengujian Web Halaman Tambah Konser No. Skenario

Pengujian

Test Case Hasil yang diharapkan Hasil Pengujian Kesimpulan 1. Tidak mengisi semua data. Id konser, Judul Konser, Id konser: (kosong) Judul Konser: (kosong) Harga: (kosong) Foto: (kosong) Lokasi konser: Sistem akan menolak akses dan menampilkan “Id konser, Judul Sesuai harapan Valid

(27)

Harga, Foto, Lokasi konser, Tanggal konser, Jam konser, Keterangan, kemudian klik Simpan (kosong) Tanggal konser: (kosong) Jam konser: (kosong) Keterangan: (kosong) Konser, Harga, Foto, Lokasi konser, Tanggal konser, Jam konser, Keterangan tidak boleh kosong” 2. Mengisi semua data. Id konser, Judul Konser, Harga, Foto, Lokasi konser, Tanggal konser, Jam konser, Keterangan, kemudian klik Simpan Id konser: 002 Judul Konser: BTS World Tour 2017 Harga: 500000 Foto: Gambar Lokasi konser: ICE HALL

Tanggal konser: 08-07-2017

Jam konser: 19:30 Keterangan: World Tour in ICE Hall

Sistem akan menerima dan kemudian data konser tersimpan dan menampilkan “Data Berhasil Disimpan” Sesuai harapan Valid

(28)

4. Pengujian Terhadap Halaman Pemesanan

Tabel III.12.

Hasil Pengujian Web Halaman Pemesanan No. Skenario

Pengujian

Test Case Hasil yang diharapkan Hasil Pengujian Kesimpulan 1. Form pemesanan dikosongkan kemudian klik simpan Nama: (kosong) Alamat: (kosong) Email: (kosong) Telepon: (kosong) Sistem akan menolak akses dan menampilkan “Nama, Alamat, Email, Telepon, tidak boleh kosong” Sesuai harapan Valid 2. Mengisi satu text field yang lain kosong dan klik simpan Nama: Jimin Alamat: (kosong) Email: (kosong) Telepon: (kosong) Sistem akan menolak akses dan menampilkan “Alamat, Email, Telepon, tidak boleh kosong” Sesuai harapan Valid 3. Mengisi semuadata. Kemudian klik Simpan Nama: Jimin Alamat: korea Email: jimin@gmail.com Telepon: 087666666 Sistem akan menerima dan data tersimpan Sesuai harapan Valid

(29)

5. Pengujian Terhadap Halaman Pembayaran

Tabel III.13.

Hasil Pengujian Web Halaman Pembayaran No. Skenario

Pengujian

Test Case Hasil yang diharapkan Hasil Pengujian Kesimpulan 1. Mengosongkan Nama Rekening, No rekening, Bank, Jumlah Transfer, Input Berkas kemudian klik Simpan Nama Rekening: (kosong) No Rekening: (kosong) Bank: (kosong) Jumlah Transfer: (kosong) Input Berkas: (kosong) Sistem akan menolak akses dan menampilkan “Nama Rekening, No rekening, Bank, Jumlah Transfer, Input Berkas tidak boleh kosong” Sesuai harapan Valid 2. Mengisi Nama Rekening, No rekening, kemudian klik Simpan Nama Rekening: jimin No Rekening: 09888 Bank: (kosong) Jumlah Transfer: (kosong) Input Berkas: (kosong) Sistem akan menolak akses dan menampilkan “Bank, Jumlah Transfer, Input Berkas tidak boleh kosong” Sesuai harapan Valid 3. Mengisi semua data. Nama Nama Rekening: jimin No Rekening: 09888 Sistem akan menerima Sesuai harapan Valid

(30)

Rekening, No rekening, Bank, Jumlah Transfer, Input Berkas kemudian klik Batal Bank: BCA Jumlah Transfer: 750000 Input Berkas: gambar dan data pembayaran akan tersimpan