Lewati ke konten utama

Membuat daftar jadwal dan hasil

Gunakan asisten AI untuk membuat halaman yang menampilkan daftar setiap pertandingan di musim Anda, dengan filter menurut kompetisi dan tim.

Ditulis oleh Pedro Maia

Halaman jadwal dan hasil menampilkan daftar setiap pertandingan di musim Anda, baik yang sudah dimainkan maupun yang belum, dikelompokkan menurut tanggal. Pengunjung dapat memfilternya menurut divisi, turnamen piala, atau tim, serta berpindah antara hasil dan pertandingan mendatang.

Anda tidak perlu menjadi developer. Asisten AI seperti ChatGPT atau Claude dapat membuatkan halaman ini untuk Anda berdasarkan petunjuk di bawah.

Sebelum memulai

  • Liga Anda memerlukan paket Gold dengan API yang sudah diaktifkan. Lihat Memulai dengan API.

  • Anda memerlukan ID musim Anda. Artikel Cara kerja API menunjukkan cara menemukannya.

  • Belum punya liga? Coba prompt dengan liga demo LeagueRepublic terlebih dahulu: gunakan ID musim 153020000.

Cara menggunakan prompt

  1. Salin prompt dari kotak abu-abu di bawah.

  2. Isi ID musim Anda. Ganti [MY-SEASON-ID] dengan nomor Anda sendiri.

  3. Sebutkan tampilan yang Anda inginkan. Jelaskan warna dan gaya Anda, atau lampirkan tangkapan layar situs web Anda atau desain yang Anda sukai. Gambar biasanya paling efektif. Jika Anda tidak menyebutkan apa pun, AI akan memilih desain sederhana.

  4. Tempelkan ke asisten AI lalu kirim.

  5. Buka file yang diberikannya. Simpan, lalu klik dua kali untuk membukanya di browser Anda.

  6. Cocokkan dengan situs web liga Anda. Jika ada yang terlihat salah, sampaikan ke AI dengan kata-kata sederhana, misalnya "pertandingan yang ditunda muncul sebagai hasil". AI akan memperbaikinya.

Prompt

Sebelum mulai, baca spesifikasi JSON API LeagueRepublic di https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Gunakan hanya layanan, alamat web, dan nama field yang dijelaskan di dalamnya, dan ikuti aturannya tentang batas permintaan, nilai kosong, error, dan "road" yang berarti tandang. Jika kamu tidak bisa membuka alamat itu, berhenti dan minta saya menempelkan spesifikasinya.

Buatkan saya satu halaman web (satu file HTML yang bisa saya buka di browser) yang menampilkan daftar setiap pertandingan di musim liga saya. ID musim saya adalah [MY-SEASON-ID].

Halaman ini harus:

1. Memuat semua pertandingan musim itu sekali saja, menggunakan layanan Get Fixtures For Season, dan melakukan semua pemfilteran di halaman tanpa memuat ulang.

2. Memiliki dua tab: "Hasil", dari yang terbaru, dan "Jadwal" (pertandingan yang masih akan dimainkan), dari yang paling dekat.

3. Mengelompokkan pertandingan menurut tanggal, dengan tanggal sebagai judul.

4. Untuk setiap pertandingan, menampilkan tim tuan rumah, skor atau waktu kick-off, tim tandang, nama divisi atau turnamen piala, babak piala jika ada, dan lokasi pertandingan.

5. Memungkinkan saya memfilter menurut divisi atau turnamen piala, dan menurut tim, menggunakan menu yang dibuat dari pertandingan itu sendiri.

6. Jika pertandingan ditunda, menampilkan itu sebagai ganti waktu. Menempatkan pertandingan yang tanggalnya akan dikonfirmasi di bagian tersendiri di akhir tab Jadwal. Jika tanggal pertandingan sudah lewat tetapi belum ada hasil, menampilkan "Menunggu hasil" sebagai ganti waktu.

7. Tidak memuat ulang data lebih dari sekali per menit.

Buat desainnya bersih dan mudah dibaca di ponsel. Jelaskan dengan langkah-langkah sederhana cara membuka dan menggunakan file tersebut. Tanyakan kepada saya jika ada yang kurang jelas.

Desain: [DESCRIBE THE LOOK YOU WANT, OR ATTACH A SCREENSHOT]

Jika ada yang tidak beres

  • Skor babak pertama atau adu penalti tidak muncul. Daftar ini saat ini tidak menyertakan detail tambahan tersebut. Pusat pertandingan dan halaman tim menyertakannya.

  • Ada hasil yang hilang. Hasil baru muncul setelah liga menyetujuinya.

  • Halaman menampilkan pesan error. Periksa ID musim Anda, dan pastikan API sudah diaktifkan untuk liga Anda.

  • Halaman tidak berfungsi di jendela pratinjau AI. Banyak pratinjau tidak bisa mengambil data dari situs web lain. Simpan file-nya dan buka di browser Anda.

  • AI mengatakan tidak bisa membaca spesifikasi. Buka alamat spesifikasi di browser Anda, pilih semuanya, salin, lalu tempelkan ke AI.

Detail lengkap layanan Get Fixtures For Season ada di spesifikasi API.

Apakah pertanyaan Anda terjawab?