{"id":176,"date":"2026-03-12T17:21:49","date_gmt":"2026-03-12T17:21:49","guid":{"rendered":"https:\/\/seminars.unj.ac.id\/insegt2026\/?page_id=176"},"modified":"2026-05-18T03:57:45","modified_gmt":"2026-05-18T03:57:45","slug":"previous-publication","status":"publish","type":"page","link":"https:\/\/seminars.unj.ac.id\/insegt2026\/previous-publication\/","title":{"rendered":"Previous Publication"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"176\" class=\"elementor elementor-176\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9004876 e-con-full e-flex e-con e-parent\" data-id=\"9004876\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-573724f elementor-widget elementor-widget-html\" data-id=\"573724f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@300;400;500;600;700&display=swap');\r\n\r\n:root {\r\n    --accent-orange: #f05228;\r\n    --accent-yellow: #fbbf24;\r\n}\r\n\r\n.publication-section {\r\n    font-family: 'Lexend Deca', sans-serif !important;\r\n    background-color: #f8fafc;\r\n    padding: 160px 5% 100px 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.publication-section * {\r\n    font-family: 'Lexend Deca', sans-serif !important;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.publication-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.publication-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: opacity 0.8s ease, transform 0.8s ease;\r\n}\r\n\r\n.publication-header.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.publication-title {\r\n    font-size: 1.8rem !important;\r\n    font-weight: 700 !important;\r\n    color: #0f172a;\r\n    display: inline-block;\r\n    position: relative;\r\n    padding-bottom: 12px;\r\n    margin: 0;\r\n}\r\n\r\n.publication-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 60px;\r\n    height: 4px;\r\n    background: var(--accent-orange);\r\n    border-radius: 2px;\r\n}\r\n\r\n.publication-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n    gap: 40px;\r\n    justify-content: center;\r\n}\r\n\r\n.pub-card {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    border: 1px solid #fde68a;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 6px -1px rgba(240, 82, 40, 0.05), 0 2px 4px -1px rgba(240, 82, 40, 0.03);\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    color: inherit;\r\n}\r\n\r\n.pub-card.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.pub-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: var(--accent-orange);\r\n    box-shadow: 0 15px 30px -5px rgba(240, 82, 40, 0.15), 0 10px 15px -6px rgba(240, 82, 40, 0.1);\r\n}\r\n\r\n.pub-img-wrap {\r\n    width: 100%;\r\n    height: 400px;\r\n    position: relative;\r\n    background: #fff7ed;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    border-bottom: 1px solid #fde68a;\r\n}\r\n\r\n.pub-img-wrap img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: top center;\r\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.pub-card:hover .pub-img-wrap img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n.pub-content {\r\n    padding: 30px 25px;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.pub-year-badge {\r\n    display: inline-block;\r\n    background: #fef3c7;\r\n    color: #92400e;\r\n    font-size: 0.85rem !important;\r\n    font-weight: 700 !important;\r\n    padding: 6px 14px;\r\n    border-radius: 20px;\r\n    margin-bottom: 16px;\r\n    align-self: flex-start;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.pub-name {\r\n    font-size: 1.25rem !important;\r\n    font-weight: 700 !important;\r\n    color: #0f172a;\r\n    margin-bottom: 12px;\r\n    line-height: 1.4;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.pub-card:hover .pub-name {\r\n    color: var(--accent-orange);\r\n}\r\n\r\n.pub-desc {\r\n    font-size: 0.95rem !important;\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .publication-section { padding: 130px 5% 60px 5%; }\r\n    .publication-title { font-size: 1.5rem !important; }\r\n    .pub-img-wrap { height: 350px; }\r\n    .publication-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"publication-section\" id=\"previous-publication\">\r\n    <div class=\"publication-container\">\r\n        \r\n        <div class=\"publication-header anim-pub\">\r\n            <h2 class=\"publication-title\">Past Events & Previous Publications<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"publication-grid\">\r\n            \r\n            <a href=\"https:\/\/seminars.unj.ac.id\/insegt\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pub-card anim-pub\">\r\n                <div class=\"pub-img-wrap\">\r\n                    <img decoding=\"async\" src=\"https:\/\/seminars.unj.ac.id\/insegt2026\/wp-content\/uploads\/2026\/03\/INSEGT-2025-scaled.jpg\" alt=\"INSEGT 2025\">\r\n                <\/div>\r\n                <div class=\"pub-content\">\r\n                    <div class=\"pub-year-badge\">2025<\/div>\r\n                    <div class=\"pub-name\">INSEGT<\/div>\r\n                    <p class=\"pub-desc\">International Conference on Innovation, Sustainability and Engineering for Global Transformation.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/kneopen.com\/issue\/kne-social\/142\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pub-card anim-pub\">\r\n                <div class=\"pub-img-wrap\">\r\n                    <img decoding=\"async\" src=\"https:\/\/seminars.unj.ac.id\/insegt2026\/wp-content\/uploads\/2026\/03\/ICTVET-2018.jpg\" alt=\"ICTVET 2018\">\r\n                <\/div>\r\n                <div class=\"pub-content\">\r\n                    <div class=\"pub-year-badge\">2018<\/div>\r\n                    <div class=\"pub-name\">ICTVET<\/div>\r\n                    <p class=\"pub-desc\">International Conference of Technical and Vocational Education and Training.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const observerOptionsPub = {\r\n        root: null,\r\n        rootMargin: '0px',\r\n        threshold: 0.15 \r\n    };\r\n\r\n    const pubObserver = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach((entry, index) => {\r\n            if (entry.isIntersecting) {\r\n                setTimeout(() => {\r\n                    entry.target.classList.add('is-visible');\r\n                }, index * 150); \r\n                observer.unobserve(entry.target); \r\n            }\r\n        });\r\n    }, observerOptionsPub);\r\n\r\n    const pubElements = document.querySelectorAll('.anim-pub');\r\n    pubElements.forEach(el => pubObserver.observe(el));\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b49297 elementor-widget elementor-widget-html\" data-id=\"5b49297\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@300;400;500;600;700&display=swap');\r\n\r\n:root {\r\n    --accent-orange: #f05228;\r\n    --accent-yellow: #fbbf24;\r\n}\r\n\r\n.articles-section {\r\n    font-family: 'Lexend Deca', sans-serif !important;\r\n    background-color: #ffffff;\r\n    padding: 100px 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.articles-section * {\r\n    font-family: 'Lexend Deca', sans-serif !important;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.articles-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -80px; left: -80px;\r\n    width: 300px; height: 300px;\r\n    border-radius: 50%;\r\n    filter: blur(80px);\r\n    background: rgba(240, 82, 40, 0.07);\r\n    z-index: 0;\r\n}\r\n\r\n.articles-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -80px; right: -80px;\r\n    width: 300px; height: 300px;\r\n    border-radius: 50%;\r\n    filter: blur(80px);\r\n    background: rgba(251, 191, 36, 0.07);\r\n    z-index: 0;\r\n}\r\n\r\n.articles-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.articles-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: opacity 0.8s ease, transform 0.8s ease;\r\n}\r\n\r\n.articles-header.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.articles-title {\r\n    font-size: 1.6rem !important;\r\n    font-weight: 700 !important;\r\n    color: #0f172a;\r\n    display: inline-block;\r\n    position: relative;\r\n    padding-bottom: 14px;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n.articles-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 55%;\r\n    height: 3px;\r\n    background: linear-gradient(to right, var(--accent-orange), var(--accent-yellow));\r\n    border-radius: 2px;\r\n}\r\n\r\n.articles-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n}\r\n\r\n.article-card {\r\n    background: #ffffff;\r\n    border-radius: 14px;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 30px 36px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    position: relative;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.6s ease, transform 0.6s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n    box-shadow: 0 2px 12px rgba(0,0,0,0.04);\r\n}\r\n\r\n.article-card.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.article-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(to right, var(--accent-orange), var(--accent-yellow));\r\n    border-radius: 14px 14px 0 0;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.article-card:hover {\r\n    border-color: var(--accent-orange);\r\n    box-shadow: 0 10px 30px rgba(240, 82, 40, 0.12);\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.article-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.article-title {\r\n    font-size: 1.15rem !important;\r\n    font-weight: 700 !important;\r\n    color: #0f172a;\r\n    line-height: 1.55;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.article-card:hover .article-title {\r\n    color: var(--accent-orange);\r\n}\r\n\r\n.article-authors {\r\n    font-size: 0.95rem !important;\r\n    color: #64748b;\r\n    line-height: 1.5;\r\n    padding-top: 8px;\r\n    border-top: 1px solid #f1f5f9;\r\n}\r\n\r\n.article-authors span {\r\n    font-weight: 600 !important;\r\n    color: #475569;\r\n}\r\n\r\n.article-link-icon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n    font-size: 0.88rem !important;\r\n    font-weight: 600 !important;\r\n    color: var(--accent-orange);\r\n    margin-top: 2px;\r\n    align-self: flex-start;\r\n    transition: gap 0.3s ease;\r\n}\r\n\r\n.article-card:hover .article-link-icon {\r\n    gap: 8px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .articles-section { padding: 60px 5%; }\r\n    .articles-title { font-size: 1.2rem !important; }\r\n    .article-card { padding: 22px 24px; }\r\n    .article-title { font-size: 1rem !important; }\r\n    .article-authors { font-size: 0.85rem !important; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"articles-section\" id=\"insegt-2025-articles\">\r\n    <div class=\"articles-container\">\r\n\r\n        <div class=\"articles-header anim-article\">\r\n            <h2 class=\"articles-title\">International Conference on Innovation, Sustainability and Engineering for Global Transformation (INSEGT) 2025<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"articles-list\">\r\n\r\n            <a href=\"https:\/\/ijesty.org\/index.php\/ijesty\/article\/view\/1540\"\r\n               target=\"_blank\" rel=\"noopener noreferrer\"\r\n               class=\"article-card anim-article\" style=\"transition-delay: 0.05s;\">\r\n                <div class=\"article-title\">Designing and Validating an Instrument to Assess Home Literacy Environment in Early Childhood: A Confirmatory Factor Analysis<\/div>\r\n                <div class=\"article-authors\">Maya Oktaviani, Elmanora Elmanora, Mirdat Silitonga, Nurlaila A Mashabi, Eka Nur Pebriyanti Muchtar, Lu'lu' Wal Marjan<\/div>\r\n                <span class=\"article-link-icon\">Read Article \u2192<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/ijesty.org\/index.php\/ijesty\/article\/view\/1539\"\r\n               target=\"_blank\" rel=\"noopener noreferrer\"\r\n               class=\"article-card anim-article\" style=\"transition-delay: 0.10s;\">\r\n                <div class=\"article-title\">A Dual-Microcontroller IoT Platform for Integrated Flood and Air Quality Monitoring: Performance and Integration Challenges<\/div>\r\n                <div class=\"article-authors\">Rafiuddin Syam, Baso Maruddani, Eko Kuncoro Pramono, Irma Ratna Kartika, Daffa Ihsanullah Irsyad<\/div>\r\n                <span class=\"article-link-icon\">Read Article \u2192<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/ijesty.org\/index.php\/ijesty\/article\/view\/1538\"\r\n               target=\"_blank\" rel=\"noopener noreferrer\"\r\n               class=\"article-card anim-article\" style=\"transition-delay: 0.15s;\">\r\n                <div class=\"article-title\">Development of Application-Based Interactive Learning Media in Automotive Engineering<\/div>\r\n                <div class=\"article-authors\">Choyrul Anwar, Andi Maga Umara, Muhammad Nurtanto, Valiant Lukad Perdana Sutrisno, Fadly Nendra, Rusdi Febriyanto<\/div>\r\n                <span class=\"article-link-icon\">Read Article \u2192<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/ijesty.org\/index.php\/ijesty\/article\/view\/1526\"\r\n               target=\"_blank\" rel=\"noopener noreferrer\"\r\n               class=\"article-card anim-article\" style=\"transition-delay: 0.20s;\">\r\n                <div class=\"article-title\">A Systematic Literature Review of Technopreneur Ship Fashion Design<\/div>\r\n                <div class=\"article-authors\">Rahayu Purnama, Melly Prabawati, Vivi Radiona, Yeni Sesnawati, Rosita Mohd Tajuddin, Muhamad Aiman Afiq Mohd Noor<\/div>\r\n                <span class=\"article-link-icon\">Read Article \u2192<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/ijesty.org\/index.php\/ijesty\/article\/view\/1515\"\r\n               target=\"_blank\" rel=\"noopener noreferrer\"\r\n               class=\"article-card anim-article\" style=\"transition-delay: 0.25s;\">\r\n                <div class=\"article-title\">Integration of Artificial Intelligence in Academic Research: To What Extent Do Students' Knowledge, Understanding, and Use Depend on Technology?<\/div>\r\n                <div class=\"article-authors\">Tuti Iriani, Nur Azisah, Yusrina Luthfiana, Bimo Nugroho<\/div>\r\n                <span class=\"article-link-icon\">Read Article \u2192<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/ijesty.org\/index.php\/ijesty\/article\/view\/1504\"\r\n               target=\"_blank\" rel=\"noopener noreferrer\"\r\n               class=\"article-card anim-article\" style=\"transition-delay: 0.30s;\">\r\n                <div class=\"article-title\">Determinant Factors Influencing Entrepreneurial Interest among Vocational School Students in Electronics Engineering<\/div>\r\n                <div class=\"article-authors\">Hartati Hartati, Edy Supriyadi, Dedi Setiawan, Mustofa Abi Hamid, Muhammad Nurtanto, Muhammad Hakiki<\/div>\r\n                <span class=\"article-link-icon\">Read Article \u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const observer = new IntersectionObserver((entries, obs) => {\r\n        entries.forEach((entry, index) => {\r\n            if (entry.isIntersecting) {\r\n                setTimeout(() => {\r\n                    entry.target.classList.add('is-visible');\r\n                }, index * 100);\r\n                obs.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, { root: null, rootMargin: '0px', threshold: 0.10 });\r\n\r\n    document.querySelectorAll('.anim-article').forEach(el => observer.observe(el));\r\n});\r\n<\/script>\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>Past Events &#038; Previous Publications 2025 INSEGT International Conference on Innovation, Sustainability and Engineering for Global Transformation. 2018 ICTVET International Conference of Technical and Vocational Education and Training. International Conference on Innovation, Sustainability and Engineering for Global Transformation (INSEGT) 2025 Designing and Validating an Instrument to Assess Home Literacy Environment in Early Childhood: A Confirmatory [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-176","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seminars.unj.ac.id\/insegt2026\/wp-json\/wp\/v2\/pages\/176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seminars.unj.ac.id\/insegt2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seminars.unj.ac.id\/insegt2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seminars.unj.ac.id\/insegt2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seminars.unj.ac.id\/insegt2026\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":50,"href":"https:\/\/seminars.unj.ac.id\/insegt2026\/wp-json\/wp\/v2\/pages\/176\/revisions"}],"predecessor-version":[{"id":793,"href":"https:\/\/seminars.unj.ac.id\/insegt2026\/wp-json\/wp\/v2\/pages\/176\/revisions\/793"}],"wp:attachment":[{"href":"https:\/\/seminars.unj.ac.id\/insegt2026\/wp-json\/wp\/v2\/media?parent=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}