{"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-09-01T04:28:57","modified_gmt":"2026-09-01T04:28:57","slug":"depan-taman-numerasi","status":"publish","type":"page","link":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/","title":{"rendered":"depan taman numerasi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67551beb e-flex e-con-boxed e-con e-parent\" data-id=\"67551beb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4453077b elementor-widget elementor-widget-text-editor\" data-id=\"4453077b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<!-- Impor Font dari Google Fonts -->\n<p>\u00a0<\/p>\n<!-- Script ResponsiveVoice -->\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<!-- Impor Tailwind CSS -->\n<p>tailwind.config = { theme: { extend: { fontFamily: { &#8216;sans&#8217;: [&#8216;Poppins&#8217;, &#8216;sans-serif&#8217;], &#8216;serif&#8217;: [&#8216;Playfair Display&#8217;, &#8216;serif&#8217;], }, colors: { &#8216;brand-orange&#8217;: &#8216;#d35400&#8217;, &#8216;brand-yellow&#8217;: &#8216;#f39c12&#8217;, &#8216;brand-dark&#8217;: &#8216;#2c3e50&#8242;, }, aspectRatio: { &#8217;16\/9&#8242;: &#8217;16 \/ 9&#8217;, }, } } } \/* Gaya tambahan untuk modal *\/ \/* Animasi Modal *\/ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .modal-fade-in { animation: fadeIn 0.3s; } \/* Wrapper untuk rasio 16:9 *\/ .video-wrapper { position: relative; padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/ height: 0; overflow: hidden; background: #000; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } \/* Gaya khusus untuk judul video di galeri agar tidak terlalu besar *\/ .video-gallery .video-item h4, .video-gallery .video-item h3 { font-family: &#8216;Poppins&#8217;, sans-serif; \/* Menggunakan Poppins untuk judul video *\/ font-weight: 600; margin-bottom: 0.5rem; }<\/p>\n<div class=\"container max-w-4xl mx-auto p-5 my-5 bg-white shadow-lg rounded-xl\"><header class=\"text-center mb-5\"><!-- Logo Taman Numerasi --> <img decoding=\"async\" class=\"logo w-96 md:w-[500px] mx-auto cursor-pointer transition-transform duration-200 hover:scale-105\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/10\/header-informasi-1000px.png\" alt=\"Logo Taman Numerasi\" \/><\/header><main><!-- Slideshow -->\n<div class=\"relative w-full h-56 md:h-96 overflow-hidden rounded-lg mb-4 shadow\"><!-- Gambar Slideshow --> <img decoding=\"async\" id=\"slideshowImage\" class=\"main-image w-full h-full object-cover absolute top-0 left-0 transition-opacity duration-1000 ease-in-out\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/5.png\" alt=\"\" \/><\/div>\n<p class=\"text-center italic text-gray-600\">Slide Show Foto<\/p>\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<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<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. Pendeknya kemampuan numerasi adalah kecakapan hidup.<\/p>\n<p>Salah satu upaya membangun kemampuan numerasi adalah melalui pengalaman belajar yang menyenangkan relevan dan bermakna.<\/p>\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<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 Numerasi BBGTK DIY merupakan taman untuk murid belajar dengan merdeka, menyenangkan dan bermakna agar murid\u00a0 ini menjadi wahana untuk lebih mengenal numerasi dengan suasana yang menyenangkan.<\/li>\n<li><strong>Bagi Pendidik:<\/strong> Taman Numerasi BBGTK DIY dapat digunakan sebagai tempat bagi guru sebagai tempat belajar dan berdiskusi tentang numerasi dan mengembangkan aktivitas numerasi yang akan digunakan untuk pembelajaran bagi murid-muridnya. Taman ini bisa juga digunakan oleh guru sebagai tempat praktik menyelenggarakan aktivitas numerasi. Taman Numerasi BBGTK DIY juga bisa menjadi inspirasi para guru dan sekolah apabila hendak mengembangkan taman numerasi di sekolah masing-masing dengan memaksimalkan potensi yang ada.<\/li>\n<\/ul>\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<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 macam permainan dan aktivitas numerasi di dalamnya didesain\u00a0 untuk membina kecakapan\u00a0 numerasi pengunjung. Aktivitas-aktivitasnya didesain agar siswa belajar dan bermain melalui pengalaman langsung yang menyenangkan.<\/p>\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<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<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<p class=\"mt-4\"><strong>Jangan Lewatkan Kesempatan Ini!<\/strong><br \/>Ajak rombongan kelas Anda untuk belajar numerasi secara kontekstual, menyenangkan, dan relevan. Jadikan sekolah Anda terinspirasi!<\/p>\n<p class=\"text-center font-semibold bg-yellow-50 p-4 rounded-lg border border-brand-yellow mt-6\"><strong>SEGERA RESERVASI KUNJUNGAN KELAS ANDA!<\/strong><br \/>Hubungi ULT BBGTK DIY :08112988188 untuk pemesanan tanggal kunjungan.<\/p>\n<\/section>\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<!-- Galeri Video YouTube -->\n<section class=\"video-gallery grid grid-cols-1 md:grid-cols-2 gap-6 mt-6\"><!-- Peresmian (Full Width on Medium Screens) -->\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\">\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\"><img decoding=\"async\" class=\"video-thumbnail w-full h-full object-cover\" src=\"https:\/\/img.youtube.com\/vi\/IPaoBSIrBf4\/hqdefault.jpg\" alt=\"Video Peresmian Taman Numerasi\" \/><\/div>\n<p class=\"text-sm text-gray-600\">Peresmian Taman Numerasi BBGTK DIY<\/p>\n<\/div>\n<!-- Kontainer untuk Indoor dan Outdoor agar bersebelahan di layar lebar -->\n<div class=\"md:col-span-2 grid grid-cols-1 md:grid-cols-2 gap-6\"><!-- Indoor -->\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\">\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\"><img decoding=\"async\" class=\"video-thumbnail w-full h-full object-cover\" src=\"https:\/\/img.youtube.com\/vi\/LAgTjkQBG14\/hqdefault.jpg\" alt=\"Video Taman Numerasi Indoor\" \/><\/div>\n<p class=\"text-sm text-gray-600\">Taman Numerasi Indoor BBGTK DIY<\/p>\n<\/div>\n<!-- Outdoor -->\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\">\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\"><img decoding=\"async\" class=\"video-thumbnail w-full h-full object-cover\" src=\"https:\/\/img.youtube.com\/vi\/5u3EgXquK7E\/hqdefault.jpg\" alt=\"Video Taman Numerasi Outdoor\" \/><\/div>\n<p class=\"text-sm text-gray-600\">Taman Numerasi Outdoor BBGTK DIY<\/p>\n<\/div>\n<\/div>\n<\/section>\n<!-- Ikon Navigasi -->\n<section class=\"icon-section flex justify-around text-center mt-12 pt-6 border-t border-gray-200\"><!-- Lembar Kerja --> <a class=\"icon-item no-underline text-gray-800\" href=\"#\"> <img decoding=\"async\" class=\"w-20 h-20 mb-2 mx-auto transition-transform duration-200 hover:scale-110\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/10\/Lembar-Kerja.png\" alt=\"Lembar Kerja\" \/> <span class=\"font-semibold text-base\">Lembar Kerja<\/span> <\/a> <!-- Kontak Kami --> <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" rel=\"noopener\"> <img decoding=\"async\" class=\"w-20 h-20 mb-2 mx-auto transition-transform duration-200 hover:scale-110\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/10\/Kontak.png\" alt=\"Kontak Kami\" \/> <span class=\"font-semibold text-base\">Kontak Kami<\/span> <\/a><\/section>\n<\/main><\/div>\n<!-- Modal\/Pop-up untuk Video -->\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\"><!-- Tombol Close --> <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\">\u00d7<\/span> <!-- Wrapper Video 16:9 -->\n<div class=\"video-wrapper rounded-lg overflow-hidden shadow-2xl\">\u00a0<\/div>\n<\/div>\n<\/div>\n<p>\/\/ &#8212; Skrip Modal Video &#8212; const modal = document.getElementById(&#8220;videoModal&#8221;); const videoFrame = document.getElementById(&#8220;videoFrame&#8221;); \/** * Membuka modal dan memainkan video. * @param {string} videoId &#8211; ID video YouTube. *\/ function openModal(videoId) { \/\/ Menggunakan &#8217;embed&#8217; dan &#8216;autoplay=1&#8217; untuk putar otomatis videoFrame.src = `https:\/\/www.youtube.com\/embed\/${videoId}?si=temp&amp;autoplay=1`; modal.classList.remove(&#8220;hidden&#8221;); } \/** * Menutup modal dan menghentikan video. *\/ function closeModal() { modal.classList.add(&#8220;hidden&#8221;); videoFrame.src = &#8220;&#8221;; \/\/ Hentikan pemutaran video } \/\/ Tutup modal jika user klik di luar area konten modal window.onclick = function(event) { if (event.target == modal) { closeModal(); } } \/\/ &#8212; Skrip Slideshow Sederhana &#8212; const slideshowImages = [ &#8220;https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/5.png&#8221;, &#8220;https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/4.png&#8221;, &#8220;https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2025\/08\/2-1.png&#8221; ]; let currentSlideIndex = 0; const slideshowElement = document.getElementById(&#8220;slideshowImage&#8221;); if (slideshowElement) { function nextSlide() { currentSlideIndex = (currentSlideIndex + 1) % slideshowImages.length; \/\/ Efek fade out slideshowElement.style.opacity = 0; setTimeout(() =&gt; { \/\/ Ganti gambar setelah fade out slideshowElement.src = slideshowImages[currentSlideIndex]; \/\/ Efek fade in slideshowElement.style.opacity = 1; }, 1000); \/\/ Waktu ini harus cocok dengan durasi transisi CSS (duration-1000) } \/\/ Ganti slide setiap 4 detik (1 detik fade, 3 detik tampil) setInterval(nextSlide, 4000); } \/\/ &#8212; Skrip ResponsiveVoice (sesuai permintaan) &#8212; \/** * Membaca teks yang sedang diseleksi. *\/ function bacaTeksTerpilih() { try { if (typeof responsiveVoice === &#8216;undefined&#8217;) { console.warn(&#8220;ResponsiveVoice not loaded.&#8221;); return; } const selectedText = window.getSelection().toString().trim(); if (selectedText.length &gt; 0) { responsiveVoice.cancel(); \/\/ Hentikan suara sebelumnya responsiveVoice.speak(selectedText, &#8220;Indonesian Female&#8221;); } } catch (e) { console.error(&#8220;ResponsiveVoice error:&#8221;, e); } } \/\/ Aktif saat mouse selesai blok teks document.addEventListener(&#8220;mouseup&#8221;, function () { \/\/ Beri jeda sedikit agar window.getSelection() mendapatkan teks terbaru setTimeout(bacaTeksTerpilih, 100); }); \/\/ Aktif saat double click pada kata document.addEventListener(&#8220;dblclick&#8221;, function () { setTimeout(bacaTeksTerpilih, 100); }); \/\/ Aktif saat mouse hover ke elemen teks \/\/ Dibatasi hanya untuk elemen di dalam &#8216;.container&#8217; agar lebih spesifik const elementsToSpeak = document.querySelectorAll( &#8220;.container p, .container span, .container li, .container h1, .container h2, .container h3, .container h4, .container h5, .container h6&#8221; ); elementsToSpeak.forEach(function(el) { el.addEventListener(&#8220;mouseenter&#8221;, function () { const text = el.innerText.trim(); if (text.length &gt; 0 &amp;&amp; text.length &lt; 500) { \/\/ Batasi panjang teks agar tidak terlalu panjang try { if (typeof responsiveVoice === &#8216;undefined&#8217;) { console.warn(&#8220;ResponsiveVoice not loaded.&#8221;); return; } responsiveVoice.cancel(); \/\/ Hentikan suara sebelumnya responsiveVoice.speak(text, &#8220;Indonesian Female&#8221;); } catch (e) { console.error(&#8220;ResponsiveVoice error:&#8221;, e); } } }); \/\/ Opsional: Hentikan suara saat mouse meninggalkan elemen el.addEventListener(&#8220;mouseleave&#8221;, function () { try { if (typeof responsiveVoice !== &#8216;undefined&#8217;) { responsiveVoice.cancel(); } } catch (e) { console.error(&#8220;ResponsiveVoice error:&#8221;, e); } }); });<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 tailwind.config = { theme: { extend: { fontFamily: { &#8216;sans&#8217;: [&#8216;Poppins&#8217;, &#8216;sans-serif&#8217;], &#8216;serif&#8217;: [&#8216;Playfair Display&#8217;, &#8216;serif&#8217;], }, colors: { &#8216;brand-orange&#8217;: &#8216;#d35400&#8217;, &#8216;brand-yellow&#8217;: &#8216;#f39c12&#8217;, &#8216;brand-dark&#8217;: &#8216;#2c3e50&#8242;, }, aspectRatio: { &#8217;16\/9&#8242;: &#8217;16 \/ 9&#8217;, }, } } } \/* Gaya tambahan untuk modal *\/ \/* Animasi Modal *\/ @keyframes fadeIn { [&hellip;]<\/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":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_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":13,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/tamannumerasi\/wp-json\/wp\/v2\/pages\/7\/revisions\/52"}],"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}]}}