{"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-03T15:41:23","modified_gmt":"2026-09-03T08:41:23","slug":"past-managements","status":"publish","type":"page","link":"https:\/\/informatika.uin-malang.ac.id\/zh\/past-managements\/","title":{"rendered":"Past Managements"},"content":{"rendered":"<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-c2fffd5 e-flex e-con-boxed e-con e-parent\" data-id=\"c2fffd5\" 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-820069e elementor-widget elementor-widget-text-editor\" data-id=\"820069e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"dept-history-container\">\n  \n  <div class=\"dept-main-header\">\n    <h2 class=\"dept-main-title\">History of Study Program Leadership<\/h2>\n    <p class=\"dept-main-subtitle\">List of Study Program Heads and Secretaries Over Time<\/p>\n  <\/div>\n\n  <div class=\"dept-period-card\">\n    <h3 class=\"dept-period-title\">Periode 2004 &#8211; 2009<\/h3>\n    <div class=\"dept-members-grid\">\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/prof-dr-suhartono-s-si-m-kom\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/suhartono.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">Prof. Dr. Suhartono, S.Si., M.Kom.<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u4e3b\u4efb<\/span>\n        <\/div>\n      <\/a>\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/dr-ririen-kusumawati-m-kom\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/Ririen.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">Dr. Ririen Kusumawati, S.Si., M.Kom.<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u79d8\u4e66<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"dept-period-card\">\n    <h3 class=\"dept-period-title\">Periode 2009 &#8211; 2013<\/h3>\n    <div class=\"dept-members-grid\">\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/dr-ririen-kusumawati-m-kom\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/Ririen.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">Dr. Ririen Kusumawati, S.Si., M.Kom.<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u4e3b\u4efb<\/span>\n        <\/div>\n      <\/a>\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/fatchurrohman-m-kom-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/fatchur.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">Fatchurrohman, M.Kom.<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u79d8\u4e66<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"dept-period-card\">\n    <h3 class=\"dept-period-title\">Periode 2013 &#8211; 2017<\/h3>\n    <div class=\"dept-members-grid\">\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/dr-cahyo-crysdian-m-cs\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/11\/Cahyo.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">Dr. Cahyo Crysdian, M.Cs.<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u4e3b\u4efb<\/span>\n        <\/div>\n      <\/a>\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/ala-syauqi-m-kom\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/11\/syauqi.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">A\u2019la Syauqi, M.Kom.<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u79d8\u4e66<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"dept-period-card\">\n    <h3 class=\"dept-period-title\">Periode 2017 &#8211; 2021<\/h3>\n    <div class=\"dept-members-grid\">\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/dr-cahyo-crysdian-m-cs\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/11\/Cahyo.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">Dr. Cahyo Crysdian, M.Cs.<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u4e3b\u4efb<\/span>\n        <\/div>\n      <\/a>\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/fatchurrohman-m-kom-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/fatchur.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">Fatchurrohman, M.Kom.<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u79d8\u4e66<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"dept-period-card\">\n    <h3 class=\"dept-period-title\">Periode 2021 &#8211; 2025<\/h3>\n    <div class=\"dept-members-grid\">\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/dr-ir-fachrul-kurniawan-st-m-mt-ipu\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/11\/Fachrul.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">Dr. Ir. Fachrul Kurniawan, S.T., M.M.T., IPU.<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u4e3b\u4efb<\/span>\n        <\/div>\n      <\/a>\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/dr-yunifa-miftachul-arif-m-t\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/yunifa.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">Dr. Yunifa Miftachul Arif, M.T.<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u79d8\u4e66<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n\n   <div class=\"dept-period-card\">\n    <h3 class=\"dept-period-title\">Periode 2021 &#8211; 2025<\/h3>\n    <div class=\"dept-members-grid\">\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/dr-ir-fachrul-kurniawan-st-m-mt-ipu\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/11\/Fachrul.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">Dr. Ir. Fachrul Kurniawan, S.T., M.M.T., IPU.<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u4e3b\u4efb<\/span>\n        <\/div>\n      <\/a>\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/dr-zainal-abidin-m-kom\/\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/Zainal-Abidin-Foto-199x300-2.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">\u624e\u4f0a\u7eb3\u5c14\u00b7\u963f\u6bd4\u4e01\u535a\u58eb\uff0cM.Kom<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u79d8\u4e66<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"dept-period-card active-period\">\n    <div class=\"dept-period-header\">\n      <h3 class=\"dept-period-title\">Periode 2025 &#8211; 2029<\/h3>\n      <span class=\"dept-badge\">Current Management<\/span>\n    <\/div>\n    <div class=\"dept-members-grid\">\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/supriyono-m-kom\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/12\/Supriono.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">Ir. Supriyono, M.Kom.<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u4e3b\u4efb<\/span>\n        <\/div>\n      <\/a>\n      <a class=\"dept-member-card\" href=\"https:\/\/informatika.uin-malang.ac.id\/shoffin-nahwa-utama-m-t\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <div class=\"dept-avatar\" style=\"background-image: url('https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/SOffin-nahwa-Utama-300x300-1.jpg');\"><\/div>\n        <div class=\"dept-info\">\n          <span class=\"dept-name\">Shoffin Nahwa Utama, M.T.<\/span>\n          <span class=\"dept-role\">\u672c\u79d1\u90e8\u79d8\u4e66<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<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-9d80f55 elementor-widget elementor-widget-html\" data-id=\"9d80f55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* Container Utama *\/\n.dept-history-container {\n  display: flex;\n  flex-direction: column;\n  gap: 28px;\n  width: 100%;\n  max-width: 900px;\n  margin: 0 auto;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n}\n\n\/* Animasi Fade-In saat Halaman Dimuat *\/\n@keyframes deptFadeInSlide {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Header Utama *\/\n.dept-main-header {\n  background: linear-gradient(135deg, #064e3b 0%, #047857 50%, #10b981 100%);\n  color: #ffffff;\n  padding: 40px 32px;\n  border-radius: 16px;\n  text-align: center;\n  box-shadow: 0 10px 25px -5px rgba(4, 120, 87, 0.25);\n  position: relative;\n  overflow: hidden;\n  animation: deptFadeInSlide 0.6s ease-out forwards;\n}\n\n.dept-main-title {\n  color: #ffffff !important;\n  font-size: 1.85rem;\n  font-weight: 800;\n  margin: 0 0 10px 0 !important;\n  letter-spacing: -0.025em;\n}\n\n.dept-main-subtitle {\n  color: #a7f3d0;\n  font-size: 1.05rem;\n  margin: 0;\n  font-weight: 400;\n}\n\n\/* Card Periode *\/\n.dept-period-card {\n  background: #ffffff;\n  border: 1px solid #e5e7eb;\n  border-radius: 16px;\n  padding: 28px;\n  box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.03);\n  transition: all 0.3s ease;\n  animation: deptFadeInSlide 0.6s ease-out forwards;\n}\n\n.dept-period-card.active-period {\n  border: 2px solid #047857;\n  background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);\n}\n\n.dept-period-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 20px;\n}\n\n.dept-period-title {\n  margin: 0 0 20px 0;\n  font-size: 1.3rem;\n  font-weight: 700;\n  color: #0f172a;\n}\n\n.dept-period-header .dept-period-title {\n  margin-bottom: 0;\n}\n\n\/* Badge Current Management *\/\n.dept-badge {\n  background: #047857;\n  color: #ffffff;\n  font-size: 0.75rem;\n  font-weight: 700;\n  padding: 6px 16px;\n  border-radius: 9999px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n\/* Grid Anggota *\/\n.dept-members-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n\/* KUNCI: Pengaturan Link Aktif & Interaktif *\/\na.dept-member-card {\n  display: flex !important;\n  align-items: center;\n  gap: 18px;\n  padding: 16px;\n  background: #f8fafc;\n  border: 1px solid #e2e8f0;\n  border-radius: 12px;\n  text-decoration: none !important;\n  color: inherit !important;\n  cursor: pointer !important; \/* Memaksa penunjuk kursor menjadi tangan *\/\n  pointer-events: auto !important; \/* Memastikan klik terdeteksi *\/\n  position: relative;\n  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Indikator Panah Kanan Saat Di-hover *\/\na.dept-member-card::after {\n  content: \"\u2192\";\n  position: absolute;\n  right: 16px;\n  font-size: 1.2rem;\n  color: #047857;\n  opacity: 0;\n  transform: translateX(-8px);\n  transition: all 0.25s ease;\n}\n\n\/* Efek Hover Link *\/\na.dept-member-card:hover {\n  background-color: #ffffff;\n  border-color: #10b981;\n  transform: translateY(-3px);\n  box-shadow: 0 10px 20px -5px rgba(4, 120, 87, 0.15);\n  padding-right: 36px;\n}\n\na.dept-member-card:hover::after {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n\/* Efek saat Diklik *\/\na.dept-member-card:active {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 8px -2px rgba(4, 120, 87, 0.2);\n}\n\n\/* Avatar Foto Profil *\/\n.dept-avatar {\n  width: 64px;\n  height: 64px;\n  border-radius: 50%;\n  background-size: cover;\n  background-position: center;\n  flex-shrink: 0;\n  border: 3px solid #ffffff;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);\n  transition: transform 0.3s ease;\n}\n\na.dept-member-card:hover .dept-avatar {\n  transform: scale(1.05);\n}\n\n\/* Informasi Dosen *\/\n.dept-info {\n  display: flex;\n  flex-direction: column;\n}\n\n.dept-name {\n  font-size: 0.975rem;\n  font-weight: 700;\n  color: #0f172a;\n  line-height: 1.35;\n  transition: color 0.2s ease;\n}\n\na.dept-member-card:hover .dept-name {\n  color: #047857 !important;\n}\n\n.dept-role {\n  font-size: 0.825rem;\n  color: #64748b;\n  margin-top: 4px;\n  font-weight: 500;\n}\n\n\/* Tampilan Ponsel *\/\n@media (max-width: 640px) {\n  a.dept-member-card:hover {\n    padding-right: 16px;\n  }\n  a.dept-member-card::after {\n    display: none;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>History of Study Program Leadership List of Study Program Heads and Secretaries Over Time Periode 2004 &#8211; 2009 Prof. Dr. Suhartono, S.Si., M.Kom. Head of Undergraduate Department Dr. Ririen Kusumawati, S.Si., M.Kom. Secretary of Undergraduate Department Periode 2009 &#8211; 2013 Dr. Ririen Kusumawati, S.Si., M.Kom. Head of Undergraduate Department Fatchurrohman, M.Kom. Secretary of Undergraduate Department [&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\/zh\/wp-json\/wp\/v2\/pages\/27837","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/comments?post=27837"}],"version-history":[{"count":11,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/27837\/revisions"}],"predecessor-version":[{"id":27849,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/27837\/revisions\/27849"}],"wp:attachment":[{"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/media?parent=27837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}