Membuat Website Dinamis - WordPress.com

Membuat Database di MySQL 1. Aktifkan Apache dan MySql yang ada pada XAMPP 2. Buka browser dan ketikkan alamat ” http://localhost/phpmyadmin/” 3. Buat database baru a. Tuliskan nama database “penginapan” b. Klik tombol “Ciptakan”

4. Buat 4 tabel dengan struktur sebagai berikut: a. table kamar

b. tabel pelanggan

c. tabel petugas

d. sewa

5. Relasikan antar tabel seperti dibawah ini

a. Pilih tabel sewa b. Pilih tab struktur

c. Tambahkan index pada setiap foreign key, yaitu pada field kode_pelanggan, kode_kamar dan kode_petugas.

d. Pilih tamppil relasi, sesuaikan foreign key kemudian simpan seperti gambar dibawah ini.

6. Tambahkan data/record pada setiap tabel a. Pilih tabel yang akan di tambahkan data

b. Pilih tab sisipkan/insert kemudian masukkan data sesuai dengan tipe data pada setiap field tabel. Untuk field yang nilainya auto increment maka dikosongkan saja.

c. Ulangi langkah a dan b pada semua tabel dan tabel sewa harus di isi paling terakhir.

Membuat aplikasi berbasis web Buatlah folder dengan nama “penginapan” di dalam folder htdocs di dalam xampp dan simpanlah file yang akan dibuat di dalam folder penginapan. 1. Membuat file index.php Tuliskan kode berikut dan simpan dengan nama index.php

File index.php adalah file yang akan di jalankan pertama kali ketika aplikasi dijalankan atau ketika mengakses folder penginapan. Tulisan yang berwarna orange tidak perlu ditulis karena merupakan penjelasan dari baris kode. 2. Membuat file form_login.php a. Buat folder dengan nama “gambar” di dalam folder penginapan. Letakkan file gambar di dalam folder gambar dengan nama “admin.png” b. Tuliskan kode berikut dan simpan dengan nama form_login.php

File form_login.php berisi form login untuk masuk ke aplikasi. Lihat hasil di browser dengan mengetikkan alamat “http://localhost/penginapan”

3. Membuat file koneksi.php Tuliskan kode berikut dan simpan dengan nama koneksi.php

File koneksi diperlukan untuk menghubungkan aplikasi dengan database. File ini akan di panggil setiap kali melakukan query.

4. Membuat file proses_login.php Tuliskan kode berikut dan simpan dengan nama proses_login.php

Jika kode_petugas dan password sesuai dengan data yang ada pada tabel petugas di dalam database maka akan membuat session yang akan disimpan pada browser. Session ini nantinya akan digunakan untuk membatasi akses pada semua file yang dibuat sehingga jika session ini belum dibuat maka file atau aplikasi tidak dapat di jalankan. 5. Membuat file hal_utama.php Tuliskan kode berikut dan simpan dengan nama hal_utama.php

File hal_utama.php merupakan halaman tempat untuk menampilkan isi dari file-file yang lain yang akan dibuat. 6. Membuat file selamat_datang.php Tuliskan kode berikut dan simpan dengan nama selamat_datang.php

File selamat_datang.php adalah file yang akan ditampilkan pertama kali dalam hal_utama.php karena merupakan default dari switch-case.

7. Membuat file data_kamar.php Tuliskan kode berikut dan simpan dengan nama data_kamar.php

File data_kamar.php dibuat untuk menampilkan data kamar 8. Membuat form_tambah_kamar.php Tuliskan kode berikut dan simpan dengan nama form_tambah_kamar.php

File form_tambah_kamar.php merupakan form tempat mengisikan data kamar yang akan ditambahkan ke dalam database. 9. Membuat proses_tambah_kamar.php Tuliskan kode berikut dan simpan dengan nama proses_tambah_kamar.php

File proses_tambah_kamar.php merupakan file yang memproses penambahan data kamar, ketika file ini di akses jugadi beri kiriman data dari form_tambah_kamar.php

10. Membuat form_edit_kamar.php Tuliskan kode berikut dan simpan dengan nama form_edit_kamar.php

File form_edit_kamar.php merupakan form tempat mengedit data kamar. Ketika di akses, file ini juga di beri kiriman data kode data kamar yang akan di edit. 11. Membuat file proses_edit_kamar.php Tuliskan kode berikut dan simpan dengan nama proses_edit_kamar.php

File proses_edit_kamar.php merupakan file yang memproses perubahan data kamar yang lama dengan data kamar yang baru.

12. Membuat file proses_hapus_kamar.php Tuliskan kode berikut dan simpan dengan nama proses_hapus_kamar.php

File ini digunakan untuk menghapus data kamar di dalam database. Ketika file ini di akses juga diberi kiriman kode data kamar yang akan di hapus. 13. Membuat file keluar.php Tuliskan kode berikut dan simpan dengan nama keluar.php

Ketika file ini di akses maka session_petugas akan dihapus dari browser sehingga tidak dapat mengakses aplikasi atau hal_utama.php 14. Menambahkan kode session pada semua file atau hanya pada hal_utama.php Tambahkan dua baris kode di bawah ini pada hal_utama.php bagian paling atas. Yaitu baris no 3 dan 4

Kode ini digunakan untuk memeriksa apakah session_petugas sudah dibuat, jika belum maka halaman ini tidak boleh di akses. 15. Buatlah pengolahan untuk data petugas dan pelanggan 16. Buatlah form untuk dapat melakukan transaksi sewa. Hasil: