Project

General

Profile

Feature #3926

Tampilan UI PMS Adjustment

Added by Mr Dhafin about 4 hours ago.

Status:
New
Priority:
Normal
Assignee:
Start date:
09/29/2025
Due date:
10/01/2025 (Due in 2 days)
% Done:

0%

Estimated time:

Description

Dear mas Alwi,

Mohon bantuannya untuk Implementasi tampilan PMS Adjustment sesuai dengan desain mockup yang sudah diberikan. Tampilan ini digunakan untuk menampilkan distribusi pencapaian karyawan berdasarkan KPI, serta melakukan simulasi dan penyesuaian nilai.

Requirements & Features
1. Header Section
o Menampilkan logo perusahaan (MINOVAIS).
o Judul halaman: PMS Adjustment.

2. Filter System
o Dropdown Period (pilih periode evaluasi).
o Dropdown Org Unit (pilih unit organisasi).
o Tombol View untuk menampilkan hasil.

3. Achievement Unit
o Field text untuk menampilkan informasi capaian unit.

4. Output Section
o Judul: Output.
o Grafik Distribusi dengan dua garis:
Biru = Original
Merah = Adjusted
Sumbu X = Grade (E, D, C, B, A).
Sumbu Y = Persentase (0–100).
o Keterangan Grade:
A (Sangat Baik): ≥ 120% target
B (Baik): 90–120% target
C (Cukup): 70–89% target
D (Kurang): 50–69% target
E (Sangat Kurang): < 50% target

5. Detail Distribusi Table
o Kolom: Unit, Position, Employee, Grade, KPI, Group, Score, Index, Adj Score, Adj Index.
o Fitur pagination (menampilkan data per halaman, total ±120 records).
o Fitur refresh data.

6. Action Buttons
o Simulate Adj → menjalankan simulasi penyesuaian.
o Accept → menyimpan hasil penyesuaian.


Files

UI UX Demo_page-0003.jpg (2.07 MB) UI UX Demo_page-0003.jpg Mr Dhafin, 09/29/2025 05:13 PM

No data to display

Also available in: Atom PDF