{"id":1107,"date":"2026-08-03T03:02:56","date_gmt":"2026-08-03T03:02:56","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=1107"},"modified":"2026-08-04T00:13:41","modified_gmt":"2026-08-04T00:13:41","slug":"lapor-ft-uin","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/en\/lapor-ft-uin\/","title":{"rendered":"LAPOR &#8211; FT UIN"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1107\" class=\"elementor elementor-1107\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7897d8 e-flex e-con-boxed e-con e-parent\" data-id=\"c7897d8\" 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-4913337 elementor-widget elementor-widget-text-editor\" data-id=\"4913337\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Load Font Awesome 6 untuk Ikon -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n\/* SECTION CONTAINER TRANSPARAN *\/\n.lapor-showcase-section {\n    width: 100%;\n    padding: 50px 15px;\n    background: transparent;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* CONTAINER UTAMA PORTAL LAPOR FT UIN *\/\n.lapor-showcase-card {\n    width: 100%;\n    max-width: 1100px;\n    background: linear-gradient(135deg, rgba(10, 25, 47, 0.95) 0%, rgba(16, 55, 42, 0.92) 50%, rgba(15, 23, 42, 0.95) 100%);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1.5px solid rgba(212, 175, 55, 0.5);\n    border-radius: 24px;\n    padding: 40px 35px;\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.5),\n                0 0 30px rgba(16, 185, 129, 0.2),\n                inset 0 1px 1px rgba(255, 255, 255, 0.4);\n    position: relative;\n    overflow: hidden;\n}\n\n\/* BADGE KETERANGAN SIMULASI BAHASA INGGRIS AKADEMIK *\/\n.lapor-disclaimer-wrapper {\n    text-align: center;\n    margin-bottom: 30px;\n}\n\n.lapor-disclaimer-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 20px;\n    background: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(212, 175, 55, 0.4);\n    border-radius: 30px;\n    color: #f3e0aa;\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 0.3px;\n    box-shadow: 0 0 15px rgba(212, 175, 55, 0.15);\n}\n\n.lapor-disclaimer-badge i {\n    color: #10b981; \/* Akses Hijau Surga *\/\n    font-size: 14px;\n}\n\n\/* HEADER BRANDING MENU LAPOR FT UIN *\/\n.lapor-header-brand {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 35px;\n    border-bottom: 1px solid rgba(212, 175, 55, 0.25);\n    padding-bottom: 25px;\n}\n\n.lapor-brand-icon {\n    width: 60px;\n    height: 60px;\n    background: radial-gradient(circle, rgba(16, 185, 129, 0.35) 0%, rgba(10, 25, 47, 0.8) 100%);\n    border: 1.5px solid rgba(212, 175, 55, 0.7);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 0 20px rgba(16, 185, 129, 0.3);\n    flex-shrink: 0;\n}\n\n.lapor-brand-icon i {\n    font-size: 28px;\n    color: #f3e0aa;\n    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.6));\n}\n\n.lapor-brand-text h2 {\n    font-size: 26px;\n    font-weight: 800;\n    color: #ffffff;\n    letter-spacing: 0.5px;\n    text-shadow: 0 0 12px rgba(255, 255, 255, 0.4);\n}\n\n.lapor-brand-text p {\n    font-size: 14px;\n    color: #f3e0aa;\n    margin-top: 3px;\n}\n\n\/* GRID FITUR VISUALISASI (3 KOLOM) *\/\n.lapor-features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n    margin-bottom: 35px;\n}\n\n\/* KARTU FITUR INDIVIDUAL *\/\n.lapor-feature-card {\n    background: rgba(10, 25, 47, 0.6);\n    border: 1px solid rgba(212, 175, 55, 0.3);\n    border-radius: 16px;\n    padding: 24px 20px;\n    transition: all 0.35s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.lapor-feature-card:hover {\n    background: linear-gradient(135deg, rgba(20, 83, 45, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%);\n    border-color: #d4af37;\n    transform: translateY(-5px);\n    box-shadow: 0 12px 30px rgba(16, 185, 129, 0.25);\n}\n\n.feature-icon-wrapper {\n    width: 44px;\n    height: 44px;\n    background: rgba(212, 175, 55, 0.15);\n    border: 1px solid rgba(212, 175, 55, 0.4);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 16px;\n}\n\n.feature-icon-wrapper i {\n    font-size: 20px;\n    color: #f3e0aa;\n}\n\n.feature-title {\n    font-size: 16px;\n    font-weight: 700;\n    color: #ffffff;\n    margin-bottom: 8px;\n}\n\n.feature-desc {\n    font-size: 13px;\n    color: #cbd5e1;\n    line-height: 1.5;\n}\n\n\/* TIMELINE STATUS PROSES (VISUALISASI SIKLUS LAYANAN) *\/\n.lapor-flow-box {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px dashed rgba(212, 175, 55, 0.3);\n    border-radius: 16px;\n    padding: 20px;\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 15px;\n}\n\n.flow-step {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #ffffff;\n}\n\n.flow-step i {\n    color: #10b981;\n    font-size: 15px;\n}\n\n.flow-arrow {\n    color: #d4af37;\n    opacity: 0.6;\n    font-size: 12px;\n}\n\n\/* RESPONSIVE DESIGN UNTUK HP & TABLET *\/\n@media (max-width: 900px) {\n    .lapor-features-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 600px) {\n    .lapor-features-grid {\n        grid-template-columns: 1fr;\n    }\n    .lapor-header-brand {\n        flex-direction: column;\n        text-align: center;\n    }\n    .flow-arrow {\n        display: none;\n    }\n    .lapor-flow-box {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n}\n<\/style>\n\n<section class=\"lapor-showcase-section\">\n    <div class=\"lapor-showcase-card\">\n        \n        <!-- 1. BADGE KETERANGAN SIMULASI BAHASA INGGRIS AKADEMIK -->\n        <div class=\"lapor-disclaimer-wrapper\">\n            <div class=\"lapor-disclaimer-badge\">\n                <i class=\"fa-solid fa-circle-info\"><\/i>\n                <span>This visualization is a conceptual showcase; the actual feature is currently in development.<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- 2. BRANDING HEADER MENU LAPOR FT UIN -->\n        <div class=\"lapor-header-brand\">\n            <div class=\"lapor-brand-icon\">\n                <i class=\"fa-solid fa-bullhorn\"><\/i>\n            <\/div>\n            <div class=\"lapor-brand-text\">\n                <h2>LAPOR FT UIN<\/h2>\n                <p>Layanan Aspirasi, Pengaduan &#038; Layanan Online Resmi Fakultas Teknik<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- 3. VISUALISASI FITUR UTAMA (GRID 3 KOLOM) -->\n        <div class=\"lapor-features-grid\">\n            \n            <!-- Fitur 1: Layanan Pengaduan Akademik -->\n            <div class=\"lapor-feature-card\">\n                <div class=\"feature-icon-wrapper\">\n                    <i class=\"fa-solid fa-graduation-cap\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Pengaduan Akademik<\/h3>\n                <p class=\"feature-desc\">Fasilitas pelaporan cepat terkait kendala perkuliahan, administrasi nilai, dan bimbingan tugas akhir secara transparan.<\/p>\n            <\/div>\n\n            <!-- Fitur 2: Sarana & Prasarana -->\n            <div class=\"lapor-feature-card\">\n                <div class=\"feature-icon-wrapper\">\n                    <i class=\"fa-solid fa-wrench\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Sarana &#038; Prasarana<\/h3>\n                <p class=\"feature-desc\">Pusat keluhan kerusakkan fasilitas ruang kelas, laboratorium, koneksi internet, dan kenyamanan lingkungan fakultas.<\/p>\n            <\/div>\n\n            <!-- Fitur 3: Aspirasi & Inovasi -->\n            <div class=\"lapor-feature-card\">\n                <div class=\"feature-icon-wrapper\">\n                    <i class=\"fa-solid fa-lightbulb\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Aspirasi &#038; Usulan<\/h3>\n                <p class=\"feature-desc\">Wadah penyampaian ide kreatif, masukan pembangunan fakultas, serta saran pengembangan kegiatan mahasiswa.<\/p>\n            <\/div>\n\n        <\/div>\n\n        <!-- 4. VISUALISASI SIKLUS PROSES LAYANAN LAPOR -->\n        <div class=\"lapor-flow-box\">\n            <div class=\"flow-step\">\n                <i class=\"fa-solid fa-pen-to-square\"><\/i>\n                <span>1. Tulis Laporan<\/span>\n            <\/div>\n            <i class=\"fa-solid fa-chevron-right flow-arrow\"><\/i>\n            \n            <div class=\"flow-step\">\n                <i class=\"fa-solid fa-shield-halved\"><\/i>\n                <span>2. Verifikasi Data<\/span>\n            <\/div>\n            <i class=\"fa-solid fa-chevron-right flow-arrow\"><\/i>\n            \n            <div class=\"flow-step\">\n                <i class=\"fa-solid fa-gears\"><\/i>\n                <span>3. Tindak Lanjut Pimpinan<\/span>\n            <\/div>\n            <i class=\"fa-solid fa-chevron-right flow-arrow\"><\/i>\n            \n            <div class=\"flow-step\">\n                <i class=\"fa-solid fa-circle-check\"><\/i>\n                <span>4. Selesai &#038; Tanggapan<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>This visualization is a conceptual showcase; the actual feature is currently in development. LAPOR FT UIN Layanan Aspirasi, Pengaduan &#038; Layanan Online Resmi Fakultas Teknik Pengaduan Akademik Fasilitas pelaporan cepat terkait kendala perkuliahan, administrasi nilai, dan bimbingan tugas akhir secara transparan. Sarana &#038; Prasarana Pusat keluhan kerusakkan fasilitas ruang kelas, laboratorium, koneksi internet, dan kenyamanan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1107","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/1107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/comments?post=1107"}],"version-history":[{"count":4,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/1107\/revisions"}],"predecessor-version":[{"id":1301,"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/pages\/1107\/revisions\/1301"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/media?parent=1107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}