XENEON EDGE için Özel Bir Widget Nasıl Oluşturulur

XENEON EDGE, sıradan bir ikincil ekrandan çok daha fazlasıdır. En sık görmek istediğiniz bilgileri görüntüleyebileceğiniz bir alan haline gelebilir. iCUE, bir dizi yerleşik widget içerir; ancak kendi widget’larınızı da oluşturabilirsiniz. İster özel bir sistem monitörü, ister hava durumu ekranı ya da daha özel bir şey olsun, widget oluşturmak sandığınızdan çok daha kolaydır.

Bu kılavuzda, özel widget'ların nasıl çalıştığı, tam teknik referansın nerede bulunabileceği ve yapay zeka araçlarının bu süreci nasıl önemli ölçüde hızlandırabileceği ele alınmaktadır.

Özel widget'lar HTML, CSS ve JavaScript ile oluşturulur ve Chromium tabanlı bir görüntüleme motoru (QtWebEngine) üzerinde çalışır.

Yapısal açıdan bakıldığında, her widget iki zorunlu dosya içeren bir klasördür:

• index.html: Widget'ın giriş noktası (işaretleme, stiller ve komut dosyaları).
• manifest.json: Widget'ı tanımlayan meta veriler; ad, sürüm, desteklenen cihazlar ve gerekli eklentiler dahil.

İsteğe bağlı dosyalar arasında ek CSS ve JavaScript dosyaları, görsel öğeler ve yerelleştirme için bir translation.json dosyası bulunur.

Burada tüm teknik özellikleri tekrarlamak yerine, manifest formatına ilişkin eksiksiz referans, kullanıcı tarafından yapılandırılabilen mevcut kontrol türleri (kaydırıcılar, renk seçiciler, sensör seçiciler vb.), sensörler ve medya için eklenti API’leri ile iCUE’ye bağlanmaya yönelik çalışma zamanı kancaları, Elgato’nun resmi belgelerinde yer almaktadır. Bu, en güvenilir kaynaktır ve çerçeve geliştikçe onunla senkronize kalır.

• https://docs.elgato.com/icue/widgets/

CORSAIR, bu işlemi kolaylaştırmak için bir WidgetBuilder Kiti sunuyor. Bu kit iki parçadan oluşuyor:

• WidgetBuilder CLI (icuewidget): Yeni bir widget klasörü oluşturan, manifest ve HTML dosyalarınızı doğrulayan ve sonucu iCUE'ye içe aktarılmaya hazır bir .icuewidget dosyasına paketleyen bir komut satırı aracı.
• AI asistanları için bir beceri: AI modeline geçerli iCUE widget'ları oluşturmayı öğreten yapılandırılmış bir komut.

Birlikte tüm döngüyü kapsıyorlar: iskele oluşturma, oluşturma, doğrulama, paketleme. WidgetBuilder Kit'i aşağıdan indirebilirsiniz.

Özel bir HTML widget'ı oluşturmak için web geliştiricisi olmanıza gerek yok. Claude, ChatGPT veya diğer büyük dil modelleri gibi yapay zeka araçları, sade bir dille yazılmış açıklamalardan çalışır durumda widget kodu oluşturabilir.

WidgetBuilder Kit'teki Beceriyi tercih ettiğiniz yapay zeka asistanına yükleyin. Claude, ChatGPT, Gemini; dosya yüklemesine izin veren herhangi bir platform kullanılabilir. Bu Beceri, modeli widget özellikleri, XENEON EDGE, Pump LCD ve Keyboard LCD cihazlarının boyutları ve çözünürlükleri ile düzen, manifest ve eklenti kullanımı kuralları konusunda hazırlar.

Beceri yüklendikten sonra, ne istediğinizi açıklayın. Şöyle bir şey olabilir:

"XENEON EDGE için, koyu renkli bir arka plan üzerinde CPU ve GPU sıcaklıklarını gösteren, sıcaklığa göre yeşilden kırmızıya değişen renkli göstergelere sahip ve ayarlar panelinden uyarı eşiklerini özelleştirmeme olanak tanıyan bir widget oluşturun."

Yapay zeka, index.html, manifest.json ve gerekli tüm destek dosyalarını oluşturacaktır. Bu beceri, modeli yapılandırılmış bir iş akışı boyunca yönlendirir: açıklayıcı sorular sorar, düzeni tasarlar, kodu oluşturur ve sonucu test etmenize ve paketlemenize yardımcı olur.

Hangi verilerin görüntülenmesini istediğinizi ve bunların nasıl görünmesi gerektiğini net bir şekilde belirtin. Hedeflediğiniz cihazları (XENEON EDGE, klavye LCD'si, pompa LCD'si veya üçü birden) belirtin. Kullanıcı tarafından yapılandırılabilir ayarlar istiyorsanız, nelerin ayarlanabilir olması gerektiğini açıklayın. Widget'ınızın harici verilere (hava durumu, hisse senedi fiyatları, API'dan alınan herhangi bir veri) ihtiyacı varsa, bunu baştan belirtin; böylece yapay zeka, kaynak seçiminde size yol gösterebilir.

AI dosyalarınızı oluşturduktan sonra, çıktıyı doğrulamak ve sonucu bir .icuewidget dosyasına paketlemek için bunları WidgetBuilder CLI üzerinden çalıştırın. Herhangi bir sorun varsa, AI'ya neyin değiştirilmesi gerektiğini belirtin. Bu, kodlama deneyimi olmadan da widget oluşturmayı mümkün kılan bir yineleme döngüsüdür.

Widget'ınız paketlendikten sonra, Widget'lar panelindeki "+" düğmesine tıklayıp dosyayı seçerek onu iCUE'ye içe aktarın. Alternatif olarak, sisteminizdeki .icuewidget dosyasına çift tıklayabilirsiniz. iCUE dosyayı doğrular ve her şey yolunda giderse, widget'ınız desteklenen tüm cihazlar için widget listesinde görünür.

İster kodları elle yazıyor olun, ister yapay zeka ile widget'lar oluşturuyor olun, göz önünde bulundurmanız gereken birkaç nokta:

Bir bakışta anlaşılır olmasını sağlayın. En iyi widget'lar en önemli bilgileri birkaç saniye içinde aktarır. Birinin widget'ınızın ne gösterdiğini anlamak için üzerinde uzun uzun düşünmesi gerekiyorsa, bu widget çok karmaşıktır. Önemli verileri ön plana ve ortada gösterin.

Farklı durumlar için tasarım yapın. Widget'ınız ağ verilerine veya sensör okumalarına bağlıysa, bu veriler mevcut olmadığında ne olacağını göz önünde bulundurun. İşlemler başlatılırken bir yükleme durumu gösterin, bir sorun olduğunda net bir hata mesajı verin ve ideal olarak ekranın boş kalması yerine, çevrimdışı göstergesi ile birlikte bilinen son geçerli verileri göstermeye devam edin.

Ekran boyutuna uygun davranın. XENEON EDGE'deki widget yuvalarının boyutları Küçük (yatay 840x344) ile Ekstra Büyük (yatay 2536x696) arasında değişmektedir. Widget'ınız birden fazla boyuta uygunsa, düzeni duyarlı hale getirin. Her şeyi sadece büyütmeyin. Daha büyük boyutlarda ortaya çıkan ekstra alanı, daha fazla bilgi göstermek veya okunabilirliği artırmak için kullanın.

Gerçek cihazda test edin. Tarayıcı önizlemesinde iyi görünen bir öğe, XENEON EDGE cihazında farklı şekilde görüntülenebilir. Widget'ınızı içe aktarın ve işi bitirmeden önce gerçek donanımda kontrol edin.

Gurur duyduğunuz bir şey oluşturduktan sonra, bunu başkalarına sunmak için birkaç seçeneğiniz vardır. En basit yol, onu bir .icuewidget dosyası olarak dışa aktarmak ve doğrudan arkadaşlarınızla veya topluluk üyeleriyle paylaşmaktır.

Widget geliştiricilerinin hem ücretsiz hem de ücretli widget'ları doğrudan Elgato Marketplace'te yayınlayabilmelerini sağlayacak bir içerik oluşturucu portalı yakında kullanıma sunulacak. Bu, tasarımcılara ve geliştiricilere daha geniş XENEON EDGE topluluğuna ulaşmanın net bir yolunu sunuyor.