{"id":110,"date":"2026-05-28T13:26:19","date_gmt":"2026-05-28T13:26:19","guid":{"rendered":"https:\/\/fmipa-baru.unj.ac.id\/statistika\/?page_id=110"},"modified":"2026-07-15T04:53:42","modified_gmt":"2026-07-15T04:53:42","slug":"visi-dan-misi","status":"publish","type":"page","link":"https:\/\/fmipa.unj.ac.id\/statistika\/index.php\/tentang-kami\/visi-dan-misi\/","title":{"rendered":"Visi dan Misi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"110\" class=\"elementor elementor-110\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c0725bd e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"4c0725bd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-377e4599 e-con-full e-flex e-con e-child\" data-id=\"377e4599\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cb443c2 elementor-widget elementor-widget-heading\" data-id=\"4cb443c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Visi dan Misi<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68d31de1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"68d31de1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\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<div class=\"elementor-element elementor-element-d886499 e-flex e-con-boxed e-con e-parent\" data-id=\"d886499\" 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-e5c36a4 elementor-widget elementor-widget-html\" data-id=\"e5c36a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* UTAMA & FONT *\/\r\n    .vm-container {\r\n        font-family: 'Inter', sans-serif;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 60px 20px;\r\n        color: #334155;\r\n    \r\n    }\r\n\r\n    \/* LAYOUT GRID *\/\r\n    .vm-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.3fr;\r\n        gap: 40px;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* KOTAK VISI (Sembunyi di kiri) *\/\r\n    .vm-visi {\r\n        background: #f8fafc;\r\n        padding: 50px 40px;\r\n        border-radius: 16px;\r\n        border: 1px solid #e2e8f0;\r\n        \r\n        \/* Kondisi Awal: Transparan dan geser ke kiri *\/\r\n        opacity: 0;\r\n        transform: translateX(-80px);\r\n        transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n        will-change: opacity, transform; \/* Anti-lag *\/\r\n    }\r\n\r\n    \/* KOTAK MISI (Sembunyi di kanan) *\/\r\n    .vm-misi {\r\n        background: #f8fafc;\r\n        padding: 50px 40px;\r\n        border-radius: 16px;\r\n        border: 1px solid #e2e8f0;\r\n        \r\n        \/* Kondisi Awal: Transparan dan geser ke kanan *\/\r\n        opacity: 0;\r\n        transform: translateX(80px);\r\n        transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n        will-change: opacity, transform; \/* Anti-lag *\/\r\n    }\r\n\r\n    \/* KELAS PEMICU ANIMASI SAAT DISCROLL *\/\r\n    .vm-visi.animasi-muncul, \r\n    .vm-misi.animasi-muncul {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n\r\n    \/* GAYA HEADER BERSIH *\/\r\n    .section-title {\r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        margin-bottom: 30px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* Garis tipis elegan di sebelah judul *\/\r\n    .section-title::after {\r\n        content: '';\r\n        height: 2px;\r\n        flex-grow: 1;\r\n        background: #FFC30B;\r\n    }\r\n\r\n    \/* KOTAK VISI (Clean Editorial) *\/\r\n    .visi-quote {\r\n        font-size: 16px;\r\n        line-height: 1.8;\r\n        color: #334155;\r\n        font-style: italic;\r\n        padding-left: 20px;\r\n        position: relative;\r\n    }\r\n\r\n    \/* KOTAK MISI *\/\r\n    .misi-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 28px;\r\n    }\r\n\r\n    .misi-item {\r\n        display: flex;\r\n        gap: 20px;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    \/* REVISI: Mengubah Ikon menjadi Penomoran Editorial Akademik *\/\r\n    .misi-num {\r\n        color: #00A896;\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        font-family: 'Inter', sans-serif;\r\n        min-width: 35px;\r\n        line-height: 1;\r\n        padding-top: 2px;\r\n    }\r\n\r\n    .misi-text {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* PENYOROTAN KATA KUNCI (Semua Hitam Tegas) *\/\r\n    .highlight-teal, .highlight-gold, .highlight-dark {\r\n        color: #0f172a;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* RESPONSIVE DESIGN *\/\r\n    @media (max-width: 992px) {\r\n        .vm-grid { grid-template-columns: 1fr; gap: 40px; }\r\n    }\r\n    @media (max-width: 768px) {\r\n        .vm-visi, .vm-misi { padding: 35px 25px; } \/* Menyesuaikan padding kotak di HP *\/\r\n        .visi-quote { font-size: 15px; padding-left: 15px; }\r\n        .misi-text { font-size: 15px; }\r\n        .misi-num { font-size: 18px; min-width: 28px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"vm-container\">\r\n    <div class=\"vm-grid\">\r\n        \r\n        <div class=\"vm-visi\">\r\n            <h2 class=\"section-title\">Visi<\/h2>\r\n            <div class=\"visi-quote\">\r\n                \"Mengembangkan statistika dalam bidang <span class=\"highlight-teal\">sains data<\/span> dan <span class=\"highlight-teal\">pemodelan statistika<\/span> serta aplikasinya dalam bidang kependidikan, sains, teknologi, sosial, ekonomi, dan humaniora.\"\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"vm-misi\">\r\n            <h2 class=\"section-title\">Misi<\/h2>\r\n            <div class=\"misi-list\">\r\n                \r\n                <div class=\"misi-item\">\r\n                    <div class=\"misi-num\">01.<\/div>\r\n                    <p class=\"misi-text\">Menyelenggarakan <span class=\"highlight-dark\">pendidikan statistika yang unggul<\/span> dan berdaya saing global dengan memanfaatkan teknologi informasi dan komunikasi.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"misi-item\">\r\n                    <div class=\"misi-num\">02.<\/div>\r\n                    <p class=\"misi-text\">Menciptakan budaya akademik yang tinggi, menumbuhkan <span class=\"highlight-gold\">kemampuan berwirausaha<\/span>, dan menciptakan suasana religius dalam setiap kegiatan akademik dan non-akademik.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"misi-item\">\r\n                    <div class=\"misi-num\">03.<\/div>\r\n                    <p class=\"misi-text\">Melaksanakan <span class=\"highlight-teal\">penelitian statistika yang inovatif<\/span>, bereputasi, dan berguna bagi kemaslahatan manusia.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"misi-item\">\r\n                    <div class=\"misi-num\">04.<\/div>\r\n                    <p class=\"misi-text\">Melaksanakan pengabdian kepada masyarakat dalam bidang statistika yang <span class=\"highlight-dark\">berdampak nyata<\/span> bagi masyarakat lokal, nasional, regional, maupun global.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"misi-item\">\r\n                    <div class=\"misi-num\">05.<\/div>\r\n                    <p class=\"misi-text\">Melaksanakan <span class=\"highlight-teal\">kerja sama nasional dan internasional<\/span> yang bermutu, berkelanjutan, dan berdampak terhadap pengembangan kualitas pendidikan statistika serta sumber daya manusia.<\/p>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n<script>\r\n    (function() {\r\n        function jalankanAnimasi() {\r\n            \/\/ Membuat sensor pengamat layar (Intersection Observer)\r\n            const pengamat = new IntersectionObserver((entries, obs) => {\r\n                entries.forEach(entry => {\r\n                    \/\/ Jika elemen terlihat di layar (minimal 15% bagiannya)\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add(\"animasi-muncul\");\r\n                        obs.unobserve(entry.target); \/\/ Hentikan sensor agar animasi hanya 1x jalan\r\n                    }\r\n                });\r\n            }, { threshold: 0.15 });\r\n            \r\n            \/\/ Pasang sensor ke kotak Visi dan Misi\r\n            document.querySelectorAll(\".vm-visi, .vm-misi\").forEach(el => {\r\n                pengamat.observe(el);\r\n            });\r\n        }\r\n        \r\n        \/\/ Memastikan kode berjalan mulus di Elementor maupun halaman asli\r\n        if (document.readyState === 'loading') {\r\n            document.addEventListener('DOMContentLoaded', jalankanAnimasi);\r\n        } else {\r\n            jalankanAnimasi();\r\n        }\r\n    })();\r\n<\/script>\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>Visi dan Misi Visi &#8220;Mengembangkan statistika dalam bidang sains data dan pemodelan statistika serta aplikasinya dalam bidang kependidikan, sains, teknologi, sosial, ekonomi, dan humaniora.&#8221; Misi 01. Menyelenggarakan pendidikan statistika yang&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":100,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-110","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fmipa.unj.ac.id\/statistika\/index.php\/wp-json\/wp\/v2\/pages\/110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fmipa.unj.ac.id\/statistika\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fmipa.unj.ac.id\/statistika\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fmipa.unj.ac.id\/statistika\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fmipa.unj.ac.id\/statistika\/index.php\/wp-json\/wp\/v2\/comments?post=110"}],"version-history":[{"count":217,"href":"https:\/\/fmipa.unj.ac.id\/statistika\/index.php\/wp-json\/wp\/v2\/pages\/110\/revisions"}],"predecessor-version":[{"id":2055,"href":"https:\/\/fmipa.unj.ac.id\/statistika\/index.php\/wp-json\/wp\/v2\/pages\/110\/revisions\/2055"}],"up":[{"embeddable":true,"href":"https:\/\/fmipa.unj.ac.id\/statistika\/index.php\/wp-json\/wp\/v2\/pages\/100"}],"wp:attachment":[{"href":"https:\/\/fmipa.unj.ac.id\/statistika\/index.php\/wp-json\/wp\/v2\/media?parent=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}