MODUL PRAKTIKUM PEMROGRAMAN WEB

MINGGU – 4

SESSION, COOKIES & MVC (CodeIgniter)

Program Studi Teknik Informatika

Jurusan Teknik Elektro, Informatika, dan Sistem Fisis
Institut Teknologi Sumatera
2020
 Modul 6. Session & Cookies

1. Dasar Teori

Session dan cookies adalah dua istilah yang terkait dengan situs web dan pengembangan
web. Session membuat file dalam direktori sementara di server. File ini menyimpan
variabel session dan nilainya. Di sisi lain, cookies adalah file teks yang disimpan di browser
klien. Ketika klien mengirim permintaan ke server, cookies tertanam dalam permintaan.
Perbedaan utama antara session dan cookies adalah session disimpan di sisi server
sementara cookies disimpan di browser klien. Perbedaan Antara Session dan Cookies :
A. Definisi
Session adalah pertukaran informasi sementara dan interaktif antara dua atau
lebih perangkat komunikasi atau antara komputer dan pengguna. Cookies adalah
bagian kecil data yang dikirim dari situs web dan disimpan di komputer pengguna
oleh browser web pengguna saat pengguna sedang menjelajah.
B. Metode Penyimpanan
Session: Session disimpan di sisi server.
Cookies: Cookies disimpan di browser klien sebagai file teks
C. Jumlah Data
Session: Session dapat menyimpan sejumlah besar data.
Cookies: cookies dapat menyimpan sejumlah data minimum.
D. Kemanan
Session: Session memberikan keamanan lebih karena sulit untuk mengakses nilai session.
Cookies: Cookies memberikan keamanan minimum karena lebih mudah untuk mengakses
nilai-nilai cookies.
E. Menghapus
Session: Pengguna harus menutup browser untuk menutup session karena session ini
tersedia sampai browser dibuka.
Cookies: Cookies menyimpan informasi sampai dihapus oleh pengguna atau diatur sesuai
pengatur waktu.
F. Keandalan
Session: Session lebih dapat diandalkan, karena data session disimpan di server.
Cookies: Cookies tidak dapat diandalkan, karena data cookies tidak tersimpan di server.

2. Percobaan

A. Session
a. Buat table user berikut ini, dengan 4 field : id, username, password, fname
b. Membuat koneksi database, berikan nama file DbConnection.php

c. Membuat file untuk memanggil data user dari database, berikan nama file user.php
d. Membuat tampilan login, berikan nama index.php

e. Membuat fungsi login, berikan nama login.php

f. Membuat halaman dashboard, berikan nama home.php

g. Membuat fungsi logout, berikan nama logout.php

B. Cookies
Fungsi utama pembuatan kookies adalah :

Fungsi setcookie dapat menerima 7 parameter, namun hanya parameter pertama saja
(nama_cookie) yang harus diisi (required).
a. Tes apakah browser menerima cookies atau tidak? Buat file bernama tes_cookies.php
 Bandingkan hasil tampilan pada mode browser biasa dengan incognito.

b. Membuat cookies, beri nama file set_cookies.php

c. Hapus cookies, beri nama file hapus_cookies.php

 Modul 7. Implementasi MVC menggunakan CodeIgniter 3

1. Dasar Teori
• MVC Model-View-Controller atau MVC adalah sebuah metode untuk membuat
sebuah aplikasi dengan memisahkan data (Model) dari tampilan (View) dan cara
bagaimana memprosesnya (Controller). Dalam implementasinya kebanyakan
kerangka kerja (framework) dalam aplikasi web adalah berbasis arsitektur MVC.
MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang
membangun sebuah aplikasi seperti manipulasi data, antarmuka pengguna, dan
bagian yang menjadi kontrol dalam sebuah aplikasi web.

• CodeIgniter adalah Application Development Framework, toolkit untuk orang yang

membangun situs web menggunakan PHP. Tujuannya adalah untuk memungkinkan
kita mengembangkan proyek jauh lebih cepat daripada jika kita menulis kode dari
awal, dengan menyediakan kumpulan pustaka yang kaya untuk tugas-tugas yang
umumnya dibutuhkan, serta antarmuka sederhana dan struktur logis untuk
mengakses pustaka ini. CodeIgniter memungkinkan kita secara kreatif fokus pada
proyek kita dengan meminimalkan jumlah kode yang diperlukan untuk tugas
tertentu.

• Keunggulan penggunaan mvc :

a. Organisasi dan struktur kode

b. Pemisahan logic dan tampilan

c. Perawatan kode

d. Implementasi konsep oop yang sudah dipelajari

e. Penggunaan yang sangat banyak pada web app framework

• Framework MVC
Bahasa Framework
Php Codeigniter, Laravel, yii dan lainnya

Java Spring MVC, JSF, Struts dan lainnya

Python Django, CherryPy dan lainnya

Ruby Ruby on Rails, Sintara dan lainnya

Javascript AngularJS, ReactJS, Backbone.js dan lainnya

 • Konsep MVC

a. model : representasi pengetahuan, mengelola data, logika bisnis

b. controller : perantara antara model dan view, menangani pemrosesan pada

aplikasi, menangani aksi dari user

c. view : output, representasi visual dari model, lapisan presentasi

• Contoh application flow pada framework codeigniter

• Download & user guide codeigniter 3

Download : https://codeigniter.com/download

User guide : https://codeigniter.com/userguide3/index.html

2. Percobaan

a. Membuat Database

Buatlah database dengan nama mahasiswa, lalu buat table dengan nama user
dengan 4 field : id, username, password, fname,
b. Download source code pada repository berikut :
https://github.com/yafiyangasli/ci-prak4-starter-pack
Lalu buat folder baru bernama login-codeigniter pada folder htdocs. Masukkan
codeigniter starter pack prak 4 yang telah di download tadi kedalam folder login-
codeigniter,

c. Perhatikan penjelasan asisten praktikum untuk pengaturan awal codeigniter 3!

d. Buat file controller baru dengan nama Login.php didalam folder application-
>controllers. Pengaturan halaman login pada Login.php,

e. Buat file controller baru pada folder controller dengan nama User.php,
f. Buat file model baru pada folder application ->models, dengan nama Model.php.
Fungsi getUsername digunakan untuk mengambil data sesuai dengan username
yang diset dan fungsi isLoginSessionExpired digunakan untuk perhitungan sesi
login dari tiap user yang login, setelah nilai dari sesi telah habis maka program
akan melakukan logout secara otomatis,

g. Buat folder baru didalam folder application->views dengan nama login, lalu buat
file bernama index.php didalam folder login. Index.php pada folder login ditujukan
dalam pembuatan tampilan login awal,
h. Buat folder baru didalam folder application->views dengan nama user, lalu buat
file bernama index.php didalam folder user. Index.php pada folder user ditujukan
dalam pembuatan tampilan setelah login berhasil,
3. Hasil Percobaan

a. Tampilan halaman login awal,

b. Message ketika salah menginputkan username/password,

c. Tampilan dashboard ketika berhasil login,

d. Klik tombol logout, session akan terhapus dan kembali ke halaman login awal.

4. Tugas

Buatlah system authentication menggunakan framework codeigniter 3 yang terdiri

dari minimal 3 Author user yaitu:
a. Admin
b. User 1
c. User 2
Role admin dapat melakukan Create, Edit, dan Delete pada artikel user 1 dan user 2,
sedangkan user 1 dan user 2 masing – masing HANYA dapat Create, Edit, dan Delete
artikelnya sendiri. User 1 tidak dapat mengelola artikelnya user 2, dan user 2 juga
tidak dapat mengelola artikel user 1.