diff --git a/documentation.html b/documentation.html new file mode 100644 index 0000000..2586bc2 --- /dev/null +++ b/documentation.html @@ -0,0 +1,1292 @@ + + + + + + EduKarsa - Native WordPress Theme Documentation & Architecture Explorer + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+ 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. +
    • +
+
+
+
+ +
+ + + + + + + + \ No newline at end of file