A comprehensive asset management system developed for PT. Hutama Karya (Persero) that integrates Web-GIS functionality to visualize and manage company assets geographically. The system provides a public-facing frontend for partner applications and an administrative dashboard for efficient asset management.

Asset Management System with Web-GIS Integration

## Asset Management System with Web-GIS Integration

![pc-banner-detail](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/banner-asset-management-system-webgis.jpg)

### Overview {#overview}

This project was developed to assist a Business Development Intern at PT. Hutama Karya (Persero), a state-owned enterprise in Indonesia. The intern was pursuing a Diploma in Asset Management at Politeknik Negeri Bandung but lacked the technical expertise to develop a web-based application system. Given that their field of study wasn't directly related to application design and development, I stepped in to help realize and refine the business concept and Standard Operating Procedures (SOP) required for their internship and final project.

The primary goal was to create a functional Asset Management System with Web-GIS integration that would serve as both a practical implementation of the company's operational procedures and fulfill the academic requirements for the intern's final project. This system would enable PT. Hutama Karya to efficiently manage their assets while providing a platform for potential partners to view and apply for asset utilization.

### Problem Statement {#problem}

PT. Hutama Karya (Persero) faced several challenges in their asset management processes:


1. **Inefficient Asset Documentation**: The company lacked a centralized digital system to document and track their numerous assets across different locations.

2. **Manual Partnership Applications**: The process for receiving and managing partnership or rental applications for their assets was largely manual, making it time-consuming and prone to errors.

3. **Limited Geographical Visualization**: Without a Web-GIS integration, it was difficult to visualize the geographical distribution of assets and make location-based decisions.

4. **Complex Approval Workflows**: The approval process for asset utilization requests involved multiple stakeholders and lacked a streamlined digital workflow.

5. **Data Inconsistency**: With information stored in various formats and locations, maintaining consistent and up-to-date asset data was challenging.

6. **Limited Accessibility**: Potential partners had limited means to discover available assets and initiate collaboration requests.

Additionally, the intern needed a practical system implementation to demonstrate their understanding of asset management principles for their academic requirements.

### Solution {#solving}

To address these challenges, I designed and developed a comprehensive Asset Management System with Web-GIS integration that consisted of two main components:

1. **Public-Facing Frontend**: A user-friendly interface where potential partners and stakeholders could explore available assets, view their locations on an interactive map, and submit partnership applications.

2. **Administrative Dashboard**: A secure backend system for company staff to manage assets, review partnership applications, track asset utilization, and generate insights through data visualization.

The system was built as a monolithic MVC application using the Laravel framework. Laravel was chosen primarily due to its rapid development capabilities, clear structure, and active ecosystem — ideal for a project that had to be delivered in a limited timeframe and within a constrained budget. Development took place between **07 June 2024 - 11 June 2024**, and Laravel provided an efficient way to meet project goals without sacrificing maintainability.

Key solutions implemented include:


1. **Centralized Asset Database**: Created a comprehensive database structure to store all asset information, including geographical data, physical attributes, and utilization status.

2. **Interactive Asset Map**: Implemented Web-GIS functionality using Leaflet.js to visualize assets on an interactive map, making it easier to understand their geographical distribution.

3. **Digital Application Process**: Developed an electronic submission system for partnership applications, complete with document upload capabilities and automatic status tracking.

4. **Role-Based Access Control**: Implemented a secure authentication system with different user roles and permissions to ensure appropriate access to system features.

5. **Data Validation and Consistency**: Built robust validation mechanisms to maintain data integrity throughout the system.

6. **User-Friendly Interfaces**: Designed intuitive interfaces for both public users and administrators to facilitate easy interaction with the system.

### Discussion {#discussion}

#### Frontend Features on the Web-GIS Based Asset Information System {#frontend-features}

The public-facing frontend of the Asset Management System was designed to provide an intuitive and informative experience for visitors and potential partners. It consists of the following key features:

##### 1. Home Page {#frontend-features-1}

![](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/frontend-features-1.png)

- Featured a dynamic slider showcasing highlighted assets

- Implemented a quick asset search functionality

- Included an introduction section explaining the system's purpose

- Displayed business development lines of PT. Hutama Karya

- Incorporated a carousel showing a selection of available assets

##### 2. Asset Directory {#frontend-features-2}

![](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/frontend-features-2.png)

- Presented a comprehensive list of assets input by administrators

- Each asset entry included key information such as images, name, type, address, development potential, land area, and building area

- Implemented search and filtering capabilities based on asset name, type, province, and potential use cases

##### 3. Asset Details {#frontend-features-3}

![](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/frontend-features-3.png)

- Provided in-depth information about each asset

- Displayed high-quality images, name, type, address, land area, and building area

- When applicable, allowed users to submit offers for specific assets

##### 4. Application Form {#frontend-features-4}

![](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/frontend-features-4.png)

- Enabled partners or individuals to submit applications for asset rental or collaboration

- The form collected essential information in several key sections:
  
  - Applicant Data: Organization/individual name, address, phone number, email, National ID Number (NIK), Tax ID Number (NPWP)
  
  - Target Asset Data: Asset type, location, required area size, additional required facilities
  
  - Rental Period: Rental period, start date, rental duration
  
  - Other Requirements: Purpose of property rental, estimated offer
  
  - Supporting Documents: ID/Tax ID photocopy, Company Establishment Deed, Financial Statements, Other Supporting Documents

- This comprehensive form facilitated the collection of necessary information for evaluation and approval by administrators

##### 5. Asset Map{#frontend-features-5}

![](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/frontend-features-5.png)

- Displayed asset locations on an interactive map

- Implemented popup information features for each asset location

- Allowed users to visually explore asset distribution and proximity

##### 6. Partnership Information{#frontend-features-6}

![](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/frontend-features-6.png)

- Provided detailed guidance on collaboration procedures for partners or individuals interested in renting assets

- Outlined step-by-step instructions including consulting the E-Catalog, filling out the Application Form, correspondence procedures, and collaboration mechanisms

##### 7. Contact Us{#frontend-features-7}

- Displayed essential contact information including office address, WhatsApp number, email, and operating hours

- Facilitated direct communication between potential partners and the company

#### Dashboard Features on the Web-GIS Based Asset Information System {#dashboard-features}

The administrative dashboard was developed to provide a secure and efficient interface for company staff to manage assets and partnership applications. It includes the following features:

##### 1. Login System {#dashboard-features-1}

![](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/dashboard-features-1.png)

- Secure authentication for accessing the admin dashboard

- Role-based access control to ensure appropriate permissions

##### 2. Dashboard Overview {#dashboard-features-2}

![](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/dashboard-features-2.png)

- Displayed a summary of key metrics including partner and asset counts

- Incorporated pie charts for visual data representation

- Provided quick access to partner lists, asset lists, and user lists

##### 3. Profile Management {#dashboard-features-3}

![](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/dashboard-features-3.png)

- Allowed administrators to view and update their profile information

- Enabled modification of name, profile picture, email, username, and password

##### 4. Partner List Management {#dashboard-features-4}

![](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/dashboard-features-4.png)

- Presented a comprehensive list of partners interested in asset rental or collaboration

- Implemented search and filtering capabilities based on organization/individual name, asset name, and status

- Each partner entry included detailed information and available actions such as viewing data details, changing status, and deletion

##### 5. Asset List Management {#dashboard-features-5}

![](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/dashboard-features-5.png)

- Displayed a catalog of available assets

- Provided search, filtering, and data management capabilities including adding, modifying, and deleting assets

- Each asset entry included detailed information and actions such as viewing data details and deletion

##### 6. User Management {#dashboard-features-6}

![](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/dashboard-features-6.png)

- Showed a list of users with system access

- Enabled comprehensive user data management including adding, modifying, and deleting users

- Each user entry included detailed information and appropriate administrator actions

##### 7. Role-Based Access Control (RBAC) {#dashboard-features-7}

![](https://dikhimartin.vercel.app/assets/img/portfolio/ams-with-web-gis-integration/dashboard-features-7.png)

- Implementation of RBAC system using Laravel's built-in authentication and authorization features
- Access permission management based on user roles (admin, staff, manager, and visitor)
- Restriction of access to sensitive features and data according to authorization levels
- Permission validation on every API endpoint and system action to maintain data security

### Tech Stack {#tech-stack}

The Asset Management System was built using a monolithic MVC architecture powered by Laravel. Here's a breakdown of the key technologies used:

<table border="1" cellpadding="8" cellspacing="0" style="border-collapse: collapse; width: 100%;">
  <thead style="background-color: #f2f2f2;">
    <tr>
      <th>Category</th>
      <th>Technology / Tool</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Backend Framework</td>
      <td>Laravel 5.8 – Robust PHP framework with elegant syntax and tooling</td>
    </tr>
    <tr>
      <td>Database</td>
      <td>MySQL 5.7 – Reliable RDBMS for storing asset and user data</td>
    </tr>
    <tr>
      <td>Development Environment</td>
      <td>Docker – Used for local development environment only<br>PHP 7.3 with PHP-FPM for runtime</td>
    </tr>
    <tr>
      <td>Key PHP Extensions</td>
      <td>GD, mbstring, PDO & PDO_MySQL, ZIP, XML – For image handling, DB connectivity, etc.</td>
    </tr>
    <tr>
      <td>Frontend Technologies</td>
      <td>HTML, CSS, JavaScript, jQuery, Bootstrap – For interactive and responsive UI</td>
    </tr>
    <tr>
      <td>Laravel Packages</td>
      <td>Passport, Socialite, Datatables, Spatie Permission, Baum, Localization</td>
    </tr>
    <tr>
      <td>Development Tools</td>
      <td>Composer, PHP CodeSniffer – Dependency management & code quality</td>
    </tr>
    <tr>
      <td>Web Server / Deployment</td>
      <td>Integrated PHP Dev Server used during development<br>Deployment handled via shared hosting environment</td>
    </tr>
    <tr>
      <td>GIS Integration</td>
      <td>Leaflet.js – Lightweight open-source JavaScript library for interactive maps and asset visualization</td>
    </tr>
    <tr>
      <td>Security Features</td>
      <td>CSRF protection, validation, auth systems, input sanitization</td>
    </tr>
  </tbody>
</table>

### Conclusion {#conclusion}

The Asset Management System with Web-GIS integration successfully addressed the challenges faced by PT. Hutama Karya (Persero) in managing their assets while providing a valuable platform for potential partners to discover and apply for asset utilization.

The implementation of this system delivered several key benefits:


1. **Improved Asset Visibility**: The Web-GIS integration allowed for better geographical visualization of assets, enhancing decision-making capabilities.

2. **Streamlined Partnership Applications**: The digital application process reduced manual work and improved the efficiency of handling partnership requests.

3. **Enhanced Data Management**: The centralized database ensured consistent and up-to-date asset information, reducing data discrepancies.

4. **Increased Accessibility**: The public-facing frontend made it easier for potential partners to discover available assets and initiate collaboration.

5. **Better Administrative Control**: The comprehensive dashboard provided administrators with the tools needed to effectively manage assets and applications.

6. **Academic Fulfillment**: The system served as a practical implementation for the intern's final project, demonstrating the application of asset management principles in a real-world scenario.

Beyond its immediate practical applications, this project also demonstrated the successful integration of business requirements with technical implementation, resulting in a system that was both functionally robust and aligned with organizational needs.

The use of Laravel as the foundation ensured fast turnaround and developer productivity, especially under limited development time and budget. The use of Docker in local development helped standardize the environment and reduce setup friction, although the final deployment used a shared hosting setup for cost-efficiency.

Overall, the Asset Management System represents a successful collaboration between technical expertise and business understanding, resulting in a solution that addresses both immediate operational needs and supports long-term strategic goals for asset management at PT. Hutama Karya (Persero).

Home

Projects

Projecs Details

Previous

Next