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 :
- Edit
file http.conf yang di c:/xampp/apache/conf/ (jika data ada di C)
- 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
- lalu cari
kata Listen 80 ubah menjadi Listen 0.0.0.0:50
- lalu
restart apache di xampp anda.
- 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 :
- Buat file PHP di folder -> xampp/htdocs/PraktikumPHP/latihan1.php.
Buat program menampilkan "Hello World, my name is (Your Name)."
- 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 :
- Buka aplikasi Netbeans
- 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 :
- Buka aplikasi phpDesigner8
- 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 | | | |