Web Admin Panji Sakti Fitcamp
Cara memakai setiap menu di prototipe web admin pengganti grup WhatsApp BTC, untuk pemilik, admin, coach piket, dan coach. Semua tangkapan layar diambil langsung dari prototipe.
Daftar isi
Mulai di sini
Prototipe ini adalah satu halaman yang bisa diklik. Tidak ada login: peran dipilih lewat menu Lihat sebagai di kanan atas, dan seluruh tampilan langsung berubah sesuai hak akses peran itu.
- Logo dan nama aplikasi.
- Menu. Angka di sebelah menu menunjukkan jumlah yang menunggu, misalnya posting yang perlu dinilai atau chat yang belum dibaca.
- Peran yang sedang dipakai, dan tombol Reset data demo untuk mengembalikan semua data contoh.
- Batch yang berjalan dan hari aktif: BTC OKT, Day 5.
- Lihat sebagai: ganti peran antara Pemilik, Admin, Coach piket (Komang Sari), dan Coach (Ayu Pratiwi).
- Tombol Gelap / Terang untuk mengganti mode tampilan.
- Kartu ringkasan. Kartu yang punya tujuan bisa diklik untuk langsung membuka menunya.
- Keterangan cakupan data yang bisa dilihat peran saat ini.
Hal yang perlu diketahui sebelum demo
- Semua data adalah data contoh: batch BTC OKT dengan 25 peserta, 5 coach, dan tanggal yang selalu Day 5 (Rabu, 14 Oktober 2026).
- Perubahan yang Anda buat (menyetujui posting, mengubah konten, mengirim pengumuman) tetap ada saat berganti peran, tetapi hilang saat halaman dimuat ulang. Klik Reset data demo sebelum presentasi agar mulai dari kondisi awal.
- Setiap aksi memunculkan pesan konfirmasi singkat di kanan bawah layar selama sekitar 2,6 detik.
- Prototipe selalu terbuka dalam mode terang. Kalau Anda memilih mode gelap, pilihan itu diingat browser sampai diganti lagi.
- Jendela pop-up (misalnya form tolak posting) bisa ditutup dengan tombol Batal, klik area gelap di luar jendela, atau tombol Esc di keyboard.
Peran dan hak akses
Ada empat peran. Setiap peran hanya melihat menu dan data yang menjadi bagiannya. Menu yang tidak berhak dibuka tidak muncul di sidebar.
Pemilik
Semua data Panji Sakti.
Memantau seluruh batch, mengoreksi poin dengan alasan, dan satu-satunya yang bisa mengubah aturan poin, coach, serta melihat log audit. Tidak membuka chat dan foto peserta.
Admin
Operasional: peserta, batch, jadwal, membership. Tanpa data kesehatan dan chat.
Mengurus membership, undangan, konten, batch, dan moderasi. Tidak menilai posting dan tidak melihat berat badan peserta.
Coach piket · Komang Sari
Tugas piket Day 5 untuk seluruh batch, ditambah peserta binaan sendiri.
Menilai posting seluruh batch pada hari piketnya dan menyusun konten Day piketnya (Day 2 dan Day 5). Data peserta, chat, dan progres tetap hanya untuk 5 binaannya.
Coach · Ayu Pratiwi
Hanya peserta binaan sendiri.
Menilai dan menyemangati posting 7 binaannya, chat dengan mereka, dan melihat progresnya. Konten Harian hanya bisa dilihat.
Tabel hak akses lengkap
Sama persis dengan tab Hak akses di menu Pengaturan. Kolom peran yang dipilih di atas akan disorot.
| Fitur | Pemilik | Admin | Coach piket | Coach |
|---|---|---|---|---|
| Harian | ||||
| Dashboard | Bisnis & batch | Operasional | Tugas piket | Binaan sendiri |
| Aktivitas: lihat posting | Seluruh batch | — | Seluruh batch | Binaan sendiri |
| Aktivitas: setujui / tolak poin, beri semangat | — | — | Seluruh batch | Binaan sendiri |
| Penilaian poin: koreksi poin | Ya, dengan alasan | — | — | — |
| Konten harian | Ubah semua Day | Ubah semua Day | Ubah Day piketnya | Hanya lihat |
| Atur jadwal coach piket | Ya | Ya | — | — |
| Chat pribadi dengan peserta (tanpa grup chat) | — | — | Binaan sendiri | Binaan sendiri |
| Pengumuman, push notification, tanda baca | Semua target | Semua target | Batch BTC OKT | — |
| Peserta | ||||
| Daftar & profil peserta | Semua | Semua, tanpa data kesehatan | Binaan sendiri | Binaan sendiri |
| Data BB & lemak tubuh | Ya, tercatat di log | — | Binaan, tercatat di log | Binaan, tercatat di log |
| Foto before-after | — | — | Binaan, tercatat di log | Binaan, tercatat di log |
| Status membership & tandai lunas | Ya | Ya | — | — |
| Undang peserta massal | Ya | Ya | — | — |
| Leaderboard | Lihat & ekspor | Lihat & ekspor | Lihat | Lihat |
| Batch | Kelola | Kelola | — | — |
| Kelola | ||||
| Pengaturan poin | Ubah | Hanya lihat | — | — |
| Coach & wilayah | Kelola | Hanya lihat | — | — |
| Moderasi laporan pesan | Ya | Ya, alasan tercatat | — | — |
| Log audit (akses data dan koreksi poin) | Lihat, tidak bisa dihapus | — | — | — |
Dashboard
Halaman pertama setelah memilih peran. Isinya berbeda untuk tiap peran dan selalu diawali sapaan serta ringkasan Day 5 batch BTC OKT.
- Lima kartu ringkasan: Peserta aktif, Sudah posting hari ini, Menunggu penilaian coach, Rata-rata turun BB, dan Belum bayar membership. Kartu posting dan penilaian membuka menu Aktivitas, kartu membership membuka menu Peserta.
- Top 5 leaderboard dengan tombol Lihat semua.
- Coach piket hari ini: nama coach piket dan daftar blok konten Day 5 beserta statusnya, Terkirim atau Terjadwal dengan jamnya.
- Perlu perhatian: jumlah laporan pesan baru (membuka tab Moderasi) dan jumlah akses data kesehatan hari ini (membuka tab Log audit).
- Lima kartu: Peserta aktif, Belum bayar membership, Belum isi form perkenalan, Laporan pesan baru, dan Konten Day 6 (Siap atau Belum).
- Belum bayar membership: daftar peserta dengan tombol Tandai lunas di tiap baris.
- Pengumuman terakhir dengan jumlah peserta yang sudah membaca, dan tombol Kelola ke menu Pengumuman.
- Coach piket hari ini, sama seperti di dashboard Pemilik.
- Konten pagi sudah terkirim. Lihat konten membuka Konten Harian.
- Jumlah posting seluruh batch yang menunggu. Buka penilaian membuka Aktivitas.
- Kirim pengingat membuka tab Belum posting di Aktivitas.
- Tugas pengumuman. Tercentang otomatis kalau Anda sudah mengirim pengumuman hari ini.
Di sebelah kanan ada kartu Binaan Anda dan Chat belum dibaca, serta Peringkat binaan Anda.
- Lima kartu: Binaan Anda, Menunggu penilaian Anda, Belum posting, Chat belum dibaca, dan Rata-rata turun BB binaan.
- Peringkat binaan Anda dan daftar Binaan belum posting dengan tombol Ingatkan per peserta. Di data contoh, semua binaan Ayu Pratiwi sudah posting, jadi daftar ini berisi "Semua binaan sudah posting."
Aktivitas
Pengganti grup "Activity" di WhatsApp. Peserta memposting foto makan, olga, atau timbang dari aplikasi. Kode posting dan poin dibuat otomatis, jadi coach tidak perlu lagi membalas "20+20" dan menjumlah manual.
Siapa menilai apa: coach piket menilai seluruh batch pada hari piketnya, coach menilai binaannya sendiri, dan pemilik hanya memantau serta bisa mengoreksi poin. Admin tidak membuka menu ini.
- Filter: Perlu dinilai, Sudah dinilai, Semua, dan Belum posting.
- Setujui semua menyetujui semua posting yang boleh Anda nilai sekaligus.
- Foto posting dengan label jenis aktivitas dan keterangan dari peserta.
- Kode posting otomatis.
- Beri semangat mengirim semangat ke peserta.
- Setujui beserta poinnya.
- Tolak dengan alasan.
Membaca kode posting
| Label posting | Kode |
|---|---|
| Sarapan | makpag |
| Siang | maksi |
| Malam | makmal |
| Olga | olga |
| Timbang | timbang |
| Kuis | kuis |
| Kelas | kelas |
| Produk | produk |
Status di kaki kartu
| Yang tampil | Artinya |
|---|---|
| Setujui +20 Tolak | Posting menunggu dan Anda berhak menilainya. |
| Menunggu coach | Posting menunggu, tetapi dinilai oleh coach lain. Ini yang dilihat pemilik. |
| Otomatis | Aktivitas yang poinnya masuk tanpa penilaian coach, misalnya catat sarapan, menjawab kuis, atau kelas edukasi. |
| Disetujui + nama coach | Sudah disetujui. Poin langsung masuk ke leaderboard. |
| Ditolak + alasan | Ditolak, dan alasannya dikirim ke peserta. |
Menyetujui atau menolak posting
- Buka Aktivitas. Tab Perlu dinilai terbuka otomatis.
- Klik Setujui +20 (angkanya mengikuti aturan poin). Poin langsung masuk ke leaderboard.
- Untuk menolak, klik Tolak, pilih alasan, lalu klik Tolak posting.
- Kalau semua sudah benar, cukup klik Setujui semua.
Posting timbang
Posting berlabel Timbang menampilkan BB dan lemak tubuh hari ini, lalu menghitung sendiri total turun BB dan lemak sejak Day 1. Coach tidak perlu menghitung dari template timbang lagi.
Beri semangat
Coach piket (untuk seluruh batch) dan coach (untuk binaannya) bisa klik Beri semangat. Setelah dikirim, kartu menampilkan "Disemangati" beserta nama coach.
Mengingatkan peserta yang belum posting
- Klik tab Belum posting. Daftar berisi peserta, coach, dan waktu posting terakhir.
- Klik Ingatkan untuk satu peserta, atau Kirim pengingat ke semua (pemilik dan coach piket).
Coach biasa hanya melihat binaannya sendiri dan mengingatkan satu per satu.
Koreksi poin (khusus pemilik)
- Buka tab Sudah dinilai.
- Klik Koreksi pada posting yang sudah otomatis atau disetujui.
- Isi Ubah poin (+/−), misalnya −10, dan Alasan (wajib, tercatat).
- Klik Simpan koreksi. Koreksi dan alasannya tercatat di Log audit.
Konten Harian
Pengganti pesan pagi coach piket di grup: salam, workout planner, meal plan, resep, video, dan kuis. Konten disusun dari blok yang bisa ditambah, diurutkan, dan diberi jam tayang. Peserta melihatnya di tab "Hari ini" di aplikasi sesuai urutan dan jamnya.
- Template: tambahkan susunan blok siap pakai, atau simpan Day ini sebagai template.
- Simpan & jadwalkan: kunci konten agar tayang sesuai jam.
- Pilihan Day 1 sampai 10. Day yang sedang dibuka berwarna gelap.
- Garis oranye menandai Day piket Anda (Komang Sari: Day 2 dan Day 5).
- Salin dari Day 4: menyalin isi Day sebelumnya.
- Jam tayang blok.
- Naikkan ↑, turunkan ↓, atau hapus × blok.
- Pratinjau di HP peserta, berubah langsung saat Anda mengetik.
Delapan jenis blok
| Blok | Isian | Tampil di HP peserta |
|---|---|---|
| Teks / salam | Judul, Isi pesan | Kartu teks |
| Workout planner | Judul, daftar gerakan + repetisi, Catatan | Daftar gerakan dengan repetisi tebal |
| Meal plan | Judul, daftar waktu makan + jam + menu | Jadwal makan per waktu |
| Resep | Nama resep, Bahan dan cara memasak | Ringkasan resep (140 huruf pertama) |
| Video / kelas edukasi | Judul materi, Tautan atau file video, Keterangan | Kartu video · 10 poin |
| Gambar / poster | Judul, unggah gambar (maksimal 3 MB) | Gambar poster |
| Kuis | Pertanyaan, 2 sampai 4 pilihan, jawaban benar | Kuis · 20 poin |
| Tantangan harian | Tantangan, Keterangan (opsional) | Kotak centang, tanpa poin |
Menyusun konten satu Day
- Pilih Day di deretan angka. Coach piket hanya bisa mengubah Day piketnya; Day lain tampil dengan label Hanya lihat.
- Ubah isi blok langsung di kolomnya. Pratinjau HP di kanan ikut berubah.
- Di panel Tambah blok, klik jenis blok yang diinginkan. Blok baru masuk di urutan paling bawah dengan jam tayang blok terakhir.
- Atur jam di kolom Tayang, lalu susun urutan dengan ↑ dan ↓.
- Tambah baris dengan + Tambah gerakan, + Tambah waktu makan, atau + Tambah pilihan. Hapus baris dengan ×.
- Klik Simpan & jadwalkan. Status Day berubah menjadi Terjadwal.
Template
Klik Template, lalu Tambahkan pada salah satu template. Blok template ditambahkan di bawah blok yang sudah ada.
- Hari timbang (Day 5 / Day 10): Teks / salam, Tantangan harian.
- Workout pemula minggu 1: Workout planner.
- Kelas edukasi + kuis: Video / kelas edukasi, Kuis.
Untuk memakai ulang susunan Day ini, isi nama di kolom Simpan Day 5 sebagai template baru lalu klik Simpan template.
Chat
Pengganti chat pribadi WhatsApp tanpa perlu tukar nomor HP. Tidak ada grup chat: informasi satu arah lewat Pengumuman, dan posting harian lewat Aktivitas. Setiap coach hanya bisa chat dengan binaannya sendiri.
- Daftar percakapan dengan binaan. Angka menunjukkan pesan yang belum dibaca.
- Profil membuka data peserta.
- Ketik balasan, lalu klik Kirim atau tekan Enter.
Pengumuman
Pengganti pengumuman di grup. Pengumuman dikirim sebagai notifikasi HP, bisa dipin di tab "Hari ini", dan terlihat siapa saja yang belum membaca.
- Kirim ke: pemilik dan admin bisa memilih 5 tujuan. Coach piket hanya bisa mengirim ke Semua peserta BTC OKT.
- Waktu kirim: Kirim sekarang atau Jadwalkan 15.00.
- Pin di atas grup agar pengumuman tetap di atas.
- Bilah baca dan tombol untuk mengingatkan yang belum membaca.
- Pratinjau notifikasi di layar HP, ikut berubah saat judul dan isi diketik.
Mengirim pengumuman
- Isi Judul dan Isi.
- Pilih tujuan di Kirim ke: Semua peserta BTC OKT, Grup kelas Poundfit, Peserta online, Semua anggota basecamp, atau Semua coach.
- Pilih Waktu kirim dan centang Pin di atas grup bila perlu.
- Klik Kirim pengumuman. Pengumuman masuk ke Riwayat dengan status dibaca 0/25.
- Di riwayat, klik Ingatkan … yang belum baca untuk mengirim pengingat ke peserta yang belum membuka.
Peserta
Daftar peserta yang profilnya terisi otomatis dari form perkenalan digital, pengganti form perkenalan yang dulu diketik di grup.
- Undang massal (pemilik dan admin).
- Cari berdasarkan nama atau kota.
- Klik baris peserta untuk membuka profilnya.
| Kolom | Pemilik | Admin | Coach piket | Coach |
|---|---|---|---|---|
| Peserta, Kota, Coach, Poin, Form perkenalan | Ya | Ya | Ya | Ya |
| BB awal, BB Day 5, Turun | Ya | — | Ya | Ya |
| Membership | Ya | Ya | — | — |
Profil peserta
Profil berisi nama panggilan, usia, pekerjaan, kota, dan Instagram. Pemilik, coach piket, dan coach juga melihat tinggi badan, BB awal, lemak tubuh, target turun BB, tiga alasan, dan hadiah untuk diri sendiri. Setiap pembukaan profil oleh mereka tercatat di log akses data kesehatan.
Tombol di bawah profil:
- Tandai sudah bayar: pemilik dan admin, untuk peserta yang belum bayar.
- Lihat progres: pemilik, coach piket, dan coach.
- Chat: coach piket dan coach, khusus binaannya.
- Ingatkan isi form: muncul kalau peserta belum mengisi form perkenalan.
Mengundang peserta
- Klik Undang massal.
- Tempel nomor HP di kolom Nomor HP, satu per baris.
- Pilih Masuk ke batch dan Coach pembina.
- Klik Kirim undangan. Peserta menerima tautan unduh aplikasi dan form perkenalan.
Progres Peserta
Rekap BB dan lemak tubuh per peserta menuju targetnya. Pemilik melihat semua peserta; coach piket dan coach hanya binaannya. Setiap kali data seorang peserta dibuka, aksesnya tercatat di Log audit.
- Pilih peserta.
- BB Day 5, Total turun, Lemak tubuh, dan persentase menuju target.
- Grafik BB: titik Day 1 dan Day 5, garis hijau putus-putus untuk target, dan garis abu-abu untuk laju yang dibutuhkan sampai Day 10.
- Foto before-after, buram sampai Anda klik Buka foto (tercatat di log).
Rekap batch (pemilik)
Di bagian bawah, pemilik melihat rata-rata penurunan BB batch dan jumlah peserta yang sudah turun 1 kg atau lebih, dengan tombol Buat laporan akhir batch.
Leaderboard
Peringkat terbuka untuk seluruh batch, sama seperti yang dilihat peserta di aplikasi. Kolomnya: peringkat, peserta, coach, Poin hari ini, dan Total poin. Poin dari posting yang disetujui atau otomatis langsung menambah total.
- Ekspor ke Excel (pemilik dan admin).
- Tampilkan: seluruh batch, per coach (pemilik dan admin), atau Binaan saya (coach piket dan coach). Baris binaan sendiri diberi warna latar.
Batch
Setiap batch BTC punya peserta, coach pembina, konten per Day, dan halaman Aktivitas sendiri. Batch yang berjalan punya tombol Konten; batch yang selesai punya tombol Laporan untuk pemilik.
Membuat batch baru
- Klik Buat batch baru.
- Isi Nama batch, Mulai, dan Durasi (Day).
- Biarkan Salin konten dan aturan poin dari BTC OKT tercentang agar tidak menyusun ulang dari nol.
- Klik Buat batch. Batch baru muncul dengan status Draf.
Pengaturan
| Tab | Pemilik | Admin |
|---|---|---|
| Aturan poin | Ubah | Hanya lihat |
| Coach | Kelola | Hanya lihat |
| Moderasi | Ya | Ya |
| Log audit | Lihat | — |
| Hak akses | Lihat | — |
Aturan poin
Aturan poin BTC milik Panji Sakti, diambil dari gambar "Point Penilaian Reward" dan template "Timbang Day 10". Pemilik bisa mengubah nilai poin, cara penilaian (Otomatis atau Coach), menyalakan atau mematikan aktivitas, dan klik Tambah aktivitas (aktivitas baru dinilai coach). Perubahan berlaku untuk posting berikutnya dan langsung memperbarui leaderboard.
| Aktivitas | Poin | Penilaian |
|---|---|---|
| Catat sarapan di aplikasi | 10 | Otomatis |
| Bagikan sarapan di sosmed tag coach | 20 | Coach |
| Sarapan atau makan malam di club | 20 | Coach |
| Catat olga di aplikasi | 10 | Otomatis |
| Olga saat jadwal fitclub | 20 | Coach |
| Bagikan olga di sosmed tag coach | 20 | Coach |
| Beli produk, per satu produk (S&K) | 50 | Coach |
| Catat makan siang di aplikasi | 20 | Coach |
| Makan siang sesuai meal plan | 30 | Coach |
| Makan malam dengan shake | 10 | Coach |
| Selesaikan kelas edukasi di aplikasi | 10 | Otomatis |
| Menjawab kuis | 20 | Otomatis |
| Mengajak teman untuk program (kode referral) | 50 | Otomatis |
| Catat hasil timbang di aplikasi (bonus coach piket) | 20 | Coach |
| Bagikan hasil timbang di sosmed | 20 | Coach |
Coach
Jumlah coach per wilayah (Singaraja, Kubutambahan, Bedugul, Karangasem) dan tabel coach dengan fokus, jumlah binaan, jumlah hari piket, dan akses data Binaan sendiri. Tombol Tambah coach hanya untuk pemilik.
Moderasi
Laporan pesan dan akun dari peserta. Klik Hapus pesan & tandai selesai pada laporan berstatus Baru. Membuka isi pesan yang dilaporkan dicatat di Log audit beserta alasannya.
Log audit (khusus pemilik)
Catatan siapa membuka data kesehatan dan siapa mengoreksi poin. Log tidak bisa dihapus. Yang tercatat: membuka profil peserta beserta data berat badan, membuka Progres Peserta, membuka foto before-after, koreksi poin, dan membuka pesan yang dilaporkan.
Hak akses (khusus pemilik)
Ringkasan siapa bisa melihat dan melakukan apa, sama dengan tabel di bagian 02 panduan ini.
Memakai di HP dan tablet
- Di layar sampai 1024 piksel (HP dan tablet), sidebar tertutup. Buka dengan tombol ☰ di kiri atas atau geser jari dari tepi kiri layar ke kanan.
- Tutup sidebar dengan tombol ×, ketuk area gelap di sebelah kanan, geser ke kiri, atau pilih salah satu menu.
- Di HP, header hanya berisi tombol menu, pilihan peran, dan tombol mode. Nama batch dan tanggal ada di sidebar.
- Tabel berubah menjadi kartu, sehingga tidak perlu digeser ke samping.
- Chat tampil seperti aplikasi chat: daftar percakapan dulu, ketuk nama untuk membuka, lalu tombol ‹ untuk kembali.
Alur demo yang disarankan
Urutan ini menunjukkan bagaimana aplikasi menggantikan grup WhatsApp, dari sudut pandang tiap peran. Ganti peran lewat Lihat sebagai.
- Persiapan. Klik Reset data demo agar data kembali ke kondisi awal.
- Pemilik. Tunjukkan Dashboard: kartu ringkasan, Top 5 leaderboard, dan konten coach piket hari ini.
- Coach piket. Buka Aktivitas, setujui satu posting, tolak satu posting dengan alasan, lalu tunjukkan kartu timbang yang dihitung otomatis.
- Coach piket. Buka Konten Harian Day 5, tambah blok Tantangan harian, ubah jamnya, dan tunjukkan pratinjau HP yang ikut berubah. Klik Simpan & jadwalkan.
- Coach. Tunjukkan bahwa coach hanya melihat 7 binaannya, Konten Harian berlabel Hanya lihat, dan menu Pengumuman tidak ada.
- Pemilik. Buka Pengaturan: ubah nilai poin di Aturan poin, lalu tunjukkan Log audit dan Hak akses.
Batasan prototipe
Prototipe ini untuk menunjukkan alur dan tampilan. Beberapa aksi hanya memunculkan pesan, dan akan berfungsi penuh di versi aplikasi yang dibangun.
| Aksi di prototipe | Yang terjadi sekarang |
|---|---|
| Ekspor ke Excel | Pesan "Di versi asli, file Excel langsung diunduh". |
| Buat laporan akhir batch, Laporan | Pesan "Laporan akhir batch disiapkan (PDF di versi asli)". |
| Tambah coach | Pesan "Form tambah coach tersedia di versi asli". |
| Kirim pengumuman, undangan, pengingat, semangat | Tercatat di halaman dan memunculkan pesan, tetapi tidak ada notifikasi atau WhatsApp yang benar-benar terkirim. |
| Foto posting dan foto before-after | Diganti blok warna sebagai contoh. |
| Tanggal dan jam | Selalu Day 5, Rabu 14 Oktober 2026. |
| Data | Kembali ke awal saat halaman dimuat ulang atau Reset data demo diklik. |
| Login | Belum ada. Peran dipilih lewat Lihat sebagai. |