Anda di halaman 1dari 4

JOBSHEET

Koneksi PHP dan MySQL (Bagian 4)


Mapel Desain Multimedia Interaktif
Kelas XII Mulimedia
Sub Materi:

1. Perintah koneksi antara basisdata dan php


2. Perintah SQL memasukkan data yang ada dalam sebuah tabel ke tabel lain

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 memasukkan data ke dalam tabel peminjaman (pinjam.php)


1. Buka dreamweaver > php dan buat seperti di bawah
2. Kode HTML semua tidak perlu dihapus! Tapi di bawah kode <body>, ketikkan:

3. Buat tampilan disain dreamweaver seperti di bawah:

Buka kembali Jobsheet 1 untuk mengetahui langkah membuat tampilan


di atas!
4. Ganti Action form dengan tambahpinjam.php

enuazizah@gmail.com
5. Klik List Menu Judul Buku, kemudian ganti name= No_Buku

6. Di antara <select Dame=No_Buku> dan </select> ketikkan :

7. Klik List Menu NIS, kemudian ganti name=NIS

8. Di antara <select Dame=NIS> dan </select>ketikkan :

9. Klik inputan yang ada di pinggir Tanggal Pinjam, kemudian ganti dan
tambahkan kodenya menjadi:

10. Klik inputan yang ada di pinggir Tanggal Wajib Dikembalikan, kemudian
ganti dan tambahkan kodenya menjadi:

11. Simpan dengan nama pinjam.php

enuazizah@gmail.com
B. Membuat fileaksi menambahkan data ke dalam tabel peminjaman
12. Buka dreamweaver
13. Pilih php
14. Hapus semua kode HTML dan ketikkan kode php di bawah ini:

15. Simpan dengan nama tambahpinjam.php

Catatan:

Perintah Header di atas berguna untuk masuk ke halaman secara otomatis. Contoh
Location:pinjam.php maka setelah perintah delete maka akan secara otomatis masuk ke
halaman pinjam .php

Coba jika dihapus header(“location:tampilsiswa.php”), maka setelah perintah


memasukkan data peminjaman, dia akan tetap berada di file tambahpinjam.php
(tampilan kosong)

C. Mengubah halaman index.php


16. Buka file Index.php

17. Klik Kanan di sel Tambah Buku

enuazizah@gmail.com
18. Pilih Table Insert Column
19. Ketikkan Peminjaman pada sel tersebut, kemudi tambahkan link dengan cara:
20. Blok tulisan Peminjaman

21. Pada properties bagian bawah pilih Link, klik pilih pinjam.php
22. Atau langsung ketikkan pinjam.php

23. Hasilnya:

24. Maka ada link tambahan dalam file index.php

enuazizah@gmail.com

Anda mungkin juga menyukai