Pengurusan Anak Kariah (Dashboard + Public)

[rohaizanr]

Request dari Setiausaha Masjid Sungai Kecil

Sediakan module Pendaftaran Anak Kariah (public)

Contoh workflow/screen:

Google Form (Self initiative dari Setiausaha Masjid Sg Kecil):
https://forms.gle/i1tXJ9PQuFxi2KKV7

Masjid Pro:
https://www.masjidpro.com/Masjid/daftar_online/pendaftaran.php?redirect=&id_masjid=3744

Isu:
Akta 709(Akta Perlindungan Data Peribadi 2010)

Cara untuk protect e-masjid.my ?

[AimanFariz]

Soalan:

1. Adakah ahli kariah yang daftarkan anak mereka sendiri?
2. Di mana data anak kariah disimpan? Adakah dalam database ahli kariah tetapi dengan special tag/label? Atau buat database asing untuk anak kariah?
3. Adakah ahli kariah boleh lihat data semua anak kariah? Atau hanya visible ke ajk masjid seperti pengerusi/bendahari? perlukan authorization utk ini?

https://www.pdp.gov.my/jpdpv2/akta-709/akta-perlindungan-data-peribadi-2010/
ini link rujukan untuk Akta Perlindungan Data Peribadi 2010.

[rohaizanr]

Jawapan:

1. Ya (Boleh tengok contoh googleform dan masjidpro)
2. Db/table asing utk anak kariah.
3. Hanya visible utk AJK

[mfar1984]

Megenai Isu Akta Perlindungan Data Peribadi 2010, sebagai yang bekerja dengan Law Firm,

kita takda masalah untuk dapatkan data tersebut. sebab saya kalau tengok, data peribadi ni hanya minta nama penuh, ic, no tel, gambar,

dan bukan Salinan Kad Pengenalan. yang perlu dipatuh adalah 7 prinsip

7 PRINSIP PERLINDUNGAN DATA PERIBADI

Wajar orang ramai mengetahui bagaimana data peribadi kita diperolehi dan menyedari akan 7 Prinsip Perlindungan Data Peribadi yang disaran oleh APDP 2010 (Akta 709) iaitu :-
7 Prinsip Perlindungan Data Peribadi yang wajib dipatuhi di bawah seksyen 5(1) dalam Akta 709 ini demi menjaga keutuhan data peribadi :-
Pertama – Prinsip Am di mana seseorang pengguna tidak dibenarkan memproses data peribadi seseorang lain tanpa kebenarannya. Pengertian proses di sini harus dimengertikan sebagai mengendalikan data melalui cara atau kaedah automatis atau pengkomputeran atau apa-apa proses lain.
Kedua – mesti mematuhi Prinsip Notis dan Pilihan di mana makluman dan tujuan awalan dimaklumkan kepada subjek data berkenaan.
Ketiga – ialah Prinsip Penzahiran tujuan data peribadi seseorang subjek itu demi mengenal pasti maksud yang baginya data peribadi itu hendak dizahirkan.
Keempat – Prinsip Keselamatan – apabila memproses data peribadi mana-mana subjek, mengambil langkah supaya data tersebut selamat, tidak diubahsuai, disalahguna atau diberikan kepada pihak-pihak yang tidak berkenaan.
Kelima – Prinsip Penyimpanan: sesuatu data peribadi itu tidak dibenarkan disimpan di dalam sesuatu pemprosesan lebih daripada had masa yang diperlukan.
Keenam – Prinsip Integriti Data – setiap data peribadi dipastikan supaya tepat, lengkap, tidak mengelirukan dan terkini menepati maksud sesuatu data itu disimpan dan diproses.
Ketujuh – Prinsip Akses: seseorang hendaklah diberi hak akses kepada data peribadinya yang dipegang oleh seseorang pengguna data dan juga boleh membetulkan datanya itu supaya terkini.
Oleh yang demikian, rakyat Malaysia khususnya perlu menyedari hak-hak mereka mengikut prinsip-prinsip yang terdapat di dalam Akta ini.

diharap ini dapat menjawab soalan pihak tuan,

saya sarankan sesiapa yang ingin mengisi data tersebut, kita kena buat checkbox menyatakan Saya bersetuju untuk memberi maklumat untuk kegunaan Masjid xxxxxx

dan kalau masih risau untuk bab ni, saya sarankan module ini hanya boleh di access melalui intranet VPN > REVERSE PROXY > MODULE

[AimanFariz]

baik.

kiranya view 'Daftar' AJK Masjid adalah utk daftar ahli kariah, dan view 'Daftar' untuk ahli kariah adalah untuk daftar anak mereka?

[rohaizanr]

Tak perlu daftar di bahagian dashboard, sebab untuk fungsi daftar utk ahli kariah di public kan.

Apa yg perlu mungkin, Edit.

[rohaizanr]

Edit mungkin tak boleh kalau nak ikut Akta,

Mungkin saya salah faham

@mfar1984 comments?

[AimanFariz]

ok saya faham.

ahli kariah pergi ke web public masjid -> E-Khairat, daftar maklumat tanggungan di situ?

[mfar1984]

Edit - boleh edit tapi kena ada form untuk ahli qariah tu edit, contohnya masa submit salah ejaan nama, jadi dia akan pegi ke masjid untuk minta pengurusan supaya memperbetulkan nama dia dalam tu atau seumpamanya,

so dia boleh sign 1 surat yang dia nak ubah nama

kedua mengenai pendaftaran, kalau ahli di masjid tu terlalu banyak, pengurusan xmampu nak handle semua, rasanya boleh di public kan, tp dengan syarat supaya ahli tu di approve setelah melihat data yang dia bagi.

kalau ikut module, memang kena ada frontend dan backend untuk module kariah ni. tapi anak kariah tu kalau kita nak bagi pada ahli kariah tengok anak dibawah dia, maksudnya sistem ni akan jadi sistem online dan pendaftaran online.

lihat balik e-masjid ni tujuan dia sampai ke situ tak

[rohaizanr]

@AimanFariz

Jaga-jaga jgn confuse khairat dgn kariah. Dua benda berbeza

[AimanFariz]

maaf sy tersilap tgk ejaan

[AimanFariz]

Ok, saya baru faham makna sebenar anak kariah dan khairat. Maaf atas kesilapan terma di atas.

Berdasarkan carian setakat ini, Masjid Sungai Kechil punya pendaftaran ahli kariah bermula di sini:
https://www.buletinmutiara.com/wujudkan-pengkalan-data-anak-kariah-masjid-tkm-i/

Jadi soalan saya sekarang ini, memandangkan anak kariah akan mendaftarkan maklumat mereka sendiri, adakah boleh buat 2 cara pendaftaran:

1. kod QR - sediakan kod QR yang boleh diprint dan ditampal di masjid (physical), link ke portal kariah e-masjid untuk domain masjid tersebut. dekat situ, mungkin boleh ada butang 'Daftar Anak Kariah' dan 'Kemaskini data anak kariah'. kalau public klik kemaskini, mereka akan dibawa ke window utk masukkan beberapa detail (identification) mcm nama atau nombor ic, untuk tgk nama mereka dh ada belum dlm tu. klu match, mereka boleh update data di window seterusnya.
   

2. di website e-masjid, domain masjid tersebut, ada portal ahli kariah. boleh daftar dan update terus di situ.

Rasional:

1. penggunaan kod QR semakin berleluasa dan boleh memberikan user experience yang bagus serta pendaftaran yang cepat berbanding dengan public perlu ke website e-masjid utk masjid tersebut.
2. kita perlu mengambil kira faktor device public jugak. Mungkin public ada masalah untuk akses QR code dengan device, jadi mereka boleh pilih option kedua, iaitu layari laman web masjid.

[mfar1984]

Rasional:

1. penggunaan kod QR semakin berleluasa dan boleh memberikan user experience yang bagus serta pendaftaran yang cepat berbanding dengan public perlu ke website e-masjid utk masjid tersebut. (SETUJU)
2. kita perlu mengambil kira faktor device public jugak. Mungkin public ada masalah untuk akses QR code dengan device, jadi mereka boleh pilih option kedua, iaitu layari laman web masjid. (SETUJU)

Kena buat Documentation yang boleh auto generate bahagian pendaftaran atau pun masukkan dalam idea untuk writing Documentation

untuk pendaftaran anak kariah rasanya xperlu ada 1 module dibawah anak kariah, hanya siapa yang ahli kariah boleh access ke laman web dan dia ada access untuk daftar terus anak dibawah dia.

jadi pendaftaran anak kariah ni dibawah module ahli kariah,

tujuan dia untuk kita senang nak match ibu bapa yang tersebut anak dia berapa orang, dan akan papar senarai nama anak dibawah mereka, andaikata kemaskini dibawah ahli kariah itu, itu saya setuju, tujuan dia lagi senang untuk kita verify data ni anak kariah dibawah jagaan siapa.

ini serupa dengan JPN sistem jgk.

[AimanFariz]

ok skrg ni saya keliru balik, adakah anak kariah ni sebenarnya merujuk kepada anak kepada ahli kariah?

Atau merujuk kepada ahli kariah/ahli mukim tu sendiri

[mfar1984]

yang ni anak kariah kita bincang, anak kepada ahli kariah tu sendiri kalau tak silap. @rohaizanr mungkin boleh explain lagi, atau ni orang dibawah jagaan diaorang seperti ahli-ahli asnaf ?

sbb bantuan asnaf ni akan diketahui oleh ahli kariah tu sendiri. apa pendapat tuan ?

[mfar1984]

ok skrg ni saya keliru balik, adakah anak kariah ni sebenarnya merujuk kepada anak kepada ahli kariah?

Atau merujuk kepada ahli kariah/ahli mukim tu sendiri

terus saya blur jgk

ahli kariah tidak berdaftar - yang bermukim dan duduk disekitar masjid / kampung, lebih kurang dalam 4 bulan, yg selalu ikut program2 masjid / surau. yg boleh daftar semua orang dan tidak termasuk bukan warganegara dan penduduk luar kawasan tersebut.

ahli kariah berdaftar - perbezaan ahli kariah yang berdaftar, diaorang boleh ikut MAT, layak undi untuk MAK, layak jgk di calonkan di dalam mesyuarat agong khas dan lain2 lagi, keahlian diaorang ni terlucut andaikata dia meninggalkan mukim tersebut atau meninggal dunia

jadi untuk menjawab tuan nye kat atas, tuan nak buat ahli kariah jadi ahli kariah yang berdaftar kan ?

[rohaizanr]

@AimanFariz

Ahli kariah = anak kariah
Sama je dua ni.
Panggilan anak kariah bunyinya lebih mesra dan dekat dengan masjid 😄

Tanggungan anak kariah = anak/isteri atau orang tua kepada ahli kariah tersebut. Kita tak sebut "anak kepada anak kariah", tanggungan lebih sesuai.

[AimanFariz]

Baik, terima kasih atas penerangan tuan

[mfar1984]

Akan ada tak module tambahan untuk anak kariah dimana nanti dia boleh masukkan tanggungan dibawah dia? Atau sekalikan sahaja di dalam anak kariah module?

[rohaizanr]

Kita boleh sekalikan saja.

[AimanFariz]

baik, kalau mcm tu sy boleh start design wireframe and Ui mockup?

[rohaizanr]

Pendaftaran Ahli Kariah (public)

Cadangan saya:
Kita buat mcm Step-by-step Wizard like form

Step 1:
Accept terma dan syarat.
Contoh: "Saya setuju untuk memberikan maklumat peribadi saya kepada MASJID untuk tujuan semakan dan rekod masjid"
Button "Setuju dan Teruskan"

Step 2:
Public data entry.
Isikan butiran Seperti dalam google form/masjidpro) diatas. Kita buat cantik lagi 😄

Step 3:
Preview and send.
Print out semua butiran dalam bentuk form yang senang dilihat. Pengguna boleh verify apa yang dia key in.
Di bawah sekali ada checkbox
✅ Saya seperti nama dan butiran di atas, memohon untuk didaftarkan sebagai Ahli Kariah bagi Kariah untuk MASJID ???
✅ Saya memperakui maklumat di atas adalah benar dan sekiranya didapati palsu maka permohonan ini adalah terbatal dengan sendirinya.

Button "Hantar"

Step 4
Success page.
Maklumat anda telah dihantar ke pihak masjid.

Button "Kembali ke laman utama"

(Data semua akan di email ke user, as reference)

[lurhays]

Macam file income tax tu ke?

[rohaizanr]

ya

[AimanFariz]

Assalamualaikum, ini cadangan UI Mockup saya.

https://github.com/Dev4w4n/e-masjid.my/assets/99475959/5382463a-47c7-4cf2-b3f4-e34ee0b46e6c
Cadangan ini berdasarkan cadangan Step-by-step wizard form oleh tuan @rohaizanr.

Box2 maklumat tu pula saya ambil daripada Google Form Masjid Sungai Kechil.

Saya cadangkan kita bahagikan maklumat2 tu kepada beberapa kategori:

Maklumat Peribadi:
Nama penuh
No. kad pengenalan
Tarikh lahir
Umur
Jantina

Kontak:
No. telefon
Alamat rumah
Muat naik gambar (boleh juga dikelompokkan dalam kategori lain bergantung pada konteks penggunaannya)

Maklumat Demografik:
Bangsa
Warganegara
Status perkahwinan
Warga emas atau tidak

Maklumat Social:
Jenis bantuan sedang diterima
Ada khairat kematian atau tidak
OKU atau tidak
Wajib solat Jumaat atau tidak

Maklumat Pekerjaan:
Pekerjaan - ada butang utk tambah, andainya public kerja lebih dari satu pekerjaan

Keluarga/Tanggungan:
Maklumat tanggungan - pun ada butang untuk tambah

Pengesahan:
Checkbox "Saya berjanji bahawa maklumat yang diberikan adalah betul" lebih kurg mcm ni,

Lepas click checkbox, boleh click "Hantar"

Maklumat Tambahan: Terma dan Syarat tu dalam cadangan di atas, dia adalah link, so kalau public klik, akan direct ke page/popup Terma dan Syarat

Sila review cadangan ini dan berikan feedback untuk penambahbaikan

[rohaizanr]

@AimanFariz ada sikit. perubahan.

step1: Accept terma dan syarat.
step2: masuk no IC (backend buat search)
step3: sama dan seterusnya

[rohaizanr]

Wajib solat Jumaat atau tidak (boleh buang)

[mfar1984]

cantik dah tu, step by step wizard ni rasanya kita cuma buat 3 sahaja

1. terma dan syarat untuk diaorang accept
2. form ( buat box in box - nampak lebih kemas )
3. review ( ada button download.& print pdf

macam ni pun cantik box in box kalau nak buat

[rohaizanr]

@AimanFariz ada idea untuk dashboard ?

[AimanFariz]

apa perbezaan requirement dekat Dashboard dan Public ya? adakah ajk boleh edit maklumat di dashboard? atau hanya boleh search ahli? kalau hanya boleh search, boleh search ikut nama dan pakai tag mcm yg sedia ada utk khairat ke?

[rohaizanr]

kita buat AJK tak boleh edit, ikut AKTA PDPA.

AJK boleh list all , search by name/ic dulu.

buat minimum feature, tengok requester nanti nak mintak apa, kita tambah

[mfar1984]

User / AJK yang dilantik dan ada akaun sendiri xboleh EDIT file tu melainkan Admin sahaja.

balik pada soalan sebelum ni saya pernah tanye jgk, xde masalah ye kita buat kemudian user level tu?

[rohaizanr]

sekarang ni memang dah ada Admin user iaitu saya(superuser).

[mfar1984]

Ada penambahan sikit @AimanFariz , mengenai form step by step wizard itu dah terbaik, tp kalau dapat, apabila ada user nak daftar dan sekiranya failed to submit seperti verification ROBOT ke ape, or failed sbb xde lain. Harap ada form cache, diaorang xperlu lg isi data yang sama.

[rohaizanr]

Insyallah, ini kita akan buat

[mfar1984]

Untuk comply supaya penyalahgunaan data tidak disalahguna, saya sarankan kita buat seperti data PRU dimana pihak yang ingin tahu status ahli tersebut harus masukkan no ic sahaja.

kalau search menggunakan nama, data mudah untuk dicari apatah lagi kalau hanya letak 1 huruf tapi data dah boleh dapat dicari.

jadi ini berkaitan dengan 7 prinsip pdpa.

dan dalam kes di atas, untuk prinsip ke-7,

pihak ahli khairat atau kariah wajib mendaftar di laman web tersebut supaya mereka boleh access data mereka sendiri.

ini juga salah 1 di dalam 7 prinsip akta pdpa yang harus di patuhi.

tujuan adalah mereka boleh memperbetulkan data peribadi mereka sendiri. Tetapi approval daripada pihak admin itu sendiri

sekaligus menjawab soalan apakah kita perlu user level access, jawapan adalah YA

[rohaizanr]

Saya nak simplify flow ni.

Data akan di email ke ahli kariah setelah register.

Kalau ada perubahan, dia perlu reply email tu ke superadmin.

[mfar1984]

Kalau yang ubah data tu dari pihak admin, maksudnya dia x comply dalam 7 prinsip akta pdpa.

[rohaizanr]

Ok faham.

Jadi di skrin pendaftaran tu, setelah user setuju, perlu isikan no IC dulu.

Ini untuk backend tarik semua data yg link dengan IC tu, jika ada, user boleh edit. Jika tidak, user akan isikan maklumat baru.

Step 1: Agreement page
Step 2: Search No IC
Step 3-seterusnya: Isi maklumat

Boleh macam ni @mfar1984 ?

[mfar1984]

Bukan, untuk case carian IC by ADMIN atau Ahli Kariah melalui backend dashboard atau admin dashboard.

perlu masukkan ic sahaja dan data tersebut akan ditarik sekiranya data tersebut ada dibawah ic tersebut.

untuk admin sahaja boleh edit, untuk ahli kariah atau ajk hanya boleh view only.

tapi untuk pendaftaran pulak, setiap user harus daftar dan pendaftaran tersebut mestilah approval oleh pihak ajk secara manual.

Jadi user yang daftar tersebut boleh membuat edit user profile dgn tempat tertentu tetapi tetap juga pihak ADMIN akan membuat verifikasi dan kelulusan pendaftaran atau ubahsuai data tersebut dr pihak user.

[mfar1984]

Tp step 1 sepatutnya kena login dulu user, kalau pendaftaran baru terus pendaftaran baru, dan user tersebut lah boleh edit profile tu.

Xperlu check ic, tp kalau dia register lagi kali kedua tp ada persamaaan seperti no ic, no telefon dan email. Popup akan keluar bgtahu user exist. Itu je rasanya.

[rohaizanr]

Tak perlu complicated kan feature mudah ni dgn user login.

Boleh try search dan baca MVP, minimal viable product.

Contoh di post pertama Masjid Pro TIADA LOGIN dan patuh PDPA.

https://www.masjidpro.com/Masjid/daftar_online/pendaftaran.php?redirect=&id_masjid=3744

Boleh proceed dah ni. Saya dah boleh create new issue.

Thanks @mfar1984

[mfar1984]

Boleh jgk buat mcm tu.

[AimanFariz]

Assalamualaikum,

Sorry lama x engage in discussion. Ok skrg sy faham the workflow, tuan nk sy buat UI mockup baru? Utk yg 4 step kt atas tu. Kalau perlu, sy boleh buatkan utk 2 kes mcm yg kt atas tu la. Kes yg maklumat dh ada, and kes yg maklumat belum ada, and sy boleh include captcha box mcm yg dicadangkan jugak.

[rohaizanr]

Boleh jugak Aiman. Terima kasih

[AimanFariz]

Assalamualaikum. Ini cadangan UI berdasasrkan perbincangan terkini.

Sections:

1. Perakuan
2. No. Pengenalan
3. Maklumat Diri
4. Pengesahan

Perakuan:
Sebelum tick:

Selepas tick:

No. Pengenalan:

Jenis Pengenalan: No. Passport, MyKad, etc. (yg bersesuaian)

Maklumat Diri:

Penambahan: Box-in-box
Warna box-in-box:

• Default : Putih
• Current: Gradient biru
• Complete: Hijau

Lepas semua dh hijau, boleh click 'Teruskan' dekat box terakhir (Keluarga)
Pengesahan:

Selepas hantar:

[rohaizanr]

@AimanFariz cantik dah ni.

kalau dekat "Maklumat diri" , tambah button "Teruskan", make sense tak ?

[AimanFariz]

untuk setiap sub section ke? Saya rasa make sense je, sbb mungkin ada user yg x familiar dgn box-in-box, lepas dh isi kt bahagain Peribadi dia xtau nk proceed ke next page mcm mana

[rohaizanr]

updated project plan https://github.com/users/Dev4w4n/projects/1

@AimanFariz untuk dashboard dah ada idea ?

[AimanFariz]

Sy dh lost in the comments actually pasal dashboard ni.

Ada berapa jenis dashboard dan apa requirements yg perlu ada? Dashboard utk siapa dan apa deature yg user ni boleh buat di diashboard?

[rohaizanr]

Dashboard untuk kegunaan AJK masjid.

Yang UI kat atas tu untuk public-web, anak kariah isi.

Akan ada side menu baru di Dashboard:

Ahli Kariah

• Carian (by nama, IC, yang berpenyakit, yang menerima bantuan, yang OKU, etc;)
• • View Profile (Modal popup?) - Di sini akan ada toggle untuk benarkan anak kariah edit profile di public-web
• • Boleh print senarai (yang berpenyakit, yang menerima bantuan, yang OKU, etc;)
• QR (boleh print macam cadangan)

[rohaizanr]

Hmmm... Rasanya straight forward design kot, tak perlu Figma.

[AimanFariz]

Ok faham. saya fikir design dulu