{"id":48,"date":"2026-09-08T06:01:54","date_gmt":"2026-09-08T06:01:54","guid":{"rendered":"https:\/\/smp-nasa.sch.id\/?page_id=48"},"modified":"2026-10-15T16:11:13","modified_gmt":"2026-10-15T16:11:13","slug":"e-rapot","status":"publish","type":"page","link":"https:\/\/smp-nasa.sch.id\/?page_id=48","title":{"rendered":"E-Rapot"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>E-Rapor &#8211; SMP NASA<\/title>\n    <!-- Google Fonts untuk Tipografi Akademik Modern -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* ==========================================\n           1. VARIABLE WARNA & UTILITY\n           ========================================== *\/\n        :root {\n            --bg-body: #FAFAFA;\n            --bg-card: #FFFFFF;\n            --primary-brown: #9E7633;     \/* Coklat Muda Keemasan Logo *\/\n            --primary-brown-light: #F7F3EB;\/* Coklat Sangat Muda (Aksen) *\/\n            --text-dark: #1F1F1F;         \/* Hitam\/Charcoal Utama *\/\n            --text-muted: #555555;        \/* Abu-abu Teks Deskripsi *\/\n            --border-color: #E8E3DA;\n            --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.05);\n            --shadow-hover: 0 15px 35px rgba(158, 118, 51, 0.12);\n            --radius-main: 16px;\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        body {\n            background-color: var(--bg-body);\n            color: var(--text-dark);\n            line-height: 1.7;\n            padding: 40px 20px;\n        }\n\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n\n        \/* Header Halaman *\/\n        .page-header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .page-header h1 {\n            font-size: 2.5rem;\n            font-weight: 800;\n            color: var(--text-dark);\n            letter-spacing: -0.5px;\n        }\n\n        .page-header p {\n            color: var(--primary-brown);\n            font-size: 1.1rem;\n            font-weight: 600;\n            margin-top: 8px;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n        }\n\n        \/* Hero Portal Banner *\/\n        .portal-hero {\n            background: linear-gradient(135deg, var(--bg-card) 0%, var(--primary-brown-light) 100%);\n            border: 1px solid var(--border-color);\n            border-radius: var(--radius-main);\n            padding: 40px;\n            text-align: center;\n            box-shadow: var(--shadow-soft);\n            margin-bottom: 40px;\n        }\n\n        .portal-hero h2 {\n            font-size: 1.8rem;\n            font-weight: 800;\n            color: var(--text-dark);\n            margin-bottom: 12px;\n        }\n\n        .portal-hero p {\n            font-size: 1.05rem;\n            color: var(--text-muted);\n            max-width: 750px;\n            margin: 0 auto 25px auto;\n        }\n\n        .btn-login-portal {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background-color: var(--primary-brown);\n            color: #FFFFFF;\n            padding: 16px 36px;\n            border-radius: 12px;\n            font-size: 1.1rem;\n            font-weight: 700;\n            text-decoration: none;\n            box-shadow: 0 6px 20px rgba(158, 118, 51, 0.25);\n            transition: all 0.3s ease;\n        }\n\n        .btn-login-portal:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-hover);\n            background-color: #886429;\n            color: #FFFFFF;\n        }\n\n        \/* Card Section Umum *\/\n        .section-card {\n            background: var(--bg-card);\n            border-radius: var(--radius-main);\n            padding: 35px;\n            border: 1px solid var(--border-color);\n            box-shadow: var(--shadow-soft);\n            margin-bottom: 35px;\n        }\n\n        .section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 24px;\n            position: relative;\n            padding-left: 18px;\n        }\n\n        .section-title::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 10%;\n            height: 80%;\n            width: 5px;\n            background-color: var(--primary-brown);\n            border-radius: 4px;\n        }\n\n        \/* Fitur Utama E-Rapor Grid *\/\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 20px;\n            margin-bottom: 10px;\n        }\n\n        .feature-card {\n            background: var(--primary-brown-light);\n            padding: 22px;\n            border-radius: 12px;\n            border: 1px solid var(--border-color);\n        }\n\n        .feature-card .icon {\n            font-size: 2rem;\n            margin-bottom: 10px;\n            display: block;\n        }\n\n        .feature-card h3 {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 6px;\n        }\n\n        .feature-card p {\n            font-size: 0.92rem;\n            color: var(--text-muted);\n        }\n\n        \/* Langkah-langkah Akses *\/\n        .steps-container {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        .step-item {\n            display: flex;\n            align-items: flex-start;\n            background: #FFFFFF;\n            padding: 20px;\n            border-radius: 12px;\n            border: 1px solid var(--border-color);\n            transition: all 0.3s ease;\n        }\n\n        .step-item:hover {\n            border-color: var(--primary-brown);\n            background-color: var(--primary-brown-light);\n        }\n\n        .step-number {\n            background: var(--text-dark);\n            color: #FFFFFF;\n            min-width: 38px;\n            height: 38px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 800;\n            margin-right: 18px;\n            font-size: 1rem;\n            flex-shrink: 0;\n        }\n\n        .step-content h4 {\n            font-size: 1.05rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 4px;\n        }\n\n        .step-content p {\n            font-size: 0.95rem;\n            color: var(--text-muted);\n        }\n\n        \/* Box Bantuan Operator *\/\n        .help-box {\n            background: var(--bg-card);\n            border: 1px solid var(--border-color);\n            border-left: 5px solid #25D366; \/* Warna Khas WhatsApp *\/\n            border-radius: 12px;\n            padding: 25px 30px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            gap: 20px;\n            box-shadow: var(--shadow-soft);\n        }\n\n        .help-info h3 {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 4px;\n        }\n\n        .help-info p {\n            font-size: 0.95rem;\n            color: var(--text-muted);\n        }\n\n        .btn-wa-help {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background-color: #25D366;\n            color: #FFFFFF;\n            padding: 12px 22px;\n            border-radius: 8px;\n            font-size: 0.95rem;\n            font-weight: 700;\n            text-decoration: none;\n            transition: opacity 0.2s, transform 0.2s;\n        }\n\n        .btn-wa-help:hover {\n            opacity: 0.9;\n            transform: translateY(-2px);\n            color: #FFFFFF;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            body { padding: 20px 10px; }\n            .section-card, .portal-hero { padding: 25px 20px; }\n            .page-header h1 { font-size: 2rem; }\n            .portal-hero h2 { font-size: 1.4rem; }\n            .btn-login-portal { width: 100%; justify-content: center; }\n            .help-box { flex-direction: column; align-items: flex-start; }\n            .btn-wa-help { width: 100%; justify-content: center; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        \n        <!-- Header -->\n        <header class=\"page-header\">\n            <p>Sistem Informasi Akademik Digital<\/p>\n            <h1>E-Rapor SMP NASA<\/h1>\n        <\/header>\n\n        <!-- PORTAL HERO & TOMBOL UTAMA -->\n        <div class=\"portal-hero\">\n            <h2>Portal Nilai &#038; Laporan Hasil Belajar Siswa<\/h2>\n            <p>Akses informasi capaian akademik peserta didik secara transparan, akurat, dan dapat diakses kapan saja serta di mana saja.<\/p>\n            <a href=\"https:\/\/e-rapor.smp-nasa.sch.id\/login\" target=\"_blank\" class=\"btn-login-portal\">\n                \ud83d\ude80 Masuk ke Aplikasi E-Rapor\n            <\/a>\n        <\/div>\n\n        <!-- FITUR E-RAPOR -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Fungsi &#038; Layanan E-Rapor<\/h2>\n            <div class=\"features-grid\">\n                \n                <div class=\"feature-card\">\n                    <span class=\"icon\">\ud83d\udcca<\/span>\n                    <h3>Pantau Nilai Realtime<\/h3>\n                    <p>Memungkinkan orang tua dan siswa memantau perkembangan nilai akademik dan capaian karakter secara langsung sepanjang semester.<\/p>\n                <\/div>\n\n                <div class=\"feature-card\">\n                    <span class=\"icon\">\ud83d\udda8\ufe0f<\/span>\n                    <h3>Cetak Mandiri<\/h3>\n                    <p>Memfasilitasi pengunduhan dan pencetakan dokumen lembar hasil belajar (rapor) secara mandiri dari mana saja.<\/p>\n                <\/div>\n\n                <div class=\"feature-card\">\n                    <span class=\"icon\">\ud83d\udcf1<\/span>\n                    <h3>Rapor Digital Arsip<\/h3>\n                    <p>Penyimpanan rekam jejak akademik siswa dalam format digital yang terintegrasi, rapi, dan aman dari risiko dokumen fisik hilang.<\/p>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- PANDUAN AKSES -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Panduan Akses &#038; Login<\/h2>\n            <div class=\"steps-container\">\n                \n                <div class=\"step-item\">\n                    <div class=\"step-number\">1<\/div>\n                    <div class=\"step-content\">\n                        <h4>Akses Portal E-Rapor<\/h4>\n                        <p>Klik tombol <strong>&#8220;Masuk ke Aplikasi E-Rapor&#8221;<\/strong> di atas atau kunjungi langsung tautan resmi: <a href=\"https:\/\/e-rapor.smp-nasa.sch.id\/login\" target=\"_blank\" style=\"color: var(--primary-brown); font-weight:600;\">https:\/\/e-rapor.smp-nasa.sch.id\/login<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"step-item\">\n                    <div class=\"step-number\">2<\/div>\n                    <div class=\"step-content\">\n                        <h4>Masukkan Username &#038; Password<\/h4>\n                        <p>Gunakan nomor <strong>NISN (Nomor Induk Siswa Nasional)<\/strong> peserta didik sebagai <em>Username<\/em> dan <em>Password<\/em> awal saat pertama kali login.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"step-item\">\n                    <div class=\"step-number\">3<\/div>\n                    <div class=\"step-content\">\n                        <h4>Ubah Password Demi Keamanan<\/h4>\n                        <p>Setelah berhasil masuk, disarankan untuk segera memperbarui password bawaan dengan password baru yang mudah diingat dan dirahasiakan.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- BANTUAN OPERATOR -->\n        <div class=\"help-box\">\n            <div class=\"help-info\">\n                <h3>\ud83d\udcac Kendala Login atau Lupa Password?<\/h3>\n                <p>Apabila mengalami masalah saat masuk ke portal E-Rapor, silakan hubungi Operator SMP NASA:<br>\n                <strong>Ibu Syahwa<\/strong> (Operator E-Rapor SMP NASA)<\/p>\n            <\/div>\n            <a href=\"https:\/\/wa.me\/628987326819\" target=\"_blank\" class=\"btn-wa-help\">\n                \ud83d\udcac Hubungi Operator via WA\n            <\/a>\n        <\/div>\n\n    <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>E-Rapor &#8211; SMP NASA Sistem Informasi Akademik Digital E-Rapor SMP NASA Portal Nilai &#038; Laporan Hasil Belajar Siswa Akses informasi capaian akademik peserta didik secara transparan, akurat, dan dapat diakses kapan saja serta di mana saja. \ud83d\ude80 Masuk ke Aplikasi E-Rapor Fungsi &#038; Layanan E-Rapor \ud83d\udcca Pantau Nilai Realtime Memungkinkan orang tua dan siswa memantau [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=48"}],"version-history":[{"count":2,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions\/125"}],"wp:attachment":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}