Cara Cepat Belajar Pemrograman Web 1 adalah cara yang cepat dalam belajar pemrograman website, belajar mudah untuk membuat sebuah website dalam waktu yang singkat. Cara Cepat Belajar Pemrograman Web 1 ini merupakan kami jelaskan secara garis besarnya saja, bisa anda kembangkan sendiri sesuai keinginan anda. Berikut yang perlu diketahui dalam Cara Cepat Belajar Pemrograman Web 1 :
Mengapa : Pemrograman Web ?
●Mudah : dibuat
●Mudah : dirawat
● Fleksibel
● Cepat
● Bebas : bisa diakses dari mana saja, oleh siapa saja, dengan menggunakan apa saja
●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
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 :
<?phpe
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 “<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
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 :
<?phpe
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 “<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
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 !
(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 rapi
(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 :
<?php
if ($_GET["inputnama"] !== “Submit Query”) {
Tambahkan 3 baris di akhir program, menjadi :
} else {
echo “Nama: “.$_GET["namakawan"];
}
?>
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 rapi
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
Website Profesional
Internasional
http://eLance.comTo Be Continued : Part 2
Membuat program : Data Kependudukan Timor Leste
…… menyimpan SELURUH data penduduk yang ada
Website Profesional
Internasional
http://RentACoder.com
http://GetAFreelancer.com
Kunci Sukses Pemrograman
1. Praktek / fun
2. Praktek / fun
3. Praktek / fun
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.tlsoftware administrasi kampus, data pegawai, absensi,
eGovernment, Facebook Leste, Google Leste ….
(2) Pamerkan :
<?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 interaktif
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
Tidak ada komentar:
Posting Komentar