İçeriğe geç
Ferhat Erciyes

Fleet Management Dashboard

Front-end geliştirici, MintyFi · Şub 2023 — Nis 2025

MintyFi’de geliştirilen, karmaşık haritalar üzerinde canlı GPS takibi yapan IoT destekli bir filo yönetim sistemi.

Rol
Front-end geliştirici, MintyFi
Dönem
Şub 2023 — Nis 2025
Teknolojiler
React, TypeScript, Redux Toolkit, Mapbox, Google Maps API, WebSocket, Chart.js
Filo panelinin şeması: bir gezinme rayı, rota ve araç işaretçileri olan bir harita ve grafikli bir telemetri paneli.
Şek. 01 · Fleet Management Dashboard

Saniyenin altında konum güncellemeleri ve düşük donanımlı cihazlarda veri yoğun görünümlerin akıcı çizimi.

Özet

Operatörlerin her aracı harita üzerinde gerçek zamanlı görmesi gerekiyordu: rota geçmişi, analitik ve raporlamayla birlikte; üstelik sahadaki düşük donanımlı cihazlarda çalışması şarttı.

Yük altında çizim

Veri yoğun bileşenler normalize bir store ve kısıtlanmış güncellemeler etrafında yeniden yapılandırıldı; konum güncellemeleri saniyenin altında kalırken düşük donanımlı cihazlarda performans belirgin biçimde arttı.

Haritalar

Mapbox ve Google Maps entegrasyonları canlı GPS takibini ve rota optimizasyonunu üstlenir; panel analitiği etkileşimli grafiklerle çizilir.

  • <1 skonum güncelleme gecikmesi
  • 2entegre harita sağlayıcısı
  • 26ay üretimde
Şek. 02Cihazdan işaretçiye
  1. 01IoT cihazlarıAraçlar konum ve telemetri bildirir.
  2. 02WebSocket akışıCanlı olaylar saniyede birçok kez gelir.
  3. 03Normalize storeRedux Toolkit varlıkları; güncellemeler kare başına kısıtlanır.
  4. 04Harita ve grafiklerMapbox ve Google Maps işaretçileri, Chart.js analitiği.

Arayüz

Rota geçmişi, canlı işaretçiler ve filo ölçeğinde okunabilir kalan analitik grafiklerle harita odaklı bir panel.

State

Redux Toolkit’te normalize edilmiş bir araç store’u ve kısıtlanmış güncellemeler; yüzlerce hareketli işaretçi yüzlerce yeniden çizime yol açmaz.

Veri

Canlı konumlar için WebSocket üzerinden IoT telemetrisi, geçmiş ve raporlama için REST uç noktaları.