Logo UMPSA

Prototaip Sistem Staf eCommunity UMPSA

20 skrin boleh klik — naik taraf portal staf sedia ada · Kampus Pekan & Gambang

Mula Demo: Log Masuk
Prototaip statik — semua data adalah dummy dalam data.js. Setiap skrin mempunyai kawalan Keadaan Demo (Normal / Memuat / Kosong / Ralat) dan penukar BM ⇄ EN.

Skrin Web (15)

Nombor menunjukkan urutan susunan demo 8 minit.

2

Log Masuk + MFA

Kredensi, MyDigital ID, SSO emel, OTP 6 digit, dwibahasa penuh.

3

Papan Pemuka Staf

7 widget termasuk kad staf digital — elemen tandatangan prototaip.

5

Papan Pemuka Ketua PTJ

Kehadiran pasukan, 7 kelulusan menunggu, carta cuti 6 bulan, togol RBAC.

4

Mohon Cuti

Borang penuh + komponen aliran kerja kelulusan 5 peringkat.

Senarai Cuti

Penapis status, drawer butiran, empty state penapis.

5

Inbox Kelulusan

Tugasan pelbagai modul, SLA berwarna, tindakan pukal, catatan wajib tolak.

6

e-Borang Builder

Palet medan, seret & lepas, tetapan BM/EN, aliran kelulusan, pratonton.

Kehadiran

Jam masa nyata, geofence SVG, mod GPS/QR/Punch, sejarah bulanan.

Profil Staf

6 tab, kelengkapan 82%, dokumen berstatus, sesi aktif & MFA.

Direktori Staf

Carian langsung, penapis kampus/PTJ/kategori, grid ⇄ senarai, drawer mini kad.

Pengumuman & Pekeliling

Wajib baca + “Saya Faham dan Akui”, paparan pentadbir 847/1,806.

Pengguna & Peranan

Matriks RBAC 5 peranan × 8 modul, cipta/sunting, impersonasi berjejak.

Jejak Audit

Penapis tarikh/tindakan, butiran nilai sebelum/selepas, eksport.

8

Papan Pemuka Eksekutif

4 carta, 4 kad KPI, penapis global kampus/PTJ/julat.

7

Status Integrasi

11 sistem (HRMIS, RADIUS, efind, MyDigital ID…), uji sambungan langsung.

Skrin Mudah Alih (5)

Dipapar dalam bingkai telefon 375 × 812 seperti pengalaman apl E-COMM.

Apl · Log Masuk

Kredensi sama dengan WiFi kampus, pautan MyDigital ID.

8

Apl · Papan Pemuka

Kad staf, kehadiran, baki cuti, pengumuman, 5 tab navigasi bawah.

Apl · Check-In

Jam masa nyata, geofence, butang besar, sejarah terkini.

Apl · Cuti

Baki 4 jenis, borang ringkas berfungsi, aliran kelulusan mini.

Apl · Notifikasi

Dikumpul mengikut hari, penanda belum dibaca, tanda semua dibaca.

Prototaip v1.0 — 24 Ogos 2026 · Dibina khas untuk pembentangan tender · Tiada data sebenar