{"id":3217,"date":"2026-03-14T11:20:15","date_gmt":"2026-03-14T03:20:15","guid":{"rendered":"https:\/\/iweb20wp-b205b.url.tku.edu.tw\/et\/?page_id=3217"},"modified":"2026-07-21T16:58:03","modified_gmt":"2026-07-21T08:58:03","slug":"0-2-4-facilities","status":"publish","type":"page","link":"\/et\/?page_id=3217","title":{"rendered":"Facilities"},"content":{"rendered":"\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-container container\" style=\"position:relative\" block_id=\"mmprdinz1j89vvqrpaxi\"><style><\/style>\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-5 align-self-center\">\n<h3 class=\"wp-block-heading has-text-color has-link-color wp-elements-627d339ddad30e5140cefb9548696ffd\" style=\"color:#426dba;letter-spacing:1px;text-transform:uppercase\"><strong>L102<\/strong><\/h3>\n\n\n\n<p style=\"font-size:23px\"><strong>L102. <\/strong><strong>Digital Media Design &amp; Development Classroom ,Department of Educational Technol<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-6 align-self-center\"><div class=\"container-fluid p-0\"><div class=\"owl-carousel slideshow headslides position-relative \" id=\"mmprjcufn8aj9c7xji\"><div class=\"owl-carousel-item position-relative\" customedate=\"2117-01-31 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/et\/wp-content\/uploads\/2026\/01\/L102-1-scaled.jpg\" alt=\"L102_1\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><div class=\"owl-carousel-item position-relative\" customedate=\"2124-01-29 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/et\/wp-content\/uploads\/2026\/01\/L102-5-scaled.jpg\" alt=\"L102_2\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><\/div><\/div><style>\n            #mmprjcufn8aj9c7xji.owl-carousel {\n                display: block;\n            }\n            #mmprjcufn8aj9c7xji .carousel-caption {\n                position: relative;\n                float: left;\n                left: 0;\n                padding: 0;\n                margin-left: 30px;\n                margin-top: 30px;\n                text-align: left;\n            }\n                    #mmprjcufn8aj9c7xji.slideshow .owl-nav {\n                    \/*    right: 0;  *\/\n                    \/*    flex-direction: row;  *\/\n                    \/*    justify-content: space-between; *\/\n                        width: 100%; \n                    }\n                    #mmprjcufn8aj9c7xji.slideshow .owl-nav .owl-prev {\n                        left: 1%;\n                        position: absolute;\n                    }\n                    #mmprjcufn8aj9c7xji.slideshow .owl-nav .owl-next {\n                        right: 1%;\n                        position: absolute;\n\n                    }\n                    <\/style><script>\n                $(document).ready(function () {\n                    $(\"#mmprjcufn8aj9c7xji .owl-carousel-item\").each(function () {\n                        var expireDateStr = $(this).attr(\"customedate\"); \/\/ Get expire attribute\n                        let expireDate = new Date(expireDateStr);\n                        var currentDate = new Date(); \/\/ Get current time\n                        console.log(\"Current Date: \", currentDate); \/\/ Log current date to console\n                        if (expireDate < currentDate) {\n                            $(this).remove(); \/\/ Remove expired item\n                        }\n                    });\n                    let owl = $(\"#mmprjcufn8aj9c7xji.owl-carousel\");\n                    $(\"#mmprjcufn8aj9c7xji\").owlCarousel({\n                        autoplay: true,\n                        autoplayHoverPause:true,\n                        smartSpeed: 1500,\n                        autoplayTimeout: 8000,\n                        items: 1,dots: false,autoHeight: true, \n                        loop: true,\n                        nav : true,\n                        lazyLoad: true,\n                        animateOut: \"fadeOut\",\n                        animateIn: \"fadeIn\",\n                        navText : [\n                            '<i class=\"bi bi-chevron-left\"><\/i>',\n                            '<i class=\"bi bi-chevron-right\"><\/i>'\n                        ]\n                    });\n\n                    setTimeout(function(event) {\n                        owl.on(\"changed.owl.carousel\", function(event) {\n                            var item = event.item.index - 2;     \/\/ Position of the current item\n                            $(\"h2\").removeClass(\"animated slideInDown\");\n                            $(\"h5\").removeClass(\"animated rotateIn\");                    \n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h2\").addClass(\"animated slideInDown\");\n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h5\").addClass(\"animated rotateIn\");  \n                        });}\n                    , 300); \n                \n    \n                });\n                <\/script><\/div>\n\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-6 align-self-center\"><div class=\"container-fluid p-0\"><div class=\"owl-carousel slideshow headslides position-relative \" id=\"mmprkyl33ek53he8233\"><div class=\"owl-carousel-item position-relative\" customedate=\"2125-01-28 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/et\/wp-content\/uploads\/2026\/01\/L103_3-scaled.jpg\" alt=\"L103_1\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><div class=\"owl-carousel-item position-relative\" customedate=\"2125-01-17 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/et\/wp-content\/uploads\/2026\/01\/L103_2-scaled.jpg\" alt=\"L103_2\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><div class=\"owl-carousel-item position-relative\" customedate=\"2126-01-30 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/et\/wp-content\/uploads\/2026\/01\/L103_1-scaled.jpg\" alt=\"L103_3\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><\/div><\/div><style>\n            #mmprkyl33ek53he8233.owl-carousel {\n                display: block;\n            }\n            #mmprkyl33ek53he8233 .carousel-caption {\n                position: relative;\n                float: left;\n                left: 0;\n                padding: 0;\n                margin-left: 30px;\n                margin-top: 30px;\n                text-align: left;\n            }\n                    #mmprkyl33ek53he8233.slideshow .owl-nav {\n                    \/*    right: 0;  *\/\n                    \/*    flex-direction: row;  *\/\n                    \/*    justify-content: space-between; *\/\n                        width: 100%; \n                    }\n                    #mmprkyl33ek53he8233.slideshow .owl-nav .owl-prev {\n                        left: 1%;\n                        position: absolute;\n                    }\n                    #mmprkyl33ek53he8233.slideshow .owl-nav .owl-next {\n                        right: 1%;\n                        position: absolute;\n\n                    }\n                    <\/style><script>\n                $(document).ready(function () {\n                    $(\"#mmprkyl33ek53he8233 .owl-carousel-item\").each(function () {\n                        var expireDateStr = $(this).attr(\"customedate\"); \/\/ Get expire attribute\n                        let expireDate = new Date(expireDateStr);\n                        var currentDate = new Date(); \/\/ Get current time\n                        console.log(\"Current Date: \", currentDate); \/\/ Log current date to console\n                        if (expireDate < currentDate) {\n                            $(this).remove(); \/\/ Remove expired item\n                        }\n                    });\n                    let owl = $(\"#mmprkyl33ek53he8233.owl-carousel\");\n                    $(\"#mmprkyl33ek53he8233\").owlCarousel({\n                        autoplay: true,\n                        autoplayHoverPause:true,\n                        smartSpeed: 1500,\n                        autoplayTimeout: 8000,\n                        items: 1,dots: false,autoHeight: true, \n                        loop: true,\n                        nav : true,\n                        lazyLoad: true,\n                        animateOut: \"fadeOut\",\n                        animateIn: \"fadeIn\",\n                        navText : [\n                            '<i class=\"bi bi-chevron-left\"><\/i>',\n                            '<i class=\"bi bi-chevron-right\"><\/i>'\n                        ]\n                    });\n\n                    setTimeout(function(event) {\n                        owl.on(\"changed.owl.carousel\", function(event) {\n                            var item = event.item.index - 2;     \/\/ Position of the current item\n                            $(\"h2\").removeClass(\"animated slideInDown\");\n                            $(\"h5\").removeClass(\"animated rotateIn\");                    \n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h2\").addClass(\"animated slideInDown\");\n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h5\").addClass(\"animated rotateIn\");  \n                        });}\n                    , 300); \n                \n    \n                });\n                <\/script><\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-5 align-self-center\">\n<h3 class=\"wp-block-heading has-text-color has-link-color wp-elements-5b95579c592256188a957b1276e41e83\" style=\"color:#426dba;letter-spacing:1px;text-transform:uppercase\"><strong>L103<\/strong><\/h3>\n\n\n\n<p style=\"font-size:23px\"><strong>L103.&nbsp;Macintosh Computer Classroom of Department of Educational Technology<\/strong><\/p>\n<\/div>\n\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-5 align-self-center\">\n<h3 class=\"wp-block-heading has-text-color has-link-color wp-elements-3c1378226ef2ca087efc757565b365b6\" style=\"color:#426dba;letter-spacing:1px;text-transform:uppercase\"><strong>L105<\/strong><\/h3>\n\n\n\n<p style=\"font-size:23px\"><strong><strong>L105.&nbsp;Multimedia Discussion Classroom, Department of Educational Technology&nbsp;<\/strong><\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-6 align-self-center\"><div class=\"container-fluid p-0\"><div class=\"owl-carousel slideshow headslides position-relative \" id=\"mmprnbtxhttc2x742pk\"><div class=\"owl-carousel-item position-relative\" customedate=\"2125-01-26 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/et\/wp-content\/uploads\/2026\/01\/L105-1.jpg\" alt=\"L105_1\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><div class=\"owl-carousel-item position-relative\" customedate=\"2125-01-26 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/et\/wp-content\/uploads\/2026\/01\/L105.jpg\" alt=\"L105_2\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><\/div><\/div><style>\n            #mmprnbtxhttc2x742pk.owl-carousel {\n                display: block;\n            }\n            #mmprnbtxhttc2x742pk .carousel-caption {\n                position: relative;\n                float: left;\n                left: 0;\n                padding: 0;\n                margin-left: 30px;\n                margin-top: 30px;\n                text-align: left;\n            }\n                    #mmprnbtxhttc2x742pk.slideshow .owl-nav {\n                    \/*    right: 0;  *\/\n                    \/*    flex-direction: row;  *\/\n                    \/*    justify-content: space-between; *\/\n                        width: 100%; \n                    }\n                    #mmprnbtxhttc2x742pk.slideshow .owl-nav .owl-prev {\n                        left: 1%;\n                        position: absolute;\n                    }\n                    #mmprnbtxhttc2x742pk.slideshow .owl-nav .owl-next {\n                        right: 1%;\n                        position: absolute;\n\n                    }\n                    <\/style><script>\n                $(document).ready(function () {\n                    $(\"#mmprnbtxhttc2x742pk .owl-carousel-item\").each(function () {\n                        var expireDateStr = $(this).attr(\"customedate\"); \/\/ Get expire attribute\n                        let expireDate = new Date(expireDateStr);\n                        var currentDate = new Date(); \/\/ Get current time\n                        console.log(\"Current Date: \", currentDate); \/\/ Log current date to console\n                        if (expireDate < currentDate) {\n                            $(this).remove(); \/\/ Remove expired item\n                        }\n                    });\n                    let owl = $(\"#mmprnbtxhttc2x742pk.owl-carousel\");\n                    $(\"#mmprnbtxhttc2x742pk\").owlCarousel({\n                        autoplay: true,\n                        autoplayHoverPause:true,\n                        smartSpeed: 1500,\n                        autoplayTimeout: 8000,\n                        items: 1,dots: false,autoHeight: true, \n                        loop: true,\n                        nav : true,\n                        lazyLoad: true,\n                        animateOut: \"fadeOut\",\n                        animateIn: \"fadeIn\",\n                        navText : [\n                            '<i class=\"bi bi-chevron-left\"><\/i>',\n                            '<i class=\"bi bi-chevron-right\"><\/i>'\n                        ]\n                    });\n\n                    setTimeout(function(event) {\n                        owl.on(\"changed.owl.carousel\", function(event) {\n                            var item = event.item.index - 2;     \/\/ Position of the current item\n                            $(\"h2\").removeClass(\"animated slideInDown\");\n                            $(\"h5\").removeClass(\"animated rotateIn\");                    \n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h2\").addClass(\"animated slideInDown\");\n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h5\").addClass(\"animated rotateIn\");  \n                        });}\n                    , 300); \n                \n    \n                });\n                <\/script><\/div>\n\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-6 align-self-center\"><div class=\"container-fluid p-0\"><div class=\"owl-carousel slideshow  position-relative \" id=\"mmprq6c56cspy1u401\"><div class=\"owl-carousel-item position-relative\" customedate=\"2124-01-29 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/et\/wp-content\/uploads\/2026\/01\/L110-1.jpg\" alt=\"L110_1\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><\/div><\/div><style>\n            #mmprq6c56cspy1u401.owl-carousel {\n                display: block;\n            }\n            #mmprq6c56cspy1u401 .carousel-caption {\n                position: relative;\n                float: left;\n                left: 0;\n                padding: 0;\n                margin-left: 30px;\n                margin-top: 30px;\n                text-align: left;\n            }\n                    #mmprq6c56cspy1u401.slideshow .owl-nav {\n                    \/*    right: 0;  *\/\n                    \/*    flex-direction: row;  *\/\n                    \/*    justify-content: space-between; *\/\n                        width: 100%; \n                    }\n                    #mmprq6c56cspy1u401.slideshow .owl-nav .owl-prev {\n                        left: 1%;\n                        position: absolute;\n                    }\n                    #mmprq6c56cspy1u401.slideshow .owl-nav .owl-next {\n                        right: 1%;\n                        position: absolute;\n\n                    }\n                    \n                #mmprq6c56cspy1u401 .display-3 {\n                    font-size: 2rem;\n                }<\/style><script>\n                $(document).ready(function () {\n                    $(\"#mmprq6c56cspy1u401 .owl-carousel-item\").each(function () {\n                        var expireDateStr = $(this).attr(\"customedate\"); \/\/ Get expire attribute\n                        let expireDate = new Date(expireDateStr);\n                        var currentDate = new Date(); \/\/ Get current time\n                        console.log(\"Current Date: \", currentDate); \/\/ Log current date to console\n                        if (expireDate < currentDate) {\n                            $(this).remove(); \/\/ Remove expired item\n                        }\n                    });\n                    \/\/ var owl = $(\".owl-carousel\");\n                    $(\"#mmprq6c56cspy1u401\").owlCarousel({\n                        autoplay: true,\n                        autoplayHoverPause:true,\n                        smartSpeed: 1500,\n                        autoplayTimeout: 8000,\n                        responsive:{\n                            0:{\n                                items:1\n                            },\n                            768:{  \n                                items: 1\n                            },\n                            992:{  \n                                 items: 1\n                            },                            \n                        }, dots: false,autoHeight: true, \n                        loop: true,\n                        nav : true,\n                        navText : [\n                            '<i class=\"bi bi-chevron-left\"><\/i>',\n                            '<i class=\"bi bi-chevron-right\"><\/i>'\n                        ]\n                    });\n                \n    \n                });\n                <\/script><\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-5 align-self-center\">\n<h3 class=\"wp-block-heading has-text-color has-link-color wp-elements-e51c058111a30ab6745326f8800774f5\" style=\"color:#426dba;letter-spacing:1px;text-transform:uppercase\"><strong>L110<\/strong><\/h3>\n\n\n\n<p style=\"font-size:23px\"><strong><strong>L110.&nbsp;Digital Contents Production Classroom , Department of Educational Technology<\/strong><\/strong><\/p>\n<\/div>\n\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-5 align-self-center\">\n<h3 class=\"wp-block-heading has-text-color has-link-color wp-elements-69d2d26e38b0206a4a9b55e65a332403\" style=\"color:#426dba;letter-spacing:1px;text-transform:uppercase\"><strong>L111<\/strong><\/h3>\n\n\n\n<p style=\"font-size:23px\"><strong><strong><strong>L111.&nbsp;User Experience Observation and Server Room, Department of Educational Technology<\/strong><\/strong><\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-6 align-self-center\"><div class=\"container-fluid p-0\"><div class=\"owl-carousel slideshow headslides position-relative \" id=\"mmprskybc2jud6zqnan\"><div class=\"owl-carousel-item position-relative\" customedate=\"2124-01-28 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/et\/wp-content\/uploads\/2026\/01\/L111-3-scaled.jpg\" alt=\"L111\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><\/div><\/div><style>\n            #mmprskybc2jud6zqnan.owl-carousel {\n                display: block;\n            }\n            #mmprskybc2jud6zqnan .carousel-caption {\n                position: relative;\n                float: left;\n                left: 0;\n                padding: 0;\n                margin-left: 30px;\n                margin-top: 30px;\n                text-align: left;\n            }\n                    #mmprskybc2jud6zqnan.slideshow .owl-nav {\n                    \/*    right: 0;  *\/\n                    \/*    flex-direction: row;  *\/\n                    \/*    justify-content: space-between; *\/\n                        width: 100%; \n                    }\n                    #mmprskybc2jud6zqnan.slideshow .owl-nav .owl-prev {\n                        left: 1%;\n                        position: absolute;\n                    }\n                    #mmprskybc2jud6zqnan.slideshow .owl-nav .owl-next {\n                        right: 1%;\n                        position: absolute;\n\n                    }\n                    <\/style><script>\n                $(document).ready(function () {\n                    $(\"#mmprskybc2jud6zqnan .owl-carousel-item\").each(function () {\n                        var expireDateStr = $(this).attr(\"customedate\"); \/\/ Get expire attribute\n                        let expireDate = new Date(expireDateStr);\n                        var currentDate = new Date(); \/\/ Get current time\n                        console.log(\"Current Date: \", currentDate); \/\/ Log current date to console\n                        if (expireDate < currentDate) {\n                            $(this).remove(); \/\/ Remove expired item\n                        }\n                    });\n                    let owl = $(\"#mmprskybc2jud6zqnan.owl-carousel\");\n                    $(\"#mmprskybc2jud6zqnan\").owlCarousel({\n                        autoplay: true,\n                        autoplayHoverPause:true,\n                        smartSpeed: 1500,\n                        autoplayTimeout: 8000,\n                        items: 1,dots: false,autoHeight: true, \n                        loop: true,\n                        nav : true,\n                        lazyLoad: true,\n                        animateOut: \"fadeOut\",\n                        animateIn: \"fadeIn\",\n                        navText : [\n                            '<i class=\"bi bi-chevron-left\"><\/i>',\n                            '<i class=\"bi bi-chevron-right\"><\/i>'\n                        ]\n                    });\n\n                    setTimeout(function(event) {\n                        owl.on(\"changed.owl.carousel\", function(event) {\n                            var item = event.item.index - 2;     \/\/ Position of the current item\n                            $(\"h2\").removeClass(\"animated slideInDown\");\n                            $(\"h5\").removeClass(\"animated rotateIn\");                    \n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h2\").addClass(\"animated slideInDown\");\n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h5\").addClass(\"animated rotateIn\");  \n                        });}\n                    , 300); \n                \n    \n                });\n                <\/script><\/div>\n\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-6 align-self-center\"><div class=\"container-fluid p-0\"><div class=\"owl-carousel slideshow headslides position-relative \" id=\"mmprur54tvq5ouxj2vm\"><div class=\"owl-carousel-item position-relative\" customedate=\"2123-01-29 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/et\/wp-content\/uploads\/2026\/01\/L203-scaled.jpg\" alt=\"L203\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><\/div><\/div><style>\n            #mmprur54tvq5ouxj2vm.owl-carousel {\n                display: block;\n            }\n            #mmprur54tvq5ouxj2vm .carousel-caption {\n                position: relative;\n                float: left;\n                left: 0;\n                padding: 0;\n                margin-left: 30px;\n                margin-top: 30px;\n                text-align: left;\n            }\n                    #mmprur54tvq5ouxj2vm.slideshow .owl-nav {\n                        right: 5%;\n                        flex-direction: column; \n                    }\n                    <\/style><script>\n                $(document).ready(function () {\n                    $(\"#mmprur54tvq5ouxj2vm .owl-carousel-item\").each(function () {\n                        var expireDateStr = $(this).attr(\"customedate\"); \/\/ Get expire attribute\n                        let expireDate = new Date(expireDateStr);\n                        var currentDate = new Date(); \/\/ Get current time\n                        console.log(\"Current Date: \", currentDate); \/\/ Log current date to console\n                        if (expireDate < currentDate) {\n                            $(this).remove(); \/\/ Remove expired item\n                        }\n                    });\n                    let owl = $(\"#mmprur54tvq5ouxj2vm.owl-carousel\");\n                    $(\"#mmprur54tvq5ouxj2vm\").owlCarousel({\n                        autoplay: true,\n                        autoplayHoverPause:true,\n                        smartSpeed: 1500,\n                        autoplayTimeout: 8000,\n                        items: 1,dots: false,autoHeight: true, \n                        loop: true,\n                        nav : true,\n                        lazyLoad: true,\n                        animateOut: \"fadeOut\",\n                        animateIn: \"fadeIn\",\n                        navText : [\n                            '<i class=\"bi bi-chevron-left\"><\/i>',\n                            '<i class=\"bi bi-chevron-right\"><\/i>'\n                        ]\n                    });\n\n                    setTimeout(function(event) {\n                        owl.on(\"changed.owl.carousel\", function(event) {\n                            var item = event.item.index - 2;     \/\/ Position of the current item\n                            $(\"h2\").removeClass(\"animated slideInDown\");\n                            $(\"h5\").removeClass(\"animated rotateIn\");                    \n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h2\").addClass(\"animated slideInDown\");\n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h5\").addClass(\"animated rotateIn\");  \n                        });}\n                    , 300); \n                \n    \n                });\n                <\/script><\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-5 align-self-center\">\n<h3 class=\"wp-block-heading has-text-color has-link-color wp-elements-48748e0c671053f009acab5ddd02fb27\" style=\"color:#426dba;letter-spacing:1px;text-transform:uppercase\"><strong>L203<\/strong><\/h3>\n\n\n\n<p style=\"font-size:23px\"><strong>L203.&nbsp;Embodied Interaction and Mobile Learning Laboratory, Department of Educational Technology<\/strong><\/p>\n<\/div>\n\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-5 align-self-center\">\n<h3 class=\"wp-block-heading has-text-color has-link-color wp-elements-c9cffba11dd7f87c1bca5ff547f0cb1c\" style=\"color:#426dba;letter-spacing:1px;text-transform:uppercase\"><strong>ED111<\/strong><\/h3>\n\n\n\n<p style=\"font-size:23px\"><strong>ED111.&nbsp;User Experience Observation and Server Room, Department of Educational Technology<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-6 align-self-center\"><div class=\"container-fluid p-0\"><div class=\"owl-carousel slideshow headslides position-relative \" id=\"mmprzsj784k2fqodws3\"><div class=\"owl-carousel-item position-relative\" customedate=\"2124-01-27 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/et\/wp-content\/uploads\/2026\/01\/ED111-rotated.jpg\" alt=\"ED111\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><\/div><\/div><style>\n            #mmprzsj784k2fqodws3.owl-carousel {\n                display: block;\n            }\n            #mmprzsj784k2fqodws3 .carousel-caption {\n                position: relative;\n                float: left;\n                left: 0;\n                padding: 0;\n                margin-left: 30px;\n                margin-top: 30px;\n                text-align: left;\n            }\n                    #mmprzsj784k2fqodws3.slideshow .owl-nav {\n                        right: 5%;\n                        flex-direction: column; \n                    }\n                    <\/style><script>\n                $(document).ready(function () {\n                    $(\"#mmprzsj784k2fqodws3 .owl-carousel-item\").each(function () {\n                        var expireDateStr = $(this).attr(\"customedate\"); \/\/ Get expire attribute\n                        let expireDate = new Date(expireDateStr);\n                        var currentDate = new Date(); \/\/ Get current time\n                        console.log(\"Current Date: \", currentDate); \/\/ Log current date to console\n                        if (expireDate < currentDate) {\n                            $(this).remove(); \/\/ Remove expired item\n                        }\n                    });\n                    let owl = $(\"#mmprzsj784k2fqodws3.owl-carousel\");\n                    $(\"#mmprzsj784k2fqodws3\").owlCarousel({\n                        autoplay: true,\n                        autoplayHoverPause:true,\n                        smartSpeed: 1500,\n                        autoplayTimeout: 8000,\n                        items: 1,dots: false,autoHeight: true, \n                        loop: true,\n                        nav : true,\n                        lazyLoad: true,\n                        animateOut: \"fadeOut\",\n                        animateIn: \"fadeIn\",\n                        navText : [\n                            '<i class=\"bi bi-chevron-left\"><\/i>',\n                            '<i class=\"bi bi-chevron-right\"><\/i>'\n                        ]\n                    });\n\n                    setTimeout(function(event) {\n                        owl.on(\"changed.owl.carousel\", function(event) {\n                            var item = event.item.index - 2;     \/\/ Position of the current item\n                            $(\"h2\").removeClass(\"animated slideInDown\");\n                            $(\"h5\").removeClass(\"animated rotateIn\");                    \n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h2\").addClass(\"animated slideInDown\");\n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h5\").addClass(\"animated rotateIn\");  \n                        });}\n                    , 300); \n                \n    \n                });\n                <\/script><\/div>\n\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-6 align-self-center\"><div class=\"container-fluid p-0\"><div class=\"owl-carousel slideshow headslides position-relative \" id=\"mmpsd7q4jonkv761il\"><div class=\"owl-carousel-item position-relative\" customedate=\"2103-01-30 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/et\/wp-content\/uploads\/2026\/01\/ED112-1.jpg\" alt=\"ED112\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><\/div><\/div><style>\n            #mmpsd7q4jonkv761il.owl-carousel {\n                display: block;\n            }\n            #mmpsd7q4jonkv761il .carousel-caption {\n                position: relative;\n                float: left;\n                left: 0;\n                padding: 0;\n                margin-left: 30px;\n                margin-top: 30px;\n                text-align: left;\n            }\n                    #mmpsd7q4jonkv761il.slideshow .owl-nav {\n                        right: 5%;\n                        flex-direction: column; \n                    }\n                    <\/style><script>\n                $(document).ready(function () {\n                    $(\"#mmpsd7q4jonkv761il .owl-carousel-item\").each(function () {\n                        var expireDateStr = $(this).attr(\"customedate\"); \/\/ Get expire attribute\n                        let expireDate = new Date(expireDateStr);\n                        var currentDate = new Date(); \/\/ Get current time\n                        console.log(\"Current Date: \", currentDate); \/\/ Log current date to console\n                        if (expireDate < currentDate) {\n                            $(this).remove(); \/\/ Remove expired item\n                        }\n                    });\n                    let owl = $(\"#mmpsd7q4jonkv761il.owl-carousel\");\n                    $(\"#mmpsd7q4jonkv761il\").owlCarousel({\n                        autoplay: true,\n                        autoplayHoverPause:true,\n                        smartSpeed: 1500,\n                        autoplayTimeout: 8000,\n                        items: 1,dots: false,autoHeight: true, \n                        loop: true,\n                        nav : true,\n                        lazyLoad: true,\n                        animateOut: \"fadeOut\",\n                        animateIn: \"fadeIn\",\n                        navText : [\n                            '<i class=\"bi bi-chevron-left\"><\/i>',\n                            '<i class=\"bi bi-chevron-right\"><\/i>'\n                        ]\n                    });\n\n                    setTimeout(function(event) {\n                        owl.on(\"changed.owl.carousel\", function(event) {\n                            var item = event.item.index - 2;     \/\/ Position of the current item\n                            $(\"h2\").removeClass(\"animated slideInDown\");\n                            $(\"h5\").removeClass(\"animated rotateIn\");                    \n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h2\").addClass(\"animated slideInDown\");\n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h5\").addClass(\"animated rotateIn\");  \n                        });}\n                    , 300); \n                \n    \n                });\n                <\/script><\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-5 align-self-center\">\n<h3 class=\"wp-block-heading has-text-color has-link-color wp-elements-ae8f45842d6a2d26f6514d04a56f1adc\" style=\"color:#426dba;letter-spacing:1px;text-transform:uppercase\"><strong>ED112<\/strong><\/h3>\n\n\n\n<p style=\"font-size:23px\"><strong>ED112.&nbsp;User Experience and Eye Tracking Laboratory, Department of Educational Technology<\/strong><\/p>\n<\/div>\n\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-5 align-self-center\">\n<h3 class=\"wp-block-heading has-text-color has-link-color wp-elements-ed6fcddb43f0b1d5d49bc08b26530311\" style=\"color:#426dba;letter-spacing:1px;text-transform:uppercase\"><strong>ED204<\/strong><\/h3>\n\n\n\n<p style=\"font-size:23px\"><strong>ED204.&nbsp;Classroom, Department of Educational Technology<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-6 align-self-center\"><div class=\"container-fluid p-0\"><div class=\"owl-carousel slideshow headslides position-relative \" id=\"mmpscodxuxtkntgpr6\"><div class=\"owl-carousel-item position-relative\" customedate=\"2104-01-31 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/et\/wp-content\/uploads\/2026\/01\/ED204-a.jpg\" alt=\"ED204\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><\/div><\/div><style>\n            #mmpscodxuxtkntgpr6.owl-carousel {\n                display: block;\n            }\n            #mmpscodxuxtkntgpr6 .carousel-caption {\n                position: relative;\n                float: left;\n                left: 0;\n                padding: 0;\n                margin-left: 30px;\n                margin-top: 30px;\n                text-align: left;\n            }\n                    #mmpscodxuxtkntgpr6.slideshow .owl-nav {\n                        right: 5%;\n                        flex-direction: column; \n                    }\n                    <\/style><script>\n                $(document).ready(function () {\n                    $(\"#mmpscodxuxtkntgpr6 .owl-carousel-item\").each(function () {\n                        var expireDateStr = $(this).attr(\"customedate\"); \/\/ Get expire attribute\n                        let expireDate = new Date(expireDateStr);\n                        var currentDate = new Date(); \/\/ Get current time\n                        console.log(\"Current Date: \", currentDate); \/\/ Log current date to console\n                        if (expireDate < currentDate) {\n                            $(this).remove(); \/\/ Remove expired item\n                        }\n                    });\n                    let owl = $(\"#mmpscodxuxtkntgpr6.owl-carousel\");\n                    $(\"#mmpscodxuxtkntgpr6\").owlCarousel({\n                        autoplay: true,\n                        autoplayHoverPause:true,\n                        smartSpeed: 1500,\n                        autoplayTimeout: 8000,\n                        items: 1,dots: false,autoHeight: true, \n                        loop: true,\n                        nav : true,\n                        lazyLoad: true,\n                        animateOut: \"fadeOut\",\n                        animateIn: \"fadeIn\",\n                        navText : [\n                            '<i class=\"bi bi-chevron-left\"><\/i>',\n                            '<i class=\"bi bi-chevron-right\"><\/i>'\n                        ]\n                    });\n\n                    setTimeout(function(event) {\n                        owl.on(\"changed.owl.carousel\", function(event) {\n                            var item = event.item.index - 2;     \/\/ Position of the current item\n                            $(\"h2\").removeClass(\"animated slideInDown\");\n                            $(\"h5\").removeClass(\"animated rotateIn\");                    \n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h2\").addClass(\"animated slideInDown\");\n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h5\").addClass(\"animated rotateIn\");  \n                        });}\n                    , 300); \n                \n    \n                });\n                <\/script><\/div>\n\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-index-en","meta":{"_uag_custom_page_level_css":"","footnotes":""},"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"\u66fe\u4e8e\u82ae","author_link":"\/et\/?author=5"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"\/et\/index.php?rest_route=\/wp\/v2\/pages\/3217"}],"collection":[{"href":"\/et\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"\/et\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"\/et\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"\/et\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3217"}],"version-history":[{"count":25,"href":"\/et\/index.php?rest_route=\/wp\/v2\/pages\/3217\/revisions"}],"predecessor-version":[{"id":5328,"href":"\/et\/index.php?rest_route=\/wp\/v2\/pages\/3217\/revisions\/5328"}],"wp:attachment":[{"href":"\/et\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}