e-Rapor PAUD

Sistem Informasi Akademik PAUD — Dokumentasi Lengkap

Versi 1.0.0 Yayasan Al-Hikmah Ciptamargi 2026

Bab 1 Informasi Sistem

e-Rapor PAUD adalah sistem informasi akademik berbasis web yang dirancang khusus untuk satuan PAUD (Taman Kanak-Kanak, Kelompok Bermain, Taman Penitipan Anak) dalam mengelola data perkembangan anak, input capaian pembelajaran, dan mencetak rapor serta dokumen kelulusan.

Fitur Utama

  • Manajemen Sekolah — Profil, logo, alamat, NPSN, akreditasi
  • Manajemen Guru & Siswa — Data lengkap, import/export CSV
  • Rombongan Belajar — Pembagian kelas dengan wali kelas
  • Input Nilai Raport — Predikat (BB/MB/BSH/BSB) + deskripsi narasi
  • Cetak Dokumen — Rapor (narrative format), SKTB, Ijazah, Profil
  • Template Cetak — 3 tema (Formal, Casual, Ceria), 2 mode kop surat
  • Manajemen Kelulusan — Alur kelulusan siswa

Teknologi

KomponenTeknologi
BackendNode.js (HTTP Server murni, tanpa framework)
DatabasePostgreSQL (lokal) + Supabase (cloud sync)
FrontendTailwind CSS, Lucide Icons, Vanilla JS
PDF EnginePDFKit (client-side via CDN)
Rutime PortableNode.js v25.2.1 + PostgreSQL bundle
PackagingInno Setup (Installer Windows)
ℹ Catatan Aplikasi berjalan sepenuhnya di sisi klien untuk rendering PDF. Server hanya bertugas melayani file statis dan API database.

Struktur Aplikasi

Setelah instalasi, struktur folder utama:

e-Rapor PAUD/ ├── server.js # Server utama (API + static) ├── index.html # Antarmuka SPA ├── run.bat # Jalankan server ├── stop.bat # Hentikan server ├── setup.bat # Setup awal (npm install) ├── js/ # Kode frontend ├── css/ # Stylesheet ├── assets/ # Logo, favicon, uploads ├── node/ # Node.js runtime portable ├── pgsql/ # PostgreSQL bundle ├── docs/ # Dokumentasi ini

Bab 2 Persyaratan Sistem

Tersedia dalam dua distribusi: dist_windows untuk instalasi mandiri di PC Windows, dan dist_hosting untuk deployment di server web publik.

Komponen Windows PC Hosting Web
Sistem OperasiWindows 7/8/10/11 (64-bit)Linux (Apache/Nginx)
RAM4 GB (minimal)1 GB
Penyimpanan500 MB (termasuk runtime)100 MB (tanpa runtime)
Node.js✓ Bundled (portable)✓ Node.js 18+
Database✓ PostgreSQL bunded✓ Supabase cloud
BrowserChrome / Firefox / EdgeChrome / Firefox / Edge
Port3000 (harus tersedia)80 / 443 (standar web)
Koneksi InternetTidak wajib (offline)Wajib (server online)
Akses RemoteLokal (localhost)Publik (domain)
💡 Tip Untuk penggunaan di satu komputer (tidak perlu diakses dari perangkat lain), pilih versi dist_windows. Untuk akses dari banyak pengguna via internet, pilih dist_hosting.

Bab 3 Instalasi Windows dist_windows

Panduan langkah demi langkah untuk menjalankan e-Rapor PAUD di PC Windows menggunakan installer mandiri.

3.1. Unduh & Jalankan Installer

  1. Unduh file installer
    Dapatkan file Setup_eRapor_PAUD_v1.0.0.exe dari penyedia aplikasi atau dari halaman selamat datang aplikasi (jika sudah berjalan).
  2. Jalankan installer
    Klik dua kali file .exe. Jika muncul peringatan SmartScreen Windows, klik "Tetap jalankan" karena aplikasi ini menggunakan sertifikat tanda tangan yang aman.
  3. Ikuti wizard
    Klik Next → Install → Finish. Installer akan menyalin semua file ke C:\Program Files\e-Rapor PAUD dan membuat shortcut di Start Menu & Desktop.
  4. Service terinstall otomatis
    Setelah instalasi, sebuah jendela Command Prompt akan muncul sebentar untuk menginstall latar belakan service aplikasi.
💻 Tampilan Installer Inno Setup [Screenshot: wizard instalasi dengan tombol Next/Install]
Gambar 3.1 — Wizard instalasi e-Rapor PAUD untuk Windows

3.2. Menjalankan Aplikasi

  1. Buka shortcut
    Klik shortcut "e-Rapor PAUD (Mulai)" di Start Menu atau Desktop.
  2. Tunggu proses startup
    Jendela Command Prompt akan menampilkan log:
    [1/3] Memulai PostgreSQL... [2/3] Menginstall dependensi... [3/3] Menjalankan server e-RAPOR...
  3. Buka browser
    Akses http://localhost:3000. Halaman selamat datang akan muncul.
🌐 Tampilan Browser setelah Server Berjalan [Screenshot: browser menampilkan http://localhost:3000]
Gambar 3.2 — Aplikasi siap digunakan setelah server berjalan

3.3. Menghentikan Aplikasi

  • Jalankan stop.bat dari folder instalasi, atau
  • Tekan Ctrl+C di jendela Command Prompt yang sedang berjalan.

3.4. Install Sebagai Windows Service (Otomatis)

Jika ingin aplikasi berjalan otomatis saat komputer menyala (tanpa perlu klik shortcut setiap kali), instal service menggunakan NSSM yang sudah tersedia:

  1. Buka folder instalasi, klik kanan install-service.batJalankan sebagai Administrator.
  2. Service bernama "e-Rapor PAUD Server" akan terdaftar di Windows Services dan berjalan otomatis setiap startup.
  3. Untuk menghapus service, jalankan remove-service.bat sebagai Administrator.
ℹ Catatan Fitur NSSM hanya tersedia jika folder node\nssm-2.24\ ada di dalam paket instalasi.

Bab 4 Deployment Hosting dist_hosting

Panduan untuk menjalankan e-Rapor PAUD di server hosting publik (web server) agar dapat diakses oleh banyak pengguna dari berbagai perangkat.

4.1. Persiapan File

  1. Ekstrak folder dist_hosting
    Dapatkan folder dist_hosting/ dari paket distribusi. Folder ini berisi file yang sudah dioptimalkan untuk hosting.
  2. Upload ke server
    Gunakan FTP / cPanel File Manager untuk mengupload seluruh isi folder ke direktori web server (biasanya public_html/ atau www/).
  3. Pastikan mod_rewrite aktif
    File .htaccess sudah disertakan. Pastikan server Apache Anda memiliki modul mod_rewrite dan mod_headers aktif.
📁 Upload file ke hosting via FTP / cPanel [Screenshot: File Manager hosting dengan folder dist_hosting terupload]
Gambar 4.1 — File aplikasi diupload ke direktori web server

4.2. Konfigurasi Database (Supabase)

  1. Buat akun Supabase
    Daftar di supabase.com (tersedia tier gratis).
  2. Buat project baru
    Beri nama project (misal: erapor-paud) dan catat Project URL serta anon public key.
  3. Jalankan schema SQL
    Buka halaman SQL Editor di dashboard Supabase, copy isi file supabase/schema.sql lalu jalankan.
  4. Konfigurasi di aplikasi
    Edit file js/config.js pada baris:
    SUPABASE_URL: 'https://[project-id].supabase.co', SUPABASE_KEY: 'eyJhbGciOiJIUzI1NiIs...'
    Ganti dengan URL dan key dari project Anda.

4.3. Akses Aplikasi

Buka domain Anda (misal: https://erapor-paud.sch.id). Halaman selamat datang akan muncul. Anda dapat langsung melakukan registrasi sekolah dan memulai.

💡 Tip Pastikan Anda sudah mengatur DNS domain menunjuk ke server hosting tempat file diupload. Propagasi DNS bisa memakan waktu 1–24 jam.

Bab 5 Registrasi & Login

5.1. Halaman Selamat Datang

Saat pertama kali membuka aplikasi, Anda akan melihat halaman selamat datang dengan tiga opsi:

  • Masuk — Login untuk admin/guru yang sudah terdaftar
  • Daftar Sekolah — Registrasi sekolah baru
  • Lupa Password — Reset password jika lupa
👋 Halaman Selamat Datang / Welcome Screen [Screenshot: tampilan awal aplikasi dengan form login dan tombol daftar]
Gambar 5.1 — Tampilan awal e-Rapor PAUD

5.2. Daftar Sekolah Baru

  1. Klik tab "Daftar Sekolah" di halaman selamat datang.
  2. Isi form pendaftaran dengan data:
    • Nama Sekolah (lengkap)
    • NPSN (Nomor Pokok Sekolah Nasional)
    • Alamat, Desa/Kelurahan, Kecamatan, Kota/Kabupaten
    • Provinsi
    • Nama Admin (penanggung jawab aplikasi)
    • Email Admin (untuk login & notifikasi)
    • Password (minimal 6 karakter)
  3. Klik "Kirim Pendaftaran". Data sekolah dan akun admin akan dibuat otomatis.
  4. Login otomatis — Setelah berhasil mendaftar, Anda akan langsung masuk ke dashboard.
📝 Form Pendaftaran Sekolah [Screenshot: form registrasi terisi data sekolah]
Gambar 5.2 — Form registrasi sekolah baru

5.3. Login

  1. Masukkan Email (email admin yang didaftarkan) dan Password.
  2. Pilih Kurikulum, Tahun Ajaran, dan Semester yang aktif.
  3. Klik "Masuk". Dashboard utama akan tampil.
📊 Dashboard Utama [Screenshot: halaman dashboard setelah login]
Gambar 5.3 — Dashboard setelah berhasil login

5.4. Menu Navigasi

Setelah login, sidebar kiri menampilkan menu berikut:

MenuFungsi
DashboardRingkasan data sekolah, statistik siswa & guru
SekolahEdit profil sekolah, logo, akreditasi, kepala sekolah
SiswaData siswa, tambah/import/export CSV
GuruData guru, tambah/import/export CSV
RombelKelola rombongan belajar, wali kelas, anggota
Input RaportInput nilai capaian pembelajaran
KelulusanManajemen siswa lulus/tidak lulus
CetakCetak rapor, SKTB, Ijazah, dan dokumen lainnya
PengaturanPengaturan aplikasi, template cetak, user, kurikulum

Bab 6 Input Data Master

Sebelum dapat mencetak rapor, semua data master harus diisi terlebih dahulu. Berikut urutan pengisian data yang disarankan.

6.1. Profil Sekolah

Buka menu Sekolah di sidebar. Isi:

  • NPSN, NSS, akreditasi, tahun berdiri
  • Alamat lengkap (jalan, desa, kecamatan, kota, provinsi)
  • Kepala Sekolah & NIP Kepala Sekolah
  • Logo sekolah (upload gambar persegi, akan tampil sebagai kop surat otomatis)
🏫 Halaman Profil Sekolah [Screenshot: form profil sekolah terisi lengkap]
Gambar 6.1 — Form data sekolah

6.2. Data Guru

Buka menu Guru. Anda dapat:

  • Tambah manual — Klik tombol "Tambah Guru", isi nama, NIP, jabatan, dll.
  • Import CSV — Siapkan file CSV dengan format yang sesuai, lalu upload.
  • Export CSV — Unduh data guru dalam format CSV untuk backup.

6.3. Data Siswa

Buka menu Siswa. Hal yang sama berlaku:

  • Tambahkan siswa satu per satu atau import CSV.
  • Setiap siswa dapat memiliki foto (upload pas foto).
  • Data penting: Nama, NISN, tempat/tanggal lahir, jenis kelamin, nama orang tua/wali.
🧑‍🏫 Halaman Data Siswa [Screenshot: tabel daftar siswa dengan tombol aksi]
Gambar 6.2 — Manajemen data siswa

6.4. Rombongan Belajar (Rombel)

Buka menu Rombel:

  1. Buat rombel baru — Tentukan nama kelas (misal: KB A, TK B1, dll).
  2. Tentukan wali kelas — Pilih guru yang menjadi wali kelas.
  3. Atur anggota — Pilih siswa mana saja yang masuk ke rombel ini.

6.5. Kurikulum & Aspek Penilaian

Buka Pengaturan → Kurikulum:

  • Atur mata pelajaran / aspek perkembangan yang dinilai (Nilai Agama dan Moral, Fisik Motorik, Kognitif, Bahasa, Sosial-Emosional, Seni).
  • Tentukan apakah setiap aspek menggunakan predikat (BB/MB/BSH/BSB) atau angka.
  • Aktifkan fitur deskripsi otomatis AI (jika diinginkan).
📖 Pengaturan Kurikulum [Screenshot: halaman kurikulum dengan daftar aspek penilaian]
Gambar 6.3 — Pengaturan kurikulum dan aspek penilaian

Bab 7 Input Nilai Raport

Setelah semua data master terisi, langkah selanjutnya adalah menginput capaian pembelajaran siswa.

7.1. Memilih Rombel & Aspek

  1. Buka menu Input Raport di sidebar.
  2. Pilih Rombel (kelas) yang akan diinput.
  3. Pilih Aspek Penilaian (misal: Nilai Agama dan Moral, Kognitif, dll.)
  4. Tentukan mode input: Per Siswa (fokus satu siswa untuk semua aspek) atau Per Aspek (input satu aspek untuk semua siswa).

7.2. Format Input

Setiap aspek penilaian memiliki dua komponen:

  • Predikat — Pilihan: BB (Belum Berkembang), MB (Mulai Berkembang), BSH (Berkembang Sesuai Harapan), BSB (Berkembang Sangat Baik).
  • Deskripsi — Narasi capaian pembelajaran (maksimal 500 karakter untuk kerapihan cetak).
✏️ Halaman Input Nilai Raport [Screenshot: tabel input nilai dengan predikat dan deskripsi]
Gambar 7.1 — Input capaian pembelajaran per aspek

7.3. Projek P5 / P7

Selain aspek intrakurikuler, Anda juga dapat menambahkan projek (P5/P7):

  • Projek memiliki tema, dimensi, dan deskripsi.
  • Setiap siswa dapat memiliki beberapa projek.
  • Projek akan tampil di halaman rapor pada bagian khusus.

7.4. Data Penunjang

Di halaman input nilai, Anda juga dapat mengisi data pendukung rapor:

  • Tinggi Badan (TB), Berat Badan (BB), Lingkar Kepala (LK) per semester.
  • Kehadiran — jumlah hari masuk, sakit, izin, tanpa keterangan.
  • Catatan G7KAIH — Gerakan 7 Kebiasaan Anak Indonesia Hebat (jika diterapkan di sekolah).
💡 Tip Data TB/BB/LK dan kehadiran biasanya diisi satu kali per semester. Simpan setelah melengkapi data untuk siswa tertentu.

Bab 8 Pengaturan Template Cetak

Fitur ini memungkinkan Anda mengatur tampilan dokumen cetak sesuai kebutuhan masing-masing sekolah.

8.1. Membuka Pengaturan Template

Buka Pengaturan → Template. Anda akan melihat daftar template yang sudah ada dan tombol untuk membuat template baru.

🎨 Halaman Pengaturan Template [Screenshot: daftar template dengan tabel dan tombol tambah]
Gambar 8.1 — Manajemen template cetak

8.2. Membuat Template Baru

  1. Klik "Buat Template" — Sebuah modal akan muncul.
  2. Isi nama template (misal: "Rapor TK B 2026")
  3. Pilih Gaya / Tema — Tersedia tiga tema:
    TemaCiri Khas
    FormalWarna hijau tua, font resmi, layout klasik, cocok untuk dokumen resmi
    CasualWarna hijau hangat, font modern, layout lebih santai
    CeriaWarna cerah dengan aksen oranye, font playful, cocok untuk PAUD
  4. Pilih mode Kop Surat — Dua opsi:
    • Otomatis — Kop surat akan digenerate otomatis dari logo, nama, dan alamat sekolah yang sudah diisi di profil.
    • Manual — Unggah gambar kop surat sendiri (format: PNG/JPG). Dilengkapi dengan alat crop untuk menyesuaikan ukuran cetak (2480×350 piksel).
  5. Simpan template — Template akan aktif dan bisa dipilih saat mencetak.
🖼️ Modal Template dengan Opsi Kop Surat & Tema [Screenshot: modal form template dengan radio button dan dropdown]
Gambar 8.2 — Form pembuatan template cetak
🎨 Alat Crop Kop Surat Manual [Screenshot: cropper untuk mengatur ukuran kop surat]
Gambar 8.3 — Crop gambar kop surat dengan ukuran presisi cetak

8.3. Mengatur Template Default

Setelah membuat template, Anda dapat menetapkan salah satu sebagai template default dengan mengklik tombol "Jadikan Default" di baris template yang diinginkan. Template default akan otomatis terpilih saat membuka halaman cetak.

8.4. Preview Sebelum Cetak

ℹ Catatan Perbedaan tema hanya akan terlihat saat mencetak/melihat preview PDF. Tidak ada preview di halaman pengaturan template.

Bab 9 Cetak Dokumen

Inti dari seluruh aplikasi. e-Rapor PAUD dapat mencetak berbagai jenis dokumen akademik dalam format PDF.

9.1. Halaman Cetak

Buka menu Cetak di sidebar. Halaman ini memiliki beberapa tab:

TabFungsi
RaporCetak rapor per siswa atau per rombel
SKTBSurat Keterangan Tamat Belajar (format narrative)
IjazahIjazah PAUD
UmumCover, Profil Sekolah, Profil Guru, Profil Siswa
🖨️ Halaman Cetak dengan Pemilih Template [Screenshot: halaman cetak dengan tab dan dropdown template]
Gambar 9.1 — Halaman utama cetak dokumen

9.2. Mencetak Rapor

  1. Pilih tab Rapor.
  2. Pilih Template dari dropdown (template default terpilih otomatis).
  3. Pilih Rombel (kelas) dan Siswa.
  4. Pilih jenis rapor:
    • Rapor per Siswa — Rapor lengkap satu siswa (semua aspek, TB/BB/LK, kehadiran, P5, G7KAIH, tanda tangan).
    • Rapor Full — Rapor lengkap plus cover, profil, dan dokumen pendukung dalam satu file PDF.
  5. Klik tombol "Cetak Rapor" atau "Cetak Full Rapor".
  6. PDF akan terbuka di tab baru. Tekan Ctrl+P untuk mencetak ke printer atau Save as PDF untuk menyimpan.
📄 Hasil Cetak Rapor Format Narrative [Screenshot: contoh halaman rapor PDF dengan predikat dan deskripsi]
Gambar 9.2 — Contoh rapor tercetak dengan gaya Formal
📄 Perbandingan Tema Cetak [Screenshot: 3 rapor dengan tema Formal, Casual, dan Ceria]
Gambar 9.3 — Tiga tema cetak: Formal, Casual, Ceria

9.3. Isi Rapor (Format Narrative)

Rapor menggunakan format narrative (deskriptif), bukan tabel angka. Formatnya meliputi:

  • Kop Surat — Logo, nama sekolah, alamat (otomatis dari profil atau upload manual)
  • Identitas Siswa — Nama, NISN, rombel, semester, foto
  • Aspek Intrakurikuler — Predikat + deskripsi narasi untuk setiap aspek
  • Muatan Lokal — Nilai muatan lokal (jika ada)
  • Projek P5 — Tema, dimensi, dan deskripsi projek
  • TB/BB/LK — Tinggi badan, berat badan, lingkar kepala
  • Kehadiran — Statistik kehadiran per semester
  • G7KAIH — Gerakan 7 Kebiasaan Anak Indonesia Hebat
  • Tanda Tangan — Orang tua/wali, wali kelas, kepala sekolah

9.4. Mencetak SKTB & Ijazah

Pilih tab SKTB atau Ijazah, pilih siswa, lalu klik cetak. Format dokumen:

  • SKTB — Surat Keterangan Tamat Belajar dengan narrative capaian, dilampiri kurikulum yang digunakan.
  • Ijazah — Ijazah PAUD dengan format standar Dikdasmen.

9.5. Dokumen Umum

DokumenDeskripsi
CoverHalaman sampul dokumen
Profil SekolahInformasi lengkap sekolah dengan logo
Profil GuruData guru per rombel (bisa pilih guru tertentu)
Profil SiswaData siswa per rombel
💡 Tip Jika popup PDF tidak muncul, periksa apakah browser memblokir popup. Izinkan popup dari situs aplikasi.

Bab 10 Pemecahan Masalah

10.1. Server Tidak Berjalan

GejalaPenyebabSolusi
Browser menampilkan "Halaman tidak dapat dijangkau" Server belum jalan atau port 3000 sudah digunakan Tutup aplikasi lain yang menggunakan port 3000, atau edit run.bat ganti set PORT=3000 ke port lain.
Jendela Command Prompt langsung tertutup Node.js tidak ditemukan atau error startup Jalankan setup.bat terlebih dahulu, lalu coba lagi.
Pesan "PostgreSQL gagal start" Port 5432 sudah dipakai atau data korup Hentikan PostgreSQL lain yang berjalan, hapus folder pgsql\data lalu jalankan setup.bat ulang.

10.2. PDF Tidak Muncul (Popup Terblokir)

⚠️ Popup Blocker Notification [Screenshot: notifikasi popup terblokir di browser]
Gambar 10.1 — Izinkan popup dari aplikasi e-Rapor PAUD

Cara mengizinkan popup:

  • Chrome: Klik ikon 🔒 di address bar → "Izinkan pop-up".
  • Firefox: Klik ikon ⚠ di address bar → "Izinkan pop-up".
  • Edge: Klik ikon 🔒 di address bar → "Izinkan".

10.3. Database Error

  • Mode lokal: Pastikan folder pgsql\data ada dan tidak korup. Jalankan setup.bat untuk inisialisasi ulang.
  • Mode Supabase: Periksa koneksi internet, pastikan URL dan key Supabase di js/config.js benar.
  • Buka Pengaturan → About → "Jalankan Pengecekan" untuk mendiagnosis status sistem.
🔍 Hasil Cek Sistem [Screenshot: hasil pengecekan sistem dengan status tiap komponen]
Gambar 10.2 — Tools pengecekan sistem di halaman About

10.4. Lupa Password

  1. Di halaman selamat datang, klik tab "Lupa Password".
  2. Masukkan NPSN dan Email admin yang terdaftar.
  3. Klik "Kirim". Jika data cocok, password akan direset dan dikirim ke email.
  4. Gunakan password baru untuk login. Segera ganti di menu Pengaturan setelah masuk.

10.5. CSV Import Gagal

  • Pastikan file CSV menggunakan delimiter koma (,) atau titik koma (;).
  • Kolom header harus sesuai dengan format yang diharapkan (lihat contoh dengan mengekspor data yang sudah ada).
  • Periksa apakah ada data duplikat (NISN/NIK yang sama).
  • File CSV maksimal 2 MB.

10.6. Cetak Tidak Sesuai

  • Kop surat tidak muncul: Pastikan template menggunakan mode yang benar. Untuk mode otomatis, periksa logo sekolah sudah diupload.
  • Tema tidak berubah: Pastikan template yang dipilih memiliki gaya (formal/casual/ceria) yang diinginkan.
  • Foto siswa tidak muncul: Pastikan foto sudah diupload di data siswa.
  • Deskripsi terpotong: Deskripsi dibatasi 500 karakter. Persingkat narasi.

Penutup

Terima kasih telah menggunakan e-Rapor PAUD — Sistem Informasi Akademik yang dirancang khusus untuk memudahkan satuan PAUD dalam mengelola data dan mencetak dokumen rapor yang informatif dan menarik.

Aplikasi ini dikembangkan oleh Yayasan Al-Hikmah Ciptamargi sebagai kontribusi untuk meningkatkan kualitas administrasi pendidikan anak usia dini di Indonesia.

Kontak & Dukungan

YayasanYayasan Al-Hikmah Ciptamargi
Aplikasie-Rapor PAUD v1.0.0
Websiteerapor-paud.sch.id
Emailsupport@erapor-paud.sch.id
ℹ Catatan Versi Dokumentasi ini diperuntukkan bagi e-Rapor PAUD versi 1.0.0. Untuk pembaruan dan informasi versi terbaru, silakan kunjungi situs resmi aplikasi.

Dokumentasi ini selesai disusun pada tahun 2026.
Hak cipta dilindungi undang-undang. © Yayasan Al-Hikmah Ciptamargi.