{"id":4965,"date":"2026-07-13T14:24:41","date_gmt":"2026-07-13T07:24:41","guid":{"rendered":"https:\/\/lis.uin-malang.ac.id\/?page_id=4965"},"modified":"2026-07-13T14:24:41","modified_gmt":"2026-07-13T07:24:41","slug":"informasi-sebaran-alumni","status":"publish","type":"page","link":"https:\/\/lis.uin-malang.ac.id\/ar\/informasi-sebaran-alumni\/","title":{"rendered":"Informasi Sebaran Alumni"},"content":{"rendered":"<div class=\"alumni-dashboard-container\">\n    <!-- Mengimpor Font & Ikon Modern -->\n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;display=swap\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n    <style>\n        .alumni-dashboard-container {\n            font-family: 'Poppins', system-ui, -apple-system, sans-serif;\n            margin: 20px 0;\n            padding: 5px;\n            color: #1e293b;\n            background-color: #f8fafc;\n            border-radius: 16px;\n            padding: 25px;\n        }\n\n        .dashboard-header {\n            margin-bottom: 30px;\n            border-bottom: 2px solid #e2e8f0;\n            padding-bottom: 15px;\n        }\n\n        .dashboard-header h2 {\n            font-size: 22px;\n            font-weight: 700;\n            color: #0f172a;\n            margin: 0 0 5px 0;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .dashboard-header h2 i {\n            color: #16a085;\n        }\n\n        .dashboard-header p {\n            font-size: 14px;\n            color: #64748b;\n            margin: 0;\n        }\n\n        \/* 1. Ringkasan Kartu Utama (KPI) *\/\n        .alumni-kpi-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n\n        .kpi-card {\n            background: #ffffff;\n            border-radius: 12px;\n            padding: 20px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n            border: 1px solid #edf2f7;\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n\n        .kpi-icon {\n            width: 50px;\n            height: 50px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 22px;\n        }\n\n        .kpi-blue { background: #e0f2fe; color: #0284c7; }\n        .kpi-green { background: #dcfce7; color: #16a34a; }\n        .kpi-purple { background: #f3e8ff; color: #7c3aed; }\n\n        .kpi-info .kpi-value {\n            font-size: 24px;\n            font-weight: 700;\n            color: #0f172a;\n            line-height: 1.2;\n        }\n\n        .kpi-info .kpi-label {\n            font-size: 12px;\n            color: #64748b;\n            font-weight: 500;\n        }\n\n        \/* 2. Grid Visualisasi Data *\/\n        .chart-section-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 25px;\n            margin-bottom: 30px;\n        }\n\n        @media (max-width: 768px) {\n            .chart-section-grid { grid-template-columns: 1fr; }\n        }\n\n        .chart-card {\n            background: #ffffff;\n            border-radius: 12px;\n            padding: 24px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n            border: 1px solid #edf2f7;\n        }\n\n        .chart-card h3 {\n            font-size: 15px;\n            font-weight: 600;\n            margin: 0 0 20px 0;\n            color: #334155;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        \/* Progress Bar Styling *\/\n        .bar-group {\n            margin-bottom: 16px;\n        }\n\n        .bar-label-container {\n            display: flex;\n            justify-content: space-between;\n            font-size: 13px;\n            font-weight: 500;\n            margin-bottom: 6px;\n            color: #475569;\n        }\n\n        .bar-bg {\n            background: #f1f5f9;\n            height: 10px;\n            border-radius: 5px;\n            overflow: hidden;\n        }\n\n        .bar-fill {\n            height: 100%;\n            border-radius: 5px;\n            transition: width 1s ease-in-out;\n        }\n\n        \/* Warna Pengisi Gradasi *\/\n        .bg-swasta { background: #3498db; width: 43.5%; }\n        .bg-pemerintah { background: #2ecc71; width: 34.8%; }\n        .bg-kampus { background: #9b59b6; width: 17.4%; }\n        .bg-lainnya { background: #95a5a6; width: 4.3%; }\n\n        .bg-tinggi { background: #16a085; width: 82.6%; }\n        .bg-sedang { background: #f39c12; width: 8.7%; }\n        .bg-rendah { background: #e74c3c; width: 8.7%; }\n\n        \/* 3. Sektor Jabatan & Ruang Lingkup Kerja *\/\n        .profile-tags {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n        }\n\n        .tag-item {\n            background: #f1f5f9;\n            color: #475569;\n            padding: 8px 14px;\n            border-radius: 20px;\n            font-size: 13px;\n            font-weight: 500;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .tag-item i {\n            color: #64748b;\n        }\n\n        \/* List Berbasis Ruang Lingkup *\/\n        .scope-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .scope-item {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 10px 0;\n            border-bottom: 1px dashed #e2e8f0;\n            font-size: 13px;\n        }\n\n        .scope-item:last-child { border-bottom: none; }\n        \n        .scope-name {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-weight: 500;\n        }\n    <\/style>\n\n    <!-- Header Informasi -->\n    <div class=\"dashboard-header\">\n        <h2><i class=\"fa-solid fa-chart-pie\"><\/i> Data Kinerja &#038; Sebaran Alumni<\/h2>\n        <p>Ringkasan eksekutif hasil pelacakan lulusan (Tracer Study) berkala Program Studi.<\/p>\n    <\/div>\n\n    <!-- 1. Indikator Utama (KPI) -->\n    <div class=\"alumni-kpi-grid\">\n        <div class=\"kpi-card\">\n            <div class=\"kpi-icon kpi-blue\">\n                <i class=\"fa-solid fa-briefcase\"><\/i>\n            <\/div>\n            <div class=\"kpi-info\">\n                <div class=\"kpi-value\">92.0%<\/div>\n                <div class=\"kpi-label\">Tingkat Keterserapan Kerja<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"kpi-card\">\n            <div class=\"kpi-icon kpi-green\">\n                <i class=\"fa-solid fa-graduation-cap\"><\/i>\n            <\/div>\n            <div class=\"kpi-info\">\n                <div class=\"kpi-value\">&lt; 3 Bulan<\/div>\n                <div class=\"kpi-label\">Rata-rata Waktu Tunggu<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"kpi-card\">\n            <div class=\"kpi-icon kpi-purple\">\n                <i class=\"fa-solid fa-award\"><\/i>\n            <\/div>\n            <div class=\"kpi-info\">\n                <div class=\"kpi-value\">82.6%<\/div>\n                <div class=\"kpi-label\">Kesesuaian Bidang Tinggi<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 2. Grid Grafik Sektor & Kesesuaian -->\n    <div class=\"chart-section-grid\">\n        <!-- Jenis Instansi Tempat Bekerja -->\n        <div class=\"chart-card\">\n            <h3><i class=\"fa-solid fa-building-columns\"><\/i> Sektor Industri \/ Jenis Perusahaan<\/h3>\n            \n            <div class=\"bar-group\">\n                <div class=\"bar-label-container\">\n                    <span>Perusahaan Swasta<\/span>\n                    <span>43.5%<\/span>\n                <\/div>\n                <div class=\"bar-bg\"><div class=\"bar-fill bg-swasta\"><\/div><\/div>\n            <\/div>\n\n            <div class=\"bar-group\">\n                <div class=\"bar-label-container\">\n                    <span>Instansi Pemerintah \/ BUMN<\/span>\n                    <span>34.8%<\/span>\n                <\/div>\n                <div class=\"bar-bg\"><div class=\"bar-fill bg-pemerintah\"><\/div><\/div>\n            <\/div>\n\n            <div class=\"bar-group\">\n                <div class=\"bar-label-container\">\n                    <span>Perguruan Tinggi \/ Sekolah<\/span>\n                    <span>17.4%<\/span>\n                <\/div>\n                <div class=\"bar-bg\"><div class=\"bar-fill bg-kampus\"><\/div><\/div>\n            <\/div>\n\n            <div class=\"bar-group\">\n                <div class=\"bar-label-container\">\n                    <span>Yayasan \/ Lainnya<\/span>\n                    <span>4.3%<\/span>\n                <\/div>\n                <div class=\"bar-bg\"><div class=\"bar-fill bg-lainnya\"><\/div><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Kesesuaian dengan Bidang Ilmu -->\n        <div class=\"chart-card\">\n            <h3><i class=\"fa-solid fa-check-double\"><\/i> Kesesuaian dengan Kurikulum Prodi<\/h3>\n            \n            <div class=\"bar-group\">\n                <div class=\"bar-label-container\">\n                    <span>Sangat Sesuai (Tinggi)<\/span>\n                    <span>82.6%<\/span>\n                <\/div>\n                <div class=\"bar-bg\"><div class=\"bar-fill bg-tinggi\"><\/div><\/div>\n            <\/div>\n\n            <div class=\"bar-group\">\n                <div class=\"bar-label-container\">\n                    <span>Cukup Sesuai (Sedang)<\/span>\n                    <span>8.7%<\/span>\n                <\/div>\n                <div class=\"bar-bg\"><div class=\"bar-fill bg-sedang\"><\/div><\/div>\n            <\/div>\n\n            <div class=\"bar-group\">\n                <div class=\"bar-label-container\">\n                    <span>Sektor Penunjang (Rendah)<\/span>\n                    <span>8.7%<\/span>\n                <\/div>\n                <div class=\"bar-bg\"><div class=\"bar-fill bg-rendah\"><\/div><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 3. Grid Profil Jabatan & Skala Wilayah -->\n    <div class=\"chart-section-grid\">\n        <!-- Profil Pekerjaan Dominan -->\n        <div class=\"chart-card\">\n            <h3><i class=\"fa-solid fa-user-tie\"><\/i> Profil Jabatan Lulusan Terbanyak<\/h3>\n            <div class=\"profile-tags\">\n                <div class=\"tag-item\"><i class=\"fa-solid fa-book-reader\"><\/i> Pustakawan Utama<\/div>\n                <div class=\"tag-item\"><i class=\"fa-solid fa-boxes-stacked\"><\/i> Staf Kearsipan (Archivist)<\/div>\n                <div class=\"tag-item\"><i class=\"fa-solid fa-file-invoice\"><\/i> Administrasi &#038; Tata Usaha<\/div>\n                <div class=\"tag-item\"><i class=\"fa-solid fa-compass-drafting\"><\/i> Perancang Grafis &#038; Konten<\/div>\n                <div class=\"tag-item\"><i class=\"fa-solid fa-user-shield\"><\/i> Pembina Perpustakaan Sekolah<\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Ruang Lingkup Wilayah -->\n        <div class=\"chart-card\">\n            <h3><i class=\"fa-solid fa-earth-asia\"><\/i> Cakupan Operasional Kerja<\/h3>\n            <ul class=\"scope-list\">\n                <li class=\"scope-item\">\n                    <span class=\"scope-name\"><i class=\"fa-solid fa-flag text-blue-500\"><\/i> Nasional \/ Berbadan Hukum<\/span>\n                    <strong>17 Alumni<\/strong>\n                <\/li>\n                <li class=\"scope-item\">\n                    <span class=\"scope-name\"><i class=\"fa-solid fa-globe text-green-500\"><\/i> Internasional \/ Multinasional<\/span>\n                    <strong>3 Alumni<\/strong>\n                <\/li>\n                <li class=\"scope-item\">\n                    <span class=\"scope-name\"><i class=\"fa-solid fa-map-location-dot\"><\/i> Lokal \/ Wilayah Regional<\/span>\n                    <strong>3 Alumni<\/strong>\n                <\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Data Kinerja &#038; Sebaran Alumni Ringkasan eksekutif hasil pelacakan lulusan (Tracer Study) berkala Program Studi. 92.0% Tingkat Keterserapan Kerja &lt; 3 Bulan Rata-rata Waktu Tunggu 82.6% Kesesuaian Bidang Tinggi Sektor Industri \/ Jenis Perusahaan Perusahaan Swasta 43.5% Instansi Pemerintah \/ BUMN 34.8% Perguruan Tinggi \/ Sekolah 17.4% Yayasan \/ Lainnya 4.3% Kesesuaian dengan Kurikulum Prodi [&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-4965","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/4965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/comments?post=4965"}],"version-history":[{"count":1,"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/4965\/revisions"}],"predecessor-version":[{"id":4966,"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/4965\/revisions\/4966"}],"wp:attachment":[{"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=4965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}