Bu uygulamamızda süper lig takımlarından 4 tanesinin kendi aralarında oynayacakları mini bir lig oluşturacağız. İleride ise, bu uygulama baz alınarak, tüm lig için uygulamayı yapmaya çalışacağız. En basit anlamda böyle bir lig oluşturmak için aşağıdaki adımlar takip edilmelidir.
a) Takımların belirlenmesi
b) Kuraların çekilmesi
c) Maçların oynanması ve skorların belirlenmesi
d) Her hafta oyanan maçlara göre puan durumunun belirlenmesi
Önceliikle bu işlemleri sabit değerler üzerinden yapacağız. Daha sonra yapılan işlemlerin algoritmasını anlayarak işlemleri dinamik hale getirmeye çalışacağız. Şimdi bu işlemleri sabit değerler üzerinden yapmaya çalışalım.
Mini lig için takımlarımız Göztepe, Trabzonspor, Konyaspor ve Kasımpaşa olsun. Tabi siz başka takımlarda belirleyebilirsiniz. Tercih sizin. Ben mini ligi bu takımlar arasında kuracağım.
Takımlar için kendi aralarında yapacakları maçları belirleyelim.
1. Hafta Maçları
Göztepe – Konyaspor
Kasımpaşa – Trabzonspor
2. Hafta Maçları
Konyaspor – Kasımpaşa
Trabzonspor – Göztepe
3. Hafta Maçları
Göztepe – Kasımpaşa
Konyaspor – Trabzonspor
Bu maçlardan sonra mini ligimizin ilk yarısı bitecek. İkinci yarı maçlarında ise, ev sahibi takım deplasmanda, deplasmandaki takım ise ev sahibi olarak yazılacaktır.
4. Hafta Maçları
Konyaspor - Göztepe
Trabzonspor - Kasımpaşa
5. Hafta Maçları
Kasımpaşa - Konyaspor
Göztepe- Trabzonspor
6. Hafta Maçları
Kasımpaşa - Göztepe
Trabzonspor - Konyaspor
Şimdi de maçları oynayıp puan durumlarını belirleyelim.
1. Hafta Maç Sonuçları
Göztepe 1 – 2 Konyaspor
Kasımpaşa 1 – 0 Trabzonspor
Oynanan bu maçlara göre puan durumunu yazaılım. Galip gelen takım 3 puan, mağlup olan takım 0 puan, beraberlik halinde her iki takım birer puan alacaktır. Buna göre puan durumunu belirleyelim.
|
#
|
Takımlar
|
O
|
G
|
B
|
M
|
A
|
Y
|
AV
|
P
|
|
1
|
Konyaspor
|
1
|
1
|
0
|
0
|
2
|
1
|
1
|
3
|
|
2
|
Kasımpaşa
|
1
|
1
|
0
|
0
|
1
|
0
|
1
|
3
|
|
3
|
Göztepe
|
1
|
0
|
0
|
1
|
1
|
2
|
-1
|
0
|
|
4
|
Trabzonspor
|
1
|
0
|
0
|
1
|
0
|
1
|
-1
|
0
|
2. Hafta Maç Sonuçları
Konyaspor 0 – 0 Kasımpaşa
Trabzonspor 1 – 0 Göztepe
Puan durumu şöyle olacaktır.
|
#
|
Takımlar
|
O
|
G
|
B
|
M
|
A
|
Y
|
AV
|
P
|
|
1
|
Konyaspor
|
2
|
1
|
1
|
0
|
2
|
1
|
1
|
4
|
|
2
|
Kasımpaşa
|
2
|
1
|
1
|
0
|
1
|
0
|
1
|
4
|
|
3
|
Trabzonspor
|
2
|
1
|
0
|
1
|
1
|
1
|
0
|
3
|
|
4
|
Göztepe
|
2
|
0
|
0
|
2
|
1
|
3
|
-2
|
0
|
3. Hafta Maç Sonuçları
Göztepe 2 – 0 Kasımpaşa
Konyaspor 0 – 1 Trabzonspor
Puan durumu şöyle olacaktır.
|
#
|
Takımlar
|
O
|
G
|
B
|
M
|
A
|
Y
|
AV
|
P
|
|
1
|
Trabzonspor
|
3
|
2
|
0
|
1
|
2
|
1
|
1
|
6
|
|
2
|
Konyaspor
|
3
|
1
|
1
|
1
|
2
|
2
|
0
|
4
|
|
3
|
Kasımpaşa
|
3
|
1
|
1
|
1
|
1
|
2
|
-1
|
4
|
|
4
|
Göztepe
|
3
|
1
|
0
|
2
|
3
|
3
|
0
|
3
|
Bu maçlardan sonra mini ligimizin ilk yarısı bitti. Görüldüğü gibi, ilk yarının lideri Trabzonspor olmuştur. İkinci yarı maç sonuçlarını ve puan durumlarını siz yazabiliriniz. Biz burada sabit yapılan işlemleri bitireceğiz. Yukarıda verilen bilgilere göre sistemin işleyişine ait algoritmayı umarım kavramışsınızdır. Uygulamamızı yapmaya başlayalım.
Visual Studio programını açalım.
Yeni bir Web projesi oluşturalım. Projenin adını MiniTrendyolLigi olarak belirleyelim. Uygulama dilini ise c# olarak seçelim.
Projeye yeni bir web sayfası ekleyelim. Sayfanın ismini superLig.html olarak belirleyelim. Öncelikle web sayfasına BootStrap kütüphanelerini ekleyelim.
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
Web sayfasının başlığını belirleyelim.
<title>Trendyol Mini Süper Lig Turnuvası</title>
Daha sonra uygulama başlığını belirlemek için aşağıdaki etiketleri yazalım.
<div class="container my-5">
<div class="bg-light p-5 rounded-4 text-center shadow-sm">
<h1 class="display-4 fw-bold text-primary">
2025 Trendyol Mini Süper Ligi
</h1>
<p class="lead mt-3 mb-0 text-secondary">
Mini Lig için fikstür seçimi ve maçların oynanıp puanların belirlenmesi
</p>
</div>
</div>
Nasıl gidiyor kodlama işi. Şimdiden 3 etiket yazdık bile. Projemizi kaydedip çalıştıralım. Aşağıdaki pencere ekrana gelir.
Devam edelim kodlama işlemine. Şimdi her hafta oynanan maçları ve buna göre oluşan puan durumlarını belirlememiz gerekiyor. Bunun için iki sütunlu bir satır oluşturalım.
<div class="container my-4">
<div class="row">
<div class="col-md-6 mb-3">
</div>
<div class="col-md-6 mb-3">
</div>
</div>
</div>
İlk sütunda 1. Haftaya ait maç sonuçlarını, ikinci sütunda ise puan durumunu görüntüleyeceğiz. Bunlar için table etiketini kullanalım. Buna göre maç sonuçları için table etiketi şöyle tanımlanmalıdır.
<table class="table table-hover table-bordered align-middle shadow-sm">
<caption class="caption-top text-center fw-bold text-primary fs-5">
1. Hafta Maç Sonuçları
</caption>
<thead class="table-light">
<tr>
<th class="text-center">Ev Sahibi</th>
<th class="text-center">Skor</th>
<th class="text-center">Deplasman</th>
</tr>
</thead>
<tbody>
<tr>
<td>Göztepe</td>
<td class="text-center fw-bold">1 - 2</td>
<td>Konyaspor</td>
</tr>
<tr>
<td>Kasımpaşa</td>
<td class="text-center fw-bold">1 - 0</td>
<td>Trabzonspor</td>
</tr>
</tbody>
</table>
Nasıl. Table etiketiyle ligin birinci haftasına ait maç sonuçlarını gösteriverdik. Şimdi de takımların aldığı puanları ve sıralamaları gösterelim.
|
#
|
Takımlar
|
O
|
G
|
B
|
M
|
A
|
Y
|
AV
|
P
|
|
1
|
Konyaspor
|
1
|
1
|
0
|
0
|
2
|
1
|
1
|
3
|
|
2
|
Kasımpaşa
|
1
|
1
|
0
|
0
|
1
|
0
|
1
|
3
|
|
3
|
Göztepe
|
1
|
0
|
0
|
1
|
1
|
2
|
-1
|
0
|
|
4
|
Trabzonspor
|
1
|
0
|
0
|
1
|
0
|
1
|
-1
|
0
|
Yukarıda verilen tabloya ait başlık satırını yazalım.
<caption class="caption-top text-primary fw-bold fs-5">
⚽ Puan Durumu
</caption>
<thead class="table-dark">
<tr>
<th>#</th>
<th>Takım</th>
<th>O</th>
<th>G</th>
<th>B</th>
<th>M</th>
<th>A</th>
<th>Y</th>
<th>AV</th>
<th>P</th>
</tr>
</thead>
Şimdi de ilk haftaya ait takımların puanlarını ve sıralamayı gösteren tablonun tamamını yazalım.
<tbody>
<tr class="table-success fw-semibold">
<td>1</td>
<td>Konyaspor</td>
<td>1</td>
<td>1</td>
<td>0</td>
<td>0</td>
<td>2</td>
<td>1</td>
<td>1</td>
<td>3</td>
</tr>
<tr class="table-success fw-semibold">
<td>2</td>
<td>Kasımpaşa</td>
<td>1</td>
<td>1</td>
<td>0</td>
<td>0</td>
<td>1</td>
<td>0</td>
<td>1</td>
<td>3</td>
</tr>
<tr class="table-warning">
<td>3</td>
<td>Göztepe</td>
<td>1</td>
<td>0</td>
<td>0</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td>-1</td>
<td>0</td>
</tr>
<tr class="table-danger">
<td>4</td>
<td>Trabzonspor</td>
<td>1</td>
<td>0</td>
<td>0</td>
<td>1</td>
<td>0</td>
<td>1</td>
<td>-1</td>
<td>0</td>
</tr>
</tbody>
Uygulamayı kaydedip çalıştıralım. Web sayfası çalıştırıldığında tarayıcıda aşağıdaki görüntü ekrana gelir.
Diğer haftalara ait puan durumlarının gösterimini size bırakıyorum. Verdiğimiz maç sonuçları örnek gösterimdi. Şimdi yukarıdaki sonuçlara bakarak hangi değişkenleri tanımlamamız gerektiğini bulmaya çalışalım. Fikri olan arkadaşlar yorumlar kısmından fikirlerini bizimle paylaşabilir.