🚀 Yazılım Geliştirme Süreci ve Bileşenleri
BTY.5.6.3. Kazanımı Uygun Eğitim İçeriği
1. Yazılımın Gizli Kahramanları: Bileşenler
Bir yazılımı (oyun, uygulama, web sitesi) oluştururken kullandığımız her bir parçaya bileşen diyoruz. İşte en önemlileri:
- 📍 Algoritma: İşlem basamaklarıdır. Ne yapacağımızı önceden planladığımız "yol haritası"dır.
- 💻 Kodlama: Hazırlanan planın bilgisayara anlatılmasıdır. (Bloklarla veya metinlerle yapılır.)
- 🎨 Arayüz: Bizim gördüğümüz ekran tasarımıdır. Renkler, butonlar ve karakterler arayüzü oluşturur.
- 🔍 Test & Hata Ayıklama: Yazılımın çalışıp çalışmadığını kontrol etmek ve hataları düzeltmektir.
📖 Örnek Olay: Akıllı Sulama Sistemi
Farz edelim ki okulun bahçesindeki çiçekleri otomatik sulayan bir yazılım yapıyoruz:
| Süreç Bileşeni | Ne Yapıyoruz? |
| Tanımlama | "Toprak kuruysa su ver, ıslaksa bekle" kuralını belirledik. (Algoritma) |
| Kullanma | Bu kuralı Micro:bit veya Scratch kullanarak kodlara döktük ve sensörleri bağladık. |
| Değerlendirme | Sistemi denedik. Sensör çok hassas olduğu için su boşa akıyordu. Hassasiyeti düşürdük. (Hata Ayıklama) |
⭐ Öğrendiklerimizi Kontrol Edelim
Bir yazılımı değerlendirirken şu 3 soruyu sormayı unutma:
- Hazırladığım arayüz kullanıcı için kolay mı?
- Kodlarım arasında gereksiz veya hatalı bir adım var mı?
- Uygulama, başlangıçtaki algoritma planıma sadık kalarak mı çalışıyor?
Bu ders içeriği orhanbt.com için özel olarak hazırlanmıştır.
Yazılım Nasıl Geliştirilir?
Adım Adım Geleceğin Teknolojisini İnşa Ediyoruz
Bir bilgisayar programı yapmak sadece kod yazmak değildir. Tıpkı bir mimarın ev yapması gibi, yazılımın da belirli bileşenleri ve bir süreci vardır.
Planlama ve Analiz
Yazılımın amacını belirliyoruz. "Neye ihtiyacımız var?" ve "Kim kullanacak?" sorularına yanıt arıyoruz.
Algoritma ve Tasarım
Yazılımın yol haritasını (algoritma) çiziyoruz. Ekranların nasıl görüneceğini (arayüz) tasarlıyoruz.
Kodlama
Tasarımı bilgisayarın anlayacağı dile (bloklar veya Python kodları) dönüştürüyoruz.
Test ve Hata Ayıklama
Yazılımı deniyoruz, hataları (bug) bulup düzeltiyoruz. Her şeyin tıkır tıkır çalışmasını sağlıyoruz.
📖 Bir Örnekle Anlayalım
Senaryo: Bir "Matematik Yarışması" oyunu yapıyoruz.
- Analiz: 5. sınıf öğrencilerinin toplama-çıkarma yapabileceği bir oyun olsun.
- Tasarım: Ekranda bir karakter olsun, doğru cevapta zıplasın. Arka plan mavi olsun.
- Kodlama:
Eğer cevap = doğru ise puanı 10 artırkodunu yazdık. - Değerlendirme: Oyunu oynadık, puan artmıyor! Kodları inceledik (hata ayıkladık) ve sorunu çözdük.
💡 Unutma: Yazılım geliştirmek bir döngüdür. Her zaman daha iyisini yapmak için başa dönebiliriz!
Matematik Yarışması
BTY.5.6.3 Örnek Uygulaması
💻 Yazılım Kodları ve Açıklamaları
Bu oyunun arkasında çalışan temel yapıları inceleyelim:
1. Arayüz (HTML)
Gördüğümüz butonlar, metinler ve mavi kutu bu kodlarla oluşturulur:
<!-- Mavi Arka Plan Kutusu -->
<div id="game-container" style="background-color: #3498db;">
<div id="character">🤖</div> <!-- Karakterimiz -->
<div id="question"></div> <!-- Soru Alanı -->
<input type="number"> <!-- Cevap Kutusu -->
</div>
2. Karar Mekanizması (JavaScript)
"Eğer cevap doğruysa puanı artır" dediğimiz asıl kodlama kısmı burasıdır:
function checkAnswer() {
if (userAnswer === currentAnswer) {
// DOĞRUYSA YAPILACAKLAR:
score += 10; // Puanı 10 artır
character.style.transform = "translateY(-40px)"; // Zıpla
} else {
// YANLIŞSA YAPILACAKLAR:
feedback.innerText = "Tekrar Dene!";
}
}

