EK

EduKarsa

v1.0 Native
Enterprise-Grade Educational Theme Architecture

Dokumentasi Arsitektur & Portal Eksplorasi EduKarsa

EduKarsa didesain khusus untuk portal resmi sekolah, madrasah, pesantren, dan perguruan tinggi dengan filosofi 100% Native & Zero Plugin. Aplikasi dokumentasi interaktif ini memungkinkan Anda mengeksplorasi metrik kinerja, struktur modular file, aturan dimensi media, fitur keamanan native, hingga mensimulasikan tata letak beranda secara langsung.

🌐 Live Demo Situs 📦 Portal Aplikasi ☕ Dukung Pengembang
0 Plugin
Dependensi Pihak Ke-3

Bebas Elementor, ACF, atau plugin galeri. Lebih hemat lisensi & aman.

< 300 ms
Waktu Muat Rata-Rata

Eksekusi kode native tanpa overhead query plugin tambahan.

WCAG 2.1
Standar Aksesibilitas

Pustaka ramah disabilitas dengan pembaca suara & mode kontras tinggi.

5 Bahasa
Frontend Multilingual

Dukungan bawaan Bahasa Indonesia, English, Arabic, Chinese, & Japanese.

Komparasi Performa Native vs Plugin Heavy

Metrik komparatifEduKarsa dibandingkan tema sekolah berbasis 15+ plugin.

Chart.js Live

Grafik ini menggambarkan efisiensi sumber daya sistem. EduKarsa secara signifikan memangkas waktu muat (*load time*), kueri database, serta beban payload halaman web sekolah Anda.

💡 Sumber: Hasil pengujian lingkungan WordPress 6.x standar

Distribusi Modul Kode (`inc/` Architecture)

Persentase porsi tanggung jawab fungsi pada arsitektur terisolasi EduKarsa.

Donut View

Tampilan lingkaran ini menunjukkan pemisahan tugas (*separation of concerns*) di mana berkas `functions.php` hanya bertindak sebagai pemuat, sementara logika bisnis diisolasi dalam direktori `inc/`.

🧩 Arsitektur terisolasi memudahkan pemeliharaan tanpa efek samping
7 Pilar Inti Arsitektur & Keamanan

Struktur Andal, Aman, & Ramah Aksesibilitas

EduKarsa dibangun dengan standar keamanan enterprise dan prinsip aksesibilitas publik (WCAG 2.1). Pilih salah satu pilar di bawah ini untuk melihat detail teknis, proteksi native, serta cara kerjanya.

Daftar Pilar Arsitektur

Simulasi Toolbar Aksesibilitas

Uji Coba Toolbar Aksesibilitas WCAG 2.1 Native

Web Speech API & CSS Scaler Integration

Di situs EduKarsa, pengguna disabilitas visual dapat mengaktifkan toolbar melayang bawaan tanpa memerlukan plugin tambahan. Silakan coba fitur pengujian interaktif di bawah ini:

Ukuran Teks: 100%
Teks Pengujian Aksesibilitas:

"Selamat datang di Portal Resmi EduKarsa. Tema ini dirancang agar dapat diakses secara inklusif oleh seluruh lapisan masyarakat, termasuk penyandang disabilitas penglihatan melalui teknologi pembaca layar bawaan."

Rekomendasi Dimensi Aset Media

Panduan Proporsi & Kalkulator Visual Aset

Untuk memastikan tampilan web sekolah tajam, tidak terpotong secara tidak profesional, serta cepat saat diunggah, ikuti panduan dimensi dan rasio gambar bawaan EduKarsa berikut.

Pilih Jenis Aset Media

Batas Maksimal Ukuran Berkas Rekomendasi (KB)

Format Ideal: WebP / JPG

Visualisator Rasio Canvas

16:9

Kanvas interaktif di bawah menggambarkan orientasi dan perbandingan proporsi gambar aktual dibandingkan ruang tampilan layout.

Format Direkomendasikan: WebP / JPG
Target Kompresi: < 300 KB
Arsitektur Berkas & Peta Kode

Eksplorasi Direktori Terisolasi `inc/`

EduKarsa menerapkan pola modul terpisah. Berkas `functions.php` bersih dan hanya berfungsi sebagai pemuat (*loader*). Pilih file di bawah untuk mempelajari fungsi, hook WordPress yang digunakan, serta tanggung jawab kodenya.

17 Berkas Terdaftar
edukarsa/ (Struktur Tema)
Simulator Builder Tata Letak Native

Uji Coba Pengaturan Urutan Seksi Beranda

EduKarsa memiliki UI builder bawaan di menu EduKarsa > 🏗️ Tata Letak menggunakan pustaka bawaan WordPress (`jQuery UI Sortable`). Ubah urutan atau aktifkan/nonaktifkan seksi di bawah ini untuk melihat pratinjau struktur wireframe beranda secara langsung.

Urutan Seksi Beranda

Gunakan tombol ⬆️ Naik, ⬇️ Turun, atau centang untuk menyembunyikan seksi.

Pratinjau Wireframe Live

Struktur Beranda Aktif (`front-page.php`)

💡 Pengaturan ini disimpan langsung di `wp_options` via WordPress Settings API.
Petunjuk Penggunaan & Workflow

Checklist Peluncuran Tema EduKarsa

Ikuti 4 langkah taktis berikut untuk mengonfigurasi situs web sekolah Anda dari nol hingga siap dipublikasikan. Centang setiap tugas yang selesai untuk memantau progres peluncuran.

Progres Kesiapan Situs Web Sekolah: 0% Selesai
1

Pengaturan Identitas & Kontak

Masuk ke menu EduKarsa > ⚙️ Pengaturan Utama di Dasbor WordPress Anda.

  • Unggah Logo Header (PNG Transparan / WebP, tinggi 110px).
  • Isi profil sekolah, alamat lengkap, nomor telepon, & email resmi.
  • Tautkan URL media sosial resmi (Facebook, Instagram, YouTube).
2

Menyusun Tata Letak Beranda

Atur struktur tampilan utama agar sesuai dengan kebutuhan informasi calon siswa & wali murid.

  • Buka EduKarsa > 🏗️ Tata Letak.
  • Geser (*drag and drop*) urutan seksi hero, statistik, program, & berita.
  • Simpan susunan urutan tata letak.
3

Membuat Halaman Galeri & Fasilitas

Tampilkan dokumentasi laboratorium, ruang kelas, perpustakaan, dan kegiatan kampus.

  • Tambahkan foto di EduKarsa > 📸 Galeri Fasilitas.
  • Buat Laman baru (**Laman > Tambah Baru**).
  • Pilih atribut template Galeri & Fasilitas, lalu terbitkan.
4

Pengumuman & Pop-up Flyer PPDB

Aktifkan dialog pop-up promosi pendaftaran penerimaan siswa baru secara otomatis.

  • Buka panel 🪟 8. Pop-up Flyer & Pengumuman.
  • Aktifkan sakelar dan unggah flyer poster (min 800x800 px).
  • Masukkan tautan tujuan pendaftaran online (PPDB), lalu simpan.