wep programming - · pdf filekode-kode dalam html biasanya disebut tag. tag ditulis dengan...

Created By WYI wyneyusnaeni2014.wordpress.com

1

WEP PROGRAMMING

Created By Wina Yusnanei


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

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


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>


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>


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


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:


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.


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;

….

}


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


11

<html>

<head>


</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>


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>


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>


</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>


14

Simpan dengan nama action.php

<html>

<head>


</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>


15

Latihan GET

Program Nilai

Simpan dengan nama frminputnilai.html


<html>

<head>


</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>


16

Simpan dengan nama nilai.php:

<html>


<html>

<head>


</head>


<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


17

simpan dengan nama frminputgaji.html:

<html>

<head>


</head>


<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>


</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;


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:


<html>

<head>


</head>

<body>

Tanggal :<select name=tanggal><option value=0 selected>tanggal

<?

for ($i=0;$i<13;$i++)


19

echo "<option value=$i>$i";?>

</option></select>

</body>

</html>

Contoh 1 while:

<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> <html>

<head>


</head>

<body>

<?

$a=1;

while($a<=5)

{

echo"<h$a>Perulangan while</h$a>";

$a++;

}

?>

</body>

</html>

Contoh2 while:


<html>

<head>


</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>


</head>

<body>

<?

$a=10;

do

{


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>


</head>

<body>

<?

$a=10;

do

{

echo"$a ";

$a--;

}

while($a>0)

?>

</body>

</html>

Array

Contoh 1:


<html>

<head>


</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>


</head>

<body>

<?


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>


</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:


<html>

<head>


</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>


22

Membuat Tabel Contoh 1:

Buka file inputnilai.php modifikasi dengan bentuk table


<html>

<head>


</head>

<body bgcolor="yellow">

<font color="red" >



<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>


23

</html>

Latihan 2 membuat Tabel dengan combo:


<html>

<head>


</head>

<body bgcolor="yellow">

<font color="red" >



<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>


24

<input type="submit" value="Kirim"> <input type="reset" value="Cancel">

</td>

</table>

</form>

</body>

</html>

Latihan:simpan dengan nama inputbuku_tamu.php


<html>

<head>


</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>


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


<html>

<head>


</head>

<body>

<?

$nama=$HTTP_GET_VARS['nama'];

$alamat=$HTTP_GET_VARS['alamat'];

$jk=$HTTP_GET_VARS['jk'];

$hb1=$HTTP_GET_VARS['hb1'];




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>


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)


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


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


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 :


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>";


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


32

- Tampilan PhpMyAdmin :

- Buat Database Baru dengan nama : penjualan_barang

- Lalu klik Create

- Buat Tabel dengan nama : Barang , Number Of Fields : 5


33

Nama Tabel Fields

- Lalu klik Go

- Isi Struktur Tabel nya sebagai berikut :

- Lalu Klik Save

- Maka akan tampil struktur table nya :


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

<?


if($koneksi){

mysql_select_db("penjualan_barang");


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>

<?



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

wep programming - · pdf filekode-kode dalam html biasanya disebut tag. tag ditulis dengan...

Documents