githubEdit

tvTampilan Sistem (UI/UX)

Odoo pesantren memiliki tampilan yang berbeda-beda pada setiap modulnya dan memiliki fitur yang interaktif pada setiap tampilannya. Berikut adalah semua tampilan dan fitur pada aplikasi Odoo Pesantren:

Aplikasi Pendaftaran

Landing Page

Landing Page dari Aplikasi Penerimaan Santri Baru (PSB) Daarul Qur'an Istiqomah dirancang untuk memberikan informasi awal yang jelas dan menarik bagi calon santri maupun orang tua/wali santri.

Dalam tampilan tersebut terdapat fitur umum yang punya fungsi masing-masing. Penjelasan dari fungsi tersebut adalah sebagai berikut:

Navbar di bagian atas halaman ini memudahkan pengguna mengakses halaman seperti Beranda, Pendaftaran, Login, dan Bantuan. Dilengkapi dengan logo dan nama pesantren, navbar dirancang responsif dan mudah digunakan.

Informasi Utama

Berisi judul dan deskripsi singkat dari aplikasi PSB. Dibawahnya terdapat tombol aksi utama "Daftar Sekarang!" untuk langsung mengakses halaman pendaftaran.

Kartu Informasi

Terdapat empat kartu utama yang memberikan akses cepat ke informasi penting:

  1. Program Pendidikan - Menjelaskan jenjang pendidikan yang tersedia (KB/TK, SD, SMP, MA dengan program Tahfizh Bilingual).

  2. Jadwal Kegiatan - Menyediakan informasi jadwal PSB (Penerimaan Santri Baru) dan kuota test.

  3. Syarat Pendaftaran - Menjelaskan persyaratan administrasi dan dokumen yang dibutuhkan.

  4. Bantuan - Memberikan informasi kontak jika pengguna membutuhkan bantuan melalui WhatsApp atau Telepon.

Setiap kartu informasi memiliki tombol "Detail" untuk menavigasi ke halaman dan berisi pop-up yang memiliki informasi lebih lengkap.

Footer halaman yang berisi tautan navigasi tambahan seperti Home, Info Pondok, Brosur, dan Panduan, serta informasi hak cipta. Di sisi kanan, terdapat keterangan hak cipta: © 2024 TIM IT PPIB.

Pop-up Informasi Tambahan

Tampilan ini dapat diakses dengan mengklik tombol "Detail" pada setiap kartu informasi di landing page. Masing-masing pop-up berfungsi untuk menampilkan informasi yang lebih lengkap dan spesifik, sesuai dengan topik yang diwakili oleh kartu tersebut.

Formulir Pendaftaran Santri

Tampilan ini berisi halaman yang merupakan bagian utama dari proses pendaftaran santri baru yang terbagi dalam beberapa tahapan isian data, yaitu:

  1. Data Login – Memilih metode pembuatan akun (No Telp/WA atau Email).

  2. Data Siswa – Mengisi identitas lengkap calon santri.

  3. Data Orang Tua – Mengisi informasi wali atau orang tua santri.

  4. Data Sekolah Asal – Mengisi data riwayat pendidikan sebelumnya.

  5. Data Berkas – Mengupload dokumen atau syarat administrasi.

Navigasi antar bagian ditampilkan dalam bentuk tab horizontal di atas form, dan setiap langkah dapat dilanjutkan dengan tombol "Selanjutnya". Jika sudah mengisi hingga pengisian berkas, maka pendaftaran akan diselesaikan dengan tombol "Daftar".

Tampilan ini memudahkan calon pendaftar untuk mengikuti alur secara bertahap, jelas, dan terstruktur.

Halaman Sukses Pendaftaran

Setelah calon santri berhasil menyelesaikan proses pengisian formulir, sistem akan menampilkan halaman konfirmasi sebagai tanda bahwa pendaftaran telah diterima. Halaman ini berisi informasi tentang nomor pendaftaran, jenjang pendidikan yang dipilih, data lengkap calon santri, serta detail pembayaran seperti nama bank, nomor rekening, dan jumlah yang harus dibayarkan. Pengguna juga diarahkan untuk mencetak form pembayaran dan diingatkan untuk memantau email atau WhatsApp terkait informasi lanjutan.

Aplikasi Managemen

Dasbor

Tampilan dasbor memberikan ringkasan visual mengenai kumpulan informasi dalam suatu periode waktu tertentu. Informasi ditampilkan secara informatif dan interaktif dengan menggunakan berbagai komponen seperti card, chart dengan berbagai tipe seperti pie, bar, dan line, dan ada tabel list data.

Dalam dasbor terdapat fitur umum yang punya fungsi masing-masing, yaitu:

Fitur/Tombol
Fungsi

Filter data dengan periode yang bisa dikustomisasi sendiri

Filter data dengan periode yang bisa dipilih melalui berbagai pilihan waktu

Merefresh data di dasbor secara otomatis setiap 10 detik

Menampilkan grafik secara full screen

Tampilan Modul

Modul pada Aplikasi Odoo Pesantren memiliki berbagai jenis tampilan yaitu:

Kanban

Tampilan kanban adalah tampilan visual berbasis kartu yang digunakan untuk mengelola dan mengorganisir data secara ringkas dan intuitif, biasanya disusun dalam kolom atau baris untuk memudahkan pemantauan status atau kategori data.

List

Tampilan list adalah tampilan yang berisi suatu daftar data yang sudah dibuat pada modul tertentu.

Form

Tampilan form biasanya digunakan untuk menampilkan detail dari satu record (entri data) secara lengkap dan terstruktur.

Last updated