bab iii pembahasan - bina sarana informatika · bab iii pembahasan 3.1. ... software: xampp tabel...

37
29 BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan Beberapa informasi yang penting dengan THB Sports Center ini akan dibahas oleh penyusun berdasarkan hasil tinjauan ke perusahaan. Dimana informasi tersebut dibagi menjadi sejarah perusahaan dan struktur perusahaan yang berlaku di THB Sports Center. 3.1.1. Sejarah Perusahaan Sarana olahraga THB Sports Center ini merupakan sebuah usaha yang bergerak di bidang olahraga dan Pariwisata, THB Sports Center didirikan pada tanggal 15 Agustus 1995 yang berlokasi di Jl.Taman Lotus Utama, Kel.Pejuang, Kec. Medan Satria, Kota Bekasi 17125. THB Sports Center ini buka setiap hari senin sampai dengan hari minggu dimulai pada pukul 07.00 Wib s/d 23.00. 3.1.2. Struktur Organisasi Gambar III.1. Struktur Organisasi

Upload: others

Post on 30-Apr-2021

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

29

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

Beberapa informasi yang penting dengan THB Sports Center ini akan dibahas

oleh penyusun berdasarkan hasil tinjauan ke perusahaan. Dimana informasi tersebut

dibagi menjadi sejarah perusahaan dan struktur perusahaan yang berlaku di THB

Sports Center.

3.1.1. Sejarah Perusahaan

Sarana olahraga THB Sports Center ini merupakan sebuah usaha yang

bergerak di bidang olahraga dan Pariwisata, THB Sports Center didirikan pada

tanggal 15 Agustus 1995 yang berlokasi di Jl.Taman Lotus Utama, Kel.Pejuang, Kec.

Medan Satria, Kota Bekasi 17125. THB Sports Center ini buka setiap hari senin

sampai dengan hari minggu dimulai pada pukul 07.00 Wib s/d 23.00.

3.1.2. Struktur Organisasi

Gambar III.1.

Struktur Organisasi

Page 2: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

30

Berikut ini akan dijelaskan tugas dan tanggung jawab dari masing-masing bagian

yang terdapat dalam struktur organisasi di THB Sports Center :

1. Manager

Manager bertugas sebagai penanggung jawab atas berjalannya perusahaan dan

pengawas dan memberi nasihat kepada karyawan dan admin dalam menjalankan

kegiatan perusahaan.

2. Karyawan

Bertugas menjual serta melayani pembeli

3. Administrator

Bertugas sebagai penyusun administrasi kepegawaian, keuangan,

perlengkapan dan pengarsipan data - data pemasukan dan pengeluaran setiap hari.

3.2. Analisa kebutuhan

Dalam website ini terdapat analisa kebutuhan pengguna dan analisa kebutuhan

sistem, yaitu:

3.2.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).

Page 3: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

31

2. Analisa kebutuhan pengunjung

a. Pengunjung dapat melihat informasi sarana prasarana olahraga, 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.

b. Pelanggan (member) dapat melihat informasi sarana prasarana olahraga, 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.2.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.

Page 4: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

32

3.3. Rancangan Dokumen

A. 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 Member

Fungsi : Untuk mengetahui data diri member

Sumber : Pelanggan

Tujuan : Administrator

Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap ada pesanan

Bentuk : Lampiran A.1

Nama Dokumen : Data Fasilitas

Fungsi : Untuk mengetahui fasilitas-fasilitas yang ada

Sumber : Perusahaan

Tujuan : Administrator

Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap ada penambahan fasilitas

Page 5: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

33

Bentuk : Lampiran A.2

B. Rancangan Dokumen Keluaran (Output)

Dokumen keluaran (output) adalah hasil akhir dari proses pembuatan struk

penyewaan. Adapun bentuk dokumen keluarannya adalah sebagai berikut:

Nama Dokumen : Nota Pembayaran

Fungsi : Sebagai bukti pembayaran

Sumber : Kasir

Tujuan : Pelanggan

Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap ada pembayaran

Bentuk : Lampiran B.1

Nama Dokumen : Laporan Bulanan

Fungsi : Sebagai bukti laporan pemesanan

Sumber : Pelanggan

Tujuan : Perusahaan

Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap ada pembayaran

Bentuk : Lampiran B.2

Page 6: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

34

3.4. Entity Relationship Diagram

Perancangan basis data menghasilkan tabel – tabel yang digambarkan dengan

Entity Relationship Diagram.

A. ERD (Entity Relationship Diagram)

Gambar III.2.

Rancangan ERD (Entity Relatioship Diagram).

Page 7: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

35

B. LRS (Logical Record Structure)

Gambar III.3.

Rancangan LRS (Logical Record Structure)

3.5. Spesifikasi File

Dalam pembuatan website Sarana Prasarana Olahraga, penulis menggunakan

database phpMyAdmin, nama database yang digunakan adalah thb_sports.

1. Spesifikasi File User

Nama Tabel : User

Akronim : Pengguna

Fungsi : Untuk menyimpan data User

Page 8: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

36

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 95

Kunci Field : username

Software : XAMPP

Tabel III.1.

Spesifikasi File User

No Elemen Data Nama Field Tipe Panjang Keterangan

1. Username Username Varchar 10 Primery Key

2. Password Password Varchar 10

3. Nama lengkap Nama_lengkap Varchar 30

4. Email Email Varchar 30

5. No telpon No_telp Varchar 15

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

Page 9: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

37

Panjang Record : 60

Kunci Field : id_pemesanan

Software : XAMPP

Tabel III.2.

Spesifikasi File Pemesanan

No Elemen Data Nama Field Tipe Panjang Keterangan

1. Id pemesanan Id_pemesanan Int 3 Primery key,

Auto Increment

2. Id sport Id_sport Varchar 5 Primery key

3. Username Username Varchar 30

4. Tgl Tgl date

5. Jam Jam Time

6. Lama_Sewa lama_sewa Int 11

7. Lapangan Lapangan Varchar 1

8. Status Status Varchar 10

3. Spesifikasi File Sport

Nama Tabel : Sport

Akronim : Fasilitas

Fungsi : Untuk menyimpan data sport

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 41

Page 10: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

38

Kunci Field : id_sport

Software : XAMPP

Tabel III.3.

Spesifikasi Sport

No Elemen Data Nama Field Tipe Panjang Keterangan

1. Id Sport id_sport Varchar 5 Primary Key

2. Judul Judul Varchar 30

3. Biaya Biaya Int 6

4. Keterangan Keterangan Text

5. Gambar Gambar Text

4. Spesifikasi File Administrator

Nama Tabel : Administrator

Akronim : Administrator

Fungsi : Untuk menyimpan data Administrator

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 10

Kunci Field : -

Software : XAMPP

Page 11: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

39

Tabel III.4.

Spesifikasi Administrator

No Elemen Data Nama Field Tipe Panjang Keterangan

1. Username username varchar 5

2. Password Password varchar 5

3.6. Pengkodean

1. Id_Pemesanan

Setiap pemesanan harus memiliki id masing-masing sehingga dapat membatasi

pemesanan dari masing-masing pengguna, diantaranya terdiri dari:

Keterangan:

100 = kode pemesanan urutan ke 100

2. Id_Sport

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

sport dari masing-masing pemesanan, diantaranya terdiri dari:

Identitas dari urutan Pemesanan

1 0 0

Page 12: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

40

Keterangan:

ST = Sport

001 = Nomer Fasilitas

Badminton

Keterangan:

ST = Sport

002 = Nomer Fasilitas

Swimming

Keterangan:

ST = Sport

003 = Nomer Fasilitas

GYM

Keterangan:

ST = Sport

004 =Nomer Fasilitas

Futsal

Kategori fasilitas

S T 0 0 1

Nomer fasilitas

Kategori fasilitas

Nomer fasilitas

S T 0 0 2

S T 0 0

Kategori fasilitas

Nomer fasilitas

S T 0 0 4

Kategori fasilitas

Nomer fasilitas

3

Page 13: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

41

3. Username

Setiap member harus memiliki username masing-masing sehingga dapat

membedakan dari masing-masing pengguna, diantaranya terdiri dari:

Keterangan :

Syauqy1310 = Identitas salah satu member

Identitas dari salah satu member

S

Y A U Q Y 1 3 1 0

Page 14: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

42

3.7. Spesifikasi Program

A. Rancangan Struktur Navigasi Halaman Admin

Gambar III.4.

Rancangan Struktur Navigasi Halaman Admin

B. Rancangan Struktur Navigasi Halaman Pengunjung

Gambar III.5.

Rancangan Struktur Navigasi Halaman Pengunjung

Page 15: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

43

C. Rancangan Struktur Navigasi Halaman Member

Gambar III.6.

Rancangan Struktur Navigasi Halaman Member

3.8. 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

Page 16: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

44

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.

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.8.1. Perangkat Lunak

Adapun spesifikasi perangkat lunak yang dibutuhkan adalah paket program

yang digunakan yaitu Dreamweaver Mx sebagai bahan program yang berbasis

Windows, diharapkan dapat memberikan kemudahan bagi para pemakai dalam

menjalankan program sederhana ini. Kemudahan yang ada dalam Dreamweaver Mx

adalah sebagai berikut:

Page 17: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

45

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

bahasa java berbasis Windows yang merupakan pemrograman yang berorientasi

pada obyek.

b. 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

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 7601)

b. Paket Program : Dreamweaver Mx dan MySql.

3.8.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

Page 18: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

46

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 : Intel (R) Pentium (R) CPU P6100 @ 2.00Ghz

(2CPUs) ~2.0GHz

b. Disk : CD/DVD R

c. Memory (RAM) : 1028MB RAM

d. System Model : Satelit C640

e. Harddisk : 200 GB HDD

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.3. Konfigurasi Sistem Komputer

Sistem komputer secara umum terdiri dari tiga bagian yaitu: input, proses dan

output yang tidak dapat dipisahkan. Input device atau alat masukan, merupakan alat

yang secara langsung menjadi penghubung antara pengguna dan komputernya juga

sebagai alat yang digunakan untuk masukan segala bentuk data maupun informasi

yang nantinya akan diproses atau dimanipulasi. Sebagai contoh alat masukan adalah

Page 19: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

47

keyboard. Dari alat masukan dimana data yang dimasukan akan diperoleh atau

diproses lebih lanjut ditransfer kesebuah proses atau lebih dikenal dengan nama CPU

(Central Prosessing Unit) untuk mengolah atau memanipulasi data. Setelah data

diolah kemudian dilanjutkan dengan mengeluarkan hasil dari segala proses yang telah

dilakukan kepada pengguna agar mudah dimengerti oleh si pengguna. Salah satu

contoh alat keluaran adalah monitor. Monitor merupakan alat keluaran yang bersifat

softcopy karena bersifat sementara, sedangkan alat keluaran yang bersifat permanen

seperti printer disebut hardcopy. Disamping alat input maupun output diatas, terdapat

pula alat-alat yang memiliki dua fungsi sekaligus sebagai alat input dan output,

sebagai contoh Compact Disk (CD) dapat berupa alat input karena data yang

dimasukan ke dalam komputer dapat melalui pembacaan Compact Disk. Compact

Disk sebagai alat output karena Compact Disk dapat ditulis oleh komputer untuk

menyimpan hasil pengolahan data. Compact Disk dapat juga disebut sebagai alat

penyimpanan data atau storage. Berikut adalah gambaran konfigurasi sistem.

3.9. 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

Page 20: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

48

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

untuk meningkatkan sistem untuk diuji, dan proses pengembangan serta pengujian.

3.9.1. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada website Taman Harapan Baru

Sports Center.

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.

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.

Page 21: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

49

Gambar III.8.

Halaman Beranda Admin

C. Halaman Entry

Halaman ini diakses oleh admin untuk mengelola data fasilitas dan data

member.penyewaan bulanan.

Gambar III.9.

Halaman Entry Fasilitas

Gambar III.10.

Halaman Entry Data Member

Page 22: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

50

D. Halaman Data Pemesanan

Halaman ini diakses oleh admin untuk mengolah data pemesanan.

Gambar III.11.

Halaman Data Pemesanan

E. 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.

Gambar III.12.

Halaman Laporan Data Member

Page 23: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

51

Gambar III.13.

Halaman Laporan Penyewaan Harian

Gambar III.14.

Halaman Laporan Penyewaan Bulanan

Gambar III.15.

Halaman Laporan Booking

Page 24: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

52

Gambar III.16.

Halaman Laporan Fasilitas

2. Implementasi Rancangan Antar Muka Halaman Pengunjung

A. Halaman Beranda Pengunjung

Bertujuan untuk menyambut pengunjung pada saat pertama kali membuka website

kami.

Gambar III.17.

Halaman Beranda Pengunjung

Page 25: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

53

B. Halaman Fasilitas

Halaman Fasilitas dibuat dengan tujuan agar pengunjung dapat mengetahui sarana

prasarana olahraga yang tersedia di website Taman Harapan Baru Sports Center .

Gambar III.18.

Halaman fasilitas Gym

Gambar III.19.

Halaman fasilitas Badminton

Page 26: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

54

Gambar III.20.

Halaman fasilitas Swimming

Gambar III.21.

Halaman fasilitas Futsal

Page 27: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

55

C. Halaman Contact Us

Halaman Contact Us dibuat dengan tujuan agar pengunjung dapat mengetahui

alamat serta nomer telepone dari website Taman Harapan Baru Sports Center.

Gambar III.22.

Halaman Contact Us

D. Halaman Register Member

Halaman register member dibuat dengan tujuan agar pengunjung dapat

mendaftarkan dirinya sebagai member di website Taman Harapan Baru Sports

Center.

Page 28: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

56

Gambar III.23.

Halaman Registrasi Member Baru

3. Implementasi Rancangan Antar Muka Halaman Member

A. Halaman Login Member

Halaman login member dibuat agar pengunjung yang sudah terdaftar sebagai

member dapat masuk ke halaman akunnya.

Gambar III.24.

Halaman Login Member

B. Halaman Beranda Member

Bertujuan untuk menyambut member pada saat pertama kali membuka website

kami.

Page 29: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

57

Gambar III.25.

Halaman Beranda Member

C. Halaman Fasilitas Member

Halaman Fasilitas dibuat dengan tujuan agar member dapat mengetahui sarana

prasarana olahraga yang tersedia atau yang dapat dipesan (booking) di website Taman

Harapan Baru Sports Center.

Gambar III.26.

Halaman fasilitas Gym

Page 30: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

58

Gambar III.27.

Halaman fasilitas Badminton

Gambar III.28.

Halaman fasilitas Swimming

Page 31: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

59

Gambar III.29.

Halaman fasilitas Futsal

D. Halaman Booking

Halaman Booking dibuat dengan tujuan agar member dapat melakukan proses

pemesanan (booking) di website Taman Harapan Baru Sports Center.

Gambar III.30.

Halaman Booking

Page 32: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

60

3.10. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang

fokus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form Login member

Tabel III.5.

Hasil Pengujian Black Box Testing Halaman 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 dan

password tidak

diisi atau

kosong

kemudian klik

tombol login

Username:

widi

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:

123

Sistem akan

menolak akses

user dan

menampilkan

“Username

dan password

tidak dikenal”

Sesuai

harapan Valid

4. Mengetikkan Username: Sistem akan Sesuai Valid

Page 33: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

61

salah satu

kondisi salah

pada username

atau password

kemudian klik

tombol login

widi (benar)

Password:

widi (salah)

menolak akses

user dan

menampilkan

“Username

dan password

tidak dikenal”.

harapan

5. Mengetikkan

username dan

password

dengan data

yang benar

kemudian klik

tombol login

Username:

widi (benar)

Password:

123 (benar)

Sistem

menerima

akses login dan

kemudian

langsung

menampilkan

menu utama.

Sesuai

harapan

Valid

B. Pengujian Terhadap Form Login admin

Tabel III.6.

Hasil Pengujian Black Box Testing Halaman Login admin

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpul

an

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

Page 34: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

62

2. Mengetikkan

username 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

tombol login

Username:

admin

(benar)

Password:

123 (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:

admin

(benar)

Password:

admin

(benar)

Sistem

menerima akses

login dan

kemudian

langsung

menampilkan

menu utama.

Sesuai

harapan

Valid

Page 35: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

63

C. Pengujian Terhadap Form Tambah Fasilitas

Tabel III.7.

Hasil Pengujian Black Box Testing Tambah Fasilitas

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpul

an

1. Nama Fasilitas,

Biaya,

Keterangan,

dan Gambar

tidak diisi

kemudian klik

tambah

Nama

Fasilitas :

(kosong)

Biaya :

(kosong)

Keterangan

: (kosong)

Gambar :

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Data masih ada

yang kosong” Sesuai

harapan Valid

2. Salah satu

Field diisi

kemudian klik

tambah

Nama

Fasilitas :

Basket

Biaya :

(kosong)

Keterangan

: (kosong)

Gambar :

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Data masih ada

yang kosong Sesuai

harapan Valid

3. Semua Field

diisi dengan

benar

kemudian klik

tambah

Nama

Fasilitas :

Basket

Biaya :

50000

Sistem akan

menerima akses

dan kemudian

data akan

disimpan

langsung ke

Sesuai

harapan Valid

Page 36: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

64

Keterangan

: Lapangan

Basket

ini…

Gambar :

Basket.jpg

database.

D. Pengujian Terhadap Form Tambah Member

Tabel III.8.

Hasil Pengujian Black Box Testing Tambah Member

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpul

an

1. Username,

Password,

Nama

Lengkap,

Email dan No.

Telp tidak diisi

kemudian klik

tambah

Username :

(kosong)

Password :

(kosong)

Nama

Lengkap :

(kosong)

Email :

(kosong)

No. Telp :

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Data masih ada

yang kosong” Sesuai

harapan Valid

2. Salah satu

Field diisi

kemudian klik

tambah

Username :

agus123

Password :

(kosong)

Nama

Lengkap :

Sistem akan

menolak akses

user dan

menampilkan

“Data masih ada

yang kosong

Sesuai

harapan Valid

Page 37: BAB III PEMBAHASAN - Bina Sarana Informatika · BAB III PEMBAHASAN 3.1. ... Software: XAMPP Tabel III.1. Spesifikasi File User No Elemen Data Nama Field Tipe Panjang Keterangan 1

65

(kosong)

Email :

(kosong)

No. Telp :

(kosong)

3. Semua Field

diisi dengan

benar

kemudian klik

tambah

Username :

agus123

Password :

agus123

Nama

Lengkap :

Agus

Widiyanto

Email :

agus123@g

mail.com

No. Telp :

0878787543

212

Sistem akan

menerima akses

dan kemudian

data akan

disimpan

langsung ke

database.

Sesuai

harapan Valid