Berita
Konsolidasi Organisasi dan Penguatan Kader
Ruang publikasi kegiatan, pernyataan sikap, dan informasi resmi organisasi.
GMKI Digital Platform
GMKI SuperwebSatu Rumah Digital Gerakan
Portal utama untuk menyatukan informasi, data organisasi, layanan anggota, agenda kegiatan, publikasi, dan aplikasi pendukung GMKI dalam satu ekosistem digital.
Keanggotaan
Data anggota
Cabang
Wilayah & komisariat
Publikasi
Berita & dokumen
Portal Identity
GMKI Superweb
GMKI Superweb adalah portal digital terpadu Gerakan Mahasiswa Kristen Indonesia yang menyatukan informasi organisasi, publikasi, agenda kegiatan, layanan keanggotaan, dan akses ke berbagai aplikasi pendukung dalam satu ekosistem web yang dinamis dan terintegrasi.
ONLINE
Portal utama untuk menyatukan informasi, data organisasi, layanan anggota, agenda kegiatan, publikasi, dan aplikasi pendukung GMKI dalam satu ekosistem digital.
100+
Cabang
12K
Anggota
42
Agenda
Aplikasi Terhubung6 Modul
Anggota
Agenda
Berita
Cabang
Dokumen
Galeri
Kutipan
Ruang Nilai dan Inspirasi Gerakan
Bagian ini dapat diisi dari backend untuk menampilkan kutipan tokoh, nilai organisasi, atau pesan pengurus.
Quote #1
Auto slide CSS
123
Superweb menjadi ruang digital untuk menyatukan layanan, data, publikasi, dan komunikasi dalam satu portal.
Superweb Platform
Generic Portal
Quote #2
Auto slide CSS
123
Struktur halaman dikirim dari backend, lalu dirender oleh komponen generic yang sudah tertanam di aplikasi.
Superweb Renderer
Layout Engine
Quote #3
Auto slide CSS
123
Data aktual dapat diminta berdasarkan idModel, sedangkan struktur dan komponen tetap reusable lintas project.
Superweb Data Resolver
Runtime Data
Ringkasan
Data Organisasi Terpadu
Contoh data ringkasan yang nanti bisa dihasilkan dari backend dan aplikasi pendukung.
Cabang
100+
Terhubung dalam platform
Anggota
12.8K
Aktif dan historis
Agenda
42
Kegiatan terjadwal
Aplikasi Pendukung
Satu Portal, Banyak Sumber Data
Setiap kartu dapat merepresentasikan aplikasi pendukung yang datanya ditarik ke GMKI Superweb.
Skin Pattern
Pola Visual Dinamis
Pattern dipasang sebagai background halaman, panel utama, card putih, dan footer agar identitas visual portal konsisten.
Pattern visual dapat dikirim sebagai theme variable dari backend sehingga setiap project bisa memiliki identitas sendiri.
Panel Utama
Pattern Terang
Dipakai pada panel berwarna utama, footer, atau section highlight.
Panel Putih
Pattern Gelap Halus
Dipakai untuk card putih atau background terang agar identitas visual tetap terasa.
Publikasi
Konten dari Backend
Berita, agenda, pengumuman, dan data lain dapat dibuat dari backend, lalu dirender oleh komponen Next.js.
Backend Layout
Layout tidak harus dari CMS
Backend dapat menyimpan konfigurasi halaman dalam bentuk JSON. Next.js membaca konfigurasi tersebut dan merender blok UI yang sudah disediakan.
{ "component": "HeroSection", "variant": "portal", "idModel": "public.hero.home"}WebixMonacoJSON LayoutRenderer
Arsitektur Tampilan
Page Builder Milik Platform
Konsep ini memungkinkan backend mengatur konten dan susunan section tanpa perlu CMS umum.
Hero
Blok pembuka halaman dengan judul, deskripsi, dan tombol aksi.
Stats
Blok statistik untuk ringkasan data organisasi.
Cards
Blok kartu aplikasi, berita, agenda, dan layanan.
Table
Blok tabel untuk data cabang, anggota, atau agenda.
Pendekatan aman: backend mengatur konfigurasi, sedangkan komponen UI tetap dikontrol oleh Next.js.
Komponen daisyUI
Showcase Komponen Portal
Bagian ini untuk melihat komponen yang cocok dijadikan blok layout dari backend.
Accordion / FAQ
Apakah harus memakai CMS?
Tidak harus. Backend dapat dibuat sebagai layout manager khusus dengan Webix dan Monaco Editor.
Apakah layout bisa dari backend?
Bisa. Bentuk yang direkomendasikan adalah JSON layout, bukan kode JSX mentah.
Apakah skin ini bisa dipakai seluruh halaman?
Bisa. Gunakan wrapper
sw-skin, lalu gunakan panel seperti sw-card dan sw-primary-panel.Tabel Data
| Aplikasi | Status | Data |
|---|---|---|
| Keanggotaan | Online | 12.800 |
| Agenda | Aktif | 42 |
| Publikasi | Update | 316 |