TintBlend
Dimitek'in teknopark Ar-Ge projesi kapsamında geliştirilen TintBlend; mobil oyunların renk paletlerini yaş grubu ve demografiye göre uyarlayan yapay zekâ destekli analiz ve yönetim platformu.
Proje Hakkında
TintBlend, Dimitek'in teknopark bünyesinde yürüttüğü Ar-Ge projesi için Appykod tarafından geliştirilen web platformudur. Çıkış noktası, mobil oyunlarda renk seçimlerinin oyuncu etkileşimi ve kalıcılık (retention) üzerindeki etkisini ölçmek ve paletleri hedef kitleye göre otomatik uyarlamaktı. Proje iki parçadan oluşuyor: ürünü anlatan halka açık tanıtım sitesi (tanıtım, özellikler, fiyatlandırma, referanslar ve iletişim bölümleri) ve oyun stüdyolarının kullandığı yönetim paneli. Panelde stüdyolar oyunlarını sisteme ekliyor; her oyunun platformu, SDK entegrasyon durumu ve ortalama oynanma süresi tek ekrandan izleniyor. Analiz ekranı günlük aktif kullanıcı (DAU) grafiği, oyuncu bölge dağılımı, yaş grubu bazında oynanma süreleri ve toplam kullanıcı metriklerini sunuyor; TintBlend uygulanmış ve uygulanmamış oynanma sürelerini karşılaştıran grafik de panelin bir parçası. Rapor, görev listesi ve kullanıcı yönetimi modülleri panelde ayrıca yer alıyor.
Kullanılan Teknolojiler
- Angular
- TypeScript
- Tailwind CSS
- ApexCharts
- NgRx
- RxJS
Karşılaşılan Zorluklar
Farklı oyunlardan gelen oyuncu ve oturum verilerinin tek panelde anlamlı ve karşılaştırılabilir metriklere dönüşmesi gerekiyordu; stüdyoların SDK entegrasyon durumu da aynı ekrandan takip edilebilmeliydi. Bir Ar-Ge projesi olduğu için gereksinimler süreç içinde değişiyordu; bu da mevcut ekranları bozmadan büyüyebilen esnek bir yapı gerektiriyordu.
Uygulanan Çözümler
Angular tabanlı modüler bir panel mimarisi kurduk; oyun listesi, analiz, rapor, görev ve kullanıcı yönetimi ayrı modüller olarak geliştirildiği için yeni gereksinimler mevcut ekranlara dokunmadan eklenebildi. Metrikler ApexCharts ile görselleştirildi: DAU eğrisi, oyuncu bölge dağılımı ve TintBlend'li / TintBlend'siz oynanma süresi karşılaştırması. SDK entegrasyonu Active, In Progress, SDK ERR ve Waiting durum etiketleriyle tek bakışta izlenebilir hale getirildi. Tanıtım sitesi ve panel aynı Angular uygulaması içinde, ortak tasarım diliyle sunuldu.
Galeri
Hizmetlerimiz
Dijital Dönüşümünüzü Hızlandırıyoruz
Modern teknolojiler ve yaratıcı çözümlerle işletmenizi geleceğe taşıyoruz.