...

Ukuran font

Mendefinisikan head document. 8

Web Programming 1 AMIK Bina Sarana Informatika

---

Membuat garis horizontal



Berarti dokumen html



Membuat teks miring



Image, imagemap atau an animation



Mendefinisikan input field pada form

Membuat bullet point atau baris baru pada list (berpasangan

dengan tag , <menu>,

and
) <map>

Mendefinisikan client-side map

<marquee> Membuat scrolling teks (teks berjalan) - hanya pada MS IE <nobr>

Mencegah ganti baris pada teks atau images

<noframes> Jika browser user tidak mendukung frame


Mendefinisikan awal dan akhir list





Ganti paragraf

<pre>

Membuat teks dengan ukuran huruf yg sama

<script>

Mendefinisikan awal script





Membuat tabel



Kolom pada tabel Variabel dan Tipe Data Numerik "; echo "Harga = $harga "; echo "Total = $total "; ?> Simpan di dalam folder c:\apache2triad\htdocs\nim_masing-masing\contoh6.php Sedangkan data non numerik (disebut juga data literal) tidak dapat dioperasikan secara matematika. Contoh : Contoh7.php: Variabel dan Tipe Data String Simpan di dalam folder c:\apache2triad\htdocs\nim_masing-masing\contoh7.php 18 Web Programming 1 AMIK Bina Sarana Informatika 3.2. Variabel Variabel adalah tempat penyimpanan data. Yang diperbolehkan dalam penamaan variabel antara lain: 1. Nama variabel bisa terdiri atas huruf abjad, angka, dan underscore ( _ ) 2. Nama variabel bisa diawali dengan underscore ( _ ) Yang diperbolehkan dalam penamaan variabel, antara lain: 1. Nama variabel tidak boleh diawali dengan angka 2. Nama variabel tidak boleh mengandung operator aritmatika 3. Nama variabel tidak boleh mengandung karakter khusus, seperti : @ ; # ! & . 4. Nama variabel tidak boleh mengandung spasi Di dalam PHP diawali dengan karakter $ diikuti dengan huruf sebagai karakter pertama setelah $. Kemudian kombinasi karakter dan angka. Tidak boleh ada spasi dan tanda baca dalam penamaanya, kecuali karakter (garis bawah, under score). Contoh nama variabel yang benar $namauser $password $kota2 $tempt_lahir 19 Web Programming 1 AMIK Bina Sarana Informatika Contoh8.php: contoh variabel contoh ini menentukan kita mengisi variabel $c dengan isi variabel $a <pre> $a=7; $b="a"; $c=$$b; Hasil eksekusi dengan PHP : "; echo "Nilai b = $b "; echo "Nilai c = $c "; ?> Simpan di dalam folder c:\apache2triad\htdocs\nim_masing-masing\contoh8.php Hasil Tampilan : Catatan : Script PHP menerapkan aturan Case Sensitivenya. misalkan perbedaan antara huruf besar dan huruf kecil setiap penulisan didalam Script harus mengikuti penulisannya yang ditentukan. Case Sensitive biasanya dikenakan untuk namanama ;variabel. 20 Web Programming 1 AMIK Bina Sarana Informatika 3.3. Konstanta Sebenarnya kosntanta sama halnya dengan variabel, hanya saja konstanta bersifat statis di mana ketika nilai sudah didefinisikan makanilai tidak dapat dirubah lagi. Di dalam PHP konstanta dapat didefinisikan dengan statement define, berbeda dengan variabel yang langsung dapat dengan mudah didefinisikan dengan tanda $ (dollar) dan nilai dari konstanta harus bertipe scalar (Boolean, integer, float, string). define (NamaPengenal, nilai_konstanta); Contoh9.php : Jari-jari : $r \n"; $luas=PHI * $r * $r; echo "Luas Lingkaran = $luas"; ?> Simpan di dalam folder c:\apache2triad\htdocs\nim_masing-masing\contoh9.php 21 Web Programming 1 AMIK Bina Sarana Informatika BAB IV PENGENALAN OPERATOR Operator adalah suatu simbol yang berfungsi untuk menyusun sebuah ekspresi maupun operasi. Operator digunakan untuk memanipulasi nilai suatu variabel. Variabel yang nilainya dimodifikasi oleh operator disebut operand. Contoh penggunaa operator mmisalnya: 7–3 7 dan 3 adalah operand. Tanda “-“ disebut operator. Adapun macam-macam operator yaitu : 1. Operator Aritmatika Operator aritmatika digunakan untk melakukan perhitungan matematika. Misalnya : $a=7+3 Operator “+” berfungsi untuk menambahka kedua operand 7 dan 3. Ada beberapa operator aritmatika, yaitu : Operator Fungsi + Penjumlahan - Pengurangan * Perkalian / Pembagian % Sisa pembagian ++ Penaikan -- Penurunan Contoh $a=7+3; echo $a; $a=7-3; echo $a; $a=7*3; echo $a; $a=6/3; echo $a; $a=7%3; echo $a; $a=1; echo $a++; $a=1; echo $a--; 22 Hasil 10 4 21 2 1 2 0 Web Programming 1 AMIK Bina Sarana Informatika Contoh10.php \n"; $hasil = $bil1 - $bil2; echo "$bil1 - $bil2 = $hasil \n"; $hasil = $bil1 * $bil2; echo "$bil1 * $bil2 = $hasil \n"; $hasil = $bil1 / $bil2; echo "$bil1 / $bil2 = $hasil \n"; ?> Simpan di dalam folder c: \ apache2triad \ htdocs \ nim_masing –masing \ contoh10.php 2. Operator Relasional/Pembanding Operator relasional digunakan untuk membandingkn nilai dari dua operand. Hasil perbandingan dinyatakan dalam nilai boolea. TRUE berarti benar, dan FALSE berarti salah. Beberapa jenis operator pembandingan : Operator Fungsi < Lebih kecil dari > Lebihh besar dari <= Lebih kecil sama dengan >= Lebih besar sama dengan == Sama dengan != Tidak sama dengan 23 Web Programming 1 AMIK Bina Sarana Informatika contoh11.php : \n",$bil1, $bil2, $bil1 == $bil2); printf("%d != %d adalah %d \n",$bil1, $bil2, $bil1 != $bil2); printf("%d >= %d adalah %d \n",$bil1, $bil2, $bil1 >= $bil2); printf("%s == %s adalah %d \n",$teks1, $teks2, $teks1 == $teks2); printf("%s != %s adalah %d \n",$teks1, $teks2, $teks1 != $teks2); ?> 3. Operator Logika Merupakan simbol-simbol operator untuk menyusun kalimat Simpan di dalam folder c:\apache2triad\htdocs\nim_masing-masing\contoh11.php 3. Operator Logika Operator logika digunakan untuk membandingkan dua nilai variabel yang bertipe Boolean. Hasil yang didapat dari pengunaan operator logika adalah Boolean. Operator Fungsi && Operasi logika AND || Operasi logika OR ! Not atau negasi 24 Web Programming 1 AMIK Bina Sarana Informatika contoh12.php : $bil2) or ($teks1 == $teks2); printf("(%d <> %d) or (%s == %s) adalah %d \n", $bil1, $bil2, $teks1, $teks2, $hasil); $hasil = ! ($teks1 == $teks2); printf("! (%s == %s) adalah %d \n",$teks1, $teks2, $hasil); ?> Simpan di dalam folder c:\apache2triad\htdocs\nim_masing-masing\contoh12.php 25 Web Programming 1 AMIK Bina Sarana Informatika BAB V PEMBUATAN FORM 5.1. Komponen Form Sebuah website dinamis seringkali memerlukan interaksi antara browser client dan server bisa berupa pemasukan data teks, angka, atau upload file untuk diproses oleh server. Untuk mewadahi suatu data yang dikirimkan oleh browser client, dibutuhkan adanya FORM HTML. Penggunaan form misalnya untuk pendaftaran keanggotaan, pemasukan kode kartu kredit, login user, transaksi perbelanjaan, dan upload file. Dalam FORM HTML terdapat beberapa komponen yang bisa digunakan, antara lain : a. Form b. Text Box Text box : untuk menginput data string ataupun angka. < INPUT TYPE=TEXT NAME=name SIZE=size VALUE=value> c. Text Area Text area : untuk menginput string ataupun angka yang terdiri atas banyak baris. d. Radio buton<br /> <br /> Radio buton : untuk memilih satu pernyataan dari beberapa pernyataan yang disediakan. 26<br /> <br /> Web Programming 1 AMIK Bina Sarana Informatika<br /> <br /> <input type=”radio” value=value checked name=”nama_variabel”> e. Combo Box Combo box untuk menampilkan daftar data. <select size=”1” name=”nama_variabel”> <option>Combo1</option> <option>Combo2</option> f. Check Box Check box untuk memilih satu atau lebih pernyataan dari beberapa pernyataan yang disediakan. <input type=”checkbox” name=”nama_variabel” value=”ON” checked><br /> <br /> g. Submit Submit untuk mengirimkan semua variable data pada komponen-komponen form yang ada. <input type=”submit” name=”submit” value=”submit”> h. Reset Reset untuk membatalkan semua penginputan yang telah dituliskan. <input type=”reset” name=”reset” value=”reset”><br /> <br /> 27<br /> <br /> Web Programming 1 AMIK Bina Sarana Informatika<br /> <br /> contoh13.php : <html> <head> <title>Title here!</title> </head> <body> <FORM NAME="contoh" ACTION=""> Nama : <INPUT TYPE="text" NAME="nama"><BR> Alamat : <textarea rows="2" clos="25" NAME="alamat"> Telepon : Pekerjaan : <select size="1" name="nama_variabel"> Mahasiswa Karyawan 28 Web Programming 1 AMIK Bina Sarana Informatika BAB VI OPERASI PENYELEKSIAN KONDISI 6.1. Logika IF Sebagian besar bahasa pemrograman mengandung pernyataan seleksi. Pada dasarnya pernyataan seleksi adalah suatu mekanisme suatu pernyataan akan dikerjakan atau tidak,hal tergantung pada kondisi yang dirumuskan. Dalam PHP atau bahasa pemrograman lainnya pernyataan seleksi diterapkan dengan menggunakan statemen if. 1. Statement If Bentuk umum pernyataan if, adalah sbb: If (kondisi) { statement; } Prinsip Kerja : Statement di atas akan dikerjakan apabila kondisi bernilai TRUE (1), sedangkan jika kondisi bernilai FALSE (0), maka statement di atas tidak akan dikerjakan. Contoh : Mengabsolutkan nilai bulat 29 Web Programming 1 AMIK Bina Sarana Informatika 2. Pernyataan Else Sebenarnya pernyataan else merupakan bagian dari pernyataan if, yang mana pernyataan else ini digunakan untuk memberikan alternatif perintah apabila kondisi bernilai FALSE (0). Bentuk umum pernyataan : If (kondisi) { Statement1; } else { Statement2; } Contoh : = 60) { echo “Nilai Anda : $nilai. Selamat, Anda Telah Lulus!!”; } else { echo “Nilai Anda : $nilai. Sorry, Anda Tidak Lulus!!”; } ?> 3. Pernyataan Else If Jika pernyataan else memberikan alternatif pilihan kedua pada pernyatan di atas, maka pernyataan elseif adalah untuk merumuskan banyak alternatif pilihan (lebih dari dua pilihan). Adapun bentuk umumnya : 30 Web Programming 1 AMIK Bina Sarana Informatika If (kondisi1) { statement_1; } elseif (kondisi2) { statement_2; } ……… ……… } Else { statement_n; } Contoh : = 0) && ($nilai <50)) { $indek = “E”; } elseif (($nilai >= 50) && ($nilai <60)) { $indek = “D”; } elseif (($nilai >= 60) && ($nilai <75)) { $indek = “C”; } elseif (($nilai >= 75) && ($nilai <85)) { $indek = “B”; } elseif (($nilai >= 85) && ($nilai <100)) { $indek = “A”; } else { $indek = “Nilai diluar jangkuan”; } echo “Nilai Anda : $nilai, dikonversi menjadi ‘$indek’ “; ?> 31 Web Programming 1 AMIK Bina Sarana Informatika 6.2. Switch - Case Serupa dengan pernyataan if – elseif – else, pernyataan switch juga memberikan banyak alternatif pilihan pernyataan. Adapun bentuk umum switch : switch (nilai_ekspresi) { case nilai_1 : statement_1; break; case nilai_2 : statement_2; break; default : statement_n; } contoh : 32 Web Programming 1 AMIK Bina Sarana Informatika BAB VII PERULANGAN Proses perputaran suatu nilai dari nilai tertinggi sampai terendah atau sebaliknya dari nilai terendah menuju nilai tertinggi. Berikut ini adalah macam dari perulangan diantaranya : 1. For Pengulangan yang jumlah pencacah yang sudah pasti atau sudah di ketahui. Bentuk Umum : For (nilai awal ; batas pengulangan ; operator increament/decreament) Contoh : Tampilan Hasil : Web I " ; } ?> 2. While Perulangan yang melakukan pengecekan syarat di awal blok perulangan. Selama syarat bernilai benar, perulangan akan terus berlanjut dan sebaliknya jika syarat bernilai salah perulangan akan dihentikan Bentuk Umum : Nilai awal while (batas pengulangan) { pernyataan ; operator increament/decrement ; } 33 Web Programming 1 AMIK Bina Sarana Informatika Contoh : Tampilan Hasil : " ; $d=1; while($d<=4) { echo"

"; echo"$d" $d++; } echo"

"; ?> 3. Do While Kebalikan dari for dan while karena do…while melakukan pengecekan terhadap syarat di akhir blok perulangan. Contoh : " ; $j=1; do { if($j%2==0) { $warna="blue"; } Else { $warna="yellow"; } Echo"$j" ; $j++ ; } While($j<=10); Echo""; ?> Tampilan Hasil :

34

Web Programming 1 AMIK Bina Sarana Informatika

Tugas : 1. Buatlah sebuah program perulangan berikut ini : Di klik

Di klik

35

Web Programming 1 AMIK Bina Sarana Informatika

BAB VIII ARRAY Sekumpulan data atau dapat juga di artikan pemetaan antara key dan value. Kumpulan data tersebut dinamakan elemen array. Elemen array tersusun secara index, elemen pertama ber-index 0, elemen kedua berindex 1 dan seterusnya. Bentuk umum : Array (elemen array)

Contoh 1 :

Tampilan Hasil :


index "; echo " Alamat : " . $alamat[ 1 ] ; echo "
"; echo " Telepon : " . $telepon[ 2] ; ?> Contoh 2:

Tampilan Hasil :

"; for($i=0; $i<=4; $i++) { echo "
1. $nama[$i]
"; }echo "
"; ?> 36

Web Programming 1 AMIK Bina Sarana Informatika

Contoh 3: Nama tokoh urutan pertama adalah $kartun[0]
urutan terakhir adalah $kartun[4] "; ?> Tampilan Hasil :

Tugas : 1. Buatlah program array dengan menampilkan urutan mahasiswa seperti ini : adel, sausan, triaszada,fifi,umay, ifur, fitria 2. Tampilkan nama mahasiswa urutan ke-1, ke-7 dan ke- 3

37

Web Programming 1 AMIK Bina Sarana Informatika

BAB IX FUNGSI Fungsi adalah sekumpulan perintah program yang dapat menerima input dan dapat memberikan hasil output berupa sebuah nilai atau sebuah hasil dari operasi. Bentuk umum : Function nama fungsi (variabel1,variabel2,…) {statement ; }

Contoh 1:

Tampilan Hasil :

Penjelasan : Test () adalah nama fungsi yang didalamnya tidak terdapat variabel, function test() memiliki nilai, untuk mencetak browser cukup dengan menuliskan test() tidak menggunakan echo atau print.

38

Web Programming 1 AMIK Bina Sarana Informatika

Contoh 2 :

Tampilan Hasil :

" ; Ketik ("bukan Fitriaszada, melainkan saya ") ; ?> Penjelasan : Function ketika memiliki variabel yang bernama ktk, variabel ktk hanya memiliki nilai awal “Yang kita ketik..” selanjutnya kita akan menyisipkan nilai yang sifatnya berubah-ubah, sehingga di perlukan sebuah argumen variabel a atau nilai langsung pada function ketik. Tugas : 1. Buatlah program dengan menggunakan fungsi dengan tampilan sebagai berikut :

39

Web Programming 1 AMIK Bina Sarana Informatika

BAB X METHOD POST DAN GET Komponen-komponen FORM HTML dapat dikenali sebagai variabel yang bernilai data, maka semua komponen harus di letakan di antara tanda
…
. Khusus untuk komponen file upload, TAG HTML FORM harus di ubah menjadi
…
Struktur penulisan HTML FORM adalah sebagai berikut :
komponen form


Atau


komponen form


Keterangan properti form adalah sebagai berikut : 1.

Action adalah nama file web tujuan yang akan menerima variabel data yang dikirimkan melalui form. File web tujuan bisa juga dikirimkan kepada dirinya sendiri yang berarti setelah menekan tombol submit, posisi web akan tetap sama.

2.

Method adalah jenis pengiriman variabel data yang terbagi menjadi dua jenis, yaitu : a.

METHOD GET Nama dan nilai variabel akan tampak di address URL browser. Method GET lebih cocok untuk pengiriman variabel di sertai argumen yang panjang, serta tidak membutuhkan keamanan lebih.

b.

METHOD POST Nama dan nilai variabel tidak akan tampak di address URL browser. METHOD POST lebih cocok untuk pengiriman variabel yang membutuhkan pengamanan.

40

Web Programming 1 AMIK Bina Sarana Informatika

Contoh : Tampilan Input

Tampilan Output

Simpan : Data.php

Simpan : pegawai.php

41

Web Programming 1 AMIK Bina Sarana Informatika

Script data.php :

Formulir Pegawai Negeri Konoha

Isi Data Di Bawah ini :
Nama
Alamat
Tempat Lahir
Tanggal Lahir
Jenis Kelamin	Laki-Laki Perempuan
Pendidikan	<select name="pend"> ==>Pilih<== S1 D3 D1 SMU



42

Web Programming 1 AMIK Bina Sarana Informatika

Script pegawai.php : FORMULIR PEGAWAI NEGERI KONOHA