bab iii pembahasan...4) monitor dengan resulusi layar minimum 102x768 5) koneksi internet dengan...

22

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Dalam rancangan ini penulis akan membuat sebuah web untuk memudahkan

para pengguna untuk memperoleh sebuah informasi data dan memudahkan untuk

transaksi penyewaan secara online. Website ini meliputi kebutuhan pengguna.

A. Analisa kebutuhan pengguna.

Dalam tahapan ini penulis melakukan pengumpulan data sesuai kebutuhan

pengguna. Dimana website akan dibuat ini mempunyai tiga pengguna yaitu

administrator, pengunjung dan member sebagai berikut:

1. Administrator

a. Admin dapat melakukan proses login dan logout pada halaman admin.

b. Admin dapat melihat data admin, member dan data lapangan.

c. Admin dapat menghapus data admin, member dan data lapangan.

d. Admin dapat menambahkan data admin dan data lapangan.

e. Admin dapat melihat data pemesanan.

f. Admin dapat mengubah status pemesanan.

g. Admin dapat mencetak laporan member, pemesanan dan pembayaran.

2. Pengunjung

a. Pengunjung dapat melihat informasi lapangan, peraturan lapangan dan

cara pemesanan lapangan.

b. Pengunjung dapat mendaftar sebagai member.

23

3. Member

a. Member dapat melakukan login dan logout.

b. Member dapat melihat informasi lapangan, peraturan lapangan dan cara

pemesanan lapangan.

b. Member dapat melakukan pemesanan lapangan.

c. Member dapat melihat jadwal pemesanan lapangan.

d. Member dapat menginput tanggal dan jam pemesanan.

e. Member dapat melakukan pembayaran .

f. Member dapat mengupload bukti pembayaran.

g. Member dapat melihat status pembayaran.

h. Member dapat melihat riwayat pemesanan.

i. Member dapat mencetak kwitansi pemesanan.

B. Analisa Kebutuhan Sistem

1. Sistem admin

a. Admin dapat melakukan login untuk masuk kehalaman website

administrator untuk mengatur data data yang berhubungan dengan

website dan dapat melihat data member yang memboking lapangan

secara detail transaksi yang dihasilkan.

2. Sistem pengunjung

b. Pengunjung yang sudah mendaftar dapat login dengan username dan

password yang dimilikinnya. Jika belum menjadi member pengunjung

dapat mendaftar menjadi member.

24

3.2. Rancangan Dokumen

A. Rancangan Dokumen Masukan (Input)

Rancangan dokumen masukan berfungsi untuk menjelaskan mengenai semua

dokumen input yang digunakan pada web penyewaan lapangan futsal.

Dokumen masukan yang digunakan adalah sebagai berikut:

1. Nama Dokumen : Form Pendaftaran

Fungsi : Untuk persyaratan menjadi member

Sumber : Admin

Tujuan : Member

Media : Layar

Jumlah : 1 (satu) lembar

Frekuensi : Setiap ada permintaan pendaftaran

Bentuk : Lampiran A.1

2. Nama Dokumen : Form Pemesanan

Fungsi : Untuk melakukan pemesanan lapangan

Sumber : Member

Tujuan : Admin

Media : Layar


Frekuensi : Setiap ada proses pemesanan

Bentuk : Lampiran A.2

25

B. Rancangan Dokumen Keluaran (Output)

Rancangan dokumen keluaran berfungsi untuk menjelaskan mengenai semua

dokumen output yang digunakan pada web penyewaan lapangan futsal.

Dokumen keluaran yang digunakan adalah sebagai berikut:

1. Nama Dokumen : Kwitansi Pemesanan

Fungsi : Untuk mengetahui bukti pemesanan

Sumber : Admin

Tujuan : Member

Media : Kertas


Frekuensi : Setiap dibutuhkan

Bentuk : Lampiran B.1

2. Nama Dokumen : Laporan Pembayaran

Fungsi : Untuk mengetahui laporan pembayaran

Sumber : Member

Tujuan : Admin

Media : Kertas




3. Nama Dokumen : Laporan Pemesanan

Fungsi : Untuk mengetahui laporan data pemesanan

Sumber : Member

Tujuan : Admin

Media : Kertas

26




4. Nama Dokumen : Laporan Member

Fungsi : Untuk mengetahui laporan data member

Sumber : Member

Tujuan : Admin

Media : Kertas




27

3.3. Entity Relationship Diagram

Basis data dapat didefinisikan sebagai himpunan kelompok data yang saling

berhubungan yang diorganissasikan sedemikian rupa agar kelar dapat dimanfaatkan

kembali dengan cepat dan mudah.

lapangan

transaksi

batas_bayar

tgl_mainjam_mulai

tgl_book

username_member

*id_book

id_lap

*id_lap

jenis_lap

harga

1

melakukan

M

1

foto

no_lap

username

jam_berakhir

jenis_bayar

total_harga

status

bayar_transfer

id_book

rek_kirim

rek_tujuan

status

bukti_bayar

1 memiliki

1

member

jk

email

password

tgl_lahir

*username_member

nama

foto

id

Gambar III.1

Entity Relationship Diagram Penyewaan Lapangan

28

3.4. Logical Record Structure

Basis data dapat didefinisikan sebagai himpunan kelompok data yang saling

berhubungan yang diorganissasikan sedemikian rupa agar kelar dapat dimanfaatkan

kembali dengan cepat dan mudah.

lapangan

*id_lap

jenis_lap foto harga no_lap username

bayar_transfer

*id

rek_kirim rek_tujuan status bukti_bayar

member

*username_member

nama tgl_lahir jk email password foto

transaksi

*id_book

username_member id_lap tgl_book batas_bayar tgl_main jam_mulai jam_berakhir jenis_bayar total_harga status

11

M

1

1

1

id_book

Gambar III.2

Logical Record Structure Penyewaan Lapangan

29

3.5. Spesifikasi File

1. Spesifikasi File Member

Nama File : Member

Akronim : member.sql

Fungsi : Untuk menyimpan data member

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 366 Byte

Kunci Field : username_member

Software : Xampp

Table III.1

Spesiikasi File Member

No Elemen Data Akronim Tipe Panjang Keterangan

1 Username member username_member varchar 30 Primary Key

2 Nama nama varchar 30

3 Tgl lahir tgl_lahir date -

4 Jk jk varchar 1

5 Email email varchar 30

6 Password password varchar 20

7 Foto foto varchar 255

30

2. Spesifikasi File Lapangan

Nama File : Lapangan

Akronim : lapangan.sql

Fungsi : Untuk menyimpan data lapangan

Tipe File : File Master


Akses File : Random

Media : Hard Disk


Kunci Field : id_lap

Software : Xampp

Table III.2

Spesiikasi File Lapangan

No Elemen Data Akronim Tipe Panjang keterangan

1 Id lap id_lap varchar 5 Primary key

2 Jenis_lap jenis_lap varchar 20

3 Foto foto varchar 200

4 Harga harga int 20

5 No lap no_lap varchar 5

6 Username username varchar 30

31

3. Spesifikasi File Bayar Transfer

Nama File : Bayar_transfer

Akronim : bayar transfer.sql

Fungsi : Untuk transaksi bayar melalui rekening

Tipe File : File Transaksi


Akses File : Random

Media : Hard Disk


Kunci Field : id

Software : Xampp

Table III.3

Spesiikasi File Bayar Transfer


1 Id id int 10 Primary key

2 Id book id_book varchar 10

3 Rek kirim rek_kirim int 30

4 Rek tujuan rek_tujuan int 30

5 Status status varchar 30

5 Bukti Bayar bukti_bayar varchar 255

4. Spesifikasi File Transaksi

Nama File : Transaksi

Akronim : transaksi.sql

32

Fungsi : Untuk menyimpan data transaksi member

Tipe File : File Transaksi


Akses File : Random

Media : Hard Disk


Kunci Field : id_book

Software : Xampp

Table III.4

Spesiikasi File Transaksi


1 Id book id_book varchar 10 Primary key

2 Username member username_member varchar 30

3 Id lap id_lap varchar 5

4 Tanggal book tgl_book datetime

5 Batas bayar batas_bayar datetime

6 Tanggal main tgl_main date

7 Jam mulai jam_mulai time

8 Jam berakhir jam_berakhir time

9 Jenis bayar jenis_bayar varchar 10

10 Total harga total_harga int 10

11 Status status varchar 30

33

3.6. Pengkodean

1. Id Lapangan

Setiap pelanggan harus memiliki id lapangan masing- masing sehingga dapat

membedakan dengan lapangan lainnya, diantaranya terdiri dari:

X X 9 9 9

Indetitas Lapangan Nomor Urut

Contoh :

Keterangan :

LP : Menunjukkan untuk lapangan

001 : Menunjukkan Nomor Urut

2. Id Book

Setiap book harus memiliki id book masing-masing sehingga membedakan

dengan book lainnya, diantaranya terdiri dari:

X X 9 9 9 9 9 9 9 9

Indetitas Book Nomor Urut

Contoh :

L P 0 1 1

K B 0 0 0 0 0 0 0 1

34

Keterangan :

KB : Menunjukkan untuk Book

00000001 : Menunjukkan Nomor Urut

3.7. Spesifikasi Program

Pada Halaman web penyewaan lapangan futsal menggunakan struktur navigasi

linear karena merupakan struktur navigasi yang hanya mempunyai satu

rangkaian cerita berturut.

A. Struktur Navigasi Halaman Index (Admin)

Gambar III.3

Struktur Navigasi Halaman Admin

35

B. Struktur Navigasi Halaman Index (Member)

Gambar III.4

Struktur Navigasi Halaman Member

C. Struktur Navigasi Halaman Index (Pengunjung)

Gambar III.5

Struktur Navigasi Halaman Pengujung

36

3.8. Spesifikasi Sitem Komputer

Spesifikasi Sistem Komputer yang digunakan dalam program playanan public

berbasis web ini terdiri dari satu database

1. Spesifikasi perangkat keras

a. Server

1) CPU

(a) Processor intel pentium core 2 duo

(b) Ram DDR 4 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resulusi layar minimum 102x768

5) Koneksi internet dengan kecepatan 16 Mbps

b. Client

1. CPU

a) Prosessor intel pentium

b) RAM DDR2 1GB

c) Hard Disk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 102x768

5) Koneksi internet dengan kecepatan 16 Mbps

37

2. Spesifikasi Perangkat Lunak

1. Server

a. Sistem operasi yang umum digunakan seperti : microsoft windows Satu

Linux

b. Aplikasi bundle web server seperti: xampp dari beberapa komponen,

diantaranya:

1) Aplikasi Apache Server v2

2) Aplikasi PHP Server v5

3) Aplikasi Mysql Server v5

4) Aplikasi phpMyAdmin v3

5) Aplikasi CI, CSS

c. Aplikasi web seperti mozilla firefox.

38

3.9. Implementasi

A. Admin

1. Tampilan Login Admin

Tampian ini berisikan tentang halaman hak akses masuk admin, dimana

admin harus login terlebih dahulu sebelum mengoprasikan aplikasi

Gambar III.6

Tampilan Halaman Login Admin

39

2. Tampilan Halaman Data Admin

Halaman ini berisikan tentang halaman data admin, dimana admin dapat

melihat, menambahkan, dan menghapus data admin.

Gambar III.7

Tampilan Halaman Data Admin

3. Tampilan Data Member

Halaman ini berisikan tentang halaman data member, dimana admin dapat

melihat, mencari, dan menghapus data member.

Gambar III.8

Tampilan Halaman Data Member

40

4. Tampilan Data Lapangan

Halaman ini berisikan tentang halaman data lapangan, dimana admin dapat

melihat, menambahkan, dan menghapus data lapangan.

Gambar III.9

Tampilan Halaman Data Lapangan

5. Tampilan Halaman Konfirmasi Pembayaran

Halaman ini berisikan tentang konfirmasi pembayaran, dimana admin

mengkonfirmasi data pembayaran yang sudah masuk

Gambar III.10

Tampilan Halaman Konfirmasi Pembayaran

41

6. Tampilan Data Pemesanan Online

Halaman ini berisikan tentang data pemesanan yang dilakukan oleh member

dengan metode transfer

Gambar III.11

Tampilan Halaman Pemesanan Online

B. Pengunjung

1. Tampilan Halaman Pengunjung dimana pengunjung dapat melihat informasi

web penyewaan dan dapat melakukan pendaftaran menjadi member.

Gambar III.12

Tampilan Halaman Pengunjung

42

2. Tampilan Daftar

Halaman ini berisi registrasi member baru, dimana calon member dapat

menjadi anggota member

Gambar III.13

Tampilan Halaman Daftar

43

C. Member

1. Tampilan login

Halaman ini berisi dimana pelanggan yang sudah memiliki akun dapat masuk

kedalam aplikasi dengan username dan password

Gambar III.14

Tampilan Halaman Login Member

2. Tampilan dashboard

Berisi tampilan halaman utama member.

Gambar III.15

Tampilan Halaman Member

44

3. Tampilan Pemesanan Lapangan

Tampilan ini berisi tampilan pemesanan lapangan yang akan disewa oleh member

Gambar III.16

Tampilan Halaman Pemesanan Lapangan

45

4. Tampilan Pembayaran

Tampilan ini berisi tampilan pembayaran, dimana member yang melakukan

pemesanan lapangan secara online akan mengupload bukti pembayarannya.

Gambar III.17

Tampilan Halaman Pembayaran

5. Tampilan Data Riwayat Pemesanan

Tampilan ini berisi data riwayat pemesanan, dimana member dapat melihat

dan mencari data yang pernah dipesan pada lapangan futsal ini.

Gambar III.17

Tampilan Halaman Riwayat Pemesanan

46

6. Tampilan Data Konfirmasi Bayar Online

Tampilan ini berisi data pemesanan yang baru dikonfirmasi oleh admin.

Gambar III.18

Tampilan Halaman Riwayat Pemesanan

47

3.11. Pengujian Unit

Penguji unit terhadap program yang dibuat menggunakan blackbox testing

yang focus terhadap proses masukan dan keluaran program.

A. Penguji terhadap Form Login Admin

Table III.5

Hasil pengujian Black Box Testing Halaman Form Login Admin

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimp

ulan

1 Data pada form

belum di isi, lalu

klik tombol login

User :

(kosong)

Password :

(kosong)

Sistem akan menolak

perintah dan muncul

pesan “Isi Isian Ini”

Sesuai

harapan

Valid

2 Salah satu data

belum diisi lalu

klik tombol login

User : (diisi)

Password

(kosong)

Sistem akan menolak

perintah dan muncul


Sesuai

harapan

Valid

3 Salah satu data

belum diisi lalu

klik tombol login

User :

(kosong)

Password

(diisi)

Sistem akan menolak

perintah dan muncul


Sesuai

harapan

Valid

4 Semua data di isi

dengan benar, lalu

klik tombol Login

User:

(admin@gma

il.com)

Password :

(admin)

Sistem akan

menerima perintah

dengan masuk ke

halaman admin

“Terima Kasih”

Sesuia

harapan

Valid

48

B. Penguji terhadap Form Login Member

Table III.6

Hasil pengujian Black Box Testing Halaman Form Login Member

No Skenario

Pengujian

Test Case Hasil yang diharapkan Hasil

Pengujian

Kesimpu

lan

1 Data pada form

belum di isi,

lalu klik

tombol login

User :

(kosong)

Password :

(kosong)

Sistem akan menolak

perintah dan muncul

pesan “Username atau

Email tidak ditemukan”

Sesuai

harapan

Valid

2 Salah satu data

belum diisi lalu

klik tombol

login

User : (diisi)

Password

(kosong)

Sistem akan menolak

perintah dan muncul

pesan “Password Salah”

Sesuai

harapan

Valid

3 Salah satu data

belum diisi lalu

klik tombol

login

User :

(kosong)

Password

(diisi)

Sistem akan menolak

perintah dan muncul

pesan “Username atau

Email tidak ditemukan”

Sesuai

harapan

Valid

4 Semua data di

isi dengan

benar, lalu klik

tombol Login

User:

(fajartri@gm

ail.com)

Password :

(fajartri)

Sistem akan menerima

perintah dengan masuk

ke halaman member

Sesuia

harapan

Valid

49

C. Penguji terhadap Form Daftar Member

Table III.7

Hasil pengujian Black Box Testing Halaman Form Daftar Member

No Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpu

lan

1 Salah satu data

pada form

pendaftaran

belum diisi, lalu

klik tombol Daftar

Input data

kosong

Sistem akan

menolak perintah

dan muncul pesan

“Isi Isian Ini”

Sesuai

harapan

Valid

2 Mengisi dengan

lengkap data yang

ada di form

pendaftaran, lalu

klik Daftar

Input data

dengan benar

Sistem akan

menerima

perintah dan

muncul pesan

“Pendaftaran

Berhasil, Silahkan

Login Sebagai

Member”

Sesuai

harapan

Valid

50

D. Penguji terhadap Form Pemesanan

Table III.8

Hasil pengujian Black Box Testing Halaman Form Pemesanan

No Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpu

lan

1 Salah satu data

pada form

pemesanan belum

diisi, lalu klik

tombol Lanjutkan

Input data

salah satu

kosong

Sistem akan

menolak perintah

dan muncul pesan

“Isi Isian Ini”

Sesuai

harapan

Valid

2 Mengisi dengan

lengkap data yang

ada di form

pemesanan, lalu

klik Lanjutkan

Input data

dengan benar

Sistem akan

menerima

perintah dan

muncul pesan

“Silahkan

Lakukan

Pembayaran”

Sesuai

harapan

Valid

51

E. Penguji terhadap Form Pembayaran

Table III.9

Hasil pengujian Black Box Testing Halaman Form Pembayaran

No Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpu

lan

1 Salah satu data

pada form

pembayaran

belum diisi, lalu

klik tombol

Konfirmasi

Input data

salah satu

kosong

Sistem akan

menolak perintah

dan muncul pesan

“Isi Isian Ini”

Sesuai

harapan

Valid

2 Mengisi dengan

lengkap data yang

ada di form

pembayaran, lalu

klik Konfirmasi

Input data

dengan benar

Sistem akan

menerima

perintah dan

muncul pesan

“Silahkan Tunggu

Admin

Konfirmasi”

Sesuai

harapan

Valid

bab iii pembahasan...4) monitor dengan resulusi layar minimum 102x768 5) koneksi internet dengan...

Documents