{"id":303,"date":"2026-08-24T17:01:40","date_gmt":"2026-08-24T17:01:40","guid":{"rendered":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=303"},"modified":"2026-08-25T18:29:45","modified_gmt":"2026-08-25T18:29:45","slug":"akademik","status":"publish","type":"page","link":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=303","title":{"rendered":"Akademik"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Portal Akademik & Navigasi Terpadu \u2014 S1 Pendidikan Sosiologi UNJ<\/title>\r\n <!-- Tailwind CSS CDN -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- FontAwesome Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <!-- Google Fonts: Playfair Display & Plus Jakarta Sans -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n unj: {\r\n bg: '#f8f9fa', \/* Off-white background *\/\r\n dark: '#111827', \/* Hitam teks utama *\/\r\n slate: '#374151', \/* Subteks abu-abu gelap *\/\r\n teal: '#0e7490', \/* Aksen Teal\/Biru UNJ *\/\r\n amber: '#b45309', \/* Aksen Warm Earth\/Ocher *\/\r\n card: '#ffffff' \/* Putih bersih *\/\r\n }\r\n },\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n serif: ['Playfair Display', 'serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n<body class=\"bg-unj-bg text-unj-dark font-sans antialiased selection:bg-unj-amber selection:text-white\">\r\n\r\n<!-- MAIN WRAPPER -->\r\n<div class=\"w-full max-w-full overflow-x-hidden bg-unj-bg text-unj-dark font-sans antialiased box-border\">\r\n\r\n <!-- HERO BANNER AKADEMIK -->\r\n <section class=\"relative bg-white pt-8 sm:pt-12 pb-10 sm:pb-12 border-b border-slate-200 w-full overflow-hidden\">\r\n \r\n <!-- GLOW BACKDROP EFFECT -->\r\n <div class=\"absolute -top-16 left-1\/2 -translate-x-1\/2 w-[500px] h-48 bg-teal-500\/10 blur-3xl pointer-events-none rounded-full\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\r\n <span class=\"inline-flex items-center space-x-2 px-3 py-1 rounded-md bg-teal-50 border border-teal-200 text-unj-teal text-[11px] sm:text-xs font-semibold uppercase tracking-wider mb-3\">\r\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n <span>Pusat Informasi & Sub-Portal Terpadu<\/span>\r\n <\/span>\r\n <h1 class=\"text-3xl sm:text-4xl lg:text-5xl font-serif font-extrabold text-unj-dark tracking-tight\">\r\n Portal Akademik & Riset\r\n <\/h1>\r\n <p class=\"text-unj-slate text-xs sm:text-base leading-relaxed max-w-2xl mx-auto mt-3\">\r\n Jelajahi seluruh layanan perkuliahan, profil pengajar, publikasi ilmiah, karya keilmuan, serta prospek karir lulusan S1 Pendidikan Sosiologi UNJ secara terintegrasi.\r\n <\/p>\r\n\r\n <!-- STATS QUICK DASHBOARD -->\r\n <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-3 max-w-3xl mx-auto mt-6\">\r\n <div class=\"p-3 bg-unj-bg rounded-xl border border-slate-200 text-center\">\r\n <span class=\"block text-xl font-extrabold text-unj-teal\">7 Sub-Portal<\/span>\r\n <span class=\"text-[10px] text-slate-500 uppercase font-semibold\">Navigasi Utama<\/span>\r\n <\/div>\r\n <div class=\"p-3 bg-unj-bg rounded-xl border border-slate-200 text-center\">\r\n <span class=\"block text-xl font-extrabold text-unj-amber\">148 SKS<\/span>\r\n <span class=\"text-[10px] text-slate-500 uppercase font-semibold\">Struktur Kurikulum<\/span>\r\n <\/div>\r\n <div class=\"p-3 bg-unj-bg rounded-xl border border-slate-200 text-center\">\r\n <span class=\"block text-xl font-extrabold text-unj-dark\">Unggul<\/span>\r\n <span class=\"text-[10px] text-slate-500 uppercase font-semibold\">Akreditasi Prodi<\/span>\r\n <\/div>\r\n <div class=\"p-3 bg-unj-bg rounded-xl border border-slate-200 text-center\">\r\n <span class=\"block text-xl font-extrabold text-emerald-700\">JDPS<\/span>\r\n <span class=\"text-[10px] text-slate-500 uppercase font-semibold\">Jurnal Nasional<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- SEARCH BAR INTERAKTIF -->\r\n <div class=\"mt-8 max-w-xl mx-auto relative\">\r\n <span class=\"absolute inset-y-0 left-0 flex items-center pl-4 pointer-events-none text-slate-400\">\r\n <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n <\/span>\r\n <input type=\"text\" id=\"search-portal\" placeholder=\"Cari layanan (misal: Dosen, Jurnal, Kurikulum, Karir, Riset)...\" class=\"w-full pl-11 pr-4 py-3 rounded-full border border-slate-300 bg-unj-bg text-xs sm:text-sm text-unj-dark focus:outline-none focus:border-unj-teal focus:ring-1 focus:ring-unj-teal transition-all shadow-sm\">\r\n <\/div>\r\n\r\n <!-- FILTER PILLS KATEGORI -->\r\n <div class=\"mt-4 flex flex-wrap items-center justify-center gap-2\">\r\n <button class=\"filter-btn active px-3.5 py-1.5 rounded-full text-xs font-semibold border transition-all bg-unj-teal text-white border-unj-teal shadow-sm\" data-filter=\"all\">\r\n <i class=\"fa-solid fa-border-all mr-1.5\"><\/i>Semua Sub-Portal\r\n <\/button>\r\n <button class=\"filter-btn px-3.5 py-1.5 rounded-full text-xs font-semibold border border-slate-200 bg-white text-slate-700 hover:border-unj-teal hover:text-unj-teal transition-all\" data-filter=\"pengajaran\">\r\n <i class=\"fa-solid fa-chalkboard-user mr-1.5\"><\/i>Pengajaran & Studi\r\n <\/button>\r\n <button class=\"filter-btn px-3.5 py-1.5 rounded-full text-xs font-semibold border border-slate-200 bg-white text-slate-700 hover:border-unj-teal hover:text-unj-teal transition-all\" data-filter=\"riset-karya\">\r\n <i class=\"fa-solid fa-book-journal-whills mr-1.5\"><\/i>Riset & Karya\r\n <\/button>\r\n <button class=\"filter-btn px-3.5 py-1.5 rounded-full text-xs font-semibold border border-slate-200 bg-white text-slate-700 hover:border-unj-teal hover:text-unj-teal transition-all\" data-filter=\"karir-alumni\">\r\n <i class=\"fa-solid fa-user-graduate mr-1.5\"><\/i>Karir & Masa Depan\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION GRID NAVIGASI PINATAS -->\r\n <section class=\"py-12 sm:py-16 bg-unj-bg w-full\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div id=\"portal-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8\">\r\n\r\n <!-- KARTU 1: PROFIL DOSEN -->\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=281\" target=\"_blank\" class=\"portal-card group bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 p-6 flex flex-col justify-between relative overflow-hidden\" data-category=\"pengajaran\" data-keywords=\"profil dosen pengajar staf pengajar kepakaran keahlian tenaga pendidik\">\r\n <div class=\"absolute top-0 right-0 w-28 h-28 bg-teal-500\/5 rounded-bl-full pointer-events-none group-hover:bg-teal-500\/10 transition-all\"><\/div>\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-teal-50 text-unj-teal group-hover:bg-unj-teal group-hover:text-white flex items-center justify-center text-xl border border-teal-200 transition-all shadow-sm\">\r\n <i class=\"fa-solid fa-user-tie\"><\/i>\r\n <\/div>\r\n <span class=\"px-2.5 py-1 rounded-md bg-teal-50 text-unj-teal text-[10px] font-bold uppercase tracking-wider\">\r\n Tenaga Pendidik\r\n <\/span>\r\n <\/div>\r\n <h3 class=\"font-serif font-bold text-lg text-unj-dark group-hover:text-unj-teal transition-colors flex items-center justify-between\">\r\n <span>Profil Dosen<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-xs opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-unj-teal\"><\/i>\r\n <\/h3>\r\n <p class=\"text-xs sm:text-sm text-unj-slate mt-2.5 leading-relaxed\">\r\n Mengenal jajaran dosen pengajar S1 Pendidikan Sosiologi UNJ beserta kepakaran akademis, kualifikasi pendidikan, rekam jejak riset, dan keahlian spesifik.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mt-6 pt-4 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-unj-teal\">\r\n <span>Lihat Direktori Dosen<\/span>\r\n <i class=\"fa-solid fa-arrow-up-right-from-square text-[11px]\"><\/i>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- KARTU 2: KURIKULUM -->\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=40\" target=\"_blank\" class=\"portal-card group bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 p-6 flex flex-col justify-between relative overflow-hidden\" data-category=\"pengajaran\" data-keywords=\"kurikulum mata kuliah sks struktur mata kuliah beban studi perkuliahan semester 1 2 3 4 5 6 7 8\">\r\n <div class=\"absolute top-0 right-0 w-28 h-28 bg-teal-500\/5 rounded-bl-full pointer-events-none group-hover:bg-teal-500\/10 transition-all\"><\/div>\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-teal-50 text-unj-teal group-hover:bg-unj-teal group-hover:text-white flex items-center justify-center text-xl border border-teal-200 transition-all shadow-sm\">\r\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n <\/div>\r\n <span class=\"px-2.5 py-1 rounded-md bg-teal-50 text-unj-teal text-[10px] font-bold uppercase tracking-wider\">\r\n Struktur Studi\r\n <\/span>\r\n <\/div>\r\n <h3 class=\"font-serif font-bold text-lg text-unj-dark group-hover:text-unj-teal transition-colors flex items-center justify-between\">\r\n <span>Struktur Kurikulum<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-xs opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-unj-teal\"><\/i>\r\n <\/h3>\r\n <p class=\"text-xs sm:text-sm text-unj-slate mt-2.5 leading-relaxed\">\r\n Panduan distribusi 148 SKS mata kuliah dari Semester 1 hingga 8, mencakup mata kuliah wajib keilmuan, pedagogi sosiologi, serta pilihan peminatan.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mt-6 pt-4 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-unj-teal\">\r\n <span>Akses Detail Kurikulum<\/span>\r\n <i class=\"fa-solid fa-arrow-up-right-from-square text-[11px]\"><\/i>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- KARTU 3: PENELITIAN -->\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=337\" target=\"_blank\" class=\"portal-card group bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 p-6 flex flex-col justify-between relative overflow-hidden\" data-category=\"riset-karya\" data-keywords=\"penelitian riset keilmuan riset sosial pendidikan sosiologi hibah penelitian riset dosen mahasiswa\">\r\n <div class=\"absolute top-0 right-0 w-28 h-28 bg-amber-500\/5 rounded-bl-full pointer-events-none group-hover:bg-amber-500\/10 transition-all\"><\/div>\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-amber-50 text-unj-amber group-hover:bg-unj-amber group-hover:text-white flex items-center justify-center text-xl border border-amber-200 transition-all shadow-sm\">\r\n <i class=\"fa-solid fa-flask font-bold\"><\/i>\r\n <\/div>\r\n <span class=\"px-2.5 py-1 rounded-md bg-amber-50 text-unj-amber text-[10px] font-bold uppercase tracking-wider\">\r\n Riset Akademik\r\n <\/span>\r\n <\/div>\r\n <h3 class=\"font-serif font-bold text-lg text-unj-dark group-hover:text-unj-amber transition-colors flex items-center justify-between\">\r\n <span>Penelitian<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-xs opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-unj-amber\"><\/i>\r\n <\/h3>\r\n <p class=\"text-xs sm:text-sm text-unj-slate mt-2.5 leading-relaxed\">\r\n Dokumentasi kegiatan riset ilmiah unggulan civitas akademika dalam merespons dinamika isu-isu sosial, pendidikan sosiologi, dan transformasi masyarakat.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mt-6 pt-4 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-unj-amber\">\r\n <span>Eksplorasi Hasil Penelitian<\/span>\r\n <i class=\"fa-solid fa-arrow-up-right-from-square text-[11px]\"><\/i>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- KARTU 4: PENGABDIAN MASYARAKAT -->\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=515\" target=\"_blank\" class=\"portal-card group bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 p-6 flex flex-col justify-between relative overflow-hidden\" data-category=\"riset-karya\" data-keywords=\"pengabdian masyarakat pkm komunitas pendampingan sosial pemberdayaan masyarakat sosiologi terapan\">\r\n <div class=\"absolute top-0 right-0 w-28 h-28 bg-amber-500\/5 rounded-bl-full pointer-events-none group-hover:bg-amber-500\/10 transition-all\"><\/div>\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-amber-50 text-unj-amber group-hover:bg-unj-amber group-hover:text-white flex items-center justify-center text-xl border border-amber-200 transition-all shadow-sm\">\r\n <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\r\n <\/div>\r\n <span class=\"px-2.5 py-1 rounded-md bg-amber-50 text-unj-amber text-[10px] font-bold uppercase tracking-wider\">\r\n Pengabdian\r\n <\/span>\r\n <\/div>\r\n <h3 class=\"font-serif font-bold text-lg text-unj-dark group-hover:text-unj-amber transition-colors flex items-center justify-between\">\r\n <span>Pengabdian Masyarakat<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-xs opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-unj-amber\"><\/i>\r\n <\/h3>\r\n <p class=\"text-xs sm:text-sm text-unj-slate mt-2.5 leading-relaxed\">\r\n Program penerapan ilmu sosiologi dan pendidikan langsung di tengah masyarakat, mencakup pendampingan sekolah, komunitas, dan solusi masalah sosial.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mt-6 pt-4 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-unj-amber\">\r\n <span>Lihat Program Pengabdian<\/span>\r\n <i class=\"fa-solid fa-arrow-up-right-from-square text-[11px]\"><\/i>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- KARTU 5: KARYA BUKU & PUBLIKASI -->\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=555\" target=\"_blank\" class=\"portal-card group bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 p-6 flex flex-col justify-between relative overflow-hidden\" data-category=\"riset-karya\" data-keywords=\"karya buku referensi isbn publikasi \u043c\u043e\u043d\u043e\u0433\u0440\u0430\u0444\u0438\u044f buku ajar dosen karya ilmiah\">\r\n <div class=\"absolute top-0 right-0 w-28 h-28 bg-amber-500\/5 rounded-bl-full pointer-events-none group-hover:bg-amber-500\/10 transition-all\"><\/div>\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-amber-50 text-unj-amber group-hover:bg-unj-amber group-hover:text-white flex items-center justify-center text-xl border border-amber-200 transition-all shadow-sm\">\r\n <i class=\"fa-solid fa-book-bookmark\"><\/i>\r\n <\/div>\r\n <span class=\"px-2.5 py-1 rounded-md bg-amber-50 text-unj-amber text-[10px] font-bold uppercase tracking-wider\">\r\n Buku & Publikasi\r\n <\/span>\r\n <\/div>\r\n <h3 class=\"font-serif font-bold text-lg text-unj-dark group-hover:text-unj-amber transition-colors flex items-center justify-between\">\r\n <span>Karya Akademik<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-xs opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-unj-amber\"><\/i>\r\n <\/h3>\r\n <p class=\"text-xs sm:text-sm text-unj-slate mt-2.5 leading-relaxed\">\r\n Katalog buku referensi ber-ISBN, monograf riset, buku ajar, dan luaran literatur akademik yang ditulis oleh civitas akademika S1 Pendidikan Sosiologi UNJ.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mt-6 pt-4 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-unj-amber\">\r\n <span>Buka Katalog Karya<\/span>\r\n <i class=\"fa-solid fa-arrow-up-right-from-square text-[11px]\"><\/i>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- KARTU 6: JURNAL JDPS -->\r\n <a href=\"https:\/\/journal.unj.ac.id\/unj\/index.php\/jdps\" target=\"_blank\" class=\"portal-card group bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 p-6 flex flex-col justify-between relative overflow-hidden\" data-category=\"riset-karya\" data-keywords=\"jurnal jdps jurnal dinamika pendidikan sosiologi ojs e-journal artikel sinta publikasi\">\r\n <div class=\"absolute top-0 right-0 w-28 h-28 bg-emerald-500\/5 rounded-bl-full pointer-events-none group-hover:bg-emerald-500\/10 transition-all\"><\/div>\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-emerald-50 text-emerald-700 group-hover:bg-emerald-700 group-hover:text-white flex items-center justify-center text-xl border border-emerald-200 transition-all shadow-sm\">\r\n <i class=\"fa-solid fa-newspaper\"><\/i>\r\n <\/div>\r\n <span class=\"px-2.5 py-1 rounded-md bg-emerald-50 text-emerald-700 text-[10px] font-bold uppercase tracking-wider\">\r\n Jurnal Resmi\r\n <\/span>\r\n <\/div>\r\n <h3 class=\"font-serif font-bold text-lg text-unj-dark group-hover:text-emerald-700 transition-colors flex items-center justify-between\">\r\n <span>Jurnal JDPS UNJ<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-xs opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-emerald-700\"><\/i>\r\n <\/h3>\r\n <p class=\"text-xs sm:text-sm text-unj-slate mt-2.5 leading-relaxed\">\r\n Portal *Journal of Dinamika Pendidikan Sosiologi (JDPS)* \u2014 wadah publikasi ilmiah *peer-reviewed* berbasis Open Journal System (OJS) UNJ.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mt-6 pt-4 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-emerald-700\">\r\n <span>Akses Portal Jurnal OJS<\/span>\r\n <i class=\"fa-solid fa-arrow-up-right-from-square text-[11px]\"><\/i>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- KARTU 7: PROSPEK KARIR -->\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=326\" target=\"_blank\" class=\"portal-card group bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 p-6 flex flex-col justify-between relative overflow-hidden md:col-span-2 lg:col-span-3\" data-category=\"karir-alumni\" data-keywords=\"prospek karir pekerjaan lulusan profil lulusan s.pd guru sosiologi peneliti sosial ngo pns pemberdaya masyarakat\">\r\n <div class=\"absolute top-0 right-0 w-36 h-36 bg-blue-500\/5 rounded-bl-full pointer-events-none group-hover:bg-blue-500\/10 transition-all\"><\/div>\r\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-6\">\r\n <div class=\"max-w-3xl\">\r\n <div class=\"flex items-center space-x-3 mb-3\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-blue-50 text-blue-600 group-hover:bg-blue-600 group-hover:text-white flex items-center justify-center text-xl border border-blue-200 transition-all shadow-sm\">\r\n <i class=\"fa-solid fa-briefcase\"><\/i>\r\n <\/div>\r\n <span class=\"px-2.5 py-1 rounded-md bg-blue-50 text-blue-600 text-[10px] font-bold uppercase tracking-wider\">\r\n Peta Masa Depan\r\n <\/span>\r\n <\/div>\r\n <h3 class=\"font-serif font-bold text-xl text-unj-dark group-hover:text-blue-600 transition-colors flex items-center space-x-2\">\r\n <span>Prospek Karir & Profil Lulusan<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-xs opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-blue-600\"><\/i>\r\n <\/h3>\r\n <p class=\"text-xs sm:text-sm text-unj-slate mt-2 leading-relaxed\">\r\n Peluang karir lulusan S1 Pendidikan Sosiologi UNJ mencakup Pendidik\/Guru Sosiologi Profesional, Peneliti Sosial-Pendidikan, Evaluator Kebijakan Publik, Fasilitator Pemberdayaan Masyarakat, Pegawai Lembaga Pemerintah\/PNS, hingga Pekerja Sosial\/NGO Internasional.\r\n <\/p>\r\n <\/div>\r\n <div class=\"shrink-0\">\r\n <span class=\"inline-flex items-center space-x-2 px-4 py-2.5 rounded-xl bg-blue-600 hover:bg-blue-700 text-white font-semibold text-xs transition-all shadow-sm\">\r\n <span>Lihat Peluang Karir<\/span>\r\n <i class=\"fa-solid fa-arrow-up-right-from-square text-[10px]\"><\/i>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT: FILTER KATEGORI & LIVE SEARCH -->\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const filterBtns = document.querySelectorAll('.filter-btn');\r\n const cards = document.querySelectorAll('.portal-card');\r\n const searchInput = document.getElementById('search-portal');\r\n\r\n let currentFilter = 'all';\r\n\r\n function filterPortal() {\r\n const query = searchInput.value.toLowerCase().trim();\r\n\r\n cards.forEach(card => {\r\n const category = card.getAttribute('data-category');\r\n const keywords = card.getAttribute('data-keywords').toLowerCase();\r\n const titleText = card.querySelector('h3').innerText.toLowerCase();\r\n const descText = card.querySelector('p').innerText.toLowerCase();\r\n\r\n const matchesCategory = (currentFilter === 'all' || category === currentFilter);\r\n const matchesSearch = (keywords.includes(query) || titleText.includes(query) || descText.includes(query));\r\n\r\n if (matchesCategory && matchesSearch) {\r\n card.classList.remove('hidden');\r\n } else {\r\n card.classList.add('hidden');\r\n }\r\n });\r\n }\r\n\r\n filterBtns.forEach(btn => {\r\n btn.addEventListener('click', function () {\r\n const filter = this.getAttribute('data-filter');\r\n currentFilter = filter;\r\n\r\n filterBtns.forEach(b => {\r\n b.classList.remove('bg-unj-teal', 'text-white', 'border-unj-teal', 'shadow-sm');\r\n b.classList.add('bg-white', 'text-slate-700', 'border-slate-200');\r\n });\r\n this.classList.remove('bg-white', 'text-slate-700', 'border-slate-200');\r\n this.classList.add('bg-unj-teal', 'text-white', 'border-unj-teal', 'shadow-sm');\r\n\r\n filterPortal();\r\n });\r\n });\r\n\r\n searchInput.addEventListener('input', filterPortal);\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portal Akademik & Navigasi Terpadu \u2014 S1 Pendidikan Sosiologi UNJ Pusat Informasi & Sub-Portal Terpadu Portal Akademik & Riset Jelajahi seluruh layanan perkuliahan, profil pengajar, publikasi ilmiah, karya keilmuan, serta prospek karir lulusan S1 Pendidikan Sosiologi UNJ secara terintegrasi. 7 Sub-Portal Navigasi Utama 148 SKS Struktur Kurikulum Unggul Akreditasi Prodi JDPS Jurnal Nasional Semua Sub-Portal […]<\/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-303","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Akademik - Pendidikan Sosiologi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=303\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Akademik - Pendidikan Sosiologi\" \/>\n<meta property=\"og:description\" content=\"Portal Akademik & Navigasi Terpadu \u2014 S1 Pendidikan Sosiologi UNJ Pusat Informasi & Sub-Portal Terpadu Portal Akademik & Riset Jelajahi seluruh layanan perkuliahan, profil pengajar, publikasi ilmiah, karya keilmuan, serta prospek karir lulusan S1 Pendidikan Sosiologi UNJ secara terintegrasi. 7 Sub-Portal Navigasi Utama 148 SKS Struktur Kurikulum Unggul Akreditasi Prodi JDPS Jurnal Nasional Semua Sub-Portal […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=303\" \/>\n<meta property=\"og:site_name\" content=\"Pendidikan Sosiologi\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-25T18:29:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=303\",\"url\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=303\",\"name\":\"Akademik - Pendidikan Sosiologi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#website\"},\"datePublished\":\"2026-08-24T17:01:40+00:00\",\"dateModified\":\"2026-08-25T18:29:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=303#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=303\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=303#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Akademik\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#website\",\"url\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/\",\"name\":\"Pendidikan Sosiologi\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Akademik - Pendidikan Sosiologi","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=303","og_locale":"id_ID","og_type":"article","og_title":"Akademik - Pendidikan Sosiologi","og_description":"Portal Akademik & Navigasi Terpadu \u2014 S1 Pendidikan Sosiologi UNJ Pusat Informasi & Sub-Portal Terpadu Portal Akademik & Riset Jelajahi seluruh layanan perkuliahan, profil pengajar, publikasi ilmiah, karya keilmuan, serta prospek karir lulusan S1 Pendidikan Sosiologi UNJ secara terintegrasi. 7 Sub-Portal Navigasi Utama 148 SKS Struktur Kurikulum Unggul Akreditasi Prodi JDPS Jurnal Nasional Semua Sub-Portal […]","og_url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=303","og_site_name":"Pendidikan Sosiologi","article_modified_time":"2026-08-25T18:29:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=303","url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=303","name":"Akademik - Pendidikan Sosiologi","isPartOf":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#website"},"datePublished":"2026-08-24T17:01:40+00:00","dateModified":"2026-08-25T18:29:45+00:00","breadcrumb":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=303#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=303"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=303#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/"},{"@type":"ListItem","position":2,"name":"Akademik"}]},{"@type":"WebSite","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#website","url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/","name":"Pendidikan Sosiologi","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"}]}},"_links":{"self":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=303"}],"version-history":[{"count":4,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/303\/revisions"}],"predecessor-version":[{"id":642,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/303\/revisions\/642"}],"wp:attachment":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}