Web Ii Pert 1-2.docx

Pertemuan Ke 1 & 2 Materi: - Membuat database dan table - Membuat Koneksi Site - Membuat Koneksi database

Membuat Database Pastikan XAMPP telah running.

Pastikan bahwa XAMPP anda telah Running

Buka browser anda, pada modul ini Kita menggunakan Mozilla Firefox

1

Pada Address ketikkan http://localhost/phpmyadmin/

Maka akan tampil seperti dibawah ini

Buat database baru dengan nama dbbelajar

Hasilnya :

Nama database boleh bebas asal tidak ada spasi

2

Buat Table Baru berita klik tombol Go

Buatlah seperti dibawah ini

Jika telah selesai klik Simpan Kemudian buat juga table seperti dibawah ini

3

Setelah semuanya dibuat maka pada Windows Explorer akan terbentuk folder baru seperti dibawah ini :

Folder akan terbentuk sesuai dengan nama database yang kita buat pada contoh ini adalah dbbelajar

4

Membuat Koneksi Site Langkah penting yang harus dilakukan selanjutnya adalah membuat koneksi, langkah ini pentinng karena apabila koneksi berhasil maka langkah selanjutnya akan mudah Sebelum membuat koneksi kita harus membuat folder terlebih dahulu di folder htdocs yang ada pada folder XAMPP misalnya : belajarweb

Sampai disini kita sudah membuat dua buah folder yaitu :

- dbbelajar - belajarweb

: XAMPP\mysql\data : XAMPP\htdocs

Ingat.... folder ini lah yang nantinya akan menjadi modal kita pada saat mambuat web, jadi kita kan selalu menggunakan dua buah folder ini, OKEY.....

5

Buka Macromedia Dreamweaver, sebagai info pada tutorial ini penulis menggunakan Macromedia dreamweaver 2004, untuk versi diatasnya kurang lebih sama dengan versi ini.

Dari menu [Site] > [Manage Site]

Akan tampil seperti dibawah ini:

Klik tombol New kemudian pilih Site

6

Akan ditampilkan seperti dibawah ini, biasanya yang akan ditampilkn pertama kali adalah type Basic, ubah menjadi tipe Advanced pilihTab Advanced

Hasilnya :

7

Pada pilihan Local Info, kita diminta untuk memasukkan lokasi yang ada pada htdocs

Nama site boleh bebas dan boleh menggunakan spasi

Ini adalah lokasi yang ada di folder htdocs

HTTP addres diisi sesuai dengan nama folder yang kita buat di htdocs diawali dengan http://localhost/, jika nama foldernya Data maka diketik http://localhost/data, jika Aku maka http://localhost/aku Dan seterusnya......

8

Pada Remote Info, ubah settingan seperti dibawah ini

Pada Pilihan Acces kita memilih Local/Network karena kita menggunakan database Local

Remote folder diisi data yang lokasinya pada Xampp\mysql\data atau lokasi database yang dibuat

9

Pada Pilihan server model kita pilih PHP MySQL karena yang kita gunakan adalah PHP dan MySQL, kita memilih Local/Network karena kita menggunakan database Local

Testing server Folder diisi data yang lokasinya pada Xampp\mysql\data atau lokasi database yang dibuat, biasanya ini akan otomatis ditampilkan jika langkah sebelumnya sudah dilakukan

URL Pefix diisi nama folder yang ada pada htdocs, ditambah dengan http://localhost/ diawalnya

10

Setelah selesai langkah diatas, klik OK maka akan tampil seperti dibawah ini

Klik Done untuk menyelesaikan langkah ini, maka pada panel Files akan tampil data seperti pada gambar dibawah ini

11

Membuat Koneksi Database Buat dahulu satu buah file pada koneksi yang sudah kita buat, dengan cara klik kanan pilih New File

Klik kanan disini

Ubah nama file tersebut misalnya index.php

Setelah dibuat, Klik ganda file tersebut sehingga ditampilkan area kerja

Buka Panel Application yang ada disebelah kanan Pilih Databases, atau dari menu Windows > Databases Pastikan bahwa pada ketiga ketentuan sudah ter checklist, seperti gambar disamping, jika belum terceklist maka ubah settingan pada koneksi site

12

Untuk membuat koneksi database, klik tanda (+) pada panel database pilih MySQL Connection

Isikan koneksi seperti dibawah ini

Pilih tombol Select untuk memilih database, jika berhasil maka akan ditampilkan daftar database yang sudah kita buat. Pilih database yang akan kita gunakan, klik OK

Klik tombol Test, untuk memastikan bahwa database telah terkoneksi

13

Centang disini

Yes.... sudah sukses, artinya pasti seterusnya mudah

Hasil jadinya akan terlihat seperti dibawah ini

14

15