{"id":27274,"date":"2026-08-04T15:02:21","date_gmt":"2026-08-04T08:02:21","guid":{"rendered":"https:\/\/informatika.uin-malang.ac.id\/?page_id=27274"},"modified":"2026-08-04T16:16:03","modified_gmt":"2026-08-04T09:16:03","slug":"vision-and-mission","status":"publish","type":"page","link":"https:\/\/informatika.uin-malang.ac.id\/zh\/vision-and-mission\/","title":{"rendered":"vision and mission"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"27274\" class=\"elementor elementor-27274\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee9adb8 e-flex e-con-boxed e-con e-parent\" data-id=\"ee9adb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-95ab7ef e-con-full e-flex e-con e-child\" data-id=\"95ab7ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8197c3f elementor-invisible elementor-widget elementor-widget-html\" data-id=\"8197c3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import Font & Icon Font Awesome -->\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=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n  .vmt-wrapper {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    background-color: #fcfdfe;\r\n    color: #334155;\r\n    padding: 40px 15px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .vmt-wrapper * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .vmt-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Header Styling *\/\r\n  .vmt-header {\r\n    text-align: center;\r\n    margin-bottom: 45px;\r\n  }\r\n\r\n  .vmt-header .subtitle {\r\n    color: #15803d;\r\n    font-size: 0.85rem;\r\n    font-weight: 800;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .vmt-header .title {\r\n    color: #1e293b;\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    letter-spacing: -0.5px;\r\n    margin-bottom: 18px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .vmt-header .divider {\r\n    width: 60px;\r\n    height: 4px;\r\n    margin: 0 auto;\r\n    border-radius: 2px;\r\n    background: linear-gradient(to right, #15803d 50%, #d97706 50%);\r\n  }\r\n\r\n  \/* Base Card Styling *\/\r\n  .vmt-card {\r\n    background: #ffffff;\r\n    border-radius: 14px;\r\n    position: relative;\r\n    padding: 35px 25px 25px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\r\n  }\r\n\r\n  \/* Floating Top Badge *\/\r\n  .vmt-badge {\r\n    position: absolute;\r\n    top: -20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    padding: 9px 24px;\r\n    border-radius: 30px;\r\n    color: #ffffff !important;\r\n    font-weight: 800;\r\n    font-size: 0.85rem;\r\n    letter-spacing: 0.5px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);\r\n    z-index: 10;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Visi Section *\/\r\n  .vmt-visi-card {\r\n    border: 1.5px solid #dbeafe;\r\n    margin-bottom: 45px;\r\n    padding-top: 45px;\r\n    padding-bottom: 40px;\r\n  }\r\n\r\n  .vmt-visi-badge {\r\n    background-color: #1e3a8a;\r\n  }\r\n\r\n  .vmt-visi-content {\r\n    position: relative;\r\n    text-align: center;\r\n    padding: 0 45px;\r\n  }\r\n\r\n  .vmt-quote-mark {\r\n    font-family: Georgia, serif;\r\n    font-size: 3.5rem;\r\n    color: #fef08a;\r\n    position: absolute;\r\n    line-height: 1;\r\n    user-select: none;\r\n  }\r\n\r\n  .vmt-quote-left {\r\n    top: -20px;\r\n    left: 10px;\r\n  }\r\n\r\n  .vmt-quote-right {\r\n    bottom: -35px;\r\n    right: 10px;\r\n  }\r\n\r\n  .vmt-visi-text {\r\n    color: #1e40af;\r\n    font-size: 1.2rem;\r\n    line-height: 1.6;\r\n    font-weight: 600;\r\n    margin: 0;\r\n  }\r\n\r\n  .vmt-visi-text span.highlight {\r\n    color: #064e3b;\r\n    font-weight: 800;\r\n  }\r\n\r\n  \/* Grid Layout for Misi & Tujuan *\/\r\n  .vmt-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 30px;\r\n    align-items: start;\r\n  }\r\n\r\n  \/* Misi Section *\/\r\n  .vmt-misi-card {\r\n    border: 1.5px solid #bbf7d0;\r\n  }\r\n\r\n  .vmt-misi-badge {\r\n    background-color: #064e3b;\r\n  }\r\n\r\n  \/* Tujuan Section *\/\r\n  .vmt-tujuan-card {\r\n    border: 1.5px solid #fef08a;\r\n  }\r\n\r\n  .vmt-tujuan-badge {\r\n    background-color: #d97706;\r\n  }\r\n\r\n  \/* Item List Styling *\/\r\n  .vmt-item-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .vmt-list-item {\r\n    background-color: #f8fafc;\r\n    border-radius: 8px;\r\n    padding: 16px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n  }\r\n\r\n  .vmt-number-box {\r\n    width: 28px;\r\n    height: 28px;\r\n    min-width: 28px;\r\n    border-radius: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #ffffff;\r\n    font-weight: 700;\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .vmt-misi-card .vmt-number-box {\r\n    background-color: #064e3b;\r\n  }\r\n\r\n  .vmt-tujuan-card .vmt-number-box {\r\n    background-color: #d97706;\r\n  }\r\n\r\n  .vmt-item-text {\r\n    font-size: 0.92rem;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* Responsive Breakdown *\/\r\n  @media (max-width: 768px) {\r\n    .vmt-header .title {\r\n      font-size: 1.5rem;\r\n    }\r\n\r\n    .vmt-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 40px;\r\n    }\r\n\r\n    .vmt-visi-content {\r\n      padding: 0 15px;\r\n    }\r\n\r\n    .vmt-visi-text {\r\n      font-size: 1.05rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"vmt-wrapper\">\r\n  <div class=\"vmt-container\">\r\n    \r\n    <!-- Header Section -->\r\n    <div class=\"vmt-header\">\r\n      <div class=\"subtitle\">Informatics Engineering Study Program<\/div>\r\n      <h2 class=\"title\">VISION, MISSION AND PEO<\/h2>\r\n      <div class=\"divider\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Visi Keilmuan Card -->\r\n    <div class=\"vmt-card vmt-visi-card\">\r\n      <div class=\"vmt-badge vmt-visi-badge\">\r\n        <i class=\"fa-regular fa-compass\"><\/i> VISION\r\n      <\/div>\r\n      <div class=\"vmt-visi-content\">\r\n        <span class=\"vmt-quote-mark vmt-quote-left\">\u201c<\/span>\r\n        <p class=\"vmt-visi-text\">\r\n          To become a superior study program in mastering and applying <span class=\"highlight\">Informatics Engineering science<\/span> in the field of <span class=\"highlight\">Artificial Intelligence and Software Engineering<\/span> based on <span class=\"highlight\">Islamic values<\/span> with an <span class=\"highlight\">international reputation<\/span>.\r\n        <\/p>\r\n        <span class=\"vmt-quote-mark vmt-quote-right\">\u201d<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Grid Layout: Misi & Tujuan -->\r\n    <div class=\"vmt-grid\">\r\n      \r\n      <!-- Misi Card -->\r\n      <div class=\"vmt-card vmt-misi-card\">\r\n        <div class=\"vmt-badge vmt-misi-badge\">\r\n          <i class=\"fa-solid fa-clipboard-check\"><\/i> MISSION\r\n        <\/div>\r\n        <div class=\"vmt-item-list\">\r\n          <div class=\"vmt-list-item\">\r\n            <div class=\"vmt-number-box\">1<\/div>\r\n            <div class=\"vmt-item-text\">\r\n              \u4ee5\u62e5\u6709 ulul albab \u54c1\u683c\u7684\u7279\u8272\uff0c\u5728\u4eba\u5de5\u667a\u80fd\u548c\u8f6f\u4ef6\u5de5\u7a0b\u9886\u57df\u63d0\u4f9b\u5353\u8d8a\u7684\u8ba1\u7b97\u673a\u79d1\u5b66\u6559\u80b2\u3002.\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"vmt-list-item\">\r\n            <div class=\"vmt-number-box\">2<\/div>\r\n            <div class=\"vmt-item-text\">\r\n              \u5728\u4eba\u5de5\u667a\u80fd\u548c\u8f6f\u4ef6\u5de5\u7a0b\u9886\u57df\u5f00\u5c55\u9ad8\u8d28\u91cf\u7684\u7814\u7a76\uff0c\u62d3\u5c55\u8ba1\u7b97\u673a\u79d1\u5b66\u77e5\u8bc6\u7684\u89c6\u91ce\uff0c\u5e76\u57fa\u4e8e\u4f0a\u65af\u5170\u4ef7\u503c\u89c2\u4e3a\u89e3\u51b3\u5168\u7403\u6027\u95ee\u9898\u505a\u51fa\u8d21\u732e\u3002.\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"vmt-list-item\">\r\n            <div class=\"vmt-number-box\">3<\/div>\r\n            <div class=\"vmt-item-text\">\r\n              \u901a\u8fc7\u7814\u7a76\u6210\u679c\u7684\u5f00\u53d1\u548c\u5e94\u7528\u6765\u5b9e\u73b0\u6280\u672f\u8f6c\u79fb\uff0c\u4ee5\u4fc3\u8fdb\u793e\u4f1a\u8fdb\u6b65\u3002.\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"vmt-list-item\">\r\n            <div class=\"vmt-number-box\">4<\/div>\r\n            <div class=\"vmt-item-text\">\r\n              \u5efa\u7acb\u79d1\u5b66\u6280\u672f\u9886\u57df\u7684\u56fd\u5bb6\u548c\u56fd\u9645\u4f19\u4f34\u5173\u7cfb\u3001\u7f51\u7edc\u548c\u5408\u4f5c\uff0c\u7279\u522b\u662f\u5728\u4eba\u5de5\u667a\u80fd\u548c\u8f6f\u4ef6\u5de5\u7a0b\u7684\u5e94\u7528\u65b9\u9762\u3002.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Tujuan Card -->\r\n      <div class=\"vmt-card vmt-tujuan-card\">\r\n        <div class=\"vmt-badge vmt-tujuan-badge\">\r\n          <i class=\"fa-solid fa-shield-halved\"><\/i> PEO\r\n        <\/div>\r\n        <div class=\"vmt-item-list\">\r\n          <div class=\"vmt-list-item\">\r\n            <div class=\"vmt-number-box\">1<\/div>\r\n            <div class=\"vmt-item-text\">\r\n              \u4e3a\u793e\u533a\u63d0\u4f9b\u66f4\u5e7f\u6cdb\u7684\u4fe1\u606f\u5de5\u7a0b\u6559\u80b2\u3002.\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"vmt-list-item\">\r\n            <div class=\"vmt-number-box\">2<\/div>\r\n            <div class=\"vmt-item-text\">\r\n              \u4e3a\u63d0\u4f9b\u4fe1\u606f\u5de5\u7a0b\u6bd5\u4e1a\u751f\u4ee5\u6ee1\u8db3\u793e\u533a\u9700\u6c42\u3002.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\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>","protected":false},"excerpt":{"rendered":"<p>Informatics Engineering Study Program VISION, MISSION AND PEO VISION \u201c To become a superior study program in mastering and applying Informatics Engineering science in the field of Artificial Intelligence and Software Engineering based on Islamic values with an international reputation. \u201d MISSION 1 To provide superior Computer Science education in the fields of Artificial Intelligence [&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-27274","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/27274","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=27274"}],"version-history":[{"count":24,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/27274\/revisions"}],"predecessor-version":[{"id":27311,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/27274\/revisions\/27311"}],"wp:attachment":[{"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/media?parent=27274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}