{"id":27392,"date":"2026-08-05T11:44:17","date_gmt":"2026-08-05T04:44:17","guid":{"rendered":"https:\/\/informatika.uin-malang.ac.id\/?page_id=27392"},"modified":"2026-08-05T14:01:08","modified_gmt":"2026-08-05T07:01:08","slug":"roadmap","status":"publish","type":"page","link":"https:\/\/informatika.uin-malang.ac.id\/ar\/roadmap\/","title":{"rendered":"\u062e\u0627\u0631\u0637\u0629 \u0637\u0631\u064a\u0642"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"27392\" class=\"elementor elementor-27392\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-457b39c e-flex e-con-boxed e-con e-parent\" data-id=\"457b39c\" 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-0df46bd elementor-widget elementor-widget-html\" data-id=\"0df46bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .fb-roadmap-wrapper * {\n    box-sizing: border-box;\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  }\n\n  .fb-roadmap-wrapper {\n    width: 100%;\n    max-width: 1200px;\n    margin: 20px auto;\n    padding: 20px;\n    background: #fcfcfc;\n    border-radius: 12px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n    overflow-x: auto;\n  }\n\n  \/* Main Container *\/\n  .fb-container {\n    display: flex;\n    align-items: center;\n    position: relative;\n    min-width: 950px;\n    padding: 40px 0;\n  }\n\n  \/* Fishbone Structure *\/\n  .fb-body {\n    flex-grow: 1;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 120px;\n  }\n\n  \/* Main Spine Line *\/\n  .fb-spine {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    right: 0;\n    height: 8px;\n    background: linear-gradient(to right, #e27d32 0%, #838d99 35%, #4e8ccf 65%, #e27d32 100%);\n    transform: translateY(-50%);\n    z-index: 2;\n    border-radius: 4px;\n  }\n\n  \/* Year Markers on Spine *\/\n  .fb-spine-years {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    right: 0;\n    transform: translateY(-50%);\n    display: flex;\n    justify-content: space-around;\n    padding: 0 10%;\n    z-index: 3;\n  }\n\n  .fb-year-badge {\n    background: #334155;\n    color: #fff;\n    padding: 6px 16px;\n    border-radius: 20px;\n    font-size: 13px;\n    font-weight: bold;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.2);\n    border: 2px solid #ffffff;\n  }\n\n  \/* Fish Rows (Top and Bottom) *\/\n  .fb-row {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    position: relative;\n    z-index: 4;\n  }\n\n  \/* Individual Domain Bones *\/\n  .fb-bone {\n    background: #ffffff;\n    border-radius: 8px;\n    padding: 15px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n    border-top: 4px solid #cbd5e1;\n    position: relative;\n  }\n\n  \/* Diagonal Connecting Lines to Spine *\/\n  .fb-row-top .fb-bone::after {\n    content: '';\n    position: absolute;\n    bottom: -60px;\n    left: 50%;\n    width: 2px;\n    height: 60px;\n    background: #cbd5e1;\n    transform: rotate(-25deg);\n    transform-origin: top left;\n  }\n\n  .fb-row-bottom .fb-bone::before {\n    content: '';\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    width: 2px;\n    height: 60px;\n    background: #cbd5e1;\n    transform: rotate(25deg);\n    transform-origin: bottom left;\n  }\n\n  \/* Domain Color Customizations *\/\n  .fb-bone.se { border-top-color: #2eac67; }\n  .fb-bone.sn { border-top-color: #6a329f; }\n  .fb-bone.wm { border-top-color: #1f77b4; }\n  .fb-bone.is { border-top-color: #7f7f7f; }\n  .fb-bone.mt { border-top-color: #333333; }\n  .fb-bone.sys { border-top-color: #d69e2e; }\n\n  \/* Headings & Lists *\/\n  .fb-bone-title {\n    font-weight: 700;\n    font-size: 14px;\n    margin-bottom: 10px;\n    padding-bottom: 6px;\n    border-bottom: 1px solid #f1f5f9;\n  }\n\n  .se .fb-bone-title { color: #2eac67; }\n  .sn .fb-bone-title { color: #6a329f; }\n  .wm .fb-bone-title { color: #1f77b4; }\n  .is .fb-bone-title { color: #555555; }\n  .mt .fb-bone-title { color: #333333; }\n  .sys .fb-bone-title { color: #b7791f; }\n\n  .fb-sub-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .fb-sub-item {\n    font-size: 12px;\n    color: #475569;\n    margin-bottom: 6px;\n    position: relative;\n    padding-left: 12px;\n    line-height: 1.3;\n  }\n\n  .fb-sub-item::before {\n    content: \"\u2022\";\n    position: absolute;\n    left: 0;\n    color: #94a3b8;\n  }\n\n  .fb-year-tag {\n    display: inline-block;\n    font-size: 10px;\n    font-weight: 600;\n    padding: 2px 6px;\n    border-radius: 4px;\n    background: #f1f5f9;\n    color: #64748b;\n    margin-bottom: 8px;\n  }\n\n  \/* Fish Head (Goal) *\/\n  .fb-head {\n    width: 160px;\n    height: 160px;\n    background: linear-gradient(135deg, #d9531e 0%, #f16625 100%);\n    clip-path: polygon(0 0, 75% 50%, 0 100%, 25% 50%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-left: 10px;\n    flex-shrink: 0;\n    position: relative;\n    z-index: 5;\n  }\n\n  .fb-head-content {\n    background: #d9531e;\n    color: #ffffff;\n    padding: 10px;\n    border-radius: 50%;\n    width: 220px;\n    height: 220px10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    font-weight: 800;\n    font-size: 10px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n    text-transform: uppercase;\n    line-height: 1.2;\n    margin-left: -20px;\n  }\n<\/style>\n\n<div class=\"fb-roadmap-wrapper\">\n  <div class=\"fb-container\">\n    \n    <div class=\"fb-body\">\n      \n      <div class=\"fb-spine\"><\/div>\n      \n      <div class=\"fb-spine-years\">\n        <span class=\"fb-year-badge\">2020 - 2025<\/span>\n        <span class=\"fb-year-badge\">2025 - 2030<\/span>\n        <span class=\"fb-year-badge\">2030 - 2035<\/span>\n      <\/div>\n\n      <div class=\"fb-row fb-row-top\">\n        \n        <div class=\"fb-bone se\">\n          <div class=\"fb-bone-title\">\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a<\/div>\n          <span class=\"fb-year-tag\">2020 - 2025<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Software Quality<\/li>\n          <\/ul>\n          <span class=\"fb-year-tag\" style=\"margin-top:6px;\">2025 - 2030<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Software Defect Prediction<\/li>\n          <\/ul>\n          <span class=\"fb-year-tag\" style=\"margin-top:6px;\">2030 - 2035<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Green Software Engineering<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"fb-bone sn\">\n          <div class=\"fb-bone-title\">System & Network<\/div>\n          <span class=\"fb-year-tag\">2020 - 2025<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">IoT Sensor's Application<\/li>\n            <li class=\"fb-sub-item\">Information System Security Analysis<\/li>\n          <\/ul>\n          <span class=\"fb-year-tag\" style=\"margin-top:6px;\">2025 - 2030<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">IoT App for Monitoring & Automation<\/li>\n            <li class=\"fb-sub-item\">Computer Network Application<\/li>\n          <\/ul>\n          <span class=\"fb-year-tag\" style=\"margin-top:6px;\">2030 - 2035<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Smart Building & Vehicle with IoT<\/li>\n            <li class=\"fb-sub-item\">Artificial Intelligence of Things (AIoT)<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"fb-bone wm\">\n          <div class=\"fb-bone-title\">Web & Mobile Prog.<\/div>\n          <span class=\"fb-year-tag\">2020 - 2025<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Segmentation & Object Detection<\/li>\n            <li class=\"fb-sub-item\">Letter & Punctuation Classification<\/li>\n          <\/ul>\n          <span class=\"fb-year-tag\" style=\"margin-top:6px;\">2025 - 2030<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Object Identification by Smartphone<\/li>\n            <li class=\"fb-sub-item\">Text Transliteration<\/li>\n          <\/ul>\n          <span class=\"fb-year-tag\" style=\"margin-top:6px;\">2030 - 2035<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Smart Detection<\/li>\n            <li class=\"fb-sub-item\">Smart Translation<\/li>\n          <\/ul>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"fb-row fb-row-bottom\">\n        \n        <div class=\"fb-bone is\">\n          <div class=\"fb-bone-title\">\u0646\u0638\u0627\u0645 \u0630\u0643\u064a<\/div>\n          <span class=\"fb-year-tag\">2020 - 2025<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Big Data Analysis<\/li>\n            <li class=\"fb-sub-item\">Detection, Clustering & Classification<\/li>\n          <\/ul>\n          <span class=\"fb-year-tag\" style=\"margin-top:6px;\">2025 - 2030<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Knowledge Discovery<\/li>\n            <li class=\"fb-sub-item\">Improvement in Detection\/Clustering<\/li>\n          <\/ul>\n          <span class=\"fb-year-tag\" style=\"margin-top:6px;\">2030 - 2035<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Automatic Knowledge Discovery<\/li>\n            <li class=\"fb-sub-item\">Smart System for Detection<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"fb-bone mt\">\n          <div class=\"fb-bone-title\">Multimedia & TI<\/div>\n          <span class=\"fb-year-tag\">2020 - 2025<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Game Tech & Intelligent Multimedia<\/li>\n            <li class=\"fb-sub-item\">Animation and Visualization<\/li>\n          <\/ul>\n          <span class=\"fb-year-tag\" style=\"margin-top:6px;\">2025 - 2030<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Smart Info & Adaptive Learning<\/li>\n            <li class=\"fb-sub-item\">Smart Animation Development<\/li>\n          <\/ul>\n          <span class=\"fb-year-tag\" style=\"margin-top:6px;\">2030 - 2035<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Smart Education and School<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"fb-bone sys\">\n          <div class=\"fb-bone-title\">\u0646\u0638\u0627\u0645 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a<\/div>\n          <span class=\"fb-year-tag\">2020 - 2025<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Business Process Management<\/li>\n          <\/ul>\n          <span class=\"fb-year-tag\" style=\"margin-top:6px;\">2025 - 2030<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Enterprise Architecture<\/li>\n          <\/ul>\n          <span class=\"fb-year-tag\" style=\"margin-top:6px;\">2030 - 2035<\/span>\n          <ul class=\"fb-sub-list\">\n            <li class=\"fb-sub-item\">Business Intelligence<\/li>\n          <\/ul>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"fb-head\">\n      <div class=\"fb-head-content\">\n        Smart<br>Technology\n      <\/div>\n    <\/div>\n\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>2020 &#8211; 2025 2025 &#8211; 2030 2030 &#8211; 2035 Software Engineering 2020 &#8211; 2025 Software Quality 2025 &#8211; 2030 Software Defect Prediction 2030 &#8211; 2035 Green Software Engineering System &#038; Network 2020 &#8211; 2025 IoT Sensor&#8217;s Application Information System Security Analysis 2025 &#8211; 2030 IoT App for Monitoring &#038; Automation Computer Network Application 2030 &#8211; [&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-27392","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/27392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/comments?post=27392"}],"version-history":[{"count":7,"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/27392\/revisions"}],"predecessor-version":[{"id":27402,"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/27392\/revisions\/27402"}],"wp:attachment":[{"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=27392"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}