A. Apa Itu Pagination?

Pagination digunakan untuk membagi data menjadi beberapa halaman.

Contoh:

<< 1 2 3 4 5 >>

---

Praktik 1

<nav>

<ul class="pagination">

<li class="page-item">

<a class="page-link"
href="#">

1

</a>

</li>

<li class="page-item">

<a class="page-link"
href="#">

2

</a>

</li>

<li class="page-item">

<a class="page-link"
href="#">

3

</a>

</li>

</ul>

</nav>

---

Praktik 2

Buat Pagination:

Previous
1
2
3
4
5
Next

---

Latihan Bab

1. Apa fungsi Pagination?
2. Apa fungsi page-item?
3. Apa fungsi page-link?
4. Kapan Pagination digunakan?
5. Apa keuntungan Pagination?

---

PROYEK

MEMBANGUN SISTEM INFORMASI SEKOLAH (FRONTEND)

Studi Kasus

Buat halaman Sistem Informasi Sekolah yang terdiri dari:

1. Navbar

Menu:

• Beranda
• Data Siswa
• Data Guru
• Jurusan
• Logout

---

2. Banner

Gunakan:

• Display Heading
• Button

---

3. Form Input Data Siswa

Field:

• NIS
• Nama
• Kelas
• Jurusan

---

4. Tabel Data Siswa

Kolom:

• No
• NIS
• Nama
• Jurusan
• Aksi

---

5. Modal Tambah Data

Popup untuk menambah siswa.

---

6. FAQ Sekolah

Menggunakan Accordion.

---

7. Pagination

Minimal 5 halaman.

---

TUGAS PORTOFOLIO

Buat salah satu proyek berikut:

Pilihan A

Website PPDB Online

Pilihan B

Website Profil Sekolah

Pilihan C

Dashboard Kasir UMKM

Pilihan D

Sistem Informasi Perpustakaan