Seri Tutorial Dreamweaver 8 - Kolaborasi Dengan Php

Seri Kolaborasi PHP dan Dreamweaver Membuat Site Definition

S

ite Definition merupakan hal penting dalam mengkolaborasikan antara Dreamweaver dan PHP. Site definition pada dasarnya mendefinisikan dimana letak penyimpanan file (situs), menggunakan teknologi server apa, menggunakan database apa, bagaimana koneksi dengan server dll. Dengan adanya site definition akan memudahkan developer untuk membangun situs web. Begitu pula, kesalahan dalam penentuan site definition akan berpengaruh terhadap pembuatan situs web. 1. Buka Macromedia Dreamweaver 8 2. Pilih menu Site > New Site.

3. Akan ditampilkan window Site Definition. Tentukan (1) nama situs, (2) alamat situs dan klik tombol (3) Next. Perhatikan gambar.

Achmad Solichin (Univ. Budi Luhur)

Page 1

Seri Kolaborasi PHP dan Dreamweaver

4. Selanjutnya kita harus menentukan apakah akan menggunakan teknologi server (1) dan teknologi server apa yang akan digunakan (2). Karena kita akan menggunakan PHP dan MySQL maka pilih teknologi server PHP MySQL (2). Klik tombo (3) Next > untuk melanjutkan.

5. Proses selanjutnya akan ditanyakan bagaimana kita bekerja dengan file kita selama proses development (1). Jika kita membuat file di komputer kita sendiri atau di Achmad Solichin (Univ. Budi Luhur)

Page 2

Seri Kolaborasi PHP dan Dreamweaver komputer lokal, maka pilih Edit and test locally (my testing server is on this computer). Tentukan juga letak penyimpanan file-file situs (2). Letak file penyimpanan situs php tidak boleh sembarangan, harus di DOCUMENT ROOT. Untuk di Labkom, letak document root berada di E:\.

6. Window selanjutnya akan ditampilkan halaman untuk testing server. Tentukan alamat situs web (biasanya berupa http://localhost/nama-folder-penyimpanan/). Jika diperlukan kita dapat mencoba alamat URL tersebut sudah benar atau belum dengan menekan tombol Test URL (2) dan jika sudah benar akan ditampilkan pesan konfirmasi (3). Klik tombol Next (4) untuk melanjutkan.

Achmad Solichin (Univ. Budi Luhur)

Page 3

Seri Kolaborasi PHP dan Dreamweaver 7. Pada window selanjutnya akan ditanyakan apakah akan menggunakan komputer remote. Pilih No (1) jika tidak menggunakan komputer remote. Pilih Next (2) untuk melanjutkan.

8. Selanjutnya akan ditampilkan Site Summary (1) yang menampilkan setting yang telah dilakukan. Klik Done (2) untuk mengakhiri proses pendefinisian situs.

Achmad Solichin (Univ. Budi Luhur)

Page 4

Seri Kolaborasi PHP dan Dreamweaver Membuat Halaman PHP dan Menampilkan di Browser

D

alam praktikum ini akan dijelaskan bagaimana membuat halaman baru di situs yang telah didefinisikan di praktikum sebelumnya. Halaman yang dibuat berupa halaman sederhana yang akan menampilkan “Hello, World!” di browser. Praktikum ini juga akan menjelaskan bagaimana menampilkan halaman di browser melalui menu Preview yang ada di Dreamweaver. 1. Buka pendefinisian situs yang telah dipraktekkan di materi sebelumnya. 2. Perhatikan window Files (1) yang berada di sebelah kanan (atau kiri) layar utama Dreamweaver. Klik kanan pada nama situs dan pilih sub menu New File (2) dan ketikkan nama file yang akan dibuat (3) serta tekan enter.

3. Pada bagian atas layar utama Dreamweaver, pilih mode tampilan Code View (1) dan tambahkan beberapa baris perintah PHP (2). Simpan dokumen dengan mengakses menu File > Save atau Ctrl+S.

Achmad Solichin (Univ. Budi Luhur)

Page 5

Seri Kolaborasi PHP dan Dreamweaver

4. Lihat hasilnya di browser dengan mengakses menu File > Preview in Browser > Nama Browser (1) atau dari icon preview yang berada di atas layar utama (2) atau dengan menekan tombol F12.

5. Akan ditampilkan halamannya di browser. Perhatikan URL (1) dan hasilnya (2) !

Achmad Solichin (Univ. Budi Luhur)

Page 6