XAMPP dan Dreamweaver

XAMPP

XAMPP adalah merupakan paket instalasi webserver yang terdiri dari Apache, MySQL, PHP dan Perl, dan dapat di unduh disini. Dengan adanya paket webserver ini sungguh memudahkan bagi kita yang ingin membuat suatu website atau aplikasi web base dengan platform PHP. Kelebihan paket XAMPP adalah terdapat PHP switch didalamnya, hal ini memudahkan untuk menswitch dari php versi 5 ke versi 4 dan sebaliknya.

Setelah anda mengunduhnya, maka lakukan instalasi dengan cara mengeksekusi/ mengekstrak xampp-win32-1.6.4-installer.exe ke drive C pada partisi windows anda. Setelah selesai melakukan instalasi pastikan di drive C anda terdapat folder bernama xampp (C:\xampp). Lalu pastikan juga bahwa service webserver apache anda telah berjalan dengan baik, buka browser anda dan ketikkan http://localhost/ pada kotak isian URL. Jikaservice telah berjalan dengan baik maka pada browser anda tampilannya akan seperti dibawah ini.

Localhost XAMPP

Dan periksa juga service webserver anda telah berjalan dengan baik, dengan mengaktifkan xampp control panel pada folder xampp di drive C anda.

XAMPP service control

Dreamweaver

Dreamweaver (Selanjutnya DW saja) adalah sebuah aplikasi yang sering digunakan untuk mendesain dan membangun sebuah website atau aplikasi berbasis web yang dikeluarkan oleh Adobe, sampai saat ini telah beredar di pasaran versi DW CS4. Namun dalam tulisan ini saya menggunakan versi CS3.

Dukungan DW terhadap PHP dan javascript sangat baik sekali (powerful), untuk skrip desain seperti CSS juga tak perlu diragukan lagi. Bisa dibilang jika Microsoft VisualStudio.NET baik dalam mendukung platform ASP.NET dan webserver IIS maka DW jagoannya PHP dan webserver Apache. Berikut ini adalah tampilan area kerja pada DW CS3.

Area kerja Dreamweaver CS3

Memulai PHP

Dalam tulisan ini tidaklah dibahas secara mendalam tentang bagaimana membuat suatu website atau aplikasi web base yang canggih dan dinamis (OOP), melainkan hanya dasar saja. Di tulisan ini saya hanya akan mencoba memberikan awalnya saja, mencoba memberikan “pancingan”kepada anda yang baru saja ingin membuat atau mendalami pembuatanwebsite dengan PHP.

Seperti yang telah dijelaskan sebelumnya (web server XAMPP), setelah instalasi XAMPP maka di drive C anda terdapat folder XAMPP. Carilah folder bernama htdocs (C:\xampp\htdocs), karena disinilah kita akan menyimpan semua file-file website kita, baik itu yang berekstensi *.php, *.html, *.js serta file-file image yang ikut disertakan di halaman website kita nanti.

Folder htdocs

Pada htdocs, buat folder baru dan beri nama belajarphp , di folder ini nanti kita akan memulai latihan membuat PHP. Kita akan mencoba membuat skrip PHP sederhana dan menjalankannya di web browser. Bukalah DW, setelah muncul area kerja DW, pada start menu di tab Create New maka pilihDreamweaver Site, atau pada taskbar pilih menu site > new site.

Memulai di Dreamweaver

Kita akan membuat suatu directory untuk menyimpan file-file PHP yang akan dibuat pada folder belajarphp yang telah kita buat sebelumnya. Ikuti langkah-langkahnya sesuai dengan gambar dibawah ini

Langkah 1

Langkah 1 (Editing Files) pada kotak isian what would you like to name your site? Isikan saja belajarphp sesuai dengan folder/ directory yang telah kita buat sebelumnya (C:\xampp\htdocs\belajarphp), lalu klik next.

Langkah 2

Langkah 2 (Editing Files, Part2) aktifkan pilihan Yes, I Want to use a server technology dan pilihlah PHP MySQL, lalu klik next

Langkah 3

Lagkah 3 (Editing Files, Part 3), tidak usah merubah pilihan How do you want to work with your files during development?, Tetapi pada isian Where on your computer do you want to store your files?, browse dan carilah directorybelajarphp yang telah kita buat sebelumnya dalam folder htdocs (C:\xampp\htdocs\belajarphp), lalu klik, next.

Langkah 4

Langkah 4 (Testing Files) pilih Local/ Network pada How do you connect to your testing server?, lalu cari directory belajarphp (C:\xampp\htdocs\belajarphp) pada pilihan What folder on your server do you want to store your files?, beri tanda check pada Refresh remote file list automatically, lalu klik next.

Langkah 5

Langkah 5 (Testing Files, Part 2), pada isian What URL would you use to browse to the root of your site? Ketikan http//localhost/belajarphp/, alamat URL inilah yang nantinya akan kita akses untuk dapat melihat tampilan PHP yang kita buat di web browser. Klik Test URL apabila sukses maka muncul pesan bertuliskan The URL Prefix test was successful, klik OK, lalu klik next

Langkah 6

Langkah 6 (Sharing Files), biarkan default, langsung saja klik next, maka anda telah berhasil membuat directory dimana nanti kita akan menyimpan file-file website kita. Lihat informasi yang tertera di Summary (Gambar Hasil akhir).

Hasil akhir

Untuk menguji berhasil atau tidaknya directory yang telah dibuat, silahkan buka browser anda, lalu ketikan http://localhost/belajarphp/ pada URL, maka tampilannya akan seperti gambar dibawah ini.

Akses di browser

Sekarang cobalah buat sebuah halaman yang di dalamnya terdapat skrip PHP, lalu simpan saja dengan nama hello.php. Buka aplikasi DW anda, pada taskbar pilih file > New, lalu pilih PHP dan klik tombol create. Skripnya sederhana saja seperti dibawah ini :

<html>

<head>

<title>.: Hello</title>

</head>

<body>

<?php

echo “Selamat belajar PHP!! <br/>”;

echo “Hari ini adalah :”;

echo date (‘d/m/Y’);

?>

</body>

</html>

Dan lihat tampilannya seperti dibawah ini

Hello

Sumber : http://stupidfreak.wordpress.com/2009/01/27/memulai-php-dengan-xampp-dan-dreamweaver/