{"id":1101,"date":"2026-08-03T03:01:10","date_gmt":"2026-08-03T03:01:10","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=1101"},"modified":"2026-08-04T00:21:43","modified_gmt":"2026-08-04T00:21:43","slug":"kepuasan-layanan","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/zh\/kepuasan-layanan\/","title":{"rendered":"Kepuasan Layanan"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1101\" class=\"elementor elementor-1101\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8008ee e-flex e-con-boxed e-con e-parent\" data-id=\"b8008ee\" 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-4fe17ea elementor-widget elementor-widget-text-editor\" data-id=\"4fe17ea\" 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 Relevan -->\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.satisfaction-survey-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\/* KARTU UTAMA GLASSMORPHISM CELESTIAL *\/\n.survey-card-container {\n    width: 100%;\n    max-width: 1000px;\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 (DI BAGIAN ATAS) *\/\n.survey-disclaimer-wrapper {\n    text-align: center;\n    margin-bottom: 25px;\n}\n\n.survey-disclaimer-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 22px;\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.survey-disclaimer-badge i {\n    color: #10b981; \/* Akses Hijau Surga *\/\n    font-size: 14px;\n}\n\n\/* HEADER BRANDING GRAFIK *\/\n.survey-header {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    margin-bottom: 35px;\n    border-bottom: 1px solid rgba(212, 175, 55, 0.25);\n    padding-bottom: 20px;\n}\n\n.survey-header-icon {\n    width: 55px;\n    height: 55px;\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.6);\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.survey-header-icon i {\n    font-size: 24px;\n    color: #f3e0aa;\n}\n\n.survey-header-text h3 {\n    font-size: 24px;\n    font-weight: 800;\n    color: #ffffff;\n    letter-spacing: 0.5px;\n    text-shadow: 0 0 10px rgba(255, 255, 255, 0.4);\n}\n\n.survey-header-text p {\n    font-size: 13.5px;\n    color: #f3e0aa;\n    margin-top: 3px;\n}\n\n\/* GRID GRAFIK 4 RESPONDEN UTAMA (2 KOLOM x 2 BARIS) *\/\n.survey-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 28px 25px;\n}\n\n\/* KARTU GRAFIK RESPONDEN *\/\n.survey-item-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: 22px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    transition: all 0.35s ease;\n}\n\n.survey-item-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(-4px);\n    box-shadow: 0 12px 30px rgba(16, 185, 129, 0.25);\n}\n\n\/* TOP LABEL RESPONDEN *\/\n.respondent-title-group {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.respondent-name {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 15px;\n    font-weight: 700;\n    color: #ffffff;\n}\n\n.respondent-name i {\n    color: #10b981;\n    font-size: 16px;\n}\n\n.respondent-score {\n    font-size: 16px;\n    font-weight: 800;\n    color: #f3e0aa;\n    text-shadow: 0 0 8px rgba(243, 224, 170, 0.5);\n}\n\n\/* LIST INDIKATOR LAYANAN *\/\n.indicator-tag {\n    font-size: 12px;\n    color: #cbd5e1;\n    line-height: 1.4;\n    background: rgba(255, 255, 255, 0.04);\n    padding: 6px 10px;\n    border-radius: 6px;\n    border-left: 2px solid #d4af37;\n}\n\n\/* ANIMASI PROGRESS BAR *\/\n.progress-bar-bg {\n    width: 100%;\n    height: 12px;\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 20px;\n    overflow: hidden;\n    position: relative;\n    border: 1px solid rgba(212, 175, 55, 0.2);\n    margin-top: 4px;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    border-radius: 20px;\n    background: linear-gradient(90deg, #10b981 0%, #3b82f6 50%, #d4af37 100%);\n    box-shadow: 0 0 12px rgba(16, 185, 129, 0.8);\n    position: relative;\n    animation: growSurveyBar 2.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n\n\/* Efek Pendaran Cahaya Bergerak *\/\n.progress-bar-fill::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);\n    animation: shimmerLight 2s infinite linear;\n}\n\n\/* TARGET LEBAR MASING-MASING BAR *\/\n.score-upm { width: 96%; }\n.score-mahasiswa { width: 92%; }\n.score-tamu { width: 94%; }\n.score-stakeholder { width: 95%; }\n\n@keyframes growSurveyBar {\n    from { width: 0%; }\n}\n\n@keyframes shimmerLight {\n    0% { transform: translateX(-100%); }\n    100% { transform: translateX(100%); }\n}\n\n\/* RESPONSIVE DESIGN UNTUK HP *\/\n@media (max-width: 768px) {\n    .survey-grid {\n        grid-template-columns: 1fr; \/* Jadi 1 Kolom di HP *\/\n    }\n    .survey-header {\n        flex-direction: column;\n        text-align: center;\n    }\n}\n<\/style>\n\n<section class=\"satisfaction-survey-section\">\n    <div class=\"survey-card-container\">\n        \n        <!-- 1. KETERANGAN SIMULASI BAHASA INGGRIS AKADEMIK (BAGIAN ATAS) -->\n        <div class=\"survey-disclaimer-wrapper\">\n            <div class=\"survey-disclaimer-badge\">\n                <i class=\"fa-solid fa-circle-info\"><\/i>\n                <span>This visualization is for simulation purposes only; the actual data is currently in progress.<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- 2. HEADER BRANDING SURVEI -->\n        <div class=\"survey-header\">\n            <div class=\"survey-header-icon\">\n                <i class=\"fa-solid fa-chart-pie\"><\/i>\n            <\/div>\n            <div class=\"survey-header-text\">\n                <h3>Indeks Kepuasan Layanan Mutu FT<\/h3>\n                <p>Hasil Survei Periodik Responden Fakultas Teknik UIN Maulana Malik Ibrahim Malang<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- 3. GRID 4 RESPONDEN KUNCI & INDIKATOR RELEVAN -->\n        <div class=\"survey-grid\">\n            \n            <!-- RESPONDEN 1: Unit Penjaminan Mutu (UPM) -->\n            <div class=\"survey-item-card\">\n                <div class=\"respondent-title-group\">\n                    <span class=\"respondent-name\">\n                        <i class=\"fa-solid fa-clipboard-check\"><\/i> Unit Penjaminan Mutu\n                    <\/span>\n                    <span class=\"respondent-score\">96%<\/span>\n                <\/div>\n                <div class=\"indicator-tag\">\n                    <strong>Indikator:<\/strong> Kepatuhan SPMI, Akreditasi LAM Teknik, &#038; Efektivitas Siklus PPEPP.\n                <\/div>\n                <div class=\"progress-bar-bg\">\n                    <div class=\"progress-bar-fill score-upm\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- RESPONDEN 2: Mahasiswa -->\n            <div class=\"survey-item-card\">\n                <div class=\"respondent-title-group\">\n                    <span class=\"respondent-name\">\n                        <i class=\"fa-solid fa-user-graduate\"><\/i> Mahasiswa\n                    <\/span>\n                    <span class=\"respondent-score\">92%<\/span>\n                <\/div>\n                <div class=\"indicator-tag\">\n                    <strong>Indikator:<\/strong> Pembelajaran Dosen, Kesiapan Alat Lab, &#038; Kecepatan Surat Akademik.\n                <\/div>\n                <div class=\"progress-bar-bg\">\n                    <div class=\"progress-bar-fill score-mahasiswa\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- RESPONDEN 3: Tamu Fakultas -->\n            <div class=\"survey-item-card\">\n                <div class=\"respondent-title-group\">\n                    <span class=\"respondent-name\">\n                        <i class=\"fa-solid fa-handshake\"><\/i> Tamu Fakultas\n                    <\/span>\n                    <span class=\"respondent-score\">94%<\/span>\n                <\/div>\n                <div class=\"indicator-tag\">\n                    <strong>Indikator:<\/strong> Keramahan Layanan PTSP, Kenyamanan Ruang Rapat, &#038; Kejelasan Prosedur Visite.\n                <\/div>\n                <div class=\"progress-bar-bg\">\n                    <div class=\"progress-bar-fill score-tamu\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- RESPONDEN 4: Stakeholder & Mitra -->\n            <div class=\"survey-item-card\">\n                <div class=\"respondent-title-group\">\n                    <span class=\"respondent-name\">\n                        <i class=\"fa-solid fa-building-user\"><\/i> Stakeholder \/ Industri\n                    <\/span>\n                    <span class=\"respondent-score\">95%<\/span>\n                <\/div>\n                <div class=\"indicator-tag\">\n                    <strong>Indikator:<\/strong> Integritas &#038; Kompetensi Teknis Lulusan, Sinergi Magang, &#038; Kerjasama Riset.\n                <\/div>\n                <div class=\"progress-bar-bg\">\n                    <div class=\"progress-bar-fill score-stakeholder\"><\/div>\n                <\/div>\n            <\/div>\n\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 for simulation purposes only; the actual data is currently in progress. Indeks Kepuasan Layanan Mutu FT Hasil Survei Periodik Responden Fakultas Teknik UIN Maulana Malik Ibrahim Malang Unit Penjaminan Mutu 96% Indikator: Kepatuhan SPMI, Akreditasi LAM Teknik, &#038; Efektivitas Siklus PPEPP. Mahasiswa 92% Indikator: Pembelajaran Dosen, Kesiapan Alat Lab, &#038; Kecepatan Surat [&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-1101","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/1101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/comments?post=1101"}],"version-history":[{"count":4,"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/1101\/revisions"}],"predecessor-version":[{"id":1304,"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/1101\/revisions\/1304"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/media?parent=1101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}