Taman Numerasi BBGTK DIY<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&family=Playfair+Display:wght@700&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/code.responsivevoice.org\/responsivevoice.js?key=xIDG6JzF\"><\/script>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n 'sans': ['Poppins', 'sans-serif'],\n 'serif': ['Playfair Display', 'serif'],\n },\n colors: {\n 'brand-orange': '#d35400',\n 'brand-yellow': '#f39c12',\n 'brand-dark': '#2c3e50',\n },\n aspectRatio: {\n '16\/9': '16 \/ 9',\n },\n }\n }\n }\n <\/script>\n\n <style>\n \/* Gaya tambahan untuk modal *\/\n \/* Animasi Modal *\/\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n \n .modal-fade-in {\n animation: fadeIn 0.3s;\n }\n\n \/* Wrapper untuk rasio 16:9 *\/\n .video-wrapper {\n position: relative;\n padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n height: 0;\n overflow: hidden;\n background: #000;\n }\n\n .video-wrapper iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n\n \/* Gaya khusus untuk judul video di galeri agar tidak terlalu besar *\/\n .video-gallery .video-item h4,\n .video-gallery .video-item h3 {\n font-family: 'Poppins', sans-serif; \/* Menggunakan Poppins untuk judul video *\/\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 font-sans leading-relaxed text-gray-800\">\n\n <div class=\"container max-w-4xl mx-auto p-5 my-5 bg-white shadow-lg rounded-xl\">\n \n <header class=\"text-center mb-5\">\n \n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/10\/header-informasi-1000px.png\" \n alt=\"Logo Taman Numerasi\" \n class=\"logo w-96 md:w-[500px] mx-auto cursor-pointer transition-transform duration-200 hover:scale-105\"\n onmouseenter=\"responsiveVoice.speak('Taman Numerasi', 'Indonesian Female');\"\n onerror=\"this.src='https:\/\/placehold.co\/500x150\/f39c12\/ffffff?text=Logo+Taman+Numerasi'; this.onerror=null;\">\n <\/header>\n\n <main>\n \n <div class=\"relative w-full h-56 md:h-96 overflow-hidden rounded-lg mb-4 shadow\">\n \n <img decoding=\"async\" id=\"slideshowImage\" \n src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/5.png\" \n alt=\"\" \n class=\"main-image w-full h-full object-cover absolute top-0 left-0 transition-opacity duration-1000 ease-in-out\"\n onerror=\"this.src='https:\/\/placehold.co\/800x400\/eeeeee\/999999?text=Gambar+Tidak+Tersedia'; this.onerror=null;\">\n <\/div>\n <p class=\"text-center italic text-gray-600\">Slide Show Foto<\/p>\n\n <section class=\"content-section text-center my-8\">\n <h2 class=\"font-serif text-3xl md:text-4xl font-bold border-none text-brand-dark\">NUMERASI BUKAN HANYA RUMUS, TAPI KUNCI KEHIDUPAN!<\/h2>\n <\/section>\n\n <section class=\"content-section mb-8 space-y-4\">\n <p>Kami persembahkan sebuah terobosan dalam pendidikan di Indonesia: <strong>Taman Numerasi BBGTK Provinsi DIY!<\/strong><\/p>\n \n <h3 class=\"font-serif text-2xl font-bold mt-6 mb-3 text-brand-dark\">Filosofi di Balik Setiap Angka<\/h3>\n <p>Kami meyakini bahwa Numerasi bukan sekedar tentang berhitung. Numerasi merupakan kemampuan memahami, menggunakan, menginterpretasikan angka serta simbol dalam pemecahan masalah di kehidupan sehari-hari. Dengan memiliki kemampuan numerasi yang baik, seorang diharapkan mampu menggunakan pengetahuan matematika untuk menjelaskan fenomena, memecahkan masalah, atau mengambil keputusan berdasarkan pertimbangan logis dan bertanggung jawab dalam kehidupan sehari-hari.<\/p>\n <p>Salah satu upaya membangun kemampuan numerasi adalah melalui pengalaman belajar yang menyenangkan dan relevan.<\/p>\n\n <h3 class=\"font-serif text-2xl font-bold mt-6 mb-3 text-brand-dark\">Dukungan Nyata untuk Pendidikan Nasional<\/h3>\n <p>BBGTK Provinsi DIY, sebagai salah satu Unit Pelaksana Teknis (UPT) di bawah Kementerian Pendidikan Dasar dan Menengah, saat ini sedang mengembangkan Taman Numerasi. Taman Numerasi BBGTK Provinsi DIY merupakan salah satu bentuk nyata dukungan terhadap program Gerakan Numerasi Nasional sebagai upaya untuk membangun kemampuan numerasi secara kontekstual dan menyenangkan.<\/p>\n \n <h3 class=\"font-serif text-2xl font-bold mt-6 mb-3 text-brand-dark\">Taman Kami, Inspirasi Sekolah Anda!<\/h3>\n <p>Taman numerasi bukan hanya sekadar taman bermain.<\/p>\n <ul class=\"list-disc pl-5 space-y-2\">\n <li><strong>Bagi Murid:<\/strong> Taman ini menjadi wahana untuk lebih mengenal numerasi dengan suasana yang menyenangkan.<\/li>\n <li><strong>Bagi Pendidik:<\/strong> Taman ini dapat menjadi inspirasi untuk mengembangkan taman numerasi di sekolah masing-masing dengan memaksimalkan potensi yang ada.<\/li>\n <\/ul>\n\n <h3 class=\"font-serif text-2xl font-bold mt-6 mb-3 text-brand-dark\">Jelajahi Dua Zona Pembelajaran Revolusioner:<\/h3>\n <p>Taman Numerasi BBGTK Provinsi DIY memanfaatkan fasilitas lahan dan bangunan yang sudah tersedia, dan terbagi menjadi area Indoor dan Outdoor:<\/p>\n \n <h4 class=\"font-serif text-xl font-bold mt-4 mb-2 text-brand-dark\">1. Zona Eksplorasi Cerdas (INDOOR)<\/h4>\n <p>Taman numerasi Indoor berada dalam bangunan segi delapan dengan luas 125 meter persegi. Desainnya dibuat menarik dengan warna-warna cerah yang membangkitkan semangat belajar dan eksplorasi. Berbagai aktivitas dan permainan edukatif disusun untuk memantik kemampuan numerasi pengunjung, dengan fokus pada membangun pemahaman numerasi melalui pengalaman langsung yang menyenangkan.<\/p>\n <p class=\"mt-2\"><strong>Beberapa aktivitas Utama di area Indoor (Cocok untuk TK, PAUD, dan SD):<\/strong><\/p>\n <ul class=\"list-disc pl-5 mt-2 space-y-1\">\n <li>Permainan Kognitif: Tangram, Balok Domino, Menara Hanoi, Eksplorasi Kubus Soma.<\/li>\n <li>Permainan Tradisional & Gerak: Sunda Manda, Ular Tangga, Hopscotch, Lompat Katak.<\/li>\n <li>Pemecahan Masalah: Permainan Bilangan Biner, Permainan Rancang Bangun, Pengubinan, pengenalan numerasi lain.<\/li>\n <li>Serta berbagai aktivitas permainan edukatif lainnya<\/li>\n <\/ul>\n <p class=\"mt-2\"><strong>Fitur Pendukung:<\/strong> Aktivitas permainan serta tantangan dikembangkan dan dilengkapi dengan panduan bagi pengunjung (murid) serta panduan bagi pendamping (guru).<\/p>\n\n <h4 class=\"font-serif text-xl font-bold mt-4 mb-2 text-brand-dark\">2. Zona Petualangan Aktif (OUTDOOR)<\/h4>\n <p>Taman numerasi outdoor dikembangkan dengan memanfaatkan fasilitas yang ada, seperti jalan setapak, konblok, maupun area dinding. Desain permainan dikembangkan dengan memperhatikan keamanan dan kenyamanan para murid.<\/p>\n <p class=\"mt-2\"><strong>Area ini Kaya dengan:<\/strong><\/p>\n <ul class=\"list-disc pl-5 mt-2 space-y-1\">\n <li>Beragam permainan pengenalan bangun datar dan pola bilangan.<\/li>\n <li>Berbagai pemecahan masalah numerasi yang terpasang di beberapa area outdoor.<\/li>\n <li>Obyek atau benda yang dilengkapi dengan berbagai aktivitas numerasi<\/li>\n <li>Dinding yang dimaksimalkan agar dapat memberikan pengetahuan tentang numerasi bagi para murid.<\/li>\n <li>Serta beragam aktivitas permainan edukatif lainnya<\/li>\n <\/ul>\n \n <h4 class=\"font-serif text-xl font-bold mt-4 mb-2 text-brand-dark\">Visi Masa Depan<\/h4>\n <p>Koleksi aktivitas dan beragam permainan edukatif akan terus dikembangkan oleh tim pengembang taman numerasi di BBGTK Provinsi DIY guna memenuhi kebutuhan peningkatan kemampuan numerasi serta memperkaya aktivitas numerasi.<\/p>\n\n <p class=\"mt-4\"><strong>Jangan Lewatkan Kesempatan Ini!<\/strong><br>\n Ajak rombongan kelas Anda untuk belajar numerasi secara kontekstual, menyenangkan, dan relevan. Jadikan sekolah Anda terinspirasi!<\/p>\n\n <p class=\"text-center font-semibold bg-yellow-50 p-4 rounded-lg border border-brand-yellow mt-6\">\n <strong>SEGERA RESERVASI KUNJUNGAN KELAS ANDA!<\/strong><br>\n Hubungi ULT BBGTK DIY :08112988188 untuk pemesanan tanggal kunjungan.\n <\/p>\n <\/section>\n\n <section class=\"content-section text-center my-10\">\n <h2 class=\"font-serif text-3xl md:text-4xl font-bold inline-block border-b-4 border-brand-yellow pb-2 px-4 text-brand-dark\">Taman Numerasi: Dari Abstrak Jadi Atraksi<\/h2>\n <\/section>\n\n \n <section class=\"video-gallery grid grid-cols-1 md:grid-cols-2 gap-6 mt-6\">\n \n \n <div class=\"video-item md:col-span-2 bg-white border border-gray-200 rounded-lg shadow-sm text-center p-4 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 cursor-pointer\" onclick=\"openModal('IPaoBSIrBf4')\">\n <h3 class=\"font-serif text-2xl font-bold mb-3 text-brand-dark\">Peresmian Taman Numerasi<\/h3>\n <div class=\"aspect-video w-full overflow-hidden rounded-lg mb-3\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/IPaoBSIrBf4\/hqdefault.jpg\" alt=\"Video Peresmian Taman Numerasi\" class=\"video-thumbnail w-full h-full object-cover\">\n <\/div>\n <p class=\"text-sm text-gray-600\">Peresmian Taman Numerasi BBGTK DIY<\/p>\n <\/div>\n\n \n <div class=\"md:col-span-2 grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n <div class=\"video-item bg-white border border-gray-200 rounded-lg shadow-sm text-center p-4 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 cursor-pointer\" onclick=\"openModal('LAgTjkQBG14')\">\n <h4 class=\"font-sans text-xl font-semibold mb-3 text-brand-dark\">Taman Numerasi Indoor<\/h4>\n <div class=\"aspect-video w-full overflow-hidden rounded-lg mb-3\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/LAgTjkQBG14\/hqdefault.jpg\" alt=\"Video Taman Numerasi Indoor\" class=\"video-thumbnail w-full h-full object-cover\">\n <\/div>\n <p class=\"text-sm text-gray-600\">Taman Numerasi Indoor BBGTK DIY<\/p>\n <\/div>\n\n \n <div class=\"video-item bg-white border border-gray-200 rounded-lg shadow-sm text-center p-4 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 cursor-pointer\" onclick=\"openModal('5u3EgXquK7E')\">\n <h4 class=\"font-sans text-xl font-semibold mb-3 text-brand-dark\">Taman Numerasi Outdoor<\/h4>\n <div class=\"aspect-video w-full overflow-hidden rounded-lg mb-3\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/5u3EgXquK7E\/hqdefault.jpg\" alt=\"Video Taman Numerasi Outdoor\" class=\"video-thumbnail w-full h-full object-cover\">\n <\/div>\n <p class=\"text-sm text-gray-600\">Taman Numerasi Outdoor BBGTK DIY<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"icon-section flex justify-around text-center mt-12 pt-6 border-t border-gray-200\">\n \n <a href=\"#\" class=\"icon-item no-underline text-gray-800\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/10\/Lembar-Kerja.png\" \n alt=\"Lembar Kerja\" \n class=\"w-20 h-20 mb-2 mx-auto transition-transform duration-200 hover:scale-110\"\n onerror=\"this.src='https:\/\/placehold.co\/80x80\/3498db\/ffffff?text=Icon+1'; this.onerror=null;\">\n <span class=\"font-semibold text-base\">Lembar Kerja<\/span>\n <\/a>\n \n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/10\/Kontak.png\" \n alt=\"Kontak Kami\" \n class=\"w-20 h-20 mb-2 mx-auto transition-transform duration-200 hover:scale-110\"\n onerror=\"this.src='https:\/\/placehold.co\/80x80\/2ecc71\/ffffff?text=Icon+2'; this.onerror=null;\">\n <span class=\"font-semibold text-base\">Kontak Kami<\/span>\n <\/a>\n <\/section>\n\n <\/main>\n <\/div>\n\n \n <div id=\"videoModal\" class=\"modal hidden fixed z-50 left-0 top-0 w-full h-full overflow-auto bg-black bg-opacity-80 modal-fade-in flex items-center justify-center p-4\">\n <div class=\"modal-content relative mx-auto w-full max-w-6xl\">\n \n <span class=\"close-modal absolute -top-8 right-0 md:right-0 text-white text-5xl font-bold cursor-pointer transition-colors duration-200 hover:text-gray-400\" onclick=\"closeModal()\">×<\/span>\n \n \n <div class=\"video-wrapper rounded-lg overflow-hidden shadow-2xl\">\n <iframe id=\"videoFrame\" width=\"560\" height=\"315\" src=\"\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ --- Skrip Modal Video ---\n const modal = document.getElementById(\"videoModal\");\n const videoFrame = document.getElementById(\"videoFrame\");\n\n \/**\n * Membuka modal dan memainkan video.\n * @param {string} videoId - ID video YouTube.\n *\/\n function openModal(videoId) {\n \/\/ Menggunakan 'embed' dan 'autoplay=1' untuk putar otomatis\n videoFrame.src = `https:\/\/www.youtube.com\/embed\/${videoId}?si=temp&autoplay=1`;\n modal.classList.remove(\"hidden\");\n }\n\n \/**\n * Menutup modal dan menghentikan video.\n *\/\n function closeModal() {\n modal.classList.add(\"hidden\");\n videoFrame.src = \"\"; \/\/ Hentikan pemutaran video\n }\n\n \/\/ Tutup modal jika user klik di luar area konten modal\n window.onclick = function(event) {\n if (event.target == modal) {\n closeModal();\n }\n }\n\n \/\/ --- Skrip Slideshow Sederhana ---\n const slideshowImages = [\n \"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/5.png\",\n \"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/4.png\",\n \"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/2-1.png\"\n ];\n let currentSlideIndex = 0;\n const slideshowElement = document.getElementById(\"slideshowImage\");\n\n if (slideshowElement) {\n function nextSlide() {\n currentSlideIndex = (currentSlideIndex + 1) % slideshowImages.length;\n \n \/\/ Efek fade out\n slideshowElement.style.opacity = 0;\n \n setTimeout(() => {\n \/\/ Ganti gambar setelah fade out\n slideshowElement.src = slideshowImages[currentSlideIndex];\n \/\/ Efek fade in\n slideshowElement.style.opacity = 1;\n }, 1000); \/\/ Waktu ini harus cocok dengan durasi transisi CSS (duration-1000)\n }\n\n \/\/ Ganti slide setiap 4 detik (1 detik fade, 3 detik tampil)\n setInterval(nextSlide, 4000);\n }\n \n \/\/ --- Skrip ResponsiveVoice (sesuai permintaan) ---\n\n \/**\n * Membaca teks yang sedang diseleksi.\n *\/\n function bacaTeksTerpilih() {\n try {\n if (typeof responsiveVoice === 'undefined') {\n console.warn(\"ResponsiveVoice not loaded.\");\n return;\n }\n const selectedText = window.getSelection().toString().trim();\n if (selectedText.length > 0) {\n responsiveVoice.cancel(); \/\/ Hentikan suara sebelumnya\n responsiveVoice.speak(selectedText, \"Indonesian Female\");\n }\n } catch (e) {\n console.error(\"ResponsiveVoice error:\", e);\n }\n }\n\n \/\/ Aktif saat mouse selesai blok teks\n document.addEventListener(\"mouseup\", function () {\n \/\/ Beri jeda sedikit agar window.getSelection() mendapatkan teks terbaru\n setTimeout(bacaTeksTerpilih, 100);\n });\n\n \/\/ Aktif saat double click pada kata\n document.addEventListener(\"dblclick\", function () {\n setTimeout(bacaTeksTerpilih, 100);\n });\n\n \/\/ Aktif saat mouse hover ke elemen teks\n \/\/ Dibatasi hanya untuk elemen di dalam '.container' agar lebih spesifik\n const elementsToSpeak = document.querySelectorAll(\n \".container p, .container span, .container li, .container h1, .container h2, .container h3, .container h4, .container h5, .container h6\"\n );\n \n elementsToSpeak.forEach(function(el) {\n el.addEventListener(\"mouseenter\", function () {\n const text = el.innerText.trim();\n if (text.length > 0 && text.length < 500) { \/\/ Batasi panjang teks agar tidak terlalu panjang\n try {\n if (typeof responsiveVoice === 'undefined') {\n console.warn(\"ResponsiveVoice not loaded.\");\n return;\n }\n responsiveVoice.cancel(); \/\/ Hentikan suara sebelumnya\n responsiveVoice.speak(text, \"Indonesian Female\");\n } catch (e) {\n console.error(\"ResponsiveVoice error:\", e);\n }\n }\n });\n \n \/\/ Opsional: Hentikan suara saat mouse meninggalkan elemen\n el.addEventListener(\"mouseleave\", function () {\n try {\n if (typeof responsiveVoice !== 'undefined') {\n responsiveVoice.cancel();\n }\n } catch (e) {\n console.error(\"ResponsiveVoice error:\", e);\n }\n });\n });\n\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Taman Numerasi BBGTK DIY Slide Show Foto NUMERASI BUKAN HANYA RUMUS, TAPI KUNCI KEHIDUPAN! Kami persembahkan sebuah terobosan dalam pendidikan di Indonesia: Taman Numerasi BBGTK Provinsi DIY! Filosofi di Balik Setiap Angka Kami meyakini bahwa Numerasi bukan sekedar tentang berhitung. Numerasi merupakan kemampuan memahami, menggunakan, menginterpretasikan angka serta simbol dalam pemecahan masalah di kehidupan sehari-hari. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":9,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/pages\/7\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7,"date":"2025-11-04T06:31:19","date_gmt":"2025-11-04T06:31:19","guid":{"rendered":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/?page_id=7"},"modified":"2026-04-10T22:32:12","modified_gmt":"2026-04-10T22:32:12","slug":"depan-taman-numerasi","status":"publish","type":"page","link":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/","title":{"rendered":"depan taman numerasi"},"content":{"rendered":"\n\n\n\n \n \n Taman Numerasi BBGTK DIY<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&family=Playfair+Display:wght@700&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/code.responsivevoice.org\/responsivevoice.js?key=xIDG6JzF\"><\/script>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n 'sans': ['Poppins', 'sans-serif'],\n 'serif': ['Playfair Display', 'serif'],\n },\n colors: {\n 'brand-orange': '#d35400',\n 'brand-yellow': '#f39c12',\n 'brand-dark': '#2c3e50',\n },\n aspectRatio: {\n '16\/9': '16 \/ 9',\n },\n }\n }\n }\n <\/script>\n\n <style>\n \/* Gaya tambahan untuk modal *\/\n \/* Animasi Modal *\/\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n \n .modal-fade-in {\n animation: fadeIn 0.3s;\n }\n\n \/* Wrapper untuk rasio 16:9 *\/\n .video-wrapper {\n position: relative;\n padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n height: 0;\n overflow: hidden;\n background: #000;\n }\n\n .video-wrapper iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n\n \/* Gaya khusus untuk judul video di galeri agar tidak terlalu besar *\/\n .video-gallery .video-item h4,\n .video-gallery .video-item h3 {\n font-family: 'Poppins', sans-serif; \/* Menggunakan Poppins untuk judul video *\/\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 font-sans leading-relaxed text-gray-800\">\n\n <div class=\"container max-w-4xl mx-auto p-5 my-5 bg-white shadow-lg rounded-xl\">\n \n <header class=\"text-center mb-5\">\n \n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/10\/header-informasi-1000px.png\" \n alt=\"Logo Taman Numerasi\" \n class=\"logo w-96 md:w-[500px] mx-auto cursor-pointer transition-transform duration-200 hover:scale-105\"\n onmouseenter=\"responsiveVoice.speak('Taman Numerasi', 'Indonesian Female');\"\n onerror=\"this.src='https:\/\/placehold.co\/500x150\/f39c12\/ffffff?text=Logo+Taman+Numerasi'; this.onerror=null;\">\n <\/header>\n\n <main>\n \n <div class=\"relative w-full h-56 md:h-96 overflow-hidden rounded-lg mb-4 shadow\">\n \n <img decoding=\"async\" id=\"slideshowImage\" \n src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/5.png\" \n alt=\"\" \n class=\"main-image w-full h-full object-cover absolute top-0 left-0 transition-opacity duration-1000 ease-in-out\"\n onerror=\"this.src='https:\/\/placehold.co\/800x400\/eeeeee\/999999?text=Gambar+Tidak+Tersedia'; this.onerror=null;\">\n <\/div>\n <p class=\"text-center italic text-gray-600\">Slide Show Foto<\/p>\n\n <section class=\"content-section text-center my-8\">\n <h2 class=\"font-serif text-3xl md:text-4xl font-bold border-none text-brand-dark\">NUMERASI BUKAN HANYA RUMUS, TAPI KUNCI KEHIDUPAN!<\/h2>\n <\/section>\n\n <section class=\"content-section mb-8 space-y-4\">\n <p>Kami persembahkan sebuah terobosan dalam pendidikan di Indonesia: <strong>Taman Numerasi BBGTK Provinsi DIY!<\/strong><\/p>\n \n <h3 class=\"font-serif text-2xl font-bold mt-6 mb-3 text-brand-dark\">Filosofi di Balik Setiap Angka<\/h3>\n <p>Kami meyakini bahwa Numerasi bukan sekedar tentang berhitung. Numerasi merupakan kemampuan memahami, menggunakan, menginterpretasikan angka serta simbol dalam pemecahan masalah di kehidupan sehari-hari. Dengan memiliki kemampuan numerasi yang baik, seorang diharapkan mampu menggunakan pengetahuan matematika untuk menjelaskan fenomena, memecahkan masalah, atau mengambil keputusan berdasarkan pertimbangan logis dan bertanggung jawab dalam kehidupan sehari-hari.<\/p>\n <p>Salah satu upaya membangun kemampuan numerasi adalah melalui pengalaman belajar yang menyenangkan dan relevan.<\/p>\n\n <h3 class=\"font-serif text-2xl font-bold mt-6 mb-3 text-brand-dark\">Dukungan Nyata untuk Pendidikan Nasional<\/h3>\n <p>BBGTK Provinsi DIY, sebagai salah satu Unit Pelaksana Teknis (UPT) di bawah Kementerian Pendidikan Dasar dan Menengah, saat ini sedang mengembangkan Taman Numerasi. Taman Numerasi BBGTK Provinsi DIY merupakan salah satu bentuk nyata dukungan terhadap program Gerakan Numerasi Nasional sebagai upaya untuk membangun kemampuan numerasi secara kontekstual dan menyenangkan.<\/p>\n \n <h3 class=\"font-serif text-2xl font-bold mt-6 mb-3 text-brand-dark\">Taman Kami, Inspirasi Sekolah Anda!<\/h3>\n <p>Taman numerasi bukan hanya sekadar taman bermain.<\/p>\n <ul class=\"list-disc pl-5 space-y-2\">\n <li><strong>Bagi Murid:<\/strong> Taman ini menjadi wahana untuk lebih mengenal numerasi dengan suasana yang menyenangkan.<\/li>\n <li><strong>Bagi Pendidik:<\/strong> Taman ini dapat menjadi inspirasi untuk mengembangkan taman numerasi di sekolah masing-masing dengan memaksimalkan potensi yang ada.<\/li>\n <\/ul>\n\n <h3 class=\"font-serif text-2xl font-bold mt-6 mb-3 text-brand-dark\">Jelajahi Dua Zona Pembelajaran Revolusioner:<\/h3>\n <p>Taman Numerasi BBGTK Provinsi DIY memanfaatkan fasilitas lahan dan bangunan yang sudah tersedia, dan terbagi menjadi area Indoor dan Outdoor:<\/p>\n \n <h4 class=\"font-serif text-xl font-bold mt-4 mb-2 text-brand-dark\">1. Zona Eksplorasi Cerdas (INDOOR)<\/h4>\n <p>Taman numerasi Indoor berada dalam bangunan segi delapan dengan luas 125 meter persegi. Desainnya dibuat menarik dengan warna-warna cerah yang membangkitkan semangat belajar dan eksplorasi. Berbagai aktivitas dan permainan edukatif disusun untuk memantik kemampuan numerasi pengunjung, dengan fokus pada membangun pemahaman numerasi melalui pengalaman langsung yang menyenangkan.<\/p>\n <p class=\"mt-2\"><strong>Beberapa aktivitas Utama di area Indoor (Cocok untuk TK, PAUD, dan SD):<\/strong><\/p>\n <ul class=\"list-disc pl-5 mt-2 space-y-1\">\n <li>Permainan Kognitif: Tangram, Balok Domino, Menara Hanoi, Eksplorasi Kubus Soma.<\/li>\n <li>Permainan Tradisional & Gerak: Sunda Manda, Ular Tangga, Hopscotch, Lompat Katak.<\/li>\n <li>Pemecahan Masalah: Permainan Bilangan Biner, Permainan Rancang Bangun, Pengubinan, pengenalan numerasi lain.<\/li>\n <li>Serta berbagai aktivitas permainan edukatif lainnya<\/li>\n <\/ul>\n <p class=\"mt-2\"><strong>Fitur Pendukung:<\/strong> Aktivitas permainan serta tantangan dikembangkan dan dilengkapi dengan panduan bagi pengunjung (murid) serta panduan bagi pendamping (guru).<\/p>\n\n <h4 class=\"font-serif text-xl font-bold mt-4 mb-2 text-brand-dark\">2. Zona Petualangan Aktif (OUTDOOR)<\/h4>\n <p>Taman numerasi outdoor dikembangkan dengan memanfaatkan fasilitas yang ada, seperti jalan setapak, konblok, maupun area dinding. Desain permainan dikembangkan dengan memperhatikan keamanan dan kenyamanan para murid.<\/p>\n <p class=\"mt-2\"><strong>Area ini Kaya dengan:<\/strong><\/p>\n <ul class=\"list-disc pl-5 mt-2 space-y-1\">\n <li>Beragam permainan pengenalan bangun datar dan pola bilangan.<\/li>\n <li>Berbagai pemecahan masalah numerasi yang terpasang di beberapa area outdoor.<\/li>\n <li>Obyek atau benda yang dilengkapi dengan berbagai aktivitas numerasi<\/li>\n <li>Dinding yang dimaksimalkan agar dapat memberikan pengetahuan tentang numerasi bagi para murid.<\/li>\n <li>Serta beragam aktivitas permainan edukatif lainnya<\/li>\n <\/ul>\n \n <h4 class=\"font-serif text-xl font-bold mt-4 mb-2 text-brand-dark\">Visi Masa Depan<\/h4>\n <p>Koleksi aktivitas dan beragam permainan edukatif akan terus dikembangkan oleh tim pengembang taman numerasi di BBGTK Provinsi DIY guna memenuhi kebutuhan peningkatan kemampuan numerasi serta memperkaya aktivitas numerasi.<\/p>\n\n <p class=\"mt-4\"><strong>Jangan Lewatkan Kesempatan Ini!<\/strong><br>\n Ajak rombongan kelas Anda untuk belajar numerasi secara kontekstual, menyenangkan, dan relevan. Jadikan sekolah Anda terinspirasi!<\/p>\n\n <p class=\"text-center font-semibold bg-yellow-50 p-4 rounded-lg border border-brand-yellow mt-6\">\n <strong>SEGERA RESERVASI KUNJUNGAN KELAS ANDA!<\/strong><br>\n Hubungi ULT BBGTK DIY :08112988188 untuk pemesanan tanggal kunjungan.\n <\/p>\n <\/section>\n\n <section class=\"content-section text-center my-10\">\n <h2 class=\"font-serif text-3xl md:text-4xl font-bold inline-block border-b-4 border-brand-yellow pb-2 px-4 text-brand-dark\">Taman Numerasi: Dari Abstrak Jadi Atraksi<\/h2>\n <\/section>\n\n \n <section class=\"video-gallery grid grid-cols-1 md:grid-cols-2 gap-6 mt-6\">\n \n \n <div class=\"video-item md:col-span-2 bg-white border border-gray-200 rounded-lg shadow-sm text-center p-4 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 cursor-pointer\" onclick=\"openModal('IPaoBSIrBf4')\">\n <h3 class=\"font-serif text-2xl font-bold mb-3 text-brand-dark\">Peresmian Taman Numerasi<\/h3>\n <div class=\"aspect-video w-full overflow-hidden rounded-lg mb-3\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/IPaoBSIrBf4\/hqdefault.jpg\" alt=\"Video Peresmian Taman Numerasi\" class=\"video-thumbnail w-full h-full object-cover\">\n <\/div>\n <p class=\"text-sm text-gray-600\">Peresmian Taman Numerasi BBGTK DIY<\/p>\n <\/div>\n\n \n <div class=\"md:col-span-2 grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n <div class=\"video-item bg-white border border-gray-200 rounded-lg shadow-sm text-center p-4 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 cursor-pointer\" onclick=\"openModal('LAgTjkQBG14')\">\n <h4 class=\"font-sans text-xl font-semibold mb-3 text-brand-dark\">Taman Numerasi Indoor<\/h4>\n <div class=\"aspect-video w-full overflow-hidden rounded-lg mb-3\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/LAgTjkQBG14\/hqdefault.jpg\" alt=\"Video Taman Numerasi Indoor\" class=\"video-thumbnail w-full h-full object-cover\">\n <\/div>\n <p class=\"text-sm text-gray-600\">Taman Numerasi Indoor BBGTK DIY<\/p>\n <\/div>\n\n \n <div class=\"video-item bg-white border border-gray-200 rounded-lg shadow-sm text-center p-4 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 cursor-pointer\" onclick=\"openModal('5u3EgXquK7E')\">\n <h4 class=\"font-sans text-xl font-semibold mb-3 text-brand-dark\">Taman Numerasi Outdoor<\/h4>\n <div class=\"aspect-video w-full overflow-hidden rounded-lg mb-3\">\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/5u3EgXquK7E\/hqdefault.jpg\" alt=\"Video Taman Numerasi Outdoor\" class=\"video-thumbnail w-full h-full object-cover\">\n <\/div>\n <p class=\"text-sm text-gray-600\">Taman Numerasi Outdoor BBGTK DIY<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"icon-section flex justify-around text-center mt-12 pt-6 border-t border-gray-200\">\n \n <a href=\"#\" class=\"icon-item no-underline text-gray-800\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/10\/Lembar-Kerja.png\" \n alt=\"Lembar Kerja\" \n class=\"w-20 h-20 mb-2 mx-auto transition-transform duration-200 hover:scale-110\"\n onerror=\"this.src='https:\/\/placehold.co\/80x80\/3498db\/ffffff?text=Icon+1'; this.onerror=null;\">\n <span class=\"font-semibold text-base\">Lembar Kerja<\/span>\n <\/a>\n \n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/10\/Kontak.png\" \n alt=\"Kontak Kami\" \n class=\"w-20 h-20 mb-2 mx-auto transition-transform duration-200 hover:scale-110\"\n onerror=\"this.src='https:\/\/placehold.co\/80x80\/2ecc71\/ffffff?text=Icon+2'; this.onerror=null;\">\n <span class=\"font-semibold text-base\">Kontak Kami<\/span>\n <\/a>\n <\/section>\n\n <\/main>\n <\/div>\n\n \n <div id=\"videoModal\" class=\"modal hidden fixed z-50 left-0 top-0 w-full h-full overflow-auto bg-black bg-opacity-80 modal-fade-in flex items-center justify-center p-4\">\n <div class=\"modal-content relative mx-auto w-full max-w-6xl\">\n \n <span class=\"close-modal absolute -top-8 right-0 md:right-0 text-white text-5xl font-bold cursor-pointer transition-colors duration-200 hover:text-gray-400\" onclick=\"closeModal()\">×<\/span>\n \n \n <div class=\"video-wrapper rounded-lg overflow-hidden shadow-2xl\">\n <iframe id=\"videoFrame\" width=\"560\" height=\"315\" src=\"\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ --- Skrip Modal Video ---\n const modal = document.getElementById(\"videoModal\");\n const videoFrame = document.getElementById(\"videoFrame\");\n\n \/**\n * Membuka modal dan memainkan video.\n * @param {string} videoId - ID video YouTube.\n *\/\n function openModal(videoId) {\n \/\/ Menggunakan 'embed' dan 'autoplay=1' untuk putar otomatis\n videoFrame.src = `https:\/\/www.youtube.com\/embed\/${videoId}?si=temp&autoplay=1`;\n modal.classList.remove(\"hidden\");\n }\n\n \/**\n * Menutup modal dan menghentikan video.\n *\/\n function closeModal() {\n modal.classList.add(\"hidden\");\n videoFrame.src = \"\"; \/\/ Hentikan pemutaran video\n }\n\n \/\/ Tutup modal jika user klik di luar area konten modal\n window.onclick = function(event) {\n if (event.target == modal) {\n closeModal();\n }\n }\n\n \/\/ --- Skrip Slideshow Sederhana ---\n const slideshowImages = [\n \"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/5.png\",\n \"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/4.png\",\n \"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/2-1.png\"\n ];\n let currentSlideIndex = 0;\n const slideshowElement = document.getElementById(\"slideshowImage\");\n\n if (slideshowElement) {\n function nextSlide() {\n currentSlideIndex = (currentSlideIndex + 1) % slideshowImages.length;\n \n \/\/ Efek fade out\n slideshowElement.style.opacity = 0;\n \n setTimeout(() => {\n \/\/ Ganti gambar setelah fade out\n slideshowElement.src = slideshowImages[currentSlideIndex];\n \/\/ Efek fade in\n slideshowElement.style.opacity = 1;\n }, 1000); \/\/ Waktu ini harus cocok dengan durasi transisi CSS (duration-1000)\n }\n\n \/\/ Ganti slide setiap 4 detik (1 detik fade, 3 detik tampil)\n setInterval(nextSlide, 4000);\n }\n \n \/\/ --- Skrip ResponsiveVoice (sesuai permintaan) ---\n\n \/**\n * Membaca teks yang sedang diseleksi.\n *\/\n function bacaTeksTerpilih() {\n try {\n if (typeof responsiveVoice === 'undefined') {\n console.warn(\"ResponsiveVoice not loaded.\");\n return;\n }\n const selectedText = window.getSelection().toString().trim();\n if (selectedText.length > 0) {\n responsiveVoice.cancel(); \/\/ Hentikan suara sebelumnya\n responsiveVoice.speak(selectedText, \"Indonesian Female\");\n }\n } catch (e) {\n console.error(\"ResponsiveVoice error:\", e);\n }\n }\n\n \/\/ Aktif saat mouse selesai blok teks\n document.addEventListener(\"mouseup\", function () {\n \/\/ Beri jeda sedikit agar window.getSelection() mendapatkan teks terbaru\n setTimeout(bacaTeksTerpilih, 100);\n });\n\n \/\/ Aktif saat double click pada kata\n document.addEventListener(\"dblclick\", function () {\n setTimeout(bacaTeksTerpilih, 100);\n });\n\n \/\/ Aktif saat mouse hover ke elemen teks\n \/\/ Dibatasi hanya untuk elemen di dalam '.container' agar lebih spesifik\n const elementsToSpeak = document.querySelectorAll(\n \".container p, .container span, .container li, .container h1, .container h2, .container h3, .container h4, .container h5, .container h6\"\n );\n \n elementsToSpeak.forEach(function(el) {\n el.addEventListener(\"mouseenter\", function () {\n const text = el.innerText.trim();\n if (text.length > 0 && text.length < 500) { \/\/ Batasi panjang teks agar tidak terlalu panjang\n try {\n if (typeof responsiveVoice === 'undefined') {\n console.warn(\"ResponsiveVoice not loaded.\");\n return;\n }\n responsiveVoice.cancel(); \/\/ Hentikan suara sebelumnya\n responsiveVoice.speak(text, \"Indonesian Female\");\n } catch (e) {\n console.error(\"ResponsiveVoice error:\", e);\n }\n }\n });\n \n \/\/ Opsional: Hentikan suara saat mouse meninggalkan elemen\n el.addEventListener(\"mouseleave\", function () {\n try {\n if (typeof responsiveVoice !== 'undefined') {\n responsiveVoice.cancel();\n }\n } catch (e) {\n console.error(\"ResponsiveVoice error:\", e);\n }\n });\n });\n\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Taman Numerasi BBGTK DIY Slide Show Foto NUMERASI BUKAN HANYA RUMUS, TAPI KUNCI KEHIDUPAN! Kami persembahkan sebuah terobosan dalam pendidikan di Indonesia: Taman Numerasi BBGTK Provinsi DIY! Filosofi di Balik Setiap Angka Kami meyakini bahwa Numerasi bukan sekedar tentang berhitung. Numerasi merupakan kemampuan memahami, menggunakan, menginterpretasikan angka serta simbol dalam pemecahan masalah di kehidupan sehari-hari. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":9,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/pages\/7\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}