Ana içeriğe geç

Maç Merkezi (Match Hub) sayfası oluşturma

Bir yapay zeka asistanı kullanarak, herhangi bir gün için liginizin maçlarını, skorlarını ve tablolarını gösteren bir sayfa oluşturun.

Yazar: Pedro Maia

Maç merkezi sayfası, liginizde bir gün içinde olan her şeyi gösterir: maçları, skorları ve lig tablolarını; günler arasında geçiş yapmak için de bir tarih şeridi bulunur. LeagueRepublic web sitenizdeki Maç Merkezi (Match Hub) sayfasına benzer, ancak tasarıma siz karar verirsiniz.

Geliştirici olmanıza gerek yok. ChatGPT veya Claude gibi bir yapay zeka asistanı, aşağıdaki talimatlardan yola çıkarak sayfayı sizin için oluşturabilir.

Başlamadan önce

  • Liginizin Gold planında olması ve API'nin açık olması gerekir. Bkz. “API'ye başlarken”.

  • Sezon kimliğinize (season ID) ihtiyacınız var. Nasıl bulacağınız “API nasıl çalışır?” makalesinde anlatılıyor.

  • Henüz ligin yok mu? Önce istemi LeagueRepublic'in demo ligiyle deneyin: sezon kimliği olarak 153020000 kullanın.

İstem nasıl kullanılır?

  1. İstemi kopyalayın (aşağıdaki gri kutudan).

  2. Sezon kimliğinizi girin. [MY-SEASON-ID] yerine kendi numaranızı yazın.

  3. Nasıl görünmesini istediğinizi söyleyin. Renklerinizi ve tarzınızı anlatın ya da web sitenizin veya beğendiğiniz bir tasarımın ekran görüntüsünü ekleyin. Genellikle en iyi sonucu bir görsel verir. Hiçbir şey söylemezseniz yapay zeka sade bir tasarım seçer.

  4. Yapay zeka asistanına yapıştırıp gönderin.

  5. Size verdiği dosyayı açın. Kaydedin, ardından tarayıcınızda açmak için çift tıklayın.

  6. Lig web sitenizle karşılaştırarak kontrol edin. Bir şey yanlış görünüyorsa yapay zekaya sade sözcüklerle söyleyin; örneğin “skorlar ters yazılmış”. Düzeltecektir.

İstem

Başlamadan önce şu adresteki LeagueRepublic JSON API belirtimini okuyun: https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Yalnızca belirtimde anlatılan hizmetleri, web adreslerini ve alan adlarını kullanın; istek sınırı, boş değerler, hatalar ve "road" sözcüğünün deplasman anlamına gelmesi konusundaki kurallarına uyun. Bu adresi açamazsanız durun ve belirtimi bana yapıştırmamı isteyin.

Get Match Hub hizmetini kullanarak ligimin maç merkezini gösteren tek bir web sayfası (tarayıcımda açabileceğim tek bir HTML dosyası) oluştur. Sezon kimliğim [MY-SEASON-ID].

Sayfa şunları yapmalı:

1. En üstte, "belirlenecek" girdisi de dahil, tıklanabilir maç günlerinden oluşan bir şerit göster. Her gün kaç sonucu ve oynanacak kaç maçı olduğunu göstersin. Bir güne tıklamak o günü yüklesin. Sayfa açıldığında, gösterilen gün görünür olacak şekilde şeridi kaydır.

2. Sezonlar arasında geçiş yapmama izin ver.

3. Günün maçlarını her küme veya kupa turu adının altında gruplayarak göster.

4. Her maç için ev sahibi takımı, skoru ve deplasman takımını göster. Maç başlamadıysa bunun yerine başlama saatini göster. Canlı skorları "Canlı", lig tarafından henüz onaylanmamış sonuçları "Geçici" olarak etiketle. Maç ertelenmişse saat yerine bunu göster. Maç tarihi geçmiş ama henüz sonuç yoksa saat yerine "Sonuç bekleniyor" göster.

5. Devre arası veya penaltılar gibi ek skor ayrıntılarını küçük yazıyla göster. Kupa turu zaten grubun adında geçiyorsa maçın altında tekrarlama.

6. Her kümenin altında lig tablosunu göster: sıra, takım, oynanan, galibiyet, beraberlik, mağlubiyet, averaj, puan ve son form.

7. Bir maçta tekil oyunlar (dart, bilardo) veya inning ya da periyot skorları varsa bunları açıp kapatabileceğim bir bölümde göster.

8. Her günü yükledikten sonra kaydet ve aynı günü bir dakika içinde yeniden isteme.

Tasarımı sade ve telefonda okunması kolay tutun. Dosyanın nasıl açılıp kullanılacağını basit adımlarla açıklayın. Anlaşılmayan bir şey olursa bana sorun.

Tasarım: [İSTEDİĞİNİZ GÖRÜNÜMÜ ANLATIN YA DA BİR EKRAN GÖRÜNTÜSÜ EKLEYİN]

Bir şeyler ters giderse

  • Sayfa bir hata mesajı gösteriyor. Sezon kimliğinizi ve ligniz için API'nin açık olduğunu kontrol edin.

  • Sayfa hiç veri göstermiyor. Yapay zekaya tam olarak ne gördüğünüzü söyleyin. Sayfanın veriyi yükleme biçimini değiştirmesi gerekebilir.

  • Sayfa, yapay zekanın önizleme penceresinde çalışmıyor. Birçok önizleme, başka web sitelerinden veri çekemez. Dosyayı kaydedip bunun yerine tarayıcınızda açın.

  • Yapay zeka belirtimi okuyamadığını söylüyor. Belirtim adresini tarayıcınızda açın, her şeyi seçip kopyalayın ve yapay zekaya yapıştırın.

Get Match Hub hizmetinin tüm ayrıntıları API belirtimi içindedir.

Bu cevap sorunuzu yanıtladı mı?