Etkileşimli ürün demosu · Yerel ve sentetik demo verisi
Kapsam
Proje ve keşif yönetimiBağlam ve problem
İnşaat projelerinde keşif, bütçe, saha ilerlemesi ve satın alma kararları farklı kayıtlar arasında kopabildiğinde yönetim görünürlüğü zayıflar.
Çözülmek istenen: Bu sentetik senaryoda proje yöneticisi; keşif revizyonu, bütçe ve satın alma kararları farklı kayıtlarda kaldığı için yanlış maliyetle talep açma ve onay bağlamını kaybetme riski taşıyor. İstenen sonuç, proje kaydından siparişe kadar her kararın dayanağını izleyebilmek.
Modellenen kullanıcılar
- Proje yöneticisi
- Keşif ve maliyet kontrol ekibi
- Saha sorumlusu
- Satın alma ve onay yetkilisi
Analizden çalışan akışa
İş akışını modelledim; bilgi mimarisini, etkileşim durumlarını, veri ilişkilerini ve React/TypeScript demo uygulamasını geliştirdim.
Sorumluluğum: İş akışı, bilgi mimarisi, arayüz durumları, React/TypeScript uygulaması ve tarayıcı içi demo verisi.
Ekip: Bağımsız ürün çalışması · Atakan Kerem Göçer
Dış katkılar ve sınır: Açık kaynak arayüz kütüphaneleri kullanıldı. Gerçek müşteri ekibi, üretim sunucusu, canlı entegrasyon veya kurumsal veri katkısı yoktur.
Çalışmanın sınırları
- Gerçek müşteri veya saha verisi kullanmamak
- Sunucu ve kimlik doğrulama varmış izlenimi yaratmamak
- Yoğun kurumsal veriyi masaüstü ve mobilde taranabilir tutmak
Kayıt ve karar zinciri
Proje → Keşif ve revizyon → Metraj/maliyet → Satın alma talebi → Teklif karşılaştırma → Onay → Sipariş
Arayüzden önce verilen kararlar
- Keşfi bütçe ve satın alma kayıtlarının izlenebilir başlangıç noktası olarak ele almak.
- Durumu yalnızca renkle değil metin, sorumlu ve sonraki karar bilgisiyle açıklamak.
- Silme, onay ve revizyon gibi kritik işlemleri geri bildirim ve kayıt bağlamıyla göstermek.
Kopuk ekranlar değil, ilişkili çalışma alanı
Birbirinden kopuk ekranlar yerine proje kartı, keşif, saha kontrolü ve tedarik kararlarını aynı kayıt zincirinde buluşturan etkileşimli ürün demosu.
Alan, yetkinlik ve araçlar
Alan: İnşaat proje kontrolü · Keşif ve metraj · Satın alma
Yetkinlik: İş analizi · Süreç tasarımı · Veri modelleme
Teknoloji: React · TypeScript · Ant Design · Web Storage API
- React + TypeScript arayüzü
- Tarayıcı içi yerel ve sentetik durum
- İlişkisel varlık/kayıt modeli
- Canlı sürüm için ayrı sunucu, yetki ve denetim izi sınırı
Kritik bilgiyi okunur ölçekte inceleyin.
Harita, risk ve proje kartları aynı karar görünümünde.
Coğrafi dağılım, proje ilerlemesi ve risk sinyali aynı bağlamda okunuyor.
İlerleme, bütçe ve açık risk bilgisi tek proje kaydında yakın planda.
Keşiften siparişe kontrollü karar zinciri
Proje bağlamı korunarak keşif revizyonundan tedarik kararına ilerleyen uçtan uca senaryo.
-
Başlangıç
Proje ve risk bağlamını seç
Portföy görünümünde ilerleme, bütçe ve açık riskleri karşılaştır.
Bu durumu demoda aç ↗ -
Kritik görev
Keşif revizyonunu düzenle
Metraj ve maliyet kalemini kayıt bağlamını kaybetmeden güncelle.
Bu durumu demoda aç ↗ -
İstisna
Onay sınırını kontrol et
Eksik teklif veya bütçe aşımı olan talebi siparişten önce görünür kıl.
Bu durumu demoda aç ↗ -
Başarı
Kararı siparişe bağla
Seçilen teklif, onay notu ve sipariş kaydı aynı izde korunur.
Bu durumu demoda aç ↗
Doğrulanan akışlar
Kaynak kodu incelemesi + üretim derlemesi · 17 Ağustos 2026
- Keşif oluşturma, kalem ekleme/silme ve yeni revizyon üretme akışları yerel kayıtla uygulanmış durumda.
- Saha kaydı taslak → kontrol → onay durumları ve yalnızca taslak kaydı silme kuralı kodda uygulanıyor.
- Talep → teklif toplama → kalem bazlı karşılaştırma → sipariş oluşturma zinciri ilişkili kayıtlarla tamamlanıyor.
- Çoklu sayfa üretim derlemesi hata vermeden tamamlanıyor.
Sonuç ve öğrenim
Sonuç bir üretim referansı veya ölçülmüş müşteri KPI’ı değildir. Çalışma; karmaşık ERP benzeri bir süreci, ilişkili kayıtları ve karar durumlarını çalışan bir ürün anlatısında birleştirebildiğimi gösteriyor.
Öğrenim: Gösterge eklemek görünürlüğü artırmadı; asıl farkı her sayının hangi kayıt ve karardan geldiğini gösterebilmek yarattı.