PRAKTIKUM PEMROGRAMAN WEB - PHP 1 Praktikum 1 HTML 1.1. TUJUAN a) Mengenal, memahami dan menguasai dasar-dasar HTML b) Mengenal dan memahami script HTML c) Mengenal dan memahami setiap objek sebagai dasar pembuatan interface pada halaman browser d) Mampu membuat halaman web 1.2. MATERI 1.2.1. Struktur Dasar HTML Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. Ciri utama dokumen HTML adalah adanya tag dan elemen. Elemen dalam dokumen HTML dikategorikan menjadi dua yaitu elemen <HEAD> yang berfungsi memberikan informasi tentang dokumen tersebut dan elemen <BODY> yang menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragraf, list(daftar), tabel dan lain-lain. Sedangkan tag dinyatakan dengan tanda lebih kecil “ < “ (tag awal ) dan tanda lebih besar “ > “ (tag akhir). Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/"). HANI ATUN MUMTAHANAH, S.Kom ( hunnybeat03 @ gmail .com ) L. ANANG SETIYO, S.Kom ( …………………………………. ) TOMMY DWI DAYANTO H, S.Kom ( [email protected])
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
PRAKTIKUM PEMROGRAMAN WEB - PHP 1
Praktikum 1
HTML
1.1. TUJUAN
a) Mengenal, memahami dan menguasai dasar-dasar HTML
b) Mengenal dan memahami script HTML
c) Mengenal dan memahami setiap objek sebagai dasar pembuatan interface
pada halaman browser
d) Mampu membuat halaman web
1.2. MATERI
1.2.1. Struktur Dasar HTML
Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk
menulis halaman web. Ciri utama dokumen HTML adalah adanya tag dan elemen.
Elemen dalam dokumen HTML dikategorikan menjadi dua yaitu elemen <HEAD> yang
berfungsi memberikan informasi tentang dokumen tersebut dan elemen <BODY> yang
menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti
paragraf, list(daftar), tabel dan lain-lain. Sedangkan tag dinyatakan dengan tanda lebih
kecil “ < “ (tag awal ) dan tanda lebih besar “ > “ (tag akhir). Dalam penggunaannya
sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu
diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/").
Dokumen HTML mempunyai tiga buah tag utama yang membentuk struktur
dari dokumen HTML yaitu HTML,HEAD dan BODY. Tag HTML berfungsi untuk
menyatakan suatu dokumen HTML, tag HEAD berfungsi untuk memberikan informasi
tentang dokumen HTML dan tag BODY berfungsi untuk menyimpan informasi atau
<html><head><title>struktur dokumen html </title></head><body>Hello,saya baru belajar bikin web lhooo…</body></html>
Tulislah kode html tersebut diatas dengan program editor, kemudian
Simpan kedalam direktori data anda dengan nama file awal.html
Jalankan di browser dan buka file awal.html
Capture hasil ditampilan browser
2. Heading dalam HTML :
<html><head><title> ::heading dokumen html:: </title></head><body><h1>heading tingkat 1 </h1><h2>heading tingkat 2 </h2><h3>heading tingkat 3 </h3><h4>heading tingkat 4 </h4><h5>heading tingkat 5 </h5><h6>heading tingkat 6 </h6></body></html>
Tulislah kode html tersebut diatas dengan program editor, kemudian
Simpan kedalam direktori data anda dengan nama file heading.html
Jalankan browser dan buka file heading.html
Capture hasil ditampilan browser
3. Paragraf dalam HTML :
<html><head><title>paragraf</title></head><body><p align="right">HTTP adalah suatu protokol yang menentukan aturan yang perlu diikuti oleh web browser dalam meminta atau mengambil suatu dokumen dan oleh web server dalam menyediakan dokumen yang diminta web browser.<p align="center">
Internet berasal dari kata interconnection networking yang mempunyai arti hubungan berbagai komputer dan berbagai tipe komputer yang embentuk sistem jaringan dan mencakup seluruh dunia (jaringan global) dengan melalui jalur telekomunikasi seperti telepon, wireless dan lainnya.<p align="left">Web Browser yang bertindak sebagai client memungkinkan anda untuk menginterpretasikan dan melihat informsi pada Web, sedang web server yang bertindak sebagai server memungkinkan anda untuk menerima informasi yang diminta browser</P></body></html>
Tulislah kode html tersebut diatas dengan program editor, kemudian
Simpan kedalam direktori data anda dengan nama file paragraf.html
Jalankan browser dan buka file paragraf.html
Capture hasil ditampilan browser
4. Preformatted Text dalam HTML :
<html><head><title>preformatted text</title></head><body><pre>Munafik==============================Munafik adalah perbuatan yang tercela yang bisa merugikan diri sendiridan orang lain.Ciri-ciri orang munafik adalah :- bila berbicara selalu berbohong- bila dipercaya maka akan berhianat- suka mengadu bomba.- dll.</pre></body></html>
Tulislah kode html tersebut diatas dengan program editor, kemudian
Simpan kedalam direktori data anda dengan nama file pre.html
<body><h3>sesuatu yang tidak perlu dicoba</h3><blockquote>sesuatu yang kelihatan mengasyikkan tapi sebenarnya lebih banyakmenambah masalah pada remaja adalah narkoba, seks, alkohol danmerokok. jangan sekali-kali mencoba jika tidak ingin membuatmasalah baru</blockquote></body></html>
Tulislah kode html tersebut diatas dengan program editor, kemudian
Simpan kedalam direktori data anda dengan nama file blockquote.html
Jalankan di browser dan buka file blockquote.html
Capture hasil ditampilan browser
6. Line Break dalam HTML :
<html><head><title>linebreak</title></head><body><p>ada beberapa jalur alternative menuju ugm , yaitu :<br>melalui jakal<br> melalui jalan selokan<br> melalui Colombo <br>dll</body></html>
Tulislah kode html tersebut diatas dengan program editor, kemudian
Simpan kedalam direktori data anda dengan nama file linebreak.html
Jalankan browserdan buka file linebreak.html
Capture hasil ditampilan browser
7. Ukuran font dalam HTML :
<html><head><title>ukuran font</title></head><body><font size=1>ukuran font 1</font><br><font size=2>ukuran font 2</font><br><font size=3>ukuran font 3</font><br><font size=4>ukuran font 4</font><br><font size=5>ukuran font 5</font><br><font size=6>ukuran font 6</font><br><font size=7>ukuran font 7</font><br></body></html>
Tulislah kode html tersebut diatas dengan program editor, kemudian
Simpan kedalam direktori data anda dengan nama file font.html
Jalankan browserdan buka file font.html
Capture hasil ditampilan browser
8. Jenis font dalam HTML :
<html><head><title>jenis font</title></head><body><font size=5><font face = "arial">arial , contoh ac milan <p><font face = "verdana">verdana , contoh persebaya <p><font face = "tahoma">tahoma , contoh indonesia <p></body></html>
Tulislah kode html tersebut diatas dengan program editor, kemudian
Simpan kedalam direktori data anda dengan nama file fontface.html
Jalankan browserdan buka file fontface.html
Capture hasil ditampilan browser
9. Warna font dalam HTML :
<html><head><title>warna font</title></head><body><font size=5><font color= "red">yogyakarta <p><font color = "#ff0000">kota budaya <p><font color = "#00ff00">kota pariwisata dan pendidikan<p></body></html>
Tulislah kode html tersebut diatas dengan program editor, kemudian
Simpan kedalam direktori data anda dengan nama file fontcolor.html
<body><a name="atas">pemain-pemain club zamaliq</a><blockquote><p>Ikrimach,<a href="#info">info lengkap</a><p>Ale<p>marwan<p>mamato<p>sidqi<p><a href="link2.html">kalo mau tahu lagi klik disini</a></blockquote><p><a name="info">ikrimach</a><blockquote><p>bernama lengkap francessco totti ikrimach<br>ilcapitano de roma<br>pemain terbaik sepanjang masa</blockquote><p><a href="#atas">kembali ke atas</a></body></html>
Tulislah kode html tersebut diatas dengan program editor, kemudian
Simpan kedalam direktori data anda dengan nama file link.html
Jalankan browserdan buka file link.html
Capture hasil ditampilan browser
11. Link tujuan dalam HTML :
<html><head><title>link tujuan</title></head><body><p align="center"> maaf, hanya sedikit<br>zaki<br>sa’ed<br>sa’ad<br><a href="link.html">kembali</a></body></html>
Tulislah kode html tersebut diatas dengan program editor, kemudian
Simpan kedalam direktori data anda dengan nama file link2.html
Tulislah kode html tersebut diatas dengan program editor, kemudian
Simpan kedalam direktori data anda dengan nama file tablekompleks.html
Jalankan browserdan buka file tablekompleks.html
Capture hasil ditampilan browser
14. Membuat Form Input dengan Text box
<html><head><title>form input dengan text box</title></head><body><p>rancangan awal buku tamu </p><table border="0" cellpadding="0" cellspacing="2"><tr><td width="11%">nama</td><td width="3%">:</td><td width="86%"><input type="text" name="nama" size="20"></td></tr>
<a href="link.html" target="utama">link</a></font></p></body></html>kanan.html<html><head></head><body></body></html>profil.html<html><head></head><body bgcolor="#ffffff" text="#000000"><p><font face="verdana" size="2">profil :<br>portal web ini adalah hasil karya anak-anak yang suka gembus</font></p></body></html>
buatlah atau tulis kode file-file tersebut diatas pada editor
a) Mengenal, memahami dan menguasai dasar-dasar PHP
b) Mengenal dan memahami script PHP
c) Mengenal dan memahami penggunaan Tipe Data, Variabel dan Fungsi dengan
script PHP
d) Mampu menjalankan halaman browser dengan serverside PHP
e) Mampu membuat halaman web dengan PHP
2.2. MATERI
2.2.1. Struktur Dasar PHP
PHP adalah salah satu bahasa Server-side yang didesain khusus untuk aplikasi web. PHP dapat disisipkan diantara bahasa HTML dan karena bahasa Server side, maka bahasa PHP akan dieksekusi di server, sehingga yang dikirimkan ke browser adalah “hasil jadi” dalam bentuk HTML, dan kode PHP anda tidak akan terlihat.
Diawal Januari 2001, PHP telah dipakai lebih dari 5 juta domain diseluruh dunia, dan akan terus bertambah karena kemudahan aplikasi PHP ini dibandingkan dengan bahasa Server side yang lain. Anda dapat melihat angka sesungguhnya di http://www.php.net/usage.php.
PHP termasuk dalam Open Source Product. Jadi anda dapat merubah source code dan mendistribusikannya secara bebas. PHP juga diedarkan secara gratis. Anda bisa mendapatkannya secara gratis. PHP juga dapat berjalan diberbagai web server semisal IIS, Apache. PWS, dll.
Langkah untuk menjalankan dokumen php pada server apache :1. Simpan dokument.php di folder apache/htdocs/2. Jalankan web server apache.3. Pada browser address ketikkan URL dokument.php contoh :http://localhost/dokument.php
1. Script php diawali tag “ <? “ dan diakhiri dengan tag “ ?>”.- contoh penulisan kode php :a. <?Script php?>b. <?php script php?>c. <script language = “php”>script php</script>
2. Penulisan tag php dengan html<? // nama file phpinhtml.php ?><html><head><title>Script PHP dalam tag html</title></head><body><?echo "halo saya lagi belajar PHP";?></body></html>
3. Penulisan script php tanpa html<?echo "halo saya lagi belajar PHP";?>
4. Menulis tag html dengan php<?echo"<html><head><title>Script PHP dalam tag html</title></head><body>Tag HTML berada di dalam script PHP</body></html>";?>
5. Menulis komentar<?// ini contoh komentar# ini juga komentar/* untuk menulis komentar lebih dari satu baris menggunakanmetode penulisan seperti ini */?>
6. Setiap statement php diakhiri dengan tanda ( ;) petik koma.<?Echo “hallo ini phpku loh “;Echo “ ini statement yang lain”;?>
Type data adalah jenis data yang akan ditampung oleh suatu variable. Sedangkan variable merupakan tempat untuk menampung data atau nilai.Dalam php terdapat tipe data dasar yaitu:
Integer, untuk data yang berisi angka. Data tersebut dapat digunakan untuk operasi matematika.
String, untuk data yang berisi karakter, tipe data ini tidak digunakan untuk operasi matematika.
Array, untuk data yang berkelompok. Array memiliki nama variable yang sama. Definisi lain dari array adalah kumpulan variable yang memiliki tipe data yang sama.
Float/ double, untuk data yang berupa pecahan desimal. Untuk menangani operasi matematika dengan nilai pecahan.
Objek, digunakan dengan statement fuction.
Aturan untuk pendeklarasian variable :1. Suatu variable dinyatakan dengan tanda dollar ( $ ) dan diikuti nama variable.2. Nama variable tidak boleh diawali dengan angka, harus dengan karakter,
setelahnya dapat diikuti dengan angka/underscore ( garis bawah).3. Penamaan bersifat case sensitive atau variable membendakan huruf kecil dan
besar.4. Deklarasi variable selalu diikuti dengan pemberian ( assignment) nilai dari
variable tersebut. Jika sebuah variable belum memiliki nilai tidak perlu dideklarasikan terlebih dahulu.
Contoh pendeklarasian variable yang benar :<?$umur=25;$_umur=”25 tahun”;$_1001_malam=”cerita”;?>
contoh yang salah :<?Nama = tejo //tidak diawali $ dan diakhir statement tanpa titik koma (;)$1000=5; //pendeklarasian variable diawali angka?>
KonstantaKonstanta adalah variabel yang nilai tetap. PHP telah mendefinisikan beberapa konstanta seperti E_ERROR, E_WARNING, PHP_VERSION dan sebagainya. Cara membuat konstanta, standar penulisan konstanta :Define (“nama_konstanta”,”nilai_konstanta”);Contoh :<html><head></head><body><?define(“kampus”,”Universitas Teknologi Yogyakarta”);echo kampus;?>
ArrayArray merupakan kumpulan variable yang memiliki index berbentuk numeric atau string.Seperti bahasa pemrograman yang lain, php juga menggunakan indeks berupa data numeric yang biasanya dimulai dari angka nol.Membuat dan mengakses arrayUntuk membuat array hampir sama dengan membuat variable yang lain. Namun disini kita harus memberikan indeks. Sebagai contoh :Bentuk 1<?// membuat array($mobil[0] = “Toyota supra”;$mobil[1] = “Nissan skyline”;$mobil[2] = “Honda S2000”;$mobil[3] = “audi TT”;$mobil[4] = “mazda RX-8”;for(a=4;a<=0;a--){echo “nama mobil : <b> $mobil[a] </b>”;}?>
Bentuk 2<?// membuat array ($motor=array(“karisma”,”shogun”,”blitz”,”Jupiter”);while(b=4;b<=0){echo “motor : <b> $motor[b] </b>”;b--;}?>
Function ( fungsi)fungsi merupakan kumpulan perintah yang dibuat atau didefinisikan sekali namun dapat diakses atau digunakan berulang kali. Fungsi memiliki atau dapat menerima variable input dan menghasilkan output dari hasil operasinya. Untuk pendeklarasikan nama fungsi tidak boleh menggunakan fungsi bawaan atau built – in php yang telah ada.
Membuat fungsi<?//pendeklarasian fungsifunction <nama fungsi>(argumen){statements / proses;}?>
1. Apakah PHP itu ? jelaskan !2. Komponen apasajakah yang diperlukan untuk menjalankan PHP ? Sebutkan
dan Jelaskan3. Jelaskan tentang Tipe Data, Variabel dan Fungsi dalam PHP4. Buatlah sebuah halaman browser, yang menerapkan penggunaan Tipe Data,
Variabel dan Fungsi dalam PHP 5. Buat link untuk soal nomor 4 dari aplikasi yang anda buat pada Tugas
Pendahuluan Modul I
2.4. TUGAS PRAKTIKUM
Pendahuluan :1) Buatlah 1 folder dengan nama P2_<nim>_<kelas> , contoh 09999_6A2) Buatlah 1 folder dengan nama dataweb_<nim>_<kelas> difolder yang sudah
dibuat di langkah 1, contoh dataweb_09999_6A3) Buatlah 1 file dokumen dengan nama datadoc_<nim>_<kelas> difolder yang
sudah dibuat di langkah 1, contoh datadoc_09999_6A.doc4) Tulislah kode PHP diabwah ini dengan program editor, kemudian5) Simpan kedalam direktori data anda sesuai dengan nama file php nya6) Jalankan browser dan buka file php tersebut7) Capture hasil ditampilan browser* Pastikan web server telah berjalan dengan baik!
1. contohphp1.php<html><head><title> variabel dalam php </title></head><body><?$variabel=10;echo ("nilai variabel = $variabel<br>"); //variabel bertipe integer$variabel=2+3.5;echo ("nilai variabel = $variabel<br>"); //variabel bertipe double$variabel="selamat datang di php";echo ("nilai variabel = $variabel<br>"); //variabel bertipe string/* deklarasi variabel */$tanggal = date ("d f y");$judul = “selamat belajar php”;$garis = “========================”;$nama = " sutarman,s.kom " ;/*script pengenalan variabel*//*memanggil variabel tanggal*/print("$tanggal<br>\n");/* memanggil variabel nama */echo $judul.”<br>”;echo $garis.”<br>”;echo $nama .”selamat datang !….".”<br>”.$garis;?></body></html>
$bilangan1 = 10;$bilangan2 = 4;echo "bilangan pertama = $bilangan1";echo "<br>"; // untuk membuat baris baruecho "bilangan kedua = $bilangan2";echo "<br>";echo"--------------------------";echo "<br>";// operasi penambahan$hasil = $bilangan1 + $bilangan2;echo "hasil penambahan = $hasil";echo "<br>";// operasi pengurangan$hasil = $bilangan1 - $bilangan2;echo "hasil pengurangan = $hasil";echo "<br>";// operasi perkalian$hasil = $bilangan1 * $bilangan2;echo "hasil perkalian = $hasil";echo "<br>";// operasi pembagian$hasil = $bilangan1 / $bilangan2;echo "hasil pembagian = $hasil";echo "<br>";// operasi modulus ( sisa bagi )$hasil = $bilangan1 % $bilangan2;echo "hasil sisa bagi = $hasil";echo "<br>";?>
3. contohphp3.php<?$kata1 = "saya sedang belajar";$kata2 = "Pemrograman PHP";// mencetak kataecho "$kata1 $kata2";echo "<br>";// menggabungkan kata dengan cara yang salah$gabung = $kata1 + $kata2;echo "<br>";echo "\$gabung = $gabung";// menggabungkan kata dengan cara yang benar$kata1 = $kata1." ".$kata2;// atau bisa juga seperti ini//$kata1 = $kata1." ".$kata2;//atau dapat digunakan cara//$kata1.=$kata2;echo "<br>";echo "\$kata1 = $kata1";?>
<?//array asli$namapenjahat = array("aling","apau","leeyau","yenste");//menampilkan array asliecho "ini adalah nama penjahat kelas teri <br/>";while (list($key,$value)=each($namapenjahat)){echo "$key : $value <br/>";}//menambah arrayarray_push($namapenjahat,"jerry","toms","kamu");//menampilkan array hasil penambahanecho "ini adalah nama penjahat tambahannya <br/>";while (list($key,$value)=each($namapenjahat)){echo "$key : $value <br/>";}//array binatang$binatangku = array("kambing","sapi","rusa","ayam");//menggabungkan array$fusion = array_merge ($namapenjahat , $binatangku);echo "dan ini adalah fusion array namapenjahat & namabinatang <br/>";while (list($key,$value)=each($fusion)){echo "$key : $value <br/>";}?>
7. contohfungsi.php<?//membuat fungsi hitung kreditfunction hitung ($angsuran,$bunga,$harga){$cicilan=($harga/$angsuran)+(($harga*$bunga)/100);echo " anda membeli barang dengan harga <b>Rp.$harga,-</b> <br/>";echo " dengan kredit sebanyak <b>$angsuran kali</b> dan bunga <b> $bunga% </b><br/>";echo " maka anda diwajibkan membayar <b>Rp.$cicilan,- </b>setiap bulan<br/><hr/>";}//menggunakan fungsi hitung$angsuran=12;$bunga=10;$harga=22500000;echo "<h2>selamat</h2>";hitung ($angsuran,$bunga,$harga);?>
1. Mengenal dan memahami penggunaan Statemen Kondisi if, if..else, dan Switch dengan script PHP
2. Mengenal dan memahami penggunaan Statemen Perulangan for, while dan do-while dengan script PHP
3. Mengenal dan memahami penggunaan Operator dengan script PHP4. Mampu membuat halaman web dengan menggunakan Statemen Kondisi,
Statemen Perulangan dan Operator
3.2. MATERI
Operator merupakan suatu simbol yang dipakai untuk memanipulasi data, seperti perkalian,penjumlahan, pengurangan, pembagian.
3.2.1. STRUKTUR KENDALI ( Statement )Struktur Kendali atau Statement merupakan elemen yang sangat penting dalam tiap bahasa pemrograman, karena dengan kendali alur kita dapat mengontrol jalannya eksekusi program.Struktur Kendali dalam PHP dilakukan dengan 4 pernyataan :
1. if (statements)2. if (statements) else (statements)3. if (statements) elseif (statements)4. switch case
If (Statements)operator if akan memeriksa sebuah kondisi atau lebih, jika pernyataan memenuhi atau benar maka akan menjalankan perintah yang dinyatakan.
Sintak :<?If (kondisi ) {Dilakukan sesuatu, jika kondisi terpenuhi;}?>
If (Statements) Else (Statements)Operator ini digunakan jika pengecekkan kondisi lebih dari satu ( bertingkat ). Logikanya jika kondisi pertama tidak terpenuhi maka dilakukan action atau perintah 2 selanjutnya.
Sintak :<?If (kondisi ) {Dilakukan sesuatu, jika kondisi terpenuhi;}else {lakukan sesuatu;}?>
If (Statement ) Elseif (Statement)Untuk operator if bertingkat atau memiliki banyak kondisi menggunakan elseif. Logikanya jika kondisi pertama tidak terpenuhi maka dilakukan pengecekan kondisi kedua dan seterusnya.
Sintak :<?If (kondisi 1){Dilakukan sesuatu jika kondisi 1 bernar;}else if (kondisi 2){dilakukan sesuatu jika kondisi 2 benar;}else {lakukan sesuatu;}?>
Switch Case ( Memilih Kondisi )Operator switch case mempunyai struktur kerja yang sama dengan operator if…else. Perbedaan hanya penulisan sintak.
Sintak :<?$variableswitch ( $variable){case (kondisi 1) : perintah jika benar; break;case (kondisi 2) : perintah jika benar; break;case (kondisi 3) : perintah jika benar; break;case (kondisi 4) : perintah jika benar; break;default : perintah; break;} ?>
3.2.2. PERULANGAN ( Looping)Perulangan digunakan untuk menjalankan beberapa perintah secara berulang dengan counter (jumlah) yang telah ditentukan. Seperti pemrograman yang lain, Pada php ada beberapa macan metode perulangan :
ForPerulangan menggunakan operator for akan bernilai benar jika kondisi masih terpenuhi dan kemudian melakukan perulangan perintah seebanyak counter yang ada.
WhilePerulangan while mempunyai struktur logika hampir sama dengan operator for. Hanya penulisan script berbeda dan penulisan counter pada while dilakukan diakhir perintah ini dilakukan agar tidak terjadi looping forever (tanpa batas).
Do….WhileOperator do…while mempunyai struktur yang berbeda dengan operator perulangan yang lain. Adapun perbedaannya operator ini tidak melakukan pengecekan kondisi pada awalnya, atau akan melakukan perintah terlebih dahulu lalu melakukan pengecekan kondisi setelah perintah dijalankan, jadi operator ini akan melakukan perulangan minimal sekali apapun kondisinya.
3.2.3. OPERATOR ARITMETIKA DALAM PHPOperator aritmatika adalah operator yang digunakan untuk melakukan fungsi matematika.
Operator aritmatika dalam PHP :
Operator Operasi Penggunaan
Operator Increment/DecrementPre/Post increment dan decrement masing-masing adalah penambahan dan pengurangan satu. Apabila operator diletakan sebelum variabel , misal ++$i atau –I maka nilai $i akan ditambahkan atau dikurangkan 1 sebelum keseluruhan operasi
dalam ekspresi dikerjakan dan sebaliknya apabila operator diletakan setelah variabel, misal $i++ atau $i-- maka nilai $i akan ditambah atau dikurangi 1 setelah operasi dalam ekspresi dikerjakan.
Operator Operasi Penggunaan++ Pre/Post Increment ++$a atau $a++ -- Pre/Post Decrement --$b atau $b--
Operator StringHanya ada satu operator string, yaitu operator concatenation ( . ).<?php$a=”Hallo”;$b= $a . “Selamat Datang di PHP”;//$b berisikan “Hallo Selamat datang di PHP”?>
Operator BitwiseOperator bitwise dapat digunakan untuk membuat bit tertentu dari suatu integer menjadi 1 atau 0.
Operator Perbandingan
Contoh Nama Hasil$a > $b Lebih dari True jika $a lebih besar dari $b
$a <= $b Kurang dari atau sama dengan True jika $a lebih kecil dari $b atau $a sama dengan $b
< Kurang dari True jika $a lebih kecil dari $b$a >= $b Lebih besar atau sama dengan True jika $a lebih besar dari $b atau $a sama
dengan $b$a == $b Sama dengan True jika $a sama dengan $b$a != $b Tidak sama dengan True jika $a tidak sama dengan $b
Operator TernaryMenggunakan tanda”?” operator ini akan melakukan evaluasi ekspresi kemudian berdasarkan hasil evaluasi ini bila bernilai benar (tidak sama dengan 0 atau tidak sama dengan null) maka statement benar dikerjakan dan jika salah statement salah akan dikerjakan. Operator ternary merupakan model penyederhanaan dari bentuk if .. else yang setiap blok dari if dan else hanya satu perintah. Sehingga model ini cocok untuk melakukan proses pengisian suatu hasil pengujian.
Salah satu ciri interaksi yang dapat digunakan adalah melalui form web, pengunjung situs dapat mengirimkan data melalui masukan form web tersebut kemudian memperoleh respon halaman tertentu sesuai masukan yang diberikan. Inilah yang disebut orang sebagai situs dinamis.
Pada pembuatan form ini yang perlu diperhatikan adalah tag <FORM> dengan atribut action dan method. Atribut action nilainya berisi nama file yang akan diakses ( proses) dan pada atribut method mempunyai macam pilihan nilai yaitu GET dan POST. Jika method GET digunakan maka isian pada form akan dikirimkan kepada server sebagai satu kesatuan dengan string URLnya dan jika menggunakan method POST maka form isian akan dikirimkan kepada server secara terpisah dari string URL. Kelemahan dari penggunakan method GET adalah data yang digunakan sebagai parameter tertampilkan, ini menjadi kelemahan jika data parameter sebenarnya
tersembunyi, selain itu method GET tidak dapat digunakan untuk mengirimkan data ke server dalam jumlah yang besar.
Kemudian untuk elemen HTML yang berhubungan dengan Form (bentuk kontrol form), Satu hal yang perlu ingat adalah name (nama) kontrol form tersebut karena nama dijadikan sebagai nama variabel pada masing-masing elemen. (Lihat pada pembahasan FORM).
3.3. TUGAS PENDAHULUAN
1. Kumpulkan dalam bentuk Hardcopy dan ditulis dengan rapi serta menyertakan nama dan nim
2. Soal :a) Apakah Operator Aritmatika pada PHP itu ? sebutkan dan jelaskan
Pendahuluan :1) Buatlah 1 folder dengan nama P3_<nim>_<kelas> , contoh 09999_6A2) Buatlah 1 folder dengan nama dataweb_<nim>_<kelas> difolder yang sudah
dibuat di langkah 1, contoh dataweb_09999_6A3) Buatlah 1 file dokumen dengan nama datadoc_<nim>_<kelas> difolder yang
sudah dibuat di langkah 1, contoh datadoc_09999_6A.doc4) Tulislah kode PHP diabwah ini dengan program editor, kemudian5) Simpan kedalam direktori data anda sesuai dengan nama file php nya6) Jalankan browser dan buka file php tersebut7) Capture hasil ditampilan browser
* Pastikan web server telah berjalan dengan baik!
1. operator.php<?php$kata1 = "saya sedang belajar";$kata2 = "Pemrograman PHP";//operator stringecho "$kata1 $kata2";echo "<br/>";// menggabungkan kata dengan cara yang salah$gabung = $kata1 + $kata2;echo "<br/>";echo "\$gabung = $gabung";// menggabungkan kata dengan cara yang benar$kata1 = $kata1." ".$kata2;// atau bisa juga seperti ini//$kata1 = $kata1." ".$kata2;//atau dapat digunakan cara//$kata1.=$kata2;echo "<br/>";echo "\$kata1 = $kata1 <br/>";//operator aritmatika$bil_a = 10;$bil_b = 5;echo " bil_a awal =<b> $bil_a</b><br/>";echo "bil_b awal =<b> $bil_b</b><br/>";$bil_a = $bil_a + $bil_b;$bil_b = ++$bil_b;echo "\$bil_a = \$bil_a + \$bil_b <br/>";echo "\$bil_b = ++\$bil_b <br/>";echo " bil_a =<b> $bil_a</b><br/>";echo "bil_b =<b> $bil_b</b><br/>";?>
2. finput.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>contoh form input</title><style type="text/css">body {background-color: #FFFF99;}.style1 {
5. Mengenal dan memahami penggunaan Statemen Kondisi if, if..else, dan Switch dengan script PHP
6. Mengenal dan memahami penggunaan Statemen Perulangan for, while dan do-while dengan script PHP
7. Mengenal dan memahami penggunaan Operator dengan script PHP8. Mampu membuat halaman web dengan menggunakan Statemen Kondisi,
Statemen Perulangan dan Operator
4.2. MATERI
4.2.1. Database Mysql
Merupakan sebuah system manajemen database relasi (relational databade management system). Bersifat open source dapat didownload secara bebas, mysql memiliki kinerja, kecepatan, proses, dan ketangguhan yang tidak kalah dengan database yang lain. Ex : oracle, Sybase, unity, dll.
Pada awalnya mysql hanya berjalan diatas platform system operasi linux. Hampir semua distro linux telah memasukkan mysql sebagai database standarnya., namun saat ini mysql dapat pula berjalan diatas system operasi lainnya, ex : Ms. Windows, Solaris, FreeBSD, mac OSX, dsb.
Pada tahun 2003 mysql AB meneliti menggunakan jejak pendapat pada situsnya bahwa 12.598 responden didapat 5.824 ( 46,2% ) diantaranya menggunakan linux sebagai platform system operasinya dan database mysql. Mengapa mysql ?
1. Kecepatan, dalam hal kecepatan proses mysql memiliki kemampuan diatas rata – rata dari pada database lain.
2. Mudah digunakan, perintah dan return pada mysql maupun instalasi relative mudah.
3. Open source, siapapun dapat mengembangkan mysql.
4. Kapabilitas, mysql dapat digunakan untuk mengelola database dengan jumlah 50 juta record. 60000 table, dengan jumlah baris 5 milyar baris, 32 buah index per table, sedang setiap index terdiri hingga 16 kolom kriteria.
5. Replikasi data, dapat dibuat mirror server dari server induk sehingga kerja system terbantu.
6. Konektifitas dan keamanan, mysql menggunakan system keamanan dan ijin akses tingkat lanjut, dapat mengencripsikan data password user.
7. Lintas platform system operasi, dapat dijalankan diberbagai system operasi.
4.2.2. Query
Untuk mengakses database digunakan query sebagai perintahnya.1. Menampilkan database yang ada pada mysql.
Mysql>show database; 2. Membuat database
mysql>create database <nama database>;3. Menggunakan database
mysql>use <nama Db>;4. Melihat table pada database
1. Numeric : tinyint, smallint, mediumint, int, bigint, float, double, decimal.2. Karakter : char, varchar.3. Enum : enum, set.4. Blob : tinyblob, blob, mediumblob, longblob, tinytext, mediumtext, text, longtext.5. Tanggal dan Waktu : date, datetime, time, timestamp, year.
4.2.4. Mengenal Fungsi-fungsi MySQL
Untuk koneksi PHP ke database MySQL dilakukan dengan menggunakan fungsi-fungsi mysql_connect(), mysql_pconnect(), mysql_select_db(). mysql_connect() mysql_connect () digunakan untuk melakukan koneksi ke server database MySQL. Format penulisan :mysql_connect(nama_host, nama_user, password); Jika parameter nama host tidak dideklarasikan, otomatis akan berisi localhost.
Koneksi ke database akan secara otomatis terputus pada saat script program selesai dieksekusi seluruhnya, kecuali diberikan perintah fungsi mysql_close(). Fungsi
mysql_connect() akan menghasilkan nilai true jika koneksi berhasil dilakukan dan nilai false jika gagal.
mysql_pconnect()Fungsi mysql_pconnect() juga digunakan untuk membangun akses ke database, sama dengan fungsi mysql_connect(). Sedikit perbedaannya adalah jika menggunakan fungsi mysql_pconnect(), koneksi tidak akan terputus meskipumn program telah selesai dieksekusi.
mysql_create_db()Fungsi mysql_create_db() digunakan untuk membuat sebuah database. Biasanya untuk sebuah aplikasi digunakan sebuah database. Sebuah database akan berisi beberapa tabel.Format penulisan :mysql_create_db(“nm_database”);
Fungsi mysql_select_db()Fungsi ini berguna untuk memilih atau mengaktifkan database, seperti dalam program klien mysql pakai USE . format penulisannya:mysql_select_db(database,pengenal_hub)Dalam hal ini database adalah nama database yang digunakan, sedang pengenal_hub adalah pengenal yang diperoleh dari pemanggilan fungsi mysql_connect().
mysql_query()PHP tidak menyediakan fungsi khusus untuk membuat tabel dengan field-fieldnya, sehingga untuk membuat tabel data tetap menggunakan sintaks dari program database MySQL yang digunakan, kemudian sintaks dioperasikan menggunakan fungsi mysql_query(). Sehingga fungsi mysql_query() adalah menjalankan perintah query yang terdapat di MySQL.
mysql_db_query()fungsi ini berfungsi untuk menjalankan suatu permintaan terhadap suatu database format penulisan :mysql_db_query(database,permintaan,pengenal_hub) dalam hal ini pengenal_hub menyatakan pengenal yang didapat dari fungsi mysql_connect(), sedangkan adalah nama database yang dipergunakan dan permintaan adalah perintah SQL.
Pada aplikasi web database diperlukan mekanisme akses database dengan pemrograman php. Dalam hal ini ada beberapa langkah untuk mengkoneksikan halaman web dengan database mysql. Antara lain :
1. Buat file koneksi.php yang merupakan mekanisme akses databasenya.2. Aktifkan mysql database3. Jalankan file koneksi.php untuk memastikan database mysql terkoneksi
1. Kumpulkan dalam bentuk Hardcopy dan ditulis dengan rapi serta menyertakan nama dan nim
2. Soal :a) Apakah Database itu ?b) Jelaskan mengenai Database MySQL ( Kelebihan, kekurangan, sejarah
dan kemampuannya ) !
4.4. TUGAS PRAKTIKUM
Pendahuluan :1. Buatlah 1 folder dengan nama P4_<nim>_<kelas> , contoh 09999_6A2. Buatlah 1 folder dengan nama dataweb_<nim>_<kelas> difolder yang sudah
dibuat di langkah 1, contoh dataweb_09999_6A3. Buatlah 1 file dokumen dengan nama datadoc_<nim>_<kelas> difolder yang
sudah dibuat di langkah 1, contoh datadoc_09999_6A.doc4. Tulislah kode PHP diabwah ini dengan program editor, kemudian5. Simpan kedalam direktori data anda sesuai dengan nama file php nya6. Jalankan browser dan buka file php tersebut7. Capture hasil ditampilan browser
* Pastikan web server telah berjalan dengan baik!
1. Buatlah database dengan nama “praktikumdb” *tanpda tanda petik
2. Aktifkan / masuk di database yang dibuat dan masukkan query dibawah ini
CREATE TABLE IF NOT EXISTS anggota ( id int(11) NOT NULL AUTO_INCREMENT, nama varchar(150) NOT NULL, alamat text, email varchar(150) DEFAULT NULL, telp varchar(150) DEFAULT NULL, gender int(1) DEFAULT NULL, PRIMARY KEY (id)) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;
INSERT INTO anggota (id, nama, alamat, email, telp, gender) VALUES(1, 'Joko', 'Jln. Apasaja no 2', '[email protected]', '0237-412123', 1),(2, 'Herman', 'Jln. Kabeta No 10. Madiun', '[email protected]', '08677666612',2);
CREATE TABLE IF NOT EXISTS forum ( idf int(11) NOT NULL AUTO_INCREMENT, nama varchar(50) DEFAULT NULL, pesan text, PRIMARY KEY (idf)) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;
INSERT INTO forum (idf, nama, pesan) VALUES(1, 'Anang', 'Hanya mencoba saja, kalau bisa ya sudah.'),(2, 'Anonymous', 'Hai, apakabar semua'),(3, 'Herlin', 'Hei, pa kabar semua, baikkah semua ?');
Kemudian klik GO / execute (pd PHPMyAdmin)
3. koneksi.php<?php// buka koneksi ke database server$database="praktikumdb"; // sesuaikan dengan databasesendiri$hostname="localhost"; // sesuaikan$username="root"; // sesuaikan$password=""; //sesuaikanif (!$dbh=mysql_connect($hostname,$username,$password)){echo mysql_error();exit;}else {// select default databasemysql_select_db($database, $dbh);echo "<h1><b>selamat anda sukses mengaksesdatabase</b></h1><br/><hr/>";}?>
4. lihat_anggota.php<?phpinclude("koneksi.php");echo "<table border=1 align=center cellpadding=0cellspacing=0><tr><h3>ini adalah data anggota</h3></tr><tr><td>No.</td><td><div align=center>Nama</div></td><td>Alamat</td><td>E-Mail</td><td>telp</td></tr>";$sql="select * from anggota order by id";$qry = mysql_query($sql);while ( $a = mysql_fetch_array ( $qry ) ) {$i++;echo ("<tr><td><center><font face=verdanasize=3>$i.</td>");echo ("<td><font face=verdana size=3>$a[nama]</td>");echo ("<td><font face=verdana size=3>$a[alamat]</td>");echo ("<td><font face=verdana size=3>$a[email]</td>");echo ("<td><font face=verdana
1. Mampu mengedit data2. Mampu menghapus data3. Mampu menampilkan isi table4. Mampu memodifikasi record
5.2. MATERI
5.2.1. Edit Data
Pemeliharaan data pada tahap implementasi suatu website merupakan kewajiban dari pemiliknya. Hal ini diperlukan agar data dan informasi yang ada pada website selalu uptodate.
Untuk kebutuhan tersebut maka digunakan alat bantu yaitu fasilitas edit data. Contoh Algoritma edit data :(1) mencari data yang akan diedit.
Proses pencarian menggunakan perintah query yaitu : select <namafield> from <namatable> where <kondisi>; setelah query dijalankan akan memberikan feedback berupa recordset yang berisi data hasil query.
(2) melakukan pengeditan menggunakan halaman form edit. Data yang telah ditemukan kemudian ditampilkan pada element form. Dan dilakukan pengeditan data.
(3) setelah data diedit lalu dilakukan proses update dengan query update.(4) untuk menampilkan data terbaru dapat menggunakan halaman output.
Ada saat ketika suatu data atau informasi tidak lagi dibutuhkan. Untuk itu diperlukan sebuah mekanisme delete data yang mana akan menghapus record pada database.
Algoritma delete hampir sama dengan edit data, namun pada langkah ke 3 tidak melakukan pengeditan tapi melakukan proses delete yang dapat menggunakan perintah query delete from table.
Contoh algoritma delete data :(1) mencari data yang akan diedit.
Proses pencarian menggunakan perintah query yaitu : select <namafield> from <namatable> where <kondisi>; setelah query dijalankan akan memberikan feedback berupa recordset yang berisi data hasil query.
(2) untuk keamanan proses maka dapat ditambahkan halaman konfirmasi yang berfungsi untuk menampilkan data yang akan di delete.
(3) melakukan perintah delete dengan query delete form table.(4) untuk menampilkan data terbaru dapat menggunakan halaman output.
5.2.3. Menampilkan Isi Tabel
Isi tabel dapat ditampilkan dengan menggunakan perintah SELECT, cara penulisan perintah SELECT adalah:
select kolom from namatable;
Contoh: Untuk menampilkan kolom (field) nomor dan nama pada tabel anggota
select nomor, nama from anggota; Untuk menampilkan semua kolom(field) pada tabel anggota
select * from anggota; Untuk menampilkan semua kolom pada tabel anggota yang berada pada kota ‘Surabaya’
select * from anggota where kota=’Surabaya’; Untuk menampilkan semua kolom pada tabel anggota dengan urut nama
select * from anggota order by nama; Untuk menghitung jumlah record pada tabel anggota
select count(*) from anggota; Untuk menampilkan kota pada tabel anggota
select kota from anggota; Untuk menampilkan kota dengan tidak menampikan kota yang sama pada tabel
anggotaselect distinct kota from anggota;
Untuk menampilkan nama dan email yang mempunyai email di ‘yahoo.com’select nama,email from anggota where email like‘%yahoo.com’;
1. Kumpulkan dalam bentuk Hardcopy dan ditulis dengan rapi serta menyertakan nama dan nim
2. Soal :a) Sebutkan perintah query yang didukung oleh Database MySQL dan
sertakan contohnya !b) Apakah dalam database MySQL bisa mendukung relasi 2 atau lebih
table ? jika bisa, jelaskan dan berikan contoh, jika tidak sebutkan alasanya!
5.4. TUGAS PRAKTIKUM
Pendahuluan :1. Buatlah 1 folder dengan nama P5_<nim>_<kelas> , contoh 09999_6A2. Buatlah 1 folder dengan nama dataweb_<nim>_<kelas> difolder yang sudah
dibuat di langkah 1, contoh dataweb_09999_6A3. Buatlah 1 file dokumen dengan nama datadoc_<nim>_<kelas> difolder yang
sudah dibuat di langkah 1, contoh datadoc_09999_6A.doc4. Tulislah kode PHP diabwah ini dengan program editor, kemudian5. Simpan kedalam direktori data anda sesuai dengan nama file php nya6. Jalankan browser dan buka file php tersebut7. Capture hasil ditampilan browser
* Pastikan web server telah berjalan dengan baik!1. Buatlah database dengan nama “praktikumdb” *tanda tanda petik2. Aktifkan / masuk di database yang dibuat dan masukkan query dibawah ini
CREATE TABLE IF NOT EXISTS anggota ( id int(11) NOT NULL AUTO_INCREMENT, nama varchar(150) NOT NULL, alamat text,
INSERT INTO anggota (id, nama, alamat, email, telp, gender) VALUES(1, 'Joko', 'Jln. Apasaja no 2', '[email protected]', '0237-412123', 1),(2, 'Herman', 'Jln. Kabeta No 10. Madiun', '[email protected]', '08677666612',2);
CREATE TABLE IF NOT EXISTS forum ( idf int(11) NOT NULL AUTO_INCREMENT, nama varchar(50) DEFAULT NULL, pesan text, PRIMARY KEY (idf)) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;
INSERT INTO forum (idf, nama, pesan) VALUES(1, 'Anang', 'Hanya mencoba saja, kalau bisa ya sudah.'),(2, 'Anonymous', 'Hai, apakabar semua'),(3, 'Herlin', 'Hei, pa kabar semua, baikkah semua ?');
3. Kemudian klik GO / execute (pd PHPMyAdmin)
4. koneksi.php<?php// buka koneksi ke database server$database="praktikumdb"; // sesuaikan dengan databasesendiri$hostname="localhost"; // sesuaikan$username="root"; // sesuaikan$password=""; //sesuaikanif (!$dbh=mysql_connect($hostname,$username,$password)){echo mysql_error();exit;}else {// select default databasemysql_select_db($database, $dbh);echo "<h1><b>selamat anda sukses mengaksesdatabase</b></h1><br/><hr/>";}?>
7. proseseditdb.php<?include("koneksi.php");if ($txtid<>""){$sql="update anggota set ‘nama’='$txtnama', alamat='$txtalamat',email='txtemail',gender='$rbgender' where id='$txtid'";$hasil = mysql_qeury($sql) or die ("gagal operasi");echo "<script language =\"javascript\" >window.location.href=\"edit_db.php\";</script>";}else{echo "<script language =\"javascript\" >self.history.back();</script>";}?>
9. prosesdeldb.php<?include("koneksi.php");if ($id<>""){$sql="delete form anggota where Id='$id'";$hasil = mysql_query($sql) or die ("gagal operasi");echo " <script language =\"javascript\">window.location.href=\"edit_db.php\"; </script>";}else{echo "<script language =\"javascript\" >self.history.back();</script>";}?>
10. inputanggota.php<?include("koneksi.php");if ($submit){function exec_time(){$mtime = explode(" ",microtime());$msec = (double)$mtime[0];$sec = (double)$mtime[1];return $sec + $msec; }$start_exec = exec_time(); //mulai menghitung waktu eksekusiquery$sql="insert into anggota (nama,alamat,email,telp,gender)values('$txtnama','$txtalamat','$txtemail','$txttelp','$rgender')";$hasil = mysql_query($sql) or die ("insert user $txtnamaGAGAL, harap coba lagi");if ($hasil){echo "<center><H2>SELAMAT ANDA TELAH BERHASIL DIDAFTARDISITUS INI</h2></center>";}else{
JQuery pertama dirilis pada tahun 2006 oleh John Resig. Dan kini jQuery telah digunakan oleh beberapa situs yang canggih nan terkenal seperti: Google, Facebook, Twitter, Youtube, Nokia dan masih banyak lagi.
JQuery sendiri adalah Javascript Library atau kumpulan kode/fungsi Javascript siap pakai, sehingga mempermudah kita untuk membuat kode Javascript. Atau dalam kesimpulannya jQuery menyederhanakan kode Javascript. Hal ini sesuai dengan slogannya “Write less, do more”.
6.2.2. Mengapa memilih JQUERY
Ada beberapa alasan mengapa lebih baik menggunakan jQuery daripada library lainnya, antara lain:
Kompatibel dengan hampir seluruh browser jQuery telah digunakan oleh website-website raksasa Kompatibel dengan seluruh versi CSS (dari CSS 1 sampai CSS 3) Dokumentasi dan tutorialnya lengkap, bisa langsung dilihat di
Disupport oleh plugin yang lengkap Filenya hanya satu dan ukurannya relatif kecil, sekitar 20kb Open source atau Free jQuery lebih diminati oleh para developer web saat ini
6.2.3. Kemampuan JQUERY
Berikut beberapa kemampuan yang dimiliki yang dapat membuat kita berdecak kagum:
o Mempermudah akses dan manipulasi elemen tertentu pada dokumen. o Mempermudah modifikasi/perubahan tampilan halaman web. o Mempersingkat Ajax (Asynchronous Javacsript and XML). o Memiliki API (Application Programming Interface). o Mampu merespon interaksi antara user dengan halaman web dengan lebih
cepat. o Menyediakan fasilitas untuk membuat animasi sekelas Flash dengan mudah.
6.2.4. Cara Kerja JQUERY
Cara kerja jQuery dapat dijabarkan sebagai berikut, masih menggunakan contoh diatas sebagai penjelasannya.
1. jQuery akan memastikan bahwa semua elemen atau elemen yang diinginkan sudah ditampilkan semua di halaman web, fungsi yang digunakan adalah:$(document).ready(function(){// baris kode jQuery akan dijalankan// apabila semua elemen sudah ditampilkan semua});
2. Setelah semua elemen ditampilkan, tahap berikutnya adalah memilih elemen berdasarkan class atau id yang telah didefinisikan. Dalam hal ini, jQuery menggunakan fungsi Selector.$("#foto")$(".sembunyi")$(".tampil")
3. Setelah elemen dipilih, tahap berikutnya adalah memberikan aksi/operasi terhadap elemen yang sudah dipilih. Misalnya tombol yang akan menyembunyikan dan memunculkan kembali gambar.$(".sembunyi").click(function(){$("#foto").hide("slow");)};
Selector berfungsi untuk memilih/mengambil elemen-elemen tertentu yang ingin dilakukan operasi terhadap elemen tersebut atau manipulas terhadap elemen-elemn tersebut. Adapun elemen-elemen dasar yang dapat dipilih oleh selector adalah sebagai berikut :
1. Nama Tag 2. Id 3. Class
Untuk mengetahui bagaimana cara selector dalam memilih elemen-elemen tersebut, akan disajika beberapa contoh sederhana pada bagian berikutnya.
o Selector Tag Cara menggunakan selector tag adalah dengan langsung menyebut nama tag elemennya.
o Selector Id Cara menggunakan Selector id adalah dengan menyertakan tanda kres (#) sebelum nama elemennya.
o Selector Class Cara menggunakan Selector class ini adalah dengan menyertakan tanda titik (.) sebelum nama elemennya. Latihan-latihan berikut untuk menjelaskan teori diatas.
6.2.6. Events
Sebelumnya kita telah belajar Selector yang mencari elemen-elemen apa saja yang akan dilakukan operasi terhadapnya, maka Event memutuskan kapan dilakukan operasi tersebut, misalnya elemen yang telah dipilih (Selectors) akan dilakukan operasi terhadapnya setelah diklik (click) atau setelah klik 2x (dblclik), setelah mouse berada diatas objek (hover), dan sebagainya.
Effects adalah sesuatu mengenai menampilkan dan menyembunyikan suatu elemen,menggerakan elemen, dan menganimasikan elemen tersebut.
A. Efek Fade() Efek fade digunakan untuk menghilangkan atau menampilkan elemen secara perlahan-lahan, biasanya digunakan untuk transisi/pergantian suatu objek dengan
objek yang lain, sehingga transisinya terlihat lebih halus. Ada 3jenis efek fade, yaitu fadeln,fadeOut,danfadeTo.
B. Efek slide() Efek slide digunakan untuk menghilangkan atau menampilkan elemen seperti membuka/menutup sesuatu. Ada tiga jenis slide, yaitu SlideUp, SlideDown, dan SlideToggle.
5.3. TUGAS PENDAHULUAN
5.4. TUGAS PRAKTIKUM
Pendahuluan :1. Buatlah 1 folder dengan nama P6_<nim>_<kelas> , contoh 09999_6A2. Buatlah 1 folder dengan nama dataweb_<nim>_<kelas> difolder yang sudah
dibuat di langkah 1, contoh dataweb_09999_6A3. Buatlah 1 file dokumen dengan nama datadoc_<nim>_<kelas> difolder yang
sudah dibuat di langkah 1, contoh datadoc_09999_6A.doc4. Tulislah kode PHP diabwah ini dengan program editor, kemudian5. Simpan kedalam direktori data anda sesuai dengan nama file php nya6. Copy file jquery dan letakkan di dataweb yang telah dibuat7. Jalankan browser dan buka file php tersebut8. Capture hasil ditampilan browser