Cara Cepat Belajar Pemrograman Web

Oleh : Lutfi Akhmad
Institusi  : AOSI.or.id (Asosiasi Open Source Indonesia)
Revisi : 20090601Mengapa : Pemrograman Web ?
●Mudah : dibuat
●Mudah : dirawat
● Fleksibel
● Cepat
● Bebas : bisa diakses dari mana saja, oleh siapa saja,
dengan menggunakan apa sajaBagaimana : Pemrograman Web ?
(1)Tulis program
(2)Upload ke server
(3)Jalan ! Langsung bisa dilihat di browserAction
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 :
<?php
echo “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 “<h1> Hello </h1>”;
(3) Coba gunakan tag HTML : <b>, <i>, <p>
Tag HTML membantu membuat tulisan yang muncul
adalah dengan format yang kita inginkan
Lebih lanjut : http://www.htmlhelp.comAction 2 : Membuat Form
(1) Jangan hapus yang sudah dibuat
(2) Tambahkan :
echo “<form action=test1.php method=get name=formData>”;
echo "Nama Anda : <input type=text name=namakawan>";
echo "<input type=submit name=inputnama></form>";
(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 rapiAction 3 : Memproses Data
Tambahkan 1 baris di awal program, menjadi :
<?php
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 rapiAction 4 : Simpan ke Database
To Be Continued : Part 2
Membuat program :
Data Kependudukan Timor Leste
...... menyimpan SELURUH data penduduk yang adaWebsite Profesional
Internasional
http://eLance.com
http://RentACoder.com
http://GetAFreelancer.comKunci Sukses Pemrograman
1. Praktek / fun
2. Praktek / fun
3. Praktek  / fun
(1) Buat proyek-proyek sendiri :
software administrasi kampus, data pegawai, absensi,
eGovernment, Facebook Leste, Google Leste ....
(2) Pamerkan :
http://namasaya.portofolio.tl <?php
if ($_GET["inputnama"] !== "Submit Query") {
echo "Hello World !";
echo "<form action=test1.php method=get name=formData>";
echo "Nama Anda : <input type=text name=namakawan>";
echo "Alamat : <input type=text name=alamat>";
echo "<input type=submit name=inputnama>”;
echo “</form>";
} else {
echo "Nama: ".$_GET["namakawan"];
echo "Alamat: ".$_GET["alamat"];
}
?>Yang Telah Dipelajari
1. Konsep Branch / logic : if .... else
2. Output string : echo
3. String manipulation : concatenation
4. Block  :  <form> … </form>,  if .... else
3. Tag HTML
4. Form : Input & Proses
5. Program interaktifTerimakasih

Anda baru saja membaca artikel yang berkategori Tips Dan Trik dengan judul Cara Cepat Belajar Pemrograman Web. Anda bisa bookmark halaman ini dengan URL http://blog-kalteng.blogspot.com/2012/07/cara-cepat-belajar-pemrograman-web.html. Terima kasih!

Ditulis oleh: Unknown - Rabu, 25 Juli 2012