Catrine (SYGAP)

Catrine (SYGAP)

 |  Klien: Telkomsigma

Overview

Catrine adalah platform IT Service Management (ITSM) komprehensif yang dibangun sebagai single-page application. Proyek ini mengelola siklus hidup layanan TI secara end-to-end dengan fokus pada modul Change Management dan CMDB.

Tech Stack:

  • Vue 3 (Composition API) — Frontend framework modern
  • TypeScript — Type safety
  • Pinia — State management
  • Vue Router — Client-side routing dengan nested routes
  • Tailwind CSS — Utility-first styling
  • Vite — Build tool
  • Axios — HTTP client
  • VueFlow — Interactive topology visualization
  • ApexCharts — Charting dan data visualization
  • VeeValidate + Yup — Form validation
  • Jest — Unit testing

Modul

Change Management

Manajemen permintaan perubahan dengan dynamic reporting dan template-driven content. Mengelola siklus hidup perubahan dari pengajuan hingga approval.

CMDB (Configuration Management Database)

Manajemen CI classes, relationship mapping, topology explorer interaktif berbasis VueFlow, auto-discovery, credential settings, audit perubahan CI, dataset management, dan table maintenance.

Arsitektur

Feature-first directory structure dengan pages, stores, API, dan components yang di-co-locate per modul. Role-based access control dengan dynamic role fetching. Complex nested routing dengan ~20+ sub-routes di CMDB. Interactive topology visualization menggunakan VueFlow untuk eksplorasi konfigurasi CI. Dynamic form generation untuk definisi CI class. Dockerized deployment dengan GitLab CI.