{"id":1500,"date":"2026-05-12T06:28:46","date_gmt":"2026-05-11T23:28:46","guid":{"rendered":"https:\/\/senta.its.ac.id\/conf\/senta\/?page_id=1500"},"modified":"2026-05-12T09:43:05","modified_gmt":"2026-05-12T02:43:05","slug":"senta-2024","status":"publish","type":"page","link":"https:\/\/senta.its.ac.id\/conf\/senta\/senta-2024\/","title":{"rendered":"SENTA 2024"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\n\n    \/* === WRAPPER & CONTAINER === *\/\n    .senta-page-wrapper {\n        font-family: 'Poppins', sans-serif !important;\n        background-color: transparent;\n        padding: 40px 15px;\n        display: flex;\n        justify-content: center;\n    }\n\n    .senta-page-container {\n        background: #ffffff;\n        max-width: 850px;\n        width: 100%;\n        padding: 50px 60px 60px 60px;\n        border-radius: 16px;\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n        opacity: 0;\n        transform: translateY(40px);\n        animation: sentaSmoothEntrance 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n    }\n\n    @keyframes sentaSmoothEntrance {\n        from { opacity: 0; transform: translateY(40px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* === BREADCRUMB NAVIGATION (TYPICAL STYLE) === *\/\n    .senta-breadcrumb-nav {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 12px;\n        font-size: 0.85rem;\n        background: #f1f5f9; \n        padding: 14px 24px;\n        border-radius: 10px;\n        border: 1px solid #e2e8f0;\n        margin-bottom: 40px;\n        opacity: 0;\n        transform: translateY(15px);\n        animation: sentaSmoothEntrance 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.1s forwards;\n    }\n\n    .senta-breadcrumb-nav a {\n        color: #1e40af; \n        text-decoration: none;\n        font-weight: 500;\n        transition: all 0.2s ease;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n    }\n\n    .senta-breadcrumb-nav a:hover {\n        color: #1d4ed8;\n        text-decoration: underline;\n    }\n\n    .senta-sep { color: #94a3b8; font-size: 0.7rem; }\n    .senta-current { color: #475569; font-weight: 600; }\n\n    \/* === HEADER ARTIKEL === *\/\n    .senta-page-header {\n        border-bottom: 2px solid #f1f5f9;\n        padding-bottom: 25px;\n        margin-bottom: 35px;\n        opacity: 0;\n        transform: translateY(20px);\n        animation: sentaSmoothEntrance 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.2s forwards;\n    }\n\n    .senta-page-title {\n        font-size: 2.4rem;\n        font-weight: 800;\n        color: #0f172a;\n        line-height: 1.25;\n        margin: 0 0 15px 0;\n        letter-spacing: -0.02em;\n    }\n\n    .senta-page-meta {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n        color: #64748b;\n        font-size: 0.9rem;\n    }\n\n    .senta-meta-item { display: flex; align-items: center; gap: 8px; }\n    .senta-meta-item i { color: #3b82f6; }\n\n    \/* === MEDIA BOX === *\/\n    .senta-media-box {\n        width: 100%; margin-bottom: 30px; overflow: hidden; border-radius: 12px;\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);\n    }\n    .senta-media-box img { width: 100%; height: auto; display: block; }\n\n    .senta-video-box {\n        position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 12px; margin-bottom: 35px;\n    }\n    .senta-video-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }\n\n    \/* === CONTENT TEXT === *\/\n    .senta-page-content p {\n        margin-bottom: 24px; font-size: 1.05rem; color: #334155; line-height: 1.8; text-align: justify;\n    }\n\n    \/* === GALLERY GRID (SYMMETRIC) === *\/\n    .senta-gallery-grid { \n        display: grid; \n        grid-template-columns: repeat(4, 1fr); \n        gap: 15px; \n        margin: 40px 0 !important; \n        width: 100% !important;\n    }\n    \n    .senta-gallery-item {\n        position: relative; \n        overflow: hidden; \n        border-radius: 12px; \n        cursor: pointer;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.08); \n        transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n    }\n\n    .senta-gallery-item:hover { transform: translateY(-8px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); }\n    \n    .senta-gallery-item img { \n        width: 100%; \n        height: 100%; \n        object-fit: cover; \n        aspect-ratio: 4\/3; \n        display: block; \n    }\n\n    \/* ============================================================\n       REVISI LIGHTBOX: FULLSCREEN 1 HALAMAN & CINEMATIC ANIMATION\n       ============================================================ *\/\n    .senta-lightbox-overlay {\n        position: fixed !important;\n        top: 0 !important;\n        left: 0 !important;\n        width: 100vw !important;\n        height: 100vh !important;\n        background-color: rgba(5, 10, 20, 0.95) !important; \/* Latar sangat gelap *\/\n        backdrop-filter: blur(15px) !important; \/* Efek blur yang kuat di belakang *\/\n        \n        display: none !important; \n        justify-content: center !important;\n        align-items: center !important;\n        \n        z-index: 999999999 !important;\n        margin: 0 !important;\n        padding: 0 !important; \/* Tanpa padding agar bisa 100% full *\/\n        box-sizing: border-box !important;\n        \n        opacity: 0;\n        transition: opacity 0.5s ease !important;\n    }\n\n    .senta-lightbox-overlay.active {\n        display: flex !important;\n        opacity: 1;\n    }\n\n    .senta-lightbox-content {\n        display: block !important;\n        position: relative !important;\n        margin: auto !important;\n        float: none !important;\n\n        \/* Mengambil layar secara penuh 1 Halaman Full *\/\n        width: 100vw !important;\n        height: 100vh !important;\n        max-width: 100% !important;\n        max-height: 100% !important;\n        \n        \/* Memastikan gambar tidak terpotong, mengisi ruang yang ada *\/\n        object-fit: contain !important; \n        \n        border-radius: 0 !important; \/* Tanpa border radius karena fullscreen *\/\n        box-shadow: none !important;\n        \n        \/* Animasi Pop-up Cinematic & Smooth *\/\n        transform: scale(0.95) translateY(20px) !important;\n        opacity: 0;\n        transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease !important;\n    }\n\n    .senta-lightbox-overlay.active .senta-lightbox-content {\n        transform: scale(1) translateY(0) !important;\n        opacity: 1;\n    }\n\n    .senta-lightbox-close {\n        position: absolute !important;\n        top: 25px !important;\n        right: 35px !important;\n        color: #ffffff !important;\n        font-size: 50px !important;\n        font-weight: 300 !important;\n        cursor: pointer !important;\n        line-height: 1 !important;\n        z-index: 1000000000 !important;\n        text-shadow: 0 4px 15px rgba(0,0,0,0.8) !important; \/* Bayangan agar tombol X terlihat jelas *\/\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.3s ease !important;\n    }\n\n    .senta-lightbox-close:hover { \n        transform: scale(1.2) rotate(90deg) !important; \n        color: #ffb840 !important; \n    }\n\n    \/* === POSTER & REF === *\/\n    .senta-poster-container { margin-top: 50px; text-align: center; }\n    .senta-ref-box {\n        margin-top: 50px; padding: 20px 25px; background-color: #f8fafc;\n        border-left: 5px solid #3b82f6; border-radius: 8px; display: flex; gap: 15px; align-items: center;\n    }\n\n    @media (max-width: 768px) {\n        .senta-gallery-grid { grid-template-columns: repeat(2, 1fr); }\n        .senta-page-title { font-size: 1.8rem; }\n    }\n<\/style>\n\n<div class=\"senta-page-wrapper\">\n    <div class=\"senta-page-container\">\n        \n        <div class=\"senta-breadcrumb-nav\">\n            <a href=\"https:\/\/senta.its.ac.id\/conf\/senta\/\"><i class=\"fa-solid fa-house\"><\/i> Home<\/a>\n            <i class=\"fa-solid fa-chevron-right senta-sep\"><\/i>\n            <a href=\"https:\/\/senta.its.ac.id\/conf\/senta\/previous-senta\/\">Previous Senta<\/a>\n            <i class=\"fa-solid fa-chevron-right senta-sep\"><\/i>\n            <span class=\"senta-current\">9th SENTA 2024<\/span>\n        <\/div>\n\n        <div class=\"senta-page-header\">\n            <h1 class=\"senta-page-title\">Navigating the Future: Innovations in Maritime Technology at SENTA 2024<\/h1>\n            <div class=\"senta-page-meta\">\n                <div class=\"senta-meta-item\"><i class=\"fa-regular fa-calendar\"><\/i> SENTA Conference 2024<\/div>\n                <div class=\"senta-meta-item\"><i class=\"fa-solid fa-user-pen\"><\/i> Reporter: ITS News<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"senta-media-box\">\n            <img decoding=\"async\" src=\"https:\/\/senta.its.ac.id\/conf\/senta\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-17.42.20.jpeg\" alt=\"SENTA 2024 Featured\">\n        <\/div>\n\n        <div class=\"senta-video-box\">\n            <iframe src=\"https:\/\/www.youtube.com\/embed\/XRmJSsXA29s\" frameborder=\"0\" allowfullscreen><\/iframe>\n        <\/div>\n\n        <div class=\"senta-page-content\">\n            <p>Continuing its legacy as a premier platform for maritime advancements, the Faculty of Marine Technology (FTK) at ITS successfully hosted the 9th International Conference on Marine Technology (SENTA 2024). The event focused on the ongoing digital transformation and sustainability efforts within the maritime sector.<\/p>\n            <p>This year&#8217;s conference focused heavily on the integration of artificial intelligence in naval architecture and the optimization of green shipping routes. SENTA 2024 provided critical insights into how autonomous technologies and renewable ocean energy can significantly reduce carbon footprints.<\/p>\n        <\/div>\n\n        <div class=\"senta-gallery-grid\">\n            <div class=\"senta-gallery-item\"><img decoding=\"async\" src=\"https:\/\/senta.its.ac.id\/conf\/senta\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-17.41.28.jpeg\"><\/div>\n            <div class=\"senta-gallery-item\"><img decoding=\"async\" src=\"https:\/\/senta.its.ac.id\/conf\/senta\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-17.41.30.jpeg\"><\/div>\n            <div class=\"senta-gallery-item\"><img decoding=\"async\" src=\"https:\/\/senta.its.ac.id\/conf\/senta\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-17.42.07.jpeg\"><\/div>\n            <div class=\"senta-gallery-item\"><img decoding=\"async\" src=\"https:\/\/senta.its.ac.id\/conf\/senta\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-17.42.09.jpeg\"><\/div>\n            <div class=\"senta-gallery-item\"><img decoding=\"async\" src=\"https:\/\/senta.its.ac.id\/conf\/senta\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-17.42.13.jpeg\"><\/div>\n            <div class=\"senta-gallery-item\"><img decoding=\"async\" src=\"https:\/\/senta.its.ac.id\/conf\/senta\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-17.42.14.jpeg\"><\/div>\n            <div class=\"senta-gallery-item\"><img decoding=\"async\" src=\"https:\/\/senta.its.ac.id\/conf\/senta\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-17.42.17.jpeg\"><\/div>\n            <div class=\"senta-gallery-item\"><img decoding=\"async\" src=\"https:\/\/senta.its.ac.id\/conf\/senta\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-17.42.19.jpeg\"><\/div>\n        <\/div>\n\n        <div class=\"senta-poster-container\">\n            <h3 style=\"margin-bottom: 25px; font-weight: 700;\">Official SENTA 2024 Poster<\/h3>\n            <div class=\"senta-media-box\" style=\"max-width: 500px; margin: 0 auto;\">\n                <img decoding=\"async\" src=\"https:\/\/senta.its.ac.id\/conf\/senta\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-17.41.24.jpeg\">\n            <\/div>\n        <\/div>\n\n        <div class=\"senta-ref-box\">\n            <i class=\"fa-solid fa-link\"><\/i>\n            <div style=\"font-size: 0.9rem; color: #64748b;\">\n                <strong>Official Source:<\/strong> <a href=\"http:\/\/senta.its.ac.id\" target=\"_blank\" style=\"color: #2563eb; text-decoration: none;\">SENTA Official Website<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"sentaLightbox\" class=\"senta-lightbox-overlay\">\n    <span class=\"senta-lightbox-close\">&times;<\/span>\n    <img class=\"senta-lightbox-content\" id=\"sentaLightboxImg\">\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const lightbox = document.getElementById(\"sentaLightbox\");\n        const lightboxImg = document.getElementById(\"sentaLightboxImg\");\n        const closeBtn = document.querySelector(\".senta-lightbox-close\");\n        const galleryItems = document.querySelectorAll(\".senta-gallery-item\");\n\n        galleryItems.forEach(item => {\n            item.addEventListener(\"click\", function() {\n                const imgUrl = this.querySelector(\"img\").src;\n                \n                \/\/ Set flex pertama agar browser merender kotak popup\n                lightbox.style.setProperty('display', 'flex', 'important');\n                \n                \/\/ Gunakan requestAnimationFrame untuk memastikan animasi transisi berjalan sangat smooth\n                requestAnimationFrame(() => {\n                    lightbox.classList.add(\"active\");\n                    lightboxImg.src = imgUrl;\n                    document.body.style.overflow = \"hidden\"; \/\/ Kunci scroll layar saat popup terbuka\n                });\n            });\n        });\n\n        const closeLightbox = () => {\n            lightbox.classList.remove(\"active\");\n            document.body.style.overflow = \"auto\"; \/\/ Buka kembali scroll layar\n            \n            \/\/ Tunggu animasi fade-out selesai sebelum menyembunyikan popup\n            setTimeout(() => { \n                lightbox.style.setProperty('display', 'none', 'important');\n                lightboxImg.src = \"\"; \n            }, 500);\n        };\n\n        closeBtn.addEventListener(\"click\", closeLightbox);\n        \n        \/\/ Tutup saat mengklik area gelap di luar gambar\n        lightbox.addEventListener(\"click\", (e) => {\n            if (e.target === lightbox) closeLightbox();\n        });\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Home Previous Senta 9th SENTA 2024 Navigating the Future: Innovations in Maritime Technology at SENTA 2024 SENTA Conference 2024 Reporter: ITS News Continuing its legacy as a premier platform for maritime advancements, the Faculty of Marine Technology (FTK) at ITS successfully hosted the 9th International Conference on Marine Technology (SENTA 2024). The event focused on [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1500","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/pages\/1500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/comments?post=1500"}],"version-history":[{"count":11,"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/pages\/1500\/revisions"}],"predecessor-version":[{"id":1522,"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/pages\/1500\/revisions\/1522"}],"wp:attachment":[{"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/media?parent=1500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}