Ana içeriğe geç

Maç merkezi sayfası oluşturun

Herhangi bir gün için liginizin maçlarını, skorlarını ve puan tablolarını gösteren bir sayfayı yapay zeka asistanıyla oluşturun.

Yazar: Pedro Maia

Maç merkezi sayfası, liginizde bir günde olan her şeyi gösterir: maçlar, skorlar ve lig tabloları; ayrıca günler arasında geçiş yapmak için bir tarih şeridi bulunur. LeagueRepublic web sitenizdeki 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 talimatlarla sayfayı sizin için oluşturabilir.

Başlamadan önce

  • Liginizin, API'si açık olarak Gold planında olması gerekir. Bkz. API'yi kullanmaya başlama.

  • Sezon ID'nize ihtiyacınız var. API nasıl çalışır? makalesi nasıl bulacağınızı gösterir.

  • Henüz bir liginiz yok mu? İstemi önce LeagueRepublic'in demo ligiyle deneyin: sezon ID'si olarak 153020000 kullanın.

İstem nasıl kullanılır?

  1. Aşağıdaki gri kutudan istemi kopyalayın.

  2. Sezon ID'nizi yazın. [SEZON-ID-NUMARAM] 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ın ve 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ırın. Bir şey yanlış görünüyorsa yapay zekaya sade bir dille söyleyin, örneğin "skorlar ters". Düzeltecektir.

İstem

Başlamadan önce https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md adresindeki LeagueRepublic JSON API spesifikasyonunu oku. Yalnızca orada açıklanan hizmetleri, web adreslerini ve alan adlarını kullan; istek sınırı, boş değerler, hatalar ve "road" kelimesinin deplasman anlamına geldiği konusundaki kurallarına uy. Bu adresi açamazsan dur ve spesifikasyonu yapıştırmamı iste.

Bana 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 ID'm [SEZON-ID-NUMARAM].

Sayfa şunları yapmalı:

1. En üstte, "daha sonra belirlenecek" girişi de dahil olmak üzere tıklanabilir maç günlerinden oluşan bir şerit göstermeli. Her gün kaç sonuç ve oynanacak kaç maç olduğunu göstermeli. Bir güne tıklamak o günü yüklemeli. Sayfa açıldığında, gösterilen gün görünecek şekilde şerit kaydırılmalı.

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

3. Günün maçlarını her küme veya kupa turu adı altında gruplanmış olarak göstermeli.

4. Her maç için ev sahibi takımı, skoru ve deplasman takımını göstermeli. Maç başlamadıysa bunun yerine başlama saatini göstermeli. Canlı skorları "Canlı", ligin henüz onaylamadığı sonuçları "Geçici" olarak etiketlemeli. Bir maç ertelendiyse saat yerine bunu göstermeli. Maç tarihi geçtiği hâlde henüz sonuç yoksa saat yerine "Sonuç bekleniyor" göstermeli.

5. İlk yarı veya penaltılar gibi ek skor ayrıntılarını küçük yazıyla göstermeli. Kupa turu zaten grubun adında yer alıyorsa, maçın altında tekrarlamamalı.

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

7. Bir maçta bireysel oyunlar (dart, bilardo) veya devre ya da çeyrek skorları varsa, bunları açıp kapatabileceğim bir bölümde göstermeli.

8. Her günü yükledikten sonra saklamalı ve aynı günü bir dakika içinde tekrar istememeli.

Tasarımı sade ve telefonda kolay okunur tut. Dosyayı nasıl açıp kullanacağımı basit adımlarla açıkla. Anlaşılmayan bir şey olursa bana sor.

Tasarım: [İSTEDİĞİNİZ GÖRÜNÜMÜ TARİF EDİN VEYA BİR EKRAN GÖRÜNTÜSÜ EKLEYİN]

Bir sorun olursa

  • Sayfa bir hata mesajı gösteriyor. Sezon ID'nizi ve liginiz 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 verileri yükleme şeklini değiştirmesi gerekebilir.

  • Sayfa, yapay zekanın önizleme penceresinde çalışmıyor. Birçok önizleme diğer web sitelerinden veri alamaz. Bunun yerine dosyayı kaydedip tarayıcınızda açın.

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

Get Match Hub hizmetinin tüm ayrıntıları API spesifikasyonunda yer alır.

Bu cevap sorunuzu yanıtladı mı?