{"id":622,"date":"2025-03-17T11:08:43","date_gmt":"2025-03-17T11:08:43","guid":{"rendered":"https:\/\/man2-grobogan.sch.id\/?page_id=622"},"modified":"2026-02-24T21:59:12","modified_gmt":"2026-02-24T14:59:12","slug":"right-sidebar-6","status":"publish","type":"page","link":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/","title":{"rendered":"Kimia"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Blended learning<\/em> \/<em>Flipped Classroom<\/em> Mata Pelajaran Kimia<\/p>\n<\/blockquote>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n\n<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<title>E-Modul Final: Struktur Atom<\/title>\n<style>\nbody{\n    font-family: Arial, sans-serif;\n    background:white;\n    margin:40px;\n    text-align:left;\n    line-height:1.7;\n}\nh1,h2{color:#1e293b;}\n.section{margin-bottom:60px;}\n.box{\n    background:#f8fafc;\n    padding:15px;\n    border-radius:8px;\n    margin:15px 0;\n}\nbutton{\n    padding:8px 15px;\n    margin:5px 0;\n    border:none;\n    border-radius:6px;\n    background:#2563eb;\n    color:white;\n    cursor:pointer;\n}\nbutton:hover{background:#1d4ed8;}\ncanvas{\n    background:white;\n    border:1px solid #cbd5e1;\n    border-radius:8px;\n    margin-top:15px;\n}\n.correct{color:green;font-weight:bold;}\n.wrong{color:red;font-weight:bold;}\n<\/style>\n<\/head>\n\n<body>\n\n<h1>E-Modul Interaktif Struktur Atom<\/h1>\n\n<div class=\"section\">\n<h2>1. Konfigurasi Elektron &#038; Nama Unsur<\/h2>\n<label>Nomor Atom (1-20): <\/label>\n<input type=\"number\" id=\"inputZ\" value=\"8\" min=\"1\" max=\"20\">\n<button onClick=\"generateConfig()\">Tampilkan<\/button>\n\n<p><b>Nama Unsur:<\/b> <span id=\"elementName\"><\/span><\/p>\n<p><b>Konfigurasi Elektron:<\/b> <span id=\"configOutput\"><\/span><\/p>\n<\/div>\n\n<div class=\"section\">\n<h2>2. Simulasi Model Bohr<\/h2>\n<button onClick=\"drawBohr()\">Tampilkan Model Bohr<\/button>\n<canvas id=\"bohrCanvas\" width=\"400\" height=\"400\"><\/canvas>\n<\/div>\n\n<div class=\"section\">\n<h2>3. Eksplorasi Spektrum &#038; Energi Transisi<\/h2>\n\n<select id=\"transition\">\n<option value=\"656\">n=3 \u2192 n=2 (656 nm)<\/option>\n<option value=\"486\">n=4 \u2192 n=2 (486 nm)<\/option>\n<option value=\"434\">n=5 \u2192 n=2 (434 nm)<\/option>\n<\/select>\n\n<button onClick=\"showSpectrum()\">Hitung &#038; Tampilkan<\/button>\n\n<canvas id=\"spectrumCanvas\" width=\"500\" height=\"120\"><\/canvas>\n<p><b>Energi Transisi (\u0394E):<\/b> <span id=\"energyOutput\"><\/span> Joule<\/p>\n<\/div>\n\n<div class=\"section\">\n<h2>4. Kuis Otomatis (Skor Tersimpan)<\/h2>\n\n<p>1. Elektron dalam model Bohr berada pada&#8230;<\/p>\n<button onClick=\"checkAnswer(1,true)\">Lintasan tertentu<\/button>\n<button onClick=\"checkAnswer(1,false)\">Orbital probabilitas<\/button>\n\n<p>2. Model mekanika kuantum menggunakan konsep&#8230;<\/p>\n<button onClick=\"checkAnswer(2,false)\">Orbit tetap<\/button>\n<button onClick=\"checkAnswer(2,true)\">Orbital<\/button>\n\n<p><b>Skor Anda:<\/b> <span id=\"score\">0<\/span>\/2<\/p>\n\n<\/div>\n\n<script>\n\/\/ Data unsur 1-20\nconst elements = [\"\",\"Hidrogen\",\"Helium\",\"Litium\",\"Berilium\",\"Boron\",\"Karbon\",\n\"Nitrogen\",\"Oksigen\",\"Fluorin\",\"Neon\",\"Natrium\",\"Magnesium\",\"Aluminium\",\n\"Silikon\",\"Fosfor\",\"Sulfur\",\"Klorin\",\"Argon\",\"Kalium\",\"Kalsium\"];\n\nlet score = 0;\nlet answered = {};\n\nfunction toSuperscript(num){\n    return \"<sup>\"+num+\"<\/sup>\";\n}\n\nfunction generateConfig(){\n    const Z = parseInt(document.getElementById(\"inputZ\").value);\n    document.getElementById(\"elementName\").innerHTML = elements[Z];\n\n    const subshells = [\n        [\"1s\",2],[\"2s\",2],[\"2p\",6],\n        [\"3s\",2],[\"3p\",6],[\"4s\",2]\n    ];\n    let remaining = Z;\n    let result = \"\";\n\n    for(let i=0;i<subshells.length;i++){\n        if(remaining<=0) break;\n        let fill = Math.min(subshells[i][1], remaining);\n        result += subshells[i][0] + toSuperscript(fill) + \" \";\n        remaining -= fill;\n    }\n    document.getElementById(\"configOutput\").innerHTML = result;\n}\n\nfunction drawBohr(){\n    const canvas = document.getElementById(\"bohrCanvas\");\n    const ctx = canvas.getContext(\"2d\");\n    const Z = parseInt(document.getElementById(\"inputZ\").value);\n    ctx.clearRect(0,0,400,400);\n\n    const centerX = 200;\n    const centerY = 200;\n\n    ctx.beginPath();\n    ctx.arc(centerX, centerY, 20, 0, 2*Math.PI);\n    ctx.fillStyle=\"red\";\n    ctx.fill();\n\n    const shells=[2,8,8,2];\n    let remaining=Z;\n    let radius=60;\n\n    for(let i=0;i<shells.length;i++){\n        if(remaining<=0) break;\n        ctx.beginPath();\n        ctx.arc(centerX, centerY, radius, 0, 2*Math.PI);\n        ctx.stroke();\n\n        let electrons=Math.min(shells[i],remaining);\n        for(let j=0;j<electrons;j++){\n            let angle=(2*Math.PI\/electrons)*j;\n            let x=centerX+radius*Math.cos(angle);\n            let y=centerY+radius*Math.sin(angle);\n            ctx.beginPath();\n            ctx.arc(x,y,5,0,2*Math.PI);\n            ctx.fillStyle=\"blue\";\n            ctx.fill();\n        }\n        remaining-=electrons;\n        radius+=40;\n    }\n}\n\nfunction showSpectrum(){\n    const canvas=document.getElementById(\"spectrumCanvas\");\n    const ctx=canvas.getContext(\"2d\");\n    ctx.clearRect(0,0,500,120);\n\n    const wavelength=parseFloat(document.getElementById(\"transition\").value)*1e-9;\n    const h=6.626e-34;\n    const c=3e8;\n    const energy=(h*c)\/wavelength;\n\n    ctx.fillStyle=\"lightgray\";\n    ctx.fillRect(0,40,500,40);\n\n    document.getElementById(\"energyOutput\").innerHTML=energy.toExponential(3);\n}\n\nfunction checkAnswer(q,isCorrect){\n    if(answered[q]) return;\n    answered[q]=true;\n    if(isCorrect){\n        score++;\n        document.getElementById(\"score\").innerHTML=score;\n    }\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Blended learning \/Flipped Classroom Mata Pelajaran Kimia E-Modul Final: Struktur Atom E-Modul Interaktif Struktur Atom 1. Konfigurasi Elektron &#038; Nama<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":185,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-622","page","type-page","status-publish","hentry"],"magazineBlocksPostFeaturedMedia":{"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"colormag-highlighted-post":false,"colormag-featured-post-medium":false,"colormag-featured-post-small":false,"colormag-featured-image":false,"colormag-default-news":false,"colormag-featured-image-large":false},"magazineBlocksPostAuthor":{"name":"Admin","avatar":"https:\/\/secure.gravatar.com\/avatar\/ea0eb64e83523895eeaf77f8ef241b64bbc25c775b221e0dc5b364cbfc10b520?s=96&d=identicon&r=g"},"magazineBlocksPostCommentsNumber":false,"magazineBlocksPostExcerpt":"Blended learning \/Flipped Classroom Mata Pelajaran Kimia E-Modul Final: Struktur Atom E-Modul Interaktif Struktur Atom 1. Konfigurasi Elektron &#038; Nama","magazineBlocksPostCategories":[],"magazineBlocksPostViewCount":0,"magazineBlocksPostReadTime":1,"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Kimia - MAN 2 GROBOGAN<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kimia - MAN 2 GROBOGAN\" \/>\n<meta property=\"og:description\" content=\"Blended learning \/Flipped Classroom Mata Pelajaran Kimia E-Modul Final: Struktur Atom E-Modul Interaktif Struktur Atom 1. Konfigurasi Elektron &#038; Nama\" \/>\n<meta property=\"og:url\" content=\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/\" \/>\n<meta property=\"og:site_name\" content=\"MAN 2 GROBOGAN\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mandagro2019\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-24T14:59:12+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/\",\"url\":\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/\",\"name\":\"Kimia - MAN 2 GROBOGAN\",\"isPartOf\":{\"@id\":\"https:\/\/man2-grobogan.sch.id\/#website\"},\"datePublished\":\"2025-03-17T11:08:43+00:00\",\"dateModified\":\"2026-02-24T14:59:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\/\/man2-grobogan.sch.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Zona Digital\",\"item\":\"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Kimia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/man2-grobogan.sch.id\/#website\",\"url\":\"https:\/\/man2-grobogan.sch.id\/\",\"name\":\"MAN 2 GROBOGAN\",\"description\":\"Madrasah Aliyah Negeri 2 Grobogan Provinsi Jawa Tengah\",\"publisher\":{\"@id\":\"https:\/\/man2-grobogan.sch.id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/man2-grobogan.sch.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/man2-grobogan.sch.id\/#organization\",\"name\":\"MAN 2 GROBOGAN\",\"url\":\"https:\/\/man2-grobogan.sch.id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/man2-grobogan.sch.id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/man2-grobogan.sch.id\/wp-content\/uploads\/2025\/03\/cropped-logo2-1.png\",\"contentUrl\":\"https:\/\/man2-grobogan.sch.id\/wp-content\/uploads\/2025\/03\/cropped-logo2-1.png\",\"width\":1150,\"height\":1150,\"caption\":\"MAN 2 GROBOGAN\"},\"image\":{\"@id\":\"https:\/\/man2-grobogan.sch.id\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/mandagro2019\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kimia - MAN 2 GROBOGAN","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/","og_locale":"id_ID","og_type":"article","og_title":"Kimia - MAN 2 GROBOGAN","og_description":"Blended learning \/Flipped Classroom Mata Pelajaran Kimia E-Modul Final: Struktur Atom E-Modul Interaktif Struktur Atom 1. Konfigurasi Elektron &#038; Nama","og_url":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/","og_site_name":"MAN 2 GROBOGAN","article_publisher":"https:\/\/www.facebook.com\/mandagro2019","article_modified_time":"2026-02-24T14:59:12+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/","url":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/","name":"Kimia - MAN 2 GROBOGAN","isPartOf":{"@id":"https:\/\/man2-grobogan.sch.id\/#website"},"datePublished":"2025-03-17T11:08:43+00:00","dateModified":"2026-02-24T14:59:12+00:00","breadcrumb":{"@id":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/right-sidebar-6\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/man2-grobogan.sch.id\/"},{"@type":"ListItem","position":2,"name":"Zona Digital","item":"https:\/\/man2-grobogan.sch.id\/index.php\/right-sidebar\/"},{"@type":"ListItem","position":3,"name":"Kimia"}]},{"@type":"WebSite","@id":"https:\/\/man2-grobogan.sch.id\/#website","url":"https:\/\/man2-grobogan.sch.id\/","name":"MAN 2 GROBOGAN","description":"Madrasah Aliyah Negeri 2 Grobogan Provinsi Jawa Tengah","publisher":{"@id":"https:\/\/man2-grobogan.sch.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/man2-grobogan.sch.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/man2-grobogan.sch.id\/#organization","name":"MAN 2 GROBOGAN","url":"https:\/\/man2-grobogan.sch.id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/man2-grobogan.sch.id\/#\/schema\/logo\/image\/","url":"https:\/\/man2-grobogan.sch.id\/wp-content\/uploads\/2025\/03\/cropped-logo2-1.png","contentUrl":"https:\/\/man2-grobogan.sch.id\/wp-content\/uploads\/2025\/03\/cropped-logo2-1.png","width":1150,"height":1150,"caption":"MAN 2 GROBOGAN"},"image":{"@id":"https:\/\/man2-grobogan.sch.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mandagro2019"]}]}},"_links":{"self":[{"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/comments?post=622"}],"version-history":[{"count":22,"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/622\/revisions"}],"predecessor-version":[{"id":1143,"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/622\/revisions\/1143"}],"up":[{"embeddable":true,"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/185"}],"wp:attachment":[{"href":"https:\/\/man2-grobogan.sch.id\/index.php\/wp-json\/wp\/v2\/media?parent=622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}