MODUL
PEMBANGUNAN
SISTEM BERASASKAN
WEB
PHP & MYSQL
SISTEM PENGURUSAN
TEMPAHAN HOMESTAY
COZY
HOMESTAY
SHAREN MEMALYN MENSON
COZY HOMESTAY
Modul Sistem Pengurusan Tempahan Homestay – Cozy Homestay.
Dalam modul ini, perisian yang digunakan ialah Sublime Text 3 dan juga Xampp versi 7.3.8.
© Sharen Memalyn Menson, 2019
Hak cipta terpelihara. Tiada bahagian daripada terbitan ini boleh diterbitkan semula, disimpan untuk
pengeluaran atau ditukarkan dalam apa-apa bentuk dengan alat apa jua pun, sama ada dengan cara
elektronik, gambar, rakaman atau sebagainya tanpa kebenaran daripada Sharen Memalyn Menson.
SHAREN MEMALYN MENSON
Guru Sains Komputer
SMK Kinarut, Papar, Sabah
Emel : [email protected]
Telefon / SMS/ Whatsapp / Telegram : 0168388935
Persediaan menggunakan modul 01
Sublime Text 03
Xampp 03
01 Menetapkan folder 05
02 Membuat pangkalan data 05
03 Sambungan ke pangkalan data 09
04 Menetapkan header, menu navigation dan footer 10
05 Menetapkan layout sistem 16
06 Menetapkan sekatan pengguna (akses keselamatan) 17
07 Mencipta fail index.php (log masuk) 18
08 Mencipta fail daftar masuk (signup) 22
09 Mencipta fail log keluar (logout) 25
10 Mencipta fail tambah bilik 25
11 Mencipta fail senarai bilik 28
12 Mencipta fail kemaskini 30
13 Mencipta fail import 33
14 Mencipta fail tempahan 35
15 Mencipta fail prosestempahan 38
16 Mencipta fail senarai tempahan 40
17 Mencipta fail resit pelanggan 43
18 Mencipta fail delete 44
19 Mencipta fail carian 46
20 Mencipta fail laporan 48
21 Mencipta fail menu utama 51
22 Capaian sistem 53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
Persediaan untuk menggunakan modul ini.
1. Sublime Text
Layari sublimetext.com dan muat turun perisian sublime versi Windows.
2. Xampp
Layari https://www.apachefriends.org dan muat turun perisian xampp untuk
Windows.
COZY HOMESTAY 1/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
3. CSS
Untuk modul ini kita akan menggunakan w3.css.
Layari www.w3schools.com/w3css/w3css_downloads.asp untuk muat turun
fail css atau layari gg.gg/modul19 untuk memuat turun fail w3.css.
Untuk melihat dan mempelajari penggunaan w3 css ini boleh rujuk dalam
laman web ini www.w3schools.com/w3css/w3css
COZY HOMESTAY 2/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1. Sublime text adalah teks editor untuk memudahkan pekerjaan pengaturcara
kerana memiliki fitur ‘autocomplete’ tag.
2. Pengguna hanya perlu menaip contohnya html dan tekan tab (pada papan
kekunci) untuk menghasilkan dokumen html.
3. Begitu juga jika ingin menggunakan <?php ?>, hanya perlu taip php dan tekan
tab. Perisian sublime text sangat membantu dalam penulisan aturcara.
4. Hanya perlu muat turun dan pasang ke komputer, dan buka perisian apabila
ingin menggunakannya.
1. Pasang perisian xampp pada komputer. Pastikan semasa memasang tetapkan
pemilihan komponen.
COZY HOMESTAY 3/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
2. Buangkan tanda pilihan pada FileZilla FTP Server, Mercury Mail Server, Tomcat,
Perl, Webalizer dan juga Fake Sendmail kerana kita tidak akan menggunakan
komponen itu.
3. Jalankan aplikasi xampp, dengan memilih xampp-control untuk membuka
XAMPP Control Panel.
4. Mulakan Apache dan juga MySQL. Klik butang Start.
COZY HOMESTAY 4/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY Cozy HomeStay
Sistem Pengurusan Tempahan Homestay
1. Sebelum mula menulis kod, kita perlu menetapkan folder untuk menyimpan
semua fail PHP.
2. Oleh kerana kita menggunakan xampp, kita akan tetapkan folder sistem di
dalam htdocs.
3. Htdocs merupakan folder untuk menyimpan semua jenis fail PHP, CSS,
HTML, Javascript, gambar dan fail-fail yang berkaitan dalam pembangunan
sistem.
4. Untuk mengakses ke folder htdocs, klik C: (tempat dimana xampp
dipasang), masuk xampp, dan masuk htdocs.
5. Buat folder baru dalam htdocs, contoh folder di sini ialah folder cozy.
6. Tambah folder css, csv dan img di dalam folder cozy. Masukkan fail w3.css
yang telah dimuat turun ke folder css.
1. Dalam modul ini, kita akan mengimport fail sql melalui phpmyadmin untuk
menghasilkan pangkalan data bagi sistem yang akan kita bina.
2. Sistem Cozy HomeStay ini merupakan satu sistem dimana pekerja akan
mengurus tempahan pelanggan dan juga akan mengurus maklumat bilik.
COZY HOMESTAY 5/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
3. Oleh itu, kita akan menghasilkan tiga jadual (table) iaitu jadual pekerja,
tempahan dan bilik.
pekerja nama jawatan pwd
idpekerja
bilik
idbilik jnsbilik harga
tempahan idbilik namapelanggan notel tarikhmasuk
notempahan bilhari jumharga
tarikhkeluar
4. Buka perisian sublime dan taipkan penyataan sql untuk mencipta
pangkalan data dan juga jadual.
COZY HOMESTAY 6/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
5. Anda juga boleh memuat turun fail cozy.sql di gg.gg/modul19, di dalam
folder db_sql/cozy.sql.
6. Simpan sebagai cozy.sql dalam folder cozy.
7. Seterusnya kita akan ke phpmyadmin untuk mengimport fail sql yang
sudah kita simpan tadi.
8. Pergi ke xampp control panel, kemudian pada MySQL klik pada butang
Admin. Ia akan membawa kita ke laman localhost/phpmyadmin.
COZY HOMESTAY 7/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
9. Klik pada tab Import.
10. Klik pada choose file dan pilih fail cozy.sql yang disimpan pada folder cozy.
COZY HOMESTAY 8/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
11. Apabila fail cozy.sql sudah dipilih, nama fail akan terpapar di tepi butang
choose file.
12. Skroll ke bawah dan klik butang Go.
13. Apabila berjaya diimport, nama pangkalan data cozy akan terpapar pada
sebelah kiri menu.
! Pastikan tiada nama pangkalan data yang
sedia ada sama dengan pangkalan data yang
bakal diimport untuk mengelakkan berlakunya
ralat.
1. Perkara pertama yang perlu dilakukan ialah membuat sambungan pada
pangkalan data yang telah dibuat.
2. Sambungan kepada pangkalan data perlu dibuat agar sistem yang kita bina
akan mempunyai akses dengan pangkalan data yang akan memegang /
menyimpan semua rekod / data.
3. Fail sambungan ke pangkalan data ini akan dibuat sekali sahaja dan kita
hanya perlu memanggil fail ini pada fail-fail yang memerlukan sambungan
kepada pangkalan data.
COZY HOMESTAY 9/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
4. Sintaks yang akan digunakan ialah mysqli_connect().
mysqli_connect() berfungsi untuk membuka sambungan baru ke pelayan
MySQL.
Sintaks:
mysqli_connect(“nama hos”, “nama pengguna”, “kata laluan”, “nama
pangkalan data”);
Untuk memudahkan kita memanggil proses sambungan ini nanti, namakan
proses mysqli_connect() sebangai $con.
$con akan digunakan apabila kita menulis penyataan SQL.
5. Kod penuh untuk sambungan ke pangkalan data seperti berikut:
6. Save as sebagai dbconfig.php dan simpan pada folder cozy.
1. Sebelum mula menulis kod untuk membina sistem. Kita akan memudahkan
pengurusan fail php kita.
2. Oleh itu, buka perisian sublime, pada File → Open Folder...
COZY HOMESTAY 10/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
3. Pilih folder cozy yang terletak di C:\xampp\htdocs
4. Folder cozy sudah boleh dilihat dikiri pada panel Folders. Sekarang fail-fail
di dalam folder cozy mudah untuk diakses dan diurus.
5. Kita akan membuat header terlebih dahulu, pergi File → New File
6. Save fail kepada template.php.
COZY HOMESTAY 11/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
7. Taipkan kod html (taip html dan tekan tab pada papan kekunci untuk
mendapatkan kod dokumen html secara automatik).
8. Taipkan nama COZY HOMESTAY pada <title></title>
9. Hasilkan fail baru dan namakan header.php. Pergi ke menu File → New File
untuk membuat fail baru.
10. Copy baris 1 hingga 6 pada fail template.php dan paste ke fail header.php.
11. Kita akan memanggil fail w3.css dengan menggunakan link.
12. Taip link dan pilih link. Ubah kod pada href, dimana href merupakan tempat
fail css disimpan iaitu dalam folder css.
<link rel="stylesheet" href="css/w3.css">
13. Kita akan memanggil link untuk mengubah jenis font. Kita boleh
menggunakan jenis font lain yang disukai.
Layari fonts.google.com untuk mencari jenis font yang disukai.
COZY HOMESTAY 12/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
Pilih font yang disukai, dan ia akan tunjukkan cara untuk menggunakan font
tersebut.
Cara untuk menggunakan font google, tambah link dibawah link css.
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Tangerine">
Kemudian taipkan script css untuk menggunakan font tersebut.
<style>
.w3-tangerine {
font-family: 'Tangerine', serif;
}
</style>
14. Kemudian, pada <body> kita akan menulis kod untuk mengubah saiz font
pada sistem.
15. Layari gg.gg/modul19 untuk mendapatkan kod bagi mengubah saiz font.
Copy dan paste kod tersebut ke <body>.
COZY HOMESTAY 13/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
Penerangan ringkas:
o div, merujuk kepada division atau bahagian yang merupakan blok
kandungan generik yang boleh digunakan sebagai kontena untuk
mengelompokkan beberapa elemen menjadi satu. Elemen div boleh
dimasukkan elemen lain untuk tujuan mempermudah penerapan gaya
dengan CSS.
o div class=”w3-header w3-indigo”, untuk memanggil fungsi css, atribut
class digunakan. Untuk mengetahui semua fungsi-fungsi dalam w3.css
boleh rujuk pada laman web www.w3schools.com/w3css/w3css.
o button, merupakan butang yang umumnya mempunyai gaya seperti
butang yang boleh diklik untuk menjalankan tindakan tertentu
16. Selepas menulis kod untuk mengubah saiz font, kita akan membuat pula
bar navigation.
Penerangan ringkas:
o a, merupakan anchor digunakan untuk menentukan hyperlink. Jika
mempunyai atribut href, maka elemen tersebut menunjukkan hyperlink
(hyperteks anchor). Pautan (link) boleh merujuk kepada halaman lain
(laman web lain).
o class, untuk memanggil fungsi css.
o .COZY HOMESTAY., menamakan pautan untuk diklik.
17. Kod penuh untuk fail header.php ada di muka surat sebelah.
COZY HOMESTAY 14/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1 <!-- Sistem Pengurusan Tempahan Homestay -->
2 <!-- Disediakan oleh :- sharenmemalyn@smkkinarut -->
3 <!-- File 02 : header.php -->
4
5 <!DOCTYPE html>
6 <html lang="en" dir="ltr">
7 <head>
8 <meta charset="utf-8">
9 <title>C O Z Y H O M E S T A Y</title>
10 <!-- sambungan fail css -->
11 <link rel="stylesheet" href="css/w3.css">
12 <!-- sambungan ke laman web font google -->
13 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
14
15 <!-- membuat css untuk menggunakan font google -->
16 <style>
17 .w3-tangerine {
18 font-family: 'Tangerine', serif;
19 }
20 </style>
21 </head>
22 <body>
23 <!-- function untuk besarkan font (tulisan) ------>
24 <div class="w3-header w3-indigo">
25 <font size="2"><b> Font :</b></font>
26 <button class="w3-button" onclick="resizeText(-1)"><font size="2">A-</font>
</button>
27 <button class="w3-button" onclick="resizeText(1)"><font size="2">A+</font>
</button>
28 <script type="text/javascript">
29 function resizeText(multiplier) {
30 if (document.body.style.fontSize == "") {
31 document.body.style.fontSize = "1.0em";
32 }
33 document.body.style.fontSize = parseFloat(document.body.style.fontSize) +
(multiplier * 0.2) + "em";
34 }
35 </script>
36 </div>
37 <!-- function untuk besarkan font (tulisan) tamat ------>
38
39 <!-- menu navigation ------>
40 <div class="w3-bar w3-indigo">
41 <a href="menuutama.php" class="w3-bar-item w3-button">.COZY HOMESTAY.</a>
42 <a href="addbilik.php" class="w3-bar-item w3-button">| +Bilik |</a>
43 <a href="senaraibilik.php" class="w3-bar-item w3-button">| +Senarai Bilik |</a>
44 <a href="tempahan.php" class="w3-bar-item w3-button">| +Tempahan Pelanggan |</a>
45 <a href="senarai.php" class="w3-bar-item w3-button">| +Senarai Tempahan |</a>
46 <a href="carian.php" class="w3-bar-item w3-button">| +Laporan |</a>
47 <a href="logout.php" class="w3-bar-item w3-button w3-right">| -Log Keluar |</a>
48 </div>
49 <!-- menu navigation tamat ------>
50
COZY HOMESTAY 15/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
18. Buat fail baru dan save sebagai footer.php.
19. Copy baris 8 hingga 9 pada fail template.php dan paste ke fail footer.php.
20.Kod penuh untuk fail footer.php seperti berikut
Penerangan ringkas:
o hr, menunjukkan horizontol rule atau garis mendatar, iaitu garis
mendatar dari kiri ke kanan atau dari kanan ke kiri.
o p, merujuk kepada paragraph.
1. Seterusnya kita akan menetapkan layout untuk sistem, di mana kita akan
memanggil fail dbconfig.php, header.php dan footer.php.
2. Fail layout ini kita akan gunakan untuk membuat fail-fail lain selepas ini.
3. Pergi ke fail template.php. Padamkan isi di dalam fail tersebut, biarkan
kosong.
4. Pertama sekali kita akan memanggil fail untuk membuat sambungan ke
pangkalan data. Kita akan menggunakan include untuk memanggil fail.
5. Session merupakan data yang disimpan dalam suatu server yang dapat
digunakan secara global di server tersebut, dimana data tersebut spesifik
merujuk ke user/client tertentu, contoh penggunaan session adalah ketika
COZY HOMESTAY 16/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
user telah login di halaman tertentu, maka ketika membuka halaman lain,
php akan mengingat bahawa user tersebut telah login.
6. Seterusnya kita akan memanggil fail header.php.
7. Selepas header akan ada body untuk kandungan sistem. Selepas body kita
akan memanggil fail footer.php.
8. Kod fail template.php seperti berikut
1. Kita akan membuat sekatan pengguna iaitu memberi tahap capaian
keselamatan pada sistem / laman web.
2. Dalam fail template.php, tambahkan kod aturcara di bawah selepas baris
9.
COZY HOMESTAY 17/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
3. Klik butang Save (Ctrl + S)
4. Fail template.php selepas penambahan kod sekatan pengguna
1. Fail index.php biasanya adalah fail default untuk membuka laman web
(pelayan apache). Jika sistem diakses, secara automatik fail index.php akan
dipaparkan terlebih dahulu.
2. Untuk sistem ini, pekerja perlu log masuk sistem terlebih dahulu.
3. Fail log masuk akan kita jadikan index.php
4. Buat fail baru dan save sebagai index.php.
COZY HOMESTAY 18/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
Penerangan ringkas:
o input type=”text”, merupakan medan input teks pada satu baris.
o name=”nama”, menentukan nama elemen <input>. Atribut name
digunakan untuk merujuk elemen dalam JavaScript atau rujukan pada
data borang setelah borang dihantar.
o placeholder=”Username”, memberi petunjuk (hint) untuk membantu
pengguna memasukkan nilai yang betul pada medan input. Petunjuk
pendek dipaparkan di medan input sebelum pengguna memasukkan
nilai.
o br, merujuk kepada line break atau garisan baru.
o h6, merupakan heading tag. H6 merupakan saiz tulisan paling kecil.
o button type=”submit”, butang untuk menyerahkan data pada borang
(form) kepada form-handler. Form-handler biasanya merupakan
halaman pelayan dengan skrip untuk memproses input data. Form-
handler ditentukan dalam atribut form action.
o form action=” ”, menentukan di mana untuk menghantar data yang
diisi pada borang untuk diproses apabila borang dihantar (submit).
5. Kod penuh index.php pada muka surat sebelah. 19/53
COZY HOMESTAY
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1 <!-- Sistem Pengurusan Tempahan Homestay -->
2 <!-- Disediakan oleh :- sharenmemalyn@smkkinarut -->
3 <!-- File 05 : index.php (log masuk)-->
4
5 <!DOCTYPE html>
6 <html lang="en" dir="ltr">
7 <head>
8 <meta charset="utf-8">
9 <title>C O Z Y H O M E S T A Y</title>
10 <!-- sambungan fail css -->
11 <link rel="stylesheet" href="css/w3.css">
12 <!-- sambungan ke laman web font google -->
13 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
14
15 <!-- membuat css untuk menggunakan font google -->
16 <style>
17 .w3-tangerine {
18 font-family: 'Tangerine', serif;
19 }
20 </style>
21 </head>
22 <body>
23 <div class="w3-container w3-center" style="width:50%; margin: 0px auto;">
24 <p class="w3-tangerine w3-jumbo">Cozy Homestay</p>
25 <div class="w3-border">
26 <div class="w3-container w3-margin w3-indigo">
27 <p>Pengurusan Homestay</p>
28 <!-- BORANG LOG MASUK -->
29 <form action="proseslogin.php" method="post">
30 <input class="w3-input w3-center" type="text" name="nama"
placeholder="Username">
31 <input class="w3-input w3-center" type="password" name="pwd"
placeholder="Katalaluan">
32 <br>
33 <button class="w3-btn w3-blue" type="submit" name="login">LOG
MASUK</button>
34 <hr>
35 <h6><a href="daftarpekerja.php">Daftar Pekerja baru</a></h6>
36 </form>
37 <!-- TAMAT BORANG LOG MASUK -->
38 </div>
39 </div>
40 </div>
41 </body>
42 </html>
43
COZY HOMESTAY 20/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
6. Buat fail baru dan save sebagai proseslogin.php.
7. Fail ini untuk membuat proses log masuk.
8. Namakan pemboleh ubah untuk data yang diambil daripada form login.
$_POST[‘nama’] kena sama dengan name=”nama”. Jika
name=”namakamu” maka pada $_POST akan jadi $_POST[‘namakamu’].
9. Kod penuh proseslogin.php seperti berikut
COZY HOMESTAY 21/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1. Buat fail baru dan save sebagai daftarpekerja.php.
Penerangan ringkas:
o required, bermaksud elemen input wajib diisi dan tidak boleh dibiarkan
kosong.
o span, elemen inline (elemen yang tidak membentuk baris baru) yang
digunakan untuk mengelompokkan beberapa elemen yang bertujuan
untuk memudahkan gaya (dengan CSS).
o select, digunakan untuk membuat senarai drop-down. Tag option di
dalam elemen select menentukan pilihan dalam senarai.
2. Kod penuh untuk daftar masuk pada muka surat sebelah.
COZY HOMESTAY 22/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1 <!-- Sistem Pengurusan Tempahan Homestay -->
2 <!-- Disediakan oleh :- sharenmemalyn@smkkinarut -->
3 <!-- File 07 : daftarpekerja.php -->
4
5 <?php
6 // fail sambungan ke pangkalan data
7 include 'dbconfig.php';
8
9 // tetapkan error = false
10 $error = false;
11
12 // jika butang daftar diklik
13 if (isset($_POST['daftar'])) {
14 // tetapkan nama pembolehubah untuk data yang dimasukkan pekerja
15 $username = $_POST['username'];
16 $jawatan = $_POST['jawatan'];
17 $pwd = $_POST['pwd'];
18
19 // jika masukkan username mempunyai nombor atau simbol
20 if (!preg_match("/^[a-zA-Z ]+$/",$username)) {
21 $error = true;
22 $username_error = "Username mesti mengandungi hanya huruf dan ruang (space)";
23 }
24
25 // jika masukkan kata laluan kurang daripada 6 aksara
26 if(strlen($pwd) < 6) {
27 $error = true;
28 $pwd_error = "Kata Laluan minimum 6 aksara";
29 }
30
31 // jika masukkan kata laluan lebih daripada 12 aksara
32 if(strlen($pwd) > 12) {
33 $error = true;
34 $pwd_error = "Kata Laluan maksimum 12 aksara";
35 }
36
37 // tambah rekod baru ke jadual pekerja
38 if (!$error) {
39 if (mysqli_query($con, "INSERT INTO pekerja VALUES ('', '".$username."',
'".$jawatan."', '".$pwd."')")) {
40 // jika berjaya ditambah ke jadual pekerja, papar Daftar berjaya
41 echo "<script>alert('Daftar pekerja berjaya! Sila log masuk.');</script>";
42 } else {
43 // jika tidak berjaya ditambah ke jadual pekerja, papar Ralat
44 echo "<script>alert('Ralat! Sila daftar semula.');</script>";
45 }
46 }
47 }
48 ?>
49
50 <!-- USER INTERFACE -->
51 <!DOCTYPE html>
52 <html lang="en" dir="ltr">
53 <head>
54 <meta charset="utf-8">
55 <title>C O Z Y HOMESTAY</title>
56 <!-- sambungan fail css -->
57 <link rel="stylesheet" href="css/w3.css">
58 <!-- sambungan ke laman web font google -->
59 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
60
61 <!-- membuat css untuk menggunakan font google -->
COZY HOMESTAY 23/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
62 <style>
63 .w3-tangerine {
64 font-family: 'Tangerine', serif;
65 }
66 </style>
67 </head>
68 <body>
69 <div class="w3-container w3-center" style="width:50%; margin: 0px auto;">
70 <p class="w3-tangerine w3-jumbo">Cozy Homestay</p>
71 <div class="w3-border">
72 <div class="w3-container w3-margin w3-indigo">
73 <p>Daftar Pekerja Baru</p>
74 <!-- BORANG UNTUK PENDAFTARAN PEKERJA -->
75 <form action="daftarpekerja.php" method="post">
76 <input class="w3-input w3-center" type="text" name="username" required
placeholder="Nama Pekerja" value="<?php if($error) echo $username; ?>">
77 <span style="color:red"><?php if (isset($username_error)) echo
$username_error; ?></span>
78 <select class="w3-select w3-border" name="jawatan">
79 <option value="" disabled selected>Jawatan</option>
80 <option value="Supervisor">Supervisor</option>
81 <option value="Manager">Manager</option>
82 </select>
83 <input class="w3-input w3-center" type="password" name="pwd" required
placeholder="Katalaluan" value="<?php if($error) echo $pwd; ?>">
84 <span style="color:red"><?php if (isset($pwd_error)) echo $pwd_error; ?>
</span>
85 <br>
86 <button class="w3-btn w3-red" type="submit"
name="daftar">+DAFTAR</button>
87 <hr>
88 <h6><a href="index.php">Log Masuk di sini</a></h6>
89 </form>
90 <!-- TAMAT BORANG PENDAFTARAN PEKERJA -->
91 </div>
92 </div>
93 </div>
94 </body>
95 </html>
96
COZY HOMESTAY 24/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1. Buat fail baru dan simpan sebagai logout.php
2. Fail ini akan menghapuskan semua sesi.
3. Kod aturcara penuh seperti berikut :
1. Pada fail template.php, save as sebagai addbilik.php.
2. Fail ini untuk menambah rekod maklumat bilik.
3. Kod aturacara pada muka surat sebelah. 25/53
COZY HOMESTAY
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1 <!-- Sistem Pengurusan Tempahan Homestay -->
2 <!-- Disediakan oleh :- sharenmemalyn@smkkinarut -->
3 <!-- File 09 : addbilik.php -->
4
5 <?php
6 // fail sambungan ke pangkalan data
7 include 'dbconfig.php';
8 // mulakan session
9 session_start();
10
11 // sekatan pengguna - jika tiada pengguna yang log masuk
12 if(!isset($_SESSION['user'])) {
13 // ke laman index.php untuk log masuk
14 header('location:index.php');
15 }
16 ?>
17
18 <!-- sambungan pada header.php ----->
19 <?php include 'header.php'; ?>
20
21 <!-- <body> / isi kandungan ----->
22 <div class="w3-content w3-section w3-center">
23 <br>
24 <p>DAFTAR BILIK HOMESTAY</p>
25 <p>| COZY HOMESTAY |</p>
26 <br>
27 <!-- BORANG TAMBAH BILIK -->
28 <form action="addbilik.php" method="post">
29 <table class="w3-table w3-border">
30 <tr>
31 <td>Jenis Bilik</td>
32 <td>
33 <input class="w3-input" type="text" name="jnsbilik" required
placeholder="Jenis Bilik">
34 </td>
35 </tr>
36 <tr>
37 <td>Harga Bilik</td>
38 <td>
39 <input class="w3-input" type="text" name="harga" required
placeholder="Harga Bilik">
40 </td>
41 </tr>
42 <tr>
43 <td colspan="2">
44 <center>
45 <button class="w3-button w3-indigo" type="submit" name="tambah">+DAFTAR
BILIK</button>
46 </center>
47 </td>
48 </tr>
49 </table>
50 </form>
51 <!-- TAMAT BORANG TAMBAH BILIK -->
52 <br>
53 <!-- butang untuk import fail csv -->
54 <a href="importfile.php"><button class="w3-button w3-indigo">+IMPORT DATA</button>
</a>
55 </div>
56
57 <!-- PROSES MEMASUKKAN REKOD KE PANGKALAN DATA -->
58 <?php
COZY HOMESTAY 26/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
59 // jika butang tambah diklik
60 if (isset($_POST['tambah'])) {
61 // tetapkan nama pembolehubah untuk data yang dimasukkan pekerja
62 $jnsbilik = $_POST['jnsbilik'];
63 $harga = $_POST['harga'];
64
65 // tambah rekod baru ke jadual bilik
66 $query = "INSERT INTO bilik VALUES('', '".$jnsbilik."', '".$harga."')";
67 $result = mysqli_query ($con, $query);
68
69 if ($result == true) {
70 // paparan jika berjaya masuk ke jadual
71 echo '<script>alert("Maklumat bilik berjaya didaftarkan")</script>';
72 } else {
73 // paparan jika tidak berjaya masuk ke jadual
74 echo '<script>alert("Sila daftar sekali lagi.")</script>';
75 }
76 }
77 ?>
78 <!-- TAMAT PROSES -->
79 <!-- <body> / isi kandungan tamat ----->
80 <!-- sambungan pada footer.php ----->
81 <?php include 'footer.php'; ?>
82
COZY HOMESTAY 27/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1. Pada fail template.php, save as sebagai senaraibilik.php.
2. Fail ini untuk memaparkan semua senarai bilik yang terdapat pada jadual
bilik dalam pangkalan data cozy.
Penerangan ringkas:
o table, untuk membungkus jadual. border=”1” digunakan untuk
menyesuaikan ketebalan garisan (border) jadual. Jika atribut ini tidak
ditulis, pelayar web akan memaparkan jadual tanpa garisan. tr
merupakan table row untuk membuat baris. th merupakan table head
untuk membuat tajuk pada header jadual. td merupakan table data
untuk membuat sel.
Penerangan ringkas:
o a href=”kemaskinibilik.php?id=’.$row[‘idbilik’].’ ” merupakan pautan url
untuk menghantar data idbilik apabila pautan KEMASKINI diklik.
3. Kod aturcara penuh di muka surat sebelah. 28/53
COZY HOMESTAY
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1 <!-- Sistem Pengurusan Tempahan Homestay -->
2 <!-- Disediakan oleh :- sharenmemalyn@smkkinarut -->
3 <!-- File 10 : senaraibilik.php -->
4
5 <?php
6 // fail sambungan ke pangkalan data
7 include 'dbconfig.php';
8 // mulakan session
9 session_start();
10
11 // sekatan pengguna - jika tiada pengguna yang log masuk
12 if(!isset($_SESSION['user'])) {
13 // ke laman index.php untuk log masuk
14 header('location:index.php');
15 }
16 ?>
17
18 <!-- sambungan pada header.php ----->
19 <?php include 'header.php'; ?>
20
21 <!-- <body> / isi kandungan ----->
22 <!-- USER INTERFACE -->
23 <br>
24 <div class="w3-container w3-border w3-center">
25 <div class="w3-panel w3-purple">
26 <p>Senarai Bilik Homestay</p>
27 <p>| COZY HOMESTAY |</p>
28 </div>
29 <!-- TABLE MEMAPARKAN SENARAI BILIK -->
30 <table class="w3-table w3-border w3-centered" border="1">
31 <tr>
32 <th>Bil</th>
33 <th>ID Bilik</th>
34 <th>Jenis Bilik</th>
35 <th>Harga</th>
36 <th>Kemaskini</th>
37 </tr>
38 <tr>
39 <?php
40 // mendapatkan data dari jadual tempahan dan bilik
41 $sql = mysqli_query($con, "SELECT * FROM bilik");
42 // jika tidak terdapat data
43 if (mysqli_num_rows($sql) == 0) {
44 echo '<tr><td colspan="5">Tiada rekod data dijumpai!</td></tr>';
45 } else {
46 $no = 1;
47 while ($row = mysqli_fetch_array($sql)) {
48 echo '<tr>';
49 echo '<td>'.$no.'</td>';
50 echo '<td>'.$row['idbilik'].'</td>';
51 echo '<td>'.$row['jnsbilik'].'</td>';
52 echo '<td>RM '.$row['harga'].'</td>';
53 echo '<td><a href="kemaskinibilik.php?id='.$row['idbilik'].'">| KEMASKINI |
</a></td>';
54 echo '<tr>';
55 // membuat nombor berurutan
56 $no++;
57 }
58 }
59 ?>
60 </tr>
61 </table>
COZY HOMESTAY 29/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1. Pada fail template.php, save as sebagai kemaskinibilik.php.
2. Fail ini untuk mengemaskini maklumat bilik yang sudah disimpan dalam
jadual bilik pada pangkalan data cozy.
Penerangan ringkas:
o $_GET[‘id’], merupakan id yang diterima / didapati hasil daripada url
dari fail senaraibilik.php apabila pautan KEMASKINI diklik.
Penerangan ringkas:
o readonly, bermaksud elemen input hanya boleh dibaca (read only) dan
tidak boleh diedit.
3. Kod aturcara penuh pada muka surat sebelah. 30/53
COZY HOMESTAY
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1 <!-- Sistem Pengurusan Tempahan Homestay -->
2 <!-- Disediakan oleh :- sharenmemalyn@smkkinarut -->
3 <!-- File 11 : kemaskinibilik.php -->
4
5 <?php
6 // fail sambungan ke pangkalan data
7 include 'dbconfig.php';
8 // mulakan session
9 session_start();
10
11 // sekatan pengguna - jika tiada pengguna yang log masuk
12 if(!isset($_SESSION['user'])) {
13 // ke laman index.php untuk log masuk
14 header('location:index.php');
15 }
16
17 $id = $_GET['id'];
18 ?>
19
20 <!-- sambungan pada header.php ----->
21 <?php include 'header.php'; ?>
22
23 <!-- <body> / isi kandungan ----->
24 <?php
25 $query = mysqli_query($con, "SELECT * FROM bilik WHERE idbilik = '".$id."' ");
26 $row = mysqli_fetch_array($query);
27 ?>
28 <!-- USER INTERFACE -->
29 <div class="w3-content w3-center">
30 <br>
31 <p>DAFTAR BILIK HOMESTAY</p>
32 <p>| COZY HOMESTAY |</p>
33 <br>
34 <!-- BORANG TAMBAH BILIK -->
35 <form action="kemaskinibilik.php" method="post">
36 <table class="w3-table w3-border">
37 <tr>
38 <td>ID Bilik</td>
39 <td>
40 <input class="w3-input" type="text" name="up_idbilik" value="<?php echo
$row['idbilik']?>" readonly>
41 </td>
42 </tr>
43 <tr>
44 <td>Jenis Bilik</td>
45 <td>
46 <input class="w3-input" type="text" name="up_jnsbilik" value="<?php echo
$row['jnsbilik']?>">
47 </td>
48 </tr>
49 <tr>
50 <td>Harga Bilik</td>
51 <td>
52 <input class="w3-input" type="text" name="up_harga" value="<?php echo
$row['harga']?>">
53 </td>
54 </tr>
55 <tr>
56 <td colspan="2">
57 <center>
58 <button class="w3-button w3-indigo" type="submit"
name="kemaskini">+KEMASKINI</button>
COZY HOMESTAY 31/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
59 </center>
60 </td>
61 </tr>
62 </table>
63 </form>
64 <!-- TAMAT BORANG TAMBAH BILIK -->
65 <br>
66 <!-- USER INTERFACE TAMAT -->
67
68 <?php
69 /* PROSES KEMASKINI MAKLUMAT BILIK */
70 if (isset($_POST['kemaskini'])) {
71 $up_idbilik = $_POST['up_idbilik'];
72 $up_jnsbilik = $_POST['up_jnsbilik'];
73 $up_harga = $_POST['up_harga'];
74
75 // kemaskini rekod dalam jadual bilik
76 $updateqry = mysqli_query($con, "UPDATE bilik SET idbilik='".$up_idbilik."',
jnsbilik='".$up_jnsbilik."', harga='".$up_harga."' WHERE idbilik =
'".$up_idbilik."'");
77
78 // paparan rekod bilik berjaya dikemaskini
79 echo "<script>alert('Maklumat bilik berjaya dikemaskini')
80 window.location = 'senaraibilik.php'</script>";
81 }
82 /* PROSES KEMASKINI TAMAT */
83 ?>
84 <!-- <body> / isi kandungan tamat ----->
85
86 <!-- sambungan pada footer.php ----->
87 <?php include 'footer.php'; ?>
88
COZY HOMESTAY 32/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1. Pada fail template.php, save as sebagai import.php.
2. Fail ini membolehkan kita untuk memuat naik fail format csv dan
seterusnya menambah rekod data yang terdapat pada fail csv tersebut
masuk ke dalam jadual pada pangkalan data.
3. Untuk kod import.php ini boleh dimuat turun dari gg.gg/modul19.
Penerangan ringkas:
o $_FILES[‘fail’][‘name’], [‘fail’] merujuk kepada nama pada atribut name
di input. Jika name=”file” maka nama pada $_FILES akan menjadi
$_FILES[‘file’][‘name’].
4. Kod aturcara penuh pada muka surat sebelah.
COZY HOMESTAY 33/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1 <!-- Sistem Pengurusan Tempahan Homestay -->
2 <!-- Disediakan oleh :- sharenmemalyn@smkkinarut -->
3 <!-- File 12 : importfile.php -->
4
5 <?php
6 // fail sambungan ke pangkalan data
7 include 'dbconfig.php';
8 // mulakan session
9 session_start();
10
11 // sekatan pengguna - jika tiada pengguna yang log masuk
12 if(!isset($_SESSION['user'])) {
13 // ke laman index.php untuk log masuk
14 header('location:index.php');
15 }
16 ?>
17
18 <!-- sambungan pada header.php ----->
19 <?php include 'header.php'; ?>
20
21 <!-- <body> / isi kandungan ----->
22 <br>
23 <div class="w3-card-4 w3-center" style="width:40%; margin: 0px auto;">
24 <h3>Import Data Bilik</h3>
25 <p>| Cozy Homestay |</p>
26 <hr>
27 <!-- BORANG UNTUK MUAT NAIK FAIL CSV -->
28 <form class="w3-panel" action="" method="post" enctype="multipart/form-data">
29 <label>Fail CSV</label>
30 <input class="w3-input w3-border" type="file" name="fail">
31 <br>
32 <button class="w3-btn w3-indigo" type="submit" name="import">+IMPORT</button>
33 <hr>
34 </form>
35 <!-- TAMAT BORANG UNTUK MUAT NAIK FAIL CSV -->
36 </div>
37
38 <!-- proses memasukkan rekod dari fail csv ke pangkalan data --->
39 <?php
40 // jika butang import diklik
41 if(isset($_POST['import'])) {
42 if($_FILES['fail']['name']) {
43 $filename = explode(".", $_FILES['fail']['name']);
44 // semak jika fail csv
45 if($filename[1] == 'csv') {
46 $handle = fopen($_FILES['fail']['tmp_name'], "r");
47 fgetcsv($handle);
48 while($data = fgetcsv($handle)) {
49 // tambah rekod ke jadual bilik
50 $query = "INSERT INTO bilik VALUES ('$data[0]','$data[1]','$data[2]')";
51 mysqli_query($con, $query);
52 }
53 fclose($handle);
54 // paparan jika rekod berjaya masuk jadual
55 echo "<script>alert('Data berjaya direkodkan!');</script>";
56 }
57 }
58 }
59 ?>
60 <!-- tamat proses -->
61 <!-- <body> / isi kandungan tamat ----->
62 <!-- sambungan pada footer.php ----->
COZY HOMESTAY 34/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1. Pada fail template.php, save as sebagai tempahan.php.
2. Fail ini membolehkan kita merekod tempahan yang ditempah oleh
pelanggan.
3. Kod aturcara penuh pada muka surat sebelah.
COZY HOMESTAY 35/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1 <!-- Sistem Pengurusan Tempahan Homestay -->
2 <!-- Disediakan oleh :- sharenmemalyn@smkkinarut -->
3 <!-- File 13 : tempahan.php -->
4
5 <?php
6 // fail sambungan ke pangkalan data
7 include 'dbconfig.php';
8 // mulakan session
9 session_start();
10
11 // sekatan pengguna - jika tiada pengguna yang log masuk
12 if(!isset($_SESSION['user'])) {
13 // ke laman index.php untuk log masuk
14 header('location:index.php');
15 }
16 ?>
17
18 <!-- sambungan pada header.php ----->
19 <?php include 'header.php'; ?>
20
21 <!-- <body> / isi kandungan ----->
22 <div class="w3-content w3-center">
23 <br>
24 <p>TEMPAHAN PELANGGAN</p>
25 <p>| COZY HOMESTAY |</p>
26 <br>
27 <!-- BORANG TEMPAHAN PELANGGAN -->
28 <form action="prosestempahan.php" method="post">
29 <table class="w3-table w3-border">
30 <tr>
31 <td>Nama Pelanggan</td>
32 <td>
33 <input class="w3-input" type="text" name="namapelanggan" required>
34 </td>
35 </tr>
36 <tr>
37 <td>No. Tel. Pelanggan</td>
38 <td>
39 <input class="w3-input" type="text" name="notel" required>
40 </td>
41 </tr>
42 <tr>
43 <td>Jenis Bilik</td>
44 <td>
45 <select class="w3-select" name="idbilik">
46 <option></option>
47 <?php
48 // mendapatkan data daripada jadual bilik
49 $query="SELECT * FROM bilik";
50 $result=mysqli_query($con, $query);
51 $menu="";
52 while ($row=mysqli_fetch_array($result)) {
53 $menu .= "<option value=". $row['idbilik'] . ">" . $row['jnsbilik'] .
" | RM" . $row['harga'] . "</option>";
54 }
55 echo $menu;
56 ?>
57 </select>
58 </td>
59 </tr>
60 <tr>
61 <td>Check-In</td>
COZY HOMESTAY 36/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
62 <td>
63 <input class="w3-input" type="date" name="tarikhmasuk" required>
64 </td>
65 </tr>
66 <tr>
67 <td>Check-Out</td>
68 <td>
69 <input class="w3-input" type="date" name="tarikhkeluar" required>
70 </td>
71 </tr>
72 <tr>
73 <td colspan="2">
74 <center>
75 <button class="w3-button w3-indigo" type="submit"
name="tambah">+TEMPAH</button>
76 </center>
77 </td>
78 </tr>
79 </table>
80 <?php
81 ?>
82 </form>
83 <!-- TAMAT BORANG TEMPAHAN PELANGGAN -->
84 </div>
85 <!-- <body> / isi kandungan tamat ----->
86 <!-- sambungan pada footer.php ----->
87 <?php include 'footer.php'; ?>
88
COZY HOMESTAY 37/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1. Pada fail template.php, save as sebagai prosestempahan.php.
2. Fail ini memproses data dari fail tempahan.php untuk mengira jumlah
bayaran dan juga memasukkan rekod ke dalam jadual pada pangkalan
data.
3. Kod aturcara penuh.
COZY HOMESTAY 38/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
COZY HOMESTAY 39/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1. Pada fail template.php, save as sebagai senarai.php.
2. Fail ini akan menyenaraikan semua pelanggan yang telah membuat
tempahan homestay.
3. Kod aturcara penuh pada muka surat sebelah.
COZY HOMESTAY 40/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1 <!-- Sistem Pengurusan Tempahan Homestay -->
2 <!-- Disediakan oleh :- sharenmemalyn@smkkinarut -->
3 <!-- File 15 : senarai.php -->
4
5 <?php
6 // fail sambungan ke pangkalan data
7 include 'dbconfig.php';
8 // mulakan session
9 session_start();
10
11 // sekatan pengguna - jika tiada pengguna yang log masuk
12 if(!isset($_SESSION['user'])) {
13 // ke laman index.php untuk log masuk
14 header('location:index.php');
15 }
16 ?>
17
18 <!-- sambungan pada header.php ----->
19 <?php include 'header.php'; ?>
20
21 <!-- <body> / isi kandungan ----->
22 <br>
23 <div class="w3-container w3-border w3-center">
24 <div class="w3-panel w3-purple">
25 <p>Senarai Tempahan Pelanggan</p>
26 <p>| COZY HOMESTAY |</p>
27 </div>
28 <!-- TABLE MEMAPARKAN DATA TEMPAHAN PELANGGAN -->
29 <table class="w3-table w3-border w3-centered" border="1">
30 <tr>
31 <th>Bil</th>
32 <th>No Tempahan</th>
33 <th>Nama</th>
34 <th>No Tel</th>
35 <th>Jenis Bilik</th>
36 <th>Daftar Masuk</th>
37 <th>Daftar Keluar</th>
38 <th>Bil. Hari</th>
39 <th>Batal Tempahan</th>
40 </tr>
41 <tr>
42 <?php
43 // mendapatkan data dari jadual tempahan dan bilik
44 $sql = mysqli_query($con, "SELECT tempahan.*, bilik.* FROM tempahan, bilik
WHERE tempahan.idbilik = bilik.idbilik");
45 // jika tidak terdapat data
46 if (mysqli_num_rows($sql) == 0) {
47 echo '<tr><td>Tiada rekod data dijumpai!</td></tr>';
48 } else {
49 $no = 1;
50 while ($row = mysqli_fetch_array($sql)) {
51 echo '<tr>';
52 echo '<td>'.$no.'</td>';
53 echo '<td><a href="resitpelanggan.php?
id='.$row['notempahan'].'">'.$row['notempahan'].'</a></td>';
54 echo '<td>'.$row['namapelanggan'].'</td>';
55 echo '<td>'.$row['notel'].'</td>';
56 echo '<td>'.$row['jnsbilik'].'</td>';
57 echo '<td>'.date('d.m.Y', strtotime($row['tarikhmasuk'])).'</td>';
58 echo '<td>'.date('d.m.Y', strtotime($row['tarikhkeluar'])).'</td>';
59 echo '<td>'.$row['bilhari'].'</td>';
COZY HOMESTAY 41/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
60 echo '<td><a href="delete.php?id='.$row['notempahan'].'">| PADAM |</a>
</td>';
61 echo '<tr>';
62 // bilangan nombor bertambah 1 selagi terdapat rekod
63 $no++;
64 }
65 }
66 ?>
67 </tr>
68 </table>
69 <!-- TAMAT TABLE -->
70 <br>
71 </div>
72 <!-- <body> / isi kandungan tamat ----->
73 <!-- sambungan pada footer.php ----->
74 <?php include 'footer.php'; ?>
75
COZY HOMESTAY 42/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1. Buat fail baru dan save sebagai resitpelanggan.php
2. Fail ini akan menjana resit pelanggan yang mengandungi maklumat
tempahan pelanggan.
3. Kod aturcara penuh.
COZY HOMESTAY 43/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1. Buat fail baru dan save sebagai delete.php.
2. Fail ini akan menghapuskan maklumat pelanggan.
3. Kod aturcara penuh pada muka surat sebelah. 44/53
COZY HOMESTAY
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1 <!-- Sistem Pengurusan Tempahan Homestay -->
2 <!-- Disediakan oleh :- sharenmemalyn@smkkinarut -->
3 <!-- File 17 : delete.php -->
4
5 <?php
6 // fail sambungan ke pangkalan data
7 include 'dbconfig.php';
8 // mulakan session
9 session_start();
10
11 // dapatkan notempahan daripada url senarai.php
12 if (isset($_GET['id'])) {
13 // namakan pembolehubah
14 $id = $_GET['id'];
15
16 // hapuskan rekod pada jadual tempahan berdasarkan no tempahan
17 mysqli_query($con, "DELETE FROM tempahan WHERE notempahan = '".$id."'");
18 echo "<script>alert('Rekod berjaya dihapuskan');
19 window.location='senarai.php'</script>";
20 } else {
21 echo "<script>alert('Sila cuba sebentar lagi!');
22 window.location='senarai.php'</script>";
23 }
24 ?>
25
COZY HOMESTAY 45/53
MODUL SISTEM PENGURUSAN TEMPAHAN HOMESTAY
1. Pada fail template.php, save as sebagai carian.php
2. Fail ini untuk carian rekod tempahan semua pelanggan berdasarkan bulan
yang dipilih.
3. Kod aturcara penuh pada muka surat sebelah.
COZY HOMESTAY 46/53