Aplikasi Project TimeSheet

2 0

Di era digitalisasi yang semakin cepat, pengelolaan proyek secara manual sudah tidak lagi efisien. Banyak perusahaan — terutama di bidang konstruksi, engineering, konsultansi, dan jasa lapangan — masih mengandalkan lembaran kertas, spreadsheet Excel yang terpisah-pisah, atau aplikasi berbayar yang terlalu kompleks untuk kebutuhan sehari-hari.

Project Time Sheet Log hadir sebagai solusi berbasis web yang ringan, praktis, dan dapat dijalankan langsung di server lokal maupun hosting biasa. Aplikasi ini dibangun menggunakan teknologi PHP + MySQL yang sudah terbukti andal, dengan antarmuka yang modern, responsif, dan mudah digunakan oleh semua kalangan — dari staf lapangan hingga manajemen puncak.

Artikel ini akan membahas secara lengkap: latar belakang permasalahan yang melatarbelakangi pengembangan aplikasi ini, batasan masalah yang diangkat, konsep sistem, kebutuhan teknis, cara instalasi, fitur-fitur unggulan, hingga bagaimana aplikasi ini menjadi solusi nyata untuk masalah pengelolaan proyek di lapangan.

Latar Belakang Permasalahan

Manajemen Proyek yang Masih Konvensional

Dalam pengelolaan proyek skala menengah, sering ditemukan beberapa masalah yang berulang:

1. Pencatatan Waktu Kerja yang Tidak Terstruktur Staf lapangan mencatat jam kerja di selembar kertas atau form Excel yang kemudian dikirim lewat WhatsApp atau email. Proses ini memakan waktu, rawan kesalahan ketik, dan sulit diverifikasi.
2. Pengelolaan Biaya yang Tidak Transparan Pengeluaran proyek dicatat oleh masing-masing personel secara terpisah. Tidak ada satu sumber data tunggal (single source of truth) yang bisa diakses semua pihak. Akibatnya, rekonsiliasi anggaran di akhir bulan menjadi pekerjaan yang melelahkan.
3. Tidak Ada Alur Persetujuan yang Jelas Tanpa sistem yang terintegrasi, tidak ada jejak digital (audit trail) mengenai siapa yang mengajukan, siapa yang menyetujui, dan kapan keputusan diambil. Hal ini berisiko terjadinya penyalahgunaan atau kesalahpahaman di kemudian hari.
4. Dokumen Proyek Tersebar di Berbagai Tempat Laporan proyek, method statement, proof of delivery, dan dokumen penting lainnya tersimpan di berbagai folder berbeda, komputer yang berbeda, bahkan di berbagai platform cloud yang tidak terpusat.
5. Tidak Ada Visibilitas Real-Time bagi Manajemen Manajer proyek dan pimpinan tidak bisa memantau progress pekerjaan, penggunaan anggaran, atau status persetujuan secara langsung. Mereka harus menunggu laporan mingguan atau bulanan yang seringkali sudah kadaluarsa.

Batasan Masalah

Agar pengembangan aplikasi ini tepat sasaran dan tidak melebar, ditetapkan beberapa batasan masalah sebagai berikut:

1. Aplikasi ini ditujukan untuk manajemen proyek skala menengah — tidak dirancang sebagai ERP besar atau pengganti sistem akuntansi penuh.
2. Manajemen waktu (timesheet) dibatasi pada pencatatan jam masuk, jam keluar, dan total man-hours per hari per personel per proyek.
3. Manajemen biaya mencakup kategori yang umum digunakan di lapangan: Transportasi, Akomodasi, Rapat (Meeting), Konsumsi, Koordinasi, Reimburse, dan Lainnya.
4. Upload dokumen mendukung format umum: PDF, Word, Excel, dan gambar (JPG, PNG).
5. Sistem mata uang menggunakan IDR sebagai default, namun mendukung multi-mata uang per proyek (USD, EUR, SGD, dll).
6. Manajemen pengguna dibatasi pada tiga level peran: Super Admin, Project Manager, dan User.
7. Aplikasi tidak mencakup fitur payroll, penggajian, perhitungan pajak, atau integrasi dengan sistem akuntansi pihak ketiga.

Konsep Sistem

Filosofi Desain

Project Time Sheet Log dibangun di atas tiga prinsip utama:

• Sederhana tapi lengkap — Setiap fitur dirancang untuk memenuhi kebutuhan nyata di lapangan, tanpa kerumitan yang tidak perlu.
• Peran yang jelas — Setiap pengguna hanya melihat dan dapat melakukan apa yang memang menjadi tanggung jawabnya.
• Transparan dan terlacak — Setiap aksi tercatat dalam log aktivitas, sehingga ada jejak audit yang jelas.

Hierarki Peran (Role-Based Access Control)

Sistem ini menggunakan tiga tingkat peran dengan hak akses yang berbeda:

Alur Kerja (Workflow)

Alur Timesheet:

Project Manager → Buat (Draft) → Submit → Super Admin → Approve / Reject

Alur Biaya:

Project Manager → Input Biaya (Pending) → Super Admin → Approve / Reject

Alur Dokumen:

Project Manager / Super Admin → Upload → Semua role bisa lihat & download

Struktur Data Utama

Aplikasi ini mengelola entitas-entitas berikut secara terintegrasi:

• Proyek — Informasi lengkap proyek termasuk detail klien, lokasi, anggaran, dan mata uang
• Pengguna — Data akun dengan peran dan status aktif/nonaktif
• Timesheet — Catatan harian jam kerja per staf per proyek
• Biaya/Pengeluaran — Pengeluaran operasional berdasarkan kategori
• Dokumen — File-file penting yang terhubung ke proyek
• Mata Uang — Daftar mata uang yang dapat digunakan per proyek
• Log Aktivitas — Rekam jejak setiap aksi yang dilakukan pengguna

Kebutuhan Sistem (System Requirements)

Kebutuhan Server

Kebutuhan Browser (Client)

Aplikasi ini berjalan di semua browser modern:

• Google Chrome 90+
• Mozilla Firefox 88+
• Microsoft Edge 90+
• Safari 14+

Tidak memerlukan plugin tambahan. Tidak memerlukan koneksi internet khusus (dapat berjalan di jaringan lokal/intranet).

Kebutuhan Koneksi

Aplikasi dapat dijalankan sepenuhnya di jaringan lokal (LAN/intranet) tanpa memerlukan koneksi internet, cocok untuk lingkungan proyek di lapangan yang aksesnya terbatas.

Cara Instalasi

Opsi 1: Menggunakan XAMPP (Windows/Mac/Linux) — Direkomendasikan untuk Pemula

XAMPP adalah paket all-in-one yang menyertakan Apache, MySQL, dan PHP dalam satu instalasi. Ini adalah cara termudah untuk menjalankan aplikasi di komputer lokal.

Langkah-langkah:

1. Download dan Install XAMPP Kunjungi https://www.apachefriends.org dan unduh XAMPP sesuai sistem operasi Anda. Install dengan pengaturan default.

2. Jalankan Apache dan MySQL Buka XAMPP Control Panel, klik Start di baris Apache dan MySQL hingga status berubah menjadi hijau.

3. Salin File Aplikasi Ekstrak file ZIP aplikasi, lalu salin folder timesheet ke dalam direktori:

C:\xampp\htdocs\timesheet\

4. Buat Database Buka browser, akses http://localhost/phpmyadmin, lalu:

• Klik New di panel kiri
• Beri nama database: project_timesheet
• Klik Create
• Pilih tab Import, klik Choose File, pilih file database.sql dari folder aplikasi
• Klik Go untuk mengimpor

5. Konfigurasi Koneksi Database Buka file includes/db_connect.php dengan editor teks (Notepad++, VS Code, dll), sesuaikan nilai berikut jika diperlukan:

define('DB_HOST', 'localhost');
define('DB_USER', 'root');      // Username MySQL Anda
define('DB_PASS', '');           // Password MySQL (kosong di XAMPP default)
define('DB_NAME', 'project_timesheet');
define('BASE_URL', 'http://localhost/timesheet/');

6. Akses Aplikasi Buka browser dan akses: http://localhost/timesheet/

Opsi 2: Menggunakan Laragon (Windows) — Paling Mudah

Laragon adalah alternatif XAMPP yang lebih ringan dan modern, sangat direkomendasikan untuk pengguna Windows.

Langkah-langkah:

1. Download Laragon dari https://laragon.org dan install
2. Jalankan Laragon, klik Start All
3. Salin folder timesheet ke C:\laragon\www\timesheet\
4. Klik kanan ikon Laragon di system tray → Database → buka HeidiSQL
5. Buat database project_timesheet dan import database.sql
6. Akses aplikasi di http://localhost/timesheet/

Opsi 3: Menggunakan MAMP (Mac) atau WAMP (Windows)

Proses instalasi serupa dengan XAMPP. Salin folder aplikasi ke direktori htdocs (MAMP) atau www (WAMP), import database via phpMyAdmin, dan sesuaikan db_connect.php.

Opsi 4: Hosting Berbayar / VPS

Untuk penggunaan tim yang tersebar di berbagai lokasi, aplikasi ini dapat dihosting di:

• Shared hosting (Niagahoster, Domainesia, Rumahweb, dll.) — cukup upload via File Manager atau FTP
• VPS (DigitalOcean, Vultr, Biznet Gio, dll.) — dengan konfigurasi LAMP stack

Akun Default Setelah Instalasi

⚠️ Penting: Segera ganti password setelah pertama kali login melalui menu My Profile.

Fitur-Fitur Utama

🗂️ 1. Manajemen Proyek yang Komprehensif

Setiap proyek dalam sistem ini tidak hanya mencatat nama dan tanggal, melainkan menyimpan data yang lengkap:

• Informasi dasar: Nama proyek, deskripsi, status, tanggal mulai dan selesai
• Data klien/owner proyek: Nama perusahaan, nama PIC, nomor telepon, email, website
• Lokasi lengkap: Lokasi site, alamat lengkap, kota, dan negara
• Keuangan: Total anggaran, mata uang proyek (default IDR), progress penggunaan anggaran
• Subkontraktor: Daftar kontraktor yang terlibat beserta informasi kontak masing-masing

Klik nama proyek untuk membuka halaman detail proyek yang menampilkan semua informasi dalam satu layar — lengkap dengan ringkasan anggaran, man-hours, daftar timesheet, daftar biaya, dan dokumen.

⏱️ 2. Pencatatan Timesheet dengan Foto Lapangan

Project Manager dapat mencatat aktivitas harian langsung dari browser:

• Pilih proyek dan tanggal kerja
• Input jam masuk dan jam keluar (man-hours dihitung otomatis)
• Tulis keterangan aktivitas dan lokasi kerja
• Upload hingga 2 foto dokumentasi lapangan

Setelah disubmit, timesheet akan menunggu persetujuan Super Admin. Status timesheet dapat dipantau secara real-time: Draft → Submitted → Approved / Rejected.

💰 3. Manajemen Biaya dengan Kategori Fleksibel

Pencatatan pengeluaran proyek dilengkapi fitur:

• Kategori default yang umum digunakan: Transportasi, Akomodasi, Rapat, Konsumsi, Koordinasi, Reimburse, dan Lainnya
• Kategori dapat ditambah secara dinamis sesuai kebutuhan proyek
• Upload bukti pembayaran/kwitansi (receipt)
• Mata uang mengikuti mata uang proyek secara otomatis — tidak perlu pilih ulang saat input biaya
• Alur approval: biaya yang disubmit PM akan berstatus Pending hingga disetujui Super Admin

📁 4. Manajemen Dokumen Terpusat

Semua dokumen proyek disimpan dalam satu tempat:

• Upload dokumen dengan tipe yang beragam: Laporan Proyek, Method Statement, Proof of Delivery, Drawing, Kontrak, Inspection Report, Safety Plan, dan lainnya
• Tipe dokumen bisa ditambah sendiri
• Semua pengguna bisa melihat dan mengunduh dokumen
• Hanya PM (dokumen milik sendiri) dan Super Admin (semua dokumen) yang bisa mengedit atau menghapus

📊 5. Dashboard Ringkas dan Informatif

Halaman utama menampilkan:

• Statistik proyek (aktif, selesai, dalam perencanaan)
• Ringkasan timesheet yang menunggu persetujuan
• Daftar proyek terbaru dengan status dan total biaya
• Grafik ringkasan biaya per kategori

📈 6. Laporan dengan Filter Tanggal

Halaman Reports memungkinkan manajemen menghasilkan laporan berdasarkan:

• Rentang tanggal yang dipilih
• Ringkasan total man-hours yang disetujui
• Total biaya per kategori
• Tabel detail timesheet dan pengeluaran

Laporan dapat dicetak langsung dari browser.

👤 7. Profil Pengguna dan Keamanan Akun

Setiap pengguna dapat mengelola akunnya sendiri:

• Ubah nama lengkap
• Ubah alamat email (dengan validasi duplikat)
• Ganti password dengan verifikasi password lama
• Indikator kekuatan password (Weak / Fair / Good / Strong)

⚙️ 8. Combo Options yang Fleksibel

Admin dapat mengatur daftar pilihan yang digunakan di seluruh aplikasi:

• Kategori biaya (bisa tambah/nonaktifkan)
• Tipe dokumen
• Daftar mata uang (10+ mata uang pre-loaded, bisa tambah sendiri)

Solusi yang Ditawarkan

Dari Kertas ke Digital dalam Satu Hari

Dengan proses instalasi yang singkat (tidak lebih dari 30 menit di XAMPP), tim Anda sudah bisa beralih dari pencatatan manual ke sistem digital yang terstruktur. Tidak perlu sewa server mahal, tidak perlu developer khusus untuk menjalankannya.

Transparansi Data di Semua Level

• Staf lapangan bisa melihat semua timesheet dan biaya proyek, tapi tidak bisa mengubahnya — tidak ada kebingungan tentang “siapa yang input apa”
• Project Manager punya kendali penuh atas data proyek yang mereka kelola
• Super Admin / Manajemen melihat semua data dan punya otoritas persetujuan — setiap keputusan tercatat dengan jelas

Jejak Audit yang Bersih

Setiap aksi pengguna — login, membuat timesheet, mengupload dokumen, menyetujui biaya — dicatat dalam log aktivitas. Ini penting untuk keperluan audit internal maupun eksternal.

Fleksibel untuk Berbagai Industri

Meski dibangun dengan fokus pada proyek lapangan (konstruksi, engineering, maintenance), sistem ini fleksibel untuk digunakan di:

• Perusahaan jasa konsultansi
• Kontraktor mekanikal & elektrikal
• Tim survey dan commissioning
• Perusahaan jasa inspeksi
• Proyek infrastruktur dan energi
• Freelancer

Multi-Mata Uang untuk Proyek Internasional

Dukungan multi-mata uang memudahkan pengelolaan proyek yang melibatkan klien atau vendor dari luar negeri. Setiap proyek bisa menggunakan mata uang yang berbeda (IDR, USD, EUR, SGD, dll.), dan sistem akan menampilkan angka sesuai mata uang proyek tersebut — tanpa konversi manual.

Kesimpulan

Project Time Sheet Log adalah bukti bahwa solusi manajemen proyek yang efektif tidak harus mahal atau rumit. Dibangun dengan teknologi yang sudah teruji (PHP + MySQL), aplikasi ini memberikan fondasi digital yang kuat untuk tim yang ingin meningkatkan efisiensi dan transparansi pengelolaan proyek mereka.

Dengan fitur pencatatan timesheet, manajemen biaya, pengelolaan dokumen, sistem persetujuan berlapis, dan laporan yang dapat dicetak — semua dalam satu platform — tim Anda dapat fokus pada pekerjaan nyata, bukan pada urusan administratif yang menyita waktu.

Apakah Anda seorang manajer proyek yang lelah mengejar laporan manual? Atau seorang pimpinan yang ingin visibilitas lebih baik terhadap proyek-proyek yang berjalan? Aplikasi ini adalah langkah pertama yang tepat.

Referensi & Teknologi

• Backend: PHP 8.x, PDO MySQL
• Database: MySQL 8.0 / MariaDB 10.6
• Frontend: HTML5, CSS3, Vanilla JavaScript, Material Icons
• Font: Outfit (Google Fonts)
• Web Server: Apache dengan mod_rewrite
• Kompatibilitas Server Lokal: XAMPP, Laragon, MAMP, WAMP

Artikel ini ditulis berdasarkan implementasi nyata aplikasi Project Time Sheet Log versi 1.1. Aplikasi terus dikembangkan dan diperbarui berdasarkan kebutuhan pengguna di lapangan. Harga IDR 1.000.000,-

About Post Author

Alvin Burhani

Simple, relax, easy going, maybe patient, quiet, sympathetic, maybe kind, always keep emotion hidden, and does not get upset easily. Easy to get along with, I'm a good lister, compassionate and concern, peaceful and agreeable, and normally I avoid conflicts.

http://alvinburhani.net

Happy

0 0 %

Sad

0 0 %

Excited

3 100 %

Sleepy

0 0 %

Angry

0 0 %

Surprise

0 0 %