Sebuah Ide untuk Membantu Persiapan Calon Petugas Haji
Persiapan menghadapi seleksi Petugas Haji tidak hanya membutuhkan materi pembelajaran, tetapi juga membutuhkan latihan yang memungkinkan seseorang terbiasa mengerjakan soal dalam kondisi yang menyerupai ujian.
Dari kebutuhan tersebut, dikembangkan sebuah portal latihan berbasis web dengan nama Petugas Haji 2027.
Portal ini dibuat untuk memberikan pengalaman latihan yang lebih praktis. Pengguna tidak perlu membuka dokumen soal satu per satu. Mereka cukup masuk ke website, memilih paket, kemudian mengerjakan soal secara langsung melalui browser.
Project ini dapat diakses melalui:
petugashaji2027.masalidigital.com

Dari Bank Soal Menjadi Media Latihan Interaktif
Pada awalnya, soal latihan hanya berupa kumpulan pertanyaan dan pilihan jawaban.
Format seperti itu memang dapat digunakan untuk belajar, tetapi memiliki keterbatasan.
Pengguna tidak mendapatkan pengalaman seperti:
- mengatur waktu pengerjaan;
- berpindah antarsoal;
- mengetahui jumlah soal yang sudah dijawab;
- kembali ke soal tertentu;
- melihat hasil setelah menyelesaikan latihan.
Karena itu, konsepnya kemudian diubah menjadi simulasi CAT berbasis browser.
Dengan pendekatan tersebut, bank soal tidak hanya menjadi kumpulan materi, tetapi menjadi sebuah sistem latihan interaktif.
🕋 Mengenal Portal Petugas Haji 2027
Petugas Haji 2027 merupakan portal latihan yang dirancang untuk membantu pengguna melakukan persiapan secara mandiri.
Portal menyediakan halaman utama sebagai pusat navigasi. Dari halaman tersebut pengguna dapat memilih paket latihan yang tersedia.
Konsep navigasinya dibuat sederhana:
Halaman Utama → Pilih Paket → Kerjakan Soal → Kumpulkan → Lihat Hasil
Dengan alur tersebut, pengguna tidak perlu memahami teknologi atau instalasi aplikasi tertentu.
Cukup menggunakan browser.
💻 Sistem CAT dalam Browser
Salah satu bagian utama dari project ini adalah sistem ujian berbasis HTML, CSS, dan JavaScript.
Setiap paket latihan dirancang agar pengguna mendapatkan elemen-elemen yang umum ditemukan dalam sistem ujian komputer.
Di antaranya:
⏱️ Pengatur Waktu
Timer membantu peserta membiasakan diri menyelesaikan latihan dalam batas waktu tertentu.
🔢 Navigasi Nomor Soal
Nomor soal tersedia dalam panel khusus sehingga peserta dapat berpindah ke pertanyaan tertentu tanpa harus melewati seluruh soal satu per satu.
📝 Status Jawaban
Sistem memberikan indikator untuk membedakan soal yang sudah dijawab dan yang belum.
⬅️➡️ Navigasi
Peserta dapat menggunakan tombol sebelumnya dan berikutnya ketika mengerjakan soal.
🏁 Pengumpulan Jawaban
Setelah selesai, peserta dapat mengakhiri simulasi dan melihat hasil pengerjaan.
📱 Dirancang untuk Pengguna Smartphone
Salah satu pertimbangan dalam project ini adalah kebiasaan pengguna internet saat ini.
Tidak semua orang mengerjakan latihan menggunakan laptop atau komputer.
Sebagian besar kemungkinan akan membuka latihan menggunakan smartphone.
Karena itu, desain portal dibuat responsive agar elemen penting tetap mudah digunakan pada layar yang lebih kecil.
Kotak pilihan jawaban, tombol navigasi, timer, dan nomor soal dirancang agar tetap dapat digunakan dengan nyaman.
🗂️ Sistem Paket Latihan
Untuk membuat latihan lebih terstruktur, soal dibagi ke dalam beberapa paket.
Setiap paket memiliki target:
100 soal latihan
Dengan demikian pengguna dapat memilih sesi latihan sesuai kebutuhan.
Halaman utama menampilkan paket dalam bentuk kartu.
Misalnya:
Paket CAT 01
100 soal
Paket CAT 02
100 soal
Paket CAT 03
100 soal
dan seterusnya.
Menariknya, seluruh area kartu dapat diklik.
Jadi pengguna tidak harus mencari tombol kecil untuk masuk ke paket.
📌 Penjelasan Status Soal
Salah satu bagian yang sengaja diperhatikan adalah transparansi mengenai status bank soal.
Portal menggunakan keterangan yang jelas:
Soal-soal pada website ini merupakan bahan latihan/simulasi untuk membantu persiapan calon Petugas Haji. Soal ini bukan merupakan soal resmi seleksi Petugas Haji dan tidak menjamin kesamaan dengan soal yang digunakan dalam seleksi resmi.
Dengan catatan tersebut, pengguna mengetahui bahwa website ini merupakan media latihan, bukan portal resmi penyelenggara seleksi.
Pengguna juga diarahkan untuk menggunakan soal sebagai sarana belajar mandiri.
🔐 Akses Portal yang Terbatas
Selama tahap pengembangan, portal tidak langsung dibuka secara bebas.
Sistem menggunakan mekanisme autentikasi pada server sehingga akses dapat dibatasi menggunakan username dan password.
Pendekatan ini berguna ketika sebuah website masih dalam tahap:
- pengujian;
- pengembangan;
- penyusunan bank soal;
- pengecekan sistem;
- dan persiapan sebelum dipublikasikan lebih luas.
Dengan cara tersebut, pengembang dapat melakukan pengujian tanpa harus membuka sistem kepada seluruh pengguna internet.
❤️ Konsep Berbagi Secara Gratis
Salah satu konsep yang diterapkan pada portal adalah menyediakan bank latihan awal secara gratis.
Tujuannya sederhana: memberikan kesempatan kepada calon peserta untuk mencoba sistem dan merasakan pengalaman mengerjakan simulasi CAT.
Tidak semua orang yang membutuhkan latihan memiliki kemampuan atau kesempatan untuk membeli materi latihan.
Karena itu, pendekatan yang digunakan adalah:
Latihan tersedia untuk belajar. Dukungan bersifat sukarela.
Jika seseorang merasa mendapatkan manfaat, mereka dapat memberikan dukungan untuk membantu keberlangsungan pengembangan.
💳 Dukungan Pengembangan melalui DANA
Portal menyediakan kanal dukungan menggunakan:
DANA: 081216738354
Dukungan tersebut diarahkan untuk membantu kebutuhan pengembangan seperti:
- penyusunan materi latihan;
- pengembangan sistem;
- pemeliharaan website;
- perbaikan fitur;
- dan pengembangan bank soal.
Namun pengguna yang tidak memberikan dukungan tetap dapat menggunakan materi latihan yang tersedia.
📲 Akses Latihan Tambahan
Selain materi yang tersedia pada portal, terdapat pula opsi bagi pengguna yang ingin memperoleh informasi mengenai 2.500 soal latihan lainnya.
Untuk informasi tersebut, pengguna dapat menghubungi:
WhatsApp: 081216738354
Dengan demikian, komunikasi mengenai materi tambahan dapat dilakukan secara langsung.
🧩 Bukan Sekadar Website Soal
Hal menarik dari project ini adalah perubahan cara memandang sebuah bank soal.
Sebuah kumpulan soal sebenarnya dapat dikembangkan menjadi berbagai bentuk produk digital.
Dalam project Petugas Haji 2027, soal diubah menjadi:
Konten → Sistem → Simulasi → Pengalaman Pengguna
Perubahan tersebut membuat materi latihan menjadi lebih interaktif.
Pengguna tidak hanya membaca pertanyaan, tetapi juga berinteraksi dengan sistem.
🛠️ Teknologi yang Digunakan
Project ini menggunakan teknologi web yang relatif ringan sehingga dapat berjalan langsung melalui browser.
Teknologi yang digunakan meliputi:
- HTML;
- CSS;
- JavaScript;
- responsive web design;
- sistem autentikasi Apache;
.htaccess;- hosting berbasis cPanel;
- subdomain;
- dan sistem penilaian berbasis browser.
Pendekatan tersebut membuat sistem tidak membutuhkan instalasi aplikasi khusus di perangkat pengguna.
🔄 Perjalanan Pengembangan
Secara sederhana, proses project dapat digambarkan sebagai berikut:
Kebutuhan latihan
↓
Pengumpulan bank soal
↓
Penyusunan paket
↓
Pembuatan halaman CAT
↓
Penambahan timer
↓
Navigasi soal
↓
Sistem penilaian
↓
Responsive design
↓
Portal utama
↓
Proteksi akses
↓
Petugas Haji 2027
Proses ini menunjukkan bahwa sebuah project digital dapat berkembang secara bertahap sesuai kebutuhan.
🎯 Fokus Utama: Kemudahan Pengguna
Dalam pengembangan portal, teknologi bukan menjadi tujuan akhir.
Yang lebih penting adalah apakah pengguna dapat memahami cara menggunakannya.
Karena itu, beberapa keputusan desain sengaja dibuat sederhana.
Contohnya:
Pilih paket → mulai → jawab → kumpulkan → lihat hasil.
Tidak ada proses instalasi aplikasi.
Tidak membutuhkan perangkat khusus.
Pengguna cukup membuka browser dan mengakses portal.
📈 Potensi Pengembangan
Portal ini masih dapat dikembangkan lebih lanjut.
Beberapa kemungkinan pengembangan antara lain:
- sistem statistik hasil latihan;
- riwayat nilai;
- kategori materi;
- bank soal yang lebih besar;
- simulasi dengan tingkat kesulitan berbeda;
- randomisasi soal;
- randomisasi pilihan jawaban;
- halaman pembahasan;
- leaderboard latihan;
- dan dashboard pengguna.
Pengembangan tersebut dapat dilakukan secara bertahap berdasarkan kebutuhan pengguna.
🏆 Hasil Project
Dari sebuah kebutuhan sederhana untuk menyediakan latihan soal, akhirnya terbentuk sebuah portal simulasi CAT Petugas Haji 2027 berbasis web.
Project ini memperlihatkan bagaimana teknologi sederhana seperti HTML, CSS, dan JavaScript dapat digunakan untuk membuat sistem latihan yang lebih interaktif.
Portal tersebut dapat diakses melalui:
petugashaji2027.masalidigital.com
dan menjadi salah satu contoh project digital yang dikembangkan dalam ekosistem Mas Ali Digital.
Tentang Ali Mustika Sari
Ali Mustika Sari merupakan personal website yang menjadi ruang untuk berbagi berbagai aktivitas, pembelajaran, eksperimen, dan project digital.
Pengembangan Petugas Haji 2027 menjadi salah satu contoh bagaimana sebuah ide dapat diterjemahkan menjadi produk digital yang dapat digunakan secara langsung.




