enuazizah@gmail.com

JOBSHEET Koneksi PHP dan MySQL (Bagian 2)

Mata Pelajaran Web Programming

Kelas XII RPL

Sub Materi:

1. Perintah koneksi antara basisdata dan php

2. Perintah SQL menampilkan data dari basisdata ke dalam web

Persiapan :

1. Persiapkan XAMPP dan pastikan bahwa Apache berjalan.

2. Persiapkan dreamweaver

3. Persiapkan Web browser

4. Folder yang digunakan masih menggunakan folder

xampp/htdocs/belajar_koneksi

Langkah Praktikum:

A. Membuat file untuk menampilkan data dari basisdata

1. Buka dreamweaver > pilih php

2. Ketikkan perintah PHP berikut di antara tag HTML dan

3. Simpan dengan nama tampilsiswa.php di folder belajar_koneksi

4. Untuk melihat hasilnya ketikkan pada address bar:

enuazizah@gmail.com

5. Hasilnya seperti di bawah ini

Tampilan di atas terjadi karena tidak ada spasi/ garis baru.

6. Untuk mengubah tampilan menjadi lebih rapi, tambahkan seperti di bawah

ini

7. Save kembali file tampilsiswa.php,

8. Jalankan kembali file di webbrowser tadi (atau tekan F5), maka hasilnya seperti

di bawah ini

enuazizah@gmail.com

B. Membuat tabel untuk menampilkan data lebih rapi

Walaupun terlihat lebih rapi tampilan di atas, namun tampilan di atas masih belum

efektif. Oleh karena itu dibutuhkan sebuah tabel untuk merapikannya

9. Masih bekerja pada file tampilsiswa.php

10. Masukkan tabel dengan cara klik menu Layout klik ikon Table atau klik

menu insert table

11. Isikan tabel seperti di bawah

12. Klik OK

13. Buat Tabel sehingga seperti di bawah

enuazizah@gmail.com

14. Ubah skrip php sebelumnya menjadi

15. Jalankan kembali tampilsiswa.php, hasilnya seperti dibawah ini

Silakan lakukan hal yang sama untuk menampilkan isi tabel buku (tampilbuku.php) dan isi tabel

peminjaman (tampilpinjam.php)

Cemanget lagi eaa!