{"id":27837,"date":"2026-09-03T15:20:15","date_gmt":"2026-09-03T08:20:15","guid":{"rendered":"https:\/\/informatika.uin-malang.ac.id\/?page_id=27837"},"modified":"2026-09-15T13:28:45","modified_gmt":"2026-09-15T06:28:45","slug":"past-managements","status":"publish","type":"page","link":"https:\/\/informatika.uin-malang.ac.id\/id\/past-managements\/","title":{"rendered":"Past Managements"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27837\" class=\"elementor elementor-27837\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6082667 e-flex e-con-boxed e-con e-parent\" data-id=\"6082667\" 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-83b7092 elementor-widget elementor-widget-html\" data-id=\"83b7092\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Font & Tailwind Play CDN -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<script>\n  tailwind.config = {\n    theme: {\n      extend: {\n        fontFamily: {\n          sans: ['Plus Jakarta Sans', 'sans-serif'],\n        },\n        colors: {\n          brand: {\n            50: '#f0fdf4',\n            100: '#dcfce7',\n            500: '#22c55e',\n            600: '#16a34a',\n            700: '#15803d',\n            900: '#14532d',\n          },\n          uin: {\n            emerald: '#059669',\n            dark: '#0f172a',\n          }\n        }\n      }\n    }\n  }\n<\/script>\n\n<style>\n  .uin-history-wrapper {\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    color: #334155;\n  }\n  \n  .uin-history-wrapper .dept-avatar-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: top center;\n    transition: transform 0.3s ease;\n  }\n  \n  .uin-history-wrapper .member-card:hover .dept-avatar-img {\n    transform: scale(1.05);\n  }\n\n  .uin-history-wrapper .active-glow {\n    box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.15), 0 8px 10px -6px rgba(16, 185, 129, 0.1);\n  }\n\n  .uin-history-wrapper .timeline-connector {\n    position: absolute;\n    left: 24px;\n    top: 48px;\n    bottom: -24px;\n    width: 2px;\n    background: #e2e8f0;\n    z-index: 0;\n  }\n\n  @media (max-width: 640px) {\n    .uin-history-wrapper .timeline-connector {\n      left: 20px;\n    }\n  }\n<\/style>\n\n<div class=\"uin-history-wrapper py-6 px-2 sm:px-4 max-w-5xl mx-auto\">\n  \n  <header class=\"text-center mb-12\">\n    <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-emerald-50 text-emerald-700 text-xs font-semibold mb-3 border border-emerald-200\/60\">\n      <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 14l9-5-9-5-9 5 9 5z\"\/>\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0112 20.055a11.952 11.952 0 01-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\"\/>\n      <\/svg>\n      Informatics Study Program UIN Malang\n    <\/div>\n    <h1 class=\"text-3xl sm:text-4xl font-extrabold text-slate-900 tracking-tight mb-3\">\n      History of Study Program Leadership\n    <\/h1>\n    <p class=\"text-base sm:text-lg text-slate-600 max-w-2xl mx-auto leading-relaxed\">\n      List of Study Program Heads and Secretaries Over Time\n    <\/p>\n  <\/header>\n\n  <div class=\"space-y-8 relative\">\n\n    <!-- PERIODE 2025 - 2029 (CURRENT MANAGEMENT) -->\n    <section class=\"bg-white rounded-2xl p-6 sm:p-8 border-2 border-emerald-500\/80 active-glow relative transition-all duration-300\">\n      <div class=\"flex flex-wrap items-center justify-between gap-3 mb-6 pb-4 border-b border-slate-100\">\n        <div class=\"flex items-center gap-3\">\n          <span class=\"w-3 h-3 rounded-full bg-emerald-500 animate-pulse\"><\/span>\n          <h2 class=\"text-xl sm:text-2xl font-bold text-slate-900\">Periode 2025 - 2029<\/h2>\n        <\/div>\n        <span class=\"inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-emerald-100 text-emerald-800 text-xs font-bold tracking-wide uppercase\">\n          <svg class=\"w-3.5 h-3.5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n          <\/svg>\n          Current Management\n        <\/span>\n      <\/div>\n\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6\">\n        <!-- Head -->\n        <div class=\"member-card flex items-center gap-4 p-4 rounded-xl bg-slate-50 border border-slate-100 hover:border-emerald-200 hover:bg-emerald-50\/30 transition-all duration-200\">\n          <div class=\"w-16 h-16 sm:w-20 sm:h-20 rounded-full overflow-hidden bg-slate-200 border-2 border-white shadow-sm flex-shrink-0 relative\">\n            <img decoding=\"async\" \n              src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/Supriono.jpg\" \n              alt=\"Dr. Ir. Supriyono, M.Kom.\"\n              class=\"dept-avatar-img\"\n              onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/150x150\/059669\/ffffff?text=Supriyono';\"\n            \/>\n          <\/div>\n          <div class=\"flex flex-col min-w-0\">\n            <span class=\"text-xs font-semibold uppercase tracking-wider text-emerald-700 mb-0.5\">Head of Study Program<\/span>\n            <h3 class=\"text-base sm:text-lg font-bold text-slate-900 leading-snug truncate\">Dr. Ir. Supriyono, M.Kom.<\/h3>\n            <span class=\"text-xs text-slate-500 mt-1\">Status: Active<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Secretary -->\n        <div class=\"member-card flex items-center gap-4 p-4 rounded-xl bg-slate-50 border border-slate-100 hover:border-emerald-200 hover:bg-emerald-50\/30 transition-all duration-200\">\n          <div class=\"w-16 h-16 sm:w-20 sm:h-20 rounded-full overflow-hidden bg-slate-200 border-2 border-white shadow-sm flex-shrink-0 relative\">\n            <img decoding=\"async\" \n              src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/SOffin-nahwa-Utama-300x300-1.jpg\" \n              alt=\"Shoffin Nahwa Utama, M.T.\"\n              class=\"dept-avatar-img\"\n              onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/150x150\/059669\/ffffff?text=Shoffin';\"\n            \/>\n          <\/div>\n          <div class=\"flex flex-col min-w-0\">\n            <span class=\"text-xs font-semibold uppercase tracking-wider text-emerald-700 mb-0.5\">Secretary of Head of Study Program<\/span>\n            <h3 class=\"text-base sm:text-lg font-bold text-slate-900 leading-snug truncate\">Shoffin Nahwa Utama, M.T.<\/h3>\n            <span class=\"text-xs text-slate-500 mt-1\">Status: Active<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- PERIODE 2021 - 2025 -->\n    <section class=\"bg-white rounded-2xl p-6 sm:p-8 border border-slate-200\/80 shadow-sm hover:shadow-md transition-all duration-200\">\n      <div class=\"flex flex-wrap items-center justify-between gap-3 mb-6 pb-4 border-b border-slate-100\">\n        <h2 class=\"text-xl sm:text-2xl font-bold text-slate-800\">Periode 2021 - 2025<\/h2>\n        <span class=\"text-xs font-medium text-slate-500 bg-slate-100 px-3 py-1 rounded-full\">Completed<\/span>\n      <\/div>\n\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6\">\n        <!-- Head -->\n        <div class=\"member-card flex items-center gap-4 p-4 rounded-xl bg-slate-50\/80 border border-slate-100 hover:bg-slate-100\/80 transition-all duration-200\">\n          <div class=\"w-16 h-16 sm:w-20 sm:h-20 rounded-full overflow-hidden bg-slate-200 border-2 border-white shadow-sm flex-shrink-0\">\n            <img decoding=\"async\" \n              src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/11\/Fachrul.jpg\" \n              alt=\"Dr. Ir. Fachrul Kurniawan\"\n              class=\"dept-avatar-img\"\n              onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/150x150\/334155\/ffffff?text=Fachrul';\"\n            \/>\n          <\/div>\n          <div class=\"flex flex-col min-w-0\">\n            <span class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mb-0.5\">Head of Study Program<\/span>\n            <h3 class=\"text-base sm:text-lg font-bold text-slate-900 leading-snug\">Dr. Ir. Fachrul Kurniawan, S.T., M.M.T., IPU.<\/h3>\n          <\/div>\n        <\/div>\n\n        <!-- Secretary (with PAW note) -->\n        <div class=\"member-card flex flex-col justify-center p-4 rounded-xl bg-slate-50\/80 border border-slate-100 hover:bg-slate-100\/80 transition-all duration-200\">\n          <span class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mb-2\">Secretary of Study Program<\/span>\n          \n          <div class=\"space-y-3\">\n            <!-- Secretary 1 -->\n            <div class=\"flex items-center gap-3\">\n              <div class=\"w-10 h-10 rounded-full overflow-hidden bg-slate-200 flex-shrink-0\">\n                <img decoding=\"async\" \n                  src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/yunifa.jpg\" \n                  alt=\"Dr. Yunifa Miftachul Arif\"\n                  class=\"dept-avatar-img\"\n                  onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/100x100\/334155\/ffffff?text=Yunifa';\"\n                \/>\n              <\/div>\n              <div>\n                <h4 class=\"text-sm font-semibold text-slate-800\">Dr. Yunifa Miftachul Arif, M.T.<\/h4>\n                <span class=\"text-[11px] text-slate-500\">Sekretaris Prodi<\/span>\n              <\/div>\n            <\/div>\n\n            <!-- Divider -->\n            <div class=\"flex items-center gap-2 pl-2 text-xs text-amber-600 font-medium\">\n              <span class=\"w-1.5 h-1.5 rounded-full bg-amber-500\"><\/span>\n              <span>Pergantian Antar Waktu (PAW)<\/span>\n            <\/div>\n\n            <!-- Secretary 2 -->\n            <div class=\"flex items-center gap-3\">\n              <div class=\"w-10 h-10 rounded-full overflow-hidden bg-slate-200 flex-shrink-0\">\n                <img decoding=\"async\" \n                  src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/Zainal-Abidin-Foto-199x300-2.jpg\" \n                  alt=\"Dr. Zainal Abidin\"\n                  class=\"dept-avatar-img\"\n                  onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/100x100\/334155\/ffffff?text=Zainal';\"\n                \/>\n              <\/div>\n              <div>\n                <h4 class=\"text-sm font-semibold text-slate-800\">Dr. Zainal Abidin, M.Kom.<\/h4>\n                <span class=\"text-[11px] text-slate-500\">Sekretaris PAW<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- PERIODE 2017 - 2021 -->\n    <section class=\"bg-white rounded-2xl p-6 sm:p-8 border border-slate-200\/80 shadow-sm hover:shadow-md transition-all duration-200\">\n      <div class=\"flex items-center justify-between gap-3 mb-6 pb-4 border-b border-slate-100\">\n        <h2 class=\"text-xl sm:text-2xl font-bold text-slate-800\">Periode 2017 - 2021<\/h2>\n        <span class=\"text-xs font-medium text-slate-500 bg-slate-100 px-3 py-1 rounded-full\">Completed<\/span>\n      <\/div>\n\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6\">\n        <div class=\"member-card flex items-center gap-4 p-4 rounded-xl bg-slate-50\/80 border border-slate-100 hover:bg-slate-100\/80 transition-all duration-200\">\n          <div class=\"w-16 h-16 sm:w-20 sm:h-20 rounded-full overflow-hidden bg-slate-200 border-2 border-white shadow-sm flex-shrink-0\">\n            <img decoding=\"async\" \n              src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/11\/Cahyo.jpg\" \n              alt=\"Dr. Cahyo Crysdian\"\n              class=\"dept-avatar-img\"\n              onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/150x150\/334155\/ffffff?text=Cahyo';\"\n            \/>\n          <\/div>\n          <div class=\"flex flex-col min-w-0\">\n            <span class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mb-0.5\">Head of Study Program<\/span>\n            <h3 class=\"text-base sm:text-lg font-bold text-slate-900 leading-snug\">Dr. Cahyo Crysdian, M.Cs.<\/h3>\n          <\/div>\n        <\/div>\n\n        <div class=\"member-card flex items-center gap-4 p-4 rounded-xl bg-slate-50\/80 border border-slate-100 hover:bg-slate-100\/80 transition-all duration-200\">\n          <div class=\"w-16 h-16 sm:w-20 sm:h-20 rounded-full overflow-hidden bg-slate-200 border-2 border-white shadow-sm flex-shrink-0\">\n            <img decoding=\"async\" \n              src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/fatchur.jpg\" \n              alt=\"Fatchurrohman, M.Kom.\"\n              class=\"dept-avatar-img\"\n              onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/150x150\/334155\/ffffff?text=Fatchur';\"\n            \/>\n          <\/div>\n          <div class=\"flex flex-col min-w-0\">\n            <span class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mb-0.5\">Secretary of Study Program<\/span>\n            <h3 class=\"text-base sm:text-lg font-bold text-slate-900 leading-snug\">Fatchurrohman, M.Kom.<\/h3>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- PERIODE 2013 - 2017 -->\n    <section class=\"bg-white rounded-2xl p-6 sm:p-8 border border-slate-200\/80 shadow-sm hover:shadow-md transition-all duration-200\">\n      <div class=\"flex items-center justify-between gap-3 mb-6 pb-4 border-b border-slate-100\">\n        <h2 class=\"text-xl sm:text-2xl font-bold text-slate-800\">Periode 2013 - 2017<\/h2>\n        <span class=\"text-xs font-medium text-slate-500 bg-slate-100 px-3 py-1 rounded-full\">Completed<\/span>\n      <\/div>\n\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6\">\n        <div class=\"member-card flex items-center gap-4 p-4 rounded-xl bg-slate-50\/80 border border-slate-100 hover:bg-slate-100\/80 transition-all duration-200\">\n          <div class=\"w-16 h-16 sm:w-20 sm:h-20 rounded-full overflow-hidden bg-slate-200 border-2 border-white shadow-sm flex-shrink-0\">\n            <img decoding=\"async\" \n              src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/11\/Cahyo.jpg\" \n              alt=\"Dr. Cahyo Crysdian\"\n              class=\"dept-avatar-img\"\n              onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/150x150\/334155\/ffffff?text=Cahyo';\"\n            \/>\n          <\/div>\n          <div class=\"flex flex-col min-w-0\">\n            <span class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mb-0.5\">Head of Study Program<\/span>\n            <h3 class=\"text-base sm:text-lg font-bold text-slate-900 leading-snug\">Dr. Cahyo Crysdian, M.Cs.<\/h3>\n          <\/div>\n        <\/div>\n\n        <div class=\"member-card flex items-center gap-4 p-4 rounded-xl bg-slate-50\/80 border border-slate-100 hover:bg-slate-100\/80 transition-all duration-200\">\n          <div class=\"w-16 h-16 sm:w-20 sm:h-20 rounded-full overflow-hidden bg-slate-200 border-2 border-white shadow-sm flex-shrink-0\">\n            <img decoding=\"async\" \n              src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/11\/syauqi.jpg\" \n              alt=\"A'la Syauqi, M.Kom.\"\n              class=\"dept-avatar-img\"\n              onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/150x150\/334155\/ffffff?text=Syauqi';\"\n            \/>\n          <\/div>\n          <div class=\"flex flex-col min-w-0\">\n            <span class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mb-0.5\">Secretary of Study Program<\/span>\n            <h3 class=\"text-base sm:text-lg font-bold text-slate-900 leading-snug\">A\u2019la Syauqi, M.Kom.<\/h3>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- PERIODE 2009 - 2013 -->\n    <section class=\"bg-white rounded-2xl p-6 sm:p-8 border border-slate-200\/80 shadow-sm hover:shadow-md transition-all duration-200\">\n      <div class=\"flex items-center justify-between gap-3 mb-6 pb-4 border-b border-slate-100\">\n        <h2 class=\"text-xl sm:text-2xl font-bold text-slate-800\">Periode 2009 - 2013<\/h2>\n        <span class=\"text-xs font-medium text-slate-500 bg-slate-100 px-3 py-1 rounded-full\">Completed<\/span>\n      <\/div>\n\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6\">\n        <div class=\"member-card flex items-center gap-4 p-4 rounded-xl bg-slate-50\/80 border border-slate-100 hover:bg-slate-100\/80 transition-all duration-200\">\n          <div class=\"w-16 h-16 sm:w-20 sm:h-20 rounded-full overflow-hidden bg-slate-200 border-2 border-white shadow-sm flex-shrink-0\">\n            <img decoding=\"async\" \n              src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/Ririen.jpg\" \n              alt=\"Dr. Ririen Kusumawati\"\n              class=\"dept-avatar-img\"\n              onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/150x150\/334155\/ffffff?text=Ririen';\"\n            \/>\n          <\/div>\n          <div class=\"flex flex-col min-w-0\">\n            <span class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mb-0.5\">Head of Study Program<\/span>\n            <h3 class=\"text-base sm:text-lg font-bold text-slate-900 leading-snug\">Dr. Ririen Kusumawati, S.Si., M.Kom.<\/h3>\n          <\/div>\n        <\/div>\n\n        <div class=\"member-card flex items-center gap-4 p-4 rounded-xl bg-slate-50\/80 border border-slate-100 hover:bg-slate-100\/80 transition-all duration-200\">\n          <div class=\"w-16 h-16 sm:w-20 sm:h-20 rounded-full overflow-hidden bg-slate-200 border-2 border-white shadow-sm flex-shrink-0\">\n            <img decoding=\"async\" \n              src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/fatchur.jpg\" \n              alt=\"Fatchurrohman, M.Kom.\"\n              class=\"dept-avatar-img\"\n              onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/150x150\/334155\/ffffff?text=Fatchur';\"\n            \/>\n          <\/div>\n          <div class=\"flex flex-col min-w-0\">\n            <span class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mb-0.5\">Secretary of Study Program<\/span>\n            <h3 class=\"text-base sm:text-lg font-bold text-slate-900 leading-snug\">Fatchurrohman, M.Kom.<\/h3>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- PERIODE 2004 - 2009 -->\n    <section class=\"bg-white rounded-2xl p-6 sm:p-8 border border-slate-200\/80 shadow-sm hover:shadow-md transition-all duration-200\">\n      <div class=\"flex items-center justify-between gap-3 mb-6 pb-4 border-b border-slate-100\">\n        <div class=\"flex items-center gap-2\">\n          <h2 class=\"text-xl sm:text-2xl font-bold text-slate-800\">Periode 2004 - 2009<\/h2>\n          <span class=\"text-xs text-emerald-700 bg-emerald-50 px-2 py-0.5 rounded font-medium\">Founding Era<\/span>\n        <\/div>\n        <span class=\"text-xs font-medium text-slate-500 bg-slate-100 px-3 py-1 rounded-full\">Completed<\/span>\n      <\/div>\n\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6\">\n        <div class=\"member-card flex items-center gap-4 p-4 rounded-xl bg-slate-50\/80 border border-slate-100 hover:bg-slate-100\/80 transition-all duration-200\">\n          <div class=\"w-16 h-16 sm:w-20 sm:h-20 rounded-full overflow-hidden bg-slate-200 border-2 border-white shadow-sm flex-shrink-0\">\n            <img decoding=\"async\" \n              src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/suhartono.jpg\" \n              alt=\"Prof. Dr. Suhartono\"\n              class=\"dept-avatar-img\"\n              onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/150x150\/334155\/ffffff?text=Suhartono';\"\n            \/>\n          <\/div>\n          <div class=\"flex flex-col min-w-0\">\n            <span class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mb-0.5\">Head of Study Program<\/span>\n            <h3 class=\"text-base sm:text-lg font-bold text-slate-900 leading-snug\">Prof. Dr. Suhartono, S.Si., M.Kom.<\/h3>\n          <\/div>\n        <\/div>\n\n        <div class=\"member-card flex items-center gap-4 p-4 rounded-xl bg-slate-50\/80 border border-slate-100 hover:bg-slate-100\/80 transition-all duration-200\">\n          <div class=\"w-16 h-16 sm:w-20 sm:h-20 rounded-full overflow-hidden bg-slate-200 border-2 border-white shadow-sm flex-shrink-0\">\n            <img decoding=\"async\" \n              src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/Ririen.jpg\" \n              alt=\"Dr. Ririen Kusumawati\"\n              class=\"dept-avatar-img\"\n              onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/150x150\/334155\/ffffff?text=Ririen';\"\n            \/>\n          <\/div>\n          <div class=\"flex flex-col min-w-0\">\n            <span class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mb-0.5\">Secretary of Study Program<\/span>\n            <h3 class=\"text-base sm:text-lg font-bold text-slate-900 leading-snug\">Dr. Ririen Kusumawati, S.Si., M.Kom.<\/h3>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/div>\n\n<\/div>\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>Informatics Study Program UIN Malang History of Study Program Leadership List of Study Program Heads and Secretaries Over Time Periode 2025 &#8211; 2029 Current Management Head of Study Program Dr. Ir. Supriyono, M.Kom. Status: Active Secretary of Head of Study Program Shoffin Nahwa Utama, M.T. Status: Active Periode 2021 &#8211; 2025 Completed Head of Study [&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-27837","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/informatika.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/27837","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/informatika.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/informatika.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/comments?post=27837"}],"version-history":[{"count":20,"href":"https:\/\/informatika.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/27837\/revisions"}],"predecessor-version":[{"id":28093,"href":"https:\/\/informatika.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/27837\/revisions\/28093"}],"wp:attachment":[{"href":"https:\/\/informatika.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/media?parent=27837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}