Print

BAB IV
HASIL DAN PEMBAHASAN

4.1 Hasil
Pada bagian ini akan berisi hasil dari tampilan website yang sudah di selesaikan
sesuai dengan desain yang sudah dibuat sebelumnya. Adapun tampilan yang terdapat
di dalam website adalah tampilan dari halaman login, halaman Daftar, halaman home,
halam booking. Penjelasan halaman-halaman yang disebutkan dapat diuraikan
sebagai berikut.
4.1.1 Tampilan halaman User

1. Halaman login
Pada tampilan ini merupakan tampilan Halaman Login, pada halaman ini,
pengguna pertama kali membuka aplikasi dan akan langsung menampilkan
halaman login ini, pengguna di haruskan menginput username dan password
untuk mengarahkan ke halaman berikutnya. Untuk tampilan halaman login user
dapat dilihat pada gambar 4.1
Gambar 4. 1 Halaman login
Source code Login_Page.dart

}
class LoginForm extends StatefulWidget {

@override
_LoginFormState createState() => _LoginFormState();
}
class _LoginFormState extends State<LoginForm> {
final TextEditingController _emailController =
TextEditingController();
final TextEditingController _passwordController =
Future<void> _login(BuildContext context) async {
final response = await http.post(
Uri.parse('https://advasfutsal.ca1.store/apis/login.php'),
body: {
'email': _emailController.text,
'password': _passwordController.text,
},
);
if (response.statusCode == 200) {
final Map<String, dynamic> data =
json.decode(response.body);
if (data.containsKey('error')) {
print(data['error']);
} else {
// Simpan data pengguna yang login ke SharedPreferences
SharedPreferences prefs = await
SharedPreferences.getInstance();
prefs.setString('user_id', data['id']);
prefs.setString('user_name', data['name']);
prefs.setString('user_email', data['email']);
prefs.setBool('is_logged_in', true);
Navigator.pushReplacement(
context,
MaterialPageRoute(
builder: (context) => HomePage(user: data),
),
);
}
} else {
print('Failed to connect to the server');
}
}
2. Halaman register
Pada tampilan ini merupakan tampilan Halaman Register, pada halaman ini
pengguna mendaftar atau membuat akun untuk akses ke fitur fitur tertentu.
Pengguna diminta untuk mengisi formulir yang berisikan Nama, Email, dan kata
sandi Untuk tampilan halaman daftar user dapat dilihat pada gambar 4.2
Gambar 4. 2 Halaman register
Source code Register_page.dart

class RegisterPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
// Form Registrasi
RegisterForm(),
const SizedBox(height: 16.0),
// Navigasi ke halaman login

GestureDetector(
onTap: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) =>
LoginPage()),
// Registrasi berhasil
print(data['message']);
// Pindah ke halaman login

Navigator.push(
context,
MaterialPageRoute(builder: (context) => LoginPage()),
);
} else if (data.containsKey('error')) {
// Terjadi kesalahan
print(data['error']);
}
} else {
// Gagal terhubung ke server
print('Failed to connect to the server');
}
}
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
// Nama
TextField(
controller: _nameController,
decoration: const InputDecoration(labelText: 'Nama'),
),
// Email
TextField(
controller: _emailController,
decoration: const InputDecoration(labelText: 'Email'),
),
// Kata Sandi
TextField(
controller: _passwordController,
3. Halaman home
Halaman home merupakan halaman untuk menampilkan informasi tentang

lapangan yang akan di booking. Untuk tampilan halaman home dapat dilihat pada
gambar 4.3
Gambar 4. 3 Halaman Home
Source code Home_page.dart

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';
import 'account_page.dart';
import 'payment_page.dart';
import 'field_detail_page.dart';
class HomePage extends StatefulWidget {

final Map<String, dynamic> user;
const HomePage({required this.user});
children: [
ClipRRect(
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(16.0),
topRight: Radius.circular(16.0),
),
child: Image.network(
field['field_photo_url'],
height: 150,
width: double.infinity,
fit: BoxFit.cover,
),
),
Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
field['field_name'],
style: const TextStyle(fontSize: 18,
fontWeight: FontWeight.bold),
),
],
),
),
],
),
),
);
}
void _handleBottomNavBarTaps(int index) {
setState(() {
_currentIndex = index;
});
}
void _navigateToFieldDetail(Map<String, dynamic> field) {

Navigator.push(
context,
MaterialPageRoute(
builder: (context) => FieldDetailPage(field: field),
4. Halaman booking
Dihalaman booking lapangan futsal, pengguna bisa memilih waktu dan

lapangan yang dinginkan. Pengguna dapat memilih durasi sewa, dan melakukan
pembayaran secara online. Untuk gambar booking lapangan dapat dilihat pada
gambar 4.4 berikut.
Gambar 4. 4 Halaman Booking
Source code Booking_page.dart

class BookingPage extends StatefulWidget {
final Map<String, dynamic> field;
const BookingPage({required this.field});
@override
_BookingPageState createState() => _BookingPageState();
}
class _BookingPageState extends State<BookingPage> {

final TextEditingController _phoneController =
final TextEditingController _dateController =
final TextEditingController _startTimeController =
final TextEditingController _endTimeController =
final TextEditingController _jumlahJam =
late String _userId;
@override
void initState() {
super.initState();
_loadUserData();
}
Future<void> _loadUserData() async {

SharedPreferences prefs = await
SharedPreferences.getInstance();
setState(() {
_userId = prefs.getString('user_id') ?? '';
});
},
child: const Text('Submit Booking'),
),
],
),
),
);
}
static final _pesanmidtransUrl =
Uri.parse('https://app.sandbox.midtrans.com/snap/v1/transactions')
;
void _performBooking(BuildContext context) async {
// var total = widget.field['price_per_hour'] *
_jumlahJam.text;
print(_jumlahJam.text);
print(widget.field['price_per_hour']);
print(int.parse(widget.field['price_per_hour']) *
int.parse(_jumlahJam.text));
Random objectname = Random();
int number = objectname.nextInt(10000000);
String username = 'SB-Mid-server-NORFpHnMnqlj-9eDWO9z-LY-';
String password = '';
String basicAuth =
'Basic ${base64Encode(utf8.encode('$username:
$password'))}';
http.Response responseMidtrans = await

http.post(_pesanmidtransUrl,
headers: <String, String>{
'authorization': basicAuth,
'Content-Type': 'application/json'
},
body: jsonEncode({
'transaction_details': {
'order_id': number,
'gross_amount':
int.parse(widget.field['price_per_hour']) *
int.parse(_jumlahJam.text)
},
"credit_card": {"secure": true}
}));
var jsonMidtrans =
jsonDecode(responseMidtrans.body.toString());
final response = await http.post(
Uri.parse('https://advasfutsal.ca1.store/apis/book.php'),
body: {
'user_id': _userId,
'field_id': widget.field['id'],
'phone': _phoneController.text,
'booking_date': _dateController.text,
'start_time': _startTimeController.text,
'end_time': _endTimeController.text,
"order_id": number.toString(),
"redirect_url": jsonMidtrans['redirect_url'].toString(),
},
);
print(response.body);
if (response.statusCode == 200) {
final Map<String, dynamic> data =
json.decode(response.body);
if (data.containsKey('message')) {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => PaymentPage()),
);
} else if (data.containsKey('error')) {
print('Booking failed: ${data['error']}');
4.1.2 Tampilan halaman Admin

1. Halaman Login
Pada tampilan ini merupakan tampilan Halaman Login, pada halaman ini,
Admin pertama kali membuka aplikasi dan akan langsung menampilkan halaman
login ini, pengguna di haruskan menginput username dan password untuk
mengarahkan ke halaman berikutnya. Untuk tampilam halaman login dapat
dilihat pada gambar 4.5 berikut.
Gambar 4. 5 Halaman login admin
Source code Login.php

<?php
header('Content-Type: application/json');
require_once('config.php');
if ($_SERVER['REQUEST_METHOD'] === 'POST') {

$email = $_POST['email'];
$password = $_POST['password'];
$sql = "SELECT * FROM users WHERE email = '$email'";

$result = $conn->query($sql);
if ($result->num_rows > 0) {
$row = $result->fetch_assoc();
if (password_verify($password, $row['password'])) {
$response = array(
"id" => $row['id'],
"name" => $row['name'],
"email" => $row['email']
);
echo json_encode($response);
} else {
echo json_encode(array("error" => "Invalid password"));
}
} else {
echo json_encode(array("error" => "User not found"));
}
}
2. Halaman Dashboard
Halaman ini merupakan halaman utama setelah melakukan login. Tampilan

halaman dashboard dapat dilihat pada gambar 4.6 berikut.
Gambar 4. 6 Halaman dashboard
Source code Dashboard.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0"
name="viewport" />
<title>Dashboard Admin - Advas Futsal</title>
<meta content="" name="description" />
<meta content="" name="keywords" />

<link href="assets/img/favicon.png" rel="icon" />
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-
icon" />

<link href="https://fonts.gstatic.com" rel="preconnect" />
<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,300i,400,400i,600,600i,700,700i|
Nunito:300,300i,400,400i,600,600i,700,700i|
Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet" />

<link href="assets/vendor/bootstrap/css/bootstrap.min.css"
rel="stylesheet" />
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css"
rel="stylesheet" />
<link href="assets/vendor/boxicons/css/boxicons.min.css"
rel="stylesheet" />
<link href="assets/vendor/quill/quill.snow.css"
rel="stylesheet" />
<link href="assets/vendor/quill/quill.bubble.css"
rel="stylesheet" />
<link href="assets/vendor/remixicon/remixicon.css" rel="
End Logo -->
3. Tampilan halaman lapangan
Tampilan halaman lapangan adalah gambar terkait lapangan futsal yang ingin di
booking. Untuk tampilan lapangan dapat dilihat pada gambar 4.7
Gambar 4. 7 Halaman lapangan
Source code lapangan.php

<?php
include 'conf.php';
checkAdminSession();
$lapanganResult = getLapanganData();
// Handle form submission for adding new lapangan

if ($_SERVER["REQUEST_METHOD"] == "POST" &&
isset($_POST["tambahLapangan"])) {
$lapanganData = array(
"field_name" => $_POST["namaLapangan"],
"field_number" => $_POST["nomorLapangan"],
"description" => $_POST["deskripsiLapangan"],
"price_per_hour" => $_POST["hargaLapangan"],
);
$result = tambahLapangan(
$lapanganData["field_name"],
$lapanganData["field_number"],
uploadGambarLapangan($_FILES["gambarLapangan"]),
$lapanganData["description"],
$lapanganData["price_per_hour"]
);
if ($result) {
// Success, refresh the page or redirect to lapangan.php
header("Location: lapangan.php");
exit();
} else {
$error_message = "Failed to add lapangan. Please try
again.";
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
name="viewport" />

icon" />
4. Tampilan halaman pemesanan
Pada halaman ini admin dapat melihat pengguna yang mem-booking lapangan
futsal. Tampilan halaman pemesanan dapat dilihat pada gambar 4.8 berikut.
Gambar 4. 8 Halaman pemesanan

Source code Pemesanan.php
<?php
include 'conf.php';
$pemesananResult = getPemesananData();
?>
<!DOCTYPE html>
<html lang="en">
<head>
name="viewport" />

icon" />

<link href="https://fonts.gstatic.com" rel="preconnect" />
<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,300i,400,400i,600,600i,700,700i|
Nunito:300,300i,400,400i,600,600i,700,700i|
Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet" />

<link href="assets/vendor/bootstrap/css/bootstrap.min.css"
rel="stylesheet" />
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css"
rel="stylesheet" />
<link href="assets/vendor/boxicons/css/boxicons.min.css"
rel="stylesheet" />
<link href="assets/vendor/quill/quill.snow.css"
rel="stylesheet" />
<link href="assets/vendor/quill/quill.bubble.css"
rel="stylesheet" />
<link href="assets/vendor/remixicon/remixicon.css"
rel="stylesheet" />
<link href="assets/vendor/simple-datatables/style.css"
rel="stylesheet" />

<link href="assets/css/style.css" rel="stylesheet" />
</head>
<body>

<header id="header" class="header fixed-top d-flex align-items-
center">
<div class="d-flex align-items-center justify-content-
between">
<a href="index.html" class="logo d-flex align-items-
center">
<img src="assets/img/logo.png" alt="" />
<span class="d-none d-lg-block ms-2">Advas
Futsal</span>
</a>
<i class="bi bi-list toggle-sidebar-btn"></i>
</div>

<nav class="header-nav ms-auto">

<ul class="d-flex align-items-center">
<li class="nav-item dropdown pe-3">
5. Tampilan halaman pengguna
Pada halaman ini menampilkan nama-nama pengguna yang mendaftar di aplikasi.

Untuk tampilan halaman pengguna dapat dilihat pada gambar 4.9 berikut.
Gambar 4. 9 Halaman pengguna
Source code pengguna.php

<?php
include 'conf.php';
$penggunaResult = getPenggunaData();
// Check if the form is submitted

if ($_SERVER["REQUEST_METHOD"] == "POST" &&
isset($_POST['updatePengguna'])) {
$pengguna_id = $_POST['pengguna_id'];
$edit_namaPengguna = $_POST['edit_namaPengguna'];
// Call the updatePengguna function

$updateSuccess = updatePengguna($pengguna_id,
$edit_namaPengguna);
if ($updateSuccess) {
// Redirect or display a success message
header("Location: pengguna.php");
exit();
} else {
// Handle the update failure, e.g., display an error
message
echo "Failed to update pengguna.";
}
}
?>
<body>

<header id="header" class="header fixed-top d-flex align-items-
center">
<div class="d-flex align-items-center justify-content-
between">
<a href="index.html" class="logo d-flex align-items-
center">
<img src="assets/img/logo.png" alt="" />
<span class="d-none d-lg-block ms-2">Advas
Futsal</span>
</a>
<i class="bi bi-list toggle-sidebar-btn"></i>
</div>

<nav class="header-nav ms-auto">

<ul class="d-flex align-items-center">
<li class="nav-item dropdown pe-3">
<a class="nav-link nav-profile d-flex align-
items-center pe-0" href="#" data-bs-toggle="dropdown">
<img src="assets/img/profile-img.jpg"
alt="Profile" class="rounded-circle" />
<span class="d-none d-md-block dropdown-
toggle ps-2"><?php echo $_SESSION['admin_username']; ?></span>
</a>
<ul class="dropdown-menu dropdown-menu-end
dropdown-menu-arrow profile">
<li class="dropdown-header">
<h6><?php echo
$_SESSION['admin_username']; ?></h6>
<span>Administrator</span>
</li>
<li>
<hr class="dropdown-divider" />
</li>
<li>
<a class="dropdown-item d-flex align-
items-center" href="logout.php">
<i class="bi bi-box-arrow-
right"></i>
<span>Sign Out</span>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</header>

4.2 Pembahasan
4.2.1 Pengujian fitur aplikasi

Dalam pembahasan ini, penulis melakukan pengujian terhadap aplikasi untuk
mem-booking lapangan berdasarkan spesifikasi sistem yang telah dibahas dalam bab
sebelumnya. Metode yang dilakukan dalam pengujian sistem adalah Black Box.
Pengujian black box berfokus pada spesifikasi fungsional perangkat lunak. Berikut
adalah beberapa hasil pengujian pada tiap fitur aplikasi:
Tabel 4. 1 Pengujian android 8 Halaman register
Hasil yang
Aksi Hasil Pengujian Kesimpulan
diharapkan
User mengklik Sistem menampilkan Sistem menerima Berhasil
tombol sudah form daftar Daftar dan
memiliki akun? menampilkan pesan
masuk “anda sudah
terdaftar”
User mengisi form Sistem menampilkan Ketika ada salah satu Berhasil
daftar pesan kesalahan data tidak diisi sistem
akan menampilkan
“Please Fill out this
failed”
Tabel 4. 2 Pengujian Android 8 Halaman Login
Hasil yang
diharapkan
Mengisi form login sistem menerima sistem menerima Berhasil
dengan email dan login dan login dan
password yang benar menampilkan menampilkan
lalu menekan tombol halaman Home halaman home
login
Mengisi form login Sistem memberikan Sistem memberikan Berhasil
dengan email yang n informasi pesan informasi pesan
benar dan password password salah! password salah!
yang salah lalu
mengklik tombol
login
Mengisi form login Sistem akan Sistem akan Berhasil
dengan email yang menampilkan pesan menampilkan pesan
salah dan password username atau username atau
yang salah lalu klik password salah password salah
login
Tabel 4. 3 Pengujian Android 8 Halaman Home
Hasil yang
diharapkan
User mengklik sistem menampilkan sistem menampilkan Berhasil
lapangan 1 Detail lapangan detail lapangan
Tabel 4. 4 Pengujian Android 8 Halaman booking
Hasil yang
diharapkan
User mengklik Menu sistem Menampilkan Sistem menampilkan Berhasil
Booking Form Booking Form halaman
Booking
User Mengklik form Sistem menampilkan Ketika ada salah satu Berhasil
Booking Pesan Kesalahan data tidak diisi sistem
akan menampilkan
failed”
User melakukan Sistem melakukan Sistem berhasil Berhasil
Booking lapangan booking melakukan booking
futsal
Tabel 4. 5 Pengujian android 9 halaman Register
Hasil yang
diharapkan
masuk “anda sudah
terdaftar”
akan menampilkan
failed”
Tabel 4. 6 Pengujian android 9 halaman login
Hasil yang
diharapkan
login
yang salah lalu
mengklik tombol
login
login
Tabel 4. 7 Pengujian Android 9 Halaman Home
Hasil yang
diharapkan
Tabel 4. 8 Pengujian android 9 Halaman booking
Hasil yang
diharapkan
Booking
akan menampilkan
failed”
futsal
Tabel 4. 9 Pengujian android 12 halaman register
Hasil yang
diharapkan
masuk “anda sudah
terdaftar”
akan menampilkan
failed”
Hasil yang
diharapkan
login
yang salah lalu
mengklik tombol
login
login
Tabel 4. 11 Pengujian android 12 Halaman home
Hasil yang
diharapkan
Hasil yang
diharapkan
Booking
akan menampilkan
failed”
futsal
Tabel 4. 13 Pengujian android 13 halaman register
Hasil yang
diharapkan
masuk “anda sudah
terdaftar”
akan menampilkan
failed”
Hasil yang
diharapkan
login
yang salah lalu
mengklik tombol
login
login
Tabel 4. 15 Pengujian android 13 Halaman home
Hasil yang
diharapkan
Hasil yang
diharapkan
Booking
akan menampilkan
failed”
futsal
4.2.2 Pengujian Fitur website

Dalam pembahasan ini, penulis melakukan pengujian terhadap aplikasi untuk
Admin lapangan berdasarkan spesifikasi sistem yang telah dibahas dalam bab
sebelumnya. Metode yang dilakukan dalam pengujian sistem adalah Black Box.
Pengujian black box berfokus pada spesifikasi fungsional perangkat lunak. Berikut
adalah beberapa hasil pengujian pada tiap fitur aplikasi:
Tabel 4. 17 Pengujian Halaman Login
Hasil yang
diharapkan
Admin Mengisi form sistem menerima sistem menerima Berhasil
login dengan email login dan login dan
dan password yang menampilkan menampilkan
benar lalu menekan halaman Home halaman home
tombol login
yang salah lalu
mengklik tombol
login
login
Tabel 4. 18 Pengujian halaman lapangan
Hasil yang
diharapkan
Admin Mengklik sistem menampilkan sistem menampilkan Berhasil
menu lapangan halaman lapangan halaman lapangan
Admin meng-klik Sistem menampilkan Sistem berhasil Berhasil
tambah lapangan form menambahkan
tambah lapangan
Admin mengklik Sistem menampilkan Ketika ada salah satu Berhasil
tambah lapangan pesan “ data tidak diisi sistem
akan menampilkan
failed”
Tabel 4. 19 Pengujian halaman pemesanan
Hasil yang
diharapkan
Admin mengklik sistem menampilkan sistem menampilkan Berhasil
menu pemesanan hasil pemesanan hasil pemesanan
lapangan
Admin mengklik Sistem menampilkan Sistem berhasil Berhasil
tombol hapus pesan “Are you sure menampikan pesan
you want to delete “Are you sure you
this booking?” want to delete this
booking?”
Admin mengklik Sistem akan Sistem menampilkan Berhasil
tombol edit menampilkan form form edit
edit
Tabel 4. 20 Pengujian halaman pengguna
Hasil yang
diharapkan
Admin mengklik sistem menampilkan sistem menampilkan Berhasil
menu pengguna nama pengguna nama pengguna
Admin mengklik Sistem menampilkan Sistem menampilkan Berhasil
tombol hapus pesan “are you sure pesan “are you sure
you want to delete you want to delete
this pengguna?” this pengguna?”
Admin mengklik Sistem akan Sistem menampilkan Berhasil
tombol edit menampilkan form form edit
edit
BAB V
KESIMPULAN
5.1 Kesimpulan
Berdasarkan analisis dan pembahasan yang sudah dilakukan, maka dapat
diambil kesimpulan diantaranya sebagai berikut :
1. Metode pengembangan yang digunakan yaitu metode RAD (Rapid
Application Development)
2. Hasil pengujian blackbox adalah aplikasi dapat berjalan dengan baik sesuai
harapan. Dimana fungsi dari setiap menu berfungsi dengan baik,
5.2 Saran
Aplikasi E-booking lapangan ini masih terdapat kekurangan, dan masih perlu
dilakukan pengembangan pada aplikasi ini agar aplikasi menjadi lebih baik lagi.
Terdapat saran untuk pengembangan selanjutnya yaitu, untuk aplikasi agar bisa
menambahkan fitur rating pada E-Booking lapangan dan fitur lokasi pada aplikasi

Print

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Print

Diunggah oleh

Hak Cipta:

Format Tersedia

BAB IV

HASIL DAN PEMBAHASAN

4.1.1 Tampilan halaman User

Source code Login_Page.dart

class LoginForm extends StatefulWidget {

Source code Register_page.dart

const SizedBox(height: 16.0),

// Navigasi ke halaman login

// Pindah ke halaman login

Halaman home merupakan halaman untuk menampilkan informasi tentang

Gambar 4. 3 Halaman Home

Source code Home_page.dart

class HomePage extends StatefulWidget {

const HomePage({required this.user});

void _navigateToFieldDetail(Map<String, dynamic> field) {

Dihalaman booking lapangan futsal, pengguna bisa memilih waktu dan

Gambar 4. 4 Halaman Booking

Source code Booking_page.dart

const BookingPage({required this.field});

class _BookingPageState extends State<BookingPage> {

Future<void> _loadUserData() async {

static final _pesanmidtransUrl =

http.Response responseMidtrans = await

4.1.2 Tampilan halaman Admin

Gambar 4. 5 Halaman login admin

Source code Login.php

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

$sql = "SELECT * FROM users WHERE email = '$email'";

Halaman ini merupakan halaman utama setelah melakukan login. Tampilan

Gambar 4. 6 Halaman dashboard

Source code Dashboard.php

3. Tampilan halaman lapangan

Source code lapangan.php

// Handle form submission for adding new lapangan

Gambar 4. 8 Halaman pemesanan

<nav class="header-nav ms-auto">

5. Tampilan halaman pengguna

Pada halaman ini menampilkan nama-nama pengguna yang mendaftar di aplikasi.

Gambar 4. 9 Halaman pengguna

Source code pengguna.php

// Check if the form is submitted

// Call the updatePengguna function

<nav class="header-nav ms-auto">

4.2.1 Pengujian fitur aplikasi

Tabel 4. 1 Pengujian android 8 Halaman register

Tabel 4. 2 Pengujian Android 8 Halaman Login

Tabel 4. 3 Pengujian Android 8 Halaman Home

Tabel 4. 4 Pengujian Android 8 Halaman booking

Tabel 4. 5 Pengujian android 9 halaman Register

Tabel 4. 6 Pengujian android 9 halaman login

Tabel 4. 7 Pengujian Android 9 Halaman Home

Tabel 4. 9 Pengujian android 12 halaman register

Tabel 4. 10 Pengujian android 12 halaman login

Tabel 4. 11 Pengujian android 12 Halaman home

Tabel 4. 12 Pengujian android 12 Halaman booking

Tabel 4. 13 Pengujian android 13 halaman register

Tabel 4. 14 Pengujian android 13 halaman login

Tabel 4. 15 Pengujian android 13 Halaman home

Tabel 4. 16 Pengujian android 13 Halaman booking

4.2.2 Pengujian Fitur website

Tabel 4. 17 Pengujian Halaman Login

Tabel 4. 18 Pengujian halaman lapangan

Tabel 4. 19 Pengujian halaman pemesanan

Tabel 4. 20 Pengujian halaman pengguna