riset-teknologi-informasi/slide/slide-16-presentation-defense.md

---
marp: true
paginate: true
class: bagian-iv
header: 'RTI — Riset Teknologi Informasi | Universitas Putra Bangsa Kebumen'
footer: 'Helmi Bahar Alim, S.Kom., M.Kom. | 2026'
---





<style>
/* UPB Theme (inline) */

/*
  ============================================================
  UPB MARP THEME — Riset Teknologi Informasi
  Universitas Putra Bangsa (UPB), Kebumen
  Fak. Sains & Teknologi | Prodi Teknik Informatika
  ------------------------------------------------------------
  Penggunaan di frontmatter slide:
    theme: upb
    class: bagian-ii          ← opsional; ganti warna Bagian
  
  Kelas per Bagian:
    (kosong / default) = Bagian I  — Biru   #2563EB
    bagian-ii          = Bagian II — Hijau  #059669
    bagian-iii         = Bagian III — Oranye #d97706
    bagian-iv          = Bagian IV — Ungu   #7c3aed

  Kelas layout khusus (gunakan via <!-- _class: ... -->):
    cover              = Cover / halaman judul
    section-header     = Pembatas antar-topik
    integrative        = Bab 8 (UTS — gradien biru-ungu)
    fullcircle         = Bab 16 penutup (gradien gelap)
  ============================================================
*/

/* ============================================================
   1. CSS CUSTOM PROPERTIES — DEFAULT (Bagian I · Biru)
   ============================================================ */
section {
  --accent:        #2563EB;
  --accent-dark:   #1e3a5f;
  --accent-light:  #eff6ff;
  --accent-border: #bfdbfe;
  --cover-grad:    linear-gradient(135deg, #1e3a5f 0%, #2563EB 100%);
  --cover-sub:     #bfdbfe;
  --cover-meta:    #93c5fd;

  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 1.1em;
  color: #1e293b;
  padding: 40px 60px;
}

/* ============================================================
   2. VARIAN WARNA PER BAGIAN
   ============================================================ */

/* Bagian II — Hijau */
section.bagian-ii {
  --accent:        #059669;
  --accent-dark:   #064e3b;
  --accent-light:  #ecfdf5;
  --accent-border: #a7f3d0;
  --cover-grad:    linear-gradient(135deg, #064e3b 0%, #059669 100%);
  --cover-sub:     #a7f3d0;
  --cover-meta:    #6ee7b7;
}

/* Bagian III — Oranye */
section.bagian-iii {
  --accent:        #d97706;
  --accent-dark:   #78350f;
  --accent-light:  #fffbeb;
  --accent-border: #fde68a;
  --cover-grad:    linear-gradient(135deg, #78350f 0%, #d97706 100%);
  --cover-sub:     #fde68a;
  --cover-meta:    #fcd34d;
}

/* Bagian IV — Ungu */
section.bagian-iv {
  --accent:        #7c3aed;
  --accent-dark:   #3b0764;
  --accent-light:  #f5f3ff;
  --accent-border: #ddd6fe;
  --cover-grad:    linear-gradient(135deg, #3b0764 0%, #7c3aed 100%);
  --cover-sub:     #ddd6fe;
  --cover-meta:    #c4b5fd;
}

/* ============================================================
   3. LAYOUT: COVER
   ============================================================ */
section.cover {
  background: var(--cover-grad);
  color: white;
  justify-content: center;
  text-align: center;
}

/* Logo dimuat dari CSS — tidak perlu tag img di markdown */
section.cover::before {
  content: '';
  display: block;
  width: 90px;
  height: 90px;
  background: white url('theme/logo-upb.png') center / contain no-repeat;
  border-radius: 8px;
  padding: 6px;
  margin: 0 auto 14px;
  box-sizing: border-box;
}

section.cover h1 {
  color: white;
  font-size: 2em;
  margin-bottom: 8px;
  border-bottom: none;
}

section.cover h2 {
  color: var(--cover-sub);
  font-size: 1.1em;
  font-weight: normal;
}

section.cover p  { color: var(--cover-meta); font-size: 0.85em; }
section.cover strong { color: white; }

/* ============================================================
   4. LAYOUT: SECTION HEADER (pembatas topik)
   ============================================================ */
section.section-header {
  background: var(--accent);
  color: white;
  justify-content: center;
  text-align: center;
}

section.section-header h1 {
  color: white;
  font-size: 2.5em;
  border-bottom: none;
}

section.section-header h2 { color: rgba(255, 255, 255, 0.85); }

/* ============================================================
   5. LAYOUT: INTEGRATIVE (Bab 8 — UTS Checkpoint)
   ============================================================ */
section.integrative {
  background: linear-gradient(135deg, #1e3a5f 0%, #7c3aed 100%);
  color: white;
  justify-content: center;
  text-align: center;
}

section.integrative::before {
  content: '';
  display: block;
  width: 90px;
  height: 90px;
  background: white url('theme/logo-upb.png') center / contain no-repeat;
  border-radius: 8px;
  padding: 6px;
  margin: 0 auto 14px;
  box-sizing: border-box;
}

section.integrative h1 {
  color: white;
  font-size: 2.2em;
  border-bottom: none;
}

section.integrative h2   { color: #ddd6fe; font-size: 1.1em; }
section.integrative p    { color: #c4b5fd; font-size: 0.85em; }
section.integrative strong { color: white; }

/* ============================================================
   6. LAYOUT: FULLCIRCLE (Bab 16 — Penutup)
   ============================================================ */
section.fullcircle {
  background: linear-gradient(135deg, #1e293b 0%, #1e3a5f 50%, #1e293b 100%);
  color: white;
  justify-content: center;
  text-align: center;
}

section.fullcircle h1 {
  color: #ddd6fe;
  font-size: 2.2em;
  border-bottom: 3px solid #7c3aed;
}

section.fullcircle blockquote {
  border-left: 5px solid #7c3aed;
  background: rgba(255, 255, 255, 0.08);
  color: #ddd6fe;
  font-style: italic;
}

/* ============================================================
   7. ELEMEN KONTEN — menggunakan CSS vars dari bagian
   ============================================================ */

h1 {
  color: var(--accent);
  border-bottom: 3px solid var(--accent);
  padding-bottom: 8px;
}

h2 { color: var(--accent-dark); font-size: 1.3em; }
h3 { color: var(--accent);      font-size: 1.05em; }

blockquote {
  border-left: 5px solid var(--accent);
  background: var(--accent-light);
  padding: 12px 20px;
  margin: 16px 0;
  color: var(--accent-dark);
  font-style: italic;
  border-radius: 0 8px 8px 0;
}

table { font-size: 0.82em; width: 100%; border-collapse: collapse; }
th    { background: var(--accent); color: white; padding: 8px 12px; }
td    { padding: 6px 12px; border-bottom: 1px solid var(--accent-border); }
tr:nth-child(even) td { background: var(--accent-light); }

code {
  background: var(--accent-light);
  color: var(--accent-dark);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.9em;
}

pre {
  background: #f1f5f9;
  color: #1e293b;
  padding: 16px;
  border-radius: 8px;
  border-left: 4px solid var(--accent-border);
}

ul li, ol li { margin-bottom: 6px; line-height: 1.6; }

/* ============================================================
   8. HELPER CLASSES
   ============================================================ */

/* Status / penekanan */
.warn  { color: #d97706; font-weight: bold; }
.good  { color: #059669; font-weight: bold; }
.bad   { color: #dc2626; font-weight: bold; }

/* Kotak pernyataan akhir */
.final {
  background: #fef3c7;
  border-left: 5px solid #d97706;
  padding: 14px 20px;
  border-radius: 0 8px 8px 0;
  font-size: 1.1em;
}

/* Kotak highlight */
.highlight-box {
  background: var(--accent);
  color: white;
  padding: 16px 20px;
  border-radius: 8px;
  margin: 12px 0;
}

/* Kotak checkpoint bab 8 */
.checkpoint {
  background: #f5f3ff;
  border: 2px solid #7c3aed;
  border-radius: 8px;
  padding: 16px 24px;
  margin: 16px 0;
}

/* ============================================================
   9. PAGINATION & HEADER/FOOTER
   ============================================================ */
section::after {
  font-size: 0.7em;
  color: #94a3b8;
}

section[data-marpit-advanced-background] > div:last-child { padding: 40px 60px; }
</style>

<style>
/* UPB Theme (inline) */

/*
  ============================================================
  UPB MARP THEME — Riset Teknologi Informasi
  Universitas Putra Bangsa (UPB), Kebumen
  Fak. Sains & Teknologi | Prodi Teknik Informatika
  ------------------------------------------------------------
  Penggunaan di frontmatter slide:
        class: bagian-ii          ← opsional; ganti warna Bagian
  
  Kelas per Bagian:
    (kosong / default) = Bagian I  — Biru   #2563EB
    bagian-ii          = Bagian II — Hijau  #059669
    bagian-iii         = Bagian III — Oranye #d97706
    bagian-iv          = Bagian IV — Ungu   #7c3aed

  Kelas layout khusus (gunakan via <!-- _class: ... -->):
    cover              = Cover / halaman judul
    section-header     = Pembatas antar-topik
    integrative        = Bab 8 (UTS — gradien biru-ungu)
    fullcircle         = Bab 16 penutup (gradien gelap)
  ============================================================
*/

/* ============================================================
   1. CSS CUSTOM PROPERTIES — DEFAULT (Bagian I · Biru)
   ============================================================ */
section {
  --accent:        #2563EB;
  --accent-dark:   #1e3a5f;
  --accent-light:  #eff6ff;
  --accent-border: #bfdbfe;
  --cover-grad:    linear-gradient(135deg, #1e3a5f 0%, #2563EB 100%);
  --cover-sub:     #bfdbfe;
  --cover-meta:    #93c5fd;

  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 1.1em;
  color: #1e293b;
  padding: 40px 60px;
}

/* ============================================================
   2. VARIAN WARNA PER BAGIAN
   ============================================================ */

/* Bagian II — Hijau */
section.bagian-ii {
  --accent:        #059669;
  --accent-dark:   #064e3b;
  --accent-light:  #ecfdf5;
  --accent-border: #a7f3d0;
  --cover-grad:    linear-gradient(135deg, #064e3b 0%, #059669 100%);
  --cover-sub:     #a7f3d0;
  --cover-meta:    #6ee7b7;
}

/* Bagian III — Oranye */
section.bagian-iii {
  --accent:        #d97706;
  --accent-dark:   #78350f;
  --accent-light:  #fffbeb;
  --accent-border: #fde68a;
  --cover-grad:    linear-gradient(135deg, #78350f 0%, #d97706 100%);
  --cover-sub:     #fde68a;
  --cover-meta:    #fcd34d;
}

/* Bagian IV — Ungu */
section.bagian-iv {
  --accent:        #7c3aed;
  --accent-dark:   #3b0764;
  --accent-light:  #f5f3ff;
  --accent-border: #ddd6fe;
  --cover-grad:    linear-gradient(135deg, #3b0764 0%, #7c3aed 100%);
  --cover-sub:     #ddd6fe;
  --cover-meta:    #c4b5fd;
}

/* ============================================================
   3. LAYOUT: COVER
   ============================================================ */
section.cover {
  background: var(--cover-grad);
  color: white;
  justify-content: center;
  text-align: center;
}

/* Logo dimuat dari CSS — tidak perlu tag img di markdown */
section.cover::before {
  content: '';
  display: block;
  width: 90px;
  height: 90px;
  background: white url('theme/logo-upb.png') center / contain no-repeat;
  border-radius: 8px;
  padding: 6px;
  margin: 0 auto 14px;
  box-sizing: border-box;
}

section.cover h1 {
  color: white;
  font-size: 2em;
  margin-bottom: 8px;
  border-bottom: none;
}

section.cover h2 {
  color: var(--cover-sub);
  font-size: 1.1em;
  font-weight: normal;
}

section.cover p  { color: var(--cover-meta); font-size: 0.85em; }
section.cover strong { color: white; }

/* ============================================================
   4. LAYOUT: SECTION HEADER (pembatas topik)
   ============================================================ */
section.section-header {
  background: var(--accent);
  color: white;
  justify-content: center;
  text-align: center;
}

section.section-header h1 {
  color: white;
  font-size: 2.5em;
  border-bottom: none;
}

section.section-header h2 { color: rgba(255, 255, 255, 0.85); }

/* ============================================================
   5. LAYOUT: INTEGRATIVE (Bab 8 — UTS Checkpoint)
   ============================================================ */
section.integrative {
  background: linear-gradient(135deg, #1e3a5f 0%, #7c3aed 100%);
  color: white;
  justify-content: center;
  text-align: center;
}

section.integrative::before {
  content: '';
  display: block;
  width: 90px;
  height: 90px;
  background: white url('theme/logo-upb.png') center / contain no-repeat;
  border-radius: 8px;
  padding: 6px;
  margin: 0 auto 14px;
  box-sizing: border-box;
}

section.integrative h1 {
  color: white;
  font-size: 2.2em;
  border-bottom: none;
}

section.integrative h2   { color: #ddd6fe; font-size: 1.1em; }
section.integrative p    { color: #c4b5fd; font-size: 0.85em; }
section.integrative strong { color: white; }

/* ============================================================
   6. LAYOUT: FULLCIRCLE (Bab 16 — Penutup)
   ============================================================ */
section.fullcircle {
  background: linear-gradient(135deg, #1e293b 0%, #1e3a5f 50%, #1e293b 100%);
  color: white;
  justify-content: center;
  text-align: center;
}

section.fullcircle h1 {
  color: #ddd6fe;
  font-size: 2.2em;
  border-bottom: 3px solid #7c3aed;
}

section.fullcircle blockquote {
  border-left: 5px solid #7c3aed;
  background: rgba(255, 255, 255, 0.08);
  color: #ddd6fe;
  font-style: italic;
}

/* ============================================================
   7. ELEMEN KONTEN — menggunakan CSS vars dari bagian
   ============================================================ */

h1 {
  color: var(--accent);
  border-bottom: 3px solid var(--accent);
  padding-bottom: 8px;
}

h2 { color: var(--accent-dark); font-size: 1.3em; }
h3 { color: var(--accent);      font-size: 1.05em; }

blockquote {
  border-left: 5px solid var(--accent);
  background: var(--accent-light);
  padding: 12px 20px;
  margin: 16px 0;
  color: var(--accent-dark);
  font-style: italic;
  border-radius: 0 8px 8px 0;
}

table { font-size: 0.82em; width: 100%; border-collapse: collapse; }
th    { background: var(--accent); color: white; padding: 8px 12px; }
td    { padding: 6px 12px; border-bottom: 1px solid var(--accent-border); }
tr:nth-child(even) td { background: var(--accent-light); }

code {
  background: var(--accent-light);
  color: var(--accent-dark);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.9em;
}

pre {
  background: #f1f5f9;
  color: #1e293b;
  padding: 16px;
  border-radius: 8px;
  border-left: 4px solid var(--accent-border);
}

ul li, ol li { margin-bottom: 6px; line-height: 1.6; }

/* ============================================================
   8. HELPER CLASSES
   ============================================================ */

/* Status / penekanan */
.warn  { color: #d97706; font-weight: bold; }
.good  { color: #059669; font-weight: bold; }
.bad   { color: #dc2626; font-weight: bold; }

/* Kotak pernyataan akhir */
.final {
  background: #fef3c7;
  border-left: 5px solid #d97706;
  padding: 14px 20px;
  border-radius: 0 8px 8px 0;
  font-size: 1.1em;
}

/* Kotak highlight */
.highlight-box {
  background: var(--accent);
  color: white;
  padding: 16px 20px;
  border-radius: 8px;
  margin: 12px 0;
}

/* Kotak checkpoint bab 8 */
.checkpoint {
  background: #f5f3ff;
  border: 2px solid #7c3aed;
  border-radius: 8px;
  padding: 16px 24px;
  margin: 16px 0;
}

/* ============================================================
   9. PAGINATION & HEADER/FOOTER
   ============================================================ */
section::after {
  font-size: 0.7em;
  color: #94a3b8;
}

section[data-marpit-advanced-background] > div:last-child { padding: 40px 60px; }
</style>

<style>
/* UPB Theme (inline) */

/*
  ============================================================
  UPB MARP THEME — Riset Teknologi Informasi
  Universitas Putra Bangsa (UPB), Kebumen
  Fak. Sains & Teknologi | Prodi Teknik Informatika
  ------------------------------------------------------------
  Penggunaan di frontmatter slide:
        class: bagian-ii          ← opsional; ganti warna Bagian
  
  Kelas per Bagian:
    (kosong / default) = Bagian I  — Biru   #2563EB
    bagian-ii          = Bagian II — Hijau  #059669
    bagian-iii         = Bagian III — Oranye #d97706
    bagian-iv          = Bagian IV — Ungu   #7c3aed

  Kelas layout khusus (gunakan via <!-- _class: ... -->):
    cover              = Cover / halaman judul
    section-header     = Pembatas antar-topik
    integrative        = Bab 8 (UTS — gradien biru-ungu)
    fullcircle         = Bab 16 penutup (gradien gelap)
  ============================================================
*/

/* ============================================================
   1. CSS CUSTOM PROPERTIES — DEFAULT (Bagian I · Biru)
   ============================================================ */
section {
  --accent:        #2563EB;
  --accent-dark:   #1e3a5f;
  --accent-light:  #eff6ff;
  --accent-border: #bfdbfe;
  --cover-grad:    linear-gradient(135deg, #1e3a5f 0%, #2563EB 100%);
  --cover-sub:     #bfdbfe;
  --cover-meta:    #93c5fd;

  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 1.1em;
  color: #1e293b;
  padding: 40px 60px;
}

/* ============================================================
   2. VARIAN WARNA PER BAGIAN
   ============================================================ */

/* Bagian II — Hijau */
section.bagian-ii {
  --accent:        #059669;
  --accent-dark:   #064e3b;
  --accent-light:  #ecfdf5;
  --accent-border: #a7f3d0;
  --cover-grad:    linear-gradient(135deg, #064e3b 0%, #059669 100%);
  --cover-sub:     #a7f3d0;
  --cover-meta:    #6ee7b7;
}

/* Bagian III — Oranye */
section.bagian-iii {
  --accent:        #d97706;
  --accent-dark:   #78350f;
  --accent-light:  #fffbeb;
  --accent-border: #fde68a;
  --cover-grad:    linear-gradient(135deg, #78350f 0%, #d97706 100%);
  --cover-sub:     #fde68a;
  --cover-meta:    #fcd34d;
}

/* Bagian IV — Ungu */
section.bagian-iv {
  --accent:        #7c3aed;
  --accent-dark:   #3b0764;
  --accent-light:  #f5f3ff;
  --accent-border: #ddd6fe;
  --cover-grad:    linear-gradient(135deg, #3b0764 0%, #7c3aed 100%);
  --cover-sub:     #ddd6fe;
  --cover-meta:    #c4b5fd;
}

/* ============================================================
   3. LAYOUT: COVER
   ============================================================ */
section.cover {
  background: var(--cover-grad);
  color: white;
  justify-content: center;
  text-align: center;
}

/* Logo dimuat dari CSS — tidak perlu tag img di markdown */
section.cover::before {
  content: '';
  display: block;
  width: 90px;
  height: 90px;
  background: white url('theme/logo-upb.png') center / contain no-repeat;
  border-radius: 8px;
  padding: 6px;
  margin: 0 auto 14px;
  box-sizing: border-box;
}

section.cover h1 {
  color: white;
  font-size: 2em;
  margin-bottom: 8px;
  border-bottom: none;
}

section.cover h2 {
  color: var(--cover-sub);
  font-size: 1.1em;
  font-weight: normal;
}

section.cover p  { color: var(--cover-meta); font-size: 0.85em; }
section.cover strong { color: white; }

/* ============================================================
   4. LAYOUT: SECTION HEADER (pembatas topik)
   ============================================================ */
section.section-header {
  background: var(--accent);
  color: white;
  justify-content: center;
  text-align: center;
}

section.section-header h1 {
  color: white;
  font-size: 2.5em;
  border-bottom: none;
}

section.section-header h2 { color: rgba(255, 255, 255, 0.85); }

/* ============================================================
   5. LAYOUT: INTEGRATIVE (Bab 8 — UTS Checkpoint)
   ============================================================ */
section.integrative {
  background: linear-gradient(135deg, #1e3a5f 0%, #7c3aed 100%);
  color: white;
  justify-content: center;
  text-align: center;
}

section.integrative::before {
  content: '';
  display: block;
  width: 90px;
  height: 90px;
  background: white url('theme/logo-upb.png') center / contain no-repeat;
  border-radius: 8px;
  padding: 6px;
  margin: 0 auto 14px;
  box-sizing: border-box;
}

section.integrative h1 {
  color: white;
  font-size: 2.2em;
  border-bottom: none;
}

section.integrative h2   { color: #ddd6fe; font-size: 1.1em; }
section.integrative p    { color: #c4b5fd; font-size: 0.85em; }
section.integrative strong { color: white; }

/* ============================================================
   6. LAYOUT: FULLCIRCLE (Bab 16 — Penutup)
   ============================================================ */
section.fullcircle {
  background: linear-gradient(135deg, #1e293b 0%, #1e3a5f 50%, #1e293b 100%);
  color: white;
  justify-content: center;
  text-align: center;
}

section.fullcircle h1 {
  color: #ddd6fe;
  font-size: 2.2em;
  border-bottom: 3px solid #7c3aed;
}

section.fullcircle blockquote {
  border-left: 5px solid #7c3aed;
  background: rgba(255, 255, 255, 0.08);
  color: #ddd6fe;
  font-style: italic;
}

/* ============================================================
   7. ELEMEN KONTEN — menggunakan CSS vars dari bagian
   ============================================================ */

h1 {
  color: var(--accent);
  border-bottom: 3px solid var(--accent);
  padding-bottom: 8px;
}

h2 { color: var(--accent-dark); font-size: 1.3em; }
h3 { color: var(--accent);      font-size: 1.05em; }

blockquote {
  border-left: 5px solid var(--accent);
  background: var(--accent-light);
  padding: 12px 20px;
  margin: 16px 0;
  color: var(--accent-dark);
  font-style: italic;
  border-radius: 0 8px 8px 0;
}

table { font-size: 0.82em; width: 100%; border-collapse: collapse; }
th    { background: var(--accent); color: white; padding: 8px 12px; }
td    { padding: 6px 12px; border-bottom: 1px solid var(--accent-border); }
tr:nth-child(even) td { background: var(--accent-light); }

code {
  background: var(--accent-light);
  color: var(--accent-dark);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.9em;
}

pre {
  background: #f1f5f9;
  color: #1e293b;
  padding: 16px;
  border-radius: 8px;
  border-left: 4px solid var(--accent-border);
}

ul li, ol li { margin-bottom: 6px; line-height: 1.6; }

/* ============================================================
   8. HELPER CLASSES
   ============================================================ */

/* Status / penekanan */
.warn  { color: #d97706; font-weight: bold; }
.good  { color: #059669; font-weight: bold; }
.bad   { color: #dc2626; font-weight: bold; }

/* Kotak pernyataan akhir */
.final {
  background: #fef3c7;
  border-left: 5px solid #d97706;
  padding: 14px 20px;
  border-radius: 0 8px 8px 0;
  font-size: 1.1em;
}

/* Kotak highlight */
.highlight-box {
  background: var(--accent);
  color: white;
  padding: 16px 20px;
  border-radius: 8px;
  margin: 12px 0;
}

/* Kotak checkpoint bab 8 */
.checkpoint {
  background: #f5f3ff;
  border: 2px solid #7c3aed;
  border-radius: 8px;
  padding: 16px 24px;
  margin: 16px 0;
}

/* ============================================================
   9. PAGINATION & HEADER/FOOTER
   ============================================================ */
section::after {
  font-size: 0.7em;
  color: #94a3b8;
}

section[data-marpit-advanced-background] > div:last-child { padding: 40px 60px; }
</style>

<style>
/* UPB Theme (inline) */

/*
  ============================================================
  UPB MARP THEME — Riset Teknologi Informasi
  Universitas Putra Bangsa (UPB), Kebumen
  Fak. Sains & Teknologi | Prodi Teknik Informatika
  ------------------------------------------------------------
  Penggunaan di frontmatter slide:
        class: bagian-ii          ← opsional; ganti warna Bagian
  
  Kelas per Bagian:
    (kosong / default) = Bagian I  — Biru   #2563EB
    bagian-ii          = Bagian II — Hijau  #059669
    bagian-iii         = Bagian III — Oranye #d97706
    bagian-iv          = Bagian IV — Ungu   #7c3aed

  Kelas layout khusus (gunakan via <!-- _class: ... -->):
    cover              = Cover / halaman judul
    section-header     = Pembatas antar-topik
    integrative        = Bab 8 (UTS — gradien biru-ungu)
    fullcircle         = Bab 16 penutup (gradien gelap)
  ============================================================
*/

/* ============================================================
   1. CSS CUSTOM PROPERTIES — DEFAULT (Bagian I · Biru)
   ============================================================ */
section {
  --accent:        #2563EB;
  --accent-dark:   #1e3a5f;
  --accent-light:  #eff6ff;
  --accent-border: #bfdbfe;
  --cover-grad:    linear-gradient(135deg, #1e3a5f 0%, #2563EB 100%);
  --cover-sub:     #bfdbfe;
  --cover-meta:    #93c5fd;

  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 1.1em;
  color: #1e293b;
  padding: 40px 60px;
}

/* ============================================================
   2. VARIAN WARNA PER BAGIAN
   ============================================================ */

/* Bagian II — Hijau */
section.bagian-ii {
  --accent:        #059669;
  --accent-dark:   #064e3b;
  --accent-light:  #ecfdf5;
  --accent-border: #a7f3d0;
  --cover-grad:    linear-gradient(135deg, #064e3b 0%, #059669 100%);
  --cover-sub:     #a7f3d0;
  --cover-meta:    #6ee7b7;
}

/* Bagian III — Oranye */
section.bagian-iii {
  --accent:        #d97706;
  --accent-dark:   #78350f;
  --accent-light:  #fffbeb;
  --accent-border: #fde68a;
  --cover-grad:    linear-gradient(135deg, #78350f 0%, #d97706 100%);
  --cover-sub:     #fde68a;
  --cover-meta:    #fcd34d;
}

/* Bagian IV — Ungu */
section.bagian-iv {
  --accent:        #7c3aed;
  --accent-dark:   #3b0764;
  --accent-light:  #f5f3ff;
  --accent-border: #ddd6fe;
  --cover-grad:    linear-gradient(135deg, #3b0764 0%, #7c3aed 100%);
  --cover-sub:     #ddd6fe;
  --cover-meta:    #c4b5fd;
}

/* ============================================================
   3. LAYOUT: COVER
   ============================================================ */
section.cover {
  background: var(--cover-grad);
  color: white;
  justify-content: center;
  text-align: center;
}

/* Logo dimuat dari CSS — tidak perlu tag img di markdown */
section.cover::before {
  content: '';
  display: block;
  width: 90px;
  height: 90px;
  background: white url('theme/logo-upb.png') center / contain no-repeat;
  border-radius: 8px;
  padding: 6px;
  margin: 0 auto 14px;
  box-sizing: border-box;
}

section.cover h1 {
  color: white;
  font-size: 2em;
  margin-bottom: 8px;
  border-bottom: none;
}

section.cover h2 {
  color: var(--cover-sub);
  font-size: 1.1em;
  font-weight: normal;
}

section.cover p  { color: var(--cover-meta); font-size: 0.85em; }
section.cover strong { color: white; }

/* ============================================================
   4. LAYOUT: SECTION HEADER (pembatas topik)
   ============================================================ */
section.section-header {
  background: var(--accent);
  color: white;
  justify-content: center;
  text-align: center;
}

section.section-header h1 {
  color: white;
  font-size: 2.5em;
  border-bottom: none;
}

section.section-header h2 { color: rgba(255, 255, 255, 0.85); }

/* ============================================================
   5. LAYOUT: INTEGRATIVE (Bab 8 — UTS Checkpoint)
   ============================================================ */
section.integrative {
  background: linear-gradient(135deg, #1e3a5f 0%, #7c3aed 100%);
  color: white;
  justify-content: center;
  text-align: center;
}

section.integrative::before {
  content: '';
  display: block;
  width: 90px;
  height: 90px;
  background: white url('theme/logo-upb.png') center / contain no-repeat;
  border-radius: 8px;
  padding: 6px;
  margin: 0 auto 14px;
  box-sizing: border-box;
}

section.integrative h1 {
  color: white;
  font-size: 2.2em;
  border-bottom: none;
}

section.integrative h2   { color: #ddd6fe; font-size: 1.1em; }
section.integrative p    { color: #c4b5fd; font-size: 0.85em; }
section.integrative strong { color: white; }

/* ============================================================
   6. LAYOUT: FULLCIRCLE (Bab 16 — Penutup)
   ============================================================ */
section.fullcircle {
  background: linear-gradient(135deg, #1e293b 0%, #1e3a5f 50%, #1e293b 100%);
  color: white;
  justify-content: center;
  text-align: center;
}

section.fullcircle h1 {
  color: #ddd6fe;
  font-size: 2.2em;
  border-bottom: 3px solid #7c3aed;
}

section.fullcircle blockquote {
  border-left: 5px solid #7c3aed;
  background: rgba(255, 255, 255, 0.08);
  color: #ddd6fe;
  font-style: italic;
}

/* ============================================================
   7. ELEMEN KONTEN — menggunakan CSS vars dari bagian
   ============================================================ */

h1 {
  color: var(--accent);
  border-bottom: 3px solid var(--accent);
  padding-bottom: 8px;
}

h2 { color: var(--accent-dark); font-size: 1.3em; }
h3 { color: var(--accent);      font-size: 1.05em; }

blockquote {
  border-left: 5px solid var(--accent);
  background: var(--accent-light);
  padding: 12px 20px;
  margin: 16px 0;
  color: var(--accent-dark);
  font-style: italic;
  border-radius: 0 8px 8px 0;
}

table { font-size: 0.82em; width: 100%; border-collapse: collapse; }
th    { background: var(--accent); color: white; padding: 8px 12px; }
td    { padding: 6px 12px; border-bottom: 1px solid var(--accent-border); }
tr:nth-child(even) td { background: var(--accent-light); }

code {
  background: var(--accent-light);
  color: var(--accent-dark);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.9em;
}

pre {
  background: #f1f5f9;
  color: #1e293b;
  padding: 16px;
  border-radius: 8px;
  border-left: 4px solid var(--accent-border);
}

ul li, ol li { margin-bottom: 6px; line-height: 1.6; }

/* ============================================================
   8. HELPER CLASSES
   ============================================================ */

/* Status / penekanan */
.warn  { color: #d97706; font-weight: bold; }
.good  { color: #059669; font-weight: bold; }
.bad   { color: #dc2626; font-weight: bold; }

/* Kotak pernyataan akhir */
.final {
  background: #fef3c7;
  border-left: 5px solid #d97706;
  padding: 14px 20px;
  border-radius: 0 8px 8px 0;
  font-size: 1.1em;
}

/* Kotak highlight */
.highlight-box {
  background: var(--accent);
  color: white;
  padding: 16px 20px;
  border-radius: 8px;
  margin: 12px 0;
}

/* Kotak checkpoint bab 8 */
.checkpoint {
  background: #f5f3ff;
  border: 2px solid #7c3aed;
  border-radius: 8px;
  padding: 16px 24px;
  margin: 16px 0;
}

/* ============================================================
   9. PAGINATION & HEADER/FOOTER
   ============================================================ */
section::after {
  font-size: 0.7em;
  color: #94a3b8;
}

section[data-marpit-advanced-background] > div:last-child { padding: 40px 60px; }
</style>

<!-- _class: cover bagian-iv -->


# Bab 16 — Presentation & Defense

## Mempertahankan Pengetahuan yang Telah Kamu Bangun

*Pertemuan 16 (M16) &nbsp;|&nbsp; Sub-CPMK 4.5 &nbsp;|&nbsp; CPMK04 &nbsp;|&nbsp; CPL07*

Fase: **Analyzing & Communicating** (M12–M16) &nbsp;·&nbsp; Bagian IV

**Pertemuan Penutup — M16 dari 16**

**Universitas Putra Bangsa** &nbsp;|&nbsp; Fak. Sains & Teknologi &nbsp;·&nbsp; Prodi Teknik Informatika

---

## Agenda Pertemuan 16

1. Presentasi = simulasi peer review langsung
2. Scientific Defense Model
3. Struktur slide presentasi yang efektif
4. Membangun argumen yang kuat (claim + evidence + reasoning)
5. Mengantisipasi pertanyaan evaluator
6. Teknik menjawab pertanyaan
7. Cognitive Traps & Studi Kasus
8. **Full Circle: Bab 16 = Bab 1 Revisited**
9. Output Praktis: Slide + Defense Argument + Jawaban Berbasis Data

---

## Capaian Pembelajaran

Setelah pertemuan ini, mahasiswa mampu:

- Memahami bahwa presentasi adalah **simulasi peer review** — bukan formalitas
- Membangun **argumen defensif** berbasis data (claim + evidence + reasoning)
- **Mengantisipasi pertanyaan** evaluator berdasarkan kategori yang umum
- **Menjawab pertanyaan** secara langsung, berbasis data, dan dengan akui limitation bila perlu
- Menampilkan **slide presentasi** yang komunikatif dan tidak membebani pendengar

> Sub-CPMK 4.5 → Mempresentasikan dan mempertahankan penelitian secara ilmiah (CPL07)

---

## Scientific Defense Model

*Dari karya penelitian ke penerimaan komunitas*

<div class="highlight-box">

**Research Work** (Bab 1–15) &darr; Presentation (komunikasi terstruktur & persuasif) &darr; Questioning (evaluator menantang klaim) &darr; Defense — Argumentation (claim + evidence + reasoning) &darr; Evaluation (validitas klaim + kemampuan defend) &darr; **Acceptance**

</div>

> Defense bukan ujian hafalan — ini adalah **simulasi peer review langsung**. Pertanyaan evaluator adalah versi lisan dari proses review yang terjadi di jurnal ilmiah.

---

## Presentasi ≠ Membaca Ulang Laporan

*Perbedaan antara slide yang baik dan slide yang buruk*

| Aspek | Slide Buruk | Slide Efektif |
|-------|-------------|-------------------|
| Teks | Copy-paste dari laporan | Poin kunci saja (max 5 bullets) |
| Angka | Semua angka dari tabel | Hanya angka paling penting |
| Visual | Tidak ada / dekoratif | Grafik yang menceritakan story |
| Presenter | Membaca slide | Menggunakan slide sebagai anchor |
| Waktu | 1 menit per slide | 2–3 menit per slide (kedalaman) |

**Struktur slide presentasi (15 menit):**
- Slide 1–2: Motivasi + Masalah (3 mnt)
- Slide 3–4: Method + Setup (3 mnt)
- Slide 5–7: Hasil + Visualisasi kunci (5 mnt)
- Slide 8–9: Diskusi + Conclusion (3 mnt)
- Slide 10: Q&A ready

---

## Membangun Argumen Defensif — Struktur Toulmin

*Setiap klaim penelitian harus punya struktur argumen yang kuat*

```
CLAIM (klaim yang kamu pertahankan):
  "Attention mechanism secara signifikan meningkatkan performa
   klasifikasi teks bahasa Indonesia."

EVIDENCE (bukti empiris):
  "F1-macro meningkat dari 82.1 ± 1.5% ke 87.0 ± 1.1%.
   Uji t berpasangan: t(18)=3.24, p=0.004, d=1.02."

REASONING (mekanisme yang menghubungkan):
  "Attention memungkinkan model memberi bobot berbeda pada token,
   sehingga token yang bermakna secara kontekstual mendapat penekanan
   lebih dibanding kata stopword. Ini konsisten dengan Lee et al. (2024)
   yang menemukan pattern serupa pada bahasa morfologis tinggi."

QUALIFIER (batas validitas):
  "Dalam konteks teks informal bahasa Indonesia, dataset SMSA,
   BiLSTM backbone. Generalisasi ke bahasa lain belum diverifikasi."
```

---

## Mengantisipasi Pertanyaan Evaluator

*Kategori pertanyaan yang paling sering muncul di sidang*

| Kategori | Contoh Pertanyaan | Persiapan |
|----------|-----------------|-----------|
| **Problem/Gap** | "Mengapa masalah ini penting? Sudah ada penelitian serupa?" | Siapkan 3 referensi gap terkini |
| **Method** | "Mengapa pilih BiLSTM bukan BERT?" | Siapkan justifikasi berbasis literatur dan resource constraint |
| **Metric** | "Mengapa F1-macro dan bukan accuracy?" | Siapkan penjelasan class imbalance + alasan metodologis |
| **Result** | "Confidence interval-nya berapa?" | Siapkan tabel lengkap + p-value |
| **Validity** | "Dataset ini representatif?" | Siapkan deskripsi distribusi dataset |
| **Limitation** | "Apa kelemahan penelitian ini?" | Jawab jujur + saran penelitian lanjutan |

---

## Teknik Menjawab Pertanyaan

*Tiga mode jawaban sesuai situasi*

### Mode 1 — Jawab Langsung dengan Data
```
Q: "Bagaimana model Anda menangani kelas minoritas?"
A: "Kami menggunakan F1-macro yang memberikan bobot setara ke semua kelas.
    Dari confusion matrix (halaman 47), kelas minoritas 'neutral' 
    mencapai F1 = 0.79, dibanding baseline 0.68."
```

### Mode 2 — Akui Limitation + Tunjukkan Arah
```
Q: "Bagaimana perbandingan dengan BERT?"  
A: "Itu limitation yang kami akui di halaman 52. BiLSTM dipilih karena 
    resource constraint dan scope penelitian ini. Perbandingan dengan 
    BERT adalah arah penelitian lanjutan yang jelas."
```

### Mode 3 — Klarifikasi Pertanyaan Ambigu
```
Q: "Sistemnya scalable?"
A: "Bisa Bapak/Ibu klarifikasi — scalable dalam konteks ukuran dataset
    atau throughput inference? Kami mengukur keduanya dalam eksperimen."
```

---

<!-- _class: section-header bagian-iv -->

# Cognitive Traps
## Bab 16 — Defense & Presentation

---

## Cognitive Traps — Bab 16

**"Presentasi = membacakan laporan lebih cepat"**
Presentasi ilmiah bukan summary dari laporan. Ini adalah penampilan narasi penelitian yang paling penting: mengapa masalah ini penting dan mengapa temuan Anda dapat dipercaya. Slide adalah pendukung bicara, bukan pengganti bicara.

**"Menjawab 'tidak tahu' adalah tanda kelemahan"**
Menjawab "Itu di luar scope penelitian ini" atau "Itu adalah gap yang menarik untuk penelitian lanjutan" adalah jawaban yang benar dan jujur. Evaluator menghargai presisi lebih dari kepura-puraan tahu segalanya.

**"Pertanyaan sulit berarti presentasi saya gagal"**
Pertanyaan mendalam adalah tanda bahwa evaluator TERTARIK dengan penelitian Anda. Pertanyaan mudah atau tidak ada pertanyaan justru mengkhawatirkan. Defense yang baik = dialog intelektual yang produktif.

**"Saya harus defend semua klaim, termasuk yang lemah"**
Defender yang baik tahu mana yang perlu dipertahankan kuat dan mana yang perlu diakui sebagai limitation. Mempertahankan sesuatu yang lemah dengan keras hanya merusak kredibilitas.

---

## Studi Kasus 1 — Pertanyaan yang Tidak Diantisipasi (Basic)

**Situasi:** Mahasiswa mempresentasikan penelitian klasifikasi sentimen.

**Q evaluator:** "Mengapa dataset Anda hanya 5.000 sampel? Apakah cukup?"

**Jawaban yang salah:**
> "Karena segitu yang ada, jadi saya pakai itu saja."

**Jawaban yang benar:**
> "Ukuran dataset 5.000 sampel dipilih berdasarkan dua pertimbangan.
> Pertama, penelitian pembanding (Andi et al., 2023) menggunakan 4.700 sampel domain serupa.
> Kedua, power analysis menunjukkan bahwa 5.000 sampel cukup untuk mendeteksi
> efek medium (d=0.5) dengan power 0.80.
>
> Kami mengakui bahwa dataset lebih besar akan meningkatkan external validity.
> Ini adalah salah satu limitation yang kami cantumkan di Bab 5."

---

## Studi Kasus 2 — Berpindah dari Defense ke Dialog (Advanced)

**Q evaluator:** "Saya perhatikan Anda tidak menggunakan cross-validation. Kenapa?"

**Jawaban defensif:**
> "Dataset kami sudah cukup besar, jadi tidak perlu cross-validation."

**Jawaban berbasis data + akui limitation + tunjukkan arah:**
> "Keputusan itu memang kami pertimbangkan. Kami menggunakan hold-out split
> 80:20 karena computational constraint menjalankan 10-fold cross-validation
> pada 10 skenario × 5 run setiap skenario membutuhkan waktu ~300 jam GPU.
>
> Anda benar bahwa k-fold cross-validation akan memberikan estimasi variance
> yang lebih robust. Kami mencantumkan ini sebagai limitation di halaman 52.
> Untuk penelitian lanjutan dengan resource lebih, k-fold adalah langkah yang
> tepat. Terima kasih atas masukannya."

---

## Persiapan Q&A yang Terstruktur

*Template persiapan defense sebelum sidang*

```
Q&A PREPARATION SHEET

PERTANYAAN CATEGORY 1 — Problem/Motivation
  Q: Mengapa masalah ini penting?
  A: [3 alasan + 1 statistik dari literatur]
  Slides pendukung: Slide 2, 3

PERTANYAAN CATEGORY 2 — Methodology
  Q: Mengapa BiLSTM, bukan transformer?
  A: [Resource constraint + comparable performance + scope]
  Slides pendukung: Slide 5

PERTANYAAN CATEGORY 3 — Results
  Q: Apakah hasil ini generalizable?
  A: [Dataset description + limitation + external validity caveat]
  Slides pendukung: Slide 7, 8

BACKUP SLIDES (tidak ditampilkan kecuali ditanya):
  - Confusion matrix lengkap
  - Hyperparameter tuning results
  - Statistical test details
  - Full comparison table semua skenario
```

---

<!-- _class: fullcircle -->

# Full Circle — Bab 16 = Bab 1 Revisited

> *"Bab 1 mengajarkan kita bahwa penelitian adalah tentang memastikan hasil dapat dipercaya.*
>
> *Bab 16 adalah ujian apakah kita benar-benar berhasil melakukannya."*

**Research Trust Model (Bab 1):**

```
Reality → Data → Processing → Analysis → Inference → Knowledge
```

**Defense menguji setiap mata rantai:**
- Apakah data dikumpulkan dengan integritas? (Bab 10–11)
- Apakah processing valid dan terdokumentasi? (Bab 13)
- Apakah analysis dilakukan dengan benar? (Bab 14)
- Apakah inference dibatasi dengan limitation yang jujur? (Bab 14–15)
- Apakah knowledge yang dihasilkan layak dipercaya oleh komunitas? (Bab 16)

---

## Perjalanan 16 Pertemuan — Ringkasan Besar

| Bagian | Bab | Fase | Inti |
|--------|-----|------|------|
| **Bagian I** | 1–4 | Thinking | Mindset → Masalah → Gap → RQ |
| **Bagian II** | 5–8 | Designing | Metrik → Sistem → Eksperimen → Proposal |
| **Bagian III** | 9–11 | Executing | Implementasi → Eksekusi → Validasi |
| **Bagian IV** | 12–16 | Communicating | Sajikan → Preprocess → Analisis → Tulis → Defend |

> Dari "Apa itu penelitian?" ke "Saya bisa mempertahankan penelitian saya di depan evaluator" — itulah perjalanan 16 pertemuan ini.

---

## Ringkasan Pertemuan 16

| Konsep | Inti |
|--------|------|
| Defense Model | Research Work → Presentation → Questioning → Defense → Evaluation → Acceptance |
| Argumen | Claim + Evidence + Reasoning + Qualifier |
| Antisipasi Q | 6 kategori pertanyaan evaluator |
| Teknik Jawab | Langsung/Data · Akui Limitation · Klarifikasi |
| Slide Efektif | Anchor bicara, bukan pengganti bicara |
| Full Circle | Bab 16 menguji semua yang dipelajari dari Bab 1 |

---

## Final Statement & Output Praktis

<div class="final">
"Defense bukan akhir dari penelitian. Defense adalah awal dari kontribusi Anda kepada komunitas ilmiah. Penelitian yang dipertahankan dengan baik adalah penelitian yang siap dipublikasikan."
</div>

### Output Praktis M16 — Penutup Mata Kuliah

Kumpulkan paket final:

1. **Slide presentasi** (10–12 slide, format Marp atau PowerPoint)
2. **Q&A preparation sheet** (minimal 10 pasang Q&A yang diantisipasi)
3. **Laporan ilmiah final** (IMRAD lengkap + appendix)
4. **Repository penelitian** (kode, data, log eksperimen, README)

---

## Referensi Utama — Bab 16

- Booth, W. C., Colomb, G. G., Williams, J. M., Bizup, J., & FitzGerald, W. T. (2016). *The craft of research* (4th ed.). University of Chicago Press.

- Sword, H. (2012). *Stylish academic writing*. Harvard University Press.

- Toulmin, S. E. (2003). *The uses of argument* (updated ed.). Cambridge University Press.

- Lebrun, J. L. (2011). *Scientific writing 2.0: A reader and writer's guide*. World Scientific.