Cara Cepat Belajar Pemrograman Web

3,825 views

Published on

Published in: Design, Technology
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total views
3,825
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
243
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Cara Cepat Belajar Pemrograman Web

  1. 1. Cara Cepat : Belajar Pemrograman Web Oleh : Harry Sufehmi Institusi : AOSI.or.id (Asosiasi Open Source Indonesia) Revisi : 20090601
  2. 2. Mengapa : Pemrograman Web ? ● Mudah : dibuat ● Mudah : dirawat ● Fleksibel ● Cepat ● Bebas : bisa diakses dari mana saja, oleh siapa saja, dengan menggunakan apa saja
  3. 3. Bagaimana : Pemrograman Web ? (1)Tulis program (2)Upload ke server (3)Jalan ! Langsung bisa dilihat di browser
  4. 4. Action 1. Program Sederhana : “Hello World” 2. Membuat Form 3. Memproses data dari Form 4. Input data ke Database Interupsi / Pertanyaan : Anytime !
  5. 5. 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 !
  6. 6. 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 !
  7. 7. 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.com
  8. 8. Action 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 !
  9. 9. 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
  10. 10. Action 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 ?
  11. 11. 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
  12. 12. Action 4 : Simpan ke Database To Be Continued : Part 2 Membuat program : Data Kependudukan Timor Leste ...... menyimpan SELURUH data penduduk yang ada
  13. 13. Website Profesional Internasional http://eLance.com http://RentACoder.com http://GetAFreelancer.com
  14. 14. Kunci 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
  15. 15. <?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"]; } ?>
  16. 16. 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 interaktif
  17. 17. Terimakasih .... lanjut : Part 2

×