BAHAN AJAR

PEMROGRAMAN WEB
DAN PERANGKAT BERGERAK
SMK KELAS XII
Semester Ganjil
Oleh:
SILVI HARIYANI,S.Kom

MATERI PERTEMUAN 1
WEB STATEFUL
Pengertian web stateful
Jenis Web stateful (Session dan Cookie dan penggunaannya)
KOMPETENSI DASAR

 Menerapkan aplikasi web statefull

INDIKATOR PENCAPAIAN KOMPOTENSI

 Menganalisis prosedur konsep statefull dalam pemrograman aplikasi web.

 Menyimpulkan prosedur konsep statefull dalam pemrograman aplikasi web.

TUJUAN PEMBELAJARAN

 Setelah menyimak tayangan power point, siswa dapat menganalisis Pengertian

dan jenis web stateful benar

 Siswa dapat membuat kode Web stateful (Session dan Cookie) dengan benar

setelah mengamati power point

2
 Web stateful
Pengertian

Stateful adalah kemampuan website untuk mempertahankan state (kedaan). Kedaan ini
terjadi ketika pembuatan website yang dapat menyimpan data user. Server akan
mengetahui kedaan yang dilakukan oleh user dalam menggunakan suatu halaman website.
Contohnya, saat user sedang logged in pada sebuah halaman web dan berpindah-pindah
kehalaman lainnya. Dalam Bahasa pemrograman PHP terdapat dua jenis state yaitu
Session dan Coockie

A. Session
 Dalam PHP, session merupakan data yang disimpan dalam suatu server yang
dapat digunakan secara global di server tersebut, dimana data tersebut‚
spesifik merujuk ke user/client tertentu
 Session adalah salah satu fasilitas yang ada pada PHP yang digunakan untuk
menyimpan data sementara ke dalam variabel (variabel session) sehinga data
tadi dapat di akses oleh client selama variabel session tadi tidak di kosongkan
atau dihilangkan. Nilai variabel di dalam session di simpan di sisi server (web
server).

Fungsi session

 Ketika user telah login di halaman tertentu, maka ketika membuka halaman lain,
php akan mengingat bahwa user tersebut telah login,
 Ketika kita telah login pada Google, maka setiap kali kita membuka layanan
Google seperti GMail, Google Drive, dll di tab berbeda, kita akan selalu dalam
keadaan login, kecuali kita buka dengan browser yang berbeda
 Ketika web ecommerce merekam keranjang belanja user, maka ketika pindah ke
halaman pembayaran, daftar belanja masih terekam.

Mengawali Session

Menunjukkan bahwa suatu halaman menggunakan session maka pada awal

halaman harus ada awal session yaitu dengan session_start ( ) atau session_start;
<?php session_start; ?>

Membuat Session

3
Menampilkan Session

Menghapus Session

B. Cookie
 Cookie atau bisa isebut HTTP cookies, web cookies, atau browser cookies adalah
data atau informasi yang diciptakan oleh suatu website untuk disimpan di web
browser, ketika user sedang menjelajahi website tersebut
 Cookie yang telah disimpan pada browser bisa iambil untuk memberitahu website
tentang aktifitas user pada waktu sebelumnya. Aktivitas tersebut misalnya
mengklik suatu tombol, login, atau halaman mana yang telah dibuka user pada
bulan lalu bahkan tahun lalu
 Cookie mempunyai umur, artinya setiap data yang kita simpan dalam komputer
user suatu saat bisa hilang atau musnah

4
 Fungsi Cookie

 Menyimpan username dan password login agar pengguna tidak selalu harus
mengisikannya pada saat membuka page (halaman web). Biasanya akan muncul
chechbox "Remember Me" atau "Ingat Saya Selalu" yang terdapat pada bagian
bawah box login.

 Merekam daftar barang yang ingin dibeli pengunjung

 Untuk mencatat konfigurasi yang dilakukan oleh user. Seperti: warna tema, jenis
huruf, pilihan bahasa, dll.

 Menciptakan suatu sesi yang memungkinkan seseorang dapat masuk ke halaman-

halaman lain tanpa perlu melakukan login kembali.

Membuat dan Menampilkan Cookie

<?php
$cookie_value = 'Martabak Enak;
// Cara Pertama
setcookie("Kue", $cookie_value);
// Cara Kedua
setcookie("Kue", $cookie_value, time()+3600); /* Berlaku Satu Jam */
// Cara Ketiga
setcookie("Kue", $cookie_value, time()+3600, "/NamaFolder/",
"martabakenak.com”);

//Menampilkan Cookie
If isset($_COOKIE["Kue"]){
Echo “Nilai Cookie = ”. ($_COOKIE["Kue"];
}else{
Echo “Tidak ada cookie, Cookie belum dibuat”;
}
?>

Menghapus cookie

<?php
// Mengubah nilai waktu menjadi mundur
setcookie("Kue", "", time()-3600);
echo””Cookie telah dihapus;
?>

5
BAHAN AJAR
PEMROGRAMAN WEB
DAN PERANGKAT BERGERAK
SMK KELAS XII
Semester Ganjil
Oleh:
SILVI HARIYANI,S.Kom

MATERI PERTEMUAN 2
WEB STATEFUL
Membuat Login dengan PHP dan Mysqli

6
KOMPETENSI DASAR

 Membuat aplikasi web statefull

INDIKATOR PENCAPAIAN KOMPOTENSI

 Membuat(C6) program aplikasi web yang menerapkan statefull.

 Menguji(C5) aplikasi login dengan php dan mysqli.

TUJUAN PEMBELAJARAN

 Setelah menyimak video, siswa dapat membuat program aplikasi web yang
menerapkan statefull dengan baik
 Siswa dapat menguji aplikasi login menggunakan php dan mysqli dengan tepat
dan percaya diri, setelah menonton video

7
 MEMBUAT LOGIN PHP DENGAN MYSQLi

Persiapan Login ini bias digabungkan dengan materi crud dalam folder
sekolah/tugas 1 yang sudah dikumpulkan itu.
1. Buatlah tabel baru dengan nama user pada database biodata

2. Isi data admin

3. Pastikan koneksi.php sudah dibuat --> yang sekolah / tugas 1

kemarin
4. Rename file index.php menjadi tabel.php
5. Buat file index.php

8
6. Buat file ceklogin.php

9
7. Buat file admin.php

8. Tambah link logout file index.php seperti di bawah ini(tambahkan di

akhir tag table)

</table>

<br>

<a href="logout.php"><button>LOGOUT</button></a>

</body>

</html>

10
9. Buatlah file logout.php

11