{"id":6548,"date":"2020-02-14T03:26:14","date_gmt":"2020-02-14T03:26:14","guid":{"rendered":"https:\/\/testdrive.kalimah.my.id\/?page_id=6548"},"modified":"2026-05-20T02:39:11","modified_gmt":"2026-05-20T02:39:11","slug":"s1-sistem-informasi","status":"publish","type":"page","link":"https:\/\/lpkia.ac.id\/?page_id=6548","title":{"rendered":"S1 &#8211; Sistem Informasi"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"753\" height=\"1006\" src=\"https:\/\/lpkia.ac.id\/wp-content\/uploads\/2019\/02\/1-1.png\" alt=\"\" class=\"wp-image-12743\" style=\"aspect-ratio:0.7485226526592252;width:326px;height:auto\" srcset=\"https:\/\/lpkia.ac.id\/wp-content\/uploads\/2019\/02\/1-1.png 753w, https:\/\/lpkia.ac.id\/wp-content\/uploads\/2019\/02\/1-1-225x300.png 225w, https:\/\/lpkia.ac.id\/wp-content\/uploads\/2019\/02\/1-1-370x493.png 370w, https:\/\/lpkia.ac.id\/wp-content\/uploads\/2019\/02\/1-1-410x548.png 410w, https:\/\/lpkia.ac.id\/wp-content\/uploads\/2019\/02\/1-1-470x628.png 470w\" sizes=\"(max-width: 753px) 100vw, 753px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">K<strong>etua Program Studi:<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"576\" height=\"962\" src=\"https:\/\/lpkia.ac.id\/wp-content\/uploads\/2026\/04\/4e7af414-40a8-49c0-a02f-9368eb05c8a7-1.jpg\" alt=\"\" class=\"wp-image-13115\" style=\"aspect-ratio:0.5625090690491491;width:426px;height:auto\" srcset=\"https:\/\/lpkia.ac.id\/wp-content\/uploads\/2026\/04\/4e7af414-40a8-49c0-a02f-9368eb05c8a7-1.jpg 576w, https:\/\/lpkia.ac.id\/wp-content\/uploads\/2026\/04\/4e7af414-40a8-49c0-a02f-9368eb05c8a7-1-180x300.jpg 180w, https:\/\/lpkia.ac.id\/wp-content\/uploads\/2026\/04\/4e7af414-40a8-49c0-a02f-9368eb05c8a7-1-370x618.jpg 370w, https:\/\/lpkia.ac.id\/wp-content\/uploads\/2026\/04\/4e7af414-40a8-49c0-a02f-9368eb05c8a7-1-410x685.jpg 410w\" sizes=\"(max-width: 600px) 100vw, 576px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong><strong>DEDEN SOFYAN HAMDANI,. M.T<\/strong><\/strong><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n    <title>Dosen &#038; Tujuan Lulusan &#8211; Sistem Informasi<\/title>\n    <!-- Google Fonts + Font Awesome -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background: #f4f9fe; \/* hanya untuk preview, di website asli akan mengikuti *\/\n            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;\n            padding: 2rem 1rem;\n        }\n\n        \/* container utama agar tidak bentrok dengan header\/footer eksternal *\/\n        .dosen-tujuan-wrapper {\n            max-width: 1200px;\n            margin: 0 auto;\n            background: transparent;\n        }\n\n        \/* bagian judul *\/\n        .section-title {\n            text-align: center;\n            margin-bottom: 2rem;\n        }\n        .section-title h2 {\n            font-size: 2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #0B3B3F, #1C6E6B);\n            background-clip: text;\n            -webkit-background-clip: text;\n            color: transparent;\n            display: inline-block;\n            padding-bottom: 6px;\n            border-bottom: 3px solid #1C6E6B;\n        }\n\n        \/* grid dosen *\/\n        .dosen-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 1.5rem;\n            margin-bottom: 3rem;\n        }\n\n        .dosen-card {\n            background: white;\n            border-radius: 1.5rem;\n            padding: 1.5rem 1rem;\n            text-align: center;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03);\n            border: 1px solid #e9edf2;\n            transition: all 0.25s ease;\n        }\n        .dosen-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.1);\n            border-color: #cfdfed;\n        }\n        .dosen-avatar {\n            width: 80px;\n            height: 80px;\n            background: linear-gradient(145deg, #eef2fa, #e3eaf2);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 1rem;\n            font-size: 2.2rem;\n            color: #1f7b6e;\n        }\n        .dosen-name {\n            font-weight: 700;\n            font-size: 1.1rem;\n            color: #1f2e3a;\n            margin-bottom: 0.25rem;\n        }\n        .dosen-gelar {\n            font-size: 0.8rem;\n            color: #5f7f8c;\n            background: #f0f4f9;\n            display: inline-block;\n            padding: 0.2rem 0.8rem;\n            border-radius: 50px;\n        }\n\n        \/* box tujuan lulusan *\/\n        .tujuan-box {\n            background: linear-gradient(125deg, #ffffff 0%, #fafdff 100%);\n            border-radius: 2rem;\n            padding: 2rem;\n            border: 1px solid #e2edf5;\n            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.05);\n            margin-top: 1rem;\n        }\n        .tujuan-header {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 1.2rem;\n            border-left: 5px solid #1C6E6B;\n            padding-left: 1.2rem;\n        }\n        .tujuan-header i {\n            font-size: 2rem;\n            color: #1C6E6B;\n        }\n        .tujuan-header h3 {\n            font-size: 1.6rem;\n            font-weight: 700;\n            color: #1f3a44;\n            margin: 0;\n        }\n        .tujuan-text {\n            font-size: 1.05rem;\n            line-height: 1.55;\n            color: #2c4b55;\n            text-align: justify;\n            padding-left: 1rem;\n            border-left: 2px dashed #cbdbe2;\n            margin-left: 0.5rem;\n        }\n        .highlight-word {\n            font-weight: 600;\n            color: #1f7b6e;\n        }\n\n        @media (max-width: 640px) {\n            body {\n                padding: 1rem;\n            }\n            .tujuan-header h3 {\n                font-size: 1.3rem;\n            }\n            .tujuan-text {\n                font-size: 0.95rem;\n            }\n            .section-title h2 {\n                font-size: 1.6rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"dosen-tujuan-wrapper\">\n    <!-- Bagian Dosen -->\n    <div class=\"section-title\">\n        <h2><i class=\"fas fa-chalkboard-user\" style=\"margin-right: 8px;\"><\/i> Dosen Pengajar<\/h2>\n    <\/div>\n    <div class=\"dosen-grid\">\n        <div class=\"dosen-card\">\n            <div class=\"dosen-avatar\"><i class=\"fas fa-user-graduate\"><\/i><\/div>\n            <div class=\"dosen-name\">ADANG KURNIAWAN, S.Kom, M.Kom<\/div>\n            <div class=\"dosen-gelar\">S.Kom, M.Kom<\/div>\n        <\/div>\n        <div class=\"dosen-card\">\n            <div class=\"dosen-avatar\"><i class=\"fas fa-user-graduate\"><\/i><\/div>\n            <div class=\"dosen-name\">FELIX FERDIAN, S.Kom, M.Kom.<\/div>\n            <div class=\"dosen-gelar\">S.Kom, M.Kom.<\/div>\n        <\/div>\n        <div class=\"dosen-card\">\n            <div class=\"dosen-avatar\"><i class=\"fas fa-user-graduate\"><\/i><\/div>\n            <div class=\"dosen-name\">INDRA PURNAMA, S.Sos, M.T<\/div>\n            <div class=\"dosen-gelar\">S.Sos, M.T<\/div>\n        <\/div>\n        <div class=\"dosen-card\">\n            <div class=\"dosen-avatar\"><i class=\"fas fa-user-graduate\"><\/i><\/div>\n            <div class=\"dosen-name\">SRI KURNIASIH, S.T., M.Kom<\/div>\n            <div class=\"dosen-gelar\">S.T., M.Kom<\/div>\n        <\/div>\n        <div class=\"dosen-card\">\n            <div class=\"dosen-avatar\"><i class=\"fas fa-user-graduate\"><\/i><\/div>\n            <div class=\"dosen-name\">WAHYU NURJAYA WK, S.T., M.Kom<\/div>\n            <div class=\"dosen-gelar\">S.T., M.Kom<\/div>\n        <\/div>\n        <!-- Dosen baru 1 -->\n        <div class=\"dosen-card\">\n            <div class=\"dosen-avatar\"><i class=\"fas fa-user-graduate\"><\/i><\/div>\n            <div class=\"dosen-name\">MEMET SANJAYA, S.Kom., M.A.<\/div>\n            <div class=\"dosen-gelar\">S.Kom., M.A.<\/div>\n        <\/div>\n        <!-- Dosen baru 2 -->\n        <div class=\"dosen-card\">\n            <div class=\"dosen-avatar\"><i class=\"fas fa-user-graduate\"><\/i><\/div>\n            <div class=\"dosen-name\">DAYANNI VERA VERSANIKA, S.T., M.Kom.<\/div>\n            <div class=\"dosen-gelar\">S.T., M.Kom.<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Tujuan & Profil Lulusan -->\n    <div class=\"tujuan-box\">\n        <div class=\"tujuan-header\">\n            <i class=\"fas fa-bullseye\"><\/i>\n            <h3>Tujuan &#038; Profil Lulusan<\/h3>\n        <\/div>\n        <div class=\"tujuan-text\">\n            Menjadi sarjana di bidang <span class=\"highlight-word\">sistem informasi bisnis<\/span> yang mampu \n            <strong>menganalisis, merancang, mengimplementasikan, serta mengelola solusi sistem informasi<\/strong> \n            yang tepat, inovatif, dan unggul untuk meningkatkan <span class=\"highlight-word\">daya saing<\/span> \n            dan <span class=\"highlight-word\">transformasi digital<\/span> organisasi.\n        <\/div>\n    <\/div>\n<\/div>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n    <title>Sistem Informasi &#8211; Konsentrasi Digital Bisnis &#038; DKV<\/title>\n    <!-- Google Fonts + Font Awesome -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n    <style>\n        \/* reset lokal untuk container ini \u2013 tidak mempengaruhi global *\/\n        .si-konsentrasi-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .si-konsentrasi-wrapper {\n            max-width: 1300px;\n            margin: 2rem auto;\n            padding: 1.5rem 2rem;\n            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;\n            background: #ffffff;\n            border-radius: 2rem;\n            box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.1);\n            transition: all 0.2s;\n        }\n\n        \/* judul utama *\/\n        .si-header {\n            text-align: center;\n            margin-bottom: 2rem;\n        }\n        .si-header h2 {\n            font-size: 2.2rem;\n            font-weight: 800;\n            background: linear-gradient(135deg, #0B3B3F, #1C6E6B);\n            background-clip: text;\n            -webkit-background-clip: text;\n            color: transparent;\n            letter-spacing: -0.3px;\n        }\n        .si-header .badge-konsentrasi {\n            display: inline-flex;\n            gap: 0.8rem;\n            margin-top: 0.75rem;\n            flex-wrap: wrap;\n            justify-content: center;\n        }\n        .badge {\n            background: #eef2fa;\n            border-radius: 50px;\n            padding: 0.3rem 1.2rem;\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: #1C6E6B;\n        }\n        .badge i {\n            margin-right: 6px;\n            font-size: 0.8rem;\n        }\n\n        \/* grid dua kolom *\/\n        .konsentrasi-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 2rem;\n            margin-top: 1rem;\n        }\n\n        \/* kartu masing-masing konsentrasi *\/\n        .kartu {\n            background: #fefefe;\n            border-radius: 1.8rem;\n            padding: 1.8rem;\n            transition: all 0.3s ease;\n            border: 1px solid #eef2f8;\n            box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.03);\n        }\n        .kartu:hover {\n            transform: translateY(-5px);\n            border-color: #d4e2f0;\n            box-shadow: 0 25px 30px -15px rgba(0, 0, 0, 0.08);\n            background: #ffffff;\n        }\n        .kartu-header {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 1.3rem;\n            border-bottom: 2px solid #e9edf2;\n            padding-bottom: 0.8rem;\n        }\n        .kartu-header i {\n            font-size: 2.2rem;\n            color: #1f7b6e;\n        }\n        .kartu-header h3 {\n            font-size: 1.6rem;\n            font-weight: 700;\n            color: #1f2e3a;\n            margin: 0;\n        }\n        .kartu-desc {\n            font-size: 1rem;\n            line-height: 1.5;\n            color: #2c3e44;\n            margin-top: 0.5rem;\n            text-align: justify;\n        }\n        .highlight-list {\n            margin-top: 1.5rem;\n            list-style: none;\n        }\n        .highlight-list li {\n            margin-bottom: 0.7rem;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-size: 0.9rem;\n            color: #2c4b55;\n        }\n        .highlight-list li i {\n            width: 24px;\n            color: #1f7b6e;\n            font-size: 1rem;\n        }\n\n        \/* variasi warna untuk DKV *\/\n        .kartu.dkv .kartu-header i {\n            color: #9b5de5;\n        }\n        .kartu.dkv .highlight-list li i {\n            color: #9b5de5;\n        }\n        .kartu.dkv .kartu-header h3 {\n            color: #2e1b4b;\n        }\n\n        @media (max-width: 800px) {\n            .si-konsentrasi-wrapper {\n                padding: 1rem 1.2rem;\n                margin: 1rem;\n            }\n            .konsentrasi-grid {\n                grid-template-columns: 1fr;\n                gap: 1.5rem;\n            }\n            .si-header h2 {\n                font-size: 1.8rem;\n            }\n            .kartu-header h3 {\n                font-size: 1.4rem;\n            }\n        }\n\n        \/* sentuhan ekstra *\/\n        .tech-stack {\n            margin-top: 1rem;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 8px;\n        }\n        .tech-tag {\n            background: #eef2f8;\n            border-radius: 30px;\n            padding: 0.2rem 0.8rem;\n            font-size: 0.7rem;\n            font-weight: 500;\n            color: #2c6e64;\n        }\n        .dkv .tech-tag {\n            background: #f1e9fc;\n            color: #7b3fe4;\n        }\n        .separator-light {\n            margin: 1.2rem 0 0;\n            height: 1px;\n            background: linear-gradient(to right, transparent, #d0dfec, transparent);\n        }\n    <\/style>\n<\/head>\n<body style=\"margin:0; background:#f6fafd; padding:20px;\"> \n<!-- background hanya untuk preview; saat diimplementasikan di website asli, latar menyesuaikan halaman induk -->\n\n<div class=\"si-konsentrasi-wrapper\">\n    <div class=\"si-header\">\n        <h2><i class=\"fas fa-graduation-cap\" style=\"margin-right: 8px; color:#1f7b6e;\"><\/i> SISTEM INFORMASI<\/h2>\n        <div class=\"badge-konsentrasi\">\n            <span class=\"badge\"><i class=\"fas fa-chart-line\"><\/i> Digital Bisnis<\/span>\n            <span class=\"badge\"><i class=\"fas fa-palette\"><\/i> Desain Komunikasi Visual<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"konsentrasi-grid\">\n        <!-- KARTU KIRI: Digital Bisnis -->\n        <div class=\"kartu\">\n            <div class=\"kartu-header\">\n                <i class=\"fas fa-chart-simple\"><\/i>\n                <h3>Digital Bisnis<\/h3>\n            <\/div>\n            <div class=\"kartu-desc\">\n                Mampu menganalisis, merancang, mengimplementasikan, serta mengelola solusi sistem informasi dengan mengintegrasikan <strong>Teknologi, Bisnis Digital, Analisis Data, dan Kecerdasan Buatan<\/strong>.\n            <\/div>\n            <div class=\"tech-stack\">\n                <span class=\"tech-tag\"><i class=\"fas fa-microchip\"><\/i> Teknologi<\/span>\n                <span class=\"tech-tag\"><i class=\"fas fa-chart-line\"><\/i> Bisnis Digital<\/span>\n                <span class=\"tech-tag\"><i class=\"fas fa-database\"><\/i> Analisis Data<\/span>\n                <span class=\"tech-tag\"><i class=\"fas fa-brain\"><\/i> Kecerdasan Buatan<\/span>\n            <\/div>\n            <ul class=\"highlight-list\">\n                <li><i class=\"fas fa-check-circle\"><\/i> Analisis kebutuhan sistem berbasis AI<\/li>\n                <li><i class=\"fas fa-chart-pie\"><\/i> Transformasi data menjadi insight bisnis<\/li>\n                <li><i class=\"fas fa-rocket\"><\/i> Perancangan strategi bisnis digital<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- KARTU KANAN: Desain Komunikasi Visual (DKV) -->\n        <div class=\"kartu dkv\">\n            <div class=\"kartu-header\">\n                <i class=\"fas fa-pen-fancy\"><\/i>\n                <h3>Desain Komunikasi Visual<\/h3>\n            <\/div>\n            <div class=\"kartu-desc\">\n                Mampu menganalisis, merancang, mengimplementasikan, serta mengelola solusi sistem informasi dengan mengintegrasikan <strong>Teknologi, Bisnis, Data, dan Desain<\/strong>.\n            <\/div>\n            <div class=\"tech-stack\">\n                <span class=\"tech-tag\"><i class=\"fas fa-code\"><\/i> Teknologi<\/span>\n                <span class=\"tech-tag\"><i class=\"fas fa-chart-simple\"><\/i> Bisnis<\/span>\n                <span class=\"tech-tag\"><i class=\"fas fa-chart-column\"><\/i> Data<\/span>\n                <span class=\"tech-tag\"><i class=\"fas fa-paintbrush\"><\/i> Desain<\/span>\n            <\/div>\n            <ul class=\"highlight-list\">\n                <li><i class=\"fas fa-mobile-alt\"><\/i> UI\/UX berbasis data &#038; pengalaman pengguna<\/li>\n                <li><i class=\"fas fa-chart-line\"><\/i> Visualisasi data untuk komunikasi bisnis<\/li>\n                <li><i class=\"fas fa-palette\"><\/i> Branding &#038; desain antarmuka yang berdampak<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n    <div class=\"separator-light\"><\/div>\n    <!-- catatan: tidak ada footer tambahan agar tidak bentrok dengan footer asli website -->\n<\/div>\n\n<!-- Kode ini sepenuhnya independen, aman disisipkan di halaman mana pun tanpa mengganggu header\/footer yang sudah ada -->\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n    <title>Prospek Karir LPKIA (Konten Utama)<\/title>\n    <style>\n        \/* Reset lokal untuk container ini \u2013 tidak mempengaruhi header\/footer di luar *\/\n        .lpkia-career-container * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .lpkia-career-container {\n            max-width: 1280px;\n            margin: 2rem auto;\n            padding: 1.5rem 2rem;\n            background: #ffffff;\n            border-radius: 32px;\n            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08);\n            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, sans-serif;\n            transition: all 0.2s;\n        }\n\n        \/* fallback font jika Inter tidak tersedia *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700;14..32,800&display=swap');\n\n        \/* Bagian header LPKIA *\/\n        .lpkia-title {\n            text-align: center;\n            margin-bottom: 1rem;\n        }\n        .lpkia-title h1 {\n            font-size: 2.5rem;\n            font-weight: 800;\n            background: linear-gradient(135deg, #0b2b40, #1e6f5c);\n            background-clip: text;\n            -webkit-background-clip: text;\n            color: transparent;\n            letter-spacing: -0.3px;\n        }\n        .core-badge {\n            display: inline-block;\n            background: #eef2fa;\n            border-radius: 60px;\n            padding: 0.4rem 1.2rem;\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: #1a5d7a;\n            margin: 0.75rem 0 0.5rem;\n            letter-spacing: 0.3px;\n        }\n        .prospek-main-title {\n            text-align: center;\n            font-size: 1.9rem;\n            font-weight: 800;\n            color: #0f2b3d;\n            margin-top: 0.5rem;\n            margin-bottom: 2rem;\n            position: relative;\n            display: inline-block;\n            width: 100%;\n        }\n        .prospek-main-title:after {\n            content: '';\n            display: block;\n            width: 80px;\n            height: 4px;\n            background: #2c9b8c;\n            margin: 0.6rem auto 0;\n            border-radius: 4px;\n        }\n\n        \/* Grid karir - 2 kolom responsif *\/\n        .career-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 1.2rem 2rem;\n        }\n\n        \/* item karir *\/\n        .career-item {\n            background: #fefefe;\n            border-radius: 20px;\n            padding: 1rem 1.2rem;\n            transition: all 0.2s ease;\n            border: 1px solid #e9edf2;\n            display: flex;\n            align-items: flex-start;\n            gap: 1rem;\n        }\n        .career-item:hover {\n            border-color: #cbdde9;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);\n            transform: translateY(-2px);\n            background: #fbfdff;\n        }\n        .career-number {\n            background: #eef3fc;\n            width: 42px;\n            height: 42px;\n            border-radius: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 800;\n            font-size: 1.25rem;\n            color: #1a6d68;\n            flex-shrink: 0;\n            transition: 0.1s;\n        }\n        .career-info {\n            flex: 1;\n        }\n        .career-info h3 {\n            font-size: 1.2rem;\n            font-weight: 700;\n            color: #1a2c3e;\n            margin-bottom: 0.3rem;\n        }\n        .career-info p {\n            font-size: 0.88rem;\n            color: #4a5b6e;\n            line-height: 1.4;\n        }\n\n        \/* Untuk perangkat kecil *\/\n        @media (max-width: 780px) {\n            .lpkia-career-container {\n                padding: 1rem 1.2rem;\n                margin: 1rem;\n            }\n            .career-grid {\n                grid-template-columns: 1fr;\n                gap: 1rem;\n            }\n            .prospek-main-title {\n                font-size: 1.5rem;\n            }\n            .lpkia-title h1 {\n                font-size: 2rem;\n            }\n        }\n\n        \/* sentuhan tambahan *\/\n        .separator-light {\n            height: 1px;\n            background: linear-gradient(to right, transparent, #dce5ec, transparent);\n            margin: 1.5rem 0 0.8rem;\n        }\n        .footer-note {\n            text-align: center;\n            font-size: 0.75rem;\n            color: #8a9bb0;\n            margin-top: 2rem;\n            border-top: 1px solid #eff3f8;\n            padding-top: 1.2rem;\n        }\n    <\/style>\n<\/head>\n<body style=\"margin:0; background:#f4f8fe; padding:0;\"> <!-- latar hanya untuk preview, saat disisipkan di website asli latar akan mengikuti halaman induk -->\n\n<!-- ========================================= -->\n<!-- KONTEN UTAMA PROSPEK KARIR LPKIA          -->\n<!-- TIDAK MENGGANGGU HEADER\/FOOTER DI LUAR    -->\n<!-- ========================================= -->\n<div class=\"lpkia-career-container\">\n    <div class=\"lpkia-title\">\n        <h1>LPKIA<\/h1>\n        <div class=\"core-badge\">\u26a1 CORE IS CAREER PROSPECTS<\/div>\n        <div class=\"core-badge\" style=\"background:#e9f0e6; color:#2a6b4e; margin-left:0.5rem;\">PROSPEK KARIR INTI SI<\/div>\n    <\/div>\n    <div class=\"prospek-main-title\">\n        PROSPEK KARIR\n    <\/div>\n\n    <div class=\"career-grid\">\n        <!-- 1. SYSTEM ANALYST -->\n        <div class=\"career-item\">\n            <div class=\"career-number\">1<\/div>\n            <div class=\"career-info\">\n                <h3>SYSTEM ANALYST<\/h3>\n                <p>Analisis Kebutuhan Sistem &#038; Solusi Teknologi<\/p>\n            <\/div>\n        <\/div>\n        <!-- 2. BUSINESS ANALYST -->\n        <div class=\"career-item\">\n            <div class=\"career-number\">2<\/div>\n            <div class=\"career-info\">\n                <h3>BUSINESS ANALYST<\/h3>\n                <p>Analisis Bisnis &#038; Proses untuk Solusi TI<\/p>\n            <\/div>\n        <\/div>\n        <!-- 3. DATA ANALYST -->\n        <div class=\"career-item\">\n            <div class=\"career-number\">3<\/div>\n            <div class=\"career-info\">\n                <h3>DATA ANALYST<\/h3>\n                <p>Analisis Data untuk Keputusan Bisnis<\/p>\n            <\/div>\n        <\/div>\n        <!-- 4. SOFTWARE DEVELOPER -->\n        <div class=\"career-item\">\n            <div class=\"career-number\">4<\/div>\n            <div class=\"career-info\">\n                <h3>SOFTWARE DEVELOPER<\/h3>\n                <p>Membangun &#038; Mengembangkan Software<\/p>\n            <\/div>\n        <\/div>\n        <!-- 5. DATABASE ADMINISTRATOR -->\n        <div class=\"career-item\">\n            <div class=\"career-number\">5<\/div>\n            <div class=\"career-info\">\n                <h3>DATABASE ADMINISTRATOR<\/h3>\n                <p>Mengelola, Mengamankan, &#038; Memelihara Basis Data<\/p>\n            <\/div>\n        <\/div>\n        <!-- 6. SYSTEM ADMINISTRATOR -->\n        <div class=\"career-item\">\n            <div class=\"career-number\">6<\/div>\n            <div class=\"career-info\">\n                <h3>SYSTEM ADMINISTRATOR<\/h3>\n                <p>Instalasi, Konfigurasi, &#038; Pemeliharaan Sistem TI<\/p>\n            <\/div>\n        <\/div>\n        <!-- 7. NETWORK ADMINISTRATOR -->\n        <div class=\"career-item\">\n            <div class=\"career-number\">7<\/div>\n            <div class=\"career-info\">\n                <h3>NETWORK ADMINISTRATOR<\/h3>\n                <p>Konfigurasi, Pemeliharaan, &#038; Keamanan Jaringan<\/p>\n            <\/div>\n        <\/div>\n        <!-- 8. IT SUPPORT -->\n        <div class=\"career-item\">\n            <div class=\"career-number\">8<\/div>\n            <div class=\"career-info\">\n                <h3>IT SUPPORT<\/h3>\n                <p>Dukungan Teknis Akhir Pengguna &#038; Pemecahan Masalah<\/p>\n            <\/div>\n        <\/div>\n        <!-- 9. IS MANAGER -->\n        <div class=\"career-item\">\n            <div class=\"career-number\">9<\/div>\n            <div class=\"career-info\">\n                <h3>IT MANAGER<\/h3>\n                <p>Perencanaan, Koordinasi, &#038; Manajemen Strategi TI<\/p>\n            <\/div>\n        <\/div>\n        <!-- 10. IS PROJECT MANAGER -->\n        <div class=\"career-item\">\n            <div class=\"career-number\">10<\/div>\n            <div class=\"career-info\">\n                <h3>IT PROJECT MANAGER<\/h3>\n                <p>Perencanaan, Eksekusi, &#038; Pengawasan Proyek SI<\/p>\n            <\/div>\n        <\/div>\n        <!-- 11. TECHNOPREUNER -->\n        <div class=\"career-item\">\n            <div class=\"career-number\">11<\/div>\n            <div class=\"career-info\">\n                <h3>TECHNOPREUNER<\/h3>\n                <p>Membangun &#038; Mengembangkan Usaha Berbasis Teknologi<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"separator-light\"><\/div>\n<\/div>\n\n<!-- CATATAN PENTING: \n     - Kode di atas hanya untuk konten prospek karir. Tidak mempengaruhi header\/footer website Anda.\n     - Jika di website Anda sudah ada footer (Beranda, Tentang Kami, dll), hapus bagian .footer-note di atas.\n     - Gaya CSS menggunakan class .lpkia-career-container agar tidak bentrok dengan elemen global.\n-->\n\n<\/body>\n<\/html>\n\n\n\n<!-- Bagian Prosopek Karir - Tanpa Kata \"PONSPENTRASI\" -->\n<div class=\"prospek-karir-container\">\n  <div class=\"prospek-header\">\n    <h2>PROSPEK KARIR<\/h2>\n    <p class=\"sub\">Sistem Informasi &#038; Desain Komunikasi Visual<\/p>\n  <\/div>\n  \n  <div class=\"karir-grid\">\n    <!-- Kolom Kiri: SI -->\n    <div class=\"karir-col\">\n      <div class=\"konsentrasi-title\">KONSENTRASI SI<\/div>\n      <div class=\"karir-item\">\n        <strong>ERP Specialist<\/strong>\n        <span>Mengelola &#038; Mengintegrasikan Sistem ERP Perusahaan<\/span>\n      <\/div>\n      <div class=\"karir-item\">\n        <strong>Digital Business Analyst<\/strong>\n        <span>Menganalisis Pasar &#038; Peluang Bisnis Digital<\/span>\n      <\/div>\n      <div class=\"karir-item\">\n        <strong>Business Intelligence Analyst<\/strong>\n        <span>Transformasi Data menjadi Insight Strategis<\/span>\n      <\/div>\n    <\/div>\n    \n    <!-- Kolom Kanan: DKV -->\n    <div class=\"karir-col\">\n      <div class=\"konsentrasi-title\">KONSENTRASI DKV<\/div>\n      <div class=\"karir-item\">\n        <strong>UI\/UX Designer<\/strong>\n        <span>Merancang Antarmuka &#038; Pengalaman Pengguna Berbasis Data<\/span>\n      <\/div>\n      <div class=\"karir-item\">\n        <strong>Graphic Designer<\/strong>\n        <span>Kreasi Visual &#038; Komunikasi Merek Berdampak<\/span>\n      <\/div>\n      <div class=\"karir-item\">\n        <strong>Web Designer<\/strong>\n        <span>Desain &#038; Pengembangan Web Responsif<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Style hanya untuk bagian prospek karir ini, tidak mempengaruhi footer *\/\n.prospek-karir-container {\n  max-width: 1100px;\n  margin: 2rem auto;\n  padding: 1rem;\n  font-family: 'Segoe UI', system-ui, sans-serif;\n  background: #fff;\n  border-radius: 28px;\n  box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n}\n.prospek-header {\n  text-align: center;\n  margin-bottom: 2rem;\n}\n.prospek-header h2 {\n  font-size: 2rem;\n  color: #1e2a3e;\n  letter-spacing: -0.5px;\n  border-bottom: 3px solid #2c7da0;\n  display: inline-block;\n  padding-bottom: 8px;\n}\n.sub {\n  color: #5a6e7c;\n  margin-top: 0.5rem;\n}\n.karir-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2rem;\n  justify-content: center;\n}\n.karir-col {\n  flex: 1;\n  min-width: 250px;\n  background: #f9fafc;\n  border-radius: 20px;\n  padding: 1.5rem;\n  transition: 0.2s;\n}\n.konsentrasi-title {\n  font-weight: 800;\n  font-size: 1.2rem;\n  color: #2c7da0;\n  border-left: 4px solid #2c7da0;\n  padding-left: 12px;\n  margin-bottom: 1.5rem;\n}\n.karir-col:last-child .konsentrasi-title {\n  color: #9b5de5;\n  border-left-color: #9b5de5;\n}\n.karir-item {\n  margin-bottom: 1.5rem;\n}\n.karir-item strong {\n  display: block;\n  font-size: 1rem;\n  color: #0f172a;\n  margin-bottom: 5px;\n}\n.karir-item span {\n  font-size: 0.85rem;\n  color: #475569;\n  line-height: 1.4;\n}\n@media (max-width: 700px) {\n  .karir-grid { flex-direction: column; }\n}\n<\/style>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ketua Program Studi: DEDEN SOFYAN HAMDANI,. M.T Dosen &#038; Tujuan Lulusan &#8211; Sistem Informasi Dosen Pengajar ADANG KURNIAWAN, S.Kom, M.Kom&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-6548","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/6548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6548"}],"version-history":[{"count":17,"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/6548\/revisions"}],"predecessor-version":[{"id":13632,"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/6548\/revisions\/13632"}],"wp:attachment":[{"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}