PHP 1

Tutorial Membuat Biodata Pada Web 

• Buka web server XAMPP ----- Run Apache                                                                             Catatan:  Port apache harus diubah menjadi 50 jika tidak bisa running, karena salah satu hal, contohnya karena bentrok dengan IIS.   

Coba ikuti langkah-langkah berikut : 

1. Edit file http.conf yang di c:/xampp/apache/conf/ (jika data ada di C)
2. Cari ServerName localhost:80 di file http.conf lalu ubah port yang semula 80 menjadi 50 (terserah anda. 50 adalah cth) sehingga menjadi localhost:50
3. lalu cari kata Listen 80 ubah menjadi Listen 0.0.0.0:50
4. lalu restart apache di xampp anda.
5. buka browser lalu ketikan localhost:50, maka apache anda bisa     

Untuk membuat biodata pada web, kita dapat memilih salah satu dari 3 aplikasi ini :

• Dreamweaver CS6
• NetBeans 
• phpDesigner8

Pertama kita akan buat menggunakan  Dreamweaver CS6

Berikut adalah langkah-langkahnya :

1. Buat file PHP di folder -> xampp/htdocs/PraktikumPHP/latihan1.php. Buat program menampilkan "Hello World, my name is (Your Name)."
2. Cobalah untuk membuat New Site di Dreamweaver CS6 sehingga file PHP dari project No1. (folder xampp/htdocs/PraktikumPHP) yang sudah dibuat dapat langsung ditampilkan di Live View atau di browser external!

3.  Setelah itu isi Site Name : PraktikumPHP21 (sesuai nama folder yang disimpan di htdoc tadi) Local Site Folder : browse tempat file PraktikumPHP21 tersebut disimpan lalu "save"               

 

4.  Klik server pilih tanda add (+) sehingga akan menampilkan kotak dialog basic dan advance. Isi server name dengan localhost, Connect using pilih Local/Network, serta isi server folder dan web URL. "Save"

    5. Buka program yang tadi sudah dibuat latihan1.php

     

 6. Agar lebih rapi buatlah tabel dengan cara : Insert --- Table/Ctrl+Alt+T

 

• Ubah atau tambah scriptnya seperti dibawah

Setelah selesai, save as pekerjaan anda di folder yang telah anda simpan di xampp.

    7. Tampilan pada Dreamweaver CS6 dengan "Live"

Cobalah untuk menampilkan pada browser dengan cara mengaktifkan dulu xammp anda dan ketik (http://localhost/PraktikumPHP21/latihan1.php) contohnya.

selesai 

Kedua kita akan buat menggunakan  Netbeans  

Berikut adalah langkah-langkahnya :

1.  Buka aplikasi Netbeans
2. Klik File ----- New Project

     3.  Pilih PHP pada Categories dan pilih PHP Application with Existing Sources lalu "Next"

4.  Browse sesuai tempat penyimpanan pada xampp dan project Name isi sesuai dengan folder pada xampp PraktikumPHP21 contohnya "Next"

     5. Klik "Finish"

 6.  Pilih browser dengan klik Tools-Options kemudian pilih salah satu browser, contoh Chrome lalu "Oke"

 

     7.  Kemudian buka file latihan1.php dan tekan SHIFT+F6

8.  Untuk melihat hasilnya pada browser pada alamat http://localhost/PraktikumPHP21/latihan1.php

Selesai

Ketiga kita akan buat menggunakan phpDesigner8

Berikut adalah langkah-langkahnya :

1.  Buka aplikasi phpDesigner8
2.  Klik  Project ---- Project Manager

    3.  Klik "New"

4.  Maka akan muncul kotak dialog New Project wizard. Isi Project title dengan PraktikumPHP21. Klik "Next"

 

5.  Pada kotak dialog New project wizard browse tempat dimana folder pada xampp berada. "Next"

    6.  Klik "Next"

    7.  Klik "Next"

    8.  Klik "Next"

    9. Klik "Finish"

10.  Setelah itu akan memunculkan kotak dialog Edit Project pilih localhost.Pilih Enable Localhost. Isi Serverpath dan Localhost. Serta isi port yang digunakan pada apache 80 contohnya. "OK"

   

    11.  Buka file seperti contoh dibawah

  
     12.   Jika sudah selesai klik running maka tampil di local/internal browser.

Selesai