FORM HTML dan PHP SERTA STRUKT.KEPUTUSAN dan ARRAY

Transkripsi

1 FORM HTML dan PHP SERTA STRUKT.KEPUTUSAN dan ARRAY Aplikasi PHP sering digunakan untuk interaksi dengan pengunjung. Pengunjung dapat memproses sebuah informasi yang dikirim ke server. Proses interaksi antara server PHP dengan pengunjung memerlukan form HTML I. FORM Tiori Form pada PHP adalah sama dgn HTML. Web menerima input dari pengunjung atau pemakai dengan menggunakan method GET dan POST. Method ini didefinisikan oleh pengembang web. Perbedaan dari kedua method adalah dalam cara mengirimkan data. Method GET akan mengirimkan data bersama pada URL, sedangkan POST akan mengirimkan data secara terpisah dari URL. Secara mendasar : Method GET digunakan untuk melakukan query atau memberikan input dengan data yang sederhana dan mudah. Method POST digunakan untuk mengirimkan data yang besar dan kompleks. Besar data dari method GET sangat terbatas, tidak bisa besar, sedangkan dengan menggunakan method POST jumlah data yang dikirim bisa dalam jumlah yang besar. Kelemahan menggunakan method GET adalah data yang digunakan sebagai parameter tertampilkan, hal ini menjadi kelemahan, Sebenarnya /Seharunya data parameter tersebut tersembunyi, selain itu method GET tidak dapat digunakan untuk mengirimkan data ke server dalam jumlah yang besar. Pemrogram web umumnya membuatkan form isian yang harus diisi oleh pengunjung agar data dikirimkan kepada server web. Form isian dalam HTML menggunakan tag <form> dan </form>. Sintaks : <FORM ACTION = _url_ METHODE = GET/POST ENCTYPE= ></FORM> Form tidak dapat berbentuk nested

2 KETERANGAN SINTAX FORM : ACTION Tempat menspesifikasikan URL (Universal Resource Location) yg akan digunakan sbg pemroses field/data input form URL Adalah lokasi document yg akan melakukan proses terhadap input dari Form. METHOD Atribut yg digunakan utk menyatakan bagaimana masukan-masukan berasal dari Form dikirimkan kepada program CGI Di dalam tag <form> dan </form> didefinisikan jenis masukan yang dapat dikirimkan dari browser web pemakai kepada server web. Jenis masukan dalam satu formulir (FORM) dibedakan menjadi : Text : digunakan utk memasukan suatu nilai utk dikirimkan kepada server. Nilai yg dimasukan dpt berupa angka ataupun text. Tombol radio: menyediakan beberapa pilihan (tapi satu pilihan saja yg bisa dilaksanakan) Tombol checkbox : menyediakan beberapa pilihan (bisa lebih dari satu pilihan yg dapat dilaksanakan) List : Menyediak pilihan dlm bentuk list pilihan (yg dipilih bisa satu atau lebih pilihan) ini merupakan gabungan check dan radio. Select : Digunkan utk mendefinisikan tombol (Option), utk melakukan pemrosesan form. Button : Digunakan utk membuat form lebih interaktif. Utk memanggil script yg ada dlm document PHP/HTML Submit : digunakan utk memanggil URL setelah input selesai dimasukan. Reset : Digunakan utk menginisialisasi setiap elemen form Image : digunakan sbg pengganti button, berupa button yg berbentuk gambar. Text Area : digunakan utk memasukan data dlm btk teks berupa memo Password : digunakan utk mendefinisikan password Hidden : digunakan utk menyembunyikan hasil/output DIMANA : Setiap jenis masukan dlm FORM (formulir) tersebut mempunyai tag-tag sendiri dgn masing2 atributnya, yaitu : Tag text <INPUT Type= Text name= var1 size= # maxlength= #> Value pada atribut size menunjukan besar textbox

3 Value pada atribut maxlength menunjukan jumlah karakter maximum yg dpt ditampung. Tag Radio <Input type= radio >pilihan 1 <Input type= radio >pilihan 2 <Input type= radio >pilihan 3 Tag CheckBox <input type= checkbox >pilihan 1 <input type= checkbox >pilihan 2 <input type= checkbox >pilihan 3 Tag Select <Select size=2> <option>pilihan 1 <option>pilihan 2 <option>pilihan 3 <option>pilihan 4 </select> Value pada atribut size digunakan utk menampilkan pilihan pada List lebih dari satu. Default adalah satu pilihan secara otomatis, maka list berupa listbox, yg dapat berlaku seperti dropdown ListBox Tag Button (Submit & Reset) <input type= Submit > <input type= reset > Tag Image <input type= Image src= Url-Image > Tag Text Area <TextArea cols=55 rows= 5 ></textarea> KETERANGAN ELEMEN FORM DIATAS : Pada setiap elemen dpt diberikan nama, dgn memberikan atribut name, dgn value berupa string yg mendefinisikan nama elemen. Dlm pemrogram sering disebut nama variable. Nama variable sebaiknya mencerminkan fungsi dari variable tsb. Kemudian untuk elemen yang berhubungan dengan Form (bentuk kontrol form), Satu hal yang perlu di ingat adalah name (nama) kontrol form tersebut karena nama dijadikan sebagai nama variabel pada masing-masing elemen.

4 Elemen tombol (button) yang digunakan untuk melakukan perintah agar data yang telah dientri dapat dikirimkan kepada server, atau dihapus lagi, diisi dengan nilai awal (default). Tombol untuk pengiriman disebut dengan tombol submit, sedangkan tombol untuk mengembalikan kepada nilai default disebut dengan tombol reset. Setiap jenis masukan (input) dari halaman web minimal harus mempunyai atribut jenis, nama, dan nilai default. Elemen masukan ini dinyatakan dengan menggunakan tag <input>. Contoh : Form metode get Nilau Action method Nama elemen kontrol / variabel Gbr 2. Listing prog latfrm.html Hasilnya : Gbr 1. Listing prog Tambah.php

5 Gbr 3. Hasil running latfrm.html Gbr4. hsl running setelah di inputkan data Hsl metode Get Gbr 5. Tambah.php (hsl running setelah click tombol hitung) Contoh : Form metode POST Adalah form untuk pembelian yang diberi nama order.html. <html> <body> <h4>form Jenis Komputer</h4> <form action="process.php" method="post"> <select name="item">

6 <option>acer</option> <option>dell</option> <option>gtc</option> </select> Quantity: <input name="quantity" type="text" /> <input type="submit" /> </form> </body> </html> OUTPUTNYA : Lihat Tampilan dibawah ini : Selanjutnya kita harus membuat halaman PHP yang akan memproses informasi tersebut. Selanjutnya kita buat file process.php <html> <body> <?php $quantity = $_POST['quantity']; $item = $_POST['item']; echo "You ordered ". $quantity. " ". $item. ".<br />"; echo "Thank you ";?> </body> </html> KETERANGAN ELEMEN FORM DIATAS Kelemahan menggunakan method GET adalah data yang digunakan sebagai parameter tertampilkan, hal ini menjadi kelemahan, Sebenarnya /Seharunya data parameter tersebut tersembunyi, selain itu method GET tidak dapat digunakan untuk mengirimkan data ke server dalam jumlah yang besar.

7 Metode post sebaliknya data yang digunakan sebagai parameter akan disembunyikan, Dan dapat digunakan untuk mengirimkan data ke server dalam jumlah yang besar. Nilai data item dan quantity akan diambil dengan mengunakan array dan fungsi $POST. Untuk mendapatkan nilai datanya, kita harus menyiapkan variabel, misalkan $item dan &quantity II. Struktur kendali : Kondisi & Perulangan Kondisi dan Perulangan : adalah Struktur Kendali atau Statement kendali : merupakan elemen yang sangat penting dalam tiap bahasa pemrograman, karena dengan kendali alur program, kita dapat mengontrol jalannya eksekusi program. Struktur Kendali dalam PHP dilakukan dengan 4 pernyataan if, switch, for dan while. 1. KONDISI IF (Kondisi) & SWITCH(Kondisi) A. Pernyataan IF (Kondisi) Pernyataan IF dikenal juga sebagai pernyataan percabangan, digunakan untuk menentukan salah satu dan pilihan alur eksekusi yang tersedia menurut kondisi tertentu. Ada beberapa pilihan sintaks if yang dapat digunakan: A1. If... dengan satu statement Bentuk umum : If (kondisi) { Statement. } Berdasarkan bentuk diatas, jika kondisi terpenuhi maka akan dikerjakan statement atau pernyataan. Dan jika tidak terpenuhi statement tidak dikerjakan. Statement adalah sebuah perintah tunggal yang akan dikerjakan apabila kondisi bernilai true atau benar. Kondisi mi biasanya berupa operasi logika atau operasi relasi.

8 A2. If... dengan banyak statement Bentuk umum : If (kondisi) { Statement_1; statement_2; Statement_n; } Sama seperti diatas hanya statement dapat berisi lebih dan satu perintah, setiap perintah harus diakhiri dengan tanda titik koma; A3. If..Else. Bentuk umum : If (kondisi) {statement pertama (jika kondisi bernilai benar); } else {statement kedua (jika kondisi bernilai salah); } Hampir sama dengan sebelumnya dengan tambahan perintah lain jika kondisi benar maka akan dikerjakan statement pertama dan jika kondisi salah maka dikerjakan statement kedua. Alternatif lain dan intaks if..else anda dapat menggunakan operator ternary (?) lengan bentuk umum: kondisi? statement 1 (true) statement 2 (false) A4. If.. Elseeif.. Bentuk umum : If (kondisi_1) { statement pertama (jika kondisi bernilai benar);} elseif (kondisi_2) { statement kedua (jika kondisi bernilai salah dan kondisi 2 benar);} else { statement ketiga (jika) kondisi 1 dan kondisi 2 bernilai salah);} Jika kondisil tidak terpenuhi, program akan memeriksa apakah kondisi2 terpenuhi atau tidak. Jika terpenuhi statement2 yang akan

9 dikerjakan. Bila tidak terpenuhi akan diperiksa kondisi berikutnya, sampai tidak ada kondisi lain yang diperiksa. CONTOH 1 : If... dengan satu statement Listing prog contoh1.php <HTML> <HEAD><TITLE>Percabangan if</title></head> <BODY bgcolor=#cefabe text=blue> <? $umur=5;$usiaku=6; If ($usiaku>$umur) { echo Saya tidak termasuk Balita <BR> ; }?> </BODY></HTML> Hasilnya sbb : Gbr 1. hsl running CONTOH 2 : If... dengan banyak statement Listing prog contoh2.php <HTML> <HEAD><TITLE>Percabangan if</title></head> <BODY bgcolor=#cefabe text=blue> <? $umur=5;$usiaku=7; If ($usiaku>$umur) { echo usia saya = $usiaku tahun<br> ; echo Saya tidak termasuk Balita <BR> ; echo Saya sudah besar <BR> ; }?> </BODY></HTML> Dan hasilnya sbb :

10 Gambar 5.7 Tampilan contoh06.php3 CONTOH 3 : If..Else. Listing prog latihif3.php Dan hasilnya sbb : Listing prog hslif2.php Dan hasilnya sbb :

11 Hasil running tempat input data1 Hsl running stelah click tombol LIHAT HSL data1 Hasil running tempat input data2

12 Hsl running stelah click tombol LIHAT HSL data2 CONTOH 4 : If.. Elseeif.. Listing prog. frmif3.php Dan Listing prog. Latihif3.php yang akan dieksekusi setelah mengclik tombol submit Hitung Nilai adalah dibawah ini :

13 Dan hasilnya sbb: Listing prog. Latihif3.php Hasil running input data1

14 Hasil setelah click tombol hitung, data1 Hsl running input data2 Hasil setelah click tombol hitung, data2

15 Hasil running input data3 1. KONDISI Hasil setelah click tombol hitung, data3 B. Pernyataan Switch (Kondisi) Switch digunakan apabila ada satu ekspresi yang memiliki banyak kemungkinan nilai dimana masing-masing nilai ada perintah yang harus dikerjakan. Bentuk umum : Switch (kondisi) { case syarat1: statement1; break; case syarat2: statement2: break;.. Default Statement default; }

16 Konsep switch mirip dengan pernyataan if, sehingga switch digunakan sebagai alternatif pengganti pernyataan dan if. Break merupakan perintah yang digunakan untuk keluar dari suatu kondisi Swicth. Contoh : 1 Listing prog. FormIcase3. php Dan hasilnya sbb : Listing prog. Latihcase3.php

17 Hasil running input data1 Hasil setelah click tombol hitung, data1 Hasil running input data2

18 Hasil setelah click tombol hitung, data2 Hasil running input data3 Hasil setelah click tombol hitung, data3

19 Hasil running input data4 Hasil setelah click tombol hitung, data4 Contoh 2 : <HTML><HEAD><TITLE>Penggunaan Switch< /TITLE>< /HEAD> <BODY bgcolor=#afecce text=blue> <? Switch($nilaiakhir) { case A : $ket_lulus= Lulus dengan sangat memuaskan ; break; case B : $ket_lulus= Lulus dengan memuaskan ; break; case C : $ket_lulus= Lulus dengan cukup memuaskan ; break; default : $ket_lulus= Tidak Lulus ; } echo Nilai = $nilaiakhir <br> ; echo Predikat kelulusan = $ket_lulus <br> ;?> </BODY></HTML>

20 Dan hasilnya sbb : 2. PENGULANGAN A. Pernyataan FOR Perintah digunakan untuk mengulangi perintah dengan jumlah pengulangan yang sudah diketahui. Pada perintah ini anda tidak perlu menuliskan sebuah kondisi untuk diuji. Anda hanya perlu menuliskan nilai awal dan akhir variabel penghitung. Nilai variabel penghitung ini akan secara otomatis bertambah atau berkurang setiap kali sebuah pengulangan dilaksanakan. Standar penulisannya adalah: Bentuk umum: for (nilai_awal; nilai_akhir; peningkatan/penurunan) { Statements; } Contoh 1 : <BODY> Tanggal Lahir: <SELECT name=tanggal> <OPTION VALUE=0 SELECTED >Tanggal <?php //Bentuk pilihan Tanggal 1 sampai dengan 31 for($i 1; $i < 32; $i++) {echo <OPTION VALUE=$i >$i ;}?> </OPTION> </SELECT> <BODY> Dan hasilnya sbb :

21 Contoh 2 : Listing Prog. For2 Execusi prog : For2.php B. Pernyataan WHILE

22 Perintah ini digunakan untuk mengulangi sebuah perintah sampai jumlah tertentu. Untuk menghentikan pengulangan digunakan suatu kondisi tertentu. Nilai kondisi ini, seperti halnya pada perintah IF...THEN... ELSE, mempunyai basil akhir berupa salah (false) atau benar (true). Pengulangan akan terus berjalan selama kondisi masih bernilai benar. Standar penulisannya adalah. Bentuk umum: Contoh : <HTML> <HEAD><T1TLE>Struktur Pengulangan dengan while </TITLE></HEAD> <BODY> <?php $i=1; while ($i <= 5) { echo $i <BR> ; $i++; }?> </BODY></HTML> Dan hasilnya sbb : While(kondisi) { Statements; } Dimana : Untuk masuk ke dalam perulangan while, maka kondisi harus dibuat benar terlebih dahulu, Perulangan tidak akan berhenti jika

23 kondisi masih bernilai benar, maka harus dibuat pernyataan yang menyebabkan kondisi menjadi tidak benar. Nilai variabel I akan selalu berubah yang menyebabkan kondisi menjadi tidak terpenuhi dan perulangan akan berhenti. C. Pernyataan DO WHILE Perintah ini mirip perintah while. Proses pengulangan akan berjalan jika kondisi yang diperiksa di while masih bernilai benar dan perulangan akan dihentikan jika kondisinya telah bernilai salah. Standar penulisannya adalah: Bentuk umum: Do { Statements; } While(kondisi) Perbedaan antara perintah while dengan do...while adalah letak dan kondisi yang diperiksa terletak di awal perulangannya sehingga sebelum masuk ke dalam lingkup perulangan while, kondisi harus bernilai benar. Sedangkan pada perintah Do...while, kondisi di periksa diakhir perulangan. ini berarti bahwa paling sedikit sebuah perulangan akan dilakukan oleh perintah Do...while, karena untuk masuk ke lingkup perulangan tidak ada kondisi yang harus dipenuhi. Contoh 1 : <HTML> <HEAD><TITLE>Struktur Pengulangan dengan do while </T1TLE></HEAD> <BODY> <? $i=1; Do { echo $i. ; $i++; } while ($i <= 5)?> </BODY> </HTML> Dan hslnya sbb :

24 Contoh 2: Dan hslnya sbb : Listing prog. For03.php Hasil Execusi prog. For03.pp

25 Aplikasi dan Latihan : 1. Penulisan Operasi Arithmatik pada Select Option Pada aplikasi kali mi. kita akan mencoba permasalahan operasi arithmatik dengan menggunakan struktur kendali if elseif -. dengan pemasukan data dan form. Perhatikan listing kode HTML dan gambar berikut: Perhatikan listing kode HTML berikut ini : Menjalankan Form PHP yang bernama : Operasi01.php <html> <head> <title> Aplikasi Operasi Arithmatik:::</title> </head> <body> <form action=operasi01.php method=post> <h2>operasi Arithmatik A dan B</h2> <table bgcolor=#cedadc bordercolor=#cfdbdd> <tr><td>masukan Nilai A </td><td><input type=text size=10 name=$a> </td></tr> <tr><td>masukan Nilai B </td><td><input type=text size=10 name=$b> </td></tr> <tr><td>operasi </td><td> <select name=operasi> <option value=1>penjumlahan [a+b]</option> <option value=2>pengurangan [a-b]</option> <option value=3>perkalian [a*b] </option> <option value=4>pembagian [a/b]</option> </select> </td></tr> <tr><td colspan=2 align=center> <input type=submit name=submit value=hitung> </td></tr> </tabie></form> </body> </html> Listing prog. Operasi01.php. <? If ($operasi==1) { $c=$a+$b; $oper= [ a + b ] ; } elseif ($operasi==2) { $c=$a-$b; $oper= [ a - b ] ; } elseif ($operasi==3) { $c=$a*$b; $oper= [ a * b ] ; }

26 else $c=$a/$b; $oper= [ a / b ] ; } echo Nilai A = $a dan Nilai B = $b <br> ; echo Hasil Operasi $oper adalah = $c ;?> Atau bila dituliskan Listing prog. Operasi01.php. dengan kondisi : Switch(Kondisi) {Case...}, adalah sbb : <? switch ($operasi) { case 1 : $c=$a+$b; $oper= [ a + b ] ; break; case 2 : $c=$a-$b; $oper= [ a - b ] ; break; case 3 : $c=$a*$b; $oper= [ a * b ] ; break; case 4 : $c=$a/$b; $oper= [ a / b ] ; break; echo Nilai A = $a dan Nilai B = $b <br> ; echo Hasi1 Operasi $oper adalah = $c ;?> Listing prog. Operasi01.php. Dlm Penulisan Switch Case Dan hslnya sbb :

27 Keterangan : Pada Select menunjukkan operasi arithmatika a dan b. Jika program tersebut dijalankan maka nilai A yang dimasukkan akan tersimpan pada variabel $a dan Nilai B tersimpan pada variabel $b. dan pilihan operasi tersimpan ke variabel $operasi untuk melihat hasil klik pada tombol hitung sehingga program akan menjalankan operasi01.php. variabel $a, $b dan $operasi pada listing kode HTML adalah name masing-masing kontrol from. 2. Pengulangan FOR : Menampilkan Tanggal pada Select Option. <html> <head><title>::: Aplikasi Tanggal :::</title></head> <body bgcolor=#aebbde> <SELECT name=tanggal> <OPTION VALUE=0 SELECTED >Tanggal <?php //Bentuk pilihan tanggal 1 sampai dengan 31 For ($i = 1; $i < 32; $i++) echo <OPTION VALUE=$i >$i ;?> </OPTION> </SELECT> <SELECT NAME=bulan> <OPTION VALUE=0 SELECTED >Bulan <OPTION VALUE=1>Januari <OPTION VALUE=2>Pebruari <OPTION VALUE=3>Maret <OPTION VALUE=4>April <OPTION VALUE=5>Mei <OPTION VALUE=6>Juni <OPTION VALUE=7>Juli <OPTION VALUE=8>Agustus <OPTION VALUE=9>September <OPTION VALUE=10>Oktober <OPTION VALUE=11>November <OPTION VALUE=12>Desember </OPTION></SELEC> <SELECT name=tahun> <OPTION VALUE=0 SELECTED >Tahun <?php // Bentuk pilihan tahun sebanyak 100 tahun // dimulai tahun sekarang $sekarang = (integer) date( Y ); for($i = $sekarang; $i <= ($sekarang+100); $i++) { echo <OPTION VALUE=$i >$i <BR> ; }?> </OPTION></SELECT> </body> </html>

28 Dan hasilnya sbb : Gambar. Tampilan Aplikasi Tanggal 3. ARRAR Array digunakan untuk mengidentifikasikan variabel yang memiliki sejumlah nilai berbeda namun dengan satu nama variabel, misalkan saja kita memiliki variabel $hari yang kita ketahui bahwa nama hari tidak hanya 1, untuk mengidentifikasi variabel $hari yang memiliki banyak nilai kita bisa menggunakan. Misalnya $hari[1] = Senin lalu $hari [2]= Rabu dst. Indeks $hari[0] $hari[1] $hari[2] $hari[3] $hari[4] $hari[5] $hari[6] Ahad Senin Selasa Rabu Kamis Jum at Sabtu $hari Data yang disimpan dalam array menggunakan indeks yang berfungsi untuk memudahkan pencarian kembali data tersebut. Dan untuk mengakses/menampilkan isi/data array : List($indeks, $value) = List($indeks, $hari) atau dapat juga menggunakan kondisi dan pengulangan : while (list($indeks1l, $nilai1) = each($var-data-array) )

29 Contoh : <?php // Membuat array berdimensi dua $peserta array ( Pancasila => array( Hammam, Joko, Kiky, Mira), Fisika_Dasar => array( Dona, Dma, Doni, Kiky ), Basis_Data=>array( Hammam, Dini, Dina, Robert, Sobek ), Kalkulus => array( Andi, Arman, Sobek, Anton ));?> // Menampilkan isi array while (list($indeks1l, $nilai1) = each($peserta) ) { print ( Peserta $indeks1 : <BR>\n ); $nomor = 1; while ( list($indeks2, $nilai2) = each($nilai1) ) { print( $nomor. $nilai2 <BR>\n ) $nomor++; } { Variable array dan Data array akan dibahas pada pertemuan selanjutnya.