Penyedia template

Contoh Template & Paket Unduhan

Unduh paket contoh (template sederhana & lengkap, panduan, instruksi AI agent) dan coba dari upload sampai Portal.

Cara tercepat membuat template OrgSpace adalah mulai dari contoh yang sudah lolos pengecekan.

⬇ Unduh paket contoh (ZIP)

contoh-modul-orgspace/
├── BACA-SAYA.md       ← mulai dari sini
├── AGENTS.md          ← instruksi untuk AI agent (Codex, Cursor, dll.)
├── CLAUDE.md          ← sama, untuk Claude Code
├── docs/
│   ├── 01-panduan-modul-dinamis.md   ← semua atribut data-ws-*
│   ├── 02-requirement-dan-aturan.md  ← batas ZIP, CDN, daftar kode pengecekan
│   ├── 03-menandai-bagian.md         ← langkah Tandai di app
│   └── 04-membuat-fitur-kustom.md    ← merancang fitur + resep JavaScript
├── contoh-template/   ← contoh sederhana 1 halaman, semua modul dasar
└── template-sinergi/  ← contoh lengkap & interaktif, 2 halaman

Dua contoh template

	`contoh-template/`	`template-sinergi/`
Halaman	1 (`index.html`)	2 (`index.html`, `tentang.html`)
Modul	Pengumuman, `prestasi`, `agenda`	Pengumuman + 7 modul kustom (program, prestasi, agenda, galeri, testimoni, FAQ, struktur)
Formulir	`pendaftaran`, `aspirasi`	Pendaftaran 2 langkah, aspirasi
Data otomatis	–	`data-ws-stat` (statistik), `data-ws-org` (profil organisasi)
JavaScript	Menu HP, filter prestasi per tingkat	Statistik naik saat di-scroll, filter dari data, agenda + hitung mundur, lightbox galeri, pencarian pengurus, tema gelap
Tema	–	Warna utama, aksen, dan sudut di variabel `:root`

Mencoba contoh dari nol sampai Portal

Unduh dan ekstrak paket.
ZIP isi folder contoh-template/ sehingga index.html ada di akar ZIP:
- Linux/macOS: cd contoh-template && zip -r ../contoh.zip . && cd ..
- Windows (PowerShell): Compress-Archive -Path contoh-template\* -DestinationPath contoh.zip -Force
Di app: mode kreator → Upload → pilih contoh.zip → Info → Tandai minimal 3 elemen (mis. judul hero, deskripsi, logo) → Coba → Kirim.
Pindah ke mode pembuat website, pakai template itu dari galeri, lalu Publish Langsung.
Pemilik organisasi mengatur akses Portal, lalu buka orgspace.app/nama-website/admin dan isi pengumuman, prestasi, dan agenda. Data langsung tampil di website.
Kirim formulir dari website, lalu lihat isinya di tab Kotak Masuk Form Portal.

Dibantu AI agent

Ekstrak paket, buka foldernya di editor dengan AI agent, lalu beri perintah, misalnya:

Baca AGENTS.md lalu buatkan template website untuk OSIS SMA bergaya modern, 3 halaman: Beranda, Agenda, dan Tentang. Pengurus harus bisa mengisi agenda, prestasi (bisa difilter per tingkat), galeri foto, dan struktur pengurus. Tambahkan formulir pendaftaran anggota dan angka statistik.

Agent membuat folder template/, file ZIP, dan daftar elemen yang sebaiknya ditandai di app.

Coba Portal demo tanpa mengunggah

Setiap template di galeri Website OrgSpace punya tombol Preview. Buka /admin dari preview untuk mencoba Portal Pengurus demo dengan data contoh.