Tentang Project
SPTI.or.id adalah website resmi organisasi Federasi Serikat Pekerja Telekomunikasi Indonesia (FSPTI) yang berfungsi sebagai pusat informasi organisasi, publikasi kegiatan, pengelolaan anggota, administrasi kepengurusan, serta sistem keanggotaan digital.
Website ini bukan hanya company profile organisasi. Di dalamnya sudah terdapat frontend publik, panel admin, database anggota, pengelolaan pengurus dan cabang, KTA digital, QR verifikasi anggota, publikasi berita, hingga pengaturan identitas dan konten website.
Domain tetap menggunakan spti.or.id, sementara branding yang tampil di website saat ini menggunakan FSPTI — Federasi Serikat Pekerja Telekomunikasi Indonesia.
FUNGSI UTAMA WEBSITE
Website menjadi pusat digital organisasi yang menghubungkan tiga kebutuhan utama:
Informasi Publik → Administrasi Organisasi → Sistem Keanggotaan Digital
Pengunjung dapat mengenal organisasi, melihat susunan pengurus, membaca berita dan program, memeriksa keanggotaan, serta mendapatkan informasi resmi. Administrator di sisi lain dapat mengelola data organisasi melalui panel khusus.
1. Beranda Organisasi
Halaman utama menampilkan identitas dan positioning organisasi secara profesional.
Di dalamnya terdapat:
• Hero/banner organisasi
• slider kegiatan organisasi
• periode kepengurusan
• profil singkat FSPTI
• prinsip dan tujuan organisasi
• pimpinan utama organisasi
• berita/informasi terbaru
• CTA keanggotaan
• informasi organisasi
• tombol WhatsApp
• navigasi menuju halaman-halaman utama
Pada bagian pimpinan utama ditampilkan Dewan Pimpinan Pusat FSPTI, termasuk Ketua Umum, Sekretaris Jenderal, dan Bendahara Umum.
2. Profil / Tentang FSPTI
Halaman Tentang menjelaskan organisasi secara lebih lengkap, seperti:
• nama organisasi
• profil FSPTI
• tujuan organisasi
• sejarah/latar belakang organisasi
• masa bakti kepengurusan
• dasar organisasi
• SK kepengurusan
• tugas Dewan Pimpinan Pusat
• fungsi organisasi
• prinsip perjuangan
• informasi sekretariat
Nomor dokumen resmi yang sudah ada tetap dapat dipertahankan sesuai dokumen aslinya.
3. Struktur Organisasi
Halaman Struktur menggunakan sistem hierarki, bukan sekadar kumpulan kartu pengurus.
Susunannya telah dibuat menjadi:
• Dewan Pembina
• Dewan Penasihat
• Dewan Pimpinan Pusat
• Bidang dan Departemen
Sistem mendukung relasi Ketua → Anggota.
Contohnya anggota Bidang Hukum tidak ditempatkan sejajar dengan Ketua Bidang Hukum, melainkan berada di bawah ketuanya.
Relasi tersebut disimpan dalam database sehingga struktur dapat dikelola melalui panel admin.
4. Pengelolaan Pengurus
Panel Admin → Pengurus digunakan untuk mengelola struktur organisasi.
Admin dapat:
• menambah pengurus
• mengubah nama
• mengatur jabatan
• mengatur periode
• mengunggah foto
• mengatur urutan
• menentukan Ketua/Atasan
• mengatur hubungan parent-child
• menghapus pengurus
Dengan sistem ini, struktur organisasi di frontend dapat terbentuk otomatis berdasarkan data yang dikelola oleh admin.
5. Database Anggota
Website memiliki database anggota terpusat.
Data anggota dapat memuat:
• nama lengkap
• nomor anggota
• tempat lahir
• tanggal lahir
• jenis kelamin
• foto anggota
• foto KTP
• alamat sesuai KTP
• alamat domisili saat ini
• nomor WhatsApp
• email
• perusahaan
• unit kerja
• jabatan/status
• cabang
• status keanggotaan
• tanggal bergabung
• masa berlaku
Administrator dapat mencari dan mengelola data tersebut melalui panel.
6. Alamat KTP dan Domisili
Sistem anggota sudah dibedakan menjadi dua alamat:
Alamat Sesuai KTP
untuk alamat resmi sebagaimana dokumen identitas anggota.
Alamat Domisili Saat Ini
untuk alamat tempat anggota saat ini tinggal.
Keduanya tersedia untuk administrasi anggota dan telah disiapkan pula untuk formulir pendaftaran publik.
7. Sistem Cabang / Wilayah
Website memiliki pengelolaan cabang organisasi.
Cabang dasar telah disiapkan berdasarkan 38 provinsi Indonesia, dengan ibu kota provinsi sebagai cabang awal.
Contohnya:
• Bandung — Jawa Barat
• Semarang — Jawa Tengah
• Surabaya — Jawa Timur
• Medan — Sumatera Utara
• Makassar — Sulawesi Selatan
• Denpasar — Bali
• Jayapura — Papua
• dan seterusnya
Namun sistem tidak membatasi satu provinsi hanya satu cabang.
Misalnya Jawa Barat nantinya dapat memiliki:
• Bandung
• Bekasi
• Bogor
• Cirebon
• Depok
• dan cabang lainnya
Admin dapat menambahkan cabang baru melalui panel tanpa harus mengubah source code.
8. Panel Admin Cabang
Admin dapat:
• membuat kode cabang
• menentukan nama cabang/kota
• menentukan provinsi
• melihat cabang berdasarkan provinsi
• mengaktifkan cabang
• menonaktifkan cabang
• menambah beberapa cabang dalam provinsi yang sama
Data cabang lama juga tetap dipertahankan.
9. Formulir Pendaftaran Anggota
Sistem memiliki halaman pendaftaran anggota online.
Saat aktif nanti, calon anggota dapat mengisi:
• nama lengkap
• tempat dan tanggal lahir
• jenis kelamin
• cabang/wilayah
• perusahaan
• unit kerja
• jabatan
• WhatsApp
• email
• alamat sesuai KTP
• alamat domisili
• foto diri
• foto KTP
• password akun
Namun saat ini pendaftaran publik sengaja masih dinonaktifkan dan halaman menampilkan informasi bahwa pendaftaran anggota belum dibuka.
Source dan database sudah disiapkan sehingga nantinya dapat diaktifkan kembali.
10. Verifikasi dan Persetujuan Anggota
Pendaftaran anggota tidak otomatis langsung menjadi anggota aktif.
Admin dapat melakukan:
• pemeriksaan data
• melihat foto anggota
• melihat KTP
• mengedit data
• menyetujui anggota
• menolak anggota
• menonaktifkan anggota
• mengaktifkan kembali anggota
Setelah disetujui, sistem dapat menerbitkan nomor anggota.
11. Nomor Anggota Otomatis
Sistem mempunyai mekanisme nomor anggota berdasarkan:
• prefix organisasi
• kode cabang
• tahun
• nomor urut
Konsep formatnya seperti:
PREFIX-CABANG-TAHUN-NOMOR
Nomor dapat diterbitkan saat anggota disetujui oleh administrator.
12. Akun Anggota
Anggota mempunyai akun tersendiri.
Login anggota dapat menggunakan data login yang terhubung dengan database anggota.
Akun baru pada awalnya dapat berada dalam kondisi belum aktif sampai proses verifikasi administrator selesai.
13. KTA Digital
Anggota yang sudah aktif dapat memiliki Kartu Tanda Anggota digital.
KTA mencakup antara lain:
• logo organisasi
• nama organisasi
• nama anggota
• nomor anggota
• foto anggota
• jabatan
• informasi keanggotaan
• masa berlaku
• QR Code
• tanda tangan
• informasi organisasi
Kartu mempunyai desain depan dan belakang serta dapat disiapkan untuk kebutuhan cetak.
14. QR Code Verifikasi
Setiap anggota mempunyai verification token unik.
QR Code pada KTA mengarah ke halaman verifikasi anggota, sehingga pihak lain dapat memindai kartu dan memastikan bahwa kartu tersebut benar-benar berasal dari sistem.
Ini membuat KTA tidak hanya berupa gambar kartu yang mudah dipalsukan.
15. Halaman Verifikasi Publik
Setelah QR dipindai, pengunjung dibawa ke halaman verifikasi yang dapat menampilkan:
• status valid/tidak
• identitas anggota
• nomor keanggotaan
• status anggota
• data dasar terkait keanggotaan
• identitas organisasi
Data sensitif seperti dokumen KTP tidak ditampilkan secara publik.
16. Cetak KTA
Admin memiliki halaman khusus untuk melihat dan mencetak KTA anggota.
Sistem KTA sudah memiliki:
• layout kartu
• tampilan depan/belakang
• QR verification
• signature
• print action
• layout khusus pencetakan
Sehingga pembuatan kartu tidak perlu didesain manual satu per satu.
17. Berita dan Publikasi
Website mempunyai modul publikasi organisasi.
Admin dapat mengelola berita/konten yang kemudian ditampilkan pada frontend.
Halaman berita memiliki:
• daftar berita
• halaman detail berdasarkan slug
• cover/image
• judul
• isi berita
• tanggal publikasi
Berita yang sudah diterbitkan dapat muncul di beranda.
18. Program dan Kegiatan
Website juga menyediakan halaman untuk menampilkan:
• program organisasi
• kegiatan
• informasi
• agenda atau konten organisasi lainnya
Semua ini digunakan agar website tidak hanya berfungsi untuk administrasi tetapi juga menjadi kanal komunikasi organisasi.
19. Galeri
Terdapat halaman galeri untuk menampilkan dokumentasi kegiatan organisasi.
Ini dapat digunakan untuk memperlihatkan aktivitas FSPTI kepada anggota maupun masyarakat.
20. AD/ART
Website mempunyai halaman khusus AD/ART.
Dokumen Anggaran Dasar dan Anggaran Rumah Tangga dapat diakses sebagai dokumen resmi melalui website.
File AD dan ART tetap disimpan sebagai dokumen yang dapat dibuka oleh pengunjung tanpa harus memenuhi beranda dengan menu yang tidak diperlukan.
21. Kontak Organisasi
Halaman Kontak menyediakan informasi sekretariat dan sarana komunikasi resmi organisasi.
Dapat mencakup:
• alamat
• WhatsApp
• email
• media sosial
• lokasi/maps
• informasi Dewan Pimpinan Pusat
22. WhatsApp Terintegrasi
Website memiliki floating WhatsApp button.
Pengunjung dapat langsung menghubungi organisasi tanpa mencari nomor kontak secara manual.
Pesan awal WhatsApp dapat dikonfigurasi melalui sistem.
23. Panel Pengaturan Website
Admin mempunyai bagian pengaturan yang memungkinkan berbagai informasi website dikelola tanpa mengedit source.
Beberapa pengaturan yang telah disiapkan antara lain:
• nama organisasi
• nama lengkap organisasi
• logo
• alamat
• nomor WhatsApp
• email
• media sosial
• maps
• prefix anggota
• masa berlaku kartu
• warna utama
• informasi hero
• slider
• dan pengaturan lainnya
24. Hero Slider yang Bisa Diatur
Homepage mempunyai slider gambar yang dapat digunakan untuk:
• kegiatan organisasi
• dokumentasi
• kampanye organisasi
• informasi penting
Slider berjalan otomatis sehingga homepage terasa lebih hidup.
25. Meta Pixel
Website telah mendukung konfigurasi Meta Pixel.
Beberapa event digital yang telah dipersiapkan antara lain:
• PageView
• Contact
• Lead
• CompleteRegistration
Sehingga aktivitas website dapat diukur ketika organisasi nantinya menjalankan Meta Ads.
26. Sistem Upload
Website mempunyai sistem penyimpanan file untuk:
• foto anggota
• foto KTP privat
• foto pengurus
• gambar konten
• aset website lainnya
Foto KTP diperlakukan sebagai dokumen internal dan tidak disajikan sebagai file publik biasa.
27. Keamanan Admin
Panel admin dilindungi autentikasi.
Fungsi sensitif seperti:
• pengelolaan anggota
• melihat KTP
• pengelolaan pengurus
• cabang
• konten
• pengaturan website
tidak tersedia bagi pengunjung publik.
28. Audit Log
Database memiliki sistem audit log untuk mencatat aktivitas administratif tertentu, misalnya perubahan atau tindakan terhadap data anggota.
Ini berguna sebagai dasar pengembangan sistem pencatatan aktivitas administrator yang lebih lengkap.
29. Responsive dan Mobile Friendly
Frontend dibuat agar dapat digunakan melalui:
• desktop
• tablet
• smartphone
Website juga memiliki mobile menu tersendiri agar navigasi tetap nyaman pada layar kecil.
30. Branding FSPTI
Branding yang tampil di frontend dan panel Admin sekarang telah diarahkan ke:
FSPTI
Federasi Serikat Pekerja Telekomunikasi Indonesia
Sedangkan komponen teknis internal yang tidak perlu diubah tetap menggunakan nama lama agar perubahan branding tidak menimbulkan risiko pada sistem.
Contohnya domain tetap:
Ini sengaja dilakukan supaya rebranding tampilan tidak mengganggu aplikasi yang sudah berjalan.
STRUKTUR MENU WEBSITE
Secara umum website memiliki area publik seperti:
Beranda → Tentang → Struktur → Program → Berita → Galeri → Cek Anggota → Kontak → Login
Selain itu tersedia halaman:
• Daftar Anggota
• AD/ART
• Detail Berita
• Verifikasi Anggota
• Area Anggota
Dan untuk administrator:
Dashboard → Anggota → Cabang → Pengurus → Konten → Pengaturan
KESIMPULAN
SPTI.or.id adalah sistem website organisasi dan keanggotaan FSPTI yang terintegrasi.
Bukan hanya website profil, tetapi menggabungkan:
Website Organisasi + Database Anggota + Pengurus + Cabang + Publikasi + KTA Digital + QR Verification + Panel Admin.
Positioning yang cocok untuk menjelaskannya:
“Platform Digital Terintegrasi FSPTI untuk Informasi Organisasi, Administrasi Anggota, KTA Digital, dan Verifikasi Keanggotaan.”
Atau versi lebih singkat:
“Satu Sistem untuk Organisasi, Anggota, KTA Digital dan Verifikasi FSPTI.”
RINGKASAN MODUL
1. Website publik FSPTI — Aktif
2. Profil dan struktur organisasi — Aktif
3. Database anggota — Aktif
4. Pengurus dan hierarchy — Aktif
5. Cabang 38 provinsi + multi-cabang — Aktif
6. KTA digital — Aktif
7. QR verifikasi — Aktif
8. Panel Admin — Aktif
9. Berita/program/galeri — Aktif
10. AD/ART — Aktif
11. Meta Pixel — Aktif
12. Form pendaftaran publik — Sengaja OFF sementara
13. Domain — spti.or.id