Notebook LM - Slide

 

Buatkan slide 1-12 style education warna biru. Gunakan kalimat dalam lampiran. Sertakan ilustrasi, gambar, dan foto sebagai pendukung supaya slide menarik.

Desain Visual yang Disarankan (16:9)

• Tema: Education Technology
• Warna utama: Biru (#1E88E5) dan Hijau (#43A047)
• Icon: Database, PDF, Student, QR Code, School
• Font: Poppins / Montserrat
• Total: 23 Slide
• Cocok untuk PowerPoint, Canva, dan Google Slides.

Slide 1 — Cover

MEMBUAT REPORT PDF MENGGUNAKAN PHP & MYSQL

Studi Kasus:

Pencetakan Bukti Pendaftaran Siswa Baru

Mata Kuliah: Web Programming
Teknologi: PHP, MySQL, FPDF, mPDF

---

Slide 2 — Learning Outcomes

Capaian Pembelajaran

Setelah mempelajari materi ini mahasiswa mampu:

✅ Memahami konsep report PDF pada aplikasi web

✅ Mengintegrasikan PHP dan MySQL

✅ Menggunakan library FPDF

✅ Mengambil data dari database

✅ Menghasilkan dokumen PDF dinamis

✅ Membuat bukti pendaftaran siswa dalam format PDF

---

Slide 3 — Mengapa Report PDF Penting?

Kebutuhan Dunia Kerja

Banyak aplikasi memerlukan fitur cetak dokumen:

📄 Invoice

📄 Laporan Penjualan

📄 Sertifikat

📄 Kartu Peserta

📄 Raport

📄 Bukti Pendaftaran

Keuntungan PDF

• Portable
• Mudah dicetak
• Tidak mudah diubah
• Dapat dikirim melalui email
• Standar dokumen digital

---

Slide 4 — Arsitektur Sistem Report PDF

User
  │
  ▼
Form Pendaftaran
  │
  ▼
PHP Processing
  │
  ▼
MySQL Database
  │
  ▼
Generate PDF
(FPDF/mPDF)
  │
  ▼
Download / Print

Alur

1. Input data
2. Simpan ke database
3. Ambil data
4. Generate PDF
5. Cetak atau download

---

Slide 5 — Library PDF pada PHP

Library	Kelebihan
FPDF	Mudah dipelajari
TCPDF	Sangat lengkap
DomPDF	HTML ke PDF
mPDF	HTML + CSS Modern

Rekomendasi

👨‍🎓 Mahasiswa → FPDF

🏢 Industri → mPDF

---

Slide 6 — Studi Kasus

Sistem Pendaftaran Siswa Baru

Fitur

• Input Biodata
• Upload Foto
• Simpan Database
• Cetak Bukti Pendaftaran PDF

Output

📄 Bukti Pendaftaran

📄 Nomor Registrasi

📄 QR Code

📄 Data Siswa

---

Slide 7 — Desain Database

Tabel siswa

CREATE TABLE siswa (
 id INT AUTO_INCREMENT PRIMARY KEY,
 nama VARCHAR(100),
 email VARCHAR(100),
 telepon VARCHAR(20),
 alamat TEXT,
 tanggal_lahir DATE,
 jenis_kelamin VARCHAR(20),
 foto VARCHAR(100),
 tanggal_daftar TIMESTAMP
);

Data yang Disimpan

• Nama
• Email
• Telepon
• Alamat
• Tanggal Lahir
• Jenis Kelamin
• Foto

---

Slide 8 — Form Input Data

<form action="simpan.php" method="POST">

<input type="text" name="nama">

<input type="email" name="email">

<input type="text" name="telepon">

<textarea name="alamat"></textarea>

<button type="submit">
Daftar
</button>

</form>

Fungsi

Mengumpulkan data calon siswa.

---

Slide 9 — Menyimpan Data ke MySQL

$conn = mysqli_connect(
"localhost",
"root",
"",
"db_sekolah"
);

$sql = "INSERT INTO siswa
(nama,email,telepon,alamat)
VALUES
('$nama','$email',
 '$telepon','$alamat')";

Hasil

Data tersimpan ke database dan siap dicetak.

---

Slide 10 — Mengenal FPDF

Apa itu FPDF?

Library PHP untuk membuat file PDF secara dinamis.

Kelebihan

✅ Gratis

✅ Ringan

✅ Mudah dipelajari

✅ Tidak memerlukan ekstensi tambahan

Instalasi

Download:

www.fpdf.org

---

Slide 11 — Membuat Objek PDF

require('fpdf/fpdf.php');

$pdf = new FPDF();

$pdf->AddPage();

$pdf->SetFont(
'Arial',
'B',
16
);

Penjelasan

• FPDF() → Membuat dokumen
• AddPage() → Menambah halaman
• SetFont() → Mengatur font

---

Slide 12 — Menampilkan Judul PDF

$pdf->Cell(
190,
10,
'BUKTI PENDAFTARAN SISWA',
0,
1,
'C'
);

Output

BUKTI PENDAFTARAN SISWA

---

Slide 13 — Mengambil Data dari Database

$id = $_GET['id'];

$data = mysqli_query(
$conn,
"SELECT * FROM siswa
WHERE id='$id'"
);

$row =
mysqli_fetch_assoc($data);

Fungsi

Mengambil data siswa yang akan dicetak.

---

Slide 14 — Menampilkan Data ke PDF

$pdf->Cell(
50,
10,
'Nama Lengkap'
);

$pdf->Cell(
100,
10,
$row['nama']
);

Output

Nama Lengkap : Ahmad Fauzi

---

Slide 15 — Menambahkan Logo Sekolah

$pdf->Image(
'logo.png',
10,
10,
20
);

Hasil

🏫 Logo sekolah tampil pada dokumen PDF.

---

Slide 16 — Menampilkan Foto Siswa

$pdf->Image(
'uploads/'.$row['foto'],
150,
40,
30
);

Hasil

👦 Foto siswa muncul pada bukti pendaftaran.

---

Slide 17 — Nomor Registrasi Otomatis

$nomor =
"REG-".
date("Y").
"-".
str_pad(
$row['id'],
4,
"0",
STR_PAD_LEFT
);

Contoh

REG-2026-0015

---

Slide 18 — Menambahkan QR Code

Library

phpqrcode

QRcode::png(
$nomor,
"qrcode.png"
);

$pdf->Image(
"qrcode.png",
150,
100,
30
);

Fungsi

Validasi dan verifikasi dokumen.

---

Slide 19 — Hasil Akhir PDF

Komponen PDF

✅ Logo Sekolah

✅ Nomor Registrasi

✅ Biodata Siswa

✅ Foto

✅ QR Code

✅ Tanggal Pendaftaran

✅ Tanda Tangan

Status

TERDAFTAR

---

Slide 20 — Studi Kasus Praktikum

Mini Project

Buat Sistem Pendaftaran Siswa Baru.

Input

• Nama
• Email
• No HP
• Alamat
• Tanggal Lahir
• Jenis Kelamin
• Foto

Output

• PDF Bukti Pendaftaran
• QR Code
• Nomor Registrasi

---

Slide 21 — FPDF vs mPDF

FPDF	mPDF
Mudah	Lebih Modern
Manual Layout	HTML + CSS
Cepat	Bootstrap Support
Cocok Belajar	Cocok Industri

Kesimpulan

FPDF → Pembelajaran

mPDF → Produksi

---

Slide 22 — Best Practice Industri

Struktur Project

project/
│
├── assets/
├── uploads/
├── vendor/
├── config/
├── views/
├── report/
│     └── pdf.php
└── index.php

Tips

• Gunakan MVC
• Gunakan Composer
• Gunakan Prepared Statement
• Pisahkan Template PDF

---

Slide 23 — Kesimpulan

Ringkasan

✅ PHP dapat menghasilkan PDF secara dinamis

✅ Data PDF berasal dari MySQL

✅ FPDF cocok untuk pembelajaran

✅ mPDF cocok untuk aplikasi modern

✅ Bukti pendaftaran siswa dapat dibuat secara otomatis dan profesional