Tüm Sayfalar / 96 - Dashboard
Sayfa 96 / 161
Kontrol Merkezi

Dashboard

Tüm önemli verilerin tek ekranda toplandığı yönetim paneli

Biz Ne Yaptık?

Admin panele giriş yaptığınızda karşınıza çıkan zengin içerikli dashboard tasarladık. Kullanıcı sayıları, gelir özeti, son işlemler, sistem sağlığı - hepsi tek bakışta görülüyor.

Eski Yöntem

  • Her veri için ayrı sayfalara gitme
  • Anlık durumu görememe
  • Manuel raporlama zorunluluğu

Modern Mimari

  • Tek ekran: Tüm veriler bir arada
  • Canlı güncelleme: Sayfa yenilemeden
  • Otomatik hesaplama: KPI'lar hazır

Dashboard Bileşenleri

Kullanıcı Sayacı

Toplam, aktif ve yeni kullanıcılar

Gelir Özeti

Toplam gelir: 563,285 TL

Abonelik Durumu

1,551 aktif abonelik

İçerik Sayısı

Şarkı, albüm, sanatçı sayıları

Trend Grafikleri

Haftalık/aylık trend analizi

Son İşlemler

Canlı aktivite akışı

Admin Panelden Ne Görebilirsiniz?

Gerçek Zamanlı Veriler

2,859
Toplam Abonelik
1,551
Aktif Abonelik
%54
Aktiflik Oranı
563K
Toplam Gelir (TL)

Arkaplanda Neler Çalışıyor?

Dashboard sayfasını açtığınızda, birden fazla veritabanı sorgusu paralel olarak çalışır ve sonuçlar cache'lenir. Bu sayede her ziyarette veritabanına yük binmez, veriler hızlıca görüntülenir.

1

Dashboard Controller Tetiklenir

DashboardController@index çağrılır. Controller içinde widget verilerini toplayan servisler çağrılır: UserStatsService, RevenueService, ContentService.

2

Cache Kontrolü Yapılır

Cache::remember('dashboard_stats', 300, fn() => ...) ile önce Redis'te cache kontrol edilir. 5 dakika (300 saniye) içinde aynı veri istendiyse, veritabanına gitmeden cache'den döner.

3

Aggregate Query'ler Çalışır

Cache yoksa veritabanı sorguları başlar: User::count(), Subscription::where('status', 'active')->sum('amount'), Song::selectRaw('COUNT(*) as total') gibi aggregate fonksiyonlar kullanılır.

4

Widget Bileşenleri Render Edilir

Her widget için Livewire component'i render edilir: <livewire:dashboard-user-widget />. Component'ler kendi verilerini mount() metodunda yükler ve render() ile blade view döner.

5

Gerçek Zamanlı Güncelleme (Polling)

Livewire wire:poll.30s direktifi ile 30 saniyede bir sunucuya istek atar. $this->emit('refresh') ile widget'lar güncellenir, sayfa yenilenmeden yeni veriler görünür.

6

Grafik Verileri Hazırlanır

Trend grafikleri için groupBy(DB::raw('DATE(created_at)')) ile günlük veriler toplanır. JavaScript tarafında Chart.js veya ApexCharts ile görselleştirilir.

Bu Sayfanın Anahtar Terimleri

Dashboard

(Kontrol Paneli)

Özet verilerin gösterildiği ana ekran. Araba gösterge paneli gibi düşünün.

Widget

(Bileşen)

Belirli bir veriyi gösteren küçük kutu. Telefondaki hava durumu kartı gibi.

KPI

(Anahtar Performans Göstergesi)

İşin ne kadar iyi gittiğini gösteren önemli rakamlar.

Real-time

(Gerçek Zamanlı)

Anlık güncellenen veri. Sayfa yenilemeden değişiklikleri görme.

Kullanıcılar
2,859
+54 bu hafta
Gelir
563K
Toplam TL
Premium
1,551
%54 aktif
Planlar
7
Abonelik planı
Haftalık Trend
Son İşlemler
Yeni üyelik 2dk
Ödeme alındı 5dk
Şarkı yüklendi 12dk
Sistem Sağlığı
CPU
35%
RAM
62%
Disk
48%