{"id":27329,"date":"2026-08-05T09:41:04","date_gmt":"2026-08-05T02:41:04","guid":{"rendered":"https:\/\/informatika.uin-malang.ac.id\/?page_id=27329"},"modified":"2026-08-05T09:50:49","modified_gmt":"2026-08-05T02:50:49","slug":"history","status":"publish","type":"page","link":"https:\/\/informatika.uin-malang.ac.id\/id\/history\/","title":{"rendered":"Sejarah"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"27329\" class=\"elementor elementor-27329\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5abf45 e-flex e-con-boxed e-con e-parent\" data-id=\"d5abf45\" 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-1305cc4 elementor-widget elementor-widget-html\" data-id=\"1305cc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Base Container & Typography *\/\n  .if-container {\n    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;\n    color: #2c3e50;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 20px;\n    box-sizing: border-box;\n  }\n\n  \/* Keyframe Animations *\/\n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(25px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes pulseGlow {\n    0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }\n    70% { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0); }\n    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }\n  }\n\n  @keyframes shimmer {\n    0% { background-position: -200% 0; }\n    100% { background-position: 200% 0; }\n  }\n\n  \/* Hero Section *\/\n  .if-hero {\n    background: linear-gradient(135deg, #1b5e20 0%, #2e7d32 100%);\n    color: #ffffff;\n    padding: 40px 25px;\n    border-radius: 16px;\n    text-align: center;\n    box-shadow: 0 8px 20px rgba(27, 94, 32, 0.15);\n    animation: fadeInUp 0.8s ease-out forwards;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .if-hero h1 {\n    color: #ffffff !important;\n    margin: 0 0 10px 0;\n    font-size: 28px;\n    font-weight: 700;\n  }\n\n  .if-hero p {\n    color: #e8f5e9;\n    margin: 0;\n    font-size: 16px;\n  }\n\n  \/* Animated Badge *\/\n  .if-badge {\n    display: inline-block;\n    background: #ffffff;\n    color: #1b5e20;\n    padding: 10px 22px;\n    border-radius: 30px;\n    font-weight: 700;\n    font-size: 14px;\n    margin-top: 20px;\n    animation: pulseGlow 2s infinite;\n    transition: transform 0.3s ease;\n    cursor: default;\n  }\n\n  .if-badge:hover {\n    transform: scale(1.05);\n  }\n\n  \/* Section Titles with Hover Line Effect *\/\n  .if-section-title {\n    color: #1b5e20;\n    font-size: 22px;\n    margin-top: 40px;\n    margin-bottom: 20px;\n    position: relative;\n    display: inline-block;\n    animation: fadeInUp 0.8s ease-out forwards;\n  }\n\n  .if-section-title::after {\n    content: '';\n    display: block;\n    width: 50%;\n    height: 4px;\n    background: #2e7d32;\n    border-radius: 2px;\n    margin-top: 6px;\n    transition: width 0.4s ease;\n  }\n\n  .if-section-title:hover::after {\n    width: 100%;\n  }\n\n  \/* Animated Timeline Items *\/\n  .if-timeline {\n    border-left: 4px solid #2e7d32;\n    padding-left: 20px;\n    margin: 20px 0 30px 10px;\n  }\n\n  .if-timeline-item {\n    background-color: #f8f9fa;\n    border: 1px solid #e9ecef;\n    padding: 16px 20px;\n    margin-bottom: 15px;\n    border-radius: 8px;\n    position: relative;\n    transition: all 0.3s ease;\n    animation: fadeInUp 0.8s ease-out forwards;\n  }\n\n  \/* Timeline Dot Marker *\/\n  .if-timeline-item::before {\n    content: '';\n    position: absolute;\n    left: -29px;\n    top: 20px;\n    width: 12px;\n    height: 12px;\n    background-color: #2e7d32;\n    border: 3px solid #ffffff;\n    border-radius: 50%;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n  }\n\n  .if-timeline-item:hover {\n    transform: translateX(8px);\n    background-color: #ffffff;\n    box-shadow: 0 6px 15px rgba(0,0,0,0.06);\n    border-color: #2e7d32;\n  }\n\n  .if-timeline-item:hover::before {\n    background-color: #1b5e20;\n    transform: scale(1.3);\n  }\n\n  .if-timeline-date {\n    font-weight: 700;\n    color: #1b5e20;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  \/* Quote Box with Hover Lift *\/\n  .if-quote-box {\n    background: linear-gradient(90deg, #e8f5e9 0%, #f4f6f8 100%);\n    border-left: 5px solid #1b5e20;\n    padding: 22px;\n    border-radius: 8px;\n    margin: 20px 0;\n    font-style: italic;\n    color: #2c3e50;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    animation: fadeInUp 0.8s ease-out forwards;\n  }\n\n  .if-quote-box:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);\n  }\n\n  \/* Interactive Expertise Grid *\/\n  .if-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 15px;\n    margin-top: 20px;\n  }\n\n  .if-card {\n    background: #ffffff;\n    border: 1px solid #e0e0e0;\n    padding: 16px;\n    border-radius: 10px;\n    font-size: 14px;\n    color: #2c3e50;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    animation: fadeInUp 0.8s ease-out forwards;\n  }\n\n  .if-card:hover {\n    transform: translateY(-5px);\n    border-color: #2e7d32;\n    box-shadow: 0 10px 20px rgba(46, 125, 50, 0.12);\n    background-color: #e8f5e9;\n    color: #1b5e20;\n  }\n\n  .if-card span {\n    font-size: 18px;\n    transition: transform 0.3s ease;\n  }\n\n  .if-card:hover span {\n    transform: scale(1.2) rotate(5deg);\n  }\n<\/style>\n\n<div class=\"if-container\">\n  <div class=\"if-hero\">\n    <h1>Informatics Engineering Study Program<\/h1>\n    <p>Faculty of Science & Technology \u2014 UIN Maulana Malik Ibrahim Malang<\/p>\n    <div class=\"if-badge\">\ud83c\udfc6 Akreditasi UNGGUL (LAM INFOKOM 2024)<\/div>\n  <\/div>\n\n  <h2 class=\"if-section-title\">History & Accreditation<\/h2>\n  <div class=\"if-timeline\">\n    <div class=\"if-timeline-item\">\n      <span class=\"if-timeline-date\">23 Jan 2004 & 28 Mar 2005<\/span>\n      Established via MoNE Decree No. 05\/MPN\/HK\/1004 and DirGen Islamic Dept No. DJ.II\/54\/2005.\n    <\/div>\n    <div class=\"if-timeline-item\">\n      <span class=\"if-timeline-date\">2014 & 2019<\/span>\n      Awarded B (Good) Accreditation by BAN-PT (Decree No. 057\/SK\/BAN-PT\/Akred\/S\/II\/2014 & No. 1341\/SK\/BAN-PT\/Akred\/S\/V\/2019).\n    <\/div>\n    <div class=\"if-timeline-item\">\n      <span class=\"if-timeline-date\">22 March 2024<\/span>\n      Officially achieved <b>\"Akreditasi Unggul\"<\/b> status by LAM INFOKOM (No. 040\/SK\/LAM-INFOKOM\/Ak\/S\/III\/2024).\n    <\/div>\n  <\/div>\n\n  <h2 class=\"if-section-title\">Academic Philosophy & Curriculum<\/h2>\n  <div class=\"if-quote-box\">\n    \"Integrating state-of-the-art Information Technology with Islamic values derived from the Al-Qur'an and Al-Hadits as fundamental moral grounding for all civic academics.\"\n  <\/div>\n  <p style=\"line-height: 1.6; color: #555;\">\n    The undergraduate program (S-1) integrates academic knowledge with core moral principles. Core Informatics Engineering subjects constitute <b>more than 77% of the curriculum<\/b>, covering theoretical lectures, practical laboratory sessions, and comprehensive research projects.\n  <\/p>\n\n  <h2 class=\"if-section-title\">Fields of Expertise<\/h2>\n  <div class=\"if-grid\">\n    <div class=\"if-card\"><span>\ud83d\udcbb<\/span> Software Engineering & OOP<\/div>\n    <div class=\"if-card\"><span>\ud83e\udd16<\/span> Artificial Intelligence & Soft Computing<\/div>\n    <div class=\"if-card\"><span>\ud83d\udc41\ufe0f<\/span> Computer Vision & Pattern Recognition<\/div>\n    <div class=\"if-card\"><span>\ud83d\udcca<\/span> Data Mining & Warehousing<\/div>\n    <div class=\"if-card\"><span>\ud83c\udf10<\/span> Web & Mobile Computing<\/div>\n    <div class=\"if-card\"><span>\ud83d\udde3\ufe0f<\/span> Natural Language Processing<\/div>\n    <div class=\"if-card\"><span>\u2699\ufe0f<\/span> Automation & Robotics<\/div>\n    <div class=\"if-card\"><span>\ud83c\udfae<\/span> Game Programming<\/div>\n    <div class=\"if-card\"><span>\ud83d\uddc4\ufe0f<\/span> Databases & Information Systems<\/div>\n    <div class=\"if-card\"><span>\ud83d\udcc8<\/span> Decision Support & Recommender Systems<\/div>\n    <div class=\"if-card\"><span>\ud83c\udf10<\/span> Computer Networks<\/div>\n    <div class=\"if-card\"><span>\ud83c\udfe2<\/span> Enterprise Resource Planning (ERP)<\/div>\n  <\/div>\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>","protected":false},"excerpt":{"rendered":"<p>Informatics Engineering Study Program Faculty of Science &#038; Technology \u2014 UIN Maulana Malik Ibrahim Malang \ud83c\udfc6 Akreditasi UNGGUL (LAM INFOKOM 2024) History &#038; Accreditation 23 Jan 2004 &#038; 28 Mar 2005 Established via MoNE Decree No. 05\/MPN\/HK\/1004 and DirGen Islamic Dept No. DJ.II\/54\/2005. 2014 &#038; 2019 Awarded B (Good) Accreditation by BAN-PT (Decree No. 057\/SK\/BAN-PT\/Akred\/S\/II\/2014 [&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-27329","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/informatika.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/27329","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=27329"}],"version-history":[{"count":7,"href":"https:\/\/informatika.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/27329\/revisions"}],"predecessor-version":[{"id":27336,"href":"https:\/\/informatika.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/27329\/revisions\/27336"}],"wp:attachment":[{"href":"https:\/\/informatika.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/media?parent=27329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}