0% menganggap dokumen ini bermanfaat (0 suara)
42 tayangan37 halaman

Pemrorgaman Web II

Modul panduan praktikum Pemrograman Web II ini memberikan panduan kepada mahasiswa dalam mengikuti praktikum pemrograman web II. Modul ini berisi materi dasar, contoh kode, dan latihan untuk setiap pertemuan serta tugas akhir pertemuan yang harus diselesaikan mahasiswa. Tujuannya adalah membantu mahasiswa memahami konsep-konsep pemrograman web dan mengaplikasikannya dalam membuat website interaktif.

Diunggah oleh

zeze
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
42 tayangan37 halaman

Pemrorgaman Web II

Modul panduan praktikum Pemrograman Web II ini memberikan panduan kepada mahasiswa dalam mengikuti praktikum pemrograman web II. Modul ini berisi materi dasar, contoh kode, dan latihan untuk setiap pertemuan serta tugas akhir pertemuan yang harus diselesaikan mahasiswa. Tujuannya adalah membantu mahasiswa memahami konsep-konsep pemrograman web dan mengaplikasikannya dalam membuat website interaktif.

Diunggah oleh

zeze
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 37

PANDUAN PRAKTIKUM

PEMROGRAMAN WEB II

Disusun Oleh:
Relita Buaton, ST, M, Kom

STMIK KAPUTAMA
BINJAI
2021
KATA PENGANTAR

Puji dan syukur kita panjatkan kehadiran Tuhan Yang Maha Esa atas segala dan
berkat sehingga modul panduan praktikum Pemrograman Web II ini dapat diselesaikan
dengan baik, Buku Panduan ini ditujukan kepada mahasiswa peserta praktikum pemrograman
web II sebagai buku panduan dalam mengikuti perkuliahan praktikum pemrograman Web II.
Dalam buku ini, tersedia materi dasar, contoh dan latihan setiap pertemuan, dan di akhir
pertemuan juga tersedia tugas praktikum yang akan dikerjakan oleh seluruh peserta.
Akhir kata semoga buku praktikum ini bermanfaat untuk kemajuan pelaksanaan
praktikum dan dapat membantu mahasiswa dalam melaksanakan praktikum pemrograman
web II. Sekian dan terimakasih

i
Gambaran Umum Hasil Perkuliahan

1. Peserta mempu membuat website dengan penerapan logika dan operasi


aritmatika

2. Peserta mampu membuat website interaktif dengan menggunakan php dan


databse MySQL

3. Peserta mampu membuat website dengan konsep relasi antar table,


gabungan dari beberapa table dalam satu query database

4. Peserta mampu mengupload projek ke domain dan hosting dengan konsep


validasi form dan managemen session

ii
Daftar ISI

Pertemuan-1: Pengantar PHP ......................................................................... 1


Pertemuan-2,3: Struktur Kontrol ................................................................... 9
Pertemuan-4: Looping ..................................................................................... 14
Pertemuan-5: Koneksi Database MySQL ...................................................... 17
Pertemuan-6: Input dan Tampil Data Barang .............................................. 21
Pertemuan-7: Edit dan Update Data Barang................................................. 25
Pertemuan-8,9: Input dan Tampil Data Pelanggan ...................................... 27
Pertemuan-10,11: Edit dan Update Data Pelanggan..................................... 30
Pertemuan-12,13: Input, Tampil, Edit dan Update Data Penjualan ........... 32
Pertemuan-14: Validasi dan Session Management ....................................... 35

iii
PERTEMUAN 1
Pengantar PHP

Tujuan:
Memahami struktur dasar pemrograman Php dan mampu membuat website interaktif
sederhana dengan mengggunakan bahasa pemrogramana php dan database MySQL

Alat dan Bahan:


Perangkat lunak : Macromedia Dreamweaver,Xampp(Php dan MySQL)

Materi:
I. Pengantar PHP
PHP adalah salah satu bahasa Server-side yang didesain khusus untuk aplikasi web.
PHP singkatan dari PHP Hypertext Preprocessor yang diciptakan oleh Rasmus Lerdorf, PHP
dapat disisipkan diantara bahasa HTML dan karena bahasa Server side berarti semua sintaks
yang kita berikan sepenuhnya dijalankan pada server, maka bahasa PHP akan dieksekusi di
server, sehingga yang dikirimkan ke browser adalah output dalam bentuk HTML dan kode
PHP tidak akan terlihat.
PHP digunakan untuk membangunkan aplikasi web yang dijalankan dengan
menggunakan Internet Browser seperti Internet Explorer dan Netscape, Mozilla, Google
Crome dll. PHP berinteraksi dengan database untuk membangun halaman web yang
dinamik. Antara pangkalan data/database yang boleh berinteraksi dengan PHP adalah
MySQL, Postgresql, Oracle, MS SQL, dan lain-lain. PHP mempunyai module atau API
tertentu supaya dapat berkomunikasi dengan pengkalan data tersebut. Agar PHP dapat
berfungsi, maka dibutuhkan pelayan web (web server) untuk digunakan, seperti Apache dan
IIS, sering digunakan Apache sebagai web server untuk PHP
PHP mempunyai kelebihan yaitu kompabilitasnya dengan berbagai macam jenis
database,dukungan dengan berbagai macam jenis sistem operasi. PHP lebih cocok dan umum
digunakan jika digabungkan dengan database mysql. Mysql dengan Php seakan-akan dua hal
yang tidak dapat dipisahkan. Tentunya untuk dapat menggunakan keduanya, dibutuhkan
tingkat kemampuan programming tertentu. Buku ini ditujukan bagi anda yang ingin mulai
membangun web dinamis dan mengembangkan aplikasi berbasis PHP Mysql.
4
Langkah untuk menjalankan dokumen php pada server apache :
1. Buat folder(contoh webku) dan tempatkan di folder apache/htdocs/
2. Simpan semua program(contoh coba.php) pada folder tersebut(webku)
3. Jalankan web server apache.
4. Buka browser dan ketikkan pada URL http://localhost/webku/coba.php
Aturan penulisan script php :
1. Script php diawali tag <? dan diakhiri dengan tag ?>
Contoh:
<?
echo("Bentuk Pertama");
?>

2. Script php diawali tag <?php dan diakhiri dengan tag ?>
Contoh:
<?php
echo("Bentuk Kedua");
?>

3. Script php diawali tag <script language=”php”> dan diakhiri dengan </script>
Contoh:
<script language="php">
echo("Bentuk Ketiga");
</script>

 Penulisan tag php dengan html


Contoh:
<html>
<head>
<title>Untitled Document</title>
</head>
<body>
<?php
echo("Bentuk Penulisan Keempat");
?>
</body>
</html>

5. Menulis komentar
Contoh :
<?php
//Contoh Komentar Pertama
/* Contoh Komentar Kedua*/
echo("Bentuk Penulisan Keempat");
?>

5
5. Setiap statement php diakhiri dengan tanda ( ;) titik koma.

II. Type Data, Variabel dan Operator


Type data adalah jenis data yang akan ditampung oleh suatu variable. Sedangkan
variable merupakan tempat untuk menampung data atau nilai.
Dalam php terdapat tipe data dasar yaitu:
 Integer, untuk data yang berisi angka. Data tersebut dapat digunakan untuk
operasi matematika.
 String, untuk data yang berisi karakter, tipe data ini tidak digunakan untuk
operasi matematika.
 Array, untuk data yang berkelompok. Array memiliki nama variable yang
sama. Definisi lain dari array adalah kumpulan variable yang memiliki tipe
data yang sama.
a. Float/ double, untuk data yang berupa pecahan desimal. Untuk menangani
operasi matematika dengan nilai pecahan.
b. Objek, digunakan dengan statement fuction.
Aturan untuk pendeklarasian variable :
1. Suatu variable dinyatakan dengan tanda dollar ( $ ) dan diikuti nama variable.
2. Nama variable tidak boleh diawali dengan angka, harus dengan karakter,
setelahnya dapat diikuti dengan angka/underscore ( garis bawah).
3. Penamaan bersifat case sensitive atau variable membendakan huruf kecil dan
besar.
4. Deklarasi variable selalu diikuti dengan pemberian ( assignment) nilai dari
variable
5. tersebut. Jika sebuah variable belum memiliki nilai tidak perlu dideklarasikan
terlebih dahulu.
Operator

Operator merupakan suatu tool/alat untuk keperluan manipulasi data. Operator dapat
dibedakan menjadi :
1. Operator Aritmetika

6
Contoh Nama Hasil
$a + $b Penjumlahan Jumlah $a dan $b.
$a - $b Pengurangan Selisih $a dan $b.
$a * $b Perkalian Hasil kali $a dan $b.
$a / $b Pembagian Quotient dari $a dan $b.
$a % $b Modulus Remainder dari $a dibagi $b.
2. Operator String
Menggunakan ‟.‟ (tanda titik)

$a = "Hello ";

$b = $a . "World!"; // sekarang $b berisi "Hello World!"

Menggunakan „.=‟ (tanda titik dan sama dengan)

$a = "Hello ";

$a .= "World!"; // sekarang $a berisi "Hello World!"

3. Operator Logika

Contoh Name Hasil


$a and $b And TRUEjika $a dan $b TRUE.
$a or $b Or TRUEjika $a atau $b TRUE.
$a xor $b Xor TRUEjika salah satu dari $a atau $b TRUE
! $a Not TRUEjika $a bukan TRUE.
$a && $b And TRUEjika $a dan $b TRUE.
$a || $b Or TRUEjika $a atau $b TRUE.
Contoh: lat1.php
<?php
echo("Menghitung Gaji Total<br>");
$gapok=2000000;
$tunjangan=500000;
$total=$gapok+$tunjangan;
echo("Total Gaji=$total");
?>

Output:

Keterangan:
7
3 buah variable yaitu gapok,tunjangan dan total. Dinyatakan dalam bentuk variable sehingga
diawali dengan tada dolar($)
Latihan
 Buatlah program kalkulator sederhana yang mengimplementasikan beberapa
operator yang sudah dijelaskan.
Tugas
1. Nama,harga,jumlah dan diskon merupakan konstanta. Buatlah program untuk
menghitung total bayar=(harga*jumlah)-diskon. Gunakan format teks untuk
memperindah output
2. Buat program Perhitungan gaji, jika gaji/hari=Rp.50.000, lembur= untuk 1
sampai dengan 2 jam:Rp.25.000/jam, untuk lembur>=3maka Rp.35.000/jam.
bonus jika jumlah jam kerja>=20 hari maka dpt uang makan Rp.5.000 / hari.
Hitung gaji total

8
PERTEMUAN 2,3
STRUKTUR KONTROL

Tujuan:
Memahami penggunaan struktur control dan seleksi kondisi dalam website

Alat dan Bahan:


Perangkat lunak : Macromedia Dreamweaver,Xampp(Php)

Materi:

STRUKTUR KONTROL
 IF
Konstruksi IF digunakan untuk melakukan eksekusi suatu statement secara bersyarat.
Cara penulisannya adalah sebagai berikut:
if (syarat)
{
statement
}

atau:
if (syarat)
{
statement
}
else
{
statement lain
}

atau:

9
if (syarat pertama)
{
statement pertama
}
elseif (syarat kedua)
{
statement kedua
}
else
{
statement lain
}

contoh:lat1.php
<?php
$x=100;
$y=150;
if($x>$y)
echo("X > Y");
elseif($Y>$X)
echo("Y > X");
else
echo("X = Y");
?>

Output:

 Switch
digunakan untuk membandingkan suatu variable dengan beberapa nilai serta
menjalankan statement tertentu jika nilai variable sama dengan nilai yang
dibandingkan.
Struktur Switch adalah sebagai berikut:

10
switch (variable)
case nilai:
statement
case nilai:
statemant
case nilai:
statement
.
.
.

Latihan
1.
<?php
$nilai=70;
if($nilai>=70)
echo"Lulus";
else
echo"Tidak Lulus";
?>

2.
<?php
$nilai=80;
if($nilai>=80)
echo"A";
elseif($nilai>=70)
echo"B";
else
echo"Tidak Lulus";
?>

3.
<?php
$nilai=59;
if($nilai>=80 &&$nilai<=100)
echo"A";
elseif($nilai>=70 && nilai<=79)
echo"B";
elseif($nilai>=60 && $nilai<=69)
echo"C";
else
11
echo"Tidak Lulus";
?>

4.
<?php
$nilai=7;
switch($nilai){
case 1:
echo"Nilai D";
break;
case 2:
echo"Nilai C";
break;
case 3:
echo"Nilai B";
break;
case 4:
echo"Nilai A";
break;
default:
echo"Tidak Lulus";
}
?>

Tugas
1. Buatlah game zodiak, input tgl dan bulan diinput dari form,
output=zodiak,kesehatan,asmara,keuangan dan karier

2. Jam mulai(jam,menit,detik) dan selesai parkir diinput dari keyboard. Biaya parkir untuk
setiap 20 menit sebesar Rp.1.350. Buatlah program untuk menghasilkan output lama
parkir dalam satuan jam,menit,detik,jumlah parkir(1 parkir=20 menit) dan biaya
parkir(jumlah parkir*1.350)

3. Nama alat elektronik,harga barang,jumlah pembelian diinput dari keyboard. Diskon


diperoleh jika jumlah pembelian>=3 maka harga=hargabarang-10%hargabarang.
Buatlah program untuk menentukan total pembelian dengan rumus=jumlah
pembelian*harga-diskon

4. Harga Barang elektronik, DP, cicilan /bulan diinput dari keyboard dengan bunga
3%/bulan dan sistem bunga menurun. Buatlah program untuk menampilkan jumlah
pembayaran dan jumlah sisa cicilan dari bulan awal hingga bulan akhir(jumlah sisa
cicilan=0).

12
5. Perhitungan gaji, gaji/hari=50000, lembur=1-2:25000/jam, >=3maka 35000/jam. bonus
jika jumlah jam kerja>=20 maka dpt uang makan 5000 / hari

6. Hitung gaji totalDiskon diberikan 10% harga barang jika jumlah pembelian >=5. Pajak
dikenakan 2 % jika harga total pembelian>=10.000. harga total pembelian dengan
rumus (harga barang*jumlah pembelian). Harga barang dan jumlah pembelian diinput
dari keyboard. Buatlah program untuk menentukan total bayar dengan rumus(harga
total pembelian-diskon+pajak).

7. Buatlah program untuk menentukan total bayar dengan rumus(harga total pembelian-
diskon+pajak).Diskon diberikan 8% harga barang jika jumlah pembelian >=3. Diskon
10% harga barang jika jumlah pembelian >=5. Diskon 15% harga barang jika jumlah
pembelian >=7, Diskon 20% harga barang jika jumlah pembelian >=10. Pajak
dikenakan 2,5 % jika harga total pembelian>=20.000. harga total pembelian dengan
rumus (harga barang*jumlah pembelian). Hitunglah Total bayar

8. 3 Buah data diinput dari keyboard yaitu A,B,Pilihan. Jika Pilihan=1 maka 2 buah
bilangan dijumlahkan, jika pilihan=2 maka 2 buah bilangan dikalikan dan jika
pilihan=3 maka 2 buah bilangan dikurangkan

9. Sebuah perusahaan memberikan bonus kepada salesman dengan ketentuan, jika


penjualan>=10.000.000 maka bonus 10% dari penjualan, jika penjualan>=20.000.000
maka bonus untuk 10.000.000 adalah 10% dari penjulan dan sisanya 18% dari
penjualan. Jika penjualan diinput dari keyboard, buatlah program untuk menentukan
bonus pegawai tersebut

10. Buatlah program untuk menentukan pegawai yang memenuhi syarat untuk sejumlah
pelamar. Syarat penerimaan pegawai,jika jenis kelamin=laki-laki,Tinggi badan=170 s.d
179, berat badan=ideal(tinggi badan-110),IPK=3.0 s.d 4.0, Pendidikan=D3/S1.
Sedangkan untuk jenis kelamin perempuan,Tinggi badan=160-170, berat
badan=ideal(tinggi-111),IPK=3.0 s.d 3.5, Pendidikan=D3/S1.

11. Jumlah kehadiran dan jam lembur diinput dari keyboard. Gaji/hari=Rp.50.000,Bonus
diperoleh jika hadir>=20 maka bonus=20.000/hari. Jika jumlah jam lembur>=10 maka
lembur=jumlah_jam_lembur*25.000, jika tidak maka
lembur=jumlah_jam_lembur*10.000. Hitunglah gaji total dengan rumus(jumlah
hadir*gaji/hari+bonus+lembur)

13
PERTEMUAN 4
Looping

Tujuan:
Memahami penggunaan beberapa perintah untuk melakukan bentuk perulangan dalam
berbagai kebutuhan.

Alat dan Bahan:


Perangkat lunak : Macromedia Dreamweaver,Xampp(Php dan MySQL)

Materi:
Struktur Perulangan
 While
While adalah memberikan perintah untuk menjalankan statement dibawahnya secara
berulang-ulang, selama syaratnya terpenuhi.

while (syarat)
{
statement
}

Contoh: lat3.php
<?php
$x=10;
while($x<=100)
{
echo($x."<br>");
$x+=10;
}
?>

Output:

14
Keterangan:
$x=10 : memberikan nilai awal x=10;
While($x<=100) : syarat yang harus dipenuhi yaitu hingga x bernilai <= 100
echo($x."<br>"):menampilkan nilai x yang diikuti dengan <br> artinya nilai x berikutnya
ditampilkan pada baris baru
 For
Cara penulisan statement FOR adalah sebagai berikut:

for (ekspresi1; ekspresi2 ; ekspresi3)


statement

ekspresi1 menunjukkan nilai awal untuk suatu variable


ekspresi2 menunjukkan syarat yang harus terpenuhi untuk menjalankan statemant
ekspresi3 menunjukkan pertambahan nilai untuk suatu variable
Latihan
Contoh:lat.php
<?php
$x=0;
for($x==0;$x<=10;$x++)
{
echo("Bilangan Genap: $x");
$x++;
echo("<br>");
}
?>

Output:

Tugas
1. Harga Barang elektronik, DP, cicilan /bulan diinput dari keyboard dengan bunga
3%/bulan dan sistem bunga menurun. Buatlah program untuk menampilkan
jumlah pembayaran dan jumlah sisa cicilan dari bulan awal hingga bulan
akhir(jumlah sisa cicilan=0). Gunakan syntax for dan while
15
2. Buatlah program untuk menentukan total bayar dengan rumus(harga total
pembelian-diskon+pajak) untuk sejumlah n orang.Diskon diberikan 8% harga
barang jika jumlah pembelian >=3. Pajak dikenakan 2,5 % jika harga total
pembelian>=20.000. harga total pembelian dengan rumus (harga barang*jumlah
pembelian). Harga barang dan jumlah pembelian dan jumlah n orang diinput dari
keyboard. Gunakan syntax for dan while

3. Buatlah program untuk menentukan pegawai yang memenuhi syarat untuk


sejumlah pelamar. Syarat penerimaan pegawai,jika jenis kelamin=laki-laki,Tinggi
badan=170 s.d 179, berat badan=ideal(tinggi badan-110),IPK=3.0 s.d 4.0,
Pendidikan=D3/S1. Sedangkan untuk jenis kelamin perempuan,Tinggi
badan=160-170, berat badan=ideal(tinggi-111),IPK=3.0 s.d 3.5,
Pendidikan=D3/S1. Gunakan syntax for dan while

4. Perbankan dengan system bunga majemuk(bunga berbunga), jika tabungan


awal,bulan akhir dan bunga diinput dari keyboard, buatlah program untuk
menampilkan total tabungan dari bulan awal sampai dengan bulan akhir. Gunakan
syntax for dan while

5. Buatlah program untuk menampilkan bonus pada sejumah n orang. Sebuah


perusahaan memberikan bonus kepada salesman dengan ketentuan, jika
penjualan>=15.000.000 maka bonus 10% dari penjualan, jika
penjualan>=25.000.000 maka bonus untuk 15.000.000 adalah 10% dari penjulan
dan sisanya 18% dari penjualan. Jika penjualan dan jumlah pegawai(n orang)
diinput dari keyboard. Gunakan syntax for dan while

16
PERTEMUAN 5
Koneksi Database MySQL

Tujuan:
Memahami langkah-langkah koneksi database, PHP dengan MySQL

Alat dan Bahan:


Perangkat lunak : Macromedia Dreamweaver,Xampp(Php dan MySQL)

Materi:
 mysql_connect()
Digunakan untuk melakukan uji dan koneksi kepada server database MySQL.

Sintaks :

$konek = mysql_connect (”host”,”username”,”password”);

$konek adalah nama variabel penampung status hasil koneksi kepada


database. host adalah nama host atau alamat server database MySQL.
username adalah nama user yang telah diberi hak untuk dapat mengakses
server database.
password adalah kata sandi untuk username untuk dapat masuk ke dalam database.

 Memilih database yang akan digunakan di server


mysql_select_db()
Digunakan untuk melakukan koneksi kepada database yang dalam server yang berhasil
dikoneksi dengan perintah mysql_connect().

Sintaks :

$pilihdb = mysql_select_db(”namadatabase”,$konek);

$pilihdb berisi status koneksi kepada database.


$konek merupakan koneksi kepada server database yang berhasil.
namadatabase adalah nama database yang akan dikenai proses.

 Mengambil sebuah query dari sebuah database.


mysql_query()
Digunakan untuk melakukan eksekusi perintah SQL untuk memanipulasi database yang
berhasil dilakukan koneksinya menggunakan mysql_select_db().

17
Sintaks :

$hasil = mysql_query(”SQL Statement”)

$hasil akan berupa record set apabila SQL Statement berupa perintah select.

 Mengambil record dari database


a. mysql_fetch_array()
Digunakan untuk melakukan pemrosesan hasil query yang dilakukan dengan perintah
mysql_query(), dan memasukkannya ke dalam array asosiatif, array numeris atau
keduanya.

Sintaks :

$row = mysql_fetch_array($hasil);

$row adalah array satu record dari record $hasil yang diproses nomor record
sesuai dengan nomor urut dari proses mysql_fetch_array yang sedang dilakukan.
$hasil adalah record set yang akan diproses.

b. mysql_fetch_assoc()
Fungsi ini hampir sama dengan fungsi mysql_fetch_array(), hanya saja array yang
dihasilkan hanya array asosiatif.

Sintaks :

$row = mysql_fetch_assoc($hasil);

c. mysql_fetch_row()
Fungsi ini hampir sama dengan fungsi mysql_fetch_array(), hanya saja array yang
dihasilkan hanya array numeris.

Sintaks :

$row = mysql_fetch_row($hasil);

d. mysql_num_rows()
Fungsi ini digunakan untuk menghitung jumlah record yang ada pada database.

Sintaks :

$jml = mysql_num_rows($hasil);

$jml akan memiliki nilai sesuai dengan jumlah record yang ada.
18
Latihan

Nama database:tokoonline-sia

Desain Tabel

Query

Koneksi.php

<?php
$server="localhost";
$user="root";
$pwd="";
$db="tokoonline-sia";

19
$konek=mysql_connect($server,$user,$pwd);
if($konek)
mysql_select_db($db);
else
echo"Database tidak ditemukan";

?>

Tugas Projek-1

Buat database dan pastikan terkoneksi dengan arsitektur database sebagai berikut

Nama database: Perpustakaan

buku pinjam
PK kode PK kode_pinjam

nama_buku kode_buku
tahun npm
penerbit jumlah

mhs

PK npm

nama
jurusan

20
PERTEMUAN-6
Input dan Tampil Data Barang

Tujuan:
Membuat syntak input data dan menampilkan data dari database

Alat dan Bahan:


Perangkat lunak : Macromedia Dreamweaver,Xampp(Php dan MySQL)

Materi:
INSERT INTO table [(column1, column2,...])] VALUES
(value1, value2,...]);

SELECT [DISTINCT] < attribute-list


> FROM < table-list >
WHERE < condition>

Latihan

depan.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<center><h1>Kami menyediakan Barang Berkualitas</h1></center>
</body>
</html>

judul.php

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
21
</head>

<body bgcolor="#00FFFF">
<h2><center>Selamat Datang di Toko Online SI B</center></h2>
</body>
</html>

menu.php

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<ul type="circle">
<li><a href="inputbarang.php" target="sarinem">Input Barang</a></li>
<li><a href="tampilbarang.php" target="sarinem">Tampil Barang</a></li>
<li><a href="inputpelanggan.php" target="sarinem">Input pelanggan</a></li>
<li><a href="tampilpelanggan.php" target="sarinem">Tampil pelanggan</a></li>
<li><a href="inputpenjualan.php" target="sarinem">Input Penjualan</a></li>
<li><a href="tampilpenjualan.php" target="sarinem">Hasil Penjualan</a></li>
<li><a href="tampildetailpenjualan.php" target="sarinem">Detail Hasil Penjualan</a></li>
</ul>
</body>
</html>

index.php

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<frameset rows="10%,*" border="0">
<frame src="judul.php" />

<frameset cols="30%,*">
<frame src="menu.php" />
<frame src="depan.php" name="sarinem" />
</frameset>
</frameset><noframes></noframes>
</html>

22
inputbarang.php

<body>
<form method="post" action="simpanbarang.php">
<table align="center" bgcolor="#FFFF00">
<tr>
<td>Kode Barang</td>
<td><input type="text" name="kodebarang" /></td>
</tr>
<tr>
<td>Nama Barang</td>
<td><input type="text" name="namabarang" /></td>
</tr>
<tr>
<td>Jumlah</td>
<td><input type="text" name="jumlah" /></td>
</tr>
<tr>
<td>Harga Beli</td>
<td><input type="text" name="hargabeli"</td>
</tr>
<tr>
<td>Harga Jual</td>
<td><input type="text" name="hargajual" /></td>
</tr>
<tr>
<td><input type="submit" value="Simpan" /></td>
<td><input type="reset" value="Batal" /></td>
</tr>
</table>
</form>
</body>
Simpanbarang,php

<?php
include"koneksi.php";
$sql=mysql_query("insert into
barang(kode_barang,nama_barang,jumlah,harga_beli,harga_jual)
values('$_POST[kodebarang]',
'$_POST[namabarang]',
'$_POST[jumlah]',
'$_POST[hargabeli]',
'$_POST[hargajual]')");

if($sql)
{
echo("<script type=text/javascript>
23
window.location.href=\"tampilbarang.php\"
</script>");
}
else
echo"Gagal Simpan";

?>

tampilbarang.php

<table align="center" border="1">


<tr>
<td>Kode</td><td> Nama Barang</td><td>Jumlah</td><td>Harga
Beli</td><td>Harga Jual</td>
<td colspan="2">Keterangan</td>
</tr>
<?php
include"koneksi.php";
$barang=mysql_query("select count(*) from barang");
$tbarang=mysql_fetch_array($barang);
$jumlahbarang=mysql_query("select sum(jumlah) from barang");
$tjumlahbarang=mysql_fetch_array($jumlahbarang);
$sql=mysql_query("select * from barang");
while($tampil=mysql_fetch_array($sql))
{
echo"<tr><td>$tampil[0]</td>
<td>$tampil[1]</td>
<td>$tampil[2]</td>
<td>$tampil[3]</td>
<td>$tampil[4]</td>
<td><a href=editbarang.php?kode_barang=$tampil[0]>Edit</td>
<td><a
href=hapusbarang.php?kode_barang=$tampil[0]>Hapus</td>
<tr>";
}
echo"<tr><td>Jumah Barang</td><td>$tbarang[0]</td></tr>";
echo"<tr><td>Jumah Stock Barang</td><td>$tjumlahbarang[0]</td></tr>";
?>
</table>

TUGAS Projek 2

Lengkapi syntax input dan tampil data untuk projek website

24
PERTEMUAN-7
Edit dan Update Data Barang

Tujuan:
Membuat syntak edit dan update data dari database

Alat dan Bahan:


Perangkat lunak : Macromedia Dreamweaver,Xampp(Php dan MySQL)

Materi:
UPDATE table
SET column = value [, column = value,
...] [WHERE condition];

Latihan

Editbarang.php

<?php
include"koneksi.php";
$sql=mysql_query("select * from barang where kode_barang='$_GET[kode_barang]'");
$tampil=mysql_fetch_array($sql);
echo"<table align='center'>
<form method='post' action='updatebarang.php'>
<tr>
<td>Kode Barang</td>
<td><input type='text' name='kode_barang' value='$tampil[0]'</td>
</tr>
<tr>
<td>Nama Barang</td>
<td><input type='text' name='nama_barang' value='$tampil[1]'</td>
</tr>
<tr>
<td>Jumlah</td>
<td><input type='text' name='jumlah' value='$tampil[2]'</td>
</tr>
<tr>
<td>Harga Beli</td>
<td><input type='text' name='harga_beli' value='$tampil[3]'</td>
</tr>
<tr>
25
<td>Harga Jual</td>
<td><input type='text' name='harga_jual' value='$tampil[4]'</td>
</tr>
<tr>
<td><input type='submit' value='Update'</td>
<td><input type='reset' value='Batal'</td>
</tr>
</form>
</table>";
?>
Updatebarang.php

<?php
include"koneksi.php";
$sql=mysql_query("update barang set
nama_barang='$_POST[nama_barang]',jumlah='$_POST[jumlah]',harga_beli='$_POST[har
ga_beli]',harga_jual='$_POST[harga_jual]' where kode_barang='$_POST[kode_barang]'");
if($sql)
{
echo("<script type=text/javascript>
window.location.href=\"tampilbarang.php\"
</script>");
}
else
echo"Gagal Simpan";
?>
Hapusbarang.php

<?php
include"koneksi.php";
$sql=mysql_query("delete from barang where kode_barang='$_GET[kode_barang]'");
if($sql)
{
echo("<script type=text/javascript>
window.location.href=\"tampilbarang.php\"
</script>");
}
else
echo"Gagal Simpan";
?>

TUGAS Projek 3

Lengkapi syntax edit dan update data untuk projek website

26
PERTEMUAN-8,9
Input dan Tampil Data Pelanggan

Tujuan:
Membuat syntak input data dan menampilkan data pelanggan dari database

Alat dan Bahan:


Perangkat lunak : Macromedia Dreamweaver,Xampp(Php dan MySQL)

Materi:
INSERT INTO table [(column1, column2,...])] VALUES
(value1, value2,...]);

SELECT [DISTINCT] < attribute-list


> FROM < table-list >
WHERE < condition>

Latihan

menu.php

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<ul type="circle">
<li><a href="inputbarang.php" target="sarinem">Input Barang</a></li>
<li><a href="tampilbarang.php" target="sarinem">Tampil Barang</a></li>
<li><a href="inputpelanggan.php" target="sarinem">Input pelanggan</a></li>
<li><a href="tampilpelanggan.php" target="sarinem">Tampil pelanggan</a></li>
<li><a href="inputpenjualan.php" target="sarinem">Input Penjualan</a></li>
<li><a href="tampilpenjualan.php" target="sarinem">Hasil Penjualan</a></li>
<li><a href="tampildetailpenjualan.php" target="sarinem">Detail Hasil Penjualan</a></li>
</ul>
</body>
</html>

27
inputpelanggan.php

<body>
<form method="post" action="simpanpelanggan.php">
<table align="center">
<tr>
<td>Kode Pelanggan</td>
<td><input type="text" name="kode_pelanggan" /></td>
</tr>
<tr>
<td>Nama pelanggan</td>
<td><input type="text" name="nama_pelanggan" /></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td><select name="jeniskelamin">
<option value="Laki-Laki">Laki-Laki</option>
<option value="Perempuan">Perempuan</option>
</select>
</td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="alamat" /></td>
</tr>
<tr>
<td>Telp</td>
<td><input type="text" name="telp" /></td>
</tr>
<tr>
<td><input type="submit" value="Simpan" /></td>
<td><input type="reset" value="Batal" /></td>
</tr>
</table>
</form>
</body>
Simpanpelanggan.php

<?php
include"koneksi.php";
mysql_query("insert into
pelanggan(kode_pelanggan,nama_pelanggan,jeniskelamin,alamat,telp)
values('$_POST[kode_pelanggan]','$_POST[nama_pelanggan]','$_POST[jeniskelamin]','$_
POST[alamat]',
'$_POST[telp]')");
28
?>

tampilpelanggan.php

<table align="center" border="1">


<tr>
<td>Kode</td><td> Nama</td><td>Jenis
Kelamin</td><td>Alamat</td><td>Telpon</td>
<td colspan="2">Keterangan</td>
</tr>
<?php
include"koneksi.php";
$sql=mysql_query("select * from pelanggan");
while($tampil=mysql_fetch_array($sql))
{
echo"<tr><td>$tampil[0]</td>
<td>$tampil[1]</td>
<td>$tampil[2]</td>
<td>$tampil[3]</td>
<td>$tampil[4]</td>
<td><a
href=editpelanggan.php?kode_pelanggan=$tampil[0]>Edit</td>
<td><a
href=hapuspelanggan.php?kode_pelanggan=$tampil[0]>Hapus</td>
<tr>";

}
?>
</table>

TUGAS Projek 4

Lengkapi syntax input dan tampil data untuk table kedua projek website

29
PERTEMUAN-10,11
Edit dan Update Data Pelanggan

Tujuan:
Membuat syntak edit dan update data pelanggan dari database

Alat dan Bahan:


Perangkat lunak : Macromedia Dreamweaver,Xampp(Php dan MySQL)

Materi:
UPDATE table
SET column = value [, column = value,
...] [WHERE condition];

Latihan

Editpelanggan.php

<?php
include"koneksi.php";
$sql=mysql_query("select * from pelanggan where
kode_pelanggan='$_GET[kode_pelanggan]'");
$tampil=mysql_fetch_array($sql);
echo"<form method='post' action='updatepelanggan.php'>
<table align='center'>
<tr>
<td>Kode pelanggan</td>
<td><input type='text' name='kode_pelanggan'
value='$tampil[kode_pelanggan]'</td>
</tr>
<tr>
<td>Nama pelanggan</td>
<td><input type='text' name='nama_pelanggan'
value='$tampil[nama_pelanggan]'</td>
</tr>
<tr>
<td>jenis Kelamin</td>
<td><input type='text' name='jeniskelamin' value='$tampil[jeniskelamin]'</td>
</tr>
<tr>
<td>Alamat</td>
30
<td><input type='text' name='alamat' value='$tampil[alamat]'</td>
</tr>
<tr>
<td>Telp</td>
<td><input type='text' name='telp' value='$tampil[telp]'</td>
</tr>

<tr>
<td><input type='submit' value='Simpan'></td>
<td><input type='reset' value='Batal'</td>

</tr>
</table>
</form>
";
?>

Updatepelanggan.php

<?php
include "koneksi.php";
mysql_query("update pelanggan set
nama_pelanggan='$_POST[nama_pelanggan]',jeniskelamin='$_POST[jeniskelamin]',alama
t='$_POST[alamat]',telp='$_POST[telp]' where
kode_pelanggan='$_POST[kode_pelanggan]'");
?>

Hapuspelanggan.php

<?php
include "koneksi.php";
mysql_query("delete from pelanggan where kode_pelanggan='$_GET[kode_pelanggan]'");
?>

TUGAS Projek 5

Lengkapi syntax edit dan update data table kedua untuk projek website

31
PERTEMUAN-12,13
Input, Tampil, Edit dan Update Data Penjualan

Tujuan:
Membuat syntak input, tampil edit, delete dan update data penjualan dari database

Alat dan Bahan:


Perangkat lunak : Macromedia Dreamweaver,Xampp(Php dan MySQL)

Materi:
INSERT,SELECT,UPDATE,DELETE

Latihan

inputpenjualan.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<?php
include"koneksi.php";
$barang=mysql_query("select * from barang");
$tbarang=mysql_fetch_array($barang);
$pelanggan=mysql_query("select * from pelanggan");
$tpelanggan=mysql_fetch_array($pelanggan);
?>

<body>
<form method="post" action="simpanpenjualan.php">
<table align="center">
<tr>

<tr><td>Kode barang</td>
<td>
<select name="kode_barang">

32
<?php
do
{
?>
<option value="<?php echo $tbarang[0] ?>"><?php echo $tbarang[1] ?></option>
<?php
}
while($tbarang=mysql_fetch_array($barang))
?>
</select>
</td>

</tr>
<tr>
<td>Kode Pelanggan</td>
<td>
<select name="kode_pelanggan">
<?php
do
{
?>
<option value="<?php echo $tpelanggan[0] ?>"><?php echo
$tpelanggan[1]?></option>

<?php
}
while($tpelanggan=mysql_fetch_array($pelanggan))
?>
</select>
</td>
</tr>
<tr>
<td>Jumlah</td>
<td><input type="text" name="jumlah" /></td>
</tr>

<tr>
<td><input type="submit" value="Simpan" /></td>
<td><input type="reset" value="Batal" /></td>
</tr>

</table>
</form>

</body>
</html>
33
simpanpenjualan.php

<?php
include"koneksi.php";
mysql_query("insert into penjualan(kode_barang,kode_pelanggan,jumlah)
values('$_POST[kode_barang]','$_POST[kode_pelanggan]','$_POST[jumlah]')");
?>

tampilpenjualan.php

<table align="center" border="1">


<tr>
<td>Kode</td><td> Kode Barang</td><td>Kode pelanggan</td><td>Jumlah</td>
<td colspan="2">Keterangan</td>
</tr>
<?php
include"koneksi.php";
$sql=mysql_query("select * from penjualan");
while($tampil=mysql_fetch_array($sql))
{
echo"<tr><td>$tampil[0]</td>
<td>$tampil[1]</td>
<td>$tampil[2]</td>
<td>$tampil[3]</td>

<td><a href=editbarang.php?kode_barang=$tampil[0]>Edit</td>
<td><a
href=hapusbarang.php?kode_barang=$tampil[0]>Hapus</td>
<tr>";

}
?>
</table>

TUGAS Projek 6

Lengkapi syntax input, tampil, edit dan update data table ketiga untuk projek website

34
PERTEMUAN 14
Validasi dan Session Management

Tujuan:
Melakukan dan memahami proses validasi dan security pada website

Alat dan Bahan:


Perangkat lunak : Macromedia Dreamweaver,Xampp(Php dan MySQL)

Materi:
Validasi
Validasi diperlukan untuk menjaga agar data yang masuk sesuai dengan apa yang
diharapakan. Salah satunya adalah validasi pada kolom email, Jika penulisan email tidak
seperti diatas maka harus ada peringatan kepada user.
Contoh validasi :
fungsi ereg
if (ereg("^.+@.+\\..+$", $txtemail)){
echo “ penulisan anda tidak benar”;
}

Authentifikasi Halaman Web Dengan Session Management


Seorang web administrator untuk menjaga kerahasiaan dan keamanan data, akan selalu
memperhatikan siapa yang mengakses website, data apa yang diambil. Pada penggunaan
session management merupakan sebuah mekanisme authentifikasi yang melibatkan
webserver sebagai tempat menampung data variable tertentu. Selanjutnya setiap halaman
yang diberikan fungsi session akan melakukan validasi variable tersebut. Jika variable itu
sesuai dengan yang dimiliki user maka user tersebut berhak mengakses halaman tersebut.
Jika tidak maka user mendapat peringatan atau diarahkan kehalaman login lagi.
1. Memulai Session
session_start();
2. Meregisterkan variable session
session_register("<namavariable>");
35
3. Mengisi variable session
$<namavariable>=”<isidata>”;
4. Menghapus variable session
session_destroy();

Setiap halaman yang akan menggunakan variable session harus mencantumkan


session_start();

Upload Website Project


Untuk mempublikasikan website, halaman web harus tersimpan pada suatu webserver yang
terhubung dengan internet. Dalam hal ini diperlukan sebuah hosting yaitu web server
yang akan menjadi tempat menyimpan file website. Agar setiap orang dapat mengenali dan
mengunjungi website. maka website tersebut harus memiliki nama domain yang mana nama ini
bersifat unik.
Projek 7

Upload projek website sesuai dengan domain dan hosting masing-masing

Panduan Praktikum Pemrograman Web II-STMIK Kaputama Page 36

Anda mungkin juga menyukai