Teknik PanelV1.6Misafir Modu
Kurumsal Bilgi

Hakkında

Panelin güncel operasyon akışını, kapsamını ve ürün yönünü tek ekranda inceleyin.

Operasyon Modülü: 8Ana Kabiliyet: 6Rol Yapısı: RBAC
Kurumsal Platform • 2026 Bahar Akışı

Teknik Danışman Yönetim Paneli

Teknik Danışman Yönetim Paneli; müşteri, personel, donanım, lisans, servis, ödeme ve destek operasyonlarını aynı veri dili üzerinde birleştiren çok kiracılı bir çalışma panelidir. Güncel sürümde dashboard, destek, haber, AI ve finans yüzeyleri birbirine doğrudan bağlanır; ekip bağlam kaybetmeden aksiyon alır.

8
Ana operasyon modülü
4
Akış köprüsü: Dashboard, Destek, Haber, AI
OAuth
Mail özeti, QR ve uyarı entegrasyonları
🎯 Neden Bu Sistem?

Teknik danışmanlıkta müşteri profili, altyapı, yenileme, finans ve destek kararlarını tek yerde toplamak bilgi dağınıklığını azaltır ve operasyon hatalarını düşürür.

Ekip aynı güncel veri ile çalışır; dashboarddan destek koridoruna, haber akışından AI teşhise kadar aynı bağlam korunur ve tekrar eden iletişim yükü azalır.

🎷 Mimari ve Güvenlik

Platform çift katmanlı yetki modeli ile çalışır. Admin tüm kapsama erişirken, standart kullanıcı yalnızca atandığı müşteri alanını ve yetkili olduğu modülleri görür.

  • Sunucu tarafında müşteri kapsamı ve sayfa yetkisi kontrolü
  • POST işlemlerinde CSRF doğrulaması ve çıkış tamponu üzerinden ortak koruma
  • Rol, modül ve müşteri bazlı veri izolasyonu
📦 Modüller ve Kapsam
  • Müşteri Yönetimi
  • Personel Yönetimi
  • Donanım Envanteri
  • Lisans Takibi
  • Servisler & Sunucular
  • Ödeme Yönetimi
  • Destek, AI ve Haber Akışı
  • Ağ Araçları, Aktivite Logları ve Ayarlar

Tüm yüzeyler dashboard, destek merkezi ve panel turu üzerinden ortak operasyon diline bağlanır.

Operasyonel Fayda ve Vizyon

Tarih tabanlı otomatik uyarılar, dashboard ayarları, mail gelen kutusu özeti, Wi-Fi QR erişimi ve aktivite logları ile ekip verimliliği artar.

Hedef, teknik desteği tekil modüllerden ibaret bir panelden çıkarıp karar koridorları arasında akabilen veri odaklı bir çalışma yüzeyine dönüştürmektir.

Verdiği moral ve yaptığı tezahüratlardan ötürü Nur Kartal Hanımefendiye teşekkürler.

Bana yol gösteren ve bir şekilde beni Yazılım dünyasına zerk etmeye çalışan Oyun arkadaşım Ahmet Ertem Bey'e teşekkürler.

Bu yazıyı yazarken test aşamasında kendisinin olacağını bilmese de test etmiş olacak olan Ahmet Can Soysal Bey'e şimdiden teşekkürler.

Bu paneli oluşturmama sebep olan, bir çok excel dosyası içinde boğulan, tüm Personellere de teşekkür ederim.

🎮 Mini Oyunlar

Kısa bir mola için klasik arcade hissi ve mouse ile oynanan mini satranç bir arada.

👾 Space Invaders
Hazır
Skor: 0 En Yüksek: 0 Dalga: 1 Can: 3
Mouse: Gemiyi hareket ettir | Tıkla: Ateş et
Sol/Sağ ok tuşu: Klavye hareketi | Boşluk: Ateş et | P: Durakla

📜 Space Invaders Tarihçesi
1978
Tomohiro Nishikado tarafından Taito için geliştirildi; modern shoot'em up türünün temelini attı.
1980'ler
Arcade kültürünün büyümesinde kilit rol oynadı, yüksek skor rekabetini ana oyun dinamiklerinden biri haline getirdi.
Günümüz
Sade ama zorlaşan temposu sayesinde oyun tasarımı derslerinde hâlâ klasik referanslardan biri olarak anılır.
♟️ Mini Satranç
Sıra: Beyaz
Taş seçip hedef kareye tıklayarak oyna.
Mouse kontrolü: Önce taşını seç, sonra gitmek istediğin kareye tıkla.

♟️ Satranç Tarihçesi
~600
Hint kökenli Chaturanga oyunundan doğan satranç, Pers İmparatorluğu üzerinden Ortadoğu ve Avrupa'ya yayıldı.
1886
Wilhelm Steinitz, modern uluslararası turnuva yapısının temelini atan ilk resmi dünya şampiyonu oldu.
Günümüz
200 milyonu aşkın aktif oyuncusuyla dünyanın en popüler strateji oyunu; yapay zeka rakipleriyle yeni bir çağa girdi.

Geliştirici

E
Enis Tekin
Teknik Danışman — Sistem Mimarı & Baş Geliştirici
v1.7 Arayüz Yenileme & Dağıtım Otomasyonu 11 Nisan 2026
Açık / Koyu Mod Uyumu
  • important_links.php tablo liste tasarımına taşındı; tüm renkler CSS değişkenlerine bağlandı, Bootstrap tablo override'ları eklendi. UX
  • about.php ve tour.php hardcoded #0a58ca değerleri var(--ui-primary)'e dönüştürüldü; palette geçişleri tüm yüzeylerde çalışıyor.
  • tour.php'e panel-themes.css eklendi — renk paleti değişkenlerinin tur sayfasında da geçerli olması sağlandı.
Hero & Liste Yenileme
  • licenses.php, hardware.php, payments.php, services.php hero bölümleri customers.php patterni ile hizalandı: dash-chips-bar hero içinde, sağda mini-stats.
  • customers.php canlı arama kutusu (customerListSearch) kaldırıldı; daha temiz liste başlığı.
  • important_links.php kart/grid düzeninden liste (tablo) düzenine yeniden tasarlandı: toolbar + arama + kategori filtresi korundu.
Personel Alan İsimleri
  • employees.php ve employee_form.php: "AnyDesk ID" → Uzak Destek ID, "AD Kullanıcı Adı" → Kullanıcı Adı, "AD Şifresi" → Kullanıcı Şifresi. UX
  • CSV export başlıkları ve modal JS aynı isimlendirme ile güncellendi.
Premium Kaydet Butonu
  • assets/panel-modern.css'e .btn-save sınıfı eklendi: display:inline-flex, width:fit-content, align-self:flex-start — buton içeriğe göre boyutlanıyor, tam genişliğe uzamıyor. UI
  • Tüm form sayfalarında (customer_form, employee_form, hardware_form, license_form, payment_form, service_form, server_form) kaydet butonu btn btn-save + bi-check2 ikonu ile güncellendi.
Dağıtım Otomasyonu
  • deploy.sh oluşturuldu: PHP lint → tar arşiv → scp → SSH çıkarma → temizlik; bash deploy.sh (tüm dosyalar) veya bash deploy.sh dosya.php (seçici) ile çalışır. DX
v1.6 Operasyon Akışı & İçerik Senkronu 9 Nisan 2026
Ürün Dili Güncellemesi
  • about.php genel anlatımı, panelin güncel koridor yapısına göre yenilendi; dashboard, destek, haber, AI ve finans yüzeyleri tek akış diliyle anlatılıyor. UX
  • Üst metrikler 8 operasyon modülü ve 6 ana kabiliyeti yansıtacak şekilde güncellendi; müşteri kapsamı + sayfa yetkisi birlikte vurgulandı.
  • Hakkında kartları; mail özeti, dashboard ayarları, Wi-Fi QR, aktivite logu ve haber akışı gibi güncel yüzeyleri kapsayacak biçimde revize edildi.
Panel Turu Güncellemesi
  • tour.php slayt kopyaları, sakin menü kabuğu ve akış odaklı çalışma modeline göre güncellendi.
  • Dashboard slaytı artık gelen kutusu özeti, dashboard özelleştirmesi ve müşteri bağlamı ile; destek slaytı ise sohbet anlatımı yerine belirtiye göre çözüm koridorları ile hizalandı.
  • Akış slaytı; haber, AI, finans, aktivite logu ve operasyon köprülerini tek rotada özetleyecek şekilde yeniden yazıldı.
Dokümantasyon Senkronu
  • TEKNIK_GUNLUGU.md ile Hakkında > Teknik Günlük sekmesi aynı ürün durumunu gösterecek biçimde senkronlandı.
  • Panel artık yalnızca CRUD modülleri listesi olarak değil; destekten çözüme, haberden finansa uzanan çalışma yüzeyi olarak dokümante ediliyor.
Görsel Hiyerarşi Sistemi
  • Aktif panel yüzeylerinde ortak önem ve yoğunluk katmanları tanımlandı: visual-tier-primary, visual-tier-secondary, visual-tier-tertiary ve compact-aux. UI
  • Liste, form, müşteri detay, destek, haber, arama, içe aktarma, ağ araçları, yedekleme ve yardımcı yönetim ekranları aynı görsel ağırlık mantığına taşındı.
  • Ortak stil altyapısı assets/panel-modern.css ve assets/customer-shared.css içinde toplandı; mobil görünümde boşluk, kart yoğunluğu ve grid davranışları ayrıca sıkılaştırıldı.
Repo Bakım Temizliği
  • Doğrulanmış eski ayar kopyaları kaldırıldı: settings_new.php, settings_modified.php, settings.php.backup.
  • Kaldırma öncesi referans taraması yapıldı; canlı uygulama akışında bu dosyalara bağlı aktif bir giriş bulunmadı.
  • tech_news_settings.php ve email_alerts_admin.php bookmark uyumluluğu nedeniyle redirect kabuğu olarak korunuyor; bakım planı MAINTENANCE_CLEANUP_PLAN.md içine işlendi.
v1.5 Dashboard & Form İyileştirmeleri 31 Mart 2026
Tema Uyumluluğu
  • Dashboard kartları tema-responsive — glass-card hardcoded rgba(255,255,255,0.78)var(--ui-surface) değişkenine dönüştürüldü. UX
  • Tablo arka planı & metin — Açık tonlardan kaçınarak göz rahatlığı sağlandı: arka plan var(--ui-surface-3), metin var(--ui-muted); opasite ayarlamaları (%8→%15).
  • Yapışkan tablo başlıkları — position: sticky; top: 0 ile sabitlendi; kaydırırken başlık görünür.
İşlem İkonları & Butonlar
  • İkon boyut optimizasyonu — .icon-btn boyut 1.5rem1rem; iç simgeler 0.7rem; kompakt görünüm sağlandı.
  • Gizil button stilleri kaldırıldı — Tüm sayfalarda (hardware.php, payments.php, licenses.php, vb.) işlem sütunundaki butonlar artık sadece class="icon-btn" ile minimal stil taşıyor.
  • İkon rengi ayarlaması — var(--ui-muted) kullanılarak açık/koyu temada otomatik uyum.
Form Geliştirmeleri
  • Para birimi seçimi — payment_form.php & license_form.php ggüncellendi: Tutar alanına TRY/USD dropdown eklendi; inputmode="decimal" + regex validasyonu. UX
  • Donanım formu DDR & CPU seçenekleri — hardware_form.php'e RAM DDR (DDR3/DDR4/DDR5) ve CPU Jenerasyonu (10-14. Nesil, Ryzen, EPYC) dropdown'ları eklendi.
  • Akıllı model filtreleme — Marka seçiminden sonra Model alanı otomatik olarak veritabanındaki mevcut model-marka kombinasyonlarını filtreler; veri tutarlılığı sağlandı.
  • Form başlık stillemesi — Tüm form sayfalarında bölüm başlıkları (<hr> + <h6>) tutarlı hale getirildi.
  • Breadcrumb kaldırılması — Tüm form sayfalarından breadcrumb navigasyon kaldırıldı.
Login Sayfası Güncellemesi
  • Türkçe karakter düzeltmeleri — "Giris yapmadan..." → "Giriş yapmadan kullanabileceğiniz araçlar"; "Onemli Linkler" → "Önemli Linkler"; "Ag Araclari" → "Ağ Araçları" vb.
  • Özellik tanımları güncellendi — Panelin güncel özelliklerini yansıtacak şekilde revize edildi.
Tooltip Sistemi Devre Dışı
  • CSS-only tooltip'lar devre dışı — panel-visual.css'de [data-tooltip]::before ve [data-tooltip]::after pseudo-elementlerine display: none !important; eklendi. UX
  • JavaScript çağrısı yorum satırına alındı — panel-menu.js'de addTooltipFallbackA11y() fonksiyonu çağrısı devre dışı bırakıldı.
  • Butonlar üzerine gelirken artık tooltip çıkmıyor; daha temiz, minimal UI.
Veritabanı Migrasyonları
  • ALTER TABLE payments ADD COLUMN currency VARCHAR(3) NOT NULL DEFAULT 'TRY'
  • ALTER TABLE licenses ADD COLUMN currency VARCHAR(3) NOT NULL DEFAULT 'TRY'
  • ALTER TABLE hardware ADD COLUMN ram_ddr VARCHAR(50) NULL
  • ALTER TABLE hardware ADD COLUMN cpu_generation VARCHAR(50) NULL
Test Veri Yönetimi
  • Kapsamlı test müşteri verisi — 4 şirket (Teknova, Global İnşaat, EuroConsult, MediCare) + 5-10 çalışan/şirket; donanım, lisans, servis ve ödeme kayıtları.
  • Kritik düzeltme: Dashboard bölümleri (Yaklaşan Kritikler, Yaklaşan Ödemeler, Ödeme Trendi, Sona Erme Dağılımı) boş görünüyordu çünkü test veriler 2024 tarihlidir. insert_future_test_data.php oluşturuldu — tarihler DATE_ADD(CURDATE(), ...) ile dinamik hesaplanıyor; gelecek 30-60 gün içi. BUGFIX
  • Test betikleri: add_test_customers.php, insert_test_data_fixed.php, insert_payments.php, insert_future_test_data.php
v1.4 Kod Kalitesi & Refactoring Mart 2026
Yeni Helper Dosyaları
  • helpers/export.php — CSV dışa aktarma için merkezi helper oluşturuldu. Personel, donanım, lisans ve ödeme sayfalarında tekrarlanan export kodları bu helper'a taşındı. DRY
  • helpers/wifi_qr.php — WiFi QR kod üretimi için build_wifi_qr_url() ve wifi_qr_escape() fonksiyonları; index.php ve customer_detail.php'deki ~70 satır yinelenen kod kaldırıldı. DRY
  • assets/login.csslogin.php içindeki ~310 satır inline CSS ayrı dosyaya taşındı.
Responsive Grid
  • Tüm form sayfalarında col-md-* sınıfları col-lg-* col-md-* ikili yapısına dönüştürüldü; tablet ekranlarda form alanları daha iyi hizalanıyor.
v1.3 Görsel Sistem & Tema Altyapısı Mart 2026
Renk Paleti Sistemi
  • 5 renk paleti eklendi: Slate (varsayılan), Midnight (mor), Ocean (teal), Ember (turuncu), Classic. localStorage("panelPalette") ile kalıcı.
  • Açık/Koyu mod toggle — data-theme attribute + localStorage("theme"); window.toggleTheme() global fonksiyonu.
  • FOUC düzeltmesiconfig.php output buffer'ında inject_theme_script() ile tema scripti <head>'in ilk elemanı olarak enjekte edilir; sayfa yüklenirken tema yanıp sönmez. PERF
Mobil & Responsive
  • Mobil sidebar — küçük ekranlarda Bootstrap Offcanvas ile hamburger menü; masaüstü sidebar aynen korunuyor.
  • Mobil giriş alanı yüksekliği — 320px ekranlarda min-height 42px → 36px olarak azaltıldı (@media max-width: 359px).
CSS İyileştirmeleri
  • Metric kartlar — Midnight ve Ember paletlerine özel gradient tanımlandı; her palet kendi renk şemasıyla uyumlu hover glow efekti.
  • Confirm modal dark mode — tam koyu tema desteği; başlık, altyazı, ikon arka planı ve modal içeriği karanlık temada doğru renk.
  • Firefox scrollbar desteği — scrollbar-width: thin ve scrollbar-color CSS değişkenleri eklendi; Webkit kurallarına ek olarak Firefox'ta da temayı takip ediyor.
  • Print stylesheet iyileştirmesi — tablo başlıkları her sayfada tekrarlanıyor (table-header-group), satır ortasında sayfa kırılması engelleniyor, A4 landscape boyutu, sidebar gizleniyor.
v1.2 UX & Erişilebilirlik Mart 2026
Form UX
  • Şifre göster/gizle toggle butonu — müşteri formunda 6 alan, personel formunda AD şifresi, lisans formunda şifre alanı; .pw-wrap sarmalayıcı.
  • Şifre güç göstergesi — renk çubuğu + seviye etiketi (Çok Zayıf → Güçlü) + ipucu metni ve aria-label güncellemesi.
  • Tüm form sayfalarına breadcrumb navigasyon eklendi (7 sayfa).
  • aria-required="true" tüm zorunlu form alanlarına toplu olarak eklendi.
  • Inline form doğrulaması — blur ve submit olaylarında .is-invalid / .is-valid sınıfları.
Modal & Etkileşim
  • Onay modalında tam klavye focus trap — Tab / Shift+Tab sıkıştırması; modal kapanınca tetikleyen öğeye focus geri döner. A11Y
  • Pano kopyalama execCommand fallback'i kaldırıldı; navigator.clipboard API'si mevcut değilse toast uyarısı gösterilir.
  • Sayfa yükleme progress bar — navigasyon linklerine ve form gönderimlerine bağlı.
  • Tablo satırı tık animasyonu (row-flash) — eylem butonu dışında satıra tıklanınca vurgulama.
v1.1 Güvenlik Sertleştirmesi Mart 2026
Sunucu Tarafı Güvenlik
  • CSRF token doğrulaması — config.php'de tüm POST istekleri için global require_valid_csrf() çağrısı var; kritik POST işleyicilerinde açık çağrı kullanımı da korunuyor. SEC
  • Sunucu taraflı e-posta doğrulaması — customer_form.php'de filter_var(FILTER_VALIDATE_EMAIL). SEC
  • save_avatar.phpreturnTo parametresi path traversal saldırısına karşı sertleştirildi; basename() + regex doğrulama. SEC
  • import.php — 5 MB dosya boyutu sınırı eklendi; veritabanı hata mesajları kullanıcıya gösterilmiyor (error_log + genel mesaj). SEC
  • PDO Prepared Statements — tüm listeleme sayfalarında LIMIT ? OFFSET ? için PDO::PARAM_INT ile bind; integer cast yetmez. SEC
Veri Bütünlüğü
  • CSV import transaction — tüm satır işlemleri beginTransaction / commit / rollBack içine alındı; kısmi yazma riski ortadan kalktı.
  • Yinelenen müşteri tespiti — import ve müşteri formunda şirket adına göre mükerrer kayıt kontrolü; uyarı mesajı ile atlanıyor.
v1.0 Temel Platform 2025 — 2026 başı
Operasyon Modülleri
  • Müşteri Yönetimi — şirket profili, iletişim, WiFi bilgileri, QR bağlantı
  • Personel Yönetimi — çalışan bilgileri, uzak destek ID, kullanıcı adı/şifre, bağlı müşteri
  • Donanım Envanteri — marka, model, garanti tarihi, müşteri eşleştirme
  • Lisans Takibi — yazılım lisansları, bitiş tarihi uyarıları
  • Servisler & Sunucular — domain, hosting, SSL ve sunucu envanteri aynı koridorda
  • Ödeme Yönetimi — fatura ve ödeme takibi, CSV dışa aktarma
  • Destek Merkezi & Teknik Zeka — belirti bazlı yönlendirme, bilgi bankası ve AI akışı
  • Haber, Ağ ve Yardımcı Yüzeyler — teknoloji haberleri, ağ araçları, önemli linkler ve aktivite logları
Yetkilendirme & Güvenlik
  • RBAC (Role-Based Access Control) — Admin, Kullanıcı ve Müşteri Portal rolleri
  • Çift katmanlı erişim — müşteri kapsamı + modül bazlı sayfa yetkisi
  • PDO hazırlıklı sorgular — temel SQL injection koruması
  • Oturum yönetimi — auth.php + require_login() / require_admin()
  • Misafir modu — giriş yapmadan sınırlı görünüm
Teknoloji Yığını
PHP 8.x MySQL / PDO Bootstrap 5.3 Vanilla JS XAMPP / Apache Plus Jakarta Sans Bootstrap Icons
Temel Dosya Yapısı
config.php  — Veritabanı, oturum, CSRF, output buffer
auth.php    — Kimlik doğrulama ve yetki kontrolleri
menu.php    — Sidebar, yardımcı bağlantılar ve dashboard düzenleme kısayolları
helpers/    — export.php · wifi_qr.php
assets/     — panel-modern.css · panel-themes.css · panel-visual.css
              panel-ux.js · panel-progress.js · panel-sort.js · login.css