{"id":479,"date":"2025-08-04T16:50:29","date_gmt":"2025-08-04T08:50:29","guid":{"rendered":"https:\/\/www.ukm.my\/metaskool\/?p=479"},"modified":"2025-08-04T16:51:13","modified_gmt":"2025-08-04T08:51:13","slug":"metaskool-tot-sstp-jpn-perak","status":"publish","type":"post","link":"https:\/\/www.ukm.my\/metaskool\/metaskool-tot-sstp-jpn-perak\/","title":{"rendered":"MetaSkool ToT @ SSTP JPN Perak"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"479\" class=\"elementor elementor-479\">\n\t\t\t\t<div class=\"elementor-element elementor-element-782d4db e-flex e-con-boxed e-con e-parent\" data-id=\"782d4db\" 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-d7da947 elementor-widget elementor-widget-html\" data-id=\"d7da947\" 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\/08\/IMG_8825.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\/08\/IMG_8826.jpg\" alt=\"Image 2\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/08\/IMG_8828.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\/08\/IMG_8829.jpg\" alt=\"Image 4\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/08\/IMG_8830.jpg\" alt=\"Image 5\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/08\/IMG_8832-2.jpg\" alt=\"Image 6\">\n            <\/div>\n            <div class=\"swiper-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/08\/IMG_8831-2.jpg\" 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-cb7498d e-flex e-con-boxed e-con e-parent\" data-id=\"cb7498d\" 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-3036511 elementor-widget elementor-widget-text-editor\" data-id=\"3036511\" 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=\"301\" data-end=\"668\">The MetaSkool Training of Trainers (ToT) session in Perak added yet another exciting milestone to our mission of transforming education through immersive digital learning. Hosted over two days, the program brought together a vibrant mix of 12 dedicated teachers and 24 enthusiastic students from 12 schools, all united by a shared vision for the future of learning.<\/p><p data-start=\"670\" data-end=\"1059\">Representing schools from across the state, participants embraced the opportunity to explore the boundless possibilities of the metaverse. Their passion and curiosity reflected a growing momentum for integrating emerging technologies into Malaysia\u2019s classrooms\u2014an aspiration strongly aligned with the Ministry of Education\u2019s vision to strengthen digital learning approaches for students.<\/p><p data-start=\"1061\" data-end=\"1402\">A highlight of the session was watching students and teachers collaborate to design and build their own virtual environments using Spatial, a collaborative 3D platform. From concept to creation, participants transformed their metaverse spaces into engaging, game-like experiences that pushed the boundaries of creativity and interactivity.<\/p><p data-start=\"1404\" data-end=\"1695\">The energy in the room was a testament to how immersive technology can inspire new ways of thinking and learning. By giving students the tools to create and explore, we open the door to skills that extend far beyond the classroom\u2014critical thinking, problem-solving, and digital confidence.<\/p><p data-start=\"1697\" data-end=\"2037\">With Perak\u2019s MetaSkool ToT now a success, we are more inspired than ever to continue expanding the reach of the metaverse in education. Together with passionate educators and eager learners, we are building a future where technology not only enhances learning but also empowers students to thrive in an ever-changing digital world. \ud83c\udf89\ud83d\udc4f\ud83c\udffb<\/p>\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<div class=\"elementor-element elementor-element-07c39ae e-flex e-con-boxed e-con e-parent\" data-id=\"07c39ae\" 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-0491080 elementor-widget elementor-widget-video\" data-id=\"0491080\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=GQdW1iTAhwE&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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Image Carousel The MetaSkool Training of Trainers (ToT) session in Perak added yet another exciting milestone to our mission of transforming education through immersive digital<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/metaskool\/metaskool-tot-sstp-jpn-perak\/\"> &#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-479","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/479","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=479"}],"version-history":[{"count":4,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/479\/revisions"}],"predecessor-version":[{"id":487,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/479\/revisions\/487"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/media?parent=479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/categories?post=479"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/tags?post=479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}