Metin2 Server Yönetim Paneli (Beta)

GUNNERIUS' Alıntı:

Metin2 Sunucu Yönetim Paneli
Modern, web tabanlı kontrol ve takip sistemi

Bu konu, Metin2 sunucuları için geliştirdiğim web tabanlı bir yönetim panelini tanıtmak amacıyla açılmıştır.

Backend tarafı henüz inşa edilmedi mock veriler kullanılmaktadır.

Uzun süredir sunucu tarafında dağınık şekilde takip edilen verileri tek bir merkezde toplamak ve yönetici tarafını daha pratik hale getirmek için bu projeye başladım.


Panel tamamen modern web teknolojileriyle geliştirildi. Dark tema üzerine kurulu, sade ve göz yormayan bir arayüze sahip. Masaüstü ve mobil cihazlarda sorunsuz şekilde çalışacak şekilde tasarlandı.

Genel Yapı

Panelin temel amacı; sunucu durumunu, oyuncuları ve istatistikleri tek ekranda, anlaşılır ve düzenli bir şekilde sunmak.
Giriş yaptıktan sonra yönetici doğrudan ana kontrol paneline yönlendiriliyor ve sunucu ile ilgili tüm temel bilgiler burada karşısına çıkıyor.

Giriş Sistemi

Giriş ekranı sade ama modern bir yapıya sahip. Dark tema ile uyumlu, animasyonlu bir tasarım kullanıldı.
Form doğrulamaları mevcut ve gereksiz detaylardan kaçınıldı. Amaç hızlı giriş ve doğrudan panele erişim.

Dashboard (Ana Kontrol Paneli)

Ana panelde sunucuya ait canlı veriler yer alıyor. CPU, RAM, Disk, Network ve veritabanı bilgileri belirli aralıklarla otomatik olarak güncelleniyor.
Bu veriler sadece sayısal olarak değil, küçük grafikler ile desteklenerek daha anlaşılır hale getirildi.

CPU, RAM ve Disk gibi değerlerde ters mantık kullanıldı. Yani yük arttıkça durum kötüleşmiş olarak gösteriliyor. Bu sayede anlık sorunları fark etmek daha kolay oluyor.

Panel üzerinde ayrıca sunucuya ait genel istatistik kartları bulunuyor. Toplam oyuncu sayısı, sunucu durumu, performans bilgisi, banlı hesaplar, toplam karakter sayısı, aktif pazar, günlük kayıtlar ve girişler gibi birçok veri burada yer alıyor.
Bu kartların tamamı tıklanabilir ve her biri için detaylı bilgi penceresi açılabiliyor.

Grafik tarafında bayrak dağılımı ve karakter sınıf dağılımı gibi temel istatistikler görsel olarak sunuluyor. Grafikler sade tutuldu, gereksiz karmaşadan özellikle kaçınıldı.

Sağ tarafta ise bildirim ve aktivite panelleri yer alıyor. Sistemle ilgili uyarılar, bilgilendirmeler ve yapılan son işlemler burada listeleniyor. Okunmamış bildirimler ayrı şekilde gösteriliyor ve tek tıkla tamamı okundu olarak işaretlenebiliyor.

Oyuncu Yönetimi

Oyuncu yönetimi kısmı panelin en detaylı bölümlerinden biri. Oyuncular isim veya ID üzerinden aranabiliyor.
Mesleklerine göre filtreleme yapılabiliyor ve online – offline durumlarına göre listeleme mümkün.

Oyuncular; isim, seviye ve son giriş tarihine göre sıralanabiliyor. Sayfalama sistemi ile liste düzenli tutuluyor.

Her oyuncu için detay ekranı bulunuyor. Bu ekranda oyuncunun bayrağı, loncası, Yang durumu, toplam oyun süresi, öldürme ve ölüm istatistikleri gibi bilgiler yer alıyor.
HP, SP ve EXP değerleri bar şeklinde gösteriliyor. Ayrıca kayıt tarihi ve son aktivite bilgileri de görülebiliyor.

Yönetici tarafında oyuncuya mesaj gönderme, eşya verme veya banlama gibi işlemler de bu ekran üzerinden yapılabiliyor.

Tasarım ve Kullanım

Panel genel olarak dark tema üzerine kurulu. Renkler özellikle göz yormayacak şekilde seçildi.
Hover efektleri ve küçük animasyonlar mevcut ancak abartıdan kaçınıldı. Amaç şık ama kullanışlı bir arayüz sunmak.

Kullanılan Teknolojiler

Frontend tarafında Next.js ve React kullanıldı. Kod yapısı TypeScript ile oluşturuldu.
Arayüz tarafında Tailwind CSS ve shadcn bileşenleri tercih edildi. Grafikler için Recharts kullanılıyor.
Kod kalitesi için ESLint ve PostCSS yapılandırmaları mevcut.

Son Durum

Proje aktif olarak geliştirilmeye devam ediyor.
İlerleyen süreçte yeni paneller, ek istatistikler ve yönetici araçları eklenmesi planlanıyor.

Görüş, öneri ve eleştirilere açığım.
​

Genişletmek için tıkla