PORTOFOLIO PERKULIAHAN

Belajar web,
selangkah demi selangkah.

Kumpulan hasil praktikum Desain dan Pemrograman Web.
Dari struktur HTML hingga aplikasi dengan database.

Jelajahi praktikum Handbook SIMPUS (Prak 1–6) Handbook Geprek Kita

HASIL BELAJAR

Daftar Praktikum

13 praktikum

Praktikum 1–6 merupakan arsip latihan SIMPUS. Praktikum 7–13 menggunakan tema Geprek Kita. Launch membuka tab baru.

01HTML

HTML Dasar

Menyusun halaman dengan heading, tabel, tautan, dan form.

Launch Praktikum 1

02CSS

CSS dan Layout

Mengatur warna, tulisan, dan tata letak halaman.

Launch Praktikum 2

03Responsive

Tampilan Responsif

Menyesuaikan tampilan untuk layar laptop dan ponsel.

Launch Praktikum 3

04Wireframe

UI / UX

Merancang alur pengguna dan susunan antarmuka.

Launch Praktikum 4

05JavaScript

JavaScript DOM & Event

Membuat pencarian, validasi, dan interaksi halaman.

Launch Praktikum 5

06Fetch API

Fetch API & JSON

Mengambil dan menampilkan data dari file JSON.

Launch Praktikum 6

07PHP

PHP dan Form

Geprek Kita: mengolah menu, member, dan data sementara dengan session.

Launch Praktikum 7

08PostgreSQL

PHP dan PostgreSQL

Geprek Kita: mencatat anggota dan pesanan ke database.

Launch Praktikum 8

09CRUD

CRUD Lengkap

Geprek Kita: kelola anggota dan pesanan, pencarian, serta pagination.

Launch Praktikum 9

10Autentikasi

Login dan Manajemen Sesi

Geprek Kita: akun petugas, login, logout, dan pembatasan akses admin.

Launch Praktikum 10

11Keamanan

Keamanan Web Dasar

Geprek Kita: proteksi XSS, CSRF token, session fixation, dan audit query.

Launch Praktikum 11

12Transaksi

Integrasi Modul Transaksi

Geprek Kita: transaksi atomik (ACID), stok real-time, status sirkulasi, dan riwayat.

Launch Praktikum 12

13Deployment

Deployment & Dokumentasi Final

Geprek Kita: config environment terpusat, manual pengguna, draf naskah demo UAS, siap hosting.

Launch Praktikum 13