PROJECT 03 / Timesheet & HR administration

Timesheet-System PT ITCI Kartika Utama.

A web-based internal system that turns division timesheet uploads into structured attendance recaps and leave monitoring.

Organization
PT ITCI Kartika Utama
My role
Web application development & internal deployment
Focus
Timesheet recap, attendance & leave monitoring
Timesheet Recap dashboard showing the active period, total divisions, uploaded and missing submissions, an import control, and division upload status.
01 / Timesheet dashboard & upload statusOpen original (opens in a new tab)

OVERVIEW

Many divisions.
One structured recap.

I developed a web-based Timesheet Recap System for PT ITCI Kartika Utama to support internal timesheet management and HR administration. The system simplifies the upload, validation, monitoring, and consolidation of timesheet data from multiple divisions, giving administrators a more structured view of attendance and leave records.

01 / PROBLEMTHE DESIGN CHALLENGE

Manual recaps take time.
Attendance data needs clarity.

Timesheet data arrived from multiple divisions and required manual consolidation before it could support attendance and leave administration. The system needed to make uploads easier to manage, distinguish employee and daily-worker data, and turn attendance codes into a consistent recap without losing visibility of each division and reporting period.

01

Distributed timesheet submissions

Track which divisions have uploaded their timesheets for an active period and make outstanding submissions easy to identify.

02

Attendance and leave interpretation

Apply attendance-code and leave-calculation logic consistently across records while keeping the resulting information reviewable.

03

Administrative reporting

Generate a consolidated recap that supports HR administration without repeated manual compilation in spreadsheets.

02 / SOLUTIONCONNECTED BY DESIGN

From uploads
to actionable records.

The application provides a division-based upload workflow, period management, automatic recap generation, and dedicated administration for employee leave and collective leave. It separates employee and daily-worker data, calculates attendance codes, and presents monitoring views that connect uploaded timesheet records with leave administration.

From timesheet upload to recap

A high-level view of how division records move through the system for administration and reporting.

  1. 01 Create reporting period
  2. 02 Upload division timesheets
  3. 03 Validate upload status
  4. 04 Separate employee & daily-worker data
  5. 05 Calculate attendance codes
  6. 06 Generate combined recap
  7. 07 Monitor leave records
  8. 08 Export administrative reports

Division-based uploads

Manage timesheet submissions by division and monitor which areas have completed uploads for the selected period.

Automatic recap generation

Consolidate submitted records into a structured recap while separating employee and daily-worker data.

Attendance-code calculation

Implement attendance logic that translates timesheet codes into a consistent recap for administrative review.

Leave monitoring

Maintain employee leave settings, monitor leave from timesheet records, and manage collective leave information.

Period management

Create and manage reporting periods so uploads, recaps, and monitoring are organized around the correct timeframe.

Excel & QR-supported reporting

Export Excel recaps and support administrative reporting with QR- and Excel-enabled workflows.

Combined Timesheet Recap interface showing employee identifiers, roles, daily attendance codes, and grouping by division for August 2026.
02 / Combined employee timesheet recapOpen original (opens in a new tab)

A combined view brings employee attendance records from multiple divisions into a single period-based recap.

03 / RESULTSWHAT THE SYSTEM ENABLES

Less manual recap work.
More reliable monitoring.

The system replaces a more manual recap process with a centralized workspace for period-based uploads, attendance information, and leave administration.

01

Reduced manual recap work

Automatic recap generation reduces repeated manual consolidation of division timesheet data.

02

More structured data handling

Period, division, employee, and daily-worker records are handled through a clearer administrative workflow.

03

Improved attendance & leave visibility

Attendance code processing and leave monitoring make relevant HR information easier to review from timesheet records.

04

Ready-to-export reporting

Consolidated records can be exported for administrative reporting and follow-up.

04 / TECH STACKTHE TOOLS BEHIND THE SYSTEM

Built with Laravel.
Deployed internally.

Built with Laravel, Tailwind CSS, Livewire, JavaScript, and MySQL, then deployed to a Synology NAS as an internal company server.

Technologies used and their roles in Timesheet-System PT ITCI Kartika Utama
TechnologyRole in the system
Laravel Application framework and business logic
Livewire Interactive search and administration workflows
Tailwind CSS Styling and responsive interfaces
JavaScript Client-side interface interactions
MySQL Relational storage for timesheet and leave data
Synology NAS Internal company-server deployment

BEHIND THE WORK

A project by Muhammad Wendra Suryananda.

Back to selected work