Created By WYI wyneyusnaeni2014.wordpress.com
1
WEP PROGRAMMING
Created By Wina Yusnanei
Created By WYI wyneyusnaeni2014.wordpress.com
2
Pertemuan 1
Pengertian HTML (Hypertext Markup Language)
Hypertext Markup Language merupkan standard bahasa yang di gunakan untuk
menampilkan document web. HTML dibuat di dalam text editor atau web editor,
sedangkan hasilnya ditampikan pada browser. Editor merupakan program yang
digunakan untuk menulis kode HTML, contohnya Notepad, Textpad, Frontpage dan
Macromedia Dreamweaver.
Gambar Membuka dan menjalankan dokumen HTML menggunakan
PHP coder :
1. Buka PHP Coder
Tanda '/' atau "</>" menandakan akhir perintah tag, entah itu untuk </HEAD>, </TITLE> dan sebagainya. Kode-kode dalam HTML biasanya disebut TAG. Tag ditulis dengan tanda kurung siku buka dan ditutup dengan kurung siku tutup.
Tempat penulisan
Script
Tempat pemanggilan file Tuliskan alamat penyimpanan C:\apache2triad\htdocs\folder_anda\lat1.php Atau
Localhost/folder_anda/lat1.php
Created By WYI wyneyusnaeni2014.wordpress.com
3
Contoh : Tag break line ditulis dengan : <br> Jenis-Jenis Tag HTML : <!-- --> Memberi komentar atau keterangan. Kalimat yang terletak pada tag
kontiner ini tidak akan terlihat pada browser <a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut <a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang
sama <applet> Sebagai awal dari Java applets <area> Mendefinisikan daerah yang dapat diklik (link) pada image map <b> Membuat teks tebal <basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font <bgsound> Memberi (suara latar) background sound pada halaman web <big> Memperbesar ukuran teks sebesar satu point dari defaultnya <blink> Membuat teks berkedip <body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link
& visited link <br> Pindah baris <caption> Membuat caption pada tabel <center> Untuk perataan tengah terhadap teks atau gambar <comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada
browser <dd> Indents teks <div> Represents different sections of text. <embed> Menambahkan sound or file avi ke halaman web <fn> Seperti tag <a name> <font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks <form> Mendefinisikan input form <frame> Mendefinisikan frame <frameset> Mendefinisikan attribut halaman yang akan menggunakan frame <h1> ... <h6> Ukuran font <head> Mendefinisikan head document. <hr> Membuat garis horizontal <html> Berarti dokumen html <i> Membuat teks miring <img> Image, imagemap atau an animation <input> Mendefinisikan input field pada form <li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag
<dir>, <menu>, <ol> and <ul> ) <map> Mendefinisikan client-side map
Created By WYI wyneyusnaeni2014.wordpress.com
4
<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 <ol> Mendefinisikan awal dan akhir list <p> Ganti paragraf <pre> Membuat teks dengan ukuran huruf yg sama <script> Mendefinisikan awal script <table> Membuat tabel <td> Kolom pada tabel <title> Mendefinisikan title <tr> Baris pada tabel <u> Membuat teks bergaris bawah
Bentuk Umum HTML
HTML ( HyperText Markup Language ) adalah sebuah bahasa markup yang digunakan untuk
membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser
internet.
Struktur HTML
<html> tanda awal dokumen HTML, dan menyatakan suatu dokumen HTML
<head>
*Berisi informasi page header : title,base,isiindex,link,script,style & meta*
</head>
<body>
*isi dari dokumen yang akan ditampilkan *
</body>
</html>
Created By WYI wyneyusnaeni2014.wordpress.com
5
Contoh 1:
<html>
<tittle>Halaman 1</tittle>
<body>
<br> Hari ini Cerah bukan <br>
Sangat cerah sekali
</body>
</html>
Hasil :
Hari ini Cerah bukan
Sangat cerah sekali
Latihan Membuat Tampilan Di HTML :
Simpan dengan nama latihan1.php
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Title here!</title>
</head>
<body text=yellow bgcolor=purple>
<marquee><h1 align=center>SELAMAT DATANG</h1></marquee>
<p>
<hr color=green size=8 width=100% align=center>
<p><br>
Created By WYI wyneyusnaeni2014.wordpress.com
6
<br>
<center><a href="kedua.php"><img src="C:\Program Files\Microsoft
Office\CLIPART\PUB60COR\DD00117_.wmf"></center>
</body>
</html>
Buat lembar kerja baru dengan nama kedua.php
<html>
<head>
<title>Latihan kedua!</title>
</head>
<body text=blue link=black alink=brown vlink=black bgcolor=pink>
<h1 align=center>T A B E L</h1>
<p><hr size=4 width=40%><p>
<table border=3 width=70% bgcolor=#00ff align=center>
<caption>Masukkan data dalam tabel</caption>
<tr>
<td align=right>baris 1, kolom 1</td>
<td><center>baris 1, kolom 2</center></td>
<td><center>baris 1, kolom 3</center></td>
</tr>
<td>Jenis musik :
<ol>
<li>Rock
<li>Pop
<li>Dangdut
<li>Keroncong
<li>Jazz
</ol>
</td>
<td align=center><img src = " C:\Program Files\Microsoft
Office\CLIPART\PUB60COR\DD00117_.wmf ">
</td>
<td>Jenis film :
<ul type=square>
<li>Action
<li>Drama
<li>Komedi
<li>Horor
<li>Klasik
Created By WYI wyneyusnaeni2014.wordpress.com
7
<li>Romantis
</ul>
</td>
</tr>
<tr>
<td>baris 3, kolom 1</td>
<td>baris 3, kolom 2</td>
<td align=right>baris 3, kolom 3</td>
</tr>
</table>
<center><a href=”lat1.php”>Kembali</center>
</body>
</html>
Hasil:
Created By WYI wyneyusnaeni2014.wordpress.com
8
Pertemuan 2
Pengenalan PHP dan web server
PHP dibuat pertama kali oleh Rasmus Lerdorf pada tahun 1995. PHP ( Hypertext Preproccesor ) adalah salah satu bahasa pemrograman web server – side yang bersifat open source. Dalam penggunaannya script PHP menyatu dengan HTML yang berada pada server ( Server side HTML embedded scripting ). PHP adalah script yang digunakan untuk membuat
suatu Halaman Web yang dinamis. PHP merupakan script untuk pemrograman script web
server side, script yang membuat dokumen HTML secara on the Fly, dokumen HTML yang dihasilkan dari suatu aplikasi bukan dokumen HTML yang dibuat dengan menggunakan editor teks atau editor HTML.
Dengan menggunakan PHP maka maintenance suatu situs web menjadi lebih mudah.
Proses Update data dapat dilakukan dengan menggunakan aplikasi yang dibuat dengan
menggunakan script PHP.
PHP (Hypertext Preprocessor) adalah bahasa pemrograman yang berfungsi untuk
membuat website dinamis maupun aplikasi web. Berbeda dengan HTML yang hanya
bias menampilkan konten statis, PHP bisa berinteraksi dengan database, file dan folder,
sehingga membuat PHP bisa menampilkan konten yang dinamis dari sebuah website. Blog, Toko Online, CMS, Forum, dan Website Social Networking adalah contoh
aplikasi web yang bisa dibuat oleh PHP. PHP adalah bahasa scripting, bukan bahasa tag-
based seperti HTML. PHP termasuk bahasa yang cross-platform, ini artinya PHP bisa berjalan pada sistem operasi yang berbeda-beda (Windows, Linux, ataupun Mac).
Program PHP ditulis dalam file plain text (teks biasa) dan mempunyai akhiran “.php”.
Untuk membuat suatu halaman web menjadi dinamis maka kita memerlukan suatu Web
Server. Apa Itu Web Server ?
Web Server merupakan sebuah perangkat lunak dalam server yang berfungsi menerima
permintaan ( Request ) berupa halaman dari Client, berupa HTTP atau HTTPS yang dikenal
dengan nama Web Browser, dan merespons permintaan tersebut.
Contoh Web Server :
Appserver
Apache2triad
Xampp
Wamp
dll.
Contoh Web Browser :
Internet Explorer, Mozilla Firefox, Opera dll.
Created By WYI wyneyusnaeni2014.wordpress.com
9
Script PHP
Script PHP diawali dengan tag <? Dan diakhiri dengan tag ?>
Ada beberapa cara untuk tag awal dan tag akhir yaitu:
Cara 1 :<? ?>
Cara 2 :<?
?>
Cara 3 :<% %>
Contoh Script PHP dalam HTML
<html>
<head>
</head>
<body>
<?
echo “ Belajar PHP” ;
echo “ Menyenangkan”;
?>
</body>
</html>
Tipe Data
Integer : bilangan bulat, biasanya memiliki ukuran 32 bit(-2.147.483.644 s/d
2.147.483.647)
Float : tipe bilangan pecahan/decimal
String : merupakan kumpulan karakter. Penulisannya diapit dengan tanda
petik tunggal („) atau petik ganda (“).
Array : sebuah data yang mengandung satu/lebih data dan dapat diindek
berdasarkan numeric maupun string.
Sintaks array : $nama_variabelarray[key];
menggunakan kurung siku di depan variabel
Untuk membaca perintah array
Foreach (ekspresi_array as $value) {
Perintah_1;
Perintah_2;
….
}
Created By WYI wyneyusnaeni2014.wordpress.com
10
Objek : tipe data baru merupakan pengembangan OHO untuk mendukung pemrograman berorientasi objek.
Boolean : memiliki dua nilai yaitu true atau false Contoh:
Latihan 1:
Variabel dalam PHP
Variabel adalah tempat menyimpan data yang dapat berubah ubah nilainya, diawali dengan
karakter $(dollar),
Syarat Pembuatan Variabel :
1. Karakter pertama harus huruf
2. Tidak boleh mengandung blank / spasi, kecuali karakter ( _ ) under score
Contoh Variabel yang benar
$nilai_1
$n1
Contoh Variabel yang salah
$nilai-1
$4n
Variabel disebut variabel globalapabila variabel tersebut dikenali oleh seluruh bagian script. Bila hanya dikenali oleh sebagian script disebut variabel lokal
<? $a=123; //variabel bersifat global function test() { $a="test"; //variabel ini bersifat lokal echo "Nilai a dalam fungsi =$a<br>"; } test( ); //menampilkan fungsi echo "nilai A luar fungsi =$a" ; ?>
Nilai a dalam fungsi = test Nilai a luar fungsi = 123
hasilnya
<? /*latihan tipe data*/ $warna="merah"; //tipe data string $b=(int)"90A"; /*menyeleksi variabel yg bernilai integer */ //pemanggilan tipe data echo "Buah apel warna $warna"; echo "<br>"; echo "Nilai anda=$b"; echo "<br>"; ?>
Buah apel warna merah
Nilai anda=90
Created By WYI wyneyusnaeni2014.wordpress.com
11
<html>
<head>
<title>Title here!</title>
</head>
<body>
Menghitung Luas Lingkaran<p>
<?
$phi=3.14;
$jari2=7;
$luas=$phi*($jari2*$jari2);
echo "Luas Lingkaran dengan Jari - Jari $jari2 = $luas";
?>
</body>
</html>
Operator :
1. Aritmatika ( +, -, *, /, % )
2. Increment & Decrement ( ++, -- )
3. Operator Logika ( AND, OR, NOT, XOR )
4. Operator Perbandingan ( <, >, <=, >=, ==, != )
Contoh Program Operator Aritmatika
<html> <head> <title>Title here!</title> </head> <body> Operasi Aritmatika<p> <? $n1=6; $n2=4; $bagi=$n1/$n2; $tambah=$n1+$n2;
$kurang=$n1-$n2; $kali=$n1*$n2; echo "Nilai 1 = $n1<br>"; echo "Nilai 2 = $n2<br>"; echo "<p>"; echo "Nilai 1 + Nilai 2 = $tambah<br>"; echo "Nilai 1 - Nilai 2 = $kurang<br>"; echo "Nilai 1 * Nilai 2 = $kali<br>"; echo "Nilai 1 / Nilai 2 = $bagi<br>"; ?> </body></html>
Created By WYI wyneyusnaeni2014.wordpress.com
12
Latihan IF Dan Case:
1. If … ( Satu Kondisi )
Sintaksnya : if ( Ekspresi ) { Perintah1; } else { Perintah2; } 2. If … Else ( Lebih dari 1 Kondisi ) Sintaksnya : if ( Ekspresi ) { Perintah1; Perintah2; } else if ( Ekspresi ) { Perintah a; Perintah b; }
3. Switch (Switch … Case) Sintaksnya : Switch ( $var ) { Case nilai1 : Perintah_nilai1; Break; Case nilai2 : Perintah_nilai2; Break; [default : Perintah_nilai_default; ] }
Contoh :
<html> <head> <title>Title here!</title> </head> <body> Logika If Sederhana <p> <? $harga=5000; $jumbel=5; $total=$harga*$jumbel; if ($total >= 25000) {$diskon=(10/100)*$total;} else {$diskon=0;} echo"Menghitung Total Belanja<br>"; echo"-------------------------<br>"; echo"Harga Barang = $harga<br>"; echo"Jumlah Beli = $jumbel<br>"; echo"-------------------------<br>"; echo"Total Harga = $total<br>"; echo"Diskon = $diskon"; ?> </body> </html>
Created By WYI wyneyusnaeni2014.wordpress.com
13
Membuat Form
Form adalah salah satu bagian dari suatu halaman web yang mempunyai action dan Method. <form
action="action.php" method="post">
Action : atribut yang menunjukan isian atau informasi bahwa data akan dikirim ke suatu file proses
data yang akan diakses. Atribut method ada 2 pilihan nilai:
GET : isian dikirim ke server dalam satu kesatuan URL-nya.
POST : data isian dikirimkan ke server terpisah dengan teks URL-nya
Contoh : Simpan dengan nama form1.html
<html>
<head>
<title>Title here!</title>
</head>
<body>
<h1>Form Biodata</h1>
<form action="action.php" method="post">
<pre>
Nim :<input type="text" name=nim>
Nama :<input type="text" name=nama>
Jenis Kelamin :<input type="radio" name=jk Value=Pria>Pria
<input type="radio" name=jk Value=Wanita>Wanita
Jurusan :<Select name=jurusan>
<option>MI</option>
<option>KA</option>
<option>TK</option>
</select>
Alamat :<textarea name=alamat rows=5 cols=0 wrap="off"></textarea>
<input type="submit" value=Kirim><input type="reset" value=Batal>
</form>
</body>
</html>
Created By WYI wyneyusnaeni2014.wordpress.com
14
Simpan dengan nama action.php
<html>
<head>
<title>Title here!</title>
</head>
<body>
<?
$nim=$_POST['nim'];
$nama=$_POST['nama'];
$jk=$_POST['jk'];
$jurusan=$_POST['jurusan'];
$alamat=$_POST['alamat'];
echo "<pre>";
echo "Biodataku <br>";
echo "----------------------<br>";
echo "Nim :$nim<br>";
echo "Nama :$nama<br>";
echo "Jenis Kelamin :$jk<br>";
echo "Jurusan :$jurusan<br>";
echo "Alamat :$alamat<br>";
?>
<a href="form1.html">Kembali</a>
</body>
</html>
Created By WYI wyneyusnaeni2014.wordpress.com
15
Latihan GET
Program Nilai
Simpan dengan nama frminputnilai.html
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Title here!</title>
</head>
<body bgcolor="blue">
<font color="red" >
<form method=get action=nilai.php>
<pre>
<h1 align="center">..:: Input Data Nilai Mahasiswa ::..</h1><hr>
NIM : <input type="text" name="nim">
Nama : <input type="text" name="nm">
Jurusan : <input type="radio" name="jur" value="Manajemen Infortmatika">MI
<input type="radio" name="jur" value="Komputer Akutansi">KA
<input type="radio" name="jur" value="Teknik Komputer">TK
Nilai UTS : <input name="uts" type="numeric" size=4>
Nilai UAS : <input name="uas" type="numeric" size=4>
<p>
<input type="submit" value="Kirim"> <input type="reset" value="Cancel"></p>
</form>
</body>
</html>
Created By WYI wyneyusnaeni2014.wordpress.com
16
Simpan dengan nama nilai.php:
<html>
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Title here!</title>
</head>
<body bgcolor="blue">
<font color="white">
<?
$nim=$HTTP_GET_VARS['nim'];
$nm=$HTTP_GET_VARS['nm'];
$jurusan=$HTTP_GET_VARS['jur'];
$uts=$HTTP_GET_VARS['uts'];
$uas=$HTTP_GET_VARS['uas'];
echo "<pre>";
echo " ..:: Hasil Nilai Semester ::..<br>";
echo ":::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::<br>";
echo " Tanggal dan Jam Cetak :";echo (date("D-M-Y "));echo
(date("g:i:s"))."<br>";
echo ":::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::<br>";
echo " NIM : $nim <br>";
echo " Nama : $nm <br>";
echo " Jurusan : $jurusan<br>";
echo " Nilai UTS : $uts <br>";
echo " NIlai UAS : $uas <br>";
$tot=($uts+$uas)/2;
if($tot>=80)
$grade="A";
else
if($tot>=70)
$grade="B";
else
if($tot>=60)
$grade="C";
else
if($tot>=50)
$grade="D";
else
$grade="E";
echo ":::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::<br>";
echo " Grade :$grade <br>";
echo ":::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::<br>";
?>
</body>
</html>
Latihan GET 2
Created By WYI wyneyusnaeni2014.wordpress.com
17
simpan dengan nama frminputgaji.html:
<html>
<head>
<title>Title here!</title>
</head>
<body bgcolor="blue">
<font color="red" >
<form method=get action=gaji.php>
<pre>
<h1 align="center">..:: Input Data Gaji Karyawan ::..</h1><hr>
Nama Karyawan : <input type="text" name="nm">
Kode Jabatan[D/S/K] : <input type="text" name="kdjab">
Jam Kerja : <input type="text" name="jam">
<p>
<input type="submit" value="Kirim"> <input type="reset" value="Cancel"></p>
</form>
</body>
</html>
Simpan dengan nama gaji.php :
<html>
<head>
<title>Title here!</title>
</head>
<body bgcolor="blue" >
<font color="white" face="ARIAL">
<?
$nm=$HTTP_GET_VARS['nm'];
$kdjab=$HTTP_GET_VARS['kdjab'];
$jamkerja=$HTTP_GET_VARS['jam'];
echo "<pre>";
echo " ..:: STRUK GAJI KARYAWAN ::..<br>";
echo " =====================================<br>";
echo " Nama Karyawan :$nm <br>";
echo " Jumlah Jam Kerja :$jam <br>";
switch($kdjab)
{
case "D01":
$jabatan="Direktur";
$gaji=3000000;
break;
Created By WYI wyneyusnaeni2014.wordpress.com
18
case "S01":
$jabatan=" Staff";
$gaji=2000000;
break;
default:
$jabatan="Karyawan";
$gaji=1500000;
}
if($jam>8)
$lembur=($jam-8)*5000;
else
$lembur=0;
echo " Jabatan : $jabatan <br>";
echo " Gaji Pokok : $gaji <br>";
echo " Lembur : $lembur <br>";
echo "====================================== <br>";
$bersih=$gaji+$lembur;
echo " Gaji bersih : $bersih <br>";
echo "====================================== <br>";
echo " Tanggal Cetak :";
echo (date("D-M-Y"))."<br>";
echo (date("g:i:s"))."<br>";
echo "........Terima KAsih............ <br>";
?>
<a href="frminputgaji.html">Kembali ke Transaksi</a>
</body>
</html>
Array dan perulangan
Perulangan
Contoh 1:
<html>
<head>
<title>latihan19</title>
</head>
<body>
<?
for($a=1;$a<=7;$a++)
{
echo"<h$a>Perulangan For</h$a>";
}
?>
</body>
</html>
Contoh 2:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Title here!</title>
</head>
<body>
Tanggal :<select name=tanggal><option value=0 selected>tanggal
<?
for ($i=0;$i<13;$i++)
Created By WYI wyneyusnaeni2014.wordpress.com
19
echo "<option value=$i>$i";?>
</option></select>
</body>
</html>
Contoh 1 while:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> <html>
<head>
<title>latihan21</title>
</head>
<body>
<?
$a=1;
while($a<=5)
{
echo"<h$a>Perulangan while</h$a>";
$a++;
}
?>
</body>
</html>
Contoh2 while:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>latihan22</title>
</head>
<body>
<?
$a=1;
$b=0;
while($a<=9)
{
if($a==9)
echo"$a";
else
echo"$a +";
$b=$b+$a;
$a+=2;
}
echo"=$b";
?>
</body>
</html>
Contoh 3: <!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>latihan23</title>
</head>
<body>
<?
$a=10;
do
{
Created By WYI wyneyusnaeni2014.wordpress.com
20
echo"<h$a>Perulangan While Do</h$a>";
$a-=2;
}
while($a>=5);
?>
</body>
</html>
Contoh4: <!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>latihan24</title>
</head>
<body>
<?
$a=10;
do
{
echo"$a ";
$a--;
}
while($a>0)
?>
</body>
</html>
Array
Contoh 1:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>latihan25</title>
</head>
<body>
<?
echo"<h4><u>Array</h4></u><br>";
$akademi_bsi=array("AMIK","ABA","AKOM","ASM","AKPAR");
for($a=0;$a<5;$a++)
{
$urutan=$a+1;
echo"Data ke $urutan = $akademi_bsi[$a]<br>";
}
echo"<br>";
printf("Jumlah Data :%d",count($akademi_bsi));
?>
</body>
</html>
Contoh 2: <!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>latihan26</title>
</head>
<body>
<?
Created By WYI wyneyusnaeni2014.wordpress.com
21
echo"<h4><u>Array</h4></u><br>";
$akademi_bsi[]="AMIK";
$akademi_bsi[]="ASM";
$akademi_bsi[]="ABA";
$akademi_bsi[]="ASM";
$akademi_bsi[]="AKPAR";
for($a=0;$a<5;$a++)
{
$urutan=$a+1;
echo"Data ke $urutan = $akademi_bsi[$a]<br>";
}
echo"<br>";
printf("Jumlah Data :%d",count($akademi_bsi));
?>
</body>
</html>
contoh3: <!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>latihan27</title>
</head>
<body>
<?
echo"<h3>Array</h3>";
$var=array("1"=>"Jakarta","2"=>"Bandung","3"=>"Semarang","4"=>"Yogyakarta");
for($a=1;$a<=4;$a++)
{echo"Data ke $a =$var[$a]<br>"; }
?>
</body>
</html>
Function:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>latihan30</title>
</head>
<body>
<?
function hitung($nil1,$nil2)
{
$kali=$nil1*$nil2;
return $kali;
}
echo"<h3>Penggunaan Fungsi Hitung()</h3>";
$a=6;
$b=8;
$kali=hitung($a,$b);
echo"hasil dari $a * $b=$kali<br>";
$c=8;
$d=3;
$kali=hitung($c,$d);
echo"hasil dari $c * $d=$kali<br>";
?>
</body>
</html>
Created By WYI wyneyusnaeni2014.wordpress.com
22
Membuat Tabel Contoh 1:
Buka file inputnilai.php modifikasi dengan bentuk table
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Title here!</title>
</head>
<body bgcolor="yellow">
<font color="red" >
<form method=get action=nilai.php>
<h1 align="center">..:: Input Data Nilai Mahasiswa ::..</h1><hr>
<table border=1 align=center>
<tr>
<td><pre>NIM :</td>
<td align=left><input type="text" name="nim"> </td>
</tr>
<tr>
<td><pre>Nama : </td>
<td align=left><input type="text" name="nm"> </td>
</tr>
<tr>
<td><pre>Jurusan : </td>
<td align=right><input type="radio" name="jur" value="Manajemen Infortmatika">MI
<input type="radio" name="jur" value="Komputer Akutansi">KA
<input type="radio" name="jur" value="Teknik Komputer">TK </td>
</tr>
<tr>
<td><pre>Nilai UTS : </td><td align=left><input name="uts" type="numeric"
size=4></td>
</tr>
<tr>
<td><pre>Nilai UAS : </td><td align=left><input name="uas" type="numeric"
size=4></td>
</tr><td colspan="2" align=center>
<input type="submit" value="Kirim"> <input type="reset" value="Cancel">
</td>
</table>
</form>
</body>
Created By WYI wyneyusnaeni2014.wordpress.com
23
</html>
Latihan 2 membuat Tabel dengan combo:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Title here!</title>
</head>
<body bgcolor="yellow">
<font color="red" >
<form method=get action=nilai.php>
<h1 align="center">..:: Input Data Nilai Mahasiswa ::..</h1><hr>
<table border=1 align=center>
<tr>
<td><pre>NIM :</td>
<td align=left><input type="text" name="nim"> </td>
</tr>
<tr>
<td><pre>Nama : </td>
<td align=left><input type="text" name="nm"> </td>
</tr>
<tr>
<td><pre>Jurusan : </td>
<td align=left>
<select name=jur>
<option value="Manajemen Informatika">MI</option>
<option value="Komputer Akutansi">KA</option>
<option value="Teknik Komputer">TK</option>
</select> </td>
</tr>
<tr>
<td><pre>Nilai UTS : </td><td align=left><input name="uts" type="numeric"
size=4></td>
</tr>
<tr>
<td><pre>Nilai UAS : </td><td align=left><input name="uas" type="numeric"
size=4></td>
</tr><td colspan="2" align=center>
Created By WYI wyneyusnaeni2014.wordpress.com
24
<input type="submit" value="Kirim"> <input type="reset" value="Cancel">
</td>
</table>
</form>
</body>
</html>
Latihan:simpan dengan nama inputbuku_tamu.php
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Title here!</title>
</head>
<body>
<center><h1>Isi Buku Tamu</h1></p>
<form method=get action=isi.php>
<center>
<center>
<table border=1>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type=text name=nama></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input type=text name=alamat></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input type=radio value=Pria name=jk>Pria
<input type=radio value=Wanita name=jk checked>Wanita</td>
</tr>
<tr>
<td colspan=3>Hobby</td>
</tr>
<tr>
<td align=left>
<input type=checkbox name=hb1 value=Baca>Baca<br>
<input type=checkbox name=hb2 value=Shopping>Shopping</td>
<td>:</td>
<td align=left>
<input type=checkbox name=hb3 value=Jalan-jalan>Jalan-Jalan<br>
<input type=checkbox name=hb4 value=Komputer>Komputer</td>
</tr>
<tr>
Created By WYI wyneyusnaeni2014.wordpress.com
25
<td>Komentar</td>
<td>:</td>
<td><textarea name=komentar></textarea></td>
</tr>
</table>
<center><input type=submit value=Kirim><input type=reset value=Ulangi></p>
</form>
</body>
</html>
Isi Buku tamu: simpan dengan nama isi.php
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Title here!</title>
</head>
<body>
<?
$nama=$HTTP_GET_VARS['nama'];
$alamat=$HTTP_GET_VARS['alamat'];
$jk=$HTTP_GET_VARS['jk'];
$hb1=$HTTP_GET_VARS['hb1'];
$hb2=$HTTP_GET_VARS['hb2'];
$hb3=$HTTP_GET_VARS['hb3'];
$hb4=$HTTP_GET_VARS['hb4'];
echo "<pre>";
echo "<br>";
echo "============================================== <br>";
echo " Data Buku tamu <br>";
echo "============================================== <br>";
echo " Nama : $nama <br>";
echo " Alamat : $alamat <br>";
echo " Jenis Kelamin : $jk <br>";
echo " Hobby : $hb1 $hb2 $hb3 $hb4 <br>";
echo " Komentar : $komentar <br>";
echo "============================================== <br>";
?>
<a href=inputbuku_tamu.php>Kembali</a>
</body>
</html>
Created By WYI wyneyusnaeni2014.wordpress.com
26
Database mysql dan PhpMyAdmin
Perintah Dasar MySQL
MySQL merupakan software database.
Menjalankan Server MySQL
Klik Start Run ,Ketik C : /Apache2triad/mysql/bin/mysql
Perintah – Perintah MySQL :
Membuat Database baru :
Create Database nama_db;
Create Database penjualan_buku;
Melihat Database yang telah dibuat :
Show Databases;
Menggunakan Database :
Use nama_db;
Use penjualan_buku;
Membuat Tabel :
Create table buku (
kd_buku char(5) not null primary key,
nm_buku varchar(30) not null,
harga int,
pengarang varchar(35),
penerbit varchar(35),
stok int);
Mengetahui struktur table :
Describe/Desc nm_tbl;
Desc buku;
Melihat Tabel dalam Database :
Show Tables;
Menginput Data ke dalam Table :
Insert into nm_tabel
Insert into buku
(kd_buku,nm_buku,harga,pengarang,penerbit,stok)
Created By WYI wyneyusnaeni2014.wordpress.com
27
values
(‘BK001’,’Pengenalan Database’,35000,’Priyadie’,’BSI’,20)
Melihat isi table :
Select * from nm_tbl;
select * from buku;
select kd_buku,harga,stok from buku;
Menghapus Database :
Drop nm_db;
Drop penjualan_buku
alter table name_table change kolom lama kolom baru type data
update nm_tbl set kolom where criteria
Membuat Form Menggunakan Macromedia Dreamweaver
Membuka Dreamweaver :
Start All Program Macromedia Dreamweaver MX
Membuat Dokumen Baru :
File New
- Pilih Dynamic Page PHP
Created By WYI wyneyusnaeni2014.wordpress.com
28
- Klik Create
- Pilih Layout : Show Code and Design Views
Jendela Coding
Jendela Design Views
- Pada jendela Insert Klik Tabs Form
- Radio Button Radio Grup Image
Form Text Field Checkbox Button
Created By WYI wyneyusnaeni2014.wordpress.com
29
Text area
Langkah membuat Form :
- Klik object Form
- Pada Tabs Tabel, Klik : Insert Table, maka akan muncul jendela Insert Table
- Isi Rows dan Columns nya sbb :
Created By WYI wyneyusnaeni2014.wordpress.com
30
Buat Form sbb :
Text Field
Name = kdbuku
Name = nmbuku
= harga
= pengarang
= penerbit
= stok
Button
<html >
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<p align="left">DATA BUKU</p>
<hr align="left" width="30%"/>
<?
$koneksi=mysql_connect("localhost","root","password");
if($koneksi) {
mysql_select_db("penjualan_buku");
echo "<pre>";
echo "Kode Buku :$kdbuku<br>";
echo "Nama Buku :$nmbuku<br>";
echo "Harga :$harga<br>";
echo "Pengarang :$pengarang<br>";
echo "Penerbit :$penerbit<br>";
echo "Stok :$stok<br>";
Created By WYI wyneyusnaeni2014.wordpress.com
31
$sqltr="insert into
buku(kd_buku,nm_buku,harga,pengarang,penerbit,stok)values('$kdbuku','$nmbuku','$harga','$pengarang',
'$penerbit','$stok')";
$hasil=mysql_query($sqltr,$koneksi);
echo "Simpan Data Buku Berhasil !!<br>";
echo "<p><a href=frmbuku.php>Back</a>";
mysql_close($koneksi);
}else{
echo "Data Gagal Tersimpan !!<br>";
}
?> </body>
</html>
Simpan dengan nama : databuku.php
Layout :
Membuat Database melalui PhpMyAdmin
Cara membuka :
- Buka Jendela Internet Explorer
- Pada Adress bar ketik : localhost/phpmyadmin
- Masukan User Name : root
- Password : Password
- Klik OK
Created By WYI wyneyusnaeni2014.wordpress.com
32
- Tampilan PhpMyAdmin :
- Buat Database Baru dengan nama : penjualan_barang
- Lalu klik Create
- Buat Tabel dengan nama : Barang , Number Of Fields : 5
Created By WYI wyneyusnaeni2014.wordpress.com
33
Nama Tabel Fields
- Lalu klik Go
- Isi Struktur Tabel nya sebagai berikut :
- Lalu Klik Save
- Maka akan tampil struktur table nya :
Created By WYI wyneyusnaeni2014.wordpress.com
34
- Buat Form : formbarang . php
Kode : HD001, KB002, MO003
Satuan : Unit , Pcs
Ketentuan :
Kode Barang Nama Barang Harga
HD001 Hard Disk 300000
KB002 Keyboard 20000
MO003 Mouse Optik 25000
<?
$koneksi=mysql_connect("localhost","root","password");
if($koneksi){
mysql_select_db("penjualan_barang");
Created By WYI wyneyusnaeni2014.wordpress.com
35
$kobar=$_POST['kobar'];
$satuan=$_POST['satuan'];
$stok=$_POST['stok'];
if ($kobar=="HD001")
{
$nabar="Hard Disk";
$harga=300000;
}
else
if ($kobar=="KB002")
{
$nabar="Keyboard";
$harga=20000;
}
else
{
$nabar="Mouse Optik";
$harga=25000;
}
$simpan="insert into barang(kode_barang,nama_barang,harga,
satuan,stok)values('$kobar','$nabar','$harga','$satuan','$stok')";
mysql_query($simpan,$koneksi);
}
else
{
echo"Maaf server tidak ditemukan";
}
echo"Silahkan lihat data<br><a href=databarang.php>LIHAT</a>";
?>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<font size="5">DATA BARANG</font>
<?
$koneksi=mysql_connect("localhost","root","password");
Created By WYI wyneyusnaeni2014.wordpress.com
36
mysql_select_db("penjualan_barang",$koneksi);
$query=mysql_query("select * from barang",$koneksi);
$jumlah=mysql_num_rows($query);
echo "<pre>";
echo "<b><u>Jumlah Data : $jumlah</u></b>";
while($baris=mysql_fetch_row($query))
{
echo "<br>";
echo " Kode Barang :$baris[0]<br>";
echo " Nama Barang :$baris[1]<br>";
echo " Harga :$baris[2]<br>";
echo " Satuan :$baris[3]<br>";
echo " Stok :$baris[4]<br>";
echo "<br>";
}
echo "<p><a href=formbarang.php>Back</a>";
echo "</pre>";
?>
</body>
</html>
Simpan dengan nama : databarang.php