ITDC PesantrenDashboard Ringkasan

Dashboard Ringkasan

Ringkasan statistik kinerja, presensi hari ini & modul ITDC

Total Pegawai

2SDM Aktif

Guru, Ustadz/Ustadzah & Staf ITDC

Presensi Shalat GPS

100%Geofence Valid

Radius Masjid Jami Annur Darunnajah 8

Rata-Rata KPI Guru

89.9Grade A/B

Evaluasi Periode 2026-GANJIL

Poin & Insentif

+45Apresiasi

Poin Kedisiplinan & Penghargaan

Clean Architecture BlueprintPesantren Annur Darunnajah 8 Cidokom

Arsitektur & Fondasi Sistem ITDC

Rancangan fondasi aplikasi manajemen kinerja guru, absensi GPS/Barcode, KPI, & insentif yang modular, scalable, dan siap dikembangkan bertahap.

Status Fondasi

100% Siap Pengembangan Modul

1. Struktur Folder (Clean Architecture)

Pemisahan tanggung jawab yang terisolasi: Domain, Use-Cases, Infrastructure, & Presentation layer.

Next.js 15 App Router

// Clean Architecture Directory Hierarchy

src/

├── domain/ (Enterprise Business Rules)

│ ├── entities/ (user.ts, attendance.ts, kpi.ts)

│ ├── repositories/ (Interfaces IUserRepo, IAttRepo)

│ └── constants/ (roles.ts, navigation.ts)

│

├── use-cases/ (Application Business Rules)

│ ├── UserUseCase.ts (CRUD pegawai & validasi)

│ ├── AttendanceUseCase.ts (Geofence GPS & QR scanner)

│ └── KpiUseCase.ts (Rumus skor & kalkulasi insentif)

│

├── infrastructure/ (Frameworks & Drivers)

│ ├── firebase/ (firebase.config.ts, auth, firestore)

│ └── repositories/ (FirebaseUserRepository, MockRepo)

│

└── presentation/ (UI & Controllers)

├── components/ (Navbar, Sidebar, Reusable Tables)

└── context/ (AuthContext, State Providers)

// Next.js Routes

app/

├── dashboard/ (Shell page & modules)

│ ├── pegawai/ page.tsx

│ ├── absensi-shalat/ page.tsx

│ ├── absensi-barcode/ page.tsx

│ ├── kpi/ page.tsx

│ ├── portofolio/ page.tsx

│ └── insentif/ page.tsx

└── login/ page.tsx

Prinsip Clean Architecture ITDC

1. Independence of UI & Framework

Logika perhitungan KPI, insentif, dan geofencing GPS dibuat murni dalam TypeScript tanpa ketergantungan pada React UI.

2. Repository Pattern (Plug-and-Play Backend)

Modul dapat berjalan secara instant menggunakan Firebase Firestore live ataupun Mock Repositories untuk testing lokal & Cloudflare deployment.

3. Highly Reusable Components

Komponen tabel, badge, filter, form modal, dan pemicu barcode dapat digunakan kembali lintas 10 modul utama.