Scribd
Unggah
55 tayangan

Modul Web Programming

Dokumen tersebut memberikan penjelasan tentang pengertian HTML dan PHP serta contoh kode dasar. HTML digunakan untuk membuat struktur dasar dokumen web sedangkan PHP digunakan untuk membuat konten yang dinamis. Diberikan pula contoh tag-tag dasar HTML dan penjelasan singkat tentang tipe data dalam PHP."

Diunggah oleh

Muthoharoh
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
55 tayangan

Modul Web Programming

Dokumen tersebut memberikan penjelasan tentang pengertian HTML dan PHP serta contoh kode dasar. HTML digunakan untuk membuat struktur dasar dokumen web sedangkan PHP digunakan untuk membuat konten yang dinamis. Diberikan pula contoh tag-tag dasar HTML dan penjelasan singkat tentang tipe data dalam PHP."

Diunggah oleh

Muthoharoh
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 36

Created By WYI wyneyusnaeni2014.wordpress.

com

WEP PROGRAMMING

Created By Wina Yusnanei

1
Created By WYI wyneyusnaeni2014.wordpress.com

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

Tempat penulisan
Script

Tempat pemanggilan file


Tuliskan alamat penyimpanan
C:\apache2triad\htdocs\folder_and
a\lat1.php
Atau
Localhost/folder_anda/lat1.php

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.

2
Created By WYI wyneyusnaeni2014.wordpress.com

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
3
Created By WYI wyneyusnaeni2014.wordpress.com

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

4
Created By WYI wyneyusnaeni2014.wordpress.com

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>
5
Created By WYI wyneyusnaeni2014.wordpress.com

<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

6
Created By WYI wyneyusnaeni2014.wordpress.com

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

7
Created By WYI wyneyusnaeni2014.wordpress.com

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.

8
Created By WYI wyneyusnaeni2014.wordpress.com

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;
….
}
9
Created By WYI wyneyusnaeni2014.wordpress.com

Objek : tipe data baru merupakan pengembangan OHO untuk mendukung


pemrograman berorientasi objek.
 Boolean : memiliki dua nilai yaitu true atau false
Contoh:
Latihan 1:

<? /*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>";
Buah apel warna merah
echo "Nilai anda=$b";
echo "<br>";
Nilai anda=90
?>

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 Contoh Variabel yang salah
$nilai_1 $nilai-1
$n1 $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() hasilnya Nilai a dalam fungsi =
{ test
$a="test"; //variabel ini bersifat lokal Nilai a luar fungsi = 123
echo "Nilai a dalam fungsi =$a<br>";
}
test( ); //menampilkan fungsi
echo "nilai A luar fungsi =$a" ;
?>

10
Created By WYI wyneyusnaeni2014.wordpress.com

<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> $kurang=$n1-$n2;
<head> $kali=$n1*$n2;
<title>Title here!</title> echo "Nilai 1 = $n1<br>";
</head> echo "Nilai 2 = $n2<br>";
<body> echo "<p>";
Operasi Aritmatika<p> echo "Nilai 1 + Nilai 2 = $tambah<br>";
<? echo "Nilai 1 - Nilai 2 = $kurang<br>";
$n1=6; echo "Nilai 1 * Nilai 2 = $kali<br>";
$n2=4; echo "Nilai 1 / Nilai 2 = $bagi<br>";
$bagi=$n1/$n2; ?>
$tambah=$n1+$n2; </body></html>

11
Created By WYI wyneyusnaeni2014.wordpress.com

Latihan IF Dan Case:


1. If … ( Satu Kondisi )

Sintaksnya : if ( Ekspresi )
{
Perintah1;
} else 3. Switch (Switch … Case)
{ Sintaksnya :
Perintah2; Switch ( $var )
} {
2. If … Else ( Lebih dari 1 Kondisi ) Case nilai1 :
Sintaksnya : Perintah_nilai1;
if ( Ekspresi ) Break;
{ Case nilai2 :
Perintah1; Perintah_nilai2;
Perintah2; Break;
} else [default :
if ( Ekspresi ) Perintah_nilai_default;
{ ]
Perintah a; }
Perintah b;
}

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>

12
Created By WYI wyneyusnaeni2014.wordpress.com

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>

13
Created By WYI wyneyusnaeni2014.wordpress.com

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>

14
Created By WYI wyneyusnaeni2014.wordpress.com

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>

15
Created By WYI wyneyusnaeni2014.wordpress.com

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

16
Created By WYI wyneyusnaeni2014.wordpress.com

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;
17
Created By WYI wyneyusnaeni2014.wordpress.com

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++)
18
Created By WYI wyneyusnaeni2014.wordpress.com

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
{

19
Created By WYI wyneyusnaeni2014.wordpress.com

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>
<?
20
Created By WYI wyneyusnaeni2014.wordpress.com

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>

21
Created By WYI wyneyusnaeni2014.wordpress.com

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>
22
Created By WYI wyneyusnaeni2014.wordpress.com

</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>
23
Created By WYI wyneyusnaeni2014.wordpress.com

<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>
24
Created By WYI wyneyusnaeni2014.wordpress.com

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

25
Created By WYI wyneyusnaeni2014.wordpress.com

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)

26
Created By WYI wyneyusnaeni2014.wordpress.com

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

27
Created By WYI wyneyusnaeni2014.wordpress.com

- 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


28
Created By WYI wyneyusnaeni2014.wordpress.com

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 :

29
Created By WYI wyneyusnaeni2014.wordpress.com

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

30
Created By WYI wyneyusnaeni2014.wordpress.com

$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

31
Created By WYI wyneyusnaeni2014.wordpress.com

- Tampilan PhpMyAdmin :

- Buat Database Baru dengan nama : penjualan_barang

- Lalu klik Create


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

32
Created By WYI wyneyusnaeni2014.wordpress.com

Nama Tabel Fields


- Lalu klik Go
- Isi Struktur Tabel nya sebagai berikut :

- Lalu Klik Save


- Maka akan tampil struktur table nya :

33
Created By WYI wyneyusnaeni2014.wordpress.com

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

34
Created By WYI wyneyusnaeni2014.wordpress.com

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

35
Created By WYI wyneyusnaeni2014.wordpress.com

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

36

Anda mungkin juga menyukai