ERENİnşaat
Geliştirme Test UI Test
Toplam Tamamlanma
0%
← Proje Takip & Tasarım

Proje Yönetim Sayfası

Eren İnşaat Proje Takip Uygulaması’nın uçtan uca iş listesi. Her işlemin yanındaki üç kutu sırasıyla Geliştirme, Test ve UI Test (Playwright + Chromium) aşamalarını temsil eder. Yüzdeler, işaretli kutulardan otomatik hesaplanır.

Son güncelleme: 25.08.2026Panel: ASP.NET Core RazorMobil: Flutter · Android + iOSAPI: RESTful — DB’ye erişen tek bileşenBildirim: Yok

Projenin Geliştirilmesi İçin Gereken İhtiyaçlar

Araçlar, hesaplar ve müşteriden alınacaklar

Geliştirme Araçları

  • ✓
    .NET SDK 10.0.204 / 9.0.317Kurulu
  • ✓
    Node.js v22.23.2 + npm 10.9.8Kurulu
  • ✓
    Python 3.14.3Kurulu
  • ✓
    Git 2.45.2Kurulu — proje henüz git init edilmedi
  • !
    SQL ServerKurulu ancak servisler DURDURULMUŞ — Faz 1'de başlatılacak
  • ✓
    Playwright + ChromiumKurulu ve çalışıyor (scratchpad/pw) — Faz 0.5te proje içine taşınacak
  • ●
    Flutter SDKFaz 4 için gerekli
  • ●
    Android Studio + Android SDKFaz 4 için gerekli
  • ●
    macOS + XcodeiOS derlemesi için ZORUNLU — donanım ihtiyacı
  • ●
    SQL Server Management Studio (SSMS)Faz 1 için önerilir

Hesaplar, Lisanslar & Servisler

  • ●
    Google Play Developer hesabıTek seferlik 25 USD
  • ●
    Apple Developer ProgramYıllık 99 USD
  • ●
    SMTP / e-posta hesabıŞifre sıfırlama ve bildirim e-postaları için
  • ●
    Alan adı (domain)API ve panel için
  • ●
    SSL sertifikasıHTTPS zorunlu
  • ●
    Sunucu (Windows Server + IIS)API + panel + medya depolama
  • ●
    Medya depolama alanıŞantiye foto/videoları için — kapasite planlanmalı

Müşteriden Alınacaklar

  • ✓
    Kurumsal logoEREN LOGO.pdf alındı
  • ●
    Gerçek proje bilgileriAd, kod, konum, tarih, blok / daire sayısı
  • ●
    Gerçek şantiye fotoğraflarıDemoyu gerçekçi kılmak için
  • ●
    Firma iletişim bilgileriFooter ve e-posta imzası
  • ●
    11 standart aşama listesinin ONAYIPlan/02 dokümanı — kritik
  • ●
    Açık soruların yanıtlarıPlan/01 §6 — blok kırılımı, duyuru modülü, daire bazlı takip

Kutuların Anlamı

Bir işlem, üç kutusu da işaretlenmeden tamamlanmış sayılmaz (K1)
G
GeliştirmeKodlaması bitti
T
TestDoğru çalıştığı doğrulandı
U
UI TestPlaywright + Chromium ile test edildi, tüm bulgular çözüldü
✓
Modül TamamModüldeki tüm kutular işaretlendiğinde otomatik
G
Soluk kutuAlt işlemlerden türetilir, elle işaretlenmez

Yapılacak İşlemler

Ana işlem ve alt işlemler, uygulama sırasına göre
FAZ 0

Müşteri Sunum Demosu (Salt HTML Prototip)

SIRADAKİ İŞ
0%

Müşteri toplantısı için gezilebilir prototip. Backend yok, mock veri ile çalışır.

0.1

Hazırlık & Ortak Altyapı

0 / 0
0%
Logo varlıklarının EREN LOGO.pdf dosyasından çıkarılması
Gömülü yüksek çözünürlüklü PNG'nin çıkarılması (9327×5566)
Şeffaf zeminli logo sürümünün üretilmesi
Yalnızca sembol (elmas işaret) sürümünün ayrıştırılması
Favicon seti üretimi (16, 32, 180, 512 px)
Sunum kapağı ve header boyutlarında optimize kopyalar
Varlıkların ortak/assets/ altına yerleştirilmesi
Klasör yapısının kurulması (ortak/, sunum/, panel/, mobil/)
Tasarım sistemi — ortak/css/tema.css
Marka renk değişkenlerinin tanımlanması (#0C0C18, #181824, #CC0C18, #D8D8CC)
Tipografi ölçeği (başlık, gövde, etiket)
Boşluk, yarıçap ve gölge ölçekleri
Yerel font dosyaları ve @font-face tanımı (CDN YOK — K2.1)
Ortak bileşen kütüphanesi — ortak/css/bilesenler.css
Buton varyantları (birincil, ikincil, tehlike, hayalet)
Form öğeleri (input, select, textarea, checkbox, radio, switch)
Kart ve panel bileşenleri
Veri tablosu (sıralama ve sayfalama görünümü)
Rozet ve durum etiketleri (Bekliyor / Devam / Tamamlandı / Duraklatıldı)
İlerleme çubuğu ve dairesel ilerleme göstergesi
Modal, açılır menü, bildirim şeridi
Sekme ve akordeon bileşenleri
Boş durum ve yükleniyor iskeleti
İkon seti — ortak/js/ikonlar.js (inline SVG, CDN yok)
Ortak düzen enjektörü — ortak/js/panel-layout.js (K2.5)
Header bileşeni (logo, arama, kullanıcı menüsü)
Sol menü (sidebar) — 9 modül grubu, aktif sayfa vurgusu
Footer bileşeni
Sayfa başlığı ve breadcrumb bileşeni
Tek satırlık çağrı ile tüm sayfalara enjeksiyon mekanizması
Mobil cihaz çerçevesi — ortak/css/mobil.css + mobil-layout.js
Telefon çerçevesi (device frame) CSS'i
Mobil üst bar ve alt navigasyon bileşeni
Mobil kart, liste ve buton bileşenleri
Yardımcı fonksiyonlar — ortak/js/yardimci.js
Ağırlıklı yüzde hesaplama (kategori → aşama → proje roll-up)
Tarih biçimlendirme (TR)
Sayı ve yüzde biçimlendirme
Durum → renk / etiket eşlemesi
Mock veri seti — ortak/js/mock-veri.js
4 proje (%8, %47, %82, %100 ilerleme seviyelerinde)
9 blok / etap tanımı (A/B/C Blok, 1./2. Etap)
11 standart aşama × 4 proje
~57 kategori × 4 proje (ağırlıklı, gerçekçi yüzdelerle)
~180 ilerleme kaydı (18 aya yayılmış zaman çizelgesi verisi)
12 kullanıcı (1 admin, 2 proje sorumlusu, 8 müşteri, 3 onay bekleyen)
40+ medya kaydı (görsel + video)
2 aşama şablonu (standart konut + villa)
Temsili şantiye görsellerinin yerel üretimi (SVG / Canvas — CDN yok)
0.2

Sunum Katmanı

0 / 0
0%
Ana Sayfa — index.html
Kahraman bölüm: logo + proje adı + tek cümlelik vaat
Problem anlatısı: «Müşteriniz arayıp ne durumda diye soruyor»
Çözüm bölümü: 3 bileşenli mimari görseli (API · Panel · Mobil)
10 modül kartı (ikon + ad + tek satır açıklama)
11 standart konut aşaması şeridi
Örnek ekran görüntüsü galerisi (panel + mobil)
«DEMOYU BAŞLAT» butonu
Footer: firma bilgisi ve iletişim
Modül & İş Akışı Haritası — sunum/modul-haritasi.html
10 modülün görsel haritası
İş akışı şeması: Proje tanımlama
İş akışı şeması: İlerleme girişi ve roll-up hesaplaması
İş akışı şeması: Müşteri kayıt ve onay süreci
İş akışı şeması: Medya yükleme → mobilde görünme
Demo Seçim Ekranı — sunum/demo-secim.html
«Yönetim Panelini Gez» kartı
«Mobil Uygulamayı Gez» kartı
Demo kullanıcı bilgileri notu
0.3

Yönetim Paneli Demo Sayfaları (22 sayfa)

0 / 0
0%
Kimlik ekranları
panel/giris.html — Giriş
panel/sifremi-unuttum.html — Şifremi Unuttum
panel/sifre-sifirlama.html — Şifre Sıfırlama
panel/dashboard.html — Gösterge Paneli
Özet kutuları (toplam proje, ortalama ilerleme, onay bekleyen, medya)
Proje ilerleme çubukları listesi
Son güncellenen 5 proje
Son yüklenen 8 medya küçük görseli
Onay bekleyen kayıtlar uyarı şeridi
Proje yönetimi sayfaları
panel/projeler.html — Proje listesi (filtre, arama, durum rozeti)
panel/proje-duzenle.html — Yeni / Düzenle formu (şablon seçimi dahil)
panel/proje-detay.html — Genel bakış + aşama ağacı + son medya
panel/proje-bloklar.html — Blok / Etap yönetimi (blok bazlı ilerleme)
Aşama & şablon sayfaları
panel/sablonlar.html — Aşama şablonları listesi
panel/sablon-duzenle.html — Şablon ağacı düzenleme (aşama + kategori + ağırlık)
panel/proje-asamalar.html — Projeye özel aşama düzenleme
İlerleme sayfaları
panel/ilerleme-girisi.html — Aşama seç, kategori yüzdelerini toplu gir
panel/ilerleme-gecmisi.html — Geçmiş tablosu + zaman çizelgesi grafiği
Medya sayfaları
panel/medya.html — Galeri ızgarası, filtre, görünürlük anahtarı
panel/medya-yukle.html — Sürükle-bırak yükleme arayüzü
Kullanıcı & onay sayfaları
panel/kullanicilar.html — Kullanıcı listesi (durum, rol, proje sayısı)
panel/kullanici-duzenle.html — Yeni / Düzenle + proje atama
panel/onay-bekleyenler.html — Onay kuyruğu
panel/onay-detay.html — Kayıt onay detayı (proje düzenleme + onayla / reddet)
panel/proje-atama.html — Toplu proje atama matrisi
Sistem sayfaları
panel/ayarlar.html — Sistem ayarları + denetim kaydı sekmesi
panel/profil.html — Profil ve şifre değiştirme
0.4

Mobil Uygulama Demo Ekranları (15 ekran)

0 / 0
0%
Kimlik akışı ekranları
mobil/acilis.html — Açılış (splash)
mobil/giris.html — Giriş
mobil/kayit.html — Kayıt ol + proje seçimi
mobil/onay-bekleniyor.html — Kayıt onay bekleme
mobil/sifremi-unuttum.html — Şifremi unuttum
Proje takip ekranları
mobil/projelerim.html — Atanmış projeler listesi + yüzde
mobil/proje-detay.html — Genel bakış (büyük yüzde, blok özeti, son medya)
mobil/proje-asamalar.html — 11 aşama, durum ve yüzdeleriyle
mobil/bloklar.html — Blok / etap seçimi ve blok bazlı ilerleme
mobil/asama-detay.html — Aşamanın kategorileri ve yüzdeleri
mobil/zaman-cizelgesi.html — İlerleme geçmişi zaman çizelgesi
Medya ekranları
mobil/galeri.html — Foto / video ızgarası, tarih grupları
mobil/medya-goruntuleyici.html — Tam ekran görüntüleyici
Diğer ekranlar
mobil/profil.html — Profil
mobil/sifre-degistir.html — Şifre değiştir
0.5

Bütünleme, Doğrulama & Toplantı Provası

0 / 0
0%
Sayfalar arası link haritasının çıkarılması ve doğrulanması (kırık link = 0)
CDN isteği taraması — dış ağ isteği olmadığının kanıtlanması (K2.1)
Ortak bileşen tekrarı denetimi — header/footer hiçbir sayfada kopyalanmamış (K2.5)
Placeholder / TODO / Lorem ipsum taraması — sıfır olmalı (K1.4)
Playwright + Chromium kurulumu (yerel)
Playwright ile 40 sayfanın otomatik gezilmesi
Konsol hatası taraması
Kırık görsel / varlık taraması
Kırık link taraması
Her sayfadan ekran görüntüsü alınması
Tespit edilen tüm bulguların çözülmesi
Çözünürlük kontrolü — 1366×768 (projeksiyon) ve 1920×1080
Baştan sona demo provası (ana sayfa → panel → mobil)
FAZ 1

Altyapı & Veritabanı

0%

Faz 0 müşteri onayından sonra başlar.

1.1

Versiyon Kontrolü & Çözüm Yapısı

0 / 0
0%
git init + .gitignore + ilk commit
Çözüm (.sln) ve katman projelerinin oluşturulması
ErenInsaat.Api — Web API projesi
ErenInsaat.Domain — varlıklar ve iş kuralları
ErenInsaat.Data — veri erişim katmanı (DB'ye erişen TEK katman)
ErenInsaat.Shared — DTO ve ortak sözleşmeler
ErenInsaat.Panel — Razor yönetim paneli
ErenInsaat.Tests — test projesi
1.2

Merkezi Yapılandırma (applicationconfig.json) — K2.4

0 / 0
0%
applicationconfig.json şemasının tasarlanması
Bölümler: Database, Smtp, Jwt, FileStorage, Domains, Cors, Logging
Güçlü tipli yapılandırma okuyucu sınıfının yazılması
applicationconfig.example.json örnek dosyası (git'e girer)
Gerçek applicationconfig.json dosyasının .gitignore'a eklenmesi
Kod içinde gömülü bağlantı / şifre / domain olmadığının denetlenmesi
1.3

Veritabanı

0 / 0
0%
SQL Server servisinin başlatılması ve erişimin doğrulanması
ErenInsaatDb veritabanının oluşturulması
Tabloların oluşturulması
Roles, Users, UserProjects, RegistrationRequestProjects
PasswordResetTokens, RefreshTokens
Projects, ProjectBlocks
StageTemplates, TemplateStages, TemplateCategories
ProjectStages, ProjectCategories
ProgressEntries
MediaItems
Announcements, AuditLogs
İndeks ve yabancı anahtar tanımları
Migration altyapısının kurulması
Seed veri: 11 aşamalı standart konut şablonu
Seed veri: ilk admin kullanıcısı
Yedekleme stratejisinin belirlenmesi
FAZ 2

RESTful API Servisi

0%

Veritabanına erişen TEK bileşen (K2.2 / K2.3).

2.1

API İskeleti & Kimlik Altyapısı

0 / 0
0%
Web API projesinin yapılandırılması + Swagger / OpenAPI
Katmanlı mimari (Controller → Service → Repository)
JWT üretimi ve doğrulaması
Refresh token mekanizması
Şifre hash'leme (salt + hash)
Rol tabanlı yetkilendirme
Proje yetki kapısı — müşteri yalnızca atanmış projesini görür
Ortak hata biçimi ve global exception middleware
İstek / yanıt günlükleme
2.2

Uç Noktalar (Endpoints)

0 / 0
0%
/auth uçları (login, register, refresh, logout, forgot, reset, change, registerable-projects)
/me uçları (profil, güncelle, projelerim)
/projects uçları (CRUD, summary, blocks, progress-history)
/stages ve /categories uçları (CRUD, reorder, weights)
/stage-templates uçları (CRUD, duplicate, apply-template)
İlerleme uçları + ağırlıklı roll-up hesaplaması (transaction içinde)
Medya uçları
Çoklu dosya yükleme (multipart)
Küçük görsel (thumbnail) üretimi
Yetki kontrollü dosya akıtma (/media/{id}/content)
Görünürlük filtresi (müşteriye kapalı medyanın sızdırılmaması)
Son yüklenenler ucu
/users uçları (CRUD, pending, approve, reject, reset-password, proje atama)
/announcements uçları — YALNIZCA müşteri M7 duyuru modülünü onaylarsa
/dashboard/summary ucu
2.3

Destek Servisleri & Test

0 / 0
0%
E-posta servisi (SMTP — applicationconfig'ten)
Hoş geldiniz / geçici şifre e-postası
Şifre sıfırlama e-postası
Kayıt onay / ret bildirim e-postası
Denetim kaydı (audit log) altyapısı
Birim testleri (roll-up hesaplama, yetki kuralları)
Entegrasyon testleri (uç noktalar)
Swagger dokümantasyonunun tamamlanması
FAZ 3

Yönetim Paneli (ASP.NET Core Razor)

0%

Veriye yalnızca API üzerinden erişir.

3.1

Panel Altyapısı

0 / 0
0%
Razor projesinin yapılandırılması
API istemci katmanı (HttpClient + token yönetimi)
Çerez / oturum yönetimi
Ortak düzen — _Layout.cshtml (K2.5)
_Header.cshtml partial
_Sidebar.cshtml partial
_Footer.cshtml partial
Ortak bileşen partial'ları (kart, tablo, rozet, ilerleme çubuğu)
Yerel statik varlıklar (CSS / JS / font / ikon — CDN YOK, K2.1)
Rol bazlı sayfa erişim filtreleri
3.2

Panel Sayfalarının Gerçeklenmesi

0 / 0
0%
Kimlik sayfaları (3)
Dashboard
Proje sayfaları (4)
Aşama ve şablon sayfaları (3)
İlerleme sayfaları (2)
Medya sayfaları (2)
Kullanıcı ve onay sayfaları (5)
Duyuru sayfaları (2) — YALNIZCA müşteri M7 duyuru modülünü onaylarsa
Sistem sayfaları (2)
FAZ 4

Mobil Uygulama (Flutter — Android & iOS)

0%

Bildirim YOK. Veriye yalnızca API üzerinden erişir.

4.1

Mobil Altyapı

0 / 0
0%
Flutter SDK kurulumu ve proje oluşturulması
Klasör mimarisi (özellik tabanlı)
API istemci katmanı + güvenli token saklama
Tema: marka renkleri, koyu tema, tipografi
Ortak widget kütüphanesi (K2.5 karşılığı)
Yönlendirme (routing) ve oturum korumalı rotalar
Hata ve bağlantı yok durumu yönetimi
4.2

Mobil Ekranların Gerçeklenmesi

0 / 0
0%
Kimlik ekranları (5)
Proje takip ekranları (5)
Medya ekranları (2) — video oynatıcı dahil
Profil ekranları (2) + koşullu duyuru ekranı (M7 onaylanırsa)
4.3

Derleme & Cihaz Testleri

0 / 0
0%
Android derleme yapılandırması ve imzalama
iOS derleme yapılandırması ve imzalama (macOS + Xcode gerektirir)
Android cihaz testleri
iOS cihaz testleri
Uygulama ikonu ve açılış ekranı (logo varlıklarından)
FAZ 5

Test, Yayın & Teslim

0%
5.1

Test

0 / 0
0%
Playwright UI test paketi (panelin tüm sayfaları)
API güvenlik testi (yetki aşımı, veri sızıntısı)
Yük testi
Mobil cihaz matrisi testi
Uçtan uca senaryo testi (kayıt → onay → takip)
5.2

Yayın

0 / 0
0%
Sunucu kurulumu (IIS + SSL)
Veritabanının yayın ortamına kurulumu
API ve panelin yayınlanması
Google Play Store yayını
Apple App Store yayını
5.3

Teslim

0 / 0
0%
Yönetici kullanım kılavuzu
Müşteri (mobil) kullanım kılavuzu
Teknik dokümantasyon devri
Kullanıcı eğitimi
Bu sayfa nasıl kullanılır?