Scribd
Unggah
27 tayangan18 halaman

Modul 0

Dokumen tersebut merangkum latihan praktikum pemrograman web dan teknologi internet tentang cookie dan session. Terdapat penjelasan dan kode program untuk menggunakan cookie dan session dalam beberapa contoh seperti menyimpan dan menampilkan data pengguna, perhitungan faktorial, dan pemesanan produk.

Diunggah oleh

Dera Hasmita
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
27 tayangan18 halaman

Modul 0

Dokumen tersebut merangkum latihan praktikum pemrograman web dan teknologi internet tentang cookie dan session. Terdapat penjelasan dan kode program untuk menggunakan cookie dan session dalam beberapa contoh seperti menyimpan dan menampilkan data pengguna, perhitungan faktorial, dan pemesanan produk.

Diunggah oleh

Dera Hasmita
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/ 18

LATIHAN PRAKTIKUM

PEMROGRAMAN WEB DAN TEKNOLOGI INTERNET


BAB : 10 – COOKIE AND SESSION
NAMA : DELISYA JAYADI
NIM : 215150600111001
ASISTEN : MOCHAMMAD MIRZA KHARISMA & MOCHAMAD ASROF
NAJIBUDIN
TGL PRAKTIKUM : 9 MEI 2023

1. -----------------------------------------------------------------------------------------
A. Soal

B. Screenshoot

1. Hasil Pertama
2. Hasil Kedua

C. Syntax
a_lat1.php
<?php
setcookie("user", "Alex Porter", time()+3600);

b_lat1.php
<?php
echo $_COOKIE["user"];

D. Penjelasan

a. sHasil eksekusi pertama menghasilkan Alex Porter dimana ketika memasuki halaman
a_lat1.php akan membuat cookie dengan method setcookie() lalu nantinya ketika ke
halaman b_lat1.php akan mencetak Alex Porter yang telah disimpan oleh cookie dan
dibaca melalui user.
b. Hasil eksekusi kedua berupa ketika menjalankan b_lat1.php menghasilkan error atau
undefined array key dikarenakan user tersebut belum ada sehingga tidak bisa
memberikan hasil.
2. -----------------------------------------------------------------------------------------
A. Soal
B. Screenshoot

1. Hasil Pertama
2. Hasil Kedua

3. Hasil Ketiga

4. Hasil Keempat

C. Syntax

Lat3_2a.php
<!DOCTYPE html>
<html lang=”en”>

<head>
<meta charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<form id="form1" name="form1" method="post"
action="Lat3_2b.php">
Nama: <input type="text" name="nama" id="nama">
<input type="submit" name="button" id="button"
value="Masuk">
</form>
</body>

</html>

Lat3_2b.php
<?php
session_start();
// $_SESSION["nama"] = $_POST["nama"];
header("location:Lat3_2c.php");

Lat3_2c.php
<?php
session_start();
if (empty($_SESSION["nama"])) {
echo "Maaf, anda belum memasukkan nama";
} else {
?>
<!DOCTYPE html>
<html lang=”en”>

<head>
<meta http-equiv="Content-Type"
content="text/html;charset=utf-8" />
<title>Hello,
<?php echo $_SESSION["nama"]; ?>
</title>
</head>

<body>
Selamat datang
<?php echo $_SESSION["nama"]; ?>, <br>
Anda bisa masuk halaman ini karena anda telah menulis
nama.
<form id="form1" name="form1" method="post"
action="Lat3_2d.php">
<input type="submit" name="button" id="button"
value="Keluar" />
</form>
</body>

</html>
<?php } ?>

Lat3_2d.php
<?php
session_start();
session_destroy();
header("location:Lat3_2a.php");

D. Penjelasan

a. File Lat3_2c.php menghasilkan “belum memasukkan nama” dikarenakan belum


adanya input yang dilakan pada Lat3_2a.php.
b. File Lat3_2a.php bisa dijalankan dan menghasilkan inputan berupa nama dikarenakan
adanya input nama yang menagrahkannya ke Lat3_2c.php.
c. Yang terjadi berupa “belum memasukkan nama” karena pengguna mengklik tombol
keluar yang disebabkan adanya session_destory() pada file Lat3_2d.php untuk
menghapus session sehingga ketika melakukan pengecekan ulang, session ditemukan.
d. Saat syntax session_start() dihapus akan menyebabkan program tidak melakukan
penyimpanan data sehingga session tidak ada meskpun sudah memberikan inputan.
3. -----------------------------------------------------------------------------------------
A. Soal

B. Screenshoot
C. Syntax
Lat3_3a.php
<!DOCTYPE html>
<html lang=”en”>

<head>
<meta charset=utf-8>
<title>Untitled Document</title>
</head>

<body>
Mencari faktorial
<form id="form1" name="form1" method="post"
action="Lat3_3b.php">
Nomor: <input type="number" name="nomor">
<input type="submit" name="button" id="button"
value="Masuk">
</form>
</body>

</html>

Lat3_3b.php
<?php
session_start();
$n = $_POST['nomor'];
$hasilFaktorial = 1;
for ($i = 1; $i <= $n; $i++) {
$hasilFaktorial = $hasilFaktorial * $i;
}

echo "Hasil faktorial dari bilangan $n adalah...";


echo "<br>";
echo $hasilFaktorial;
echo "<br>";

$arr = ['215150600111001', 'Delisya Jayadi', "Angka yang


dimasukkan: $n", "Hasil faktorial: $hasilFaktorial"];
$_SESSION['arr'] = $arr;

?>

<!DOCTYPE html>
<html lang=”en”>

<head>
<meta charset=utf-8>
<title>Faktorial</title>
</head>

<body>
<form method="post" action="Lat3_3c.php">
<input type="submit" value="Masuk ke dalam session">
</form>
</body>

</html>

Lat3_3c.php
<?php
session_start();
if (empty($_SESSION['arr'])) {
echo "Anda belum mengisi angka faktorial";
} else {
foreach ($_SESSION['arr'] as $data) {
echo $data;
echo "<br>";
}
}
?>

<!DOCTYPE html>
<html lang=”en”>

<head>
<meta charset=utf-8>
<title>Hasil session</title>
</head>

<body>
<form method="post" action="Lat3_3d.php">
<input type="submit" value="Hapus session">
</form>
</body>

</html>

Lat3_3d.php
<?php
session_start();
session_destroy();
header("location:Lat3_3a.php");

D. Penjelasan

Untuk pembuatan program hitung nilai faktorial dari angka yang dimasukkan di form.
Selanjutnya, bilangan yang diinput akan diproses pada Lat3_3b.php yang berisi
menghitung bilangan faktorial. Adanya inisialisasi array yang memiliki nilai berasal dri
inputan, hasil faktorial, nama dan nim yang nantinya setelah diinisialisasi akan ditampilkan
melalui Lat3_3c.php.
4. -----------------------------------------------------------------------------------------
A. Soal

B. Screenshoot
C. Syntax

Lat3_4a.html
<html>

<head>
<title>Order Form</title>
</head>

<body>
<form action="Lat3_4b.php" method="post">
<p> Order CD, amount:
<input type="text" name="cd_order" value="0" size="2"
maxlength="2">
</p>
<p> Order DVD, amount:
<input type="text" name="dvd_order" value="0" size="2"
maxlength="2">
</p>
<input type="submit" value="Add To Cart" name="submit">
</form>
</body>

</html>

Lat3_4b.php
<?php
if (isset($_POST['cd_order']) && isset($_POST['dvd_order'])) {
setcookie("cd_order", $_POST['cd_order']);
setcookie("dvd_order", $_POST['dvd_order']);
header("Location: Lat3_4c.php");
}

Lat3_4c.php
<!DOCTYPE html>
<html>

<head>
<title>Order Form</title>
</head>

<body>
<p><u>Order Summary</u></p>
<?php
$num_cd_order = $_COOKIE['cd_order'];
$num_dvd_order = $_COOKIE['dvd_order'];
echo "Ordered CD: " . $num_cd_order . " pieces <br>";
echo "Ordered DVD: " . $num_dvd_order . " pieces <br>";
?>
</body>

</html>

D. Penjelasan

Pada program di atas menjalankan dengan pertama mulai dari Lat3_4a.php saat dieksekusi
dan memunculkan form pengisian jumlah pemesanan untuk CD dan DVD. Lalu klik tombol
“Add to cart” yang akan diarahkan ke Lat3_4b.php dimana pada file php ini akan adanya
pengambilan nilai yang telah diinput dengan menggunakan kode $_POST CD dan $_POST
DVD untuk disimpan dalam cookie. Setelah penyimpanan dalam cookie, akan diarahkan
ke Lat3_4c.php lalu menampilkan hasil inputan. Cookie disini membantu dalam
menyimpan data yang telah diinput dan dalam jarak waktu tertentu yang ditentukan.

5. -----------------------------------------------------------------------------------------
A. Soal

Modifikasi program pada Latihan 4, sehingga setelah user melakukan order, namun ingin
meng-edit kembali order sebelumnya, yang ditampilkan pada input text adalah jumlah
terakhir order yang diinginkan. Contoh semula user meng-order CD 5 buah, kemudian
ingin mengubah order menjadi 10, maka yang ditampilkan pada input text “Lat3_4a.php”
adalah 5 buah, bukan 0.

B. Screenshoot
C. Syntax
Lat3_4a.php
<html>

<head>
<title>Order Form</title>
</head>

<body>
<form action="Lat3_4b.php" method="post">
<p> Order CD, amount:
<input type="text" name="cd_order" value=<?php
if (isset($_COOKIE['cd_order'])) {
echo $_COOKIE['cd_order'];
} else {
echo "0";
} ?> size="2" maxlength="2" />
</p>
<p> Order DVD, amount:
<input type="text" name="dvd_order" value=<?php
if (isset($_COOKIE['dvd_order'])) {
echo $_COOKIE['dvd_order'];
} else {
echo "0";
} ?> size="2" maxlength="2">
</p>
<input type="submit" value="Add To Cart" name="submit">
</form>
</body>

</html>

Lat3_4b.php
<?php
if (isset($_POST['cd_order']) && isset($_POST['dvd_order'])) {
setcookie("cd_order", $_POST['cd_order']);
setcookie("dvd_order", $_POST['dvd_order']);
header("Location: Lat3_4c.php");
}
?>

Lat3_4c.php
<!DOCTYPE html>
<html>

<head>
<title>Order Form</title>
</head>

<body>
<p><u>Order Summary</u></p>
<?php
$num_cd_order = $_COOKIE['cd_order'];
$num_dvd_order = $_COOKIE['dvd_order'];
echo "Ordered CD: " . $num_cd_order . " pieces <br>";
echo "Ordered DVD: " . $num_dvd_order . " pieces <br>";
?>

<br>
<form action="Lat3_4a.php" method="POST">
<input type="submit" value="Update Order" name="submit"
/>
</form>

</body>

</html>

D. Penjelasan

Untuk dapat mengedit kembali orderan yang telah dibuat adanya perubahan pada
Lat3_4a.php dengan membuat value suatu variabel tetap sama dengan bantuan method
isset() dan $_COOKIE untuk menerima dan menyimpan data yang telah diinputkan dan
nantinya akan diberikan output yang tetap sama dengan inputan sebelumnya.

6. -----------------------------------------------------------------------------------------
A. Soal

Lengkapi program pada Latihan 4 dan Latihan 5 dengan halaman user login, sehingga user
yang boleh meng-order CD/DVD adalah user yang terdaftar. Gunakan user dan password
'admin', sebagai 'user yang terdaftar'. Gunakan pula session untuk menyimpan state berupa
user maupun password password. Buatlah pula fungsi untuk logout sehingga, ketika state
user maupun password telah hilang/user telah meninggalkan website, user tidak bisa meng-
order, kecuali jika telah login kembali.

B. Screenshoot
C. Syntax
cek.php
<?php
session_start();
if (isset($_POST['nama']) && isset($_POST['pass'])) {
$_SESSION["user"] = $_POST["nama"];
$_SESSION["pass"] = $_POST["pass"];
$user = "oren";
$pass = "oren";

if ($_SESSION["user"] == $user && $_SESSION["pass"] == $pass)


{
echo "Log In Sukses <br>";
echo '<form method="POST" action="Lat3_4a.php">
<input type="submit" value="Lanjut"/>
</form>';
} else {
echo "Maaf, username atau password salah <br>";
echo '<form action="login.php">
<input type="submit" value="Login Ulang"/>
</form>';
}
}
?>

login.php
<!DOCTYPE html>
<html lang=”en”>

<head>
<meta charset=utf-8>
<title>Untitled Document</title>
</head>

<body>
Login
<form id="form1" name="form1" method="post" action="cek.php">
Username <input type="text" name="nama"><br>
Password <input type="password" name="pass">
<br>
<input type="submit" name="button" id="button"
value="Login">
</form>
</body>

</html>

logout.php
<?php
session_start();
session_destroy();
setcookie("cd_order", $_POST['cd_order'], time()+3600);
setcookie("dvd_order", $_POST['dvd_order'], time()+3600);
header("location:login.php");
?>
Lat3_4a.php
<html>

<head>
<title>Order Form</title>
</head>

<body>
<form action="Lat3_4b.php" method="post">
<p> Order CD, amount:
<input type="text" name="cd_order" value=<?php
if (isset($_COOKIE['cd_order'])) {
echo $_COOKIE['cd_order'];
} else {
echo "0";
} ?> size="2" maxlength="2" />
</p>
<p> Order DVD, amount:
<input type="text" name="dvd_order" value=<?php
if (isset($_COOKIE['dvd_order'])) {
echo $_COOKIE['dvd_order'];
} else {
echo "0";
} ?> size="2" maxlength="2">
</p>
<input type="submit" value="Add To Cart" name="submit">
</form>
</body>

</html>

Lat3_4b.php
<?php
if (isset($_POST['cd_order']) && isset($_POST['dvd_order'])) {
setcookie("cd_order", $_POST['cd_order']);
setcookie("dvd_order", $_POST['dvd_order']);
header("Location: Lat3_4c.php");
}

Lat3_4c.php
<!DOCTYPE html>
<html>

<head>
<title>Order Form</title>
</head>

<body>
<p><u>Order Summary</u></p>
<?php
$num_cd_order = $_COOKIE['cd_order'];
$num_dvd_order = $_COOKIE['dvd_order'];
echo "Ordered CD: " . $num_cd_order . " pieces <br>";
echo "Ordered DVD: " . $num_dvd_order . " pieces <br>";
?>
<br>
<form action="Lat3_4a.php" method="POST">
<input type="submit" value="Update Order" name="submit"
/>
</form>
<br>
<form action="logout.php">
<input type="submit" value="Log Out" name="Logout">
</form>
</body>

</html>

D. Penjelasan

Pada kali ini adanya tambahan 3 file php, yaitu login.php digunakan untuk form login yang
nantinya diarahkan ke cek.php digunakan untuk mengecek inputan username dan password
dimana jika username atau password salah, user tidak dapat masuk dan harus mencoba
ulang sedangkan jika sesuai maka user diberikan tampilan login telah berhasil dan menekan
tombol Lanjut yang diarahkan ke Lat3_4a.php. Setelah itu ketika user telah selesai akan
menggunakan tombol Logout sehingga user akan keluar dan tidak dapat masuk sebelum
memasukkan username dan pengguna user kembali lagi.

Anda mungkin juga menyukai