{"id":497,"date":"2025-08-15T15:07:54","date_gmt":"2025-08-15T07:07:54","guid":{"rendered":"https:\/\/www.ukm.my\/metaskool\/?p=497"},"modified":"2025-08-15T15:55:26","modified_gmt":"2025-08-15T07:55:26","slug":"metaskool-at-k-semanis","status":"publish","type":"post","link":"https:\/\/www.ukm.my\/metaskool\/metaskool-at-k-semanis\/","title":{"rendered":"MetaSkool at K-Semanis"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"497\" class=\"elementor elementor-497\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44789f0 e-flex e-con-boxed e-con e-parent\" data-id=\"44789f0\" 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-0e3884c elementor-widget elementor-widget-html\" data-id=\"0e3884c\" 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_8931-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\/08\/IMG_8913-scaled.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\/08\/IMG_8910-scaled.jpeg\" 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_8906-scaled.jpeg\" alt=\"Image 4\">\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-a461120 e-flex e-con-boxed e-con e-parent\" data-id=\"a461120\" 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-99d9111 elementor-widget elementor-widget-text-editor\" data-id=\"99d9111\" 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=\"174\" data-end=\"507\">The MetaSkool training session at K-Semanis, organised by PPD Klang, marked another inspiring step in our mission to transform education through immersive digital learning. Bringing together about 70 enthusiastic students from schools across Selangor, the session was a vibrant showcase of curiosity, creativity, and collaboration.<\/p><p data-start=\"509\" data-end=\"824\">A special appreciation goes to our pioneer teacher, Ah Ho Yen Sze, and Dr. Joei Ong Suk Mei, whose dedication and expertise guided the students throughout the program. Their generous sharing of knowledge and hands-on mentoring ensured every participant gained valuable skills and confidence in navigating the metaverse.<\/p><p data-start=\"826\" data-end=\"1204\">Throughout the session, students explored the exciting potential of virtual worlds for learning, creation, and problem-solving. From crafting interactive spaces to experimenting with immersive tools, they discovered how the metaverse can be more than just a digital playground\u2014it can be a dynamic learning environment that nurtures creativity, teamwork, and critical thinking.<\/p><p data-start=\"1206\" data-end=\"1418\">The energy and enthusiasm in the room were undeniable. Students not only learned how to build in the metaverse but also experienced firsthand how technology can empower them to express ideas in innovative ways.<\/p><p data-start=\"1420\" data-end=\"1755\">With the success of K-Semanis, we are even more driven to continue expanding the reach of the MetaSkool initiative across Malaysia. Together with passionate educators and curious learners, we are shaping a future where immersive technology enhances learning and empowers the next generation to thrive in a digital-first 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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Image Carousel The MetaSkool training session at K-Semanis, organised by PPD Klang, marked another inspiring step in our mission to transform education through immersive digital<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/metaskool\/metaskool-at-k-semanis\/\"> &#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-497","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/497","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=497"}],"version-history":[{"count":12,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/497\/revisions"}],"predecessor-version":[{"id":548,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/posts\/497\/revisions\/548"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/media?parent=497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/categories?post=497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/tags?post=497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}