PROJECT 01 / Business application
Procurement and Payment Request Tracking.
An integrated web application connecting procurement submissions, approvals, purchasing, and payment requests in one traceable workflow.
- Organization
- PT ITCI Kartika Utama
- My role
- Web application development
- Focus
- Procurement & payment workflows
OVERVIEW
One place to follow
the entire request.
I developed a web-based Procurement and Payment Request Tracking System for PT ITCI Kartika Utama to digitalize the end-to-end procurement workflow. It connects PPBJ submissions, Purchase Orders, Work Orders, Payment Recommendations, and Payment Requests through role-based approvals.
Many departments.
One shared process.
Procurement crosses several departments, each with its own decisions, documents, and responsibilities. The design challenge was to make that process easier to follow: who needs to act, which documents are required, and where a request stands from submission through payment.
Visibility across handoffs
Keep the current stage and responsible role clear as a request moves between departments.
Document-heavy administration
Reduce repeated document preparation and keep supporting files connected to the relevant request.
Traceable decisions
Preserve approvals, revisions, and activity history so the process can be reviewed and followed up.
From submission
to payment request.
The platform brings the workflow into a shared system with role-based approvals for requesters, managers, logistics, budgeting, finance, and operational management. Each participant can follow request progress and act on tasks assigned to their role.
The procurement journey
A high-level view of the stages represented in the system.
- 01 PPBJ submission
- 02 Manager approval
- 03 Logistics verification
- 04 Budget review
- 05 Purchase / Work Order
- 06 Payment recommendation
- 07 Payment request
- 08 Completion
Status tracking & task queues
Real-time request status and centralized task queues show what needs attention and who handles the next step.
Role-based approvals
Approval and revision workflows connect requesters, managers, and the departments involved in procurement and payment.
Automated document generation
Generate Excel and Word documents using PhpSpreadsheet and PHPWord to support procurement administration.
Digital signature integration
Integrate digital signatures into the document and approval process.
Supporting document management
Keep supporting files linked to procurement and payment requests for review and follow-up.
Dashboards & audit trails
Administrative dashboards provide an overview while activity histories record changes and decisions across the process.
A request timeline brings workflow stages, the responsible department, and recorded activities into one view.
A clearer view.
A traceable workflow.
The result is an integrated application that brings together request management, approvals, document preparation, and process history.
A connected procurement workflow
Submissions, purchasing documents, payment recommendations, and payment requests can be managed within one application.
Clearer ownership and progress
Request status, responsible roles, and task queues give participants a shared view of the process.
Repeatable document preparation
Automated Excel and Word generation supports consistent document preparation alongside the approval workflow.
A reviewable process history
Audit trails and revision records keep the sequence of actions available for follow-up and accountability.
Built with
the Laravel ecosystem.
A PHP-based application with interactive interfaces, relational data storage, and automated office document generation.
| Technology | Role in the system |
|---|---|
| Laravel | Application framework and workflow logic |
| Livewire | Interactive interfaces within Laravel |
| Alpine.js | Client-side interface interactions |
| Tailwind CSS | Styling and responsive layouts |
| MySQL | Relational data storage |
| PhpSpreadsheet | Excel document generation |
| PHPWord | Word document generation |
BEHIND THE WORK
A project by Muhammad Wendra Suryananda.