{"id":928,"date":"2026-07-25T15:04:16","date_gmt":"2026-07-25T07:04:16","guid":{"rendered":"https:\/\/www.ukm.my\/metaskool\/?p=928"},"modified":"2026-07-25T15:05:50","modified_gmt":"2026-07-25T07:05:50","slug":"metaskool-digital-ipi-at-sekolah-pondok-darul-furqan","status":"publish","type":"post","link":"https:\/\/www.ukm.my\/metaskool\/metaskool-digital-ipi-at-sekolah-pondok-darul-furqan\/","title":{"rendered":"MetaSkool-Digital IPI at Sekolah Pondok Darul Furqan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"928\" class=\"elementor elementor-928\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7769ed e-flex e-con-boxed e-con e-parent\" data-id=\"e7769ed\" 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-dc6b86b elementor-widget elementor-widget-html\" data-id=\"dc6b86b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Image Carousel<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n    <style>\n        .swiper {\n            width: 100%;\n            max-width: 100%;\n            height: auto;\n            aspect-ratio: 4\/3;\n            margin: 0 auto;\n        }\n\n        @media (max-width: 768px) {\n            .swiper {\n                height: 75vh;\n                max-height: 800px;\n                aspect-ratio: 4\/3;\n            }\n        }\n\n        .swiper-slide {\n            text-align: center;\n            background: #f8f8f8;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height: 100%;\n        }\n\n        .swiper-slide img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            max-height: 100%;\n        }\n\n        .swiper-button-next,\n        .swiper-button-prev {\n            color: #ffffff;\n            background: rgba(0, 0, 0, 0.5);\n            padding: 30px 20px;\n            border-radius: 5px;\n        }\n\n        @media (max-width: 768px) {\n            .swiper-button-next,\n            .swiper-button-prev {\n                padding: 20px 15px;\n                transform: scale(0.8);\n            }\n        }\n\n        .swiper-pagination-bullet {\n            width: 12px;\n            height: 12px;\n            background: #ffffff;\n            opacity: 0.7;\n        }\n\n        .swiper-pagination-bullet-active {\n            opacity: 1;\n            background: #007aff;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"swiper\">\n        <div class=\"swiper-wrapper\">\n            <!-- Replace the src attributes with your actual image URLs -->\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2026\/07\/IMG_3833.jpg\" alt=\"Image 1\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2026\/07\/IMG_3834.jpg\" alt=\"Image 2\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2026\/07\/IMG_3835.jpg\" alt=\"Image 3\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2026\/07\/IMG_3836.jpg\" alt=\"Image 4\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2026\/07\/IMG_3837.jpg\" alt=\"Image 5\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2026\/07\/IMG_3838.jpg\" alt=\"Image 6\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2026\/07\/IMG_3840.jpg\" alt=\"Image 7\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2026\/07\/IMG_3841.jpg\" alt=\"Image 8\">\n            <\/div>\n        <\/div>\n            <\/div>\n        <\/div>\n         \n        <!-- Navigation buttons -->\n        <div class=\"swiper-button-next\"><\/div>\n        <div class=\"swiper-button-prev\"><\/div>\n        \n        <!-- Pagination dots -->\n        <div class=\"swiper-pagination\"><\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n    <script>\n        const swiper = new Swiper('.swiper', {\n            \/\/ Enable loop mode\n            loop: true,\n            \n            \/\/ Enable autoplay\n            autoplay: {\n                delay: 3000,\n                disableOnInteraction: false,\n            },\n            \n            \/\/ Enable pagination\n            pagination: {\n                el: '.swiper-pagination',\n                clickable: true,\n            },\n            \n            \/\/ Enable navigation buttons\n            navigation: {\n                nextEl: '.swiper-button-next',\n                prevEl: '.swiper-button-prev',\n            },\n            \n            \/\/ Add effects\n            effect: 'slide',\n            \n            \/\/ Responsive breakpoints\n            breakpoints: {\n                \/\/ when window width is >= 320px\n                320: {\n                    slidesPerView: 1,\n                    spaceBetween: 20\n                },\n                \/\/ when window width is >= 768px\n                768: {\n                    slidesPerView: 1,\n                    spaceBetween: 30\n                }\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a39448 e-flex e-con-boxed e-con e-parent\" data-id=\"8a39448\" 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-535a521 elementor-widget elementor-widget-text-editor\" data-id=\"535a521\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"x14z9mp xat24cr x1lziwak x1vvkbs xtlvy1s x126k92a\"><div dir=\"auto\"><p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\" data-sourcepos=\"1:1-1:626;0-625\">On 9\u201310 July 2026, the MetaSkool@Digital IPI (Institusi Pendidikan Islam) training programme was successfully conducted with educators and students from Sekolah Pondok Darul Furqan, Ipoh, Perak. This pilot initiative represents a significant milestone in Malaysia&#8217;s commitment to digital transformation within the Islamic education sector, bringing together the Malaysia Digital Economy Corporation (MDEC), the Department of Islamic Development Malaysia (JAKIM), and Universiti Kebangsaan Malaysia (UKM) in a collaborative effort to modernise teaching and learning methodologies across sekolah pondok and tahfiz institutions.<\/p><p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\" data-sourcepos=\"3:1-3:796;627-1422\">As MDEC&#8217;s strategic partner, UKM co-developed both the MetaSkool programme and the Metaverse Learning Framework for Education\u2014a comprehensive pedagogical model grounded in contemporary educational research and informed by best practices in technology integration. This collaborative approach ensures that technological innovation remains aligned with sound pedagogical principles, maximising learning outcomes while maintaining the distinctive values and intellectual rigour central to Islamic education. The partnership reflects a shared vision to position Islamic educational institutions at the forefront of Malaysia&#8217;s digital economy, enabling them to harness emerging technologies as powerful vehicles for enhanced student engagement, knowledge retention, and critical thinking development.<\/p><p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\" data-sourcepos=\"5:1-5:824;1424-2247\">Throughout the two-day workshop, participants engaged in both theoretical exploration and hands-on practical experience. Educators and students explored the potential of metaverse-based learning environments, discovering how three-dimensional, interactive virtual spaces can be leveraged to create engaging and contextualised educational experiences. Sessions focused on practical strategies for integrating digital tools into existing Islamic curricula while maintaining pedagogical authenticity, alongside capacity-building activities designed to develop educator competencies in designing and facilitating immersive learning experiences. Students participated in interactive activities that built digital literacy and collaborative problem-solving skills within a contextualised, culturally grounded educational setting.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\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>Image Carousel On 9\u201310 July 2026, the MetaSkool@Digital IPI (Institusi Pendidikan Islam) training programme was successfully conducted with educators and students from Sekolah Pondok Darul<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/metaskool\/metaskool-digital-ipi-at-sekolah-pondok-darul-furqan\/\"> &#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-928","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/928","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/comments?post=928"}],"version-history":[{"count":10,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/928\/revisions"}],"predecessor-version":[{"id":946,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/928\/revisions\/946"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/media?parent=928"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/categories?post=928"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/tags?post=928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}