BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa...

52
22 BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1. Kebutuhan Pengguna Pembuatan website dirancang dengan melihat beberapa kebutuhan, pada website dibuat dua halaman, yaitu halaman admin dan halaman pengunjung (user). Pada halaman admin disediakan menu-menu untuk mengolah data seperti menambah data acara, menghapus data acara, mengedit data acara,melihat data user,menambah dan mengedit kategori, melihat data pembelian tiket dan mencetak laporan. Sedangkan halaman pengunjung (user), pengunjung dapat mencari tiket acara di kategori, lalu memilih tiket acara, setelah pengunjung memilih kelas tiket acara pengunjung dapat mengisi data diri, pengunjung juga dapat mengupload bukti transfer dan dapat mencetak tiket setelah mengupload bukti transfer. 2. Kebutuhan Sistem Analisis kebutuhan sistem dilakukan untuk membantu menjabarkan kebutuhan pengunjung menjadi salah satu desain penjualan tiket berbasis web. Tujuan utama dari tahap analisis adalah untuk mempermudah dan mempersingkat waktu pengunjung dalam pembelian tiket berbasis web. Analisis kebutuhan sistem terdiri dari : a. Admin harus melakukan login untuk mengakses sistem.

Transcript of BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa...

Page 1: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

22

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan

kebutuhan sistem.

1. Kebutuhan Pengguna

Pembuatan website dirancang dengan melihat beberapa kebutuhan, pada

website dibuat dua halaman, yaitu halaman admin dan halaman pengunjung

(user). Pada halaman admin disediakan menu-menu untuk mengolah data seperti

menambah data acara, menghapus data acara, mengedit data acara,melihat data

user,menambah dan mengedit kategori, melihat data pembelian tiket dan

mencetak laporan.

Sedangkan halaman pengunjung (user), pengunjung dapat mencari tiket

acara di kategori, lalu memilih tiket acara, setelah pengunjung memilih kelas tiket

acara pengunjung dapat mengisi data diri, pengunjung juga dapat mengupload

bukti transfer dan dapat mencetak tiket setelah mengupload bukti transfer.

2. Kebutuhan Sistem

Analisis kebutuhan sistem dilakukan untuk membantu menjabarkan

kebutuhan pengunjung menjadi salah satu desain penjualan tiket berbasis web.

Tujuan utama dari tahap analisis adalah untuk mempermudah dan mempersingkat

waktu pengunjung dalam pembelian tiket berbasis web. Analisis kebutuhan sistem

terdiri dari :

a. Admin harus melakukan login untuk mengakses sistem.

Page 2: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

23

b. Admin dapat mengelola data acara seperti menambahkan acara,

mengedit atau menghapus data acara.

c. Admin dapat melihat data pengunjung dan data kategori.

d. Admi dapat melihat transaksi penjualan tiket.

e. Admin dapat mencetak laporan penjualan tiket acara.

f. Admin melakukan logout setelah selesai mengakses.

g. Pengunjung harus melakukan signup agar dapat melakukan login.

h. Pengunjung melakukan login untuk melakukan pembelian tiket

acara.

i. Pengunjung memilih tiket dan kelas tiket acara yang diadakan.

j. Pengunjung melakukan logout setelah selesai melakukan

pembelian tiket acara.

3.2. Perancangan Perangkat Lunak

Terdiri dari rancangan antarmuka, ERD (Entity Relationship Diagram),

LRS (Logical Record Structure), Struktur Navigasi.

3.2.1. Rancangan Antar Muka

Rancangan antar muka (interface) yang terdapat pada website penjualan

tiket acara :

Page 3: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

24

A. Rancangan Antar Muka Hak Akses Admin.

1. Rancangan Antar Muka Login.

Ilustrasi gambar bisa dilihat pada gambar III.1

Gambar III.1

Rancangan Antar Muka Login Admin

2. Rancangan Antar Muka Halaman Utama Admin.

Ilustrasi gambar bisa dilihat pada gambar III.2

Gambar III.2

Rancangan Antar Muka Halaman Utama Admin.

Page 4: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

25

3. Rancangan Antar Muka Halaman Data User.

Ilustrasi gambar bisa dilihat pada gambar III.3

Gambar III.3

Rancangan Antar Muka Halaman Data User.

4. Rancangan Antar Muka Halaman Data Acara.

Ilustrasi gambar bisa dilihat pada gambar III.4

Gambar III.4

Rancangan Antar Muka Halaman Data Acara.

Page 5: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

26

5. Rancangan Antar Muka Halaman Tambah Acara.

Ilustrasi gambar bisa dilihat pada gambar III.5

Gambar III.5

Rancangan Antar Muka Halaman Tambah Acara.

6. Rancangan Antar Muka Halaman Edit Acara.

Ilustrasi gambar bisa dilihat pada gambar III.6

Gambar III.6

Rancangan Antar Muka Halaman Edit Acara.

Page 6: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

27

7. Rancangan Antar Muka Halaman Data Kategori

Ilustrasi gambar bisa dilihat pada gambar III.7

Gambar III.7

Rancangan Antar Muka Halaman Data Kategori.

8. Rancangan Antar Muka Halaman Tambah Data Kategori.

Ilustrasi gambar bisa dilihat pada gambar III.8

Gambar III.8

Rancangan Antar Muka Halaman Admin Data Kategori.

Page 7: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

28

9. Rancangan Antar Muka Halaman Edit Data Kategori.

Ilustrasi gambar bisa dilihat pada gambar III.9

Gambar III.9

Rancangan Antar Muka Halaman Admin Data Kategori.

10. Rancangan Antar Muka Halaman Transaksi Penjualan.

Ilustrasi gambar bisa dilihat pada gambar III.10

Gambar III.10

Rancangan Antar Muka Halaman Transaksi Penjualan.

Page 8: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

29

11. Rancangan Antar Muka Halaman Konfirmasi Penjualan.

Ilustrasi gambar bisa dilihat pada gambar III.11

Gambar III.11

Rancangan Antar Muka Halaman Konfirmasi Penjualan.

12. Rancangan Antar Muka Halaman Laporan Penjualan.

Ilustrasi gambar bisa dilihat pada gambar III.12

Gambar III.12

Rancangan Antar Muka Halaman Laporan Penjualan.

Page 9: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

30

13. Rancangan Antar Muka Halaman Laporan Konfirmasi.

Ilustrasi gambar bisa dilihat pada gambar III.13

Gambar III.13

Rancangan Antar Muka Halaman Laporan Konfirmasi.

B. Rancangan Antar Muka Hak Akses User.

1. Rancangan Antar Muka Halaman Utama User.

Ilustrasi gambar bisa dilihat pada gambar III.14

Gambar III.14

Rancangan Antar Muka Halaman Utama User.

Page 10: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

31

2. Rancangan Antar Muka Halaman Daftar User.

Ilustrasi gambar bisa dilihat pada gambar III.15

Gambar III.15

Rancangan Antar Muka Halaman Daftar User.

3. Rancangan Antar Muka Halaman Utama User setelah login.

Ilustrasi gambar bisa dilihat pada gambar III.16

Gambar III.16

Rancangan Antar Muka Halaman Utama User Setelah login.

Page 11: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

32

4. Rancangan Antar Muka Halaman User Kontak Kami.

Ilustrasi gambar bisa dilihat pada gambar III.17

Gambar III.17

Rancangan Antar Muka Halaman User Kontak Kami.

5. Rancangan Antar Muka Halaman User Tentang Kami.

Ilustrasi gambar bisa dilihat pada gambar III.18

Gambar III.18

Rancangan Antar Muka Halaman User Tentang Kami.

Page 12: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

33

6. Rancangan Antar Muka Halaman Kategori Musik.

Ilustrasi gambar bisa dilihat pada gambar III.19

Gambar III.19

Rancangan Antar Muka Halaman Kategori Musik.

7. Rancangan Antar Muka Halaman Kategori Olahraga.

Ilustrasi gambar bisa dilihat pada gambar III.20

Gambar III.20

Rancangan Antar Muka Halaman Kategori Olahraga.

Page 13: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

34

8. Rancangan Antar Muka Informasi Pembayaran.

Ilustrasi gambar bisa dilihat pada gambar III.21

Gambar III.21

Rancangan Antar Muka Informasi Pembayaran.

9. Rancangan Antar Muka Halaman User Pesan Tiket.

Ilustrasi gambar bisa dilihat pada gambar III.22

Gambar III.22

Rancangan Antar Muka Halaman User Pesan Tiket.

Page 14: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

35

8. Rancangan Antar Muka Halaman Input Pesanan.

Ilustrasi gambar bisa dilihat pada gambar III.23

Gambar III.23

Rancangan Antar Muka Halaman Input Pesanan.

Page 15: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

36

9. Rancangan Antar Muka Halaman Data Pesanan.

Ilustrasi gambar bisa dilihat pada gambar III.24

Gambar III.24

Rancangan Halaman Data Pesanan.

Page 16: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

37

10. Rancangan Antar Muka Halaman User Input Data Konfirmasi.

Ilustrasi gambar bisa dilihat pada gambar III.25

Gambar III.25

Rancangan Antar Muka Halaman User Input Data Konfirmasi.

Page 17: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

38

11. Rancangan Antar Muka Halaman Konfirmasi pesanan.

Ilustrasi gambar bisa dilihat pada gambar III.26

Gambar III.26

Rancangan Antar Muka Halaman Konfirmasi Pesanan.

3.2.2. Basis Data

Perancangan basis data menghasilkan pemetaan tabel-tabel yang

digambarkan dengan Entity Relationship Diagram (ERD) dan Logical

Relationship System (LRS).

Page 18: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

39

A. ERD (Entity Relationship Diagram).

Ilustrasi gambar ERD bisa dilihat pada gambar III.27

Gambar III.27

ERD (Entity Relationship Diagram).

Page 19: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

40

B. LRS (Logical Record Structure).

Ilustrasi gambar LRS bisa dilihat pada gambar III.28

Gambar III.28

LRS (Logical Record Structure).

Page 20: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

41

C. Spesifikasi file

Dalam pembuatan program aplikasi ini penulis menggunakan satu buah

file database yaitu penjualan. Spesifikasi file yang dimaksud yaitu :

1. Tabel Admin

Nama File : Admin

Akronim : tb_admin.myd

Fungsi : Untuk menjalankan program

Type file : File master

Organisasi : Index Sequential

Akses file : Random

Media : Hard Disk

Record Size : 130 Record

Record Key : kd_admin

Software : Mysql

Tabel III.1

Spesifikasi Tabel Admin.

No Elemen Data Nama Field Type Panjang Keterangan

1 Kode Admin kd_admin Varchar 15 Primary Key

2 Nama Admin Nama Varchar 30 -

3 Password Password Varchar 30 -

4 Nomer telepon no_tlp Varchar 15 -

5 Jenis kelamin Jk - - -

6 Email Email Varchar 40 -

Page 21: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

42

2. Tabel User

Nama File : User

Akronim : tb_user.myd

Fungsi : Untuk membeli tiket acara

Type file : File master

Organisasi : Index Sequential

Akses file : Random

Media : Hard Disk

Record Size : 175 Record

Record Key : kd_user

Software : Mysql

Tabel III.2

Spesifikasi Tabel User.

No Elemen Data Nama Field Type Panjang Keterangan

1 Kode User kd_user Varchar 15 Primary Key

2 Username Username Varchar 10 -

3 Password Password Varchar 30 -

4 Nama user Nama Varchar 30 -

5 Nomer telepon No_tlp Varchar 10 -

6 Jenis kelamin Jk - - -

7 Email Email Varchar 40 -

8 Alamat Alamat Varchar 40 -

9 Tanggal Lahir Tgl_lahir Date - -

Page 22: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

43

3. Tabel Acara

Nama File : Acara

Akronim : tb_acara.myd

Fungsi : Untuk mengetahui informasi dari acara

Type file : File master

Organisasi : Index Sequential

Akses file : Random

Media : Hard Disk

Record Size : 276 Record

Record Key : kd_acara

Software : Mysql

Tabel III.3

Spesifikasi Tabel Acara.

No Elemen Data Nama Field Type Panjang Keterangan

1 Kode Acara Kd_acara Varchar 15 Primary Key

2 Nama Acara Nama_acara Varchar 100 -

3 Tempat Tempat Varchar 50 -

4 Tanggal Acara Tanggal_acara Date - -

5 Jam Acara Jam Varchar 10 -

6 Kode kategori Id_kategori Int 11 Foreign Key

7

Harga Tiket

Silver

Harga_silver Varchar 15 -

8

Harga Tiket

Gold

Harga_gold Varchar 15 -

Page 23: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

44

9

Harga Tiket

Diamond

Harga_diamond Varchar 15 -

10 Gambar Gambar Varchar 30 -

11 Kode Admin Kd_admin Varchar 15 Foreign Key

4. Tabel Kategori

Nama File : Kategori

Akronim : tb_kategori.myd

Fungsi : Untuk mengetahui jenis acara

Type file : File master

Organisasi : Index Sequential

Akses file : Random

Media : Hard Disk

Record Size : 51 Record

Record Key : id_kategori

Software : Mysql

Tabel III.4

Spesifikasi Tabel Kategori.

No Elemen Data Nama Field Type Panjang Keterangan

1 Id Kategori Id_kategori Int 11

Primary Key

Auto increament

2 Nama Kategori Acara Nm_kategori Varchar 20 -

3 Kode Admin Kd_admin Varchar 20 Foreign Key

Page 24: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

45

5. Tabel Transaksi

Nama File : Transaksi

Akronim : tb_transaksi.myd

Fungsi : Untuk mengetahui penjualan tiket

Type file : Transaksi

Organisasi : Index Sequential

Akses file : Random

Media : Hard Disk

Record Size : 147 Record

Record Key : kd_order

Software : Mysql

Tabel III.5

Spesifikasi Tabel Transaksi.

No Elemen Data Nama Field Type Panjang Keterangan

1 Kode Order Kd_order Varchar 15 Primary Key

2 Nama user Nama_lengkap1 Varchar 30 -

3 Nama user Nama_lengkap2 Varchar 40 -

4 Kode Acara Kd_acara Varchar 15 Foreign Key

5 Jumlah Harga Harga Int 11 -

6 Tanggal Pesan Tgl_order Date - -

7 Kode user Kd_user Varchar 15 Foreign Key

8 Jumlah Beli Qty Int 11 -

9 Status Status Varchar 10 -

Page 25: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

46

6. Tabel komentar

Nama File : Komentar

Akronim : tb_komentar.myd

Fungsi : Untuk user mengomentari pelayanan penjualan tiket

Type file : File master

Organisasi : Index Sequential

Akses file : Random

Media : Hard Disk

Record Size : 75 Record

Record Key : id_komentar

Software : Mysql

Tabel III.6

Spesifikasi Tabel Komentar.

No Elemen Data Nama Field Type Panjang Keterangan

1 Kode komentar Id_komentar Varchar 10 Primary Key

2 Nama user Nama_komentar Varchar 30 -

3 Email Email Varchar 20 -

4 Isi Isi_komentar Text - -

5 Kode user Kd_user Varchar 15 Foreign Key

7. Tabel konfirmasi

Nama File : Konfirmasi

Akronim : tb_konfirmasi.myd

Fungsi : Untuk admin melakukan konfirmasi pembelian tiket

Page 26: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

47

Type file : Transaksi

Organisasi : Index Sequential

Akses file : Random

Media : Hard Disk

Record Size : 181 Record

Record Key : kd_konfirmasi

Software : Mysql

Tabel III.7

Spesifikasi Tabel Konfirmasi.

No Elemen Data Nama Field Type Panjang Keterangan

1 Kode konfirmasi Kd_konfirmasi Varchar 15 Primary Key

2 Harga Harga Varchar 10 -

3 Jumlah Beli Qty Int 11 -

4 No Rekening Norek Int 15 -

5 Nama bank Nm_bank Varchar 10 -

6

Pemilik

Rekening

Pemilik _Rekening Varchar 30 -

7 Jumlah transfer Jumlah_transfer Varchar 10 -

8 Rekening tujuan Rekening_tujuan Varchar 10 -

9 Tanggal transfer Tgl_transfer Date - -

10 Gambar Gambar Varchar 50 -

11 Status Status Varchar 10 -

12 Kode admin Kd_admin Varchar 10 Foreign Key

Page 27: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

48

13 Kode order Kd_order Varchar 15 Foreign Key

3.2.3. Rancangan Struktur Navigasi

1. Struktur Navigasi Admin.

Ilustrasi gambar struktur navigasi admin bisa dilihat pada gambar III.29

Gambar III.29

Rancangan Struktur Navigasi Admin.

Page 28: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

49

2. Struktur Navigasi Beranda.

Ilustrasi gambar Struktur Navigasi Beranda bisa dilihat pada gambar III.30

Gambar III.30

Rancangan Struktur Navigasi Beranda.

3. Struktur Navigasi User.

Ilustrasi gambar Struktur navigasi user bisa dilihat pada gambar III.31

Gambar III.31

Rancangan Struktur Navigasi User.

Page 29: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

50

3.3. Implementasi dan Pengujian Unit.

3.3.1. Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada penjualan tiket berbasis web

berdasarkan hasil rancangan antar muka.

1. Halaman Login Admin

Ini tampilan ketika membuka localhost/penjualantiket/admin. Admin harus

mengiri username dan password terlebih dahulu sebelum mengakses halaman

admin. Ilustrasi gambar bisa dilihat pada gambar III.32

Gambar III.32

Halaman Login Admin.

Page 30: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

51

2. Halaman Utama Admin.

Setelah melakukan login, akan muncul halaman ini. Ilustrasi gambar bisa

dilihat pada gambar III.33

Gambar III.33

Halaman Utama Admin.

3. Halaman Admin Data User

Jika admin memasuki halaman ini, admin hanya bisa lihat pengunjung yang

melihat atau mengunjungi web tersebut. Ilustrasi gambar bisa dilihat pada

gambar III.34

Gambar III.34

Halaman Admin Data User.

Page 31: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

52

4. Halaman Admin Data Acara

Jika Admin memasuki halaman ini admin dapat melihat acara yang telah

diinput. Ilustrasi gambar bisa dilihat pada gambar III.35

Gambar III.35

Halaman Admin Data Acara.

5. Halaman Admin Tambah Data Acara

Di halaman ini admin dapat menambah acara yang di adakan. Ilustrasi

gambar bisa dilihat pada gambar III.36

Gambar III.36

Halaman Admin Tambah Data Acara.

Page 32: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

53

6. Halaman Admin Edit Data Acara.

Di halaman ini admin dapat mengubah jika ada kesalahan di data yang

telah diinput. Ilustrasi gambar bisa dilihat pada gambar III.37

Gambar III.37

Halaman Admin Edit Data Acara.

7. Halaman Admin Data Kategori.

Di halaman ini admin dapat melihat beberapa kategori dari acara. Ilustrasi

gambar bisa dilihat pada gambar III.38

Gambar III.38

Halaman Admin Data Kategori.

Page 33: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

54

8. Halaman Admin Tambah Kategori.

Halaman ini admin dapat menambahkan kategori dari acara. Ilustrasi

gambar bisa dilihat pada gambar III.39

Gambar III.39

Halaman Admin Tambah Kategori.

9. Halaman Admin Edit Kategori.

Di halaman ini admin dapat mengubah jika ada kesalahan di data kategori

yang telah diinput. Ilustrasi gambar bisa dilihat pada gambar III.40

Gambar III.40

Halaman Admin Edit Kategori.

Page 34: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

55

10. Halaman Admin Transaksi Penjualan.

Halaman ini menampilkan user yang membeli tiket acara, admin hanya

bisa mengelola secara menghapus jika user sudah mencetak tiket. Ilustrasi

gambar bisa dilihat pada gambar III.41

Gambar III.41

Halaman Admin Transaksi Penjualan.

Page 35: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

56

11. Halaman Admin Transaksi Konfirmasi.

Halaman ini admin dapat melakukan diterima atau ditolaknya suatu

transaksi, jika data lengkap maka admin menerima transaksi begitu

sebaliknya. Ilustrasi gambar bisa dilihat pada gambar III.42-43

Gambar III.42

Halaman data transaksi konfirmasi.

Gambar III.43

Halaman data konfirmasi.

Page 36: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

57

12. Halaman Admin Laporan Penjualan.

Halaman ini menampilkan laporan penjualan tiket acara. Ilustrasi gambar

bisa dilihat pada gambar III.44

Gambar III.44

Halaman admin laporan penjualan.

Page 37: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

58

13. Halaman Admin Laporan Konfirmasi.

Halaman ini menampilkan laporan konfirmasi yang telah di konfirmasi

oleh admin. Ilustrasi gambar bisa dilihat pada gambar III.45

Gambar III.45

Halaman Admin Laporan Konfirmasi.

14. Halaman Cetak Laporan Penjualan

Halaman ini menampilkan laporan penjualan tiket yang sudah siap untuk

di print. Ilustrasi gambar bisa dilihat pada gambar III.46

Gambar III.46

Halaman Admin Cetak Laporan penjualan.

Page 38: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

59

15. Halaman Cetak Laporan Konfimarsi Penjualan.

Halaman ini menampilkan laporan dari admin melakukan konfirmasi yang

sudah siap untuk di print. Ilustrasi gambar bisa dilihat pada gambar III.47

Gambar III.47

Halaman Cetak Laporan Konfirmasi Penjualan.

15. Halaman User Sebelum Login.

Tampilan halaman utama user, sebelum user melakukan login. Ilustrasi

gambar bisa dilihat pada gambar III.48

Gambar III.48

Halaman User Sebelum Login.

Page 39: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

60

16. Halaman Daftar User.

Halaman ini user harus mendaftarkan diri agar mempunyai akun dan bisa

membeli tiket. Ilustrasi gambar bisa dilihat pada gambar III.49

Gambar III.49

Halaman Daftar User.

17. Halaman Login User.

Tampilan ini keluar jika user ingin melakukan pembelian tiket. Ilustrasi

gambar bisa dilihat pada gambar III.50

Gambar III.50

Halaman Login User.

Page 40: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

61

18. Halaman User Setelah Login.

Halaman ini akan tampil setelah user melakukan login. Ilustrasi gambar

bisa dilihat pada gambar III.51

Gambar III.51

Halaman User Setelah Login.

19. Halaman User Kontak

Halaman ini menampilkan seputar tentang web kami. Ilustrasi gambar bisa

dilihat pada gambar III.52

Gambar III.52

Halaman User Kontak.

Page 41: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

62

20. Halaman User Tentang Kami.

Halaman ini menampilkan seputar tentang web kami. Ilustrasi gambar bisa

dilihat pada gambar III.53

Gambar III.53

Halaman User Tentang Kami.

21. Halaman User Pesan Tiket

Halaman ini menampilkan ketika user ingin membeli tiket serta

mengetahui harga tiket tersebut. Ilustrasi gambar bisa dilihat pada gambar

III.54

Gambar III.54

Halaman User Pesan Tiket.

Page 42: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

63

22. Halaman User Mengisi Data Diri.

Di halaman ini user diharuskan mengisi data diri untuk melakukan

transaksi. Ilustrasi gambar bisa dilihat pada gambar III.55

Gambar III.55

Halaman User Mengisi Data Diri.

Page 43: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

64

23. Halaman data pesanan user.

Halaman ini menampilkan data yang sudah diisi, sehingga user dapat

melakukan konfirmasi kembali. Ilustrasi gambar bisa dilihat pada gambar

III.56

Gambar III.56

Halaman data pesanan user.

24. Halaman Konfirmasi User.

Pada halaman ini user mengisikan data diri berupa pembayaran melalui

atm dan sebagainya. Ilustrasi gambar bisa dilihat pada gambar III.57

Gambar III.57

Halaman Konfirmasi User.

Page 44: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

65

25. Halaman Hasil Konfirmasi User.

Setelah user melakukan isi data pembayaran, maka tampilan dihalaman ini

akan berubah menjadi cetak. Ilustrasi gambar bisa dilihat pada gambar

III.58

Gambar III.58

Halaman Hasil Konfirmasi User.

26. Halaman Cetak Tiket.

Halaman ini menampilkan tiket yang sudah di beli. Ilustrasi gambar bisa

dilihat pada gambar III.59

Gambar III.59

Halaman Cetak Tiket.

Page 45: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

66

B. Spesifikasi Sistem Komputer

Konfigurasi sistem komputer meliputi perangkat keras (hardware),

perangkat lunak (software) agar dapat digunakan untuk melakukan pekerjaan

komputerisasi.

1. Spesifikasi Perangkat Keras (hardware)

Yang dimaksud dengan perangkat keras adalah seperangkat alat yang

membantu sistem yang diusulkan dengan alat bantu lain. Yang terdiri dari unit

masukkan (input), unit penjualan (process), unit keluaran (output). Pemilihan

suatu komputer antara lain ditentukan oleh kapasitas komputer dan unit

pengolahan datanya (CPU), unit pemasukkan datanya yaitu keyboard dan media

penyimpanan datanya berupa hardisk.

Penulis menerangkan juga bahwa perangkat keras yang dibutuhkan untuk

implementasi website ini adalah :

a. Server

1) CPU

a) Processor Intel® Pentium® Core 2 Duo

b) RAM DDR2 4 GB

c) Hard Disk 500 GB

2) Mouse : Optical Mouse USBport

3) Keyboard : 87keys

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi Internet dengan kecepatan 2 Mbps

Page 46: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

67

b. Client

1) CPU

(a) Processor Intel® Pentium® 4

(b) RAM DDR2 1GB

(c) Hard Disk 20GB

2) Mouse : Optical Mouse USBport

3) Keyboard : 87keys

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi Internet dengan kecepatan 2 Mbps

2. Spesifikasi Perangkat Lunak (Software)

Perangkat lunak atau Software adalah seluruh fase dari sistem pengolahan

data yang diluar dari peralatan komputernya sendiri. Fasilitas software itu sendiri

terdiri dari sistem desaign, program dan prosedut-prosedur lainnya.

Disini penulis menerangkan bahwa sistem komputer perangkat lunak yang

dibutuhkan untuk implementasi website ini adalah :

1. Server

a. Sistem operasi yang umum digunakan seperti : Microsoft Windows 7.

b. Aplikasi bundle web server seperti : Xampp, yang terdiri dari beberapa

komponen, diantaranya :

(1) Aplikasi Apache Server v3.

(2) Aplikasi PHP Server v3.

(3) Aplikasi MySQL Server v3.

(4) Aplikasi phpMyAdmin Server v3.

Page 47: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

68

c. Aplikasi web browser lihat seperti Mozilla Firefox, dan Google

Chrome.

3.3.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing

yang focus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form Login Admin.

Tabel III.8

Hasil pengujian Black Box Testing Form Login Admin.

No Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil

Pengujian Kesimpulan

1 Username dan

password tidak diisi

kemudian klik

tombol login

Username : (kosong)

Password : (kosong)

Sistem akan

menolak akses

admin dan

menampilkan “Isi

Semua Kolom

Login!!!”

Sesuai

Harapan Valid

2 Mengetikan

Username dan

Password tidak diisi

kemudian klik

tombol login

Username : Admin

Password : (kosong)

Sistem akan

menolak akses

admin dan

menampilkan “Isi

Semua Kolom

Login!!!”

Sesuai

Harapan Valid

3 Username tidak diisi

dan password diisi

kemudian klik

tombol login

Username : (kosong)

Password : admin

Sistem akan

menolak akses

admin dan

menampilkan “Isi

Semua Kolom

Login!!!”

Sesuai

Harapan Valid

4 Mengetikan salah

satu kondisi salah

pada username atau

password kemudian

klik login

Username :

admin(Benar)

Password : saya

(salah)

Sistem akan

menolak akses

admin dan

menampilkan

“Username atau

password salah!”

Sesuai

Harapan Valid

5 Mengetikan salah

satu kondisi salah pada username atau

password kemudian

klik login

Username :

admin(Benar) Password :

admin(Benar)

Sistem akan

menerima akses admin dan

menampilkan

“Login Berhasil”

Sesuai

Harapan Valid

Page 48: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

69

B. Pengujian terhadap form login user.

Tabel III.9

Hasil pengujian Black Box Testing Form Login User.

No Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil

Pengujian Kesimpulan

1 Username dan

password tidak diisi

kemudian klik

tombol login

Username : (kosong)

Password : (kosong)

Sistem akan

menolak akses

admin dan

menampilkan “Isi

Semua Kolom

Login!!!”

Sesuai

Harapan Valid

2 Mengetikan

Username dan

Password tidak diisi

kemudian klik

tombol login

Username : Admin

Password : (kosong)

Sistem akan

menolak akses

admin dan

menampilkan “Isi

Semua Kolom

Login!!!”

Sesuai

Harapan Valid

3 Username tidak diisi

dan password diisi

kemudian klik

tombol login

Username : (kosong)

Password : admin

Sistem akan

menolak akses

admin dan

menampilkan “Isi

Semua Kolom

Login!!!”

Sesuai

Harapan Valid

4 Mengetikan salah

satu kondisi salah

pada username atau

password kemudian

klik login

Username :

admin(Benar)

Password : saya

(salah)

Sistem akan

menolak akses

admin dan

menampilkan

“Username atau

password salah!”

Sesuai

Harapan Valid

5 Mengetikan salah

satu kondisi salah

pada username atau

password kemudian

klik login

Username : saya

Password :

admin(Benar)

Sistem akan

menolak akses

admin dan

menampilkan

“Username atau

password salah!”

Sesuai

Harapan Valid

Page 49: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

70

C. Pengujian terhadap form tambah kategori.

Tabel III.10.

Hasil Pengujian Black Box Testing Form Tambah Kategori.

No. Skenario

Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1. Mengosongkan

semua data

pada form

tambah admin

kecuali Kode

Admin lalu

langsung

mengklik

tombol

„Tambah‟

ID

Kategori:

(kosong)

Nama

Kategori:

(kosong)

Kode

Admin :

ADM-01

Sistem akan

menolak akses

tambah paket

dan

menampilkan

pesan “Inputan

tidak boleh

ada yang

kosong”

Sesuai

harapan Valid

2. Hanya mengisi

salah satu /

beberapa data

pada form

tambah

kategori, lalu

mengklik

tombol

„Tambah‟

ID

Kategori: 1

Nama

Kategori:

(kosong)

Kode

Admin :

ADM-01

Sistem akan

menolak akses

tambah paket

dan

menampilkan

pesan “Inputan

tidak boleh

ada yang

kosong”

Sesuai

harapan Valid

3. Hanya mengisi

salah satu /

beberapa data

pada form

tambah

kategori, lalu

mengklik

tombol

„Tambah‟

ID

Kategori:

(kosong

Nama

Kategori:

musik

Kode

Admin :

ADM-01

Sistem akan

menolak akses

tambah paket

dan

menampilkan

pesan “Inputan

tidak boleh

ada yang

kosong”

Sesuai

harapan Valid

4 Mengisi semua

data pada form

tambah admin,

lalu mengklik

tombol

„Tambah‟

ID

Kategori: 1

Nama

Kategori:

musik

Kode

Admin :

ADM-01

Sistem

menerima

akses

“Tambah Data

Berhasil” form

tambah

Kategori dan

kemudian

langsung menampilkan

Sesuai

harapan Valid

Page 50: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

71

data Kategori

D. Pengujian terhadap Form Pemesanan Tiket.

Tabel III.11.

Hasil Pengujian Black Box Testing Form Pemesanan Tiket.

No. Skenario

Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1. Mengosongkan

semua data

pada form

pemesanan

kecuali Kode

acara,nama

acara, tempat,

Harga, jumlah,

tanggal, kode

user, username

lalu langsung

mengklik

tombol „Input‟

Nama

Lengkap

(1)*:

(kosong)

Nama

Lengkap

(2)::

(kosong)

Alamat*:

(kosong)

Kode Acara:

Acara-

00001

Nama Acara

: Glenn

fredly

tempat:

bintaro

harga:

100000

jumlah *:

(kosong)

Tanggal :

(2017-07-

20) kode

user :

(USER-002)

username :

Irwan kode

konfirmasi :

(kosong)

Sistem akan

menolak akses

tambah

pemesanan

dan

menampilkan

pesan “Please

fill out this

field”

Sesuai

harapan Valid

2. Hanya mengisi

salah satu /

beberapa data pada form

Nama

Lengkap

(1)*: (irwan) Nama

Sistem akan

menolak akses

pemesanan dan

Sesuai

harapan Valid

Page 51: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

72

pemesanan

kecuali ID

pesan, ID

Paket, Nama

Paket, Harga,

lalu mengklik

tombol „Pesan

Sekarang‟

Lengkap

(2)::

(kosong)

Alamat*:

(kosong)

Kode Acara:

Acara-

00001

Nama Acara

: Glenn

fredly

tempat:

bintaro

harga:

100000

jumlah *:

(kosong)

Tanggal :

(2017-07-

20) kode

user :

(USER-002)

username :

Irwan kode

konfirmasi :

(kosong)

menampilkan

pesan “Please

fill out this

field”

3. Hanya mengisi

salah satu /

beberapa data

pada form

pemesanan

kecuali ID

pesan, ID

Paket, Nama

Paket, Harga,

lalu mengklik

tombol „Pesan

Sekarang‟

Nama

Lengkap

(1)*: (irwan)

Nama

Lengkap

(2)::

(kosong)

Alamat*:

(jakarta)

Kode Acara:

Acara-

00001

Nama Acara

: Glenn

fredly

tempat:

bintaro

harga:

100000

jumlah *:

(kosong)

Sistem akan

menolak akses

pemesanan

dan

menampilkan

pesan “Please

fill out this

field”

Sesuai

harapan Valid

Page 52: BAB III PEMBAHASAN - repository.bsi.ac.id · BAB III PEMBAHASAN 3.1. Analisa Kebutuhan Analisa kebutuhan dibagi menjadi 2 bagian, yaitu kebutuhan pengguna dan kebutuhan sistem. 1.

73

Tanggal :

(2017-07-

20) kode

user :

(USER-002)

username :

Irwan kode

konfirmasi :

(kosong)

4 Mengisi semua

data pada form

pemesanan

data yang ada

simbol (*), lalu

mengklik

tombol „Input‟

Nama

Lengkap

(1)*: (irwan)

Nama

Lengkap

(2)::

(kosong)

Alamat*:

(jakarta)

Kode Acara:

Acara-

00001

Nama Acara

: Glenn

fredly

tempat:

bintaro

harga:

100000

jumlah *:

(1) Tanggal

: (2017-07-

20) kode

user :

(USER-002)

username :

Irwan kode

konfirmasi :

(kosong)

Sistem akan

menerima

akses

pemesanan

dan

menampilkan

pesan

“Transaksi

Berhasil”

Sesuai

harapan Valid