{"id":5989,"date":"2026-02-28T03:57:40","date_gmt":"2026-02-28T03:57:40","guid":{"rendered":"http:\/\/10.29.25.198\/?page_id=5989"},"modified":"2026-03-27T22:59:31","modified_gmt":"2026-03-27T22:59:31","slug":"kolokasi-2","status":"publish","type":"page","link":"https:\/\/www.mygovcloud.gov.my\/portal\/kolokasi-2\/","title":{"rendered":"Kolokasi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5989\" class=\"elementor elementor-5989\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-9509b58 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"9509b58\" 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-0cb7a72 elementor-widget elementor-widget-html\" data-id=\"0cb7a72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    \/* --- ULTRA-MINIMALIST FULL WIDTH HEADER --- *\/\n    .pdsa-mini-hero {\n        width: 100%;\n        padding: 30px 0; \/* Lebih nipis dan kemas *\/\n        background-color: #ffffff;\n        border-bottom: 1px solid #f1f5f9;\n        font-family: 'Poppins', sans-serif;\n    }\n\n    .mini-hero-container {\n        width: 100%; \/* Paksa lebar penuh *\/\n        padding: 0 45px; \/* Jarak selamat kiri kanan *\/\n        display: flex;\n        justify-content: space-between; \/* Tajuk kiri, Breadcrumb kanan *\/\n        align-items: center;\n        box-sizing: border-box;\n    }\n\n    .mini-hero-title-area {\n        position: relative;\n    }\n\n    \/* Garis tepi halus (Accent) *\/\n    .mini-hero-title-area::before {\n        content: \"\";\n        position: absolute;\n        left: -15px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 4px;\n        height: 60%;\n        background: #00BCD4;\n        border-radius: 10px;\n    }\n\n    .mini-hero-title {\n        color: #0A1F44;\n        font-size: 28px; \/* Saiz lebih kacak untuk gaya minimal *\/\n        font-weight: 800;\n        margin: 0;\n        letter-spacing: -1px;\n    }\n\n    \/* BREADCRUMB STYLE *\/\n    .mini-breadcrumb {\n        font-size: 13px;\n        color: #94a3b8;\n        font-weight: 500;\n    }\n\n    .mini-breadcrumb a {\n        color: #64748B;\n        text-decoration: none;\n        transition: 0.3s;\n    }\n\n    .mini-breadcrumb a:hover {\n        color: #00BCD4;\n    }\n\n    .mini-breadcrumb span {\n        color: #94a3b8;\n        margin: 0 8px;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 768px) {\n        .mini-hero-container {\n            flex-direction: column;\n            text-align: center;\n            gap: 10px;\n            padding: 0 20px;\n        }\n        .mini-hero-title-area::before {\n            display: none;\n        }\n    }\n<\/style>\n\n<section class=\"pdsa-mini-hero\">\n    <div class=\"mini-hero-container\">\n        \n        <div class=\"mini-hero-title-area\">\n            <h1 class=\"mini-hero-title\">Kolokasi<\/h1>\n        <\/div>\n\n        <nav class=\"mini-breadcrumb\">\n            <a href=\"\/\">Utama<\/a>\n            <span>\/<\/span>\n            <strong style=\"color: #0A1F44; font-weight: 600;\">Kolokasi<\/strong>\n        <\/nav>\n\n    <\/div>\n<\/section>\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-03f2f05 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"03f2f05\" 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-4434f96 elementor-widget elementor-widget-spacer\" data-id=\"4434f96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da4793b elementor-widget elementor-widget-html\" data-id=\"da4793b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    \/* 1. VARIABEL TEMA - Cerah & Seragam *\/\n    :root {\n        --p-navy: #0A1F44;\n        --p-cyan: #00BCD4;\n        --p-text: #64748B;\n        --p-bg-light: #f8fafc;\n        --p-border: #e2e8f0;\n    }\n\n    \/* 2. OUTER WRAPPER - BACKGROUND BERSIH *\/\n    .kolo-outer-wrap {\n        width: 100vw;\n        position: relative;\n        left: 50%; right: 50%;\n        margin-left: -50vw; margin-right: -50vw;\n        background: var(--p-bg-light);\n        padding: 80px 0;\n        box-sizing: border-box;\n        overflow-x: hidden;\n    }\n\n    .kolo-wrapper {\n        display: flex;\n        flex-direction: row;\n        gap: 40px;\n        font-family: 'Poppins', sans-serif;\n        padding: 0 20px;\n        max-width: 1250px;\n        margin: 0 auto;\n        box-sizing: border-box;\n    }\n\n    \/* 3. SIDEBAR NAVIGATION - MODERN CLEAN *\/\n    .kolo-sidebar {\n        flex: 0 0 320px;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        position: sticky;\n        top: 100px; \/* Jarak dari sticky header *\/\n        height: fit-content;\n        z-index: 10;\n    }\n\n    .kolo-btn {\n        background: #ffffff;\n        border: 1px solid var(--p-border);\n        padding: 20px 25px;\n        border-radius: 16px;\n        cursor: pointer;\n        font-weight: 600;\n        color: var(--p-navy);\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        text-align: left;\n        font-size: 15px;\n        box-shadow: 0 4px 6px rgba(10, 31, 68, 0.02);\n    }\n\n    .kolo-btn:hover {\n        border-color: var(--p-cyan);\n        color: var(--p-cyan);\n        transform: translateX(10px);\n        background: #f0fdfa;\n    }\n\n    .kolo-btn.active {\n        background: var(--p-navy);\n        color: #ffffff;\n        border-color: var(--p-navy);\n        box-shadow: 0 10px 25px rgba(10, 31, 68, 0.15);\n    }\n\n    \/* 4. KAWASAN KANDUNGAN - SOLID WHITE CARD *\/\n    .kolo-main-content {\n        flex: 1;\n        background: #ffffff;\n        padding: 60px;\n        border-radius: 30px;\n        border: 1px solid var(--p-border);\n        min-height: 600px;\n        box-shadow: 0 20px 50px rgba(10, 31, 68, 0.05);\n    }\n\n    .tab-pane { display: none; animation: fadeIn 0.5s ease-out; }\n    .tab-pane.active { display: block; }\n\n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .h-title {\n        color: var(--p-navy);\n        font-weight: 800;\n        font-size: 28px;\n        border-left: 6px solid var(--p-cyan);\n        padding-left: 20px;\n        margin-bottom: 40px;\n        letter-spacing: -0.5px;\n    }\n\n    \/* 5. DESIGN GRID (CIRI-CIRI) - LIGHT CARDS *\/\n    .ciri-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        gap: 25px;\n    }\n\n    .ciri-card {\n        padding: 35px;\n        border-radius: 20px;\n        background: #ffffff;\n        border: 1px solid var(--p-border);\n        position: relative;\n        transition: 0.3s ease;\n    }\n\n    .ciri-card:hover {\n        border-color: var(--p-cyan);\n        transform: translateY(-8px);\n        box-shadow: 0 15px 30px rgba(0, 188, 212, 0.08);\n    }\n\n    .ciri-num {\n        font-size: 32px;\n        font-weight: 800;\n        color: #f1f5f9;\n        position: absolute;\n        top: 20px; right: 25px;\n    }\n\n    .ciri-card h4 {\n        color: var(--p-navy);\n        margin: 0 0 15px 0;\n        font-size: 18px;\n        font-weight: 700;\n    }\n\n    \/* 6. DESIGN LIST - HIGH READABILITY *\/\n    .feature-list { list-style: none; padding: 0; margin: 0; }\n    .feature-item { \n        margin-bottom: 30px; \n        display: flex; \n        align-items: flex-start; \n        padding-bottom: 30px;\n        border-bottom: 1px solid #f1f5f9;\n    }\n    .feature-item:last-child { border-bottom: none; }\n\n    .feature-idx {\n        flex-shrink: 0;\n        width: 35px; height: 35px;\n        background: rgba(0, 188, 212, 0.1);\n        border-radius: 50%;\n        color: var(--p-cyan);\n        font-weight: 700;\n        font-size: 14px;\n        display: flex; align-items: center; justify-content: center;\n        margin-right: 20px;\n    }\n\n    .feature-bold {\n        color: var(--p-navy);\n        font-size: 17px;\n        display: block;\n        margin-bottom: 8px;\n        font-weight: 700;\n    }\n\n    .p-text {\n        font-size: 15px;\n        font-weight: 400;\n        line-height: 1.8;\n        color: var(--p-text);\n    }\n\n    \/* 7. RESPONSIVE SETUP *\/\n    @media (max-width: 991px) {\n        .kolo-wrapper { flex-direction: column; }\n        .kolo-sidebar {\n            flex: none; width: 100%; flex-direction: row;\n            overflow-x: auto; padding-bottom: 10px;\n            top: 0;\n        }\n        .kolo-btn { flex: 0 0 auto; white-space: nowrap; padding: 15px 25px; }\n        .kolo-main-content { padding: 40px 25px; }\n    }\n<\/style>\n\n<div class=\"kolo-outer-wrap\">\n    <div class=\"kolo-wrapper\">\n        <div class=\"kolo-sidebar\">\n            <div class=\"kolo-btn active\" onclick=\"changeTab(event, 'tab1')\">Apa itu Kolokasi?<\/div>\n            <div class=\"kolo-btn\" onclick=\"changeTab(event, 'tab2')\">Ciri Kolokasi PDSA<\/div>\n            <div class=\"kolo-btn\" onclick=\"changeTab(event, 'tab3')\">Kelebihan<\/div>\n            <div class=\"kolo-btn\" onclick=\"changeTab(event, 'tab4')\">Tanggungjawab Agensi<\/div>\n        <\/div>\n\n        <div class=\"kolo-main-content\">\n            \n            <div id=\"tab1\" class=\"tab-pane active\">\n                <h3 class=\"h-title\">Apa itu Kolokasi?<\/h3>\n                <p class=\"p-text\">\n                    Perkhidmatan <strong>Kolokasi (Colocation) PDSA<\/strong> menyediakan ruang rak yang selamat bagi menempatkan pelayan milik agensi, lengkap dengan sokongan infrastruktur pusat data yang menyeluruh.\n                <\/p>\n            <\/div>\n\n            <div id=\"tab2\" class=\"tab-pane\">\n                <h3 class=\"h-title\">Ciri Kolokasi PDSA<\/h3>\n                <div class=\"ciri-grid\">\n                    <div class=\"ciri-card\">\n                        <span class=\"ciri-num\">01<\/span>\n                        <h4>Kemudahan & Infrastruktur<\/h4>\n                        <p class=\"p-text\">Rak pelayan lengkap dengan internet berkelajuan tinggi, pemantauan keselamatan 24\/7, serta integrasi MyGovNet.<\/p>\n                    <\/div>\n                    <div class=\"ciri-card\">\n                        <span class=\"ciri-num\">02<\/span>\n                        <h4>Bekalan Elektrik<\/h4>\n                        <p class=\"p-text\">Jaminan bekalan kuasa tanpa gangguan melalui sistem UPS dan janakuasa tunggu sedia berkapasiti tinggi.<\/p>\n                    <\/div>\n                    <div class=\"ciri-card\">\n                        <span class=\"ciri-num\">03<\/span>\n                        <h4>Keselamatan Fizikal<\/h4>\n                        <p class=\"p-text\">Kawalan keselamatan fizikal tinggi dengan CCTV 24\/7 dan akses biometrik rasmi.<\/p>\n                    <\/div>\n                    <div class=\"ciri-card\">\n                        <span class=\"ciri-num\">04<\/span>\n                        <h4>Sistem Penyejukan<\/h4>\n                        <p class=\"p-text\">Unit chiller dan HVAC optimum bagi kestabilan suhu peralatan ICT kritikal.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"tab3\" class=\"tab-pane\">\n                <h3 class=\"h-title\">Kelebihan<\/h3>\n                <ul class=\"feature-list\">\n                    <li class=\"feature-item\">\n                        <div class=\"feature-idx\">01<\/div>\n                        <div>\n                            <strong class=\"feature-bold\">Penjimatan Kos<\/strong>\n                            <div class=\"p-text\">Mengurangkan kos operasi ICT agensi melalui perkongsian infrastruktur cekap tanpa perlu membina pusat data sendiri.<\/div>\n                        <\/div>\n                    <\/li>\n                    <li class=\"feature-item\">\n                        <div class=\"feature-idx\">02<\/div>\n                        <div>\n                            <strong class=\"feature-bold\">Pemantauan Berterusan<\/strong>\n                            <div class=\"p-text\">Sistem dipantau 24\/7\/365 oleh pasukan teknikal bertauliah bagi menjamin tindak balas segera.<\/div>\n                        <\/div>\n                    <\/li>\n                    <li class=\"feature-item\">\n                        <div class=\"feature-idx\">03<\/div>\n                        <div>\n                            <strong class=\"feature-bold\">Jaminan SLA<\/strong>\n                            <div class=\"p-text\">Jaminan uptime sehingga 99.5% bagi kestabilan perkhidmatan pusat data.<\/div>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <div id=\"tab4\" class=\"tab-pane\">\n                <h3 class=\"h-title\">Tanggungjawab Agensi<\/h3>\n                <ul class=\"feature-list\">\n                    <li class=\"feature-item\">\n                        <div class=\"feature-idx\">01<\/div>\n                        <div>\n                            <strong class=\"feature-bold\">Pematuhan Peraturan<\/strong>\n                            <div class=\"p-text\">Mematuhi segala peraturan dan SOP yang ditetapkan oleh PDSA bagi menjamin kestabilan persekitaran.<\/div>\n                        <\/div>\n                    <\/li>\n                    <li class=\"feature-item\">\n                        <div class=\"feature-idx\">02<\/div>\n                        <div>\n                            <strong class=\"feature-bold\">Permohonan Akses Fizikal<\/strong>\n                            <div class=\"p-text\">Mengemukakan permohonan akses sekurang-kurangnya tiga (3) hari bekerja sebelum tarikh lawatan.<\/div>\n                        <\/div>\n                    <\/li>\n                    <li class=\"feature-item\">\n                        <div class=\"feature-idx\">03<\/div>\n                        <div>\n                            <strong class=\"feature-bold\">Penyelenggaraan Pelayan<\/strong>\n                            <div class=\"p-text\">Memastikan pelayan sentiasa dipantau dan dikemas kini dengan tampalan (patch) keselamatan terkini.<\/div>\n                        <\/div>\n                    <\/li>\n                    <li class=\"feature-item\">\n                        <div class=\"feature-idx\">04<\/div>\n                        <div>\n                            <strong class=\"feature-bold\">Perlindungan Antivirus<\/strong>\n                            <div class=\"p-text\">Memastikan perisian antivirus sah dipasang dan sentiasa dikemas kini dengan definisi terbaru.<\/div>\n                        <\/div>\n                    <\/li>\n                    <li class=\"feature-item\">\n                        <div class=\"feature-idx\">05<\/div>\n                        <div>\n                            <strong class=\"feature-bold\">Pengurusan Kabel<\/strong>\n                            <div class=\"p-text\">Memastikan pengurusan kabel di dalam rak sentiasa kemas, teratur, dan dilabel dengan betul.<\/div>\n                        <\/div>\n                    <\/li>\n                    <li class=\"feature-item\">\n                        <div class=\"feature-idx\">06<\/div>\n                        <div>\n                            <strong class=\"feature-bold\">Kawalan Keselamatan & Rangkaian<\/strong>\n                            <div class=\"p-text\">Menguruskan sepenuhnya konfigurasi keselamatan, firewall, IPS, serta antivirus di bawah seliaan sendiri.<\/div>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nfunction changeTab(evt, tabId) {\n    var i, tabContent, tabButtons;\n    tabContent = document.getElementsByClassName(\"tab-pane\");\n    for (i = 0; i < tabContent.length; i++) {\n        tabContent[i].style.display = \"none\";\n        tabContent[i].classList.remove(\"active\");\n    }\n    tabButtons = document.getElementsByClassName(\"kolo-btn\");\n    for (i = 0; i < tabButtons.length; i++) {\n        tabButtons[i].classList.remove(\"active\");\n    }\n    document.getElementById(tabId).style.display = \"block\";\n    document.getElementById(tabId).classList.add(\"active\");\n    evt.currentTarget.classList.add(\"active\");\n\n    if (window.innerWidth < 991) {\n        document.querySelector('.kolo-main-content').scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n}\n<\/script>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kolokasi Utama \/ Kolokasi Apa itu Kolokasi? Ciri Kolokasi PDSA Kelebihan Tanggungjawab Agensi Apa itu Kolokasi? Perkhidmatan Kolokasi (Colocation) PDSA menyediakan ruang rak yang selamat bagi menempatkan pelayan milik agensi, lengkap dengan sokongan infrastruktur pusat data yang menyeluruh. Ciri Kolokasi PDSA 01 Kemudahan &#038; Infrastruktur Rak pelayan lengkap dengan internet berkelajuan tinggi, pemantauan keselamatan 24\/7, serta integrasi MyGovNet. 02 Bekalan Elektrik Jaminan bekalan kuasa tanpa gangguan melalui sistem UPS dan janakuasa tunggu sedia berkapasiti tinggi. 03 Keselamatan Fizikal Kawalan keselamatan fizikal tinggi dengan CCTV 24\/7 dan akses biometrik rasmi. 04 Sistem Penyejukan Unit chiller dan HVAC optimum bagi kestabilan suhu peralatan ICT kritikal. Kelebihan 01 Penjimatan Kos Mengurangkan kos operasi ICT agensi melalui perkongsian infrastruktur cekap tanpa perlu membina pusat data sendiri. 02 Pemantauan Berterusan Sistem dipantau 24\/7\/365 oleh pasukan teknikal bertauliah bagi menjamin tindak balas segera. 03 Jaminan SLA Jaminan uptime sehingga 99.5% bagi kestabilan perkhidmatan pusat data. Tanggungjawab Agensi 01 Pematuhan Peraturan Mematuhi segala peraturan dan SOP yang ditetapkan oleh PDSA bagi menjamin kestabilan persekitaran. 02 Permohonan Akses Fizikal Mengemukakan permohonan akses sekurang-kurangnya tiga (3) hari bekerja sebelum tarikh lawatan. 03 Penyelenggaraan Pelayan Memastikan pelayan sentiasa dipantau dan dikemas kini dengan tampalan (patch) keselamatan terkini. 04 Perlindungan Antivirus Memastikan perisian antivirus sah dipasang dan sentiasa dikemas kini dengan definisi terbaru. 05 Pengurusan Kabel Memastikan pengurusan kabel di dalam rak sentiasa kemas, teratur, dan dilabel dengan betul. 06 Kawalan Keselamatan &#038; Rangkaian Menguruskan sepenuhnya konfigurasi keselamatan, firewall, IPS, serta antivirus di bawah seliaan sendiri.<\/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-5989","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"reduan","author_link":"https:\/\/www.mygovcloud.gov.my\/portal\/author\/reduan\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Kolokasi Utama \/ Kolokasi Apa itu Kolokasi? Ciri Kolokasi PDSA Kelebihan Tanggungjawab Agensi Apa itu Kolokasi? Perkhidmatan Kolokasi (Colocation) PDSA menyediakan ruang rak yang selamat bagi menempatkan pelayan milik agensi, lengkap dengan sokongan infrastruktur pusat data yang menyeluruh. Ciri Kolokasi PDSA 01 Kemudahan &#038; Infrastruktur Rak pelayan lengkap dengan internet berkelajuan tinggi, pemantauan keselamatan 24\/7,&hellip;","_links":{"self":[{"href":"https:\/\/www.mygovcloud.gov.my\/portal\/wp-json\/wp\/v2\/pages\/5989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mygovcloud.gov.my\/portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mygovcloud.gov.my\/portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mygovcloud.gov.my\/portal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mygovcloud.gov.my\/portal\/wp-json\/wp\/v2\/comments?post=5989"}],"version-history":[{"count":0,"href":"https:\/\/www.mygovcloud.gov.my\/portal\/wp-json\/wp\/v2\/pages\/5989\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mygovcloud.gov.my\/portal\/wp-json\/wp\/v2\/media?parent=5989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}