{"id":546,"date":"2026-07-11T01:17:31","date_gmt":"2026-07-11T01:17:31","guid":{"rendered":"https:\/\/kimia-majateng.online\/wordpress\/?page_id=546"},"modified":"2026-07-21T09:48:16","modified_gmt":"2026-07-21T09:48:16","slug":"e-konten-hakikat-ilmu-kimia-2","status":"publish","type":"page","link":"https:\/\/kimia-majateng.online\/wordpress\/e-konten\/e-konten-hakikat-ilmu-kimia-2\/","title":{"rendered":"E-Konten Hakikat Ilmu Kimia"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"HAKIKAT ILMU KIMIA, PENGERTIAN DAN RUANG LINGKUP\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/EjOq6dVJ-Cg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kimia merupakan salah satu cabang Ilmu Pengetahuan Alam (IPA) yang mempelajari materi, yaitu segala sesuatu yang memiliki massa dan menempati ruang. Ilmu kimia tidak hanya mempelajari jenis-jenis materi, tetapi juga komposisi, struktur, sifat, perubahan, serta energi yang menyertai setiap perubahan tersebut. Melalui ilmu kimia, manusia dapat memahami mengapa suatu zat memiliki sifat tertentu, bagaimana zat dapat berubah menjadi zat lain, dan bagaimana perubahan tersebut dapat dimanfaatkan untuk meningkatkan kualitas kehidupan. Oleh karena itu, kimia dikenal sebagai central science atau ilmu pusat karena menghubungkan berbagai disiplin ilmu, seperti fisika, biologi, geologi, kedokteran, pertanian, farmasi, teknik, hingga ilmu lingkungan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Hakikat Ilmu Kimia \u2013 Pengertian &#038; Ruang Lingkup | Kimia SMA<\/title>\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    :root {\n      --indigo: #1a237e;\n      --indigo-light: #3949ab;\n      --indigo-dark: #0d1452;\n      --cyan: #00acc1;\n      --orange: #ef6c00;\n      --green: #2e7d32;\n      --pink: #c2185b;\n      --amber: #ff8f00;\n      --bg: #f0f2f8;\n      --card: #ffffff;\n      --text: #1a237e;\n      --body: #333;\n      --muted: #78909c;\n      --border: #c5cae9;\n      --shadow: 0 4px 22px rgba(26,35,126,0.10);\n      --radius: 16px;\n    }\n    body {\n      font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n      background: var(--bg);\n      color: var(--body);\n      line-height: 1.7;\n    }\n    .hk-wrapper {\n      max-width: 900px;\n      margin: 0 auto;\n      padding: 24px 16px 60px;\n    }\n\n    \/* HEADER *\/\n    .hk-header {\n      background: linear-gradient(135deg, var(--indigo-dark) 0%, var(--indigo) 45%, var(--indigo-light) 100%);\n      color: #fff;\n      border-radius: var(--radius);\n      padding: 40px 28px;\n      text-align: center;\n      margin-bottom: 32px;\n      box-shadow: 0 12px 32px rgba(26,35,126,0.28);\n      position: relative;\n      overflow: hidden;\n    }\n    .hk-header::before {\n      content: '';\n      position: absolute;\n      top: -60px; right: -60px;\n      width: 200px; height: 200px;\n      background: rgba(255,255,255,0.06);\n      border-radius: 50%;\n    }\n    .hk-header::after {\n      content: '';\n      position: absolute;\n      bottom: -40px; left: -40px;\n      width: 140px; height: 140px;\n      background: rgba(255,255,255,0.05);\n      border-radius: 50%;\n    }\n    .hk-header h1 {\n      font-size: 2.45rem;\n      font-weight: 800;\n      margin-bottom: 10px;\n      position: relative;\n      z-index: 1;\n    }\n    .hk-header p {\n      font-size: 1.47rem;\n      opacity: 0.92;\n      max-width: 560px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n    .hk-badge {\n      display: inline-block;\n      background: rgba(255,255,255,0.18);\n      padding: 5px 18px;\n      border-radius: 30px;\n      font-size: 1.15rem;\n      margin-top: 16px;\n      font-weight: 600;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* NAV *\/\n    .hk-nav {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      justify-content: center;\n      margin-bottom: 36px;\n    }\n    .hk-nav a {\n      text-decoration: none;\n      background: var(--card);\n      color: var(--indigo);\n      border: 1.5px solid var(--border);\n      padding: 7px 15px;\n      border-radius: 30px;\n      font-size: 1.18rem;\n      font-weight: 600;\n      transition: all 0.2s;\n    }\n    .hk-nav a:hover {\n      background: var(--indigo);\n      color: #fff;\n      border-color: var(--indigo);\n    }\n\n    \/* SECTION *\/\n    .hk-section {\n      background: var(--card);\n      border-radius: var(--radius);\n      padding: 28px 24px;\n      margin-bottom: 28px;\n      box-shadow: var(--shadow);\n      border: 1px solid var(--border);\n    }\n    .hk-section-header {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      margin-bottom: 16px;\n    }\n    .hk-icon {\n      width: 50px; height: 50px;\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 2.1rem;\n      flex-shrink: 0;\n    }\n    .hk-section h2 {\n      font-size: 1.79rem;\n      font-weight: 700;\n      color: var(--indigo-dark);\n    }\n    .hk-section h3 {\n      font-size: 1.47rem;\n      font-weight: 700;\n      color: var(--indigo-light);\n      margin: 18px 0 8px;\n    }\n    .hk-section p, .hk-section li {\n      font-size: 1.36rem;\n    }\n    .hk-section ul, .hk-section ol {\n      margin: 8px 0 12px 22px;\n    }\n    .hk-section li { margin-bottom: 5px; }\n\n    \/* HIGHLIGHT BOX *\/\n    .hk-highlight {\n      background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%);\n      border-left: 5px solid var(--indigo);\n      border-radius: 0 12px 12px 0;\n      padding: 16px 20px;\n      margin: 16px 0;\n      font-size: 1.43rem;\n      font-weight: 600;\n      color: var(--indigo-dark);\n      text-align: center;\n      line-height: 1.7;\n    }\n\n    \/* BOXES *\/\n    .hk-tip {\n      background: #e8f5e9;\n      border-left: 5px solid var(--green);\n      border-radius: 0 12px 12px 0;\n      padding: 14px 18px;\n      margin: 14px 0;\n      font-size: 1.30rem;\n    }\n    .hk-tip strong { color: var(--green); }\n\n    .hk-contoh {\n      background: #fff3e0;\n      border-left: 5px solid var(--orange);\n      border-radius: 0 12px 12px 0;\n      padding: 14px 18px;\n      margin: 14px 0;\n      font-size: 1.30rem;\n    }\n    .hk-contoh strong { color: var(--orange); display: block; margin-bottom: 4px; }\n\n    .hk-info {\n      background: #e0f7fa;\n      border-left: 5px solid var(--cyan);\n      border-radius: 0 12px 12px 0;\n      padding: 14px 18px;\n      margin: 14px 0;\n      font-size: 1.30rem;\n    }\n    .hk-info strong { color: var(--cyan); }\n\n    \/* CARDS GRID *\/\n    .hk-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 14px;\n      margin: 16px 0;\n    }\n    @media (max-width: 560px) {\n      .hk-grid { grid-template-columns: 1fr; }\n    }\n    .hk-card {\n      border-radius: 12px;\n      padding: 18px;\n      border: 1.5px solid var(--border);\n      transition: transform 0.2s, box-shadow 0.2s;\n    }\n    .hk-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 6px 18px rgba(0,0,0,0.08);\n    }\n    .hk-card h4 {\n      font-size: 1.37rem;\n      margin-bottom: 6px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    .hk-card p, .hk-card li {\n      font-size: 1.23rem;\n      color: #555;\n    }\n    .hk-card ul { margin: 6px 0 0 16px; }\n\n    \/* 3-COLUMN GRID *\/\n    .hk-grid-3 {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr;\n      gap: 12px;\n      margin: 16px 0;\n    }\n    @media (max-width: 640px) {\n      .hk-grid-3 { grid-template-columns: 1fr; }\n    }\n\n    \/* DIAGRAM *\/\n    .hk-diagram {\n      background: #e8eaf6;\n      border: 2px dashed var(--indigo-light);\n      border-radius: 12px;\n      padding: 22px 16px;\n      margin: 18px 0;\n      text-align: center;\n    }\n    .hk-diagram-title {\n      font-size: 1.19rem;\n      color: var(--muted);\n      margin-bottom: 14px;\n      font-style: italic;\n    }\n\n    \/* SCOPE TREE *\/\n    .hk-scope {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      justify-content: center;\n      margin: 16px 0;\n    }\n    .hk-scope-item {\n      background: var(--card);\n      border: 2px solid var(--indigo-light);\n      border-radius: 12px;\n      padding: 12px 16px;\n      text-align: center;\n      min-width: 130px;\n      transition: all 0.2s;\n    }\n    .hk-scope-item:hover {\n      background: var(--indigo);\n      color: #fff;\n      border-color: var(--indigo);\n    }\n    .hk-scope-item .emoji { font-size: 2.24rem; display: block; margin-bottom: 4px; }\n    .hk-scope-item .name { font-size: 1.19rem; font-weight: 700; }\n    .hk-scope-item .desc { font-size: 1.05rem; opacity: 0.8; margin-top: 2px; }\n\n    \/* TABLE *\/\n    .hk-table-wrap { overflow-x: auto; margin: 16px 0; }\n    .hk-table {\n      width: 100%;\n      border-collapse: collapse;\n      font-size: 1.26rem;\n    }\n    .hk-table th {\n      background: var(--indigo);\n      color: #fff;\n      padding: 11px 12px;\n      text-align: center;\n      font-weight: 600;\n    }\n    .hk-table td {\n      padding: 10px 12px;\n      border: 1px solid var(--border);\n      text-align: left;\n    }\n    .hk-table tr:nth-child(even) td { background: #e8eaf6; }\n    .hk-table tr:hover td { background: #c5cae9; }\n\n    \/* FOOTER *\/\n    .hk-footer {\n      text-align: center;\n      font-size: 1.15rem;\n      color: var(--muted);\n      margin-top: 20px;\n      padding-top: 16px;\n      border-top: 1px solid var(--border);\n    }\n\n    @media (max-width: 560px) {\n      .hk-header h1 { font-size: 1.89rem; }\n      .hk-section { padding: 20px 16px; }\n    }\n  <\/style>\n<\/head>\n<body>\n<div class=\"hk-wrapper\">\n\n  <!-- HEADER -->\n  <div class=\"hk-header\">\n    <h1>Hakikat Ilmu Kimia<\/h1>\n    <p>Pengertian, Hakikat, dan Ruang Lingkup Ilmu Kimia<\/p>\n    <span class=\"hk-badge\">Kimia SMA \u2022 Bab Pendahuluan<\/span>\n  <\/div>\n\n  <!-- NAV -->\n  <nav class=\"hk-nav\">\n    <a href=\"#pengertian\">Pengertian<\/a>\n    <a href=\"#hakikat\">Hakikat<\/a>\n    <a href=\"#ruang-lingkup\">Ruang Lingkup<\/a>\n    <a href=\"#cabang\">Cabang Ilmu<\/a>\n    <a href=\"#peran\">Peran dalam Kehidupan<\/a>\n    <a href=\"#metode\">Metode Ilmiah<\/a>\n  <\/nav>\n\n  <!-- 1. PENGERTIAN -->\n  <section class=\"hk-section\" id=\"pengertian\">\n    <div class=\"hk-section-header\">\n      <div class=\"hk-icon\" style=\"background:#e8eaf6;color:var(--indigo);\">\ud83d\udd2c<\/div>\n      <h2>1. Pengertian Ilmu Kimia<\/h2>\n    <\/div>\n\n    <div class=\"hk-highlight\">\n      Ilmu Kimia adalah ilmu yang mempelajari susunan, struktur, sifat, perubahan materi, serta energi yang menyertai perubahan tersebut.\n    <\/div>\n\n    <p>\n      Secara sederhana, kimia adalah ilmu tentang <strong>materi<\/strong> dan <strong>perubahannya<\/strong>.\n      Segala sesuatu yang memiliki massa dan menempati ruang disebut materi. Kimia mempelajari:\n    <\/p>\n    <ul>\n      <li><strong>Susunan<\/strong> \u2014 apa saja yang membentuk suatu zat<\/li>\n      <li><strong>Struktur<\/strong> \u2014 bagaimana atom dan molekul tersusun<\/li>\n      <li><strong>Sifat<\/strong> \u2014 karakteristik zat (warna, titik didih, kereaktifan, dll.)<\/li>\n      <li><strong>Perubahan<\/strong> \u2014 reaksi kimia yang terjadi<\/li>\n      <li><strong>Energi<\/strong> \u2014 kalor atau energi yang menyertai reaksi<\/li>\n    <\/ul>\n\n    <div class=\"hk-info\">\n      <strong>\ud83d\udca1 Asal kata:<\/strong> \u201cKimia\u201d berasal dari bahasa Arab <em>al-k\u012bmiy\u0101<\/em> (\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621),\n      yang kemudian diserap ke bahasa Eropa menjadi <em>chemistry<\/em>. Ilmu ini berkembang dari praktik alkimia zaman dahulu.\n    <\/div>\n  <\/section>\n\n  <!-- 2. HAKIKAT -->\n  <section class=\"hk-section\" id=\"hakikat\">\n    <div class=\"hk-section-header\">\n      <div class=\"hk-icon\" style=\"background:#fff3e0;color:var(--orange);\">\ud83d\udc8e<\/div>\n      <h2>2. Hakikat Ilmu Kimia<\/h2>\n    <\/div>\n    <p>\n      Sebagai bagian dari ilmu pengetahuan alam (IPA), ilmu kimia memiliki empat hakikat utama:\n    <\/p>\n\n    <div class=\"hk-grid\">\n      <div class=\"hk-card\" style=\"background:#e8eaf6;border-color:#9fa8da;\">\n        <h4 style=\"color:var(--indigo);\">\u2460 Sebagai Produk<\/h4>\n        <p>Berupa kumpulan fakta, konsep, prinsip, hukum, dan teori hasil penemuan ilmiah.<\/p>\n        <ul>\n          <li>Fakta: air mendidih pada 100 \u00b0C<\/li>\n          <li>Konsep: atom, molekul, ion<\/li>\n          <li>Hukum: Hukum Kekekalan Massa<\/li>\n          <li>Teori: Teori Atom Bohr<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"hk-card\" style=\"background:#e0f7fa;border-color:#80deea;\">\n        <h4 style=\"color:var(--cyan);\">\u2461 Sebagai Proses<\/h4>\n        <p>Cara ilmiah untuk memperoleh pengetahuan melalui metode ilmiah.<\/p>\n        <ul>\n          <li>Mengamati<\/li>\n          <li>Merumuskan masalah<\/li>\n          <li>Berhipotesis<\/li>\n          <li>Bereksperimen<\/li>\n          <li>Menyimpulkan<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"hk-card\" style=\"background:#e8f5e9;border-color:#a5d6a7;\">\n        <h4 style=\"color:var(--green);\">\u2462 Sebagai Sikap<\/h4>\n        <p>Nilai dan sikap ilmiah yang dikembangkan saat mempelajari kimia.<\/p>\n        <ul>\n          <li>Rasa ingin tahu<\/li>\n          <li>Jujur &#038; objektif<\/li>\n          <li>Teliti &#038; disiplin<\/li>\n          <li>Terbuka terhadap kritik<\/li>\n          <li>Bertanggung jawab<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"hk-card\" style=\"background:#fce4ec;border-color:#f48fb1;\">\n        <h4 style=\"color:var(--pink);\">\u2463 Sebagai Aplikasi<\/h4>\n        <p>Penerapan ilmu kimia untuk memecahkan masalah dan meningkatkan kualitas hidup.<\/p>\n        <ul>\n          <li>Obat-obatan<\/li>\n          <li>Pupuk &#038; pestisida<\/li>\n          <li>Bahan bakar<\/li>\n          <li>Material baru<\/li>\n          <li>Pengolahan limbah<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"hk-tip\">\n      <strong>\u2705 Kesimpulan:<\/strong> Ilmu kimia bukan hanya hafalan rumus, tetapi juga cara berpikir ilmiah,\n      sikap ilmiah, dan keterampilan menerapkan pengetahuan untuk kehidupan.\n    <\/div>\n  <\/section>\n\n  <!-- 3. RUANG LINGKUP -->\n  <section class=\"hk-section\" id=\"ruang-lingkup\">\n    <div class=\"hk-section-header\">\n      <div class=\"hk-icon\" style=\"background:#e0f7fa;color:var(--cyan);\">\ud83c\udf10<\/div>\n      <h2>3. Ruang Lingkup Ilmu Kimia<\/h2>\n    <\/div>\n    <p>\n      Ruang lingkup kimia sangat luas karena materi ada di mana-mana.\n      Secara umum, kimia mempelajari segala sesuatu yang berkaitan dengan <strong>materi dan perubahannya<\/strong>,\n      mulai dari skala atom hingga kehidupan sehari-hari dan industri.\n    <\/p>\n\n    <div class=\"hk-diagram\">\n      <div class=\"hk-diagram-title\">Skala Materi yang Dipelajari dalam Kimia<\/div>\n      <div style=\"display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;font-size:1.26rem;font-weight:600;color:var(--indigo-dark);\">\n        <span style=\"background:#c5cae9;padding:8px 14px;border-radius:10px;\">Atom<\/span>\n        <span>\u2192<\/span>\n        <span style=\"background:#9fa8da;padding:8px 14px;border-radius:10px;\">Molekul<\/span>\n        <span>\u2192<\/span>\n        <span style=\"background:#7986cb;padding:8px 14px;border-radius:10px;color:#fff;\">Senyawa<\/span>\n        <span>\u2192<\/span>\n        <span style=\"background:#5c6bc0;padding:8px 14px;border-radius:10px;color:#fff;\">Material<\/span>\n        <span>\u2192<\/span>\n        <span style=\"background:#3949ab;padding:8px 14px;border-radius:10px;color:#fff;\">Makhluk Hidup<\/span>\n        <span>\u2192<\/span>\n        <span style=\"background:#1a237e;padding:8px 14px;border-radius:10px;color:#fff;\">Lingkungan<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 4. CABANG ILMU KIMIA -->\n  <section class=\"hk-section\" id=\"cabang\">\n    <div class=\"hk-section-header\">\n      <div class=\"hk-icon\" style=\"background:#e8f5e9;color:var(--green);\">\ud83d\udcda<\/div>\n      <h2>4. Cabang-cabang Ilmu Kimia<\/h2>\n    <\/div>\n    <p>Ilmu kimia berkembang menjadi berbagai cabang khusus. Berikut cabang utama:<\/p>\n\n    <div class=\"hk-scope\">\n      <div class=\"hk-scope-item\">\n        <span class=\"emoji\">\ud83c\udf3f<\/span>\n        <div class=\"name\">Kimia Organik<\/div>\n        <div class=\"desc\">Senyawa karbon<\/div>\n      <\/div>\n      <div class=\"hk-scope-item\">\n        <span class=\"emoji\">\u2699\ufe0f<\/span>\n        <div class=\"name\">Kimia Anorganik<\/div>\n        <div class=\"desc\">Unsur &#038; senyawa nonkarbon<\/div>\n      <\/div>\n      <div class=\"hk-scope-item\">\n        <span class=\"emoji\">\u26a1<\/span>\n        <div class=\"name\">Kimia Fisik<\/div>\n        <div class=\"desc\">Energi, laju, kesetimbangan<\/div>\n      <\/div>\n      <div class=\"hk-scope-item\">\n        <span class=\"emoji\">\ud83d\udd0e<\/span>\n        <div class=\"name\">Kimia Analitik<\/div>\n        <div class=\"desc\">Identifikasi &#038; kadar zat<\/div>\n      <\/div>\n      <div class=\"hk-scope-item\">\n        <span class=\"emoji\">\ud83e\uddec<\/span>\n        <div class=\"name\">Biokimia<\/div>\n        <div class=\"desc\">Proses kimia dalam tubuh<\/div>\n      <\/div>\n      <div class=\"hk-scope-item\">\n        <span class=\"emoji\">\ud83c\udfed<\/span>\n        <div class=\"name\">Kimia Industri<\/div>\n        <div class=\"desc\">Proses produksi skala besar<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"hk-table-wrap\">\n      <table class=\"hk-table\">\n        <thead>\n          <tr>\n            <th>Cabang<\/th>\n            <th>Fokus Kajian<\/th>\n            <th>Contoh Penerapan<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td><strong>Kimia Organik<\/strong><\/td>\n            <td>Senyawa yang mengandung karbon (kecuali CO, CO\u2082, karbonat)<\/td>\n            <td>Plastik, obat, bahan bakar, polimer<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Kimia Anorganik<\/strong><\/td>\n            <td>Unsur dan senyawa di luar kimia organik<\/td>\n            <td>Pupuk, keramik, logam, asam-basa mineral<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Kimia Fisik<\/strong><\/td>\n            <td>Hubungan fisika dan kimia (energi, laju, kesetimbangan)<\/td>\n            <td>Termokimia, elektrokimia, kinetika<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Kimia Analitik<\/strong><\/td>\n            <td>Pemisahan, identifikasi, dan penentuan kadar zat<\/td>\n            <td>Uji kualitas air, analisis makanan, forensik<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Biokimia<\/strong><\/td>\n            <td>Proses kimia dalam makhluk hidup<\/td>\n            <td>Enzim, DNA, metabolisme, farmasi<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Kimia Lingkungan<\/strong><\/td>\n            <td>Interaksi zat kimia dengan lingkungan<\/td>\n            <td>Pencemaran, pengolahan limbah, green chemistry<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/section>\n\n  <!-- 5. PERAN DALAM KEHIDUPAN -->\n  <section class=\"hk-section\" id=\"peran\">\n    <div class=\"hk-section-header\">\n      <div class=\"hk-icon\" style=\"background:#fce4ec;color:var(--pink);\">\ud83c\udf0d<\/div>\n      <h2>5. Peran Ilmu Kimia dalam Kehidupan<\/h2>\n    <\/div>\n    <p>Ilmu kimia sangat dekat dengan kehidupan sehari-hari. Berikut beberapa perannya:<\/p>\n\n    <div class=\"hk-grid-3\">\n      <div class=\"hk-card\" style=\"background:#e8f5e9;border-color:#a5d6a7;text-align:center;\">\n        <div style=\"font-size:2.8rem;margin-bottom:8px;\">\ud83d\udc8a<\/div>\n        <h4 style=\"color:var(--green);justify-content:center;\">Kesehatan<\/h4>\n        <p>Obat-obatan, vitamin, antibiotik, vaksin, bahan medis<\/p>\n      <\/div>\n      <div class=\"hk-card\" style=\"background:#fff3e0;border-color:#ffcc80;text-align:center;\">\n        <div style=\"font-size:2.8rem;margin-bottom:8px;\">\ud83c\udf3e<\/div>\n        <h4 style=\"color:var(--orange);justify-content:center;\">Pertanian<\/h4>\n        <p>Pupuk, pestisida, herbisida, pengawet hasil panen<\/p>\n      <\/div>\n      <div class=\"hk-card\" style=\"background:#e0f7fa;border-color:#80deea;text-align:center;\">\n        <div style=\"font-size:2.8rem;margin-bottom:8px;\">\ud83d\udd0b<\/div>\n        <h4 style=\"color:var(--cyan);justify-content:center;\">Energi<\/h4>\n        <p>Bahan bakar, baterai, sel surya, biofuel<\/p>\n      <\/div>\n      <div class=\"hk-card\" style=\"background:#e8eaf6;border-color:#9fa8da;text-align:center;\">\n        <div style=\"font-size:2.8rem;margin-bottom:8px;\">\ud83c\udfd7\ufe0f<\/div>\n        <h4 style=\"color:var(--indigo);justify-content:center;\">Material<\/h4>\n        <p>Semen, plastik, kaca, logam, tekstil, cat<\/p>\n      <\/div>\n      <div class=\"hk-card\" style=\"background:#fce4ec;border-color:#f48fb1;text-align:center;\">\n        <div style=\"font-size:2.8rem;margin-bottom:8px;\">\ud83c\udf54<\/div>\n        <h4 style=\"color:var(--pink);justify-content:center;\">Pangan<\/h4>\n        <p>Pengawet, pewarna, perisa, fortifikasi gizi<\/p>\n      <\/div>\n      <div class=\"hk-card\" style=\"background:#f3e5f5;border-color:#ce93d8;text-align:center;\">\n        <div style=\"font-size:2.8rem;margin-bottom:8px;\">\u267b\ufe0f<\/div>\n        <h4 style=\"color:#7b1fa2;justify-content:center;\">Lingkungan<\/h4>\n        <p>Pengolahan limbah, daur ulang, deteksi polusi<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"hk-contoh\">\n      <strong>\ud83d\udcdd Tahukah kamu?<\/strong>\n      Sabun, pasta gigi, detergen, hand sanitizer, baterai HP, dan bahkan layar smartphone-mu\n      semuanya adalah hasil penerapan ilmu kimia!\n    <\/div>\n  <\/section>\n\n  <!-- 6. METODE ILMIAH -->\n  <section class=\"hk-section\" id=\"metode\">\n    <div class=\"hk-section-header\">\n      <div class=\"hk-icon\" style=\"background:#e8eaf6;color:var(--indigo);\">\ud83d\udd04<\/div>\n      <h2>6. Metode Ilmiah dalam Kimia<\/h2>\n    <\/div>\n    <p>\n      Ilmu kimia diperoleh dan dikembangkan melalui <strong>metode ilmiah<\/strong>.\n      Langkah-langkahnya secara umum:\n    <\/p>\n\n    <div class=\"hk-diagram\">\n      <div class=\"hk-diagram-title\">Alur Metode Ilmiah<\/div>\n      <div style=\"display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;font-size:1.23rem;font-weight:600;\">\n        <span style=\"background:#1a237e;color:#fff;padding:10px 14px;border-radius:10px;\">1. Observasi<\/span>\n        <span style=\"color:var(--indigo);\">\u2192<\/span>\n        <span style=\"background:#283593;color:#fff;padding:10px 14px;border-radius:10px;\">2. Rumusan Masalah<\/span>\n        <span style=\"color:var(--indigo);\">\u2192<\/span>\n        <span style=\"background:#303f9f;color:#fff;padding:10px 14px;border-radius:10px;\">3. Hipotesis<\/span>\n        <span style=\"color:var(--indigo);\">\u2192<\/span>\n        <span style=\"background:#3949ab;color:#fff;padding:10px 14px;border-radius:10px;\">4. Eksperimen<\/span>\n        <span style=\"color:var(--indigo);\">\u2192<\/span>\n        <span style=\"background:#5c6bc0;color:#fff;padding:10px 14px;border-radius:10px;\">5. Analisis Data<\/span>\n        <span style=\"color:var(--indigo);\">\u2192<\/span>\n        <span style=\"background:#7986cb;color:#fff;padding:10px 14px;border-radius:10px;\">6. Kesimpulan<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"hk-tip\">\n      <strong>\u2705 Sikap ilmiah yang harus dimiliki:<\/strong>\n      rasa ingin tahu, jujur, teliti, objektif, kritis, terbuka, dan bertanggung jawab.\n    <\/div>\n  <\/section>\n\n  <!-- RINGKASAN CEPAT -->\n  <section class=\"hk-section\">\n    <div class=\"hk-section-header\">\n      <div class=\"hk-icon\" style=\"background:#e8eaf6;color:var(--indigo);\">\u2705<\/div>\n      <h2>Ringkasan Cepat<\/h2>\n    <\/div>\n    <div class=\"hk-table-wrap\">\n      <table class=\"hk-table\">\n        <thead>\n          <tr>\n            <th>Aspek<\/th>\n            <th>Inti yang Harus Diingat<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td><strong>Pengertian<\/strong><\/td>\n            <td>Ilmu yang mempelajari susunan, struktur, sifat, perubahan materi, dan energinya<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Hakikat<\/strong><\/td>\n            <td>Sebagai produk, proses, sikap, dan aplikasi<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Ruang Lingkup<\/strong><\/td>\n            <td>Segala sesuatu tentang materi dari atom hingga lingkungan<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Cabang Utama<\/strong><\/td>\n            <td>Organik, Anorganik, Fisik, Analitik, Biokimia, Industri, Lingkungan<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Peran<\/strong><\/td>\n            <td>Kesehatan, pertanian, energi, material, pangan, lingkungan<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Metode Ilmiah<\/strong><\/td>\n            <td>Observasi \u2192 Masalah \u2192 Hipotesis \u2192 Eksperimen \u2192 Analisis \u2192 Kesimpulan<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER -->\n  <div class=\"hk-footer\">\n    Ringkasan Hakikat Ilmu Kimia \u2013 Pengertian &#038; Ruang Lingkup<br>\n    Kimia SMA \u2022 Siap digunakan di WordPress (salin ke blok Custom HTML)\n  <\/div>\n\n<\/div>\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Kuis Interaktif \u2013 Hakikat Ilmu Kimia<\/title>\n  <style>\n    :root {\n      --primary: #1a237e;\n      --primary-light: #3949ab;\n      --accent: #27ae60;\n      --accent-dark: #1e8449;\n      --warning: #e67e22;\n      --danger: #c0392b;\n      --bg: #f0f2f8;\n      --card: #ffffff;\n      --text: #2c3e50;\n      --muted: #7f8c8d;\n      --border: #c5cae9;\n      --correct-bg: #e8f8f0;\n      --wrong-bg: #fdedec;\n    }\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n    body { font-family: 'Segoe UI', system-ui, sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; padding: 20px 12px 60px; }\n    .quiz-container { max-width: 840px; margin: 0 auto; }\n    .quiz-header {\n      background: linear-gradient(135deg, var(--primary), var(--primary-light));\n      color: #fff; border-radius: 16px; padding: 28px 24px; text-align: center; margin-bottom: 24px;\n      box-shadow: 0 8px 24px rgba(26,35,126,0.25);\n    }\n    .quiz-header h1 { font-size: 1.45rem; font-weight: 700; margin-bottom: 6px; }\n    .quiz-header p { font-size: 0.95rem; opacity: 0.9; }\n    .quiz-badge { display: inline-block; background: rgba(255,255,255,0.2); padding: 4px 14px; border-radius: 20px; font-size: 0.8rem; margin-top: 10px; }\n    .petunjuk { background: #fff8e7; border-left: 5px solid var(--warning); border-radius: 0 12px 12px 0; padding: 16px 18px; margin-bottom: 28px; font-size: 0.92rem; }\n    .petunjuk strong { color: #b9770e; }\n    .petunjuk ul { margin: 8px 0 0 18px; }\n    .progress-text { text-align: center; font-size: 0.85rem; color: var(--muted); margin-bottom: 8px; }\n    .progress-bar-wrap { background: var(--border); border-radius: 10px; height: 10px; margin-bottom: 28px; overflow: hidden; }\n    .progress-bar { height: 100%; background: linear-gradient(90deg, var(--primary-light), var(--accent)); width: 0%; transition: width 0.4s; border-radius: 10px; }\n    .soal-card { background: var(--card); border-radius: 14px; padding: 22px 20px 18px; margin-bottom: 20px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); border: 1px solid var(--border); }\n    .soal-card.answered-correct { border-color: var(--accent); background: var(--correct-bg); }\n    .soal-card.answered-wrong { border-color: var(--danger); background: var(--wrong-bg); }\n    .soal-nomor { display: inline-block; background: var(--primary); color: #fff; font-size: 0.8rem; font-weight: 700; padding: 3px 12px; border-radius: 20px; margin-bottom: 10px; }\n    .soal-pertanyaan { font-size: 1.02rem; font-weight: 600; margin-bottom: 14px; }\n    .soal-ilustrasi { margin: 12px 0 16px; overflow-x: auto; }\n    .soal-ilustrasi table { width: 100%; border-collapse: collapse; font-size: 0.9rem; background: #e8eaf6; }\n    .soal-ilustrasi th, .soal-ilustrasi td { border: 1px solid #9fa8da; padding: 8px 10px; text-align: center; }\n    .soal-ilustrasi th { background: var(--primary); color: #fff; font-weight: 600; }\n    .soal-ilustrasi caption { font-size: 0.85rem; color: var(--muted); margin-bottom: 6px; font-style: italic; }\n    .diagram-box { background: #e8eaf6; border: 1px dashed var(--primary-light); border-radius: 10px; padding: 14px; text-align: center; font-family: 'Courier New', monospace; font-size: 0.9rem; margin: 12px 0 16px; white-space: pre-line; }\n    .pilihan-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; margin-bottom: 6px; border-radius: 10px; border: 1.5px solid var(--border); cursor: pointer; transition: background 0.2s; user-select: none; }\n    .pilihan-item:hover { background: #e8eaf6; border-color: var(--primary-light); }\n    .pilihan-item input[type=\"checkbox\"] { margin-top: 3px; width: 18px; height: 18px; accent-color: var(--primary); flex-shrink: 0; cursor: pointer; }\n    .pilihan-item .huruf { font-weight: 700; color: var(--primary); min-width: 22px; }\n    .pilihan-item .teks { flex: 1; font-size: 0.95rem; }\n    .feedback { display: none; margin-top: 12px; padding: 10px 14px; border-radius: 8px; font-size: 0.9rem; font-weight: 600; }\n    .feedback.show { display: block; }\n    .feedback.benar { background: #d5f5e3; color: var(--accent-dark); }\n    .feedback.salah { background: #fadbd8; color: var(--danger); }\n    .feedback .kunci-text { font-weight: 400; margin-top: 4px; font-size: 0.85rem; }\n    .btn-area { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 32px 0 20px; }\n    .btn { padding: 13px 32px; border: none; border-radius: 10px; font-size: 1rem; font-weight: 700; cursor: pointer; font-family: inherit; transition: transform 0.15s, background 0.2s; }\n    .btn:active { transform: scale(0.97); }\n    .btn-check { background: var(--primary); color: #fff; box-shadow: 0 4px 14px rgba(26,35,126,0.3); }\n    .btn-check:hover { background: #0d1452; }\n    .btn-reset { background: #ecf0f1; color: var(--text); }\n    .btn-reset:hover { background: #d5dbdb; }\n    .hasil-box { display: none; background: var(--card); border-radius: 16px; padding: 28px 24px; text-align: center; margin-bottom: 28px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); border: 2px solid var(--primary-light); }\n    .hasil-box.show { display: block; animation: fadeIn 0.5s ease; }\n    @keyframes fadeIn { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } }\n    .hasil-score { font-size: 3rem; font-weight: 800; color: var(--primary); line-height: 1.1; }\n    .hasil-label { font-size: 1.1rem; color: var(--muted); margin-bottom: 8px; }\n    .hasil-pesan { font-size: 1.05rem; margin-top: 12px; font-weight: 600; }\n    .hasil-detail { margin-top: 16px; font-size: 0.9rem; color: var(--muted); }\n    .quiz-footer { text-align: center; font-size: 0.8rem; color: var(--muted); margin-top: 30px; padding-top: 16px; border-top: 1px solid var(--border); }\n    @media (max-width: 560px) { .quiz-header h1 { font-size: 1.2rem; } .soal-card { padding: 16px 14px; } .btn { width: 100%; } }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"quiz-container\">\n    <div class=\"quiz-header\">\n      <h1>Kuis Interaktif<\/h1>\n      <p>Hakikat Ilmu Kimia, Pengertian dan Ruang Lingkup<\/p>\n      <span class=\"quiz-badge\">Kelas X\/XI \u2022 15 Soal \u2022 Pilihan Ganda Kompleks<\/span>\n    <\/div>\n    <div class=\"petunjuk\">\n      <strong>Petunjuk Pengerjaan<\/strong>\n      <ul>\n        <li>Setiap soal memiliki <strong>satu, dua, atau tiga<\/strong> jawaban yang benar.<\/li>\n        <li>Centang semua pilihan (A\u2013E) yang menurut Anda benar.<\/li>\n        <li>Beberapa soal dilengkapi tabel untuk membantu analisis.<\/li>\n        <li>Setelah selesai, klik tombol <strong>Periksa Jawaban<\/strong>.<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"progress-text\" id=\"progressText\">0 dari 15 soal terjawab<\/div>\n    <div class=\"progress-bar-wrap\"><div class=\"progress-bar\" id=\"progressBar\"><\/div><\/div>\n    <div class=\"hasil-box\" id=\"hasilBox\">\n      <div class=\"hasil-label\">Skor Anda<\/div>\n      <div class=\"hasil-score\" id=\"hasilScore\">0\/15<\/div>\n      <div class=\"hasil-pesan\" id=\"hasilPesan\"><\/div>\n      <div class=\"hasil-detail\" id=\"hasilDetail\"><\/div>\n    <\/div>\n    <div id=\"soalContainer\"><\/div>\n    <div class=\"btn-area\">\n      <button class=\"btn btn-check\" id=\"btnCheck\" onclick=\"periksaJawaban()\">Periksa Jawaban<\/button>\n      <button class=\"btn btn-reset\" id=\"btnReset\" onclick=\"resetKuis()\">Ulangi Kuis<\/button>\n    <\/div>\n    <div class=\"quiz-footer\">Materi: Hakikat Ilmu Kimia \u2013 Modul Kimia SMA<\/div>\n  <\/div>\n  <script>\n    const soalData = [\n      { \/\/ 1 \u2192 A, C, E\n        id: 1,\n        pertanyaan: \"Manakah pernyataan yang benar mengenai pengertian ilmu kimia?\",\n        ilustrasi: null,\n        pilihan: [\n          \"Ilmu kimia mempelajari susunan, struktur, sifat, dan perubahan materi\",\n          \"Ilmu kimia hanya mempelajari makhluk hidup dan lingkungannya\",\n          \"Ilmu kimia juga mempelajari energi yang menyertai perubahan materi\",\n          \"Ilmu kimia tidak berhubungan dengan fisika sama sekali\",\n          \"Materi adalah segala sesuatu yang memiliki massa dan menempati ruang\"\n        ],\n        kunci: [0, 2, 4]\n      },\n      { \/\/ 2 \u2192 B, D\n        id: 2,\n        pertanyaan: \"Hakikat ilmu kimia sebagai produk ilmiah meliputi hal-hal berikut, kecuali?\",\n        ilustrasi: null,\n        pilihan: [\n          \"Kumpulan fakta hasil pengamatan\",\n          \"Sikap jujur dan rasa ingin tahu peneliti\",\n          \"Konsep dan prinsip yang telah teruji\",\n          \"Proses melakukan eksperimen di laboratorium\",\n          \"Hukum dan teori yang menjelaskan fenomena alam\"\n        ],\n        kunci: [1, 3]\n      },\n      { \/\/ 3 \u2192 A, B, D\n        id: 3,\n        pertanyaan: \"Manakah yang termasuk hakikat ilmu kimia sebagai proses?\",\n        ilustrasi: null,\n        pilihan: [\n          \"Melakukan observasi terhadap suatu gejala alam\",\n          \"Merumuskan hipotesis berdasarkan data awal\",\n          \"Menghafal tabel periodik unsur secara lengkap\",\n          \"Melakukan eksperimen untuk menguji hipotesis\",\n          \"Menerima semua pendapat tanpa pembuktian\"\n        ],\n        kunci: [0, 1, 3]\n      },\n      { \/\/ 4 \u2192 A, C, E\n        id: 4,\n        pertanyaan: \"Manakah sikap ilmiah yang harus dimiliki saat mempelajari ilmu kimia?\",\n        ilustrasi: null,\n        pilihan: [\n          \"Rasa ingin tahu yang tinggi terhadap fenomena alam\",\n          \"Menolak semua hasil penelitian orang lain\",\n          \"Bersikap jujur dan objektif dalam mencatat data\",\n          \"Memanipulasi data agar sesuai dengan hipotesis\",\n          \"Terbuka terhadap kritik dan saran dari orang lain\"\n        ],\n        kunci: [0, 2, 4]\n      },\n      { \/\/ 5 \u2192 B, C, E\n        id: 5,\n        pertanyaan: \"Berdasarkan ruang lingkupnya, ilmu kimia mempelajari materi pada skala berikut.\",\n        ilustrasi: `<div class=\"diagram-box\">Atom \u2192 Molekul \u2192 Senyawa \u2192 Material \u2192 Makhluk Hidup \u2192 Lingkungan<\/div>`,\n        pilihan: [\n          \"Kimia hanya mempelajari atom dan molekul saja\",\n          \"Kimia mencakup kajian dari tingkat atom hingga lingkungan\",\n          \"Perubahan materi di dalam tubuh makhluk hidup termasuk biokimia\",\n          \"Lingkungan tidak termasuk ruang lingkup ilmu kimia\",\n          \"Sifat dan struktur material juga menjadi objek kajian kimia\"\n        ],\n        kunci: [1, 2, 4]\n      },\n      { \/\/ 6 \u2192 A, D\n        id: 6,\n        pertanyaan: \"Manakah yang merupakan cabang ilmu kimia beserta fokus kajiannya yang tepat?\",\n        ilustrasi: null,\n        pilihan: [\n          \"Kimia organik mempelajari senyawa yang mengandung karbon\",\n          \"Kimia anorganik hanya mempelajari gas mulia\",\n          \"Biokimia mempelajari proses kimia di luar makhluk hidup\",\n          \"Kimia analitik berfokus pada identifikasi dan penentuan kadar zat\",\n          \"Kimia fisik tidak berhubungan dengan energi sama sekali\"\n        ],\n        kunci: [0, 3]\n      },\n      { \/\/ 7 \u2192 A, B, E\n        id: 7,\n        pertanyaan: \"Perhatikan tabel cabang ilmu kimia berikut. Manakah pasangan yang benar?\",\n        ilustrasi: `<div class=\"soal-ilustrasi\">\n          <table>\n            <caption>Cabang Ilmu Kimia<\/caption>\n            <tr><th>Cabang<\/th><th>Fokus Kajian<\/th><\/tr>\n            <tr><td>Kimia Organik<\/td><td>Senyawa karbon<\/td><\/tr>\n            <tr><td>Kimia Fisik<\/td><td>Energi, laju, kesetimbangan<\/td><\/tr>\n            <tr><td>Biokimia<\/td><td>Proses kimia dalam tubuh<\/td><\/tr>\n          <\/table>\n        <\/div>`,\n        pilihan: [\n          \"Kimia organik memang berfokus pada senyawa karbon\",\n          \"Kimia fisik mengkaji hubungan fisika dan kimia\",\n          \"Biokimia hanya mempelajari tumbuhan saja\",\n          \"Semua cabang di tabel memiliki fokus yang salah\",\n          \"Ketiga cabang tersebut merupakan bagian dari ilmu kimia\"\n        ],\n        kunci: [0, 1, 4]\n      },\n      { \/\/ 8 \u2192 B, D, E\n        id: 8,\n        pertanyaan: \"Manakah contoh penerapan ilmu kimia dalam bidang kesehatan?\",\n        ilustrasi: null,\n        pilihan: [\n          \"Pembuatan pupuk urea untuk tanaman\",\n          \"Pengembangan obat-obatan dan antibiotik\",\n          \"Pembuatan aspal untuk jalan raya\",\n          \"Produksi vaksin dan bahan medis\",\n          \"Sintesis vitamin dan suplemen gizi\"\n        ],\n        kunci: [1, 3, 4]\n      },\n      { \/\/ 9 \u2192 A, C, D\n        id: 9,\n        pertanyaan: \"Manakah yang merupakan langkah-langkah metode ilmiah yang benar?\",\n        ilustrasi: null,\n        pilihan: [\n          \"Observasi \u2192 rumusan masalah \u2192 hipotesis \u2192 eksperimen\",\n          \"Langsung membuat kesimpulan tanpa data\",\n          \"Analisis data dilakukan setelah eksperimen\",\n          \"Kesimpulan ditarik berdasarkan data hasil eksperimen\",\n          \"Hipotesis tidak perlu diuji melalui percobaan\"\n        ],\n        kunci: [0, 2, 3]\n      },\n      { \/\/ 10 \u2192 A, B, D\n        id: 10,\n        pertanyaan: \"Ilmu kimia berperan penting dalam berbagai bidang kehidupan. Manakah pernyataan yang tepat?\",\n        ilustrasi: null,\n        pilihan: [\n          \"Dalam pertanian, kimia menghasilkan pupuk dan pestisida\",\n          \"Dalam energi, kimia berperan pada baterai dan bahan bakar\",\n          \"Kimia tidak berperan sama sekali dalam bidang pangan\",\n          \"Pengolahan limbah memanfaatkan prinsip kimia lingkungan\",\n          \"Material bangunan seperti semen dan plastik bukan hasil kimia\"\n        ],\n        kunci: [0, 1, 3]\n      },\n      { \/\/ 11 \u2192 B, C, E\n        id: 11,\n        pertanyaan: \"Manakah yang membedakan ilmu kimia sebagai produk dengan ilmu kimia sebagai sikap?\",\n        ilustrasi: null,\n        pilihan: [\n          \"Keduanya sama-sama berupa kumpulan teori saja\",\n          \"Produk berupa fakta, konsep, hukum, dan teori\",\n          \"Sikap berupa nilai seperti jujur, teliti, dan objektif\",\n          \"Sikap ilmiah tidak diperlukan dalam penelitian kimia\",\n          \"Produk adalah hasil, sedangkan sikap adalah karakter peneliti\"\n        ],\n        kunci: [1, 2, 4]\n      },\n      { \/\/ 12 \u2192 A, C\n        id: 12,\n        pertanyaan: \"Mengapa ilmu kimia disebut sebagai ilmu yang sangat dekat dengan kehidupan sehari-hari?\",\n        ilustrasi: null,\n        pilihan: [\n          \"Hampir semua benda di sekitar kita merupakan hasil penerapan kimia\",\n          \"Kimia hanya dipelajari di laboratorium dan tidak relevan di rumah\",\n          \"Sabun, obat, plastik, dan makanan melibatkan proses kimia\",\n          \"Kimia tidak berhubungan dengan teknologi modern\",\n          \"Manusia tidak membutuhkan kimia untuk bertahan hidup\"\n        ],\n        kunci: [0, 2]\n      },\n      { \/\/ 13 \u2192 A, B, E\n        id: 13,\n        pertanyaan: \"Manakah pernyataan yang benar tentang cabang kimia analitik?\",\n        ilustrasi: null,\n        pilihan: [\n          \"Kimia analitik digunakan untuk menentukan kadar suatu zat\",\n          \"Analisis kualitatif mengidentifikasi jenis zat yang ada\",\n          \"Kimia analitik hanya mempelajari reaksi pembakaran\",\n          \"Analisis kuantitatif tidak memerlukan alat ukur sama sekali\",\n          \"Contoh penerapan: uji kualitas air dan analisis makanan\"\n        ],\n        kunci: [0, 1, 4]\n      },\n      { \/\/ 14 \u2192 A, C, D\n        id: 14,\n        pertanyaan: \"Perhatikan data penerapan kimia berikut. Manakah yang benar?\",\n        ilustrasi: `<div class=\"soal-ilustrasi\">\n          <table>\n            <caption>Penerapan Ilmu Kimia<\/caption>\n            <tr><th>Bidang<\/th><th>Contoh Penerapan<\/th><\/tr>\n            <tr><td>Kesehatan<\/td><td>Obat & vaksin<\/td><\/tr>\n            <tr><td>Lingkungan<\/td><td>Pengolahan limbah<\/td><\/tr>\n            <tr><td>Energi<\/td><td>Baterai & biofuel<\/td><\/tr>\n          <\/table>\n        <\/div>`,\n        pilihan: [\n          \"Ketiga bidang di atas memanfaatkan prinsip ilmu kimia\",\n          \"Pengolahan limbah tidak membutuhkan pengetahuan kimia\",\n          \"Pengembangan baterai melibatkan kimia fisik dan elektrokimia\",\n          \"Obat-obatan merupakan hasil penelitian kimia organik dan biokimia\",\n          \"Ilmu kimia hanya berguna di laboratorium sekolah\"\n        ],\n        kunci: [0, 2, 3]\n      },\n      { \/\/ 15 \u2192 B, D, E\n        id: 15,\n        pertanyaan: \"Manakah yang merupakan tujuan mempelajari hakikat dan ruang lingkup ilmu kimia?\",\n        ilustrasi: null,\n        pilihan: [\n          \"Hanya untuk menghafal rumus-rumus kimia\",\n          \"Memahami bahwa kimia adalah produk, proses, sikap, dan aplikasi\",\n          \"Mengabaikan sikap ilmiah karena tidak penting\",\n          \"Mengenali cabang-cabang kimia dan peranannya dalam kehidupan\",\n          \"Mengembangkan cara berpikir ilmiah dan rasa ingin tahu\"\n        ],\n        kunci: [1, 3, 4]\n      }\n    ];\n\n    const huruf = ['A','B','C','D','E'];\n\n    function renderSoal() {\n      const c = document.getElementById('soalContainer');\n      c.innerHTML = '';\n      soalData.forEach(s => {\n        const card = document.createElement('div');\n        card.className = 'soal-card';\n        card.id = 'soal-' + s.id;\n        let ph = '';\n        s.pilihan.forEach((t,i) => {\n          ph += '<label class=\"pilihan-item\"><input type=\"checkbox\" name=\"soal'+s.id+'\" value=\"'+i+'\" onchange=\"updateProgress()\"><span class=\"huruf\">'+huruf[i]+'.<\/span><span class=\"teks\">'+t+'<\/span><\/label>';\n        });\n        card.innerHTML = '<span class=\"soal-nomor\">Soal '+s.id+'<\/span><div class=\"soal-pertanyaan\">'+s.pertanyaan+'<\/div>'+(s.ilustrasi||'')+'<div class=\"pilihan-list\">'+ph+'<\/div><div class=\"feedback\" id=\"feedback-'+s.id+'\"><\/div>';\n        c.appendChild(card);\n      });\n    }\n\n    function updateProgress() {\n      let n = 0;\n      soalData.forEach(s => { if (document.querySelectorAll('input[name=\"soal'+s.id+'\"]:checked').length > 0) n++; });\n      document.getElementById('progressBar').style.width = (n\/15*100)+'%';\n      document.getElementById('progressText').textContent = n + ' dari 15 soal terjawab';\n    }\n\n    function periksaJawaban() {\n      let benar = 0;\n      soalData.forEach(s => {\n        const card = document.getElementById('soal-'+s.id);\n        const fb = document.getElementById('feedback-'+s.id);\n        const checked = Array.from(document.querySelectorAll('input[name=\"soal'+s.id+'\"]:checked')).map(e => parseInt(e.value)).sort((a,b)=>a-b);\n        const kunci = [...s.kunci].sort((a,b)=>a-b);\n        const ok = checked.length === kunci.length && checked.every((v,i)=>v===kunci[i]);\n        document.querySelectorAll('input[name=\"soal'+s.id+'\"]').forEach(cb => cb.disabled = true);\n        if (ok) {\n          benar++;\n          card.classList.add('answered-correct');\n          fb.className = 'feedback show benar';\n          fb.innerHTML = '\u2713 Jawaban Anda benar!';\n        } else {\n          card.classList.add('answered-wrong');\n          fb.className = 'feedback show salah';\n          fb.innerHTML = '\u2717 Jawaban kurang tepat.<div class=\"kunci-text\">Kunci: '+kunci.map(i=>huruf[i]).join(', ')+'<\/div>';\n        }\n      });\n      const p = Math.round(benar\/15*100);\n      document.getElementById('hasilScore').textContent = benar+'\/15';\n      document.getElementById('hasilDetail').textContent = 'Persentase: '+p+'%';\n      document.getElementById('hasilPesan').textContent = p===100?'Sempurna! Anda menguasai materi hakikat ilmu kimia.':p>=80?'Sangat baik! Sedikit lagi menuju sempurna.':p>=60?'Cukup baik. Pelajari kembali bagian yang masih keliru.':'Perlu belajar lebih giat. Ulangi materi hakikat ilmu kimia.';\n      document.getElementById('hasilBox').classList.add('show');\n      document.getElementById('hasilBox').scrollIntoView({behavior:'smooth',block:'center'});\n      document.getElementById('btnCheck').style.display = 'none';\n    }\n\n    function resetKuis() {\n      soalData.forEach(s => {\n        document.getElementById('soal-'+s.id).classList.remove('answered-correct','answered-wrong');\n        document.getElementById('feedback-'+s.id).className = 'feedback';\n        document.getElementById('feedback-'+s.id).innerHTML = '';\n        document.querySelectorAll('input[name=\"soal'+s.id+'\"]').forEach(cb => { cb.checked=false; cb.disabled=false; });\n      });\n      document.getElementById('hasilBox').classList.remove('show');\n      document.getElementById('btnCheck').style.display = 'inline-block';\n      updateProgress();\n      window.scrollTo({top:0,behavior:'smooth'});\n    }\n\n    renderSoal();\n    updateProgress();\n  <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Kimia merupakan salah satu cabang Ilmu Pengetahuan Alam (IPA) yang mempelajari materi, yaitu segala sesuatu yang memiliki massa dan menempati<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":55,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"colormag_page_container_layout":"no_sidebar_full_width","colormag_page_sidebar_layout":"right_sidebar","footnotes":""},"class_list":["post-546","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kimia-majateng.online\/wordpress\/wp-json\/wp\/v2\/pages\/546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kimia-majateng.online\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kimia-majateng.online\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kimia-majateng.online\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kimia-majateng.online\/wordpress\/wp-json\/wp\/v2\/comments?post=546"}],"version-history":[{"count":6,"href":"https:\/\/kimia-majateng.online\/wordpress\/wp-json\/wp\/v2\/pages\/546\/revisions"}],"predecessor-version":[{"id":601,"href":"https:\/\/kimia-majateng.online\/wordpress\/wp-json\/wp\/v2\/pages\/546\/revisions\/601"}],"up":[{"embeddable":true,"href":"https:\/\/kimia-majateng.online\/wordpress\/wp-json\/wp\/v2\/pages\/55"}],"wp:attachment":[{"href":"https:\/\/kimia-majateng.online\/wordpress\/wp-json\/wp\/v2\/media?parent=546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}