Forum, Canlı Harita & UCP - Evil Roleplay Teması

[berkealp55]

Öncelikle konuya hoş geldin sayın GTA Multi kullanıcısı, konuya tam olarak başlamadan önce değinmek istediğim bazı konular var.

- Bu tasarımı Evil Roleplay sunucusu için yapmıştım ve burada görmeyenler için paylaşma kararı aldım. Bazı oyuncular ve yönetim ekibinden gelen geri dönüşler beni gerçekten mutlu etti, başlarken ortaya güzel bir şey çıkmayacağı için korkuyordum fakat şu anda foruma dönüp tekrar bakınca gerçekten güzel bir iş çıkartmışım gibi hissediyorum. Yine de yorum sizlerin.

- Asıl tasarımı (renk paleti, yerleşim, stil vs.) astreal#3015 (Taha) adlı arkadaşım Figma kullanarak tasarlamıştır. Ben de bu UI tasarımını koda döktüm.

- Bu tasarım SMF 2.1.2 versiyonu için Tailwind CSS ile yapılmıştır, forum ile birlikte gelmeyen özellikler (ucp ve canlı harita gibi) için yine sıfırdan router yazıldı. Forum tasarımının ana sayfası, konu liste sayfası, konu detay sayfası, yatay postbit, profil ve giriş yapma sayfaları sıfırdan yapılmıştır ve geri kalan sayfaların yalnızca stili değiştirilmiştir. Sıfırdan yapılan sayfalarda minik eksiklikler olabilir, ancak test edildi ve hata görülmedi. Bu arada forum mobil uyumludur (çoğunlukla, bazı yerlerde minik taşmalar oluyor fakat kullanıcıyı rahatsız eden şekilde değil).

Forum

Forumda anlatılacak pek bir şey yok. Aşağıda görselleri ve açıklamaları görebilirsiniz.

Header

Bu kısım her sayfanın üstünde bulunan kısımdır. Sol üstte görüldüğü üzere sosyal medya linkleri bulunuyor. Bu linkleri forum ayarlarından düzenleyebiliyoruz. Büyük bir bölüm ve bölümün tam ortasında sunucu logosu bulunuyor. Bu bölümün arka planına ise bir resim koyduk. Header'ın alt bölümünde navigasyon menüsü bulunuyor. Bu kısımdan sayfalar arasında geçiş sağlayabiliyoruz. Mobil cihazlarda bu menü collapse oluyor ve bir ok tuşuna basarak kalan linkleri görebiliyoruz.

Forum Ana Sayfa

Forumun ana sayfasında üst kısımda genel bir duyuru görüyoruz. Buraya forum ayarları kısmına yazdığımız yazı var ise o geliyor. Alt kısımda ise iki bölüm var. Soldaki bölüm kategoriler ve alt kategorileri, sağ kısım oyun sunucusunun detaylarını göstermektedir. Kategorilerin en altında ise forum istatistikleri var.



Bazı alt kategorilerde ikon yerine resim olması istenebilir diye bu özelliği de dahil ettim.



Kategorilere de arkaplan ekleyebiliyoruz.

Kategori Detayı ve Konular

Bu sayfada üst kısımda alt kategoriler ve özetleri, alt kısımda ise şu anki bölümde açılmış konular gösteriliyor. Sabit konuların, kilitli konuların rengi ve ikonu farklı olarak gözüküyor. İzlenen konuların ise yalnızca ikonu farklı gözüküyor.

Profil Sayfası

Alt kısımda aktif karakterler, pasif karakterler ve yasaklama kayıtları bulunuyor. Sol kısımda genel bilgiler ve son ziyaretçiler (2.1.2 için eklentisi henüz çıkmadı) kısmı var.

Yatay Postbit ve Konu İçeriği

Roleplay sunucuları için en kritik olan nokta, yatay postbit. Bu bölüm için çok uğraştım fakat mobile tam uyumlu yapamadım. Bu yüzden buradaki karakterler kısmı mobil cihazlarda gizlidir (maalesef). Sol kısımda mesajı atan kişinin avatarı, ismi ve rolü bulunuyor. Hemen sağındaki kısımda sosyal medya linkleri mevcut, eğer bir sosyal medya ekli ise diğerlerinden daha beyaz renkte görünecektir. Hemen sağ kısmında bulunan başarımlar paneli dinamik değildir. Başarımların üzerine geldiğimizde açıklaması bir tooltip kullanılarak gösteriliyor. En sağ kısmında karakterler bölümü mevcut ve maksimum 4 karaktere kadar görebiliyoruz.

Footer

Her sayfanın alt kısmında bulunan footer, sade bir şekilde yapıldı. Sol tarafta sunucunun Hakkında bölümü, sağ tarafta ise linkler mevcuttur. En alt kısımda solda sunucu ismi ve sağ kısımda ise yine ayarlanabilen sosyal medya linkleri vardır. Footer bölümünün tam ortasında yine sunucu logosu vardır ve opaklığı düşürülmüştür.

Canlı Harita

Canlı harita için çok bir şey anlatmaya gerek yok, zaten yalnızca oyuncular gözüküyor fakat arkaplanında turf bölgesi ekleme, ev, market, işyeri, garaj vs. ekleme özelliği bulunuyor. Oyuncuların konumu 10 saniye aralıkla güncelleniyor ve hangi oyuncunun kim olduğunu göremiyoruz. Yalnızca orada bir insan var, uzakta. Gitmesek de, görmesek de orada bir insan var 

Karakter Kontrol Paneli (UCP)

Normalde burası foruma gömülü olmalıydı fakat forumu sıfırdan yapma fikri daha aklımızda yokken yapıldığı için (ve hoş durduğu için) burayı kullanma kararı almıştık. Aslında çok özelliği yok. Bu kısımdan karakter başvurusu gönderilebiliyor (2 aşama var, 1. aşamada test çözüyorlar ve 2. aşamada karakterlerinin özelliklerini ayarlıyorlar). Yöneticiler de başvurulara bakıp onaylayabiliyor ve reddedebiliyor. İsterlerse test sorularını değiştirebiliyorlar (ekle çıkar güncelle). Karakteri olan oyuncular sol taraftaki kısımdan karakterlerini görebiliyorlar ve minik bir detay sayfasında genel özelliklerini görebiliyorlar.

Karakter detay sayfası



Gelen başvuruların görüntülendiği kısım



Karakter başvuru detay sayfası (isim falan olan kısım SS alma uygulaması yüzünden garip çıkmış)



Başvuru sorularının yönetildiği ve görüntülendiği kısım.

Not: Bu temayı satmıyorum, benim için güzel bir hatıra olarak kalacak.

19.04.2023 Tarihli Güncelleme: Temanın iznim olmadan satışa sunulmasından, dağıtılmasından ve üzerinden para kazanılmasından dolayı temanın sahibi olarak temanın tüm satış haklarını, kullanım haklarını, yeniden düzenleme ve dağıtma hakkını, isim hakkının yeni sahibi olarak Ömer Faruk Solmaz isimli kişiye devrini yapmış bulunmaktayım. 19.04.2023 tarihi itibariyle yapmış olduğum tema hakkında herhangi bir hak sahibi olmadığımı ve bu konuda hiç kimseye herhangi bir yardımda bulunamayacağımı belirtmek isterim. Sorularınızı veya taleplerinizi belirtmiş olduğum kişiye iletmeniz gerekmektedir. Discord adresi: reazgers#7010 ve Discord ID numarası: 626784451162275851

[Skrib]

Berke alp yine dökmüş tüm marifetlerini, gerçekten çok güzel ellerine sağlık. <3

[astreal]

Elimize, emeğimize sağlık.

[Daxy]

Bu işin hakkını veren, gerçekten bu işten anlayan birisi. Eline sağlık Berkem.

[RostReiNn]

Daha ne kadar bu forum için yorum yapabilirim ki ha?

[berkealp55]

Görüşleriniz için teşekkür ederim

[Powsyne]

Gerçekten kaliteli ve hoş olmuş. Elinize sağlık. Sadece yatay postbit dediğiniz yer biraz daha geliştirilebilir. Mobiller için karakterler kısmı bir butonla açılacak şekilde düzenlenebilir. Butona basındığında sağdan sola doğru kayan bir kutunun içine karakter bilgilerini koyabilirsin. Buton yerine karakter avatarıda olabilir.

[Backup]

Canlı harita için 10 saniyede bir timer mi kullanıyorsunuz yoksa socket bağlantısı mı ?
Şayet socket kullanmanız daha makul olacaktır.

[Rodeiun]

gayet başarılı eline sağlık

[berkealp55]

Canlı harita için 10 saniyede bir timer mi kullanıyorsunuz yoksa socket bağlantısı mı ?
Şayet socket kullanmanız daha makul olacaktır.

10 saniyede bir Ajax kullanarak /livemap/players uç noktasına istek yollanıyor, bu uç nokta ise websocket bağlantısı ile oyuna bağlanıyor. Güvenlik sebebiyle direkt olarak oyun sunucusunun websocket protokolüne erişim sağlatmadım.

[Ze$uS]

Eline sağlık.

[Doris_Mono]

Sizlere ulaşabileceğimiz bi adres bırakabilir misiniz ?

[Médhor]

Daha ne denilebilir ki?

[BuRMiLLaT]

Canlı harita için 10 saniyede bir timer mi kullanıyorsunuz yoksa socket bağlantısı mı ?
Şayet socket kullanmanız daha makul olacaktır.

Neden böyle düşündün onu öğrenebilir miyim?

[RaideNN]

berkecim yapıyor bu sporu