riset-teknologi-informasi/slide/slide-04-rq-hypothesis.md

---
marp: true
paginate: true
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 -->


# Bab 4 — RQ, Contribution & Hypothesis

## Merancang Pertanyaan Riset dan Hipotesis yang Dapat Diuji

*Pertemuan 4 (M4) &nbsp;|&nbsp; Sub-CPMK 1.4 &nbsp;|&nbsp; CPMK01 &nbsp;|&nbsp; CPL03*

Fase: **Thinking** (M1–M4) &nbsp;·&nbsp; Bagian I: Foundation

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

---

## Agenda Pertemuan 4

1. Bridge dari Bab 3 — dari gap ke pertanyaan
2. RQ Formation Model — pipeline RQ yang valid
3. Tiga jenis RQ: Comparison, Improvement, Exploratory
4. Kriteria RQ yang baik: SMART + Testable
5. Contribution statement — tiga jenis kontribusi
6. Hipotesis: H0 dan H1, syarat apa yang harus dipenuhi
7. RQ → Variable → Metric → Data → Analysis (chain of operationalization)
8. Cognitive Traps & Studi Kasus
9. Output Praktis: RQ + Contribution + H0/H1

---

## Capaian Pembelajaran

Setelah pertemuan ini, mahasiswa mampu:

- Merumuskan **Research Question (RQ)** yang tajam, terukur, dan dapat diuji
- Membedakan **3 jenis RQ**: Comparison, Improvement, Exploratory
- Menyusun **contribution statement** yang eksplisit (improvement/comparison/novel)
- Merumuskan **hipotesis H0/H1** yang testable secara statistik
- Memetakan **RQ → Variable → Metric → Data → Analysis**

> Sub-CPMK 1.4 → Merancang RQ, hypothesis, dan contribution (CPL03)

---

## Bridge dari Bab 3

Di Bab 3, Anda telah:
- Menavigasi literatur hingga menemukan **research gap**
- Memvalidasi gap (Performance / Method / Data / Context)
- Menetapkan **baseline** yang valid sebagai titik pembanding

**Pertanyaan berikutnya:**

> Dari gap yang teridentifikasi, **pertanyaan apa tepatnya** yang akan Anda jawab?

Gap adalah masalah yang belum terjawab. RQ adalah **rumusan presisi** dari pertanyaan yang akan dijawab melalui eksperimen. Tanpa RQ yang tajam, eksperimen tidak punya arah.

---

## RQ Formation Model

*Pipeline dari Problem hingga RQ yang siap dieksperimenkan*

<div class="highlight-box">

**Problem** → Research Gap → Research Question → Hypothesis → **Experiment Design**

</div>

| Tahap | Output | Ciri Keberhasilan |
|-------|--------|------------------|
| **Problem** | Masalah yang teridentifikasi | Spesifik, terukur (dari Bab 2) |
| **Research Gap** | Celah di literatur | Jenis gap teridentifikasi (dari Bab 3) |
| **Research Question** | Pertanyaan eksplisit | Bisa dijawab melalui eksperimen |
| **Hypothesis** | H0 + H1 | Falsifiable, testable dengan statistik |
| **Experiment Design** | Blueprint eksperimen | Variabel terkontrol, baseline jelas |

> RQ bukan judul dalam bentuk tanya. RQ adalah **instrumen yang mengarahkan seluruh desain eksperimen**.

---

## Tiga Jenis Research Question

| Jenis RQ | Pertanyaan Template | Cocok Ketika |
|----------|-------------------|-------------|
| **Comparison** | "Seberapa besar perbedaan metode A vs B pada [metrik] untuk [konteks]?" | Ada dua+ pendekatan yang ingin dibandingkan |
| **Improvement** | "Sejauh mana modifikasi [X] meningkatkan [metrik] dibandingkan baseline?" | Ada celah performa yang ingin diisi |
| **Exploratory** | "Faktor apa yang paling berpengaruh terhadap [variabel] dalam [konteks]?" | Fenomena baru yang mekanismenya belum jelas |

**Contoh:**
- *Comparison:* "Seberapa besar perbedaan akurasi BERT vs IndoBERT dalam klasifikasi sentimen Bahasa Indonesia pada domain e-commerce?"
- *Improvement:* "Sejauh mana penambahan attention mechanism meningkatkan Recall pada model NER Bahasa Indonesia dibandingkan BiLSTM-CRF baseline?"
- *Exploratory:* "Faktor apa yang paling berpengaruh terhadap latensi inferensi model transformer pada perangkat edge (ARM Cortex-M7)?"

---

## Kriteria RQ yang Baik

**SMART + Testable:**

| Kriteria | Penjelasan | Contoh Gagal | Contoh Benar |
|----------|-----------|-------------|-------------|
| **Specific** | Satu masalah, satu konteks | "Bagaimana ML bekerja dalam bisnis?" | "Bagaimana XGBoost vs RF dalam fraud detection transaksi kartu kredit?" |
| **Measurable** | Ada metrik kuantitatif | "Apakah sistem lebih baik?" | "Apakah F1-score meningkat ≥ 5%?" |
| **Achievable** | Bisa dijawab dengan sumber daya yang ada | RQ butuh 10 tahun data | RQ bisa dijawab dalam 1 semester |
| **Relevant** | Terhubung ke gap yang teridentifikasi | RQ tidak ada gap-nya | RQ mengisi Method Gap yang jelas |
| **Testable** | Bisa diuji secara statistik | "Apakah AI itu berguna?" | "Apakah perbedaan signifikan (p<0.05)?" |

---

## Contribution Statement — Tiga Jenis

Setiap riset harus memiliki **contribution claim** yang eksplisit.

| Jenis Kontribusi | Definisi | Contoh Kalimat |
|-----------------|---------|---------------|
| **Improvement** | Meningkatkan performa metode yang sudah ada | "Riset ini meningkatkan Recall deteksi fraud dari 72% (baseline XGBoost) menjadi 89% melalui kombinasi SMOTE + cost-sensitive learning" |
| **Comparison** | Menyediakan perbandingan yang belum ada di konteks tertentu | "Riset ini menyediakan perbandingan komprehensif pertama antara 5 algoritma ML pada dataset transaksi perbankan syariah Indonesia" |
| **Novel Approach** | Metode atau kombinasi baru yang belum pernah digunakan | "Riset ini mengusulkan arsitektur hybrid CNN-Transformer dengan attention pruning untuk inferensi on-device dengan parameter 40% lebih sedikit" |

> Klaim "pertama di dunia" membutuhkan bukti dari systematic literature review yang ketat. Gunakan dengan hati-hati.

---

## Hipotesis: H0 dan H1

**H0 (Null Hypothesis):** tidak ada perbedaan / pengaruh signifikan antara kondisi yang dibandingkan

**H1 (Alternative Hypothesis):** ada perbedaan / pengaruh yang signifikan

**Syarat hipotesis yang valid:**
1. **Falsifiable** — bisa dibuktikan salah dengan data
2. **Testable** — bisa diuji dengan uji statistik yang tersedia
3. **Specific** — menyebutkan variabel, arah, dan ukuran efek yang diharapkan
4. **Grounded** — berdasarkan teori atau temuan literatur sebelumnya

**Contoh pair H0/H1:**
> **H0:** Penambahan *attention mechanism* pada BiLSTM tidak meningkatkan F1-score NER secara signifikan (p ≥ 0.05) dibandingkan BiLSTM baseline.
>
> **H1:** Penambahan *attention mechanism* pada BiLSTM meningkatkan F1-score NER secara signifikan (p < 0.05) dibandingkan BiLSTM baseline.

---

## RQ → Variable → Metric → Data → Analysis

*Rantai operasionalisasi yang tidak boleh putus*

<div class="highlight-box">

**RQ** → Independent Var → Dependent Var → Metric → Data Type → **Statistical Test**

</div>

**Contoh lengkap:**

| Elemen | Nilai |
|--------|-------|
| **RQ** | Sejauh mana SMOTE meningkatkan Recall dalam fraud detection? |
| **Independent Variable** | Teknik resampling: tanpa SMOTE vs dengan SMOTE |
| **Dependent Variable** | Kemampuan deteksi fraud |
| **Metric** | Recall, F2-score, AUC-ROC |
| **Data Type** | Ratio scale |
| **Statistical Test** | Paired t-test / Wilcoxon signed-rank |

> Jika satu elemen tidak terhubung ke elemen lainnya → construct validity rusak.

---

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

# Cognitive Traps
## Bab 4 — RQ & Hypothesis

---

## Cognitive Traps — Bab 4

**"RQ = judul penelitian dalam bentuk kalimat tanya"**
Judul bersifat deskriptif. RQ bersifat *operational* — ia mendefinisikan variabel, konteks, dan ukuran keberhasilan. "Bagaimana sistem deteksi fraud berbasis ML?" bukan RQ — tidak ada yang bisa dieksperimenkan.

**"RQ tidak perlu metric — yang penting pertanyaannya jelas"**
Tanpa metrik, tidak ada cara mengukur apakah RQ berhasil dijawab. RQ harus mengandung atau secara implisit mengarah ke ukuran kuantitatif.

**"RQ bisa dijawab tanpa eksperimen"**
Jika RQ bisa dijawab hanya dengan membaca buku atau teori, itu bukan RQ penelitian — itu pertanyaan studi literatur. RQ harus membutuhkan data empiris.

---

## Studi Kasus 1 — RQ Terlalu Umum (Basic)

**RQ awal:** *"Bagaimana deep learning dapat meningkatkan akurasi klasifikasi teks?"*

**Masalah:**
- Terlalu luas: "deep learning" (ratusan arsitektur), "teks" (semua domain), "akurasi" (metrik tunggal + imbalance risk)
- Tidak ada konteks spesifik
- Tidak ada baseline yang jelas
- Tidak bisa diuji dalam satu semester

**RQ yang diperbaiki:** *"Sejauh mana fine-tuning IndoBERT pada dataset review produk e-commerce berbahasa Indonesia meningkatkan F1-score klasifikasi sentimen dibandingkan baseline IndoBERT tanpa fine-tuning, dengan distribusi kelas yang seimbang?"*

**Perbaikan:** domain (e-commerce Indonesia), model spesifik (IndoBERT), metrik (F1-score), baseline (IndoBERT vanilla), kontrol (distribusi kelas).

---

## Studi Kasus 2 — RQ Tanpa Baseline (Advanced)

**Situasi:** Peneliti ingin meneliti "efektivitas GAN dalam augmentasi data medis." RQ: *"Apakah GAN dapat menghasilkan data medis sintetis yang berguna?"*

**Masalah:**
- Tidak ada baseline pembanding
- "Berguna" tidak terukur
- Tidak ada metrik kualitas data sintetis yang dispesifikkan
- Tidak ada uji hipotesis yang bisa dirancang

**RQ yang diperbaiki:**
*"Sejauh mana augmentasi data menggunakan StyleGAN2 meningkatkan F1-score klasifikasi pneumonia pada chest X-ray dibandingkan baseline tanpa augmentasi dan augmentasi tradisional (flip+rotation+brightness), diukur pada dataset ChestX-ray14 dengan split 70/15/15?"*

**Perbaikan:** Metode GAN spesifik, 2 baseline (tanpa augmentasi + augmentasi tradisional), metrik jelas, dataset dan split terdefinisi.

---

## Ringkasan Pertemuan 4

| Konsep | Inti |
|--------|------|
| RQ Formation | Problem → Gap → RQ → Hypothesis → Experiment Design |
| 3 Jenis RQ | Comparison · Improvement · Exploratory |
| Kriteria RQ | SMART + Testable + ada metrik kuantitatif |
| Contribution | Improvement / Comparison / Novel (pilih satu, klaim eksplisit) |
| H0/H1 | Null vs Alternative, falsifiable, testable, specific |
| Operasionalisasi | RQ → IndepVar → DepVar → Metric → DataType → StatTest |

---

## Final Statement & Output Praktis

<div class="final">
"Research Question bukan sekadar pertanyaan, tetapi blueprint dari eksperimen yang akan dilakukan."
</div>

### Output Praktis M4

Susun **3 dokumen akhir Fase Thinking**:

1. **Research Question** — 1 RQ yang memenuhi SMART+Testable, sesuai jenis (comparison/improvement/exploratory)
2. **Contribution Statement** — 1–2 kalimat eksplisit tentang kontribusi riset Anda
3. **Hipotesis** — H0 + H1 yang falsifiable, disertai StatTest yang direncanakan

*Ketiga dokumen ini + Problem Statement (M2) + Gap Statement (M3) = fondasi proposal riset Anda.*

---

## Referensi Utama — Bab 4

- Creswell, J. W., & Creswell, J. D. (2018). *Research design: Qualitative, quantitative, and mixed methods approaches* (5th ed.). SAGE Publications.

- Kitchenham, B. A., Pfleeger, S. L., Pickard, L. M., Jones, P. W., Hoaglin, D. C., El Emam, K., & Rosenberg, J. (2002). Preliminary guidelines for empirical research in software engineering. *IEEE Transactions on Software Engineering, 28*(8), 721–734.

- Runeson, P., & Höst, M. (2009). Guidelines for conducting and reporting case study research in software engineering. *Empirical Software Engineering, 14*(2), 131–164.

- Wohlin, C., Runeson, P., Höst, M., Ohlsson, M. C., Regnell, B., & Wesslén, A. (2012). *Experimentation in software engineering*. Springer.