{"id":406,"date":"2025-07-14T17:46:45","date_gmt":"2025-07-14T09:46:45","guid":{"rendered":"https:\/\/www.ukm.my\/metaskool\/?p=406"},"modified":"2025-07-14T17:48:53","modified_gmt":"2025-07-14T09:48:53","slug":"metaskool-tot-sstp-jpn-pahang","status":"publish","type":"post","link":"https:\/\/www.ukm.my\/metaskool\/metaskool-tot-sstp-jpn-pahang\/","title":{"rendered":"MetaSkool ToT @ SSTP JPN Pahang"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"406\" class=\"elementor elementor-406\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33c0ca2 e-flex e-con-boxed e-con e-parent\" data-id=\"33c0ca2\" 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-890a73b elementor-widget elementor-widget-html\" data-id=\"890a73b\" 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_7529-1-scaled.jpeg\" 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\/photo_6300878437149165404_y-1.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\/07\/photo_6303130236962849519_y.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\/photo_6300878437149165372_y-1.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\/07\/photo_6300878437149165359_y.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\/07\/photo_6303130236962849221_y.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\/07\/photo_6303130236962849231_y.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-54c6509 e-flex e-con-boxed e-con e-parent\" data-id=\"54c6509\" 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-51693ca elementor-widget elementor-widget-text-editor\" data-id=\"51693ca\" 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=\"122\" data-end=\"795\">The MetaSkool ToT session in Pekan, Pahang marked a meaningful continuation of our mission to cultivate future-ready educators and students through immersive digital learning. This time, we were honoured to conduct the training at one of the appointed Digital Maker Hubs (DMH) by Malaysia Digital Economy Corporation (MDEC), strategically located in the STEM Lab of Universiti Malaysia Pahang Al-Sultan Abdullah (UMP). As a hub designed to nurture innovation, creativity, and digital competency among Malaysian youth, the setting provided the perfect environment for our educators and students to dive deep into emerging technologies and metaverse integration in education.<\/p><p data-start=\"797\" data-end=\"1325\">The session brought together 17 passionate teachers and 30 enthusiastic students from various schools across the Pekan district. Throughout the day, participants explored engaging digital tools, collaborative virtual platforms, and hands-on activities that highlighted the potential of metaverse applications in the classroom. The energy and curiosity displayed by both teachers and students reaffirmed our belief in the importance of equipping schools with the knowledge and tools to thrive in a rapidly evolving digital world.<\/p><p data-start=\"1327\" data-end=\"1668\">With each session, we continue to see the impact of MetaSkool\u2019s vision coming to life\u2014bridging the gap between traditional education and future-forward pedagogy. As we look ahead, several more ToT sessions are lined up across the country, each one playing a crucial role in shaping a digitally empowered generation of learners and educators.<\/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-8821eb8 e-flex e-con-boxed e-con e-parent\" data-id=\"8821eb8\" 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-522f186 elementor-widget elementor-widget-video\" data-id=\"522f186\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=R-cCxo5pwns&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 ToT session in Pekan, Pahang marked a meaningful continuation of our mission to cultivate future-ready educators and students through immersive digital<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/metaskool\/metaskool-tot-sstp-jpn-pahang\/\"> &#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-406","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/406","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=406"}],"version-history":[{"count":10,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/406\/revisions"}],"predecessor-version":[{"id":422,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/406\/revisions\/422"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/media?parent=406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/categories?post=406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/tags?post=406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}