📋 Portfolio Project: Enterprise Security & Attendance Management System

📸 1. GPS-Based Attendance System

Attendance system with GPS location validation.

What I Built:

• • Camera Integration - Real-time camera access
• • GPS Location Tracking - Real-time location tracking
• • Max Distance Validation - Radius validation from work location
• • Selfie Capture - Photo capture for proof
• • Check-in/Check-out - Check-in/check-out system
• • History Tracking - Complete attendance history

Technical Highlight:

// Attendance with GPS validation
public function store(Request $request)
{
    $validated = $request->validate([
        'photo' => 'required|string',
        'latitude' => 'required|numeric',
        'longitude' => 'required|numeric',
    ]);

    $location = $this->validateLocation(
        $validated['latitude'],
        $validated['longitude']
    );

    if (!$location) {
        return back()->withErrors(['location' => 'Outside work area']);
    }

    $absen = Absen::create([
        'user_id' => auth()->id(),
        'lokasi_id' => $location->id,
        'photo' => $this->processPhoto($validated['photo']),
        'check_in' => now(),
        'latitude' => $validated['latitude'],
        'longitude' => $validated['longitude'],
        'status' => 'present'
    ]);
}

📹 2. Live Video Monitoring System

Live monitoring system with streaming and archive.

What I Built:

• • Video Upload - Upload incident videos
• • Multi-file Upload - Upload multiple videos
• • Video Player - Video.js integration
• • Video Archive - Video storage and browsing
• • Role-based Access - Security only can upload/delete
• • Storage Health Check - Storage capacity monitoring

📱 3. Mobile-First Security Interface

Dedicated interface for field security.

What I Built:

• • Mobile Dashboard - Simplified UI for mobile
• • Quick Actions - Check-in, report incident, emergency
• • Camera Access - Selfie and incident photos
• • GPS Integration - Location tracking
• • Offline Consideration - Graceful handling

Pages: Mobile_satpam.vue, Mobile_satpam_first.vue

⏰ 4. Overtime/Lembur Management

Overtime request and approval system.

• • Overtime Request - Overtime request by security
• • Approval Workflow - HRD approval/reject
• • Hour Calculation - Overtime hours calculation
• • Overtime Report - Overtime reports

🚨 5. Incident & Activity Reporting

Daily incident and activity reporting system.

• • Daily Incidents - Daily incident reports
• • Priority Reports - High-priority incidents
• • Photo/Video Upload - Media attachment
• • Comment System - Comments on reports
• • Time Tracking - Incident time

Report Types:

👥 9. Role-Based Dashboards