BAB III PEMBAHASAN. Haifa Nida Futsal merupakan usaha yang bergerak dibidang pelayanan jasa

(1)

23

3.1 Tinjauan Perusahaan

Haifa Nida Futsal merupakan usaha yang bergerak dibidang pelayanan jasa penyewaan tempat olahraga sepak bola yang berada di dalam ruangan (futsal), dengan fasilitas mushola, toilet, kantin, dan tempat parkir. Yang berlokasi di Jl Raya Kecepet Kecamatan Cilamaya Kabupaten Karawang.

3.1.1 Sejarah Perusahaan

Haifa Nida Futsal berdiri pada tanggal 18 januari 2010, pemiliknya bernama Bapak H. Fakhrurroji. Awal mula berdirinya perusahaan ini Berawal dari kepedulian Pemilik terhadap minimnya tempat bermain sepak bola di daerah tempat tinggalnya di Cilamaya. Maka terbentuklah rencana untuk membangun sarana olahraga sepak bola mini karena pada saat itu sepak bola mini (futsal) sedang di gemari oleh kalangan anak muda yang hobi bermain sepak bola.

Haifa Nida Futsal yang beralamat di Jl. Raya Cilamaya (Samping Mapolsek Cilamaya) Ds. Mekarmaya-Cilamaya Wetan Kabupaten Karawang. Adapun jam operasional Haifa Nida futsal dari jam 08.00 s/d jam 23.00 yang memiliki dua lapangan futsal, untuk harga lapangan satu yaitu Rp.145.000 / jam dengan fasilitas rumput sintetis dan untuk harga lapangan kedua yaitu Rp.125.000 / jam dengan fasilitas lantai vinyl.

(2)

Dengan berdirinya lapangan futsal tersebut diharapkan pemuda-pemuda yang hobi bermain sepak bola mini (futsal) lebih bisa dengan mudah untuk menyalurkan hobinya. Seiring dengan berjalannya waktu, pemilik usaha Haifa Nida ini mengembangkan usahanya dengan mendirikan agen Travel Umroh dan beberapa rumah makan atau restoran, sehingga Haifa Nida memutuskan untuk merubah nama usahanya menjadi PT Haifa Nida.

3.1.2 Visi dan Misi Perusahaan

Visi perusahaan ini adalah ingin lebih mengembangkan olah raga futsal untuk lebih diminati dan juga untuk menciptakan lapangan kerja baru bagi masyarakat, serta juga mengurangi tingkat pengangguran di Indonesia. Sehingga diharapkan perusahaan ini akan berkembang menjadi sport center.

Misi perusahaan ini adalah menyediakan dan memfasilitasi pelanggan dan masyarakat luas agar nyaman dalam bermain atau berolahraga futsal, dengan cara memberikan kepuasan pelanggan terhadap kualitas area lapangan, keramahan yang diterapkan perusahaan serta kemudahan dalam melakukan suatu aktivitas dengan sistem-sistem yang telah tersedia.

3.1.3 Struktur Organisasi

Gambar III.1 ( Struktur Perusahaan) Sumber : Haifa Nida Futsal

Pemilik

Pengelola

Staf

(3)

3.1.4 Tinjauan Kasus

Perkembangan dunia saat ini sangat pesat, dimana ilmu pengetahuan dan teknologi diterapkan disemua aspek kehidupan manusia. Masyarakat sekarang sangat tergantung dengan teknologi modern yang memberikan berbagai kemudahan, segala sesuatunya sangat terorganisir dan terkomputerisasi dengan baik sehingga aktivitas dapat berjalan dengan efektif dan efesien. Metode-metode yang bersifat manual sedikit demi sedikit mulai ditinggalkan karna sudah tidak efesien.

Dalam pelayanannya Haifa Nida Futsal masih menggunakan cara manual untuk proses pemesanan penyewaan lapangan dan pengaturan penjadwalan, seringkali banyak konsumen terjadi crash dengan jadwal yang telah terisi oleh orang lain pada jam-jam padat tertentu, sehingga para konsumen mengalami kesulitan dalam mencari sarana futsal yang memiliki jadwal kosong yang sesuai keinginannya. Maka dari itu diperlukan suatu alat bantu yang dapat memudakan konsumen untuk menangani masalah pemesanan penyewaan lapangan dan pengaturan penjadwalan. Sehingga pemesanan dan pengaturan penjadwalan dapat dilakukan secara terpusat dan mempermudah pengelola lapangan melakukan pendataan. Di samping itu, pihak konsumen atau pelanggan akan merasa dimudahkan dalam menggunakan pelayanan tersebut.

3.1.5 Dokumen Masukan

Dokumen yang digunakan untuk menginput data yang ada nantinya akan diproses atau disimpan untuk menghasilkan suatu dokumen keluaran yang disebut output. Berikut adalah bentuk dokumen masukan yang ada :

(4)

1. Form pendaftaran member

Nama Dokumen : Form Pendaftaran Member

Fungsi : Untuk input data registrasi member

Media : Monitor komputer

Sumber : Pelanggan

Frekuensi : Terjadi setiap ada data registrasi member baru

Jumlah : -

Bentuk : Lampiran A-1

2. Form data order lapangan

Nama dokumen : Form data order lapangan

Fungsi : Untuk input detail sewa lapangan

Media : Monitor komputer

Sumber : Member

Frekuensi : Terjadi setiap ada data order lapangan yang baru

Jumlah : -

Bentuk : lampiran A-2

3. Form konfirmasi pembayaran

Nama dokumen : form konfirmasi pembayaran

Fungsi : untuk mengirim konfirmasi pembayaran oleh member

Media : monitor komputer

Sumber : Member

Frekuensi : Setiap ada data pembayaran futsal

Jumlah : -

(5)

4. Form konfirmasi

Nama dokumen : form konfirmasi

Fungsi : untuk mengetahui konfirmasi pembayaran dari

member

Sumber : Admin

Frekuensi : setiap ada pembayaran yang masuk

Jumlah : -

Bentuk lampiran : A-4

3.1.6 Dokumen Keluaran

Dokumen keluaran adalah dokumen yang dibuat sesuai dengan data yang dikeluarkan untuk pembuatan data yang nantinya akan dibuat dalam program yang menghasilkan sebuah laporan

Berikut adalah beberapa data keluaran yang ada : 1. Data member

Nama Dokumen : Data member

Fungsi : Untuk mengetahui pelanggan yang sudah registrasi menjadi member

Sumber : admin

Frekuensi : setiap ada registrasi member

Jumlah : -

(6)

2. Data Laporan Order Lapangan

Nama dokumen : data laporan order lapangan

Fungsi : untuk mengetahui laporan data pemesanan lapangan

Sumber : admin

Jumlah : -

Bentuk : Lampiran B-2

3. Data Laporan Konfirmasi Pembayaran

Nama dokumen : data laporan konfirmasi pembayaran

Fungsi : untuk mengetahui laporan data konfirmasi

pembayaran

Sumber : admin

Jumlah : -

Bentuk : Lampiran B-2

3.2 Analisa Kebutuhan Software

Analisa kebutuhan software adalah langkah awal untuk menentukan program yang ingin dibuat sehingga menghasilkan program yang baik. Kesalahan analisa kebutuhan software bisa diketahui jika sudah ada kode atau pengujian.

3.2.1 Analisa Kebutuhan

Sebuah proses untuk mendapatkan informasi, model spesifikasi tentang perangkat lunak yang di inginkan pengguna. Analisa kebutuhan yang dibuat sebagai berikut :

(7)

1. Bagian User

a. Bagian user dapat melakukan pendaftaran member b. Bagian user dapat login pada form login

c. Bagian user dapat mengakses menu utama

d. Dapat mengakses list lapangan yang di dalamnya menampilkan detail lapangan yang bisa disewa

e. Bagian user yang mengakses pesanan f. Bagian user yang mengakses pembayaran

2. Bagian Admin

a. Bagian admin dapat melakukan login b. Bagian admin dapat mengelola menu utama

c. Bagian admin dapat mengelola data penyewaan lapangan d. Bagian admin dapat mengelola data member

e. Bagian admin dapat mengelola data pemesanan dan laporan pemesanan f. Bagian admin dapat mengelola data konfirmasi pembayaran

g. Bagian admin dapat mengelola jadwal sewa lapangan

3.2.2 Use Case Diagram

Use case menggambarkan setiap hubungan dari setiap objek yang ada pada sebuah sistem. Berikut gambaran use case yang sudah dibuat :

(8)

1. Use Case Login User

Sumber : Data Olahan Penulis

Gambar III.2 Use Case Login User Tabel III.1

Deskripsi Use Case Login User Use Case Narative Menu Login

Tujuan

Melakukan daftar member dan login agar dapat masuk kedalam sistem penyewaan Lapangan Futsal

Deskripsi

Sistem ini memungkinkan aktor untuk melakukan proses pendaftaran agar dapat melakukan login

Sekenario Utama

Aktor Pengguna

(9)

melakukan pendaftaran member baru, sehingga bisa melakukan proses login

Aksi Aktor Reaksi Sistem

1. Aktor memilih tombol daftar 2. Aktor memilih tombol login 3. Actor memilih tombol logout

Sistem akan menampilkan form pendaftaran member baru

Sistem akan menampilkan form login yang berisi Id user dan Password

Sistem akan keluar dari menu Login dan kembali ke menu Home

Kondisi Akhir

Jika perintah sesuai maka sistem akan menampilkan seperti yang diinginkan oleh pengguna

Sumber : Data olahan Penulis

2. Usecase Menu Utama User

Sumber data : olahan penulis

(10)

Tabel III.2

Deskripsi Use Case Utama User Use case narrative menu utama user

Tujuan Dapat melakukan akses ke menu login, home,

cek jadwal, cetak laparonan pemesanan dan edit profil pengguna

Deskripsi Sistem ini memungkinkan pengguna untuk

melakukan login hingga proses transaksi penyewaan lapangan

Scenario utama

Aktor Pengguna atau member

Kondisi Awal Aktor membuka aplikasi menu Home

Aksi actor Reaksi sistem

1. Aktor memilih tombol Home

2. Aktor memilih tombol List lapangan

3. Actor memilih tombol pembayaran

Sistem akan menampilkan sub menu yang ada di home

Sistem akan menampilkan detail lapangan yang sudah di tentukan, jika sudah memilih lapangan yang ingin dipesan, sistem dapat menampilkan form pemesanan

Sistem akan menampilkan konfirmasi pembayaran

Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan sesuai dengan keinginan aktor Sumber : Data Olahan Penulis

(11)

4. Usecase List Lapangan

Gambar III.4 Use Case List Lapangan Tabel III.3

Deskripsi Use Case Menu list lapangan Use case narrative menu List lapangan

Tujuan Aktor dapat mengakses menu list lapangan agar dapat memilih dan menyewa lapangan mana yang sesuai keinginan

Deskripsi Sistem ini memungkinkan pengguna untuk

membuka list lapangan serta keterangan Scenario utama

Aktor Pengguna atau member

Kondisi Awal Aktor membuka menu list lapangan

Aksi actor Reaksi sistem

1. Aktor memilih menu lapangan

(12)

2. Aktor dapat melihat harga sewa lapangan

a. Actor memilih tombol pemesanan

Sistem akan menampilkan jenis lapangan yang akan menampilkan harga sewa lapangan dan fasilitasnya

Sistem akan menampilkan tombol pesan dan akan muncul menu pemesanan

Kondisi Akhir

Jika perintah sesuai maka sistem akan menampilkan sesuai dengan keinginan aktor Sumber : Data Olahan Penulis

5. Use case menu pemesanan saya

(13)

Tabel III.4

Deskripsi Use Case Menu Pemesanan Member Use Case Narrative Menu Pemesanan Member

Tujuan Aktor dapat mengakses semua menu sesuai yang

di inginkan agar dapat memudahkan dalam pemesanan

Deskripsi Sistem ini memungkinkan pelanggan untuk

membuka menu pemesanan dari pengisian form sampai proses selanjutnya

Scenario Utama

Aktor Member

Kondisi Awal Aktor membuka menu laporan pemesanan

Aksi Actor Reaksi Sistem

1. Laporan pemesanan

2. Logout

Sistem akan menampilkan Cetak, detail, menampilkan form konfirmasi pembayaran

Sistem dapat keluar dari menu dan kembali ke menu Home

Kondisi Akhir

Jika perintah sesuai maka sistem akan menampilkan sesuai dengan keinginan aktor

(14)

6. Use Case Login Admin

Gambar III.6 Use Case Login Admin Tabel III.5

Deskripsi Use Case Login Admin Use Case Narrative Login Admin

Tujuan Melakukan login dan masuk ke menu sistem

admin

Deskripsi Sistem ini memungkinkan admin untuk dapat melakukan login

Scenario Utama

Aktor Administrator

Kondisi Awal Aktor membuka menu login

(15)

login

2. Logout

mengisi username dan password

Sistem dapat keluar dari menu administrator dan kembali ke menu Home

Kondisi Akhir

Jika perintah sesuai maka sistem akan menampilkan sesuai dengan keinginan aktor

7. Use Case Menu Utama Admin

(16)

Tabel III.6

Deskripsi Use Case Menu Utama Admin Use Case Narrative Menu Utama Admin

Tujuan Admin dapat membuka data home, data

member, data order, data konfirmasi pembayaran, data rekening, data jam,data rekening, dan data lapangan

Deskripsi Sistem ini memungkinkan admin untuk

mengolah data yang ada di menu admin Scenario Utama

Aktor Admin

Kondisi Awal Admin membuka aplikasi menu

1. Tampilan halaman index

2. Admin memilih menu data lapangan

3. Admin memilih menu member

4. Admin memilih menu order

5. Admin memilih menu konfirmasi

6. Admin memilih menu jam

Sistem akan menampilkan index admin

Sistem akan menampilkan data lapangan

Sistem akan menampilkan data member

Sistem akan menampilkan laporan data order

Sistem akan menampilkan laporan data konfirmasi pembayaran

(17)

7. Admin memilih menu rekening

8. Logout

Sistem akan menampilkan data rekening

Sistem keluar dari menu dan menu admin

Kondisi Akhir

8. Use Case menu data Lapangan

(18)

Tabel III.7

Deskripsi Use Case Menu Data Lapangan Use case narrative Menu Data Lapangan

Tujuan Sistem dapat mengakses kedalam data

lapangan

melihat data lapangan dan melakukan edit data lapangan

Scenario utama

Aktor Admin

Kondisi Awal Admin membuka data lapangan

Aksi actor Reaksi system

1. Admin memlih data lapangan

2. Logout

Sistem akan menampilkan list data lapangan, admin dapat menghapus data dan menambah data, juga keluar dari menu utama.

dapat keluar dari menu data utama

Kondisi Akhir

Jika perintah sesuai maka sistem akan menampilkan sesuai dengan keinginan actor

(19)

9. Use Case menu data member

Gambar III.9 Use Case Menu Data Member

Tabel III.8

Deskripsi Use Case Menu Data Customer Use Case Narrative Menu Data Member

Tujuan Sistem dapat mengakses kedalam data

member

melihat detail data member Scenario utama

Aktor Admin

Kondisi Awal Admin membuka data member

(20)

member

2. Edit Data

3. Logout

yang sudah terdaftar

Sistem akan menampilkan edit data member dan dapat menghapus data member

Sistem akan keluar dari menu utama

Kondisi Akhir

Jika perintah sesuai maka sistem akan menampilkan sesuai dengan keinginan actor Sumber : Data Olahan Penulis

10. Use Case menu data order

(21)

Tabel III.9

Deskripsi Use Case Data Order Use Case Narrative Menu Data Order

Tujuan Sistem dapat mengakses kedalam data order

pemesanan

melihat data dan mencetak daftar orderan yang sudah masuk

Scenario Utama

Aktor Admin

Kondisi Awal Admin membuka data order

1. Admin memlih data order pemesanan

2. Cetak laporan pemesanan 3. Logout

Sistem akan menampilkan list data order pemesanan

Sistem akan mencetak data laporan order pemesanan

Sistem dapat keluar dari data order pemesanan

Kondisi Akhir

Jika perintah sesuai maka Sistem akan menampilkan sesuai dengan keinginan aktor

(22)

11. Use case data Konfirmasi

Gambar III.11 Use Case Data Konfirmasi Tabel III.10

Deskripsi Use Case Data Konfirmasi Use Case Narrative Menu Data Konfirmasi Tujuan

Sistem dapat mengakses kedalam data Konfirmasi

Deskripsi

Sistem ini memungkinkan admin untuk melihat data Konfirmasi

Scenario Utama

Aktor Admin

Kondisi Awal Admin membuka aplikasi menu data

konfirmasi

Aksi actor Reaksi system

(23)

Konfirmasi

2. Admin Melihat Detail

3. Admin menghapus

4. Logout

Sistem akan menampilkan data detail konfirmasi pembayaran

Sistem dapat menghapus data yang sudah masuk

Sistem dapat keluar dari data konfirmasi

Kondisi Akhir

3.2.3 Activity Diagram

Diagram aktivitas menggambarkan aktivitas sistem bukan apa yang dilakukan actor, melainkan aktivitas yang dilakukan oleh sistem.

1. Activity diagram menu login user

(24)

2. Menu activity menu utama user

Gambar III.13 activity diagram menu utama user

3. Menu activity menu list lapangan

(25)

4. Diagram activity menu pemesanan saya

Gambar III.15 activity diagram menu pemesanan saya

5. Menu activity menu Login admin

(26)

6. Menu activity menu utama admin

Gambar III.17 activity diagram menu utama admin 7. Menu activity menu data lapangan

(27)

8. Menu activity menu data customer

Gambar III.19 activity diagram menu data customer 9. Menu activity menu data pesanan

(28)

10. Menu activity menu data Konfirmasi

Gambar III.21 activity diagram menu data Konfirmasi 3.2.4. Desain

Didalam perancangan sebuah program atau aplikasi dibutuhkan sebuah tampilan awal atau halaman home yang berisi beberapa menu lainnya untuk mempermudah user menggunakan aplikasi tersebut. Berikut adalah desain struktur yang menggambarkan menu Booking Futsal Ini :

3.2.5. Struktur Navigasi

Struktur navigasi adalah struktur atau alur dari suatu program menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan sebelum membuat suatu aplikasi.

(29)

1. Struktur menu navigasi user

Gambar III.22 Struktur navigasi menu user 2. Struktur Navigasi Menu Admin

Gambar III.23 Struktur navigasi menu admin

Login Index daftar Login List Lapangan Tampil Lapangan pesan form pesanan pesanan saya cetak detail Cek Jadwal pembayaran logout login Data Lapangan lihat data lapangan tambah data hapus edit Data member lihat data member edit hapus Data order lihat data pemesanan detail edit cetak laporan pemesanan Data konfirmasi tambah data konfirmasi detail hapus Data jam tambah data edit hapus logout

(30)

3.2.6. Entity relationship diagram (ERD)

Suatu model yang mendeskripsikan hubungan antara file data, ERD digunakan untuk memodelkan struktur data dan hubungan antar data serta untuk menguji model dengan menyampaikan proses yang dilakukan. Berikut ini relasi tabel yang sudah dibuat :

(31)

3.2.7. Logical record struktur (LRS)

Representasi dari struktur record-record pada table-tabel yang terbentukdari hasil antar himpunan entitas untuk menentukan jumlah table dan foreign key (Fk) sebagai berikut :

Gambar III.25 Entity Relationship Diagram (ERD)

3.3. Spesifikasi File

Spesifikasi file ini terdiri dari file-file yang digunakan untuk menyimpan data maupun proses pengolahan data. Penulis membuat satu file database yang bernama haifa_futsal. Dan terdiri dari delapan tabel, yaitu sebagai berikut :

(32)

1. Spesifikasi Tabel Users

Nama tabel : users

Fungsi : Master

Media : hardisk

Akronim : users.mysql

Tipe Tabel : master

Organisasi file : index sequential

Akses file : random

Panjang record : 115

Field key : nama_lengkap

Software : Microsoft Acces

Tabel III.11 Spesifikasi Tabel Users

No Nama Field Type Data Length Keterangan

1 Username Varchar 50 Primary key

2 Password Varchar 50 3 nama_lengkap Varchar 100 4 Email Varchar 100 5 no_telp Varchar 20 6 Level Varchar 20 7 alamat_lengkap Varchar 255

2. Spesifikasi Tabel Lapangan

Nama tabel : lapangan

(33)

Media : hardisk

Akronim : lapangan.mysql

Tipe tabel : master

Akses file : random

Field key : id_lapangan

Software : dream weaver cs 6

Tabel III.12

Spesifikasi Tabel Lapangan

1 id_lapangan Varchar 25 Primary key

2 Judul Varchar 25

3 Detail Date 25

4 Gambar Date 25

5 harga_lapangan Varchar 15

3. Spesifikasi Tabel Konfirmasi

Nama tabel : konfirmasi

Fungsi : master

Media : hardisk

Akronim : konfirmasi.mysql

Tipe Tabel : master

(34)

Field key : id_konfirmasi

Software : Microsoft acces

Tabel III.13

Spesifikasi Tabel Konfirmasi

1 id_konfirmasi Int 5 Primary key

2 id_orders Varchar 5 3 id_rekening Int 5 4 nama_pemesan Varchar 100 5 total_bayar Varchar 100 6 rek_anda Varchar 150 7 atas_nama Varchar 150 8 nama_bank Varchar 150 9 Pesan Text

4. Spesifikasi Tabel Laporan

Nama tabel : laporan

Fungsi : master

Media : hardisk

Akronim : laporan.mysql

Tipe Tabel : master

Akses file : random

Field key : id_orders

(35)

Tabel III.14

Spesifikasi Tabel Laporan

1 id_orders Int 5 Primary key

2 id_lapangan Int 5 3 jam_mulai Varchar 10 4 jam_selesai Varchar 10 5 total_harga Varchar 50 6 Tanggal Date 7 Username Varchar 50 8 status_pesanan Varchar 20

5. Spesifikasi Tabel Rekening

Nama tabel : rekening

Fungsi : master

Media : hardisk

Akronim : rekening.mysql

Tipe Tabel : master

Akses file : random

Field key : id_rekening

(36)

Tabel III.15

Spesifikasi Tabel Rekening

1 id_rekening Int 5 Primary key

2 no_rekening Varchar 20

3 atas_namaa Varchar 50

4 nama_bankk Varchar 255

6. Tabel Jam

Nama tabel : Jam

Fungsi : master

Media : hardisk

Akronim :jam.mysql

Tipe Tabel : master

Media : hardisk

Akses file : random

Field key : id_jam

(37)

Tabel III.16 Spesifikasi Tabel Jam

1 id_jam Int 5 Primary key

2 jam_mulai Time

3 jam_selesai Time

7. Tabel Statis

Nama tabel : statis

Fungsi : master

Media : hardisk

Akronim : rekening.mysql

Tipe Tabel : master

Akses file : random

Field key : id_statis

Software : Microsoft acces

Tabel III.17 Spesifikasi Tabel Statis

1 id_statis Int 5 Primary key

2 Judul Varchar 255

3 Halaman Varchar 20

(38)

8. Spesifikasi Tabel Hubungi

Nama tabel : hubungi

Fungsi : master

Media : hardisk

Akronim : users.mysql

Tipe Tabel : master

Akses file : random

Field key : id_hubungi

Software : Microsoft Acces

Tabel III.18

Spesifikasi Tabel Hubungi

1 id_hubungi Int 5 Primary key

2 nama_lengkap Varchar 100

3 alamat_email Varchar 100

4 Subjek Varchar 100

5 Pesan Text

(39)

3.4. User Interface

User interface merupakan bentuk tampilan grafis yang berhubungan langsung dengan penggunaan (user)

Berikut user interface yang dirancang sebagai berikut :

1. User interface Index Home

Gambar III.26 User Interface Menu Index Home

2. User interface menu login admin

(40)

3. User Interface Menu Index Admin

Gambar III.28 User Interface Menu Index Admin

4. User interface Kelola Data Member

(41)

5. User interface Menu data Laporan Pemesanan

Gambar III.30 User Interface Menu Data Laporan Pemesanan

6. User interface Menu Admin Laporan Data Konfirmasi

(42)

7. User Interface Menu Admin Tambah Data Lapangan

Gambar III.32 User Interface Menu Admin Tambah Data Lapangan

8. User Interface Menu Admin Tambah Data Rekening

(43)

9. User interface Login Member

Gambar III.34 User Interface Login Member

10. User Interface Form Registrasi

(44)

11. User Interface Menu Index Member

Gambar III.36 User Interface Menu Index Member

12. User Interface List Lapangan

(45)

13. User interface Form Booking

Gambar III.38 User Interface Form Booking

14. User interface Laporan Pemesanan Member

(46)

15. User interface Detail Pemesanan

Gambar III.40 User Interface Detail Pemesanan

16. User interface Konfirmasi Pembayaran

(47)

17. User interface Lihat Jadwal Lapangan

Gambar III.42 User Interface Lihat Lapangan

3.5. Implementasi

Tahap Implementasi sistem merupakan proses yang dilakukan setelah tahap perancangan sistem selesai dilaksanakan. Tujuan yang dicapai pada tahap ini adalah dapat dioperasikannya hasil perancangan program yang telah dibuat

1. Spesifikasi Sistem Komputer

Sistem yang dibangun ini berbasis web, maka dapat dipastikan bahwa perangkat keras yang dibutuhkan mendukung untuk terkoneksi ke internet. Beberapa perangkat keras yang utama di sediakan seperti modem untuk penghubung ke internet.

(48)

Merupakan sekumpulan data elektronik yang disimpan dan di atur oleh komputer. Data tersebut berupa program atau instruksi untuk menjalankan suatu perintah.

Berikut adalah perangkat lunak yang di gunakan dalam pembangunan website ini :

a. Sistem operasi windows,10

b. Browser, Modzila firefox, Chrome c. Xampp

Berikut database server yang digunakan : a. Server 127.0.0.1 via TCP/IP

b. MYSQL

c. Protocol version 10 d. User : root@localhost

e. Server charset UTF -8 Unicode (utf8) Berikut implementasi program yang telah dibuat :

1. Tampilan Halaman Utama

(49)

2. Tampilan Menu Login Admin

Gambar III.44 Menu Login Admin

3. Tampilan List Order Lapangan

(50)

4. Tampilan Menu List Lapangan

Gambar III.46 Menu List Lapangan

5. Tampilan List Data Member

(51)

6. Tampilan Laporan Konfirmasi Pembayaran

Gambar III.48 Laporan Konfirmasi Pembayaran

7. Tampilan Menu Registrasi Member

(52)

8. Tampilan Menu Login Member

Gambar III.50 Menu Login Member

9. Tampilan Menu Index Member

(53)

10. Tampilan Jadwal Booking Lapangan

Gambar III.52 Jadwal Booking Lapangan

11. Tampilan Daftar Lapangan

(54)

12. Tampilan Detail Lapangan

Gambar III.54 Detail Lapangan

13. Tampilan Detail Pemesanan Member

(55)

3.6. Testing

Metode pengujian yang dilakukan selama proses testing dan implementasi sistem dengan menggunakan metode blackbox testing .

Berikut pengujian yang sudah dilakukan :

No Pengujian Cara Menguji Kasus Uji Hasil

1 Login Input Id user name dan password lalu klik login Data akan dicocokan dengan database Jika login cocok maka user bisa masuk kemenu lainnya. Jika id username dan password belum di isi maka tidak bisa masuk ke menu selanjutnya. 2 Pendaftaran Isi form pendaftaran member Isi data pendaftaran benar Jika proses pendaftaran dan pengisian username serta

(56)

password benar, maka pendaftaran berhasil 3 Form pemesanan Isi form dengan lengkap sesuai nama pada saat login Hasil data sesuai dengan database Jika data tidak di isi maka akan tampil tulisan “kamu Belum Login” 4 Login Admin Input username dan Password lalu klik login Data akan dicocokan dengan database Jika login cocok maka bisa masuk ke menu lainnya 5 Pembayaran Klik menu konfirmasi pembayaran Mengisi data yang ada pada formulir konfirmasi pembayaran Jika benar akan muncul pemberi tahuan