{"id":1387,"date":"2026-08-12T17:59:49","date_gmt":"2026-08-12T17:59:49","guid":{"rendered":"https:\/\/smpn2ngemplak.sch.id\/?page_id=1387"},"modified":"2026-08-12T19:38:52","modified_gmt":"2026-08-12T19:38:52","slug":"sipp-sistem-informasi-pelayanan-publik-sekolah","status":"publish","type":"page","link":"https:\/\/smpn2ngemplak.sch.id\/?page_id=1387","title":{"rendered":"SIPP (Sistem Informasi Pelayanan Publik) Sekolah"},"content":{"rendered":"\n<!-- =========================================================\n     PELAYANAN PUBLIK - SMPN 2 NGEMPLAK\n     Custom HTML WordPress\n     ========================================================= -->\n\n<style>\n\/* ===============================\n   RESET & GLOBAL\n   =============================== *\/\n.smpn2-public-service,\n.smpn2-public-service * {\n    box-sizing: border-box;\n}\n\n.smpn2-public-service {\n    --primary: #0b5ed7;\n    --primary-dark: #084298;\n    --secondary: #0d6efd;\n    --accent: #ff9f1c;\n    --green: #198754;\n    --purple: #6f42c1;\n    --red: #dc3545;\n    --cyan: #0dcaf0;\n    --dark: #172033;\n    --text: #495057;\n    --muted: #6c757d;\n    --light: #f5f8fc;\n    --white: #ffffff;\n    --border: #e5eaf0;\n    \n    font-family: Arial, Helvetica, sans-serif;\n    color: var(--text);\n    background: var(--light);\n    line-height: 1.7;\n    width: 100%;\n}\n\n\/* ===============================\n   HERO\n   =============================== *\/\n.smpn2-hero {\n    position: relative;\n    overflow: hidden;\n    padding: 70px 25px;\n    color: #fff;\n    text-align: center;\n    background:\n        radial-gradient(circle at 10% 20%, rgba(255,255,255,.15), transparent 25%),\n        radial-gradient(circle at 90% 80%, rgba(255,159,28,.18), transparent 25%),\n        linear-gradient(135deg, #084298 0%, #0b5ed7 55%, #087990 100%);\n    border-radius: 0 0 30px 30px;\n}\n\n.smpn2-hero::before {\n    content: \"\";\n    position: absolute;\n    width: 260px;\n    height: 260px;\n    border: 2px solid rgba(255,255,255,.12);\n    border-radius: 50%;\n    top: -120px;\n    right: -70px;\n}\n\n.smpn2-hero::after {\n    content: \"\";\n    position: absolute;\n    width: 180px;\n    height: 180px;\n    border: 2px solid rgba(255,255,255,.1);\n    border-radius: 50%;\n    bottom: -100px;\n    left: -60px;\n}\n\n.smpn2-hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 900px;\n    margin: auto;\n}\n\n.smpn2-hero-badge {\n    display: inline-block;\n    padding: 7px 18px;\n    margin-bottom: 18px;\n    border-radius: 50px;\n    background: rgba(255,255,255,.15);\n    border: 1px solid rgba(255,255,255,.25);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n}\n\n.smpn2-hero h1 {\n    margin: 0 0 15px;\n    color: #fff !important;\n    font-size: clamp(32px, 5vw, 55px);\n    line-height: 1.15;\n    font-weight: 800;\n}\n\n.smpn2-hero p {\n    max-width: 720px;\n    margin: 0 auto;\n    color: rgba(255,255,255,.9);\n    font-size: 17px;\n}\n\n\/* ===============================\n   CONTAINER\n   =============================== *\/\n.smpn2-container {\n    width: min(1180px, calc(100% - 35px));\n    margin: auto;\n}\n\n.smpn2-section {\n    padding: 65px 0;\n}\n\n.smpn2-section-header {\n    margin-bottom: 35px;\n    text-align: center;\n}\n\n.smpn2-section-label {\n    display: inline-block;\n    margin-bottom: 8px;\n    color: var(--primary);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n}\n\n.smpn2-section-header h2 {\n    margin: 0 0 10px;\n    color: var(--dark);\n    font-size: clamp(26px, 4vw, 38px);\n    line-height: 1.2;\n}\n\n.smpn2-section-header p {\n    max-width: 700px;\n    margin: auto;\n    color: var(--muted);\n}\n\n\/* ===============================\n   SERVICE GRID\n   =============================== *\/\n.smpn2-service-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n}\n\n.smpn2-service-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    padding: 28px;\n    background: var(--white);\n    border: 1px solid var(--border);\n    border-radius: 20px;\n    box-shadow: 0 8px 30px rgba(20,40,80,.06);\n    transition: all .25s ease;\n    overflow: hidden;\n}\n\n.smpn2-service-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: var(--primary);\n}\n\n.smpn2-service-card:hover {\n    transform: translateY(-7px);\n    box-shadow: 0 18px 40px rgba(20,40,80,.12);\n}\n\n.smpn2-service-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 58px;\n    height: 58px;\n    margin-bottom: 20px;\n    border-radius: 16px;\n    background: #e9f2ff;\n    color: var(--primary);\n    font-size: 25px;\n    font-weight: 800;\n}\n\n.smpn2-service-card h3 {\n    margin: 0 0 10px;\n    color: var(--dark);\n    font-size: 21px;\n    line-height: 1.35;\n}\n\n.smpn2-service-card p {\n    flex: 1;\n    margin: 0 0 22px;\n    color: var(--muted);\n    font-size: 15px;\n}\n\n.smpn2-service-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    min-height: 45px;\n    padding: 10px 18px;\n    border-radius: 10px;\n    background: var(--primary);\n    color: #fff !important;\n    font-size: 14px;\n    font-weight: 700;\n    text-decoration: none !important;\n    transition: all .2s ease;\n}\n\n.smpn2-service-btn:hover {\n    background: var(--primary-dark);\n    color: #fff !important;\n    transform: translateX(2px);\n}\n\n\/* ===============================\n   CARD COLORS\n   =============================== *\/\n.smpn2-card-lapor::before {\n    background: var(--red);\n}\n\n.smpn2-card-lapor .smpn2-service-icon {\n    background: #fff0f1;\n    color: var(--red);\n}\n\n.smpn2-card-survey::before {\n    background: var(--green);\n}\n\n.smpn2-card-survey .smpn2-service-icon {\n    background: #eaf8f1;\n    color: var(--green);\n}\n\n.smpn2-card-simpeg::before {\n    background: var(--purple);\n}\n\n.smpn2-card-simpeg .smpn2-service-icon {\n    background: #f1ebfa;\n    color: var(--purple);\n}\n\n.smpn2-card-sippn::before {\n    background: var(--accent);\n}\n\n.smpn2-card-sippn .smpn2-service-icon {\n    background: #fff5e5;\n    color: #d98200;\n}\n\n.smpn2-card-aduan::before {\n    background: #087990;\n}\n\n.smpn2-card-aduan .smpn2-service-icon {\n    background: #e8f8fb;\n    color: #087990;\n}\n\n\/* ===============================\n   HIGHLIGHT ADUAN\n   =============================== *\/\n.smpn2-aduan-highlight {\n    margin-top: 25px;\n    padding: 40px;\n    color: #fff;\n    border-radius: 24px;\n    background:\n        radial-gradient(circle at 90% 10%, rgba(255,255,255,.12), transparent 25%),\n        linear-gradient(135deg, #084298, #087990);\n}\n\n.smpn2-aduan-highlight h2 {\n    margin: 0 0 10px;\n    color: #fff !important;\n    font-size: 29px;\n}\n\n.smpn2-aduan-highlight p {\n    max-width: 850px;\n    margin: 0 0 25px;\n    color: rgba(255,255,255,.9);\n}\n\n.smpn2-btn-white {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 22px;\n    border-radius: 10px;\n    background: #fff;\n    color: var(--primary-dark) !important;\n    font-weight: 800;\n    text-decoration: none !important;\n}\n\n.smpn2-btn-white:hover {\n    background: #f1f5f9;\n}\n\n\/* ===============================\n   FAQ\n   =============================== *\/\n.smpn2-faq-wrapper {\n    max-width: 950px;\n    margin: auto;\n}\n\n.smpn2-faq-item {\n    margin-bottom: 14px;\n    background: #fff;\n    border: 1px solid var(--border);\n    border-radius: 15px;\n    overflow: hidden;\n    box-shadow: 0 5px 20px rgba(20,40,80,.04);\n}\n\n.smpn2-faq-item summary {\n    position: relative;\n    padding: 20px 55px 20px 22px;\n    color: var(--dark);\n    font-size: 16px;\n    font-weight: 700;\n    cursor: pointer;\n    list-style: none;\n}\n\n.smpn2-faq-item summary::-webkit-details-marker {\n    display: none;\n}\n\n.smpn2-faq-item summary::after {\n    content: \"+\";\n    position: absolute;\n    right: 22px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--primary);\n    font-size: 25px;\n    font-weight: 400;\n}\n\n.smpn2-faq-item[open] summary::after {\n    content: \"\u2212\";\n}\n\n.smpn2-faq-answer {\n    padding: 0 22px 22px;\n    color: var(--muted);\n    border-top: 1px solid var(--border);\n}\n\n.smpn2-faq-category {\n    margin-top: 35px;\n    margin-bottom: 12px;\n    color: var(--primary);\n    font-size: 18px;\n    font-weight: 800;\n}\n\n\/* ===============================\n   FOOTER CTA\n   =============================== *\/\n.smpn2-bottom-cta {\n    padding: 55px 25px;\n    text-align: center;\n    background: #eef5ff;\n    border-radius: 25px;\n}\n\n.smpn2-bottom-cta h2 {\n    margin: 0 0 10px;\n    color: var(--dark);\n}\n\n.smpn2-bottom-cta p {\n    max-width: 700px;\n    margin: 0 auto 20px;\n    color: var(--muted);\n}\n\n\/* ===============================\n   RESPONSIVE\n   =============================== *\/\n@media (max-width: 950px) {\n    .smpn2-service-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 650px) {\n    .smpn2-hero {\n        padding: 50px 20px;\n        border-radius: 0 0 22px 22px;\n    }\n\n    .smpn2-hero p {\n        font-size: 15px;\n    }\n\n    .smpn2-section {\n        padding: 45px 0;\n    }\n\n    .smpn2-service-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .smpn2-service-card {\n        padding: 23px;\n    }\n\n    .smpn2-aduan-highlight {\n        padding: 28px 22px;\n    }\n\n    .smpn2-aduan-highlight h2 {\n        font-size: 24px;\n    }\n\n    .smpn2-faq-item summary {\n        font-size: 15px;\n    }\n}\n<\/style>\n\n\n<div class=\"smpn2-public-service\">\n\n    <!-- ===============================\n         HERO\n         =============================== -->\n    <section class=\"smpn2-hero\">\n        <div class=\"smpn2-hero-content\">\n\n            <div class=\"smpn2-hero-badge\">\n                SMPN 2 NGEMPLAK\n            <\/div>\n\n            <h1>Pelayanan Publik<\/h1>\n\n            <p>\n                Akses berbagai layanan publik, pengaduan, survei,\n                informasi administrasi, serta pusat bantuan\n                SMPN 2 NGEMPLAK secara mudah dan cepat.\n            <\/p>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- ===============================\n         LAYANAN PUBLIK\n         =============================== -->\n    <section class=\"smpn2-section\">\n\n        <div class=\"smpn2-container\">\n\n            <div class=\"smpn2-section-header\">\n\n                <div class=\"smpn2-section-label\">\n                    Layanan Online\n                <\/div>\n\n                <h2>\n                    Pelayanan Publik\n                <\/h2>\n\n                <p>\n                    Gunakan layanan berikut untuk menyampaikan aspirasi,\n                    memperoleh informasi, memberikan penilaian layanan,\n                    dan mengakses sistem administrasi.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"smpn2-service-grid\">\n\n                <!-- SP4N LAPOR -->\n                <article class=\"smpn2-service-card smpn2-card-lapor\">\n\n                    <div class=\"smpn2-service-icon\">\n                        LP\n                    <\/div>\n\n                    <h3>\n                        SP4N-LAPOR!\n                    <\/h3>\n\n                    <p>\n                        Layanan penyampaian semua aspirasi dan pengaduan\n                        rakyat secara online.\n                    <\/p>\n\n                    <a href=\"https:\/\/www.lapor.go.id\/\" class=\"smpn2-service-btn\" target=\"_blank\" rel=\"noopener\">\n                        Kunjungi Website \u2192\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- SURVEY -->\n                <article class=\"smpn2-service-card smpn2-card-survey\">\n\n                    <div class=\"smpn2-service-icon\">\n                        SKM\n                    <\/div>\n\n                    <h3>\n                        Survey Kepuasan Masyarakat\n                    <\/h3>\n\n                    <p>\n                        Layanan untuk mengetahui tingkat kepuasan masyarakat\n                        terhadap layanan di SMPN 2 NGEMPLAK.\n                    <\/p>\n\n                    <a href=\"https:\/\/smpn2ngemplak.sch.id\/?page_id=1391\" class=\"smpn2-service-btn\" target=\"_blank\" rel=\"noopener\">\n                        Isi Survey \u2192\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- SIMPEG -->\n                <article class=\"smpn2-service-card smpn2-card-simpeg\">\n\n                    <div class=\"smpn2-service-icon\">\n                        SP\n                    <\/div>\n\n                    <h3>\n                        SIMPEG\n                    <\/h3>\n\n                    <p>\n                        Sistem Aplikasi Terintegrasi, Single Sign On,\n                        Pemkab Sleman.\n                    <\/p>\n\n                    <a href=\"https:\/\/sso.slemankab.go.id\/\" class=\"smpn2-service-btn\" target=\"_blank\" rel=\"noopener\">\n                        Akses SIMPEG \u2192\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- SIPPN -->\n                <article class=\"smpn2-service-card smpn2-card-sippn\">\n\n                    <div class=\"smpn2-service-icon\">\n                        SI\n                    <\/div>\n\n                    <h3>\n                        Pemprov D.I. Yogyakarta\n                    <\/h3>\n\n                    <p>\n                        Sistem Informasi Pelayanan Publik Nasional (SIPPN)\n                        yang dikelola oleh Kementerian Pendayagunaan Aparatur\n                        Negara dan Reformasi Birokrasi (KemenPAN-RB).\n                    <\/p>\n\n                    <a href=\"https:\/\/sippn.menpan.go.id\/profil-instansi\/pemerintahan-daerah\/pemerintah-provinsi-di-yogyakarta-3400000000\" class=\"smpn2-service-btn\" target=\"_blank\" rel=\"noopener\">\n                        Lihat Profil \u2192\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- ADUAN -->\n                <article class=\"smpn2-service-card smpn2-card-aduan\">\n\n                    <div class=\"smpn2-service-icon\">\n                        AD\n                    <\/div>\n\n                    <h3>\n                        Saran dan Layanan Aduan\n                    <\/h3>\n\n                    <p>\n                        Bagi peserta didik, orang tua\/wali murid, guru,\n                        tenaga kependidikan, dan masyarakat umum untuk\n                        menyampaikan aspirasi, kritik yang membangun,\n                        masukan, maupun pengaduan terkait layanan\n                        pendidikan dan administrasi sekolah.\n                    <\/p>\n\n                    <a href=\"https:\/\/smpn2ngemplak.sch.id\/?page_id=1394\" class=\"smpn2-service-btn\" target=\"_blank\" rel=\"noopener\">\n                        Isi Form Aduan \u2192\n                    <\/a>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- ===============================\n         FAQ\n         =============================== -->\n    <section class=\"smpn2-section\">\n\n        <div class=\"smpn2-container\">\n\n            <div class=\"smpn2-section-header\">\n\n                <div class=\"smpn2-section-label\">\n                    Pusat Bantuan\n                <\/div>\n\n                <h2>\n                    FAQ\n                <\/h2>\n\n                <p>\n                    Temukan jawaban atas pertanyaan yang sering diajukan\n                    mengenai layanan SMPN 2 NGEMPLAK.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"smpn2-faq-wrapper\">\n\n                <!-- PPDB -->\n                <div class=\"smpn2-faq-category\">\n                    Pendaftaran &amp; PPDB\n                <\/div>\n\n                <details class=\"smpn2-faq-item\">\n                    <summary>\n                        Jalur apa saja yang dibuka pada PPDB SMPN 2 NGEMPLAK?\n                    <\/summary>\n\n                    <div class=\"smpn2-faq-answer\">\n                        <p>\n                            Jalur Zonasi, Jalur Prestasi\n                            (akademik\/non-akademik), Jalur Afirmasi\n                            (keluarga kurang mampu\/inklusi), dan Jalur\n                            Perpindahan Tugas Orang Tua\/Wali.\n                        <\/p>\n                    <\/div>\n                <\/details>\n\n\n                <!-- KURIKULUM -->\n                <div class=\"smpn2-faq-category\">\n                    Kurikulum &amp; Pembelajaran\n                <\/div>\n\n                <details class=\"smpn2-faq-item\">\n                    <summary>\n                        Kurikulum apa yang diterapkan di SMPN 2 NGEMPLAK?\n                    <\/summary>\n\n                    <div class=\"smpn2-faq-answer\">\n                        <p>\n                            Menerapkan Kurikulum Merdeka yang berfokus pada\n                            pengembangan karakter, literasi, numerasi,\n                            dan penguatan Profil Pelajar Pancasila.\n                        <\/p>\n                    <\/div>\n                <\/details>\n\n\n                <!-- FASILITAS -->\n                <div class=\"smpn2-faq-category\">\n                    Fasilitas &amp; Lingkungan\n                <\/div>\n\n                <details class=\"smpn2-faq-item\">\n                    <summary>\n                        Apa saja fasilitas unggulan yang ada di SMPN 2 NGEMPLAK?\n                    <\/summary>\n\n                    <div class=\"smpn2-faq-answer\">\n                        <p>\n                            Ruang kelas representatif, Lab IPA, Lab Komputer,\n                            Perpustakaan, Lapangan Olahraga, Musala, UKS,\n                            Ruang BK, dan Kantin Sehat.\n                        <\/p>\n                    <\/div>\n                <\/details>\n\n\n                <!-- EKSTRAKURIKULER -->\n                <div class=\"smpn2-faq-category\">\n                    Ekstrakurikuler\n                <\/div>\n\n                <details class=\"smpn2-faq-item\">\n                    <summary>\n                        Ekstrakurikuler apa saja yang tersedia?\n                    <\/summary>\n\n                    <div class=\"smpn2-faq-answer\">\n                        <p>\n                            Pramuka, PMR, Paskibra, basket, voli, futsal,\n                            paduan suara, tari tradisional, tahfiz Al-Qur&#8217;an,\n                            dan bimbingan OSN.\n                        <\/p>\n                    <\/div>\n                <\/details>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- ===============================\n         CTA\n         =============================== -->\n    <section class=\"smpn2-section\">\n\n        <div class=\"smpn2-container\">\n\n            <div class=\"smpn2-bottom-cta\">\n\n                <h2>\n                    Butuh Bantuan?\n                <\/h2>\n\n                <p>\n                    Jika Anda memiliki pertanyaan, saran, masukan,\n                    atau pengaduan mengenai layanan SMPN 2 NGEMPLAK,\n                    silakan gunakan layanan aduan yang tersedia.\n                <\/p>\n\n                <a href=\"#\" class=\"smpn2-service-btn\" target=\"_blank\" rel=\"noopener\">\n                    Sampaikan Aduan \u2192\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>SMPN 2 NGEMPLAK Pelayanan Publik Akses berbagai layanan publik, pengaduan, survei, informasi administrasi, serta pusat bantuan SMPN 2 NGEMPLAK secara mudah dan cepat. Layanan Online Pelayanan Publik Gunakan layanan berikut untuk menyampaikan aspirasi, memperoleh informasi, memberikan penilaian layanan, dan mengakses sistem administrasi. LP SP4N-LAPOR! Layanan penyampaian semua aspirasi dan pengaduan rakyat secara online. Kunjungi Website [&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-1387","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/smpn2ngemplak.sch.id\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"SMPN 2 NGEMPLAK Pelayanan Publik Akses berbagai layanan publik, pengaduan, survei, informasi administrasi, serta pusat bantuan SMPN 2 NGEMPLAK secara mudah dan cepat. Layanan Online Pelayanan Publik Gunakan layanan berikut untuk menyampaikan aspirasi, memperoleh informasi, memberikan penilaian layanan, dan mengakses sistem administrasi. LP SP4N-LAPOR! Layanan penyampaian semua aspirasi dan pengaduan rakyat secara online. Kunjungi Website&hellip;","_links":{"self":[{"href":"https:\/\/smpn2ngemplak.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smpn2ngemplak.sch.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smpn2ngemplak.sch.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smpn2ngemplak.sch.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smpn2ngemplak.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1387"}],"version-history":[{"count":4,"href":"https:\/\/smpn2ngemplak.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1387\/revisions"}],"predecessor-version":[{"id":1405,"href":"https:\/\/smpn2ngemplak.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1387\/revisions\/1405"}],"wp:attachment":[{"href":"https:\/\/smpn2ngemplak.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}