{"id":330,"date":"2025-07-01T16:53:25","date_gmt":"2025-07-01T08:53:25","guid":{"rendered":"https:\/\/www.ukm.my\/metaskool\/?p=330"},"modified":"2025-07-02T17:40:55","modified_gmt":"2025-07-02T09:40:55","slug":"metaskool-tot-sstp-jpn-kedah-empowering-educators-in-the-metaverse","status":"publish","type":"post","link":"https:\/\/www.ukm.my\/metaskool\/metaskool-tot-sstp-jpn-kedah-empowering-educators-in-the-metaverse\/","title":{"rendered":"MetaSkool ToT @ SSTP JPN Kedah \u2014 Empowering Educators in the Metaverse"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"330\" class=\"elementor elementor-330\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2761ae e-flex e-con-boxed e-con e-parent\" data-id=\"a2761ae\" 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-5ab932a elementor-widget elementor-widget-html\" data-id=\"5ab932a\" 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\/2025\/07\/IMG_0379.jpg\" alt=\"Image 1\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/07\/IMG_3915E00D292A-1-1.jpeg\" alt=\"Image 2\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/07\/IMG_0365-1.jpg\" alt=\"Image 3\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/07\/IMG_830F2D6E35BF-1.jpeg\" alt=\"Image 4\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/07\/IMG_26C4C8D1434A-1.jpeg\" alt=\"Image 5\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/07\/IMG_20F904B29188-1.jpeg\" alt=\"Image 6\">\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-6da805a e-flex e-con-boxed e-con e-parent\" data-id=\"6da805a\" 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-e411a23 elementor-widget elementor-widget-text-editor\" data-id=\"e411a23\" 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<p data-start=\"155\" data-end=\"731\">The Training of Trainers (ToT) programme began with a warm welcome from the Sektor Sumber dan Teknologi Pendidikan (SSTP), JPN Kedah. The session brought together a group of educators eager to explore new frontiers in digital learning. At the centre of the programme was MetaSkool, a metaverse education initiative introduced by MDEC in collaboration with Universiti Kebangsaan Malaysia (UKM). Launched in 2023, the initiative aims to introduce immersive learning experiences into classrooms across the country, offering a fresh, interactive approach to teaching and learning.<\/p><p data-start=\"733\" data-end=\"1192\">Led by facilitators from the Faculty of Education at UKM, the training offered hands-on exposure to the MetaSkool platform, which is hosted on Spatial.io. Participants were introduced to the platform\u2019s core features, explored the MetaSkool headquarters, and navigated the newly launched SSTP JPN Kedah HQ. These early sessions focused on building confidence in using the platform and imagining how virtual spaces could complement traditional teaching methods.<\/p><p data-start=\"1194\" data-end=\"1786\">One of the more engaging parts of the programme was the world-building session. Each teacher was paired with two student participants. The teachers shared their ideas for how their metaverse lesson-worlds should look and feel, offering input on the content, structure, and educational goals. The students then turned these ideas into immersive digital environments, building out the virtual spaces using the tools they had learned. The process brought together the creative energy of both teachers and students, offering a glimpse into how co-creation could shape future learning experiences.<\/p><p data-start=\"1788\" data-end=\"2233\">Participants were also guided through several existing immersive worlds, including MetaSkool HQ, Dead Town: EcoCity Quest, and Parameswara. These environments provided concrete examples of how the metaverse can support curriculum-driven storytelling, interactive exploration, and deep engagement with subject matter. Each space was designed with a clear educational purpose in mind, showing how immersive design can align with learning outcomes.<\/p><p data-start=\"2235\" data-end=\"2679\" data-is-last-node=\"\" data-is-only-node=\"\">The MetaSkool ToT session at SSTP JPN Kedah marked a meaningful step forward in local education innovation. With teachers now equipped to design and lead in metaverse environments, the district is positioned to take the lead in future-ready education. The experience not only introduced new tools but also encouraged new ways of thinking about collaboration, creativity, and the possibilities of immersive technology in the Malaysian classroom.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c658a3 elementor-widget elementor-widget-video\" data-id=\"6c658a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/PLpI9krcsTI&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-ca4216b e-flex e-con-boxed e-con e-parent\" data-id=\"ca4216b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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 The Training of Trainers (ToT) programme began with a warm welcome from the Sektor Sumber dan Teknologi Pendidikan (SSTP), JPN Kedah. The session<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/metaskool\/metaskool-tot-sstp-jpn-kedah-empowering-educators-in-the-metaverse\/\"> &#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-330","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/330","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=330"}],"version-history":[{"count":19,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/330\/revisions"}],"predecessor-version":[{"id":392,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/330\/revisions\/392"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/media?parent=330"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/categories?post=330"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/tags?post=330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}