PHP
Kali ini kamu akan belajar tentang PHP, ya betul bahasa baru lagi, tapi tenang kok PHP tidak
sesulit yang kamu kira!
Sebelum belajar tentang PHP kita perlu terlebih dahulu mempelajari Tag Form pada HTML,
ini karena nantinya data pada Form akan menjadi input di dalam PHP. Data yang didapat dari
form akan diproses oleh server dengan menggunakan bahasa pemrograman web misalnya
PHP, ASP atau lainnya.
<form>
Form adalah elemen HTML yang berfungsi untuk meminta informasi dari user misalnya form
login untuk meminta informasi username dan password dari user untuk proses login, form
pendaftaran untuk meminta informasi detail tentang user agar bisa mendaftar, form input
data untuk disimpan di database dan lain sebagainya.
Cara membuat form di HTML
Untuk membuat form di HTML, Akita membutuhkan setidaknya 2 komponen, yaitu tag <form>
dan form field:
Tag <form> digunakan untuk mendefinisikan awal dan akhir form pada HTML. Tag
<form></form>
harus memiliki atribut action dan atribut method.
Form field adalah elemen-elemen yang ada di dalam form yang digunakan user untuk
mengisi data.
Agar lebih jelas, berikut ini contoh struktur dasar form di HTML:
<form action="submit.php" method="POST">
<!--disini diisi bermacam-macam form field-->
</form>
Atribut action diisi dengan lokasi script yang digunakan untuk memproses data pada server.
login untuk meminta informasi username dan password dari user untuk proses login, form
data yang dikirimkan dari form.
Atribut method berfungsi untuk menentukan metode form yang digunakan. Metode yang
biasa digunakan adalah POST dan GET. Metode POST datanya tidak tampak. Sedangkan GET
datanya tampak atau kelihatan di URL. Metode-metode tersebut akan dipelajari lebih lanjut
pada materi pemrograman web.
Secara tampilan, kode HTML di atas tidak menampilkan apa-apa karena kita hanya membuat
'pembungkus' dari form. Selanjutnya kita harus menambahkan form field.
datanya tampak atau kelihatan di URL. Metode-metode tersebut akan dipelajari lebih lanjut
contohnya adalah input berupa teks.
Dalam HTML, tag untuk menambahkan field tidak hanya tag <input> dengan tipe-tipenya,
tetapi ada juga tag lainnya. Agar mudah memahaminya saya rangkum menjadi 3, yaitu:
Tag <input> dengan segala type nya.
Tag <Select>
Tag <Textarea>
Masing-masing fungsi dan informasi tambahan lainnya akan kita bahas secara mendetail.
tag<input>
Input memiliki bermacam-macam tipe misalnya jika ingin membuat input teks seperti di atas
maka type=teks, jika ingin membuat input berupa password maka type=password, dan lain
sebagainya.
Berikut ini macam macam input type pada html:
Input type text
Type text digunakan untuk membuat field untuk teks biasa. Tidak ada pembatasan huruf jadi
dapat diisi angka, huruf dan karakter. Contoh untuk menanyakan username.
Input type number
Type number digunakan untuk membuat kolom isian angka. Selain angka tidak akan bisa
dimasukkan ke kolom ini. Contoh penggunaan untuk menanyakan umur.
Input type email
Type email untuk membuat field kusus email. Saat user mengisinya dengan teks yang bukan
email address maka akan muncul warning.
Input type password
Type password digunakan untuk membuat field untuk password. Saat user mengisinya maka
teks tidak dapat dibaca.
Input type date
Type date untuk membuat kolom isian tanggal. Saat user mengisinya maka akan ada
tampilan kalender untuk mempermudah mengisinya.
Input type file
Type file untuk membuat form upload file. Tampilan field ini berupa tombol jika di-klik maka
akan menampilkan file browser untuk memilih file mana yang akan diupload.
Input type radio
Type radio berfungsi untuk membuat pilihan berupa bulatan.
Untuk membuat radio button di html tag <input> harus lebih dari 1 dan menggunakan type
atribut value yang berisi data yang akan dikirimkan.
Input type checkbox
Type checkbox digunakan untuk membuat field centang pada pilihan.
Untuk membuat checkbox di html dapat menggunakan sintak <input> dengan type checkbox
dan atribut name. Selain itu, atribut value harus digunakan untuk mendefinisikan data yang
akan dikirimkan.
Input type reset
Type reset digunakan untuk membuat tombol reset pengisian data. Jika user menekan
tombol reset maka semua isian yang sudah diisi pada form akan direset atau dihapus
sehingga user dapat mengisi dari awal lagi.
Input type hidden
Type hidden untuk membuat field yang disembunyikan. Biasanya type hidden digunakan web
developer untuk mengirimkan data yang tidak perlu diisi oleh user, misalnya kode verifikasi
halaman untuk keamanan web, id dari user dan sebagainya. Field ini tidak akan tampil di
halaman web.
Input type submit
Type submit digunakan untuk membuat tombol kirim. Ini adalah tipe input yang wajib
digunakan saat membuat sebuah form. Jika tombol ini di-klik user maka form akan diproses
oleh file yang sudah ditentukan di atribut action pada tag <form>
Jika kita menggabungkan semua input type di atas menjadi satu form maka akan menjadi:
<html>
<head><tittle><Belajar Form</tittle></head>
<body>
<form action="submit.php" method="POST">
<p>Username:<input type="text" name="username"/></p>
<p>Umur:<input type="number" name="umur"/></p>
<p>E-mail:<input type="email" name="email"/></p>
<p>Password:<input type="password" name="password"/></p>
<p>Tanggal Lahir:<input type="date" name="tamggallahir"/></p>
<p>Foto:<input type="file" name="foto"/><br/></p>
<p>Jenis kelamin:
<input type="radio" name="jeniskelamin" value="pria"/>Pria
<input type="radio" name="jeniskelain" value="wanita"/>Wanita </p>
<br/><br/>
<p>Saya bersedia mengikuti aturan forum
<input type="checkbox" name="bersedia_ikut" value="ya"/><p><br/><br/>
<input type="hidden" name="userid" value="3487"/>
<input type="reset" value="Reset"/><input type="button" name="submit" value="submit"/>
</form>
</body>
</html>
Tag<select>
Digunakan untuk membuat form inputan berdasarkan pilihan yang sudah disediakan
Cara Membuat Select Option di HTML
Select Option dibuat menggunakan tag <select> dengan atribut name. Lalu di dalam select
ditambahkan daftar pilihan-pilihan menggunakan tag <option> dengan atribut value.
Tag<textarea>
Digunakan untuk membuat field berupa text namun dengan ukuran yang lebih besar.
Perbedaannya dengan input type text adalah pada ukurannya.
Penggunaan pada halaman web biasanya untuk menginputkan teks yang lebih banyak seperti
paragraf atau bahkan konten tulisan 1 halaman. Berbeda dengan input type text yang hanya
digunakan untuk menginputkan 1 kalimat.
Tag <label>
digunakan untuk memberi label, keterangan atau judul pada sebuah field. Tag
disarankan menggunakan atribut for yang fungsinya jika teks label tersebut di-klik maka
kursor akan mengarah ke field tujuan. Agar label dan field terhubung maka pada field harus
menggunakan atribut id dengan value atau isi yang sama dengan atribut for.
Yang perlu diperhatikan dalam penulisan Tag form
dalam setiap form field harus selalu disertakan name dan value.
Itulah Pembahasan Tag Form, mari kita kembali ke topik utama, yaitu pembahasan tentang
bahasa PHP.
Pertama tama kita perlu mempersiapkan terlebih dulu web server, yang akan kita gunakan
kali ini adalah XAMPP. XAMPP adalah program untuk membuat server. XAMPP menyediakan
paket server yang kita butuhkan untuk pengembangan web dengan PHP. Mulai dari PHP,
MySQL, PHPmyadmin, dll.
Untuk Instalasi dan Menejemen XAMPP dapat dilihat di video ini!
Sebelum belajar PHP aku akan menunjukan sesuatu!
<?php
echo "Hello World";
?>
Ini adalah contoh program PHP yang paling sederhana. Program tersebut hanya berfungsi
untuk menampilkan teks Hello World saja. Kamu pasti bingung kenapa <?php atau kenapa
menggunakan echo, kita akan mempelajari struktur sederhana PHP.
<?php ini adalah pembuka program PHP. Pembuka ini wajib ada di setiap program PHP.
echo "Hello World!"; adalah sebuah statement atau perintah untuk menampilkan teks. Kenapa
tidak ditutup dengan ?> ? Tutup sebenarnya bersifat opsional. Tutup program dibutuhkan
saat kita menggabungkan kode PHP dengan HTML.
Menulis Kode HTML dan PHP
Saat kita menulis kode PHP di dalam HTML, maka wajib membuat tutup program.
<!DOCTYPE html>
<html>
<head>
<title><?php echo "Belajar PHP" ?></title>
</head>
<body>
<?php
echo "saya sedang belajar PHP<br>";
echo "<p>Belajar PHP hingga jadi master</p>";
?>
</body>
</html>
Apabila kita lupa menuliskan ?> maka program yang dijalankan akan error, PHP yang ditulis
di dalam HTML, filenya harus disimpan dengan ekstensi .php bukan .html meskipun isinya
HTML dan PHP.
<?php
echo "<html>";
echo "<head>";
echo "<title>Judul Web</title>";
echo "</head>";
echo "<body>";
echo "<h1>Selamat datang</h1>";
echo "</body>";
echo "</html>";
Untuk contoh yang ini penutup tidak perlu ditulis, karena kode HTML-nya ditulis di dalam
sintak PHP.
Penulisan Statement dan Ekspresi
Statement dan ekspersi adalah intruksi yang akan diberikan ke komputer. Setiap statement
dan ekspresi di PHP harus diakhiri dengan titik koma (;).
<?php
echo "ini statement 1";
echo "ini statement 2";
$a = $b + $c;
Apabila kita lupa untuk menuliskan titik koma (
;
), maka program akan error.
Aturan penulisan Case PHP
PHP adalah bahasa pemrograman yang bersifat case sensitive. Artinya, huruf besar (kapital)
dan huruf kecil akan dibedakan.
<?php
$nama
= "guru";
$NAMA
= "agus";
?>
Variabel $nama dan $NAMA adalah dua variabel yang berbeda. Mereka tidak sama.
Penulisan huruf besar dan kecil dalam program harus diperhatikan, karena bisa
menyebabkan error bila salah.
Penulisan Komentar di PHP
Komentar adalah bagian yang tidak akan dieksekusi oleh komputer. Biasanya digunakan
untuk keterangan, penjelasan, dan dokumentasi kode program. Komentar di PHP dapat ditulis
dengan dua cara:
1. Menggunakan tanda // untuk komentar satu baris;
2. Menggunakan tanda **`/*`** untuk komentar lebih dari satu baris.
<?php
// ini adalah komentar
echo "Hello world";
/*
ini adalah komentar
yang lebih dari satu
baris
*/
?>
Penuilisan Blok Program
Blok program merupakan kumpulan dari statement dan ekspresi. Blok program di PHP
dibungkus dengan kurung kurawal { ... }.
if ($umur > 18){
echo "Kamu sudah dewasa";
echo "Selamat datang";
echo "Kamu boleh minum kopi";
}
Yuk Belajar!
