Dibuat oleh: Dinda Ayu Muthia

(1)

Dibuat oleh:

Dinda Ayu Muthia

(2)

Pertemuan 1 Pengenalan HTML

1. HTML (Hyper Text Markup Language)

HTML adalah suatu bahasa yang digunakan untuk menulis halaman web, ciri utama dokumen HTML adalah adanya elemen dan tag. Elemen terdiri dari elemen <HEAD>

yang berfungsi memberikan informasi tentang dokumen tersebut. Elemen <BODY>

yang menentukan bagaimana isi suatu dokumen ditampilkan di dalam browser.

2. HTML Tag

Tag dinyatakan dengan tanda “<” (tag awal) dan “>” (tag akhir). Dalam penggunaanya sebagian kode HTML harus terletak diantara tag container, yaitu diawali dengan <nametag> dan diakhiri dengan </nametag>.

Tag Keterangan

<a>...</a> Menyisipkan hyperlink

<b>...</b> Menebalkan Text

<body>...</body> Pasangan tag untuk bagian dokumen

<br>...</br> Menyisipkan pemenggal baris

<center>...</center> Text rata tengah

<font>...</font> Menentukan atribut font

<head>...</head> Pasangan tag untuk bagian kepala

<html >...</html> Pasangan tag untuk

<i >...</i> Tulisan miring

<small >...</small> Text kecil

<strong >...</strong> Menampilkan text dengan penekanan yang kuat

< h>...</h> headline

<hr >...</hr> Garis horizontal

<p >...</p> paragraf

< form>...</form> Form input

< option>...</option> Mendefinisikan item untuk object input select

< select>...</select> Menu pop up

< img>...</img> Menyisipkan gambar

< li>...</li> Item daftar

<ol >...</ol> Daftar terurut

(3)

< ul>...</ul> Daftar tidak terurut

<caption >...</caption> Untuk label

< table>...</table> Membuat table

<td >...</td> Menyisipkan data set table

< tr>...</tr> Mendefinisikan baris table 3. PHP Coder

 Cara membuka program PHP Coder

 Tampilan awal PHP Coder

(4)

Latihan1

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

<html> Awal dokumen html

<head>

<title> Perkenalan </title>

</head>

<body>

<h1> Biodata Diri </h1> headline

<hr> garis horizontal

Nim:1208XXXX <br> pindah baris

Nama:Dinda<br>

Kelas:12.5X.01<br>

Jurusan: Manajemen informatika<br>

TTL:Jakarta,12-desember-1988<br>

Alamat:Jalan kemuning<br>

Lanjutkan <a href=latihan2.html>Klik Disini </a> menyisipkan hyperlink

</body>

</html>

Simpan file di C:/Apache2Triad/htdocs/folder nim masing-masing/latihan1.html

 Cara menjalankan file melalui Internal Preview: Ketikkan localhost/tempat penyimpanan/nama file

(5)

 Cara menjalankan file melalui browser

Latihan2

<html>

<head>

<title>Perkenalan</title>

</head>

<body>

<center> <h1> <font color=blue> Biodata Diri </font> </h1> </center>

<hr width= 50% color=blue > width=panjang

garis,color=warna garis

<b> Nim:1208XXXX</b><br> b=bold(text tebal)

<i> Nama:Dinda<br></i> i=text miring

<u> Kelas:12.5X.01<br></u> u=text garis bawah Jurusan:Manajemen Informatika<br>

TTL:Jakarta,12-desember-1988<br>

Alamat:Jalan kemuning<br>

<a href=latihan1.php>kembali</a><br>

Center=untuk text rata tengah

Font color=warna text

(6)

</body>

</html>

Simpan file di C:/Apache2Triad/htdocs/folder nim masing-masing/latihan2.html

Latihan3

<html>

<head>

<title>Table</title>

</head>

<body>

<div align="center"><h1>Membuat Table</h1><br></div>

<tr>

<td>Baris 1,Kolom 1</td>

</tr>

<tr>

<td>Jenis Makanan

<ul>

<li>Ayam Goreng

<li>Ayam Bakar

<li>Lele Goreng</ul></td>

<td>Jenis Musik

<ol>

<li>Pop

<li>Dangdut

(7)

<td><a [email protected]><img src="bendera.jpg" width="50"

height="50"></a></td>

</tr>

</body>

</html>

Simpan file di C:/Apache2Triad/htdocs/folder nim masing-masing/latihan3.html Hasil:

Latihan4

<html>

<head>

<title>Table Ke 2</title>

</head>

<body>

<h1 align=center>Tabel</h1>

<tr>

<td>Jenis Musik</td>

<td>Jenis Film</td>

</tr>

<tr>

(8)

<li>Rock

<li>Pop

<li>Dangdut

<li>Keroncong

<li>Action

<li>Drama

<li>Komedi

<li>Horor

<li>Klasik

<li>Romantis</ul></td></tr>

</table>

</body>

</html>

Latihan5

<html>

<head>

<title>Tabel Gambar</title>

</head>

(9)

<body>

<h1>Gallery</h1>

<tr>

</tr>

<tr>

<td><center><a href="bgheart1.gif">Heart</a></center></td>

<td><center><a href="bendera.jpg">Bendera</a></center></td>

<td><center><a href="Roma03.jpg">Heart2</a></center></td>

</tr>

</table>

</body>

</html>

(10)

Pertemuan 2 PHP

PHP merupakan script yang menyatu dengan HTML dan berada pada server (server side HTML embedded scripting). Dengan mengunakan PHP maka maintenance suatu situs web menjadi lebih mudah, proses update data dapat dilakukan dengan mengunakan aplikasi yang dibuat dengan script PHP dan dengan PHP Anda dapat membuat beragam aplikasi berbasis web, mulai dari halaman web yang sederhana sampai aplikasi kompleks yang membutuhkan koneksi ke database.

Ada beberapa cara menuliskan script PHP yaitu:

1. <?

Script PHP ?>

2. <? PHP Script PHP ?>

Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Pesan antara intruksi adalah tanda titik koma (;), untuk membuat atau menambahkan komentar, standard penulisan dengan contoh sebagai berikut,

/* komentar */ , atau //komentar , atau #komentar Latihan 6:

Simpan dengan nama latihan6.php

<?

$nama="TV";

$harga=2000000;

$jumlah=4;

$total=$harga*$jumlah;

echo"Data Barang<br><br>";

echo"Nama =$nama<br>";

echo"Harga =$harga<br>";

echo"Jumlah =$jumlah<br>";

?>

(11)

Pertemuan 3

Penyeleksian dengan IF dan Switch Case

 If dengan satu kondisi Sintaksnya: if (ekspresi){

perintah1;

perintah2;}

 If…. Else  if lebih dari 1 kondisi Sintaksnya: if (ekspresi1){

perintah1;

perintah2;}

else{

perintah3;

perintah4;}

 If…else if  if majemuk dengan lebih dari 2 kondisi Sintaksnya: if (ekspresi1)

{

perintah1;

if(ekspresi)

{ perintah;

perintah;}

}

else if(ekspresi2)

{

perintah1;

if(ekspresi)

{ perintah;

perintah;}

}

(12)

Latihan6if.php:

<?

$nama="TV";

$harga=2000000;

$jumlah=4;

if($jumlah>3)

$bonus="Antena";

else

$bonus="Payung";

echo"Data Barang<br><br>";

echo"Nama =$nama<br>";

echo"Harga =$harga<br>";

echo"Jumlah =$jumlah<br>";

echo"Bonus =$bonus<br>";

?>

Latihan7if.php:

 Buatlah tampilan sebagai berikut dengan menggunakan variabel $nim, $nama,

$semester, $status=1, $kodejurusan=1 dan beberapa variabel tambahan. Dengan ketentuan:

 Jika status = 1, maka status mahasiswa = aktif

 Jika status = 2, maka status mahasiswa = cuti

 Jika status = 3, maka status mahasiswa = tidak aktif

 Jika kode jurusan = 1, maka jurusan = MI

 Jika kode jurusan = 2, maka jurusan = KA

 Jika kode jurusan = 3, maka jurusan = TK

(13)

Script:

<?

$nim="12061479";

$nama="Dinda Ayu Muthia";

$semester=6;

$status=1;

$kodejur=1;

if ($status==1)

{ $statusmhs="aktif";}

else if($status==2) { $statusmhs="cuti";}

else if($status==3)

{ $statusmhs="tidak aktif";}

if($kodejur==1) { $jurusan="MI";}

else if($kodejur==2) { $jurusan="KA";}

else if($kodejur==3) { $jurusan="TK";}

echo"NIM : $nim<br>";

echo"NAMA : $nama<br>";

echo"SEMESTER : $semester<br>";

echo"STATUS : $statusmhs<br>";

echo"JURUSAN : $jurusan<br>";

?>

Latihan8if.php:

 Buatlah tampilan seperti dibawah ini dengan ketentuan sebagai berikut:

absen=80 tugas=90

(14)

uts=80 uas=80

nilai= (absen x 10%)+(tugas x 20%)+(uts x 30%)+(uas x 40%)

jika nilai > 80, maka grade = A jika nilai > 68, maka grade = B jika nilai > 59, maka grade = C jika nilai > 40, maka grade = D selain itu grade = E

jika nilai lebih dari 50, maka keterangan = lulus, selain itu keterangan = gagal

Script:

<?

$nim="12061479";

$nama="Dinda";

$kelas="12.5A.01";

$jurusan="Manajemen Informatika";

$absen=80;

$tugas=90;

$uts=80;

$uas=80;

$nilai=($absen*0.1)+($tugas*0.2)+($uts*0.3)+($uas*0.4);

if($nilai>80)

$grade='A';

(15)

else if ($nilai>68)

$grade='B';

else if($nilai>59)

$grade='C';

else if($nilai>40)

$grade='D';

else

$grade='E';

if($nilai>50)

$ket="Lulus";

else

$ket="Gagal";

echo "Nim: $nim<br>";

echo "Nama: $nama<br>";

echo "Kelas: $kelas<br>";

echo "Jurusan: $jurusan<br>";

echo "Nilai absen: $absen<br>";

echo "Nilai tugas: $tugas<br>";

echo "Nilai UTS: $uts<br>";

echo "Nilai UAS: $uas<br>";

echo "Mahasiswa yang bernama $nama mendapat hasil: <br>";

echo "Nilai keseluruhan: $nilai<br>";

echo "Grade: $grade<br>";

echo "Keterangan: $ket<br>";

?>

(16)

 Switch-Case

Sintaksnya : switch ($var) { Case nilai1 : Perintah_nilai1;

Break;

Case nilai2 : Perintah_nilai2;

Break;

Case nilai3 : Perintah_nilai3;

Break;

default :

Perintah_nilai_default ; Contoh:

<?

$jurusan=2;

echo "Jurusan ke-$jurusan adalah: ";

switch($jurusan){

case 1:

echo "Manajemen Informatika“;

break;

case 2:

echo "Komputerisasi Akuntansi“;

break;

case 3:

echo "Teknik Komputer“;

break;

?>

Simpan dengan nama file: switch2.php

(17)

Pertemuan 4 Operator

1. Jenis-jenis Operator a. Operator Aritmatika

Operator Nama Contoh

+ Penjumlahan $a+$b

- Pengurangan $a-$b

* Perkalian $a*$b

/ Pembagian $a/$b

% Modulus

(Sisa Hasil Bagi) $a%$b

b. Operator Increment dan Decrement Contoh Nama

++$a Pre Increment

$a++ Post Increment --$a Pre Decrement

$a-- Post Decrement Contoh:

(18)

c. Operator String

Contoh: $a.$b  disebut concatenation. Hasilnya adalah penggabungan string

$a dan $b

d. Operator Assignment (Penugasan) Operator assignment adalah “=“

Contoh :

$a=3 maka $a berisi 3

e. Operator Penugasan Gabungan

Contoh Arti x += y x = x + y x -= y x = x - y x *= y x = x * y x /= y x = x / y

f. Operator Logika Contoh Nama

Operator Hasil

$a & $b

$a && And Akan menghasilkan nilai TRUE jika $a dan $b bernilai benar

(19)

$b $a and

$b

$a || $b

$a or $b Or Akan menghasilkan nilai TRUE jika $a atau $b bernilai benar

$a xor

$b Xor Akan menghasilkan nilai TRUE jika $a atau $b bernilai benar, tetapi tidak keduanya bernilai benar

!$a Not Akan menghasilkan nilai TRUE jika $a bernilai tidak benar

Contoh Operator And

Variabel $a $b Hasil

Pernyataan

T T T

T F F

F T F

F F F

Contoh Operator Or

Variabel $a $b Hasil

Pernyataan

T T T

T F T

F T T

F F F

g. Operator Pembanding (Relasional)

Operator Arti Contoh

== Sama Dengan x == 3

!= Bukan Sama Dengan x != 3

< Kurang Dari x < 3

> Lebih Dari x > 3

<= Kurang Dari Atau Sama Dengan x <= 3

>= Lebih Besar Atau Sama Dengan x >= 3

(20)

Operator.php

<?

$a=5;

$b=4;

echo "$a==$b :".($a==$b);

echo "<br>$a != $b :".($a!=$b);

echo "<br>$a > $b :".($a>$b);

echo "<br>$a<$b :".($a<$b);

echo "<br>($a!=$b)&&($a>$b) :".(($a!=$b)&&($a>$b));

echo "<br>($a==$b)||($a>$b) :".(($a!=$b)||($a>$b));

?>

Hasil:

(21)

Pertemuan 5

Fungsi Tanggal dan Form Input-Output

1. Fungsi Tanggal Argumen Nilai hasil a “am” atau “pm”

A “AM” atau “PM”

d Tanggal sekarang dari “01? sampai dengan “31?

D Nama hari dari “Sun” sampai dengan “Sat”

F Nama bulan dari “January” sampai dengan “December”

g Jam sekarang dari “1? sampai dengan “12?

G Jam sekarang dari “0? sampai dengan “23?

h Jam sekarang dari “01? sampai dengan “12?

H sekarang dari “00? sampai dengan “23?

i Menit sekarang dari “00? sampai dengan “59?

j Tanggal sekarang dari “1? sampai dengan “31?

l Nama hari dari “Sunday” sampai dengan “Saturday”

L Tahun kabisat : “1? jika True, “0? jika false m Kode bulan dari “01? sampai dengan “12?

M Nama bulan dari “Jan” sampai dengan “Dec”

n Kode bulan dari “1? sampai dengan “12?

s Detik sekarang dari “00? sampai dengan “59?

t Jumlah hari pada bulan sekarang y Tahun sekarang dalam 2 digit Y Tahun sekarang dalam 4 digit

(22)

2. Form Input-Output

(23)

 Contoh penggunaan select/option, simpan dengan nama inputmhs.php

<pre>

Nim = <input type=text name=nim>

Nama = <input type=text name=nama>

Pilihan Waktu = <select name=pilihan>

<option value="Malam">Malam</option>

</select>

</form>

Hasil:

<?

$tanggal=date("d/m/Y");

$jam=date("H:i:s");

$nim=$_POST[„nim‟];

(24)

$nama=$_POST[„nama‟];

$pilihan=$_POST[„pilihan‟];

if($pilihan=="Pagi")

$biaya=1080000;

else

$biaya=1280000;

echo"<pre>";

echo"Tanggal = $tanggal<br>";

echo"Jam = $jam<br>";

echo"<h1>Data Mahasiswa</h1><br>";

echo"NIM = $nim<br>";

echo"Nama = $nama<br>";

echo"Pilihan = $pilihan<br>";

echo"Biaya = $biaya<br>";

echo"<a href=inputmhs.php>input lagi</a>";

?>

Simpan dengan nama outputmhs.php Hasil:

 Contoh penggunaan radio button, simpan dengan nama inputtiket.php

<h1>Domestic Airlines</h1>

Nama : <input type="text" name=nama><br>

Tanggal Berangkat :

<? for($i=1;$i<=31;$i++)

(25)

echo"<option Value=$i>$i</option>"; ?></select>

<? for($i=1;$i<=12;$i++)

echo"<option Value=$i>$i</option>"; ?></select>

<? for($i=2012;$i<=2013;$i++)

echo"<option Value=$i>$i</option>"; ?></select><br>

Tujuan :

<input type="radio" name=tujuan value="Malang">Malang <input type="radio" name=tujuan value="Padang">Padang <input type="radio" name=tujuan value="Medan">Medan<br>

Jumlah Tiket : <input type="text" name=jumlah><br>

</form>

Hasil:

Outputtiket.php

<? $nama=$_POST['nama'];

$tanggal=$_POST['tanggal'];

$bulan=$_POST['bulan'];

$tahun=$_POST['tahun'];

$tujuan=$_POST['tujuan'];

$jumlah=$_POST['jumlah'];

$berangkat=$tanggal.-$bulan.-$tahun;

if($tujuan=="Malang") $harga=400000;

(26)

else if($tujuan=="Padang") $harga=410000;

else $harga=510000;

$total=$harga*$jumlah;

echo"<pre><h1>Domestic Airlines</h1>

Nama =$nama<br>

Tanggal Berangkat=$berangkat<br>

Tujuan =$tujuan<br>

Harga =$harga<br>

Total =$total<br>

<a href=inputtiket.php>input lagi</a>";

?>

Hasil:

(27)

Pertemuan 6 Array

Array terdiri dari sekumpulan data yang sejenis. Masing-masing data dinamakan elemen array. Elemen array tersusun secara index. Dimana index diawali dari 0.

Array.php

<?

$nama[0]="Amel";

$nama[1]="Diah";

$nama[2]="Nia";

$nama[3]="Lily";

$nama[4]="Tika";

echo"Nama-nama anggota paduan suara BSI adalah: <ul>";

for ($i=0;$i<=4;$i++){

echo "<li>$nama[$i]</li>";}

echo"</ul>";

?>

Hasil:

Array2.php

<?

$nama=array("Amel","Diah","Nia","Lily","Tika");

echo"Nama anggota paduan suara pertama adalah $nama[0] <br>";

echo"Nama anggota paduan suara terakhir adalah $nama[4]";

?>

Hasil:

(28)

Pertemuan 7 Database dan MySQL

 Untuk membuat database, ketikkan alamat berikut di address bar:

localhost/phpmyadmin

 Jika ada permintaan untuk required authentication, isikan:

username : root password : password

 Jika sudah terisi otomatis, klik OK

sehingga akan muncul tampilan sebagai berikut:

(29)

 Membuat Database

 Membuat table dengan nama icecream. Jadikan field kode sebagai primary key.

 Forminput.php

 Ketikkan script berikut tepat dibawah <body>

<h3>Form Input Data Ice Cream</h3>

<tr><td>KODE ICE CREAM</td><td><input type=text name=kode></td></tr>

(30)

<tr><td>MERK ICE CREAM</td><td><input type=text name=merk></td></tr>

<tr><td>HARGA</td><td><input type=text name=harga></td></tr>

</table>

</form>

Simpan file di C:/Apache2Triad/htdocs/database Hasil:

 Simpan.php

<?

$koneksi=mysql_connect("localhost","root","password");

mysql_select_db("dinda_12061479",$koneksi);

$kode=$_POST['kode'];

$merk=$_POST['merk'];

$harga=$_POST['harga'];

$rasa=$_POST['rasa'];

$sql="insert into icecream values('$kode','$merk','$harga','$rasa')";

$qry=mysql_query($sql,$koneksi);

if($qry)

{echo "Data tersimpan<br>";

echo "<a href=formoutput.php>Lihat Data</a>";}

else

{echo "Data gagal disimpan";}

?>

(31)

 Formoutput.php

<h3>DATA ICE CREAM</h3>

<?

$koneksi=mysql_connect("localhost","root","password");

mysql_select_db("dinda_12061479",$koneksi);

$hasil=mysql_query("select*from icecream",$koneksi);

$row=mysql_fetch_array($hasil);

do{

echo "KODE ICE CREAM : $row[kode]<br>";

echo "MERK ICE CREAM : $row[merk]<br>";

echo "HARGA : $row[harga]<br>";

echo "RASA : $row[rasa]<br><hr>";

}while($row=mysql_fetch_array($hasil));

?>

<a href=forminput.php>Input Data</a>

Hasil:

 Pengecekan data yang tersimpan dengan meng-klik Browse