Senin, 26 Maret 2012

belajar web

Mengapa : Pemrograman Web ?
●Mudah : dibuat
●Mudah : dirawat
● Fleksibel
● Cepat
● Bebas : bisa diakses dari mana saja, oleh siapa saja,
dengan menggunakan apa saja


Bagaimana : Pemrograman Web ?
(1)Tulis program
(2)Upload ke server
(3)Jalan ! Langsung bisa dilihat di browser

Action
1. Program Sederhana : “Hello World”
2. Membuat Form
3. Memproses data dari Form
4. Input data ke Database
Interupsi / Pertanyaan : Anytime

Start : Buka Editor
(1)Tekan Alt – F2
(2)Ketik : gksudo gedit
(3)Klik tombol RUN
(4)Pilih menu : File – Save
(5)Ketik : /var/www/test1.php
(6)Klik tombol SAVE
Siap Action !





Action 1 : Hello World
(1) Ketik :

cho “Hello World !”;
?>
(2) Tekan Ctrl – S
(3) Buka browser :
Pilih menu Application – Internet – Firefox
Tekan Ctrl – L
Ketik : http://localhost/test1.php
(4) Hello World !

Action 1 : Eksperimen
(1) Coba munculkan tulisan “Hello Dili !”
(2) Coba gunakan tag HTML.
Contoh : echo “

Hello

”;
(3) Coba gunakan tag HTML : , ,

Tag HTML membantu membuat tulisan yang muncul
adalah dengan format yang kita inginkan
Lebih lanjut : http://www.htmlhelp.com

Action 2 : Membuat Form
(1) Jangan hapus yang sudah dibuat
(2) Tambahkan :
echo “


”;
echo "Nama Anda : ";
echo "
";
(3) Hello Form !

Action 2 : Eksperimen
(1) Coba tambahkan kolom input “Tanggal Lahir”
(2) Coba tambahkan kolom input “Alamat”
(3) Coba tambahkan kolom input “Telpon”
(4) Tampilkan semuanya dengan rapi

Action 3 : Memproses Data
Tambahkan 1 baris di awal program, menjadi :

if ($_GET["inputnama"] !== "Submit Query") {
Tambahkan 3 baris di akhir program, menjadi :
} else {
echo "Nama: ".$_GET["namakawan"];
}
?>
Apa yang terjadi ?

Action 3 : Eksperimen
(1) Munculkan juga hasil input “Tanggal Lahir”
(2) Munculkan juga hasil input “Alamat”
(3) Munculkan juga hasil input “Telpon”
(4) Tampilkan semuanya dengan rapi

Action 4 : Simpan ke Database
To Be Continued : Part 2
Membuat program :
Data Kependudukan Timor Leste
...... menyimpan SELURUH data penduduk yang ada

Kunci Sukses Pemrograman
1. Praktek / fun
2. Praktek / fun
3. Praktek / fun

Tidak ada komentar:

Posting Komentar