24

BAB III

PEMBAHASAN

3.1. Analisa kebutuhan

Dalam website ini terdapat analisa kebutuhan pengguna dan analisa kebutuhan

sistem, yaitu :

3.1.1. Analisa kebutuhan pengguna

1. Analisa kebutuhan admin

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

b. Admin dapat menambahkan, mengubah, dan menghapus data pelanggan

(member).

c. Admin dapat mengubah status pemesanan pelanggan (member) dan

memproses pemesanan.

d. Admin dapat menghapus akun pelanggan (member).

2. Analisa kebutuhan pengunjung

a. Pengunjung dapat melihat informasi sarana prasarana olahraga, cara booking

(pemesanan),dan menghubungi kami (contact us) pada halaman pengunjung.

b. Pengunjung dapat melihat fasilitas sarana prasarana olahraga pada halaman

pengunjung.

c. Pengunjung dapat mendaftar (registrasi) menjadi pelanggan(member).

3. Analisa kebutuhan pelanggan (member)

a. Pelanggan (member) dapat melakukan login dan logout.

25

b. Pelanggan (member) dapat melihat informasi sarana prasarana olahraga, cara

booking (pemesanan),dan contact us pada halaman pelanggan (member).

c. Pelanggan (member) dapat melihat fasilitas sarana prasarana olahraga pada

halaman pelanggan (member).

d. Pelanggan (member) dapat memlakukan pemesanan (booking)

3.1.2. Analisa kebutuhan sistem

a. Setiap pelanggan(member) dan admin harus login terlebih dahulu untuk dapat

masuk ke sistem.

b. Sistem harus dapat menyimpan inputan dan data pemesanan yang dilakukan

oleh pelanggan (member).

c. Sistem harus dapat menampilkan data pemesanan di dalam website.

d. Sistem harus dapat mencetak bukti pemesanan website.

3.2. Rancangan Dokumen

3.2.1. Rancangan Dokumen Masukan (Input)

Dokumen masukan (input) adalah suatu dokumen yang berisi data-data pada

suatu sistem yang dihasilkan dari proses masukan data, yang kemudian digunakan

untuk menghasilkan keluaran yang diinginkan sesuai kebutuhan. Adapun bentuk

dokumen masukan yang digunakan adalah sebagai berikut :

Nama Dokumen: Data pesanan

Fungsi : Untuk mengetahui pelanggan memesan barang

Sumber : Pelanggan

26

Tujuan : Administrator

Media : kertas

Jumlah : 1 lembar

Frekuensi : Setiap ada pesanan

Bentuk : Lampiran A1

3.2.2. Rancangan Dokumen Keluaran (Output)

Dokumen keluaran (output) adalah hasil akhir dari proses pemesanan sarana

prasarana olahraga. Adapun bentuk dokumen keluarannya adalah sebagai berikut :

Nama Dokumen : Struk Pembayaran

Fungsi : Sebagai bukti pembayaran

Sumber : Kasir

Tujuan : Pelanggan

Media : kertas

Jumlah : 1 lembar

Frekuensi : Setiap ada pembayaran

Bentuk : Lampiran B1

3.3. Entity Relationship Diagram

Perancangan basis data menghasilkan tabel – tabel yang digambarkan dengan

Entity Relationship Diagram.

A. ERD (Entity Relationship Diagram)

27

Sumber : penelitian (2018)

Gambar III.2.

ERD (Entity Relatioship Diagram) Pemesanan Sarana Prasarana Olahraga.

B. LRS (Logical Record Structure)

Sumber : penelitian (2018)

Gambar III.3

LRS (Logical Record Structure) Pemesanan Sarana Prasarana Olahraga

28

3.4. Spesifikasi File

Dalam pembuatan website Sarana Prasarana Olahraga, penulis menggunakan

database phpMyAdmin, nama database yang digunakan adalah agungsportclub.

1. Spesifikasi File User

Nama Tabel : User

Akronim : Pengguna

Fungsi : Untuk menyimpan data User

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 95

Kunci Field : username

Software : MySql

Tabel III.1.

Spesifikasi FileUser

No Elemen Data Nama Field Tipe Panjang Keterangan

1. Username Username Varchar 15 Primery Key

2. Password Password Varchar 10

3. Nama lengkap Nama_lengkap Varchar 25

4. Email Email Varchar 30

5. No telpon No_telp Varchar 13

6. Blokir Blokir Varchar 1

7. Status Status Varchar 1

29

2. Spesifikasi File Pemesanan

Nama Tabel : Pemesanan

Akronim : Booking

Fungsi : Untuk menyimpan data pemesanan

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 32

Kunci Field : id_pemesanan

Software : MySql

Tabel III.2.

Spesifikasi File Pemesanan

No Elemen Data Nama Field Tipe panjang Keterangan

1. Id pemesanan Id_pemesanan Varchar 8 Primery key,

Auto Increment

2. Id sport Id_sport Varchar 8

3. Username Username Varchar 15

4. Tgl Tgl Date -

5. Jam Jam Time -

6. Status Status Varchar 1

3. Spesifikasi File Sport

Nama Tabel : Sport

Akronim : Fasilitas

30

Fungsi : Untuk menyimpan data fasilitas

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 133

Kunci Field : id_sport

Software : MySql

Tabel III.3.

Spesifikasi File Sport

No Elemen Data Nama Field Tipe Panjang Keterangan

1. Id Sport id_sport Varchar 8 Primary Key

2. Judul Judul Varchar 10

3. Biaya Biaya Integer -

4. Keterangan Keterangan Varchar 100

5. Gambar Gambar Varchar 15

1. Spesifikasi File Konfirmasi

Nama Tabel : Konfirmasi_bayar

Akronim : Konfirmasi

Fungsi : Untuk menyimpan data konfirmasi pembayaran

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

31

Media : Hardisk

Panjang Record : 51

Kunci Field : id_pemesanan

Software : MySql

Tabel III.4.

Spesifikasi File Konfirmasi Bayar

No Elemen Data Nama Field Tipe panjang Keterangan

1. Id pemesanan Id_pemesanan Varchar 8 Primery key

2. Id sport Id_sport Varchar 8

3. Nama Nama Varchar 15

4. Biaya Biaya Integer 10

5. Tgl_pemesanan Tanggal

pemesanan

Date -

6. Status Status Integer 10

3.5. Pengkodean

1. Id_Pemesanan

Setiap pemesanan harus memiliki id masing-masing sehingga dapat membatasi

pemesanan dari masing-masing pengguna, diantaranya terdiri dari:

Contoh : ket : 1 = kode pemesanan urutan pertama

Urutan pemesanan

1

32

2. Id_sport

Setiap sport harus memiliki id masing-masing sehingga dapat membatasi pilihan

sport dari masing-masing pemesanan, diantaranya terdiri dari:

Contoh : ket : BDN = Badminton

1 = Nomor Fasilitas Badminton

Jenis Fasilitas nomor fasilitas

conto ket : FTSL = Futsal

2 = Nomor Fasilitas Futsal

Jenis Fasilitas Nomor Fasilitas

3.6. Spesifikasi Program

A. Rancangan Struktur Navigasi Halaman Admin

Sumber : Penelitian (2018)

Gambar III.4.

Rancangan Struktur Navigasi Halaman Admin

B D N 1

F T S L 2

33

B. Rancangan Struktur Navigasi Halaman Pengunjung

Sumber : Penelitian (2018)

Gambar III.5.

Rancangan Struktur Navigasi Halaman Pengunjung

C. Rancangan Struktur Navigasi Halaman Member

Sumber : Penelitian (2018)

Gambar III.6.

Rancangan Struktur Navigasi Halaman Member

34

3.7. Spesifikasi Sistem Komputer

Untuk menunjang kebutuhan akan pengolahan data diperlukan komputer sebagai

alat bantu, karena kecepatan pengolahan data merupakan salah satu kelebihan dari

komputer serta sumber daya manusia yang menjalankan komputer dan program-

programnya. Komputer merupakan sistem elektronik untuk mengolah data secara

cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima

dan menyimpan data input, memprosesnya dan menghasilkan output dibawah

pengawasan suatu langkah-langkah instruksi program yang tersimpan di memori.

Dalam penggunaannya komputer memerlukan program-program aplikasi yang sesuai

untuk mengolah data sehingga dapat menghasilkan sistem informasi yang lebih

berkualitas. Sebuah sistem informasi yang baik harus didukung oleh ketiga

komponen-komponennya, antara lain:

1. Hardware (perangkat keras) merupakan peralatan dari sistem komputer yang

secara fisik dapat terlihat dan dapat dijamah.

2. Software (perangkat lunak) merupakan program yang berisi perintah- perintah

untuk mengolah data.

3. Brainware merupakan manusia yang berperan dalam mengoperasikan dan

mengatur sistem komputer.

Ketiga komponen tersebut haruslah saling berhubungan dan membentuk satu

kesatuan. Hardware tanpa ada software tidak akan berfungsi seperti yang diharapkan

begitu pula dengan hardware yang didukung software tidak akan berfungsi jika tidak

ada brainware yang mengoperasikannya.

35

Dengan mempertimbakan hal tersebut diatas maka sarana pendukung sangat

dibutuhkan dalam sistem yang menerapkan komputerisasi agar sistem komputerisasi

yang telah dibuat dapat berkerja sesuai dengan yang diharapkan.

3.7.1. Perangkat Lunak

Adapun spesifikasi perangkat lunak yang dibutuhkan adalah paket program

yang digunakan yaitu Dreamweaver Mx sebagai bahan program yang berbasis Web,

diharapkan dapat memberikan kemudahan bagi para pemakai dalam menjalankan

program sederhana ini. Kemudahan yang ada dalam Dreamweaver Mx adalah sebagai

berikut:

1. Bahasa pemrograman Dreamweaver Mx adalah program aplikasi yang berasal dari

bahasa javascript berbasis Web yang merupakan pemrograman yang berorientasi

pada obyek.

2. Bahasa pemrograman Dreamweaver Mx menggunakan bahasa yang cukup

sederhana yaitu menggunkan kata-kata dalam bahasa yang dapat diubah sesuai

bahasa pemrograman yang diperintahkan.

Perangkat lunak secara fungsinya dibagi menjadi sistem operasi dan paket

program:

1. Sistem Operasi

Sistem operasi yang digunakan adalah sistem operasi yang berbasis Windows

sebab sistem operasi ini mampu menunjang program aplikasi yang dibuat.

2. Paket Program

Paket program yang penulis gunakan dalam membuat Tugas Akhir ini adalah

Dreamweaver Mx dan MySql sebagai sarana proses pembuatan web pemesanan

36

sarana prasarana olahraga. Perangkat lunak yang digunakan oleh penulis dalam

pembuatan Tugas Akhir ini antara lain menggunakan:

A. Sistem Operasi : Windows 7 Ultimate 32-bit (6.1, Build 7600)

B. Paket Program : Dreamweaver Mx dan MySql

C. Server Client : PHP MyAdmin

3.7.2. Perangkat Keras

Perangkat Keras (Hardware) Sebuah sistem yang terkomputerisasi tidak

terlepas dari masalah perangkat keras yang akan digunakan dalam menjalankan

software atau program aplikasi yang akan digunakan. Keterpaduan antara perangkat

keras yang ada sangat dibutuhkan agar hasil kinerja dari sistem komputer dapat

berjalan semaksimal mungkin, hingga dapat dirasakan oleh pemakai sistem komputer

tersebut. Perangkat keras tersebut terbagi atas tiga bagian utama yaitu:

1. Peralatan Masukan (Input Device)

2. CPU (Central Processing Unit)

3. Peralatan Keluaran (Output Device) Dengan pertimbangan hal tersebut maka

penulis memberikan spesifikasi perangkat keras yang akan digunakan dalam

proses komputerisasi, diantaranya adalah sebagai berikut:

A. Proccesor : Pentium(R) Dual-Core CPU T4400 @ 2.20Ghz

(2CPUs) ~2.2GHz

B. Disk : CD/DVD R

C. Memory (RAM) : 2048MB RAM

D. System Model : ACER ASPIRE 4732Z

E. Harddisk : 320 GB HDD

37

F. Server Client : PHP MyAdmin

Spesifikasi tersebut di atas sangat memperhatikan perkembangan teknologi di

bidang komputer yanga sangat pesat sehingga untuk beberapa tahun mendatang

spesifikasi komputer tersebut masih dapat menunjukan hasil kinerja yang baik.

3.8. Implementasi

Kegiatan pengujian ada pada sebelum dan sesudah eksekusi pengujian : kegiatan

seperti perencanaan dan pengendalian, dan memilih ketentuan pengujian, merancang

kasus pengujian dan hasil pengecekan, mengevaluasi kriteria hasil, melaporkan

pengujian proses dan sistem selama pengujian, dan penyelesaian (setelah fase

pengujian telah dilengkapi).

Pengujian juga mencakup pengamatan dokumen (termasuk kode sumber) dan analisis

statis. Baik pengujian dinamis maupun statis, bisa digunakan sebagai alat untuk

mencapai tujuan yang sama, dan akan menyediakan informasi yang bertujuan untuk

meningkatkan sistem untuk diuji, dan proses pengembangan serta pengujian.

3.8.1. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada website.

Berdasarkan hasil perancangan antar muka, adalah sebagai berikut :

1. Implementasi Rancangan Antar Muka Halaman Admin.

A. Halaman Login Admin

Halaman ini dibuat agar admin dapat login ke akunnya.

38

Sumber : Penelitian (2018)

Gambar III.7.

Halaman Login Admin

B. Halaman Beranda Admin

Halaman utama yang ditampilkan setelah admin melakukan login. Jika password

dan username sesuai maka nama admin akan tampil di beranda.

Sumber : Penelitian (2018)

Gambar III.8.

Halaman Beranda Admin

39

C. Halaman Laporan

Halaman ini diakses oleh admin untuk melihat dan merekap data laporan member,

laporan penyewaan harian, laporan penyewaan bulanan, laporan booking, dan laporan

fasilitas.

Sumber: Penelitian (2018)

Gambar III.9.

Laporan Member

Sumber : Penelitian (2018)

Gambar III.10.

Laporan Penyewaan Harian

40

Sumber : Penelitian (2018)

Gambar III.11.

Laporan Penyewaan Bulanan

Sumber : Penelitian (2018)

Gambar III.12.

Laporan Booking

41

Sumber : Penelitian (2018)

Gambar III.13.

Laporan Fasilitas

D. Halaman Entry

Halaman ini diakses oleh admin untuk mengelola data fasilitas dan data member

penyewaan bulanan,

Sumber : Penelitian (2018)

Gambar III.14.

Entry Fasilitas

42

Sumber : Penelitian (2018)

Gambar III.15.

Entry Member

Sumber : Penelitian (2018)

Gambar III.16.

Entry Status pemesanan

43

2. Implementasi Rancangan Antar Muka Halaman Pengunjung

A. Halaman Beranda Pengunjung

Bertujuan untuk menyambut pengunjung pada saat pertama kali membuka

website.

Sumber : Penelitian (2018)

Gambar III.17.

Halaman Beranda Pengunjung

B. Halaman Panduan Pengunjung

Halaman panduan dibuat agar pengunjung dengan mudah mengetahui cara

memesan (booking) dan juga pengunjung dapat mengetahui informasi tentang kami

dengan cara menghubungi kami (contact us).

Sumber : Penelitian (2018)

Gambar III.18.

Halaman Panduan Pengunjung

44

C. Halaman Booking Pengunjung

Halaman Booking dibuat dengan tujuan agar pengunjung dapat melihat form

pemesanan dan juga pengunjung dialihkan ke form pendaftaran agar mendaftar

menjadi member terlebih dahulu jika ingin memesan pada website.

Sumber : Penelitian (2018)

Gambar III.19.

Halaman Booking Pengunjung

D. Halaman Fasilitas Pengunjung

Halaman Fasilitas dibuat dengan tujuan agar pengunjung dapat mengetahui sarana

prasarana olahraga yang tersedia pada website.

Sumber : Penelitian (2018)

Gambar III.20.

Halaman Fasilitas Futsal Pengunjung

45

Sumber : Penelitian (2018)

Gambar III.21.

Halaman Fasilitas Badminton Pengunjung

E. Halaman Daftar Member

Halaman daftar member dibuat dengan tujuan agar pengunjung dapat

mendaftarkan dirinya sebagai member pada website.

Sumber : Penelitian (2018)

Gambar III.22.

Halaman Daftar Member

46

3. Implementasi Rancangan Antar Muka Halaman Member

A. Halaman Login Member

Halaman login member dapat dibuat agar pengunjung yang sudah terdaftar sebagai

member dapat masuk ke halaman akunnya.

Sumber : Penelitian (2018)

Gambar III.23.

Halaman Login Member

B. Halaman Panduan Member

Halaman panduan dibuat agar member dapat mempelajari cara memesan (booking)

dan juga dapat menghubungi kami apabila ingin mengetahui informasi lebih lanjut

tentang kami (contact us).

Sumber : Penelitian (2018)

Gambar III.24.

Halaman Panduan Member

47

C. Halaman Fasilitas Member

Halaman Fasilitas dibuat dengan tujuan agar member dapat mengetahui sarana

prasarana olahraga yang tersedia atau yang dapat dipesan (booking) pada website.

Sumber : Penelitian (2018)

Gambar III.25.

Halaman Fasilitas Futsal Member

Sumber : Penelitian (2018)

Gambar III.26.

Halaman Fasilitas Badminton Member

48

D. Halaman Booking Member

Halaman Booking dibuat dengan tujuan agar member dapat melakukan proses

pemesanan (booking) pada website.

Sumber : Penelitian (2018)

Gambar III.27.

Halaman Booking Member

E. Halaman Konfirmasi Pembayaran

Halaman konfirmasi pembayaran dibuat dengan tujuan agar member dapat

melakukan konfirmasi pembayaran pada website.

Sumber : Penelitian (2018)

Gambar III.28.

Halaman Konfirmasi Pembayaran

49

3.8.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang

fokus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form Login Member

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

user dan

menampilkan

“Username

dan password

tidak dikenal”

Sesuai

harapan Valid

2. Mengetikkan

username diisi

dan password

tidak diisi atau

kosong

kemudian klik

tombol login

Username:

agung

Password :

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Username

dan password

tidak dikenal”

Sesuai

harapan Valid

3. Username

tidak diisi

(kosong) dan

password diisi

kemudian klik

tombol login

Username:

(kosong)

Password:

agung1996

Sistem akan

menolak akses

user dan

menampilkan

“Username

dan password

tidak dikenal”

Sesuai

harapan Valid

4. Mengetikkan

salah satu

kondisi salah

pada username

atau password

kemudian klik

Username:

agung

(benar)

Password:

1234 (salah)

Sistem akan

menolak akses

user dan

menampilkan

“Username

dan password

Sesuai

harapan

Valid

50

tombol login tidak dikenal”.

5. Mengetikkan

username dan

password

dengan data

yang benar

kemudian klik

tombol login

Username:

agung

(benar)

Password:

agung1996

(benar)

Sistem

menerima

akses login dan

kemudian

langsung

menampilkan

menu utama

halaman

member.

Sesuai

harapan

Valid

Tabel III.5.

Hasil Pengujian Black Box Testing Form Login Member

B. Pengujian Terhadap 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

user dan

menampilkan

“Username

dan password

tidak dikenal”

Sesuai

harapan Valid

2. Mengetikkan

username diisi

dan password

tidak diisi atau

kosong

kemudian klik

tombol login

Username:

agung

Password :

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Username

dan password

tidak dikenal”

Sesuai

harapan Valid

3. Username

tidak diisi

(kosong) dan

password diisi

kemudian klik

Username:

(kosong)

Password:

Sistem akan

menolak akses

user dan

menampilkan

“Username

Sesuai

harapan Valid

51

tombol login agung1996 dan password

tidak dikenal”

4. Mengetikkan

salah satu

kondisi salah

pada username

atau password

kemudian klik

tombol login

Username:

agung

(benar)

Password:

agung1996

(salah)

Sistem akan

menolak akses

user dan

menampilkan

“Username

dan password

tidak dikenal”.

Sesuai

harapan Valid

5. Mengetikkan

username dan

password

dengan data

yang benar

kemudian klik

tombol login

Username:

agung

(benar)

Password:

agung1996

(benar)

Sistem

menerima

akses login dan

kemudian

langsung

menampilkan

menu utama

halaman

admin.

Sesuai

harapan Valid

Tabel III.6.

Hasil Pengujian Black Box Testing Form Login admin

C. Pengujian Terhadap Form transaksi Pemesanan

No

.

Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Fasilitas,

tanggal dan

jam tidak dpilih

kemudian klik

tombol cek

status

Fasilitas:

(none)

Tanggal:

(mm/dd/yyyy)

Jam:

(none:none)

Sistem akan

menolak

akses

transaksi

pemesanan

Sesuai

harapan Valid

2. Memilih

fasilitas,

memilih

tanggal dan

Fasilitas:

futsal

tanggal:

Sistem akan

menolak

akses

transaksi

Sesuai

harapan Valid

52

tidak memilih

jam kemudian

klik cek status

10/08/2018

jam:

(none:none)

pemesanan

3. Memilih

fasilitas, tidak

memilih

tanggal dan

memilih jam

kemudian klik

cek status

Fasilitas:

futsal

tanggal:

(mm/dd/yyyy)

jam: 15:00

Sistem akan

menolak

akses

transaksi

pemesanan

Sesuai

harapan Valid

4. Tidak memilih

fasilitas,

memilih

tanggal dan

memilih jam

kemudian klik

cek status

Fasilitas:

(none)

tanggal:

10/08/2018

jam: 15:00

Sistem akan

menolak

akses

transaksi

pemesanan

Sesuai

harapan

Valid

5. Memilih

fasilitas,

tanggal dan

jam pemesanan

kemudian klik

tombol cek

status

Fasilitas:

Badminton

tanggal:

10/08/2018

jam: 15:00

Sistem

menerima

akses

transaksi

pemesanan

dan

kemudian

dapat

melanjutkan

transaksi

pemesanan.

Sesuai

harapan

Valid

Tabel III.7.

Hasil Pengujian Black Box Testing Form Transaksi