A. INST INST ALASI WEB SERVER ALASI WEB SERVER

A. INSTINSTALASI WEB SERVERALASI WEB SERVER

Adapun langkah-langkah dalam menginstal

Adapun langkah-langkah dalam menginstal xampp-win32-1.7.1xampp-win32-1.7.1 pada pada

komputer anda adalah sebagai berikut :

1. Apabila Anda sudah mendownload ﬁle

1. Apabila Anda sudah mendownload ﬁle xampp-win32-1.7.1-installerxampp-win32-1.7.1-installer

yang

yang ada ada pada komppada komputeruter. Setelah . Setelah itu Anditu Anda klik a klik ganda ﬁle ganda ﬁle xampp-

xampp-win32-1.7.1-installer.exe

win32-1.7.1-installer.exe pada tutorial kali ini ﬁle tersebut terdapat pada tutorial kali ini ﬁle tersebut terdapat

pada folder D:\

pada folder D:\ yang ada pada yang ada pada komputerkomputer..

2. Selanjutnya Anda kSelanjutnya Anda klik tombol lik tombol Next yang ada Next yang ada Pada jendelaPada jendela xampp-

xampp-win32-1.7.1-installer.exe

win32-1.7.1-installer.exe. Lihat. Lihat Gambar 5Gambar 5..

3. Setelah Setelah itu itu Anda Anda tentukan tentukan tempat tempat direktori direktori penginstalanpenginstalan

program. Untuk tahap ini biarkan dalam keadaan standar pada

direktori C:/Xampp,lalu klik tombol Next. Lihat

direktori C:/Xampp,lalu klik tombol Next. Lihat Gambar 6Gambar 6.. Klik Klik Ganda Ganda di sini di sini Gambar 4

4. Selanjutnya Anda Selanjutnya Anda pastikan semua pastikan semua komponen telah komponen telah diberi tandadiberi tanda

cek hal ini dilakukan untuk menginstal semua komponen yang akan

digunakan pada pembuatan situs, kemudian klik tombol Install.

Lihat

Lihat Gambar 7.Gambar 7.

5. T

5. Tunggu sampai unggu sampai proses instalasi selesai. proses instalasi selesai. LihatLihat Gambar 8Gambar 8..

6. Setelah itu Anda Klik tombol Finish proses instalasi telah selesai.

Lihat

Lihat Gambar 9Gambar 9..

Gambar 5

Gambar 5 Jendela Jendela xampp-win32-1.7.1-inxampp-win32-1.7.1-installerstaller.exe.exe

Biarkan pada Direktori

C:/Xampp

Klik Next

Gambar 6

Beri Tanda Cek

Di Sini Di Sini Klik Tombol Klik Tombol Install Install Gambar 7

Gambar 7 Mengaktifkan semua komponenMengaktifkan semua komponen

Gambar 8

Gambar 8Proses Instalasi Sedang berjalanProses Instalasi Sedang berjalan

Gambar 9

Gambar 9 Proses Instalasi Selesai Proses Instalasi Selesai

Klik Tombol

Finish

7. Kemudian akan muncul JeKemudian akan muncul Jendelal Informasi Setelah itndelal Informasi Setelah itu u Anda KlikAnda Klik

tombol Finish proses instalasi telah selesai. Lihat

tombol Finish proses instalasi telah selesai. Lihat Gambar 10Gambar 10..

8. Setelah Proses instalasi telah berhasil akan muncul jendela XAMPP

Control Panel. Lihat

Control Panel. Lihat Gambar 11Gambar 11..

9. Selanjutnya untuk Selanjutnya untuk memastikan apakah memastikan apakah web web server telah server telah berha-

berha-sil

sil terinstal terinstal dan dan aktif aktif pada pada komputerkomputer. . Caranya Caranya Anda Anda buka buka webweb

browser

browser seperti seperti Internet Internet ExplorerExplorer, , Mozila Mozila Firefox, Firefox, atau atau Opera Opera yangyang

ada

ada pada komputerpada komputer, Kemudian pada kotak addr, Kemudian pada kotak address ketik localhost.ess ketik localhost.

Klik Tombol

Yeses

Gambar 10

Gambar 10 Informasi instalasi berhasil Informasi instalasi berhasil

Gambar 11

Gambar 11 Informasi XAMPP Control Panel Informasi XAMPP Control Panel

Apache dan Apache dan MySQL MySQL telah aktif telah aktif berjalan berjalan

Ketik Ketik Localhost Localhost di sini di sini Gambar 12

Gambar 12 Web server telah aktif pada komputer Web server telah aktif pada komputer

Catatan :

Jika setelah

Jika setelah Anda mengetik Anda mengetik localhost pada localhost pada browserbrowser. Namun . Namun halamanhalaman

yang tampil

yang tampil bukan seperti bukan seperti yang ditunjukkan padyang ditunjukkan pada Gambar 9 a Gambar 9 di atas. di atas. AdaAda

kemungkinan Apache yang ada

kemungkinan Apache yang ada pada komputer Anda pada komputer Anda belum aktif. Adapunbelum aktif. Adapun

cara mengaktifkannya secara manual sebagai berikut :

Control Panel. selanjutnya

Control Panel. selanjutnya Anda klik tombol Anda klik tombol start pada Apache dan start pada Apache dan MySQLMySQL

maka akan

maka akan tampak pada tampak pada Gambar Gambar 12.12.

2. Setelah itu Setelah itu untuk mengecek untuk mengecek apakah apapakah apache sudah ache sudah Aktif. Coba Aktif. Coba AndaAnda

lakukan

Salah satu yang tak lepas dari pembuatan situs adalah web editor.

Web

Web editor adalaeditor adalah prh program yang ogram yang berfungsi berfungsi untuk meranuntuk merancang tampicang tampi-

-lan

lan atau atau layout layout dari dari situs situs yang yang akan akan dibuat. dibuat. Pada Pada tutorial tutorial pembuatanpembuatan

aplikasi Ajax

aplikasi Ajax kali ini kali ini menggunakan Adobmenggunakan Adobe Dreamwe Dreamweaver CS4.eaver CS4.

A. MERANCANG SITUS DMERANCANG SITUS DENGAN DREAMWEAENGAN DREAMWEAVER CS4VER CS4

Sebelum memulai membuat layout, pastikan program Dreamweaver

CS4

CS4 telah tertelah terinstal padinstal pada komputa komputer Anda.er Anda.

1. Anda Anda buka buka aplikasi aplikasi Macromedia Macromedia Dreamweaver Dreamweaver CS4 CS4 . . KlikKlik

Tombol ombol Start Start pada pada Start Start menu. menu. Kemudian Kemudian Anda Anda pilihpilih

menu All All Programs Programs > > Macromedia Macromedia Dreamweacer Dreamweacer CS4 CS4 PerhatikanPerhatikan

Gambar 13

Gambar 13..

2. Setelah Setelah tampil tampil jendela jendela Start Start page page Anda Anda Klik Klik icon icon dengandengan

tulisan

tulisan PHP PHP , , PerhatikanPerhatikan Gambar 14Gambar 14..

3. Setelah Setelah diklik diklik icon icon maka maka akan akan tampil tampil jendela jendela dokumendokumen

baru seperti

baru seperti Gambar 15Gambar 15..

Dalam dokumen 01 Dasar Dasar Ajax (Halaman 38-43)