{"id":643,"date":"2026-06-25T14:56:31","date_gmt":"2026-06-25T07:56:31","guid":{"rendered":"https:\/\/www.bisasoftware.id\/2026\/?p=643"},"modified":"2026-06-25T14:56:31","modified_gmt":"2026-06-25T07:56:31","slug":"bab-16-pagination","status":"publish","type":"post","link":"https:\/\/www.bisasoftware.id\/2026\/bab-16-pagination\/","title":{"rendered":"BAB 16 – PAGINATION"},"content":{"rendered":"\n

A. Apa Itu Pagination?<\/h2>\n\n\n\n

Pagination digunakan untuk membagi data menjadi beberapa halaman.<\/p>\n\n\n\n

Contoh:<\/p>\n\n\n\n

<< 1 2 3 4 5 >><\/code><\/pre>\n\n\n\n
\n\n\n\n
Praktik 1<\/h1>\n\n\n\n
<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><\/code><\/pre>\n\n\n\n
\n\n\n\n
Praktik 2<\/h1>\n\n\n\n
Buat Pagination:<\/p>\n\n\n\n
Previous
1
2
3
4
5
Next<\/code><\/pre>\n\n\n\n
\n\n\n\n
Latihan Bab <\/h1>\n\n\n\n
    \n
  1. Apa fungsi Pagination?<\/li>\n\n\n\n
  2. Apa fungsi page-item?<\/li>\n\n\n\n
  3. Apa fungsi page-link?<\/li>\n\n\n\n
  4. Kapan Pagination digunakan?<\/li>\n\n\n\n
  5. Apa keuntungan Pagination?<\/li>\n<\/ol>\n\n\n\n
    \n\n\n\n
    PROYEK<\/h1>\n\n\n\n
    MEMBANGUN SISTEM INFORMASI SEKOLAH (FRONTEND)<\/h1>\n\n\n\n
    Studi Kasus<\/h2>\n\n\n\n
    Buat halaman Sistem Informasi Sekolah yang terdiri dari:<\/p>\n\n\n\n
    1. Navbar<\/h3>\n\n\n\n
    Menu:<\/p>\n\n\n\n
      \n
    • Beranda<\/li>\n\n\n\n
    • Data Siswa<\/li>\n\n\n\n
    • Data Guru<\/li>\n\n\n\n
    • Jurusan<\/li>\n\n\n\n
    • Logout<\/li>\n<\/ul>\n\n\n\n
      \n\n\n\n
      2. Banner<\/h3>\n\n\n\n
      Gunakan:<\/p>\n\n\n\n
        \n
      • Display Heading<\/li>\n\n\n\n
      • Button<\/li>\n<\/ul>\n\n\n\n
        \n\n\n\n
        3. Form Input Data Siswa<\/h3>\n\n\n\n
        Field:<\/p>\n\n\n\n
          \n
        • NIS<\/li>\n\n\n\n
        • Nama<\/li>\n\n\n\n
        • Kelas<\/li>\n\n\n\n
        • Jurusan<\/li>\n<\/ul>\n\n\n\n
          \n\n\n\n
          4. Tabel Data Siswa<\/h3>\n\n\n\n
          Kolom:<\/p>\n\n\n\n
            \n
          • No<\/li>\n\n\n\n
          • NIS<\/li>\n\n\n\n
          • Nama<\/li>\n\n\n\n
          • Jurusan<\/li>\n\n\n\n
          • Aksi<\/li>\n<\/ul>\n\n\n\n
            \n\n\n\n
            5. Modal Tambah Data<\/h3>\n\n\n\n
            Popup untuk menambah siswa.<\/p>\n\n\n\n
            \n\n\n\n
            6. FAQ Sekolah<\/h3>\n\n\n\n
            Menggunakan Accordion.<\/p>\n\n\n\n
            \n\n\n\n
            7. Pagination<\/h3>\n\n\n\n
            Minimal 5 halaman.<\/p>\n\n\n\n
            \n\n\n\n
            TUGAS PORTOFOLIO<\/h1>\n\n\n\n
            Buat salah satu proyek berikut:<\/p>\n\n\n\n
            Pilihan A<\/h3>\n\n\n\n
            Website PPDB Online<\/p>\n\n\n\n
            Pilihan B<\/h3>\n\n\n\n
            Website Profil Sekolah<\/p>\n\n\n\n
            Pilihan C<\/h3>\n\n\n\n
            Dashboard Kasir UMKM<\/p>\n\n\n\n
            Pilihan D<\/h3>\n\n\n\n
            Sistem Informasi Perpustakaan<\/p>\n\n\n\n
            <\/p>\n","protected":false},"excerpt":{"rendered":"
            A. Apa Itu Pagination? Pagination digunakan untuk membagi data menjadi beberapa halaman. Contoh: Praktik 1 Praktik 2 Buat Pagination: Latihan…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[20],"tags":[35],"class_list":["post-643","post","type-post","status-publish","format-standard","hentry","category-tutorial-bootstrap","tag-tutorial-bootstrap"],"_links":{"self":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/comments?post=643"}],"version-history":[{"count":1,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/643\/revisions"}],"predecessor-version":[{"id":644,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/643\/revisions\/644"}],"wp:attachment":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/media?parent=643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/categories?post=643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/tags?post=643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}