{"id":1295,"date":"2026-02-05T09:12:10","date_gmt":"2026-02-05T02:12:10","guid":{"rendered":"https:\/\/celoe.telkomuniversity.ac.id\/code\/?page_id=1295"},"modified":"2026-02-05T09:14:00","modified_gmt":"2026-02-05T02:14:00","slug":"dashboard-2","status":"publish","type":"page","link":"https:\/\/celoe.telkomuniversity.ac.id\/code\/dashboard-2\/","title":{"rendered":"Dashboard 2"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\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
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Dashboard Pemanfaatan MK External<\/title>\r\n <style>\r\n \/* Reset & Base Style *\/\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #f4f7f6; \/* Warna latar lembut *\/\r\n color: #333;\r\n }\r\n\r\n \/* Container Utama *\/\r\n .dashboard-container {\r\n max-width: 1400px; \/* Lebar maksimum agar tidak terlalu melebar di layar ultra-wide *\/\r\n margin: 30px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Header Section *\/\r\n .dashboard-header {\r\n margin-bottom: 25px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border-bottom: 2px solid #e0e0e0;\r\n padding-bottom: 15px;\r\n }\r\n\r\n .dashboard-title h2 {\r\n margin: 0;\r\n font-size: 1.8rem;\r\n color: #be1e2d; \/* Telkom Red *\/\r\n font-weight: 700;\r\n }\r\n\r\n .dashboard-title p {\r\n margin: 5px 0 0 0;\r\n color: #666;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .refresh-hint {\r\n font-size: 0.8rem;\r\n color: #999;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n \/* Iframe Wrapper (Kunci agar Responsif) *\/\r\n .iframe-wrapper {\r\n position: relative;\r\n width: 100%;\r\n \/* Trik Aspect Ratio: Padding bottom menentukan tinggi relatif terhadap lebar *\/\r\n \/* 75% = Rasio 4:3 (standar Looker Studio) | Ganti ke 56.25% untuk 16:9 *\/\r\n padding-bottom: 75%; \r\n height: 0;\r\n background: #fff;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.08); \/* Shadow halus *\/\r\n border-radius: 12px;\r\n overflow: hidden;\r\n border: 1px solid #ddd;\r\n }\r\n\r\n \/* Styling Iframe Asli *\/\r\n .iframe-wrapper iframe {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n }\r\n\r\n \/* Responsive Mobile *\/\r\n @media (max-width: 768px) {\r\n .dashboard-title h2 {\r\n font-size: 1.4rem;\r\n }\r\n \r\n .dashboard-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 10px;\r\n }\r\n\r\n \/* Di HP, kita buat dashboard sedikit lebih tinggi agar scroll nyaman *\/\r\n .iframe-wrapper {\r\n padding-bottom: 120%; \r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"dashboard-container\">\r\n \r\n <div class=\"dashboard-header\">\r\n <div class=\"dashboard-title\">\r\n <h2>Dashboard Pencapaian KM Online Learning<\/h2>\r\n <p>Monitoring Produksi & Status Unggah Konten Edukasi Publik<\/p>\r\n <\/div>\r\n <div class=\"refresh-hint\">\r\n <span>Data Real-time<\/span> \u2022 Looker Studio\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"iframe-wrapper\">\r\n <iframe \r\n src=\"https:\/\/lookerstudio.google.com\/embed\/reporting\/c1a4b0ec-78d8-4746-b7b8-5d117d8ad769\/page\/p_y977qx9dwd\" \r\n frameborder=\"0\" \r\n allowfullscreen \r\n sandbox=\"allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\">\r\n <\/iframe>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\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>Dashboard Pemanfaatan MK External Dashboard Pencapaian KM Online Learning Monitoring Produksi & Status Unggah Konten Edukasi Publik Data Real-time \u2022 Looker Studio<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1295","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/celoe.telkomuniversity.ac.id\/code\/wp-json\/wp\/v2\/pages\/1295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/celoe.telkomuniversity.ac.id\/code\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/celoe.telkomuniversity.ac.id\/code\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/celoe.telkomuniversity.ac.id\/code\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/celoe.telkomuniversity.ac.id\/code\/wp-json\/wp\/v2\/comments?post=1295"}],"version-history":[{"count":0,"href":"https:\/\/celoe.telkomuniversity.ac.id\/code\/wp-json\/wp\/v2\/pages\/1295\/revisions"}],"wp:attachment":[{"href":"https:\/\/celoe.telkomuniversity.ac.id\/code\/wp-json\/wp\/v2\/media?parent=1295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}