Struktur Halaman Modul - JackMizh/Sisekar GitHub Wiki
Halaman ini menjelaskan fitur yang umum ditemukan pada setiap halaman modul. Dijelaskan di sini supaya tidak perlu diulang pada panduan masing-masing modul.
Halaman Modul terdiri dari beberapa bagian, sebagai berikut:
- Header, di bagian atas halaman
- Panel Proses Data Tabel, yang ada di atas Tabel Data
- Tabel Data
- Panel Paginasi, di bawah Tabel Data
Masing-masing bagian dijelaskan berikut ini, dengan memperhatikan gambar di atas.
Header
Bagian Header berisi:
- Judul halaman, yang menerangkan data yang ditampilkan
- Jejak, yang terdiri dari serangkaian tautan, sesuai dengan posisi halaman ini di struktur menu. Klik tautan di Jejak untuk navigasi ke halaman terkait.
Panel Proses Data Tabel
Panel ini berisi:
Panel Tombol
Panel Tombol berisi sekumpulan tombol yang melakukan proses tertentu terkait data yang ditampilkan di Tabel Data. Perhatikan Panel Tombol di gambar di atas. Tombol-tombol berikut umum ditemukan di banyak modul:
- Cetak, untuk menampilkan laporan terkait Tabel Data. Laporan yang ditampilkan dapat dicetak apabila perlu.
- Unduh, untuk mengunduh laporan terkait Tabel Data dalam format Excel.
- Aksi Data Terpilih; klik tombol ini untuk memilih aksi yang dapat dilakukan pada baris data yang dipilih pada Tabel Data.
Panel Penyaring
Panel in berisi berbagai unsur data yang dapat digunakan untuk menyaring data yang ditampilkan di Tabel Data. Tiap tombol penyaring dapat diklik untuk memilih unsur data yang akan ditampilkan untuk menyaring Tabel Data. Kalau beberapa unsur data dipilih, maka data yang ditampilkan akan sesuai dengan setiap unsur data penyaring yang dipilih.
Di gambar di atas, terlihat ada empat tombol penyaring, di mana dua unsur data terpilih, yaitu 'KK Aktif' dan dusun 'Kerandangan'. Jadi di contoh tersebut, data Keluarga yang ditampilkan di Tabel Data adalah 'KK Aktif' di dusun 'Kerandangan'.
Kotak Pencarian
Isi teks di Kotak Pencarian dan klik tombol Cari untuk menampilkan data di Tabel Data yang berisi teks tersebut. Kolom data yang dicari berbeda-beda untuk setiap Tabel Data, tetapi umumnya mencari di kolom data yang berisi teks, seperti kolom nama, judul atau isi.
Tabel Data
Tabel Data umumnya merupakan bagian utama dari halaman suatu modul. Beberapa unsur Tabel Data berikut dijelaskan lebih rinci di bawah:
Kolom Pilih Data
Di pinggir kiri Tabel Data sering terlihat kotak yang bisa dicentang pada setiap baris. Data yang dicentang adalah data terpilih yang kemudian dapat diproses oleh aksi yang dipilih pada tombol Aksi Data Terpilih pada Panel Proses Data Tabel (lihat penjelasan di atas).
Tombol Aksi
Contoh kumpulan Tombol Aksi dapat dilihat di gambar di bawah. Di contoh itu terlihat ada lima Tombol Aksi pada setiap baris data. Apabila diklik, aksi tersebut akan dilakukan pada baris data yang bersangkutan.
Ada beberapa Tombol Aksi yang umum ditemukan. Tombol tersebut terlihat di gambar di atas, dan dijelaskan berikut ini:
- Tombol Ubah, yang umumnya akan menampilkan form isian untuk mengubah data pada baris yang bersangkutan. Penjelasan fitur umum form isian ada di Struktur Form Isian
- Tombol Hapus, untuk menghapus data yang bersangkutan
- Tombol Rincian, untuk navigasi ke halaman yang menampilkan rincian dari data yang bersangkutan. Pada contoh di gambar di atas, tombol Rincian akan menampilkan Daftar Anggota Keluarga untuk baris keluarga yang diklik.
Mengurut Kolom
Pada baris judul kolom Tabel Data sering terlihat judul yang berbentuk tautan. Kolom semacam itu menunjukkan bahwa data di Tabel Data dapat diurut menggunakan data kolom tersebut. Klik judul tersebut untuk mengurut data kolom tersebut dari kecil ke besar. Klik sekali lagi untuk mengurut data kolom itu dari besar ke kecil.
Pada contoh Tabel Data di atas, terlihat bahwa Tabel Data Keluarga dapat diurut berdasarkan kolom 'Nomor KK' dan nama 'Kepala Keluarga'.
Tautan Data
Di Tabel Data juga sering ditemukan adanya data yang tampil sebagai tautan. Apabila diklik, akan menyebabkan navigasi ke halaman terkait data tersebut.
Pada contoh Tabel Data di atas, tautan data di kolom 'Nomor KK' akan menampilkan Contoh Kartu Keluarga, sedangkan tautan data di kolom 'Jumlah Anggota' akan menampilkan Daftar Anggota Keluarga.
Panel Paginasi
Pada modul yang memiliki banyak data, umumnya tidak semua data ditampilkan sekaligus. Pembagian data ke dalam kelompok tampilan disebut Paginasi. Panel Paginasi berisi fitur untuk manipulasi pembagian data tersebut. Lihat contoh Panel Paginasi di bawah.
Pada contoh di atas, terlihat satu halaman maksimum menampilkan 50 baris data. Jumlah ini bisa diubah dengan memilih jumlah baris-per-halaman lain yang tersedia. Pada contoh di atas, pilihan lain yang tersedia adalah 100 atau 200 baris-per-halaman.
Kalau jumlah data melebihi jumlah baris-per-halaman, navigasi ke halaman data tertentu dapat dilakukan menggunakan tombol navigasi halaman paginasi. Klik tombol Awal, Akhir atau nomor halaman untuk menampilkan data untuk halaman paginasi tersebut.
Pada contoh di atas, terlihat jumlah data (97) melebihi baris-per-halaman (50). Karena itu, di navigasi halaman paginasi terlihat ada tombol navigasi ke halaman 1 dan halaman 2.