{"id":75,"date":"2026-07-11T13:55:42","date_gmt":"2026-07-11T13:55:42","guid":{"rendered":"https:\/\/rendrareksa.my.id\/rendra\/?page_id=75"},"modified":"2026-07-11T14:52:23","modified_gmt":"2026-07-11T14:52:23","slug":"dashboard","status":"publish","type":"page","link":"https:\/\/rendrareksa.my.id\/rendra\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!-- Gaya CSS untuk Memaksa Seluruh Latar Belakang Kontainer WordPress -->\n<style>\n    \/* 1. Paksa warna background elemen pembungkus utama WordPress di halaman ini *\/\n    body.page-template-default, \n    .site-content, \n    #content, \n    #main, \n    article, \n    .entry-content, \n    .post-content, \n    .page-content,\n    .elementor-section-wrap {\n        background-color: #f8f9fa !important;\n    }\n\n    \/* 2. Gaya pembungkus komponen dashboard *\/\n    .lms-dashboard-wrapper {\n        background-color: #f8f9fa !important; \n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        padding: 20px 0px;\n    }\n    \n    .lms-card-link {\n        text-decoration: none !important;\n        display: inline-block;\n    }\n\n    \/* 3. Menghilangkan shadow atau border bawaan tema pada artikel pembungkus *\/\n    article {\n        box-shadow: none !important;\n        border: none !important;\n    }\n<\/style>\n\n<!-- Load Bootstrap 5 & Icon -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" crossorigin=\"anonymous\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.10.5\/font\/bootstrap-icons.css\" crossorigin=\"anonymous\">\n\n<div class=\"container-fluid py-4 lms-dashboard-wrapper\">\n    \n    <!-- Header Welcome -->\n    <div class=\"row mb-4\">\n        <div class=\"col-12\">\n            <div class=\"card border-0 shadow-sm p-4 text-white\" style=\"background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); border-radius: 15px;\">\n                <h2 class=\"fw-bold mb-1\" style=\"color: #ffffff !important;\">Halo, Selamat Datang Kembali!<\/h2>\n                <p class=\"mb-0 opacity-75\">Pantau terus progres belajar Anda dan selesaikan modul yang tersisa.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Statistik Ringkas -->\n    <div class=\"row g-3 mb-4\">\n        <div class=\"col-md-4\">\n            <div class=\"card border-0 shadow-sm p-3 bg-white\" style=\"border-radius: 12px; background-color: #ffffff !important;\">\n                <div class=\"d-flex align-items-center\">\n                    <div class=\"p-3 bg-primary bg-opacity-10 text-primary rounded-3 me-3\">\n                        <i class=\"bi bi-book-half fs-3\"><\/i>\n                    <\/div>\n                    <div>\n                        <h6 class=\"text-muted mb-1\">Kursus Diikuti<\/h6>\n                        <h4 class=\"fw-bold mb-0 text-dark\">3 Kursus<\/h4>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"col-md-4\">\n            <div class=\"card border-0 shadow-sm p-3 bg-white\" style=\"border-radius: 12px; background-color: #ffffff !important;\">\n                <div class=\"d-flex align-items-center\">\n                    <div class=\"p-3 bg-success bg-opacity-10 text-success rounded-3 me-3\">\n                        <i class=\"bi bi-trophy fs-3\"><\/i>\n                    <\/div>\n                    <div>\n                        <h6 class=\"text-muted mb-1\">Sertifikat Selesai<\/h6>\n                        <h4 class=\"fw-bold mb-0 text-dark\">1 Sertifikat<\/h4>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"col-md-4\">\n            <div class=\"card border-0 shadow-sm p-3 bg-white\" style=\"border-radius: 12px; background-color: #ffffff !important;\">\n                <div class=\"d-flex align-items-center\">\n                    <div class=\"p-3 bg-warning bg-opacity-10 text-warning rounded-3 me-3\">\n                        <i class=\"bi bi-clock-history fs-3\"><\/i>\n                    <\/div>\n                    <div>\n                        <h6 class=\"text-muted mb-1\">Jam Belajar<\/h6>\n                        <h4 class=\"fw-bold mb-0 text-dark\">24 Jam<\/h4>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"row g-4\">\n        <!-- Kolom Kiri: Progres Kursus Anda -->\n        <div class=\"col-lg-8\">\n            <div class=\"card border-0 shadow-sm p-4 mb-4 bg-white\" style=\"border-radius: 15px; background-color: #ffffff !important;\">\n                <h5 class=\"fw-bold mb-3 text-dark\">Progres Kursus Aktif<\/h5>\n                \n                <!-- Kursus 1 (Pengantar Jaringan Komputer) -->\n                <div class=\"mb-4\">\n                    <div class=\"d-flex justify-content-between align-items-center mb-1\">\n                        <span class=\"fw-semibold text-secondary\">Pengantar Jaringan Komputer<\/span>\n                        <span class=\"text-primary fw-bold small\">75%<\/span>\n                    <\/div>\n                    <div class=\"progress\" style=\"height: 8px;\">\n                        <div class=\"progress-bar bg-primary\" role=\"progressbar\" style=\"width: 75%;\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n                    <\/div>\n                    <a href=\"https:\/\/rendrareksa.my.id\/rendra\/courses\/pengantar-jaringan-komputer-konsep-teori-dan-praktik\/\" target=\"_blank\" class=\"btn btn-sm btn-primary text-white lms-card-link mt-2\" style=\"border-radius: 8px; padding: 6px 16px;\">Lanjutkan Belajar<\/a>\n                <\/div>\n\n                <!-- Kursus 2 (Pemrograman Python untuk Pemula) -->\n                <div class=\"mb-4\">\n                    <div class=\"d-flex justify-content-between align-items-center mb-1\">\n                        <span class=\"fw-semibold text-secondary\">Pemrograman Python untuk Pemula<\/span>\n                        <span class=\"text-success fw-bold small\">40%<\/span>\n                    <\/div>\n                    <div class=\"progress\" style=\"height: 8px;\">\n                        <div class=\"progress-bar bg-success\" role=\"progressbar\" style=\"width: 40%;\" aria-valuenow=\"40\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n                    <\/div>\n                    <a href=\"https:\/\/rendrareksa.my.id\/rendra\/courses\/pemrograman-python-untuk-pemula\/\" target=\"_blank\" class=\"btn btn-sm btn-success text-white lms-card-link mt-2\" style=\"border-radius: 8px; padding: 6px 16px;\">Lanjutkan Belajar<\/a>\n                <\/div>\n\n                <!-- Kursus 3 (Perawatan dan Perbaikan Komputer) -->\n                <div>\n                    <div class=\"d-flex justify-content-between align-items-center mb-1\">\n                        <span class=\"fw-semibold text-secondary\">Perawatan dan Perbaikan Komputer<\/span>\n                        <span class=\"text-warning fw-bold small\">15%<\/span>\n                    <\/div>\n                    <div class=\"progress\" style=\"height: 8px;\">\n                        <div class=\"progress-bar bg-warning\" role=\"progressbar\" style=\"width: 15%;\" aria-valuenow=\"15\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n                    <\/div>\n                    <a href=\"https:\/\/rendrareksa.my.id\/rendra\/courses\/perawatan-dan-perbaikan-komputer-jaringan-computer-network-maintenance-and-repair\/\" target=\"_blank\" class=\"btn btn-sm btn-warning text-white lms-card-link mt-2\" style=\"border-radius: 8px; padding: 6px 16px;\">Lanjutkan Belajar<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Kolom Kanan: Pengumuman & Aktivitas -->\n        <div class=\"col-lg-4\">\n            <!-- Informasi Akun -->\n            <div class=\"card border-0 shadow-sm p-4 text-center mb-4 bg-white\" style=\"border-radius: 15px; background-color: #ffffff !important;\">\n                <div class=\"position-relative d-inline-block mx-auto mb-3\">\n                    <i class=\"bi bi-person-circle text-secondary\" style=\"font-size: 4.5rem;\"><\/i>\n                <\/div>\n                <h5 class=\"fw-bold mb-1 text-dark\">Nama Siswa<\/h5>\n                <p class=\"text-muted small mb-3\">Siswa \/ Pengguna LMS<\/p>\n                <hr>\n                <a href=\"#\" class=\"btn btn-light w-100 text-secondary border\" style=\"border-radius: 8px;\">\n                    <i class=\"bi bi-gear-fill me-2\"><\/i> Pengaturan Profil\n                <\/a>\n            <\/div>\n\n            <!-- Tugas Mendatang -->\n            <div class=\"card border-0 shadow-sm p-4 bg-white\" style=\"border-radius: 15px; background-color: #ffffff !important;\">\n                <h5 class=\"fw-bold mb-3 text-dark\">Tugas Mendatang<\/h5>\n                <div class=\"d-flex align-items-start mb-3\">\n                    <div class=\"badge bg-danger p-2 me-3 rounded-3\">\n                        <i class=\"bi bi-exclamation-circle fs-6\"><\/i>\n                    <\/div>\n                    <div>\n                        <h6 class=\"mb-0 fw-semibold text-dark\">Kuis 2: Subnetting IP Address<\/h6>\n                        <small class=\"text-danger fw-bold\">Tenggat: Besok, 23:59 WIB<\/small>\n                    <\/div>\n                <\/div>\n                <div class=\"d-flex align-items-start\">\n                    <div class=\"badge bg-secondary p-2 me-3 rounded-3\">\n                        <i class=\"bi bi-file-earmark-code fs-6\"><\/i>\n                    <\/div>\n                    <div>\n                        <h6 class=\"mb-0 fw-semibold text-dark\">Praktikum Python: Fungsi &#038; Loop<\/h6>\n                        <small class=\"text-muted\">Tenggat: 3 hari lagi<\/small>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<!-- Script Bootstrap -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\" crossorigin=\"anonymous\"><\/script>\n","protected":false},"excerpt":{"rendered":"<p>Halo, Selamat Datang Kembali! Pantau terus progres belajar Anda dan selesaikan modul yang tersisa. Kursus Diikuti 3 Kursus Sertifikat Selesai 1 Sertifikat Jam Belajar 24 Jam Progres Kursus Aktif Pengantar Jaringan Komputer 75% Lanjutkan Belajar Pemrograman Python untuk Pemula 40% Lanjutkan Belajar Perawatan dan Perbaikan Komputer 15% Lanjutkan Belajar Nama Siswa Siswa \/ Pengguna LMS&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-75","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rendrareksa.my.id\/rendra\/wp-json\/wp\/v2\/pages\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rendrareksa.my.id\/rendra\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rendrareksa.my.id\/rendra\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rendrareksa.my.id\/rendra\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rendrareksa.my.id\/rendra\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":8,"href":"https:\/\/rendrareksa.my.id\/rendra\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/rendrareksa.my.id\/rendra\/wp-json\/wp\/v2\/pages\/75\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/rendrareksa.my.id\/rendra\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}