Total Employees
0
Active workforce
Net Monthly Salary
₹0
After PF & Tax
Avg Attendance
0%
This month
Active Departments
0
Functional units
Department Distribution
Top Attendance
Recent Employees
| EMP ID | Name | Department | Net Pay | Attendance | Status |
|---|
Employee Directory
| EMP ID | Name | Department | Designation | Base Salary | Contact | Status | Action |
|---|
Attendance Tracker
| EMP ID | Name | Department | Days Present | Attendance % | Status |
|---|
Payroll Processing
| EMP ID | Name | Base Salary | Days Present | Gross Pay | PF (12%) | Tax (10%) | Net Pay | Status |
|---|
Payroll Summary Report
Total payroll expenditure breakdown by department, showing gross and net amounts.
Attendance Summary Report
Monthly attendance statistics for all departments with performance rating.
Headcount by Department
Visual representation of department-wise employee distribution.
BCA — 6th Semester · RKDF University
Human Resource Management
Information System
A comprehensive MIS-based solution for automating and streamlining
employee management, attendance tracking, and payroll processing.
Section 01
Project Title & Team
Project Title: Human Resource Management Information System (HRMIS)
Submitted To: RKDF University
Aditya Kr. Pandey
Team Lead & Developer
BCA 6th Sem
Harshita Rai
System Analyst
BCA 6th Sem
Md. Istiyaque Ansari
UI Designer & Tester
BCA 6th Sem
Section 02
Problem Statement
Most small and medium-sized organizations in India still rely on manual, paper-based processes for managing human resources. This leads to frequent errors in attendance records, delayed salary calculations, and a complete lack of analytical reporting.
HR departments spend excessive time on repetitive tasks — maintaining attendance registers, calculating payroll manually each month, and preparing department reports by hand. This wastes valuable time and introduces human error into critical business processes.
There is a clear need for an affordable, easy-to-use, web-based HRMIS that automates these tasks, maintains accurate records, and provides instant reports and analytics — accessible from any device without complex software installation.
Section 03
Objectives
Section 04 & 05
Existing vs. Proposed System
Existing Business Process
- Attendance maintained in manual registers.
- Salary computation relies on memory and rough calculations.
- Generating department summaries takes hours of paperwork.
- Frequent errors in PF/Tax deductions lead to disputes.
- No easy way to search employee records instantly.
- Hard to scale when new employees join the firm.
New HRMIS Implementation
- Instant, secure digital attendance logging.
- Automated formula-driven payroll system eliminating calculation errors.
- Real-time dashboard reporting for management.
- Complete transparency in tax and PF deductions.
- Instant search functionality across the entire employee database.
- Scalable web platform built using pure JavaScript arrays for performance.
Section 06
Tools & Technologies
HTML5
Structure & Markup
CSS3
Styling & Animations
JavaScript
Logic & Interactivity
Google Fonts
Poppins & Inter
VS Code
Code Editor
Web Browser
Runtime Environment
This project uses pure client-side technologies — no server or database installation required. All data is managed in memory via JavaScript, making it ideal for a prototype demonstration. A production version would integrate a backend (Node.js / PHP) with a MySQL database.
Section 07
System Architecture
The HRMIS follows a straightforward 3-layer architecture for presentation, processing, and data management:
Data Flow:
- HR Admin interacts with the web-based interface (Dashboard, Employees, Attendance, Payroll tabs).
- Input actions (add employee, update attendance) are processed by JavaScript functions.
- The data layer (in-memory JS array) is updated and all related views are re-rendered.
- The Output layer displays calculated payroll, attendance stats, and visual charts in real time.
Section 08
System Modules
Employee Module
- Add and remove employee records
- Store: ID, Name, Department, Designation
- Store: Base Salary, Contact, Status
- Search & filter by name or department
- Auto-generated EMP IDs (EMP001, EMP002…)
Attendance Module
- Input days present per employee
- Configurable working days per month
- Auto-calculate attendance percentage
- Status badge: Excellent / Average / Poor
- Real-time recalculation across all modules
Payroll Module
- Gross Pay = (Base ÷ Working Days) × Present
- PF Deduction = 12% of Gross Pay
- Income Tax = 10% of Gross Pay
- Net Pay = Gross − PF − Tax
- Summary: Total Gross, PF, Tax, Net Payable
Reports Module
- Payroll report — department-wise cost analysis
- Attendance report — dept-wise average attendance
- Headcount chart — visual bar graph per department
- Dashboard KPIs updated in real-time
- Supports management decision-making
Section 09
Work Completed
Phase 1 — Planning & Requirement Analysis
Identified the problem domain, defined scope, gathered functional requirements, and planned the module structure of the HRMIS.
Phase 2 — UI Design & Prototype Layout
Designed the dark-neon glassmorphism interface with sidebar navigation, tab-based layout, and card components for a premium user experience.
Phase 3 — Core Module Development
Built and tested all four modules: Employee Directory, Attendance Tracker, Payroll Processing, and Reports with live data rendering.
Phase 4 — Dashboard & Analytics
Implemented real-time KPI cards, department bar charts, top-attendance visual bars, and a recent employees summary table.
Phase 5 — Testing & Project Report (In Progress)
Final testing across all browsers, validation of payroll formulas, and completion of this MIS project report for submission.
Section 09
Expected Outcome
Section 11
Future Scope
Section 12
References
Core reference for modern JavaScript arrays and DOM manipulation techniques used in our logic.
Guidance on implementing responsive CSS Grid designs and flexbox container patterns.
Academic framework for structuring the HRMIS capabilities and defining proper KPIs.