🛠️ İnteraktif HTML Sınıf ve Eğitim Araçları Stüdyosu

Bu stüdyo; ilkokul, ortaokul ve lise öğretmenlerinin ders içi etkinliklerini, sınıf organizasyonunu, nöbet planlamasını ve materyal hazırlıklarını kolaylaştırmak için tek dosyalı (Single-File HTML) olarak tasarlanmış web araçları koleksiyonudur.

Kurulumsuz ve İnternetsiz Çalışma Özelliği

Tüm araçlar HTML, CSS ve JavaScript kodlarını tek bir dosya içinde barındırır. İndirdikten sonra akıllı tahtada veya bilgisayarınızda çift tıklayarak doğrudan tarayıcınızda açabilirsiniz. Sunucu kurulumu veya internet bağlantısı gerektirmez.

🧰 Araçlar Vitrini ve Canlı Erişim

1. Takım Kurucu (V3 Online / Offline)

Sınıfı spor, yarışma veya grup çalışmaları için güç dengeli ve adil takımlara böler. Geçmiş karşılaşmaları hafızada tutarak aynı öğrencilerin sürekli denk gelmesini engeller.

Canlı Aç HTML İndir
2. Sınıf Oturma Planı & Akıllı Rotasyon

2'li ve 3'lü sıra düzenlerinde kız-erkek dengesi, boy sırası ve akıllı rotasyon kurallarına göre saniyeler içinde adil oturma düzeni oluşturur. Veliler için şık A4 kroki çıktısı verir.

Canlı Aç HTML İndir
3. Öğrenci / Öğretmen Nöbet Çizelgesi

Dönemlik veya haftalık nöbetçi öğrenci/öğretmen dağıtımını adil bir sırayla yapar. Resmi yazışmaya uygun haftalık çizelge ve A4 pano çıktısı üretir.

Canlı Aç HTML İndir
4. Cevap Anahtarı ve Optik Şablon Üretici

Sınavlar için A-B-C-D şıkları, soru puanları ve ders başlıklarıyla anında baskıya hazır şık cevap anahtarları ve mini optik formlar üretir.

Canlı Aç HTML İndir
5. Eş ve Zıt Anlamlı Kelimeler Oyunu

Akıllı tahtada iki takım veya bireysel yarışmalar için animasyonlu, sesli ve puan sayaçlı interaktif kelime eşleştirme oyunu.

Canlı Aç HTML İndir
6. Fotoğraf & Vesikalık Boyutlandırma Aracı

Öğrenci vesikalıklarını ve etkinlik fotoğraflarını e-Okul, MEBBİS veya sınıf panosu boyutlarına (4:3, 1:1 vb.) toplu kırpıp optimize eden hafif araç.

Canlı Aç HTML İndir
7. İkon & Vektör Stüdyosu

Eğitim materyalleri, çalışma kâğıtları ve sunumlar için SVG ikonları renklendiren, boyutlandıran ve PNG/SVG olarak dışa aktaran görsel aracı.

Canlı Aç HTML İndir
8. Tercih Havuzu & Bilim İnsanı / Kulüp Dağıtıcı

Öğrencilerin anket veya Google Form üzerinden bildirdiği 1., 2., 3. tercihlerini kontenjanlara göre en yüksek memnuniyet katsayısıyla otomatik eşleştiren optimizasyon aracı. Bilim İnsanları Seçimi ve Sosyal Kulüp / Görev Dağıtımı için optimize edilmiştir. 10 öncü Türk ve dünya bilim insanına ait hazır görsel setiyle (assets/images/bilim_tayfasi/) entegre çalışır.

Canlı Aç HTML İndir
9. Ödül & Motivasyon Kartları Tasarımcısı

Sınıf içi olumlu davranışları ödüllendirmek için (Kitap Kurdu, Yardımsever, Matematik Yıldızı vb.) renkli, baskıya hazır rozet ve ödül çekleri şablonu.

Canlı Aç HTML İndir
10. Sessiz Sinema Arenası (Canlı Oda & Çift Ekranlı Web Uygulaması)

Akıllı tahta ve telefon arasında 6 haneli oyun kodu ile gerçek zamanlı (Cloudflare Worker) senkronize çalışan çift ekranlı interaktif sınıf oyunu. 12 farklı kategoride 845 kelimelik yerleşik soru bankası içerir. Kelimeler yalnızca anlatan öğrencinin telefonunda görünürken, akıllı tahta süreyi, canlı skoru ve takım sırasını yönetir.

🚀 Canlı Arenaya Katıl (Web App) Akıllı Tahta Modu Telefon Modu

💡 İpuçları ve Uygulama Notları

🎭 10. Sessiz Sinema Arenası: Çift Ekran & Cloudflare Worker Mimarisi

Sessiz Sinema Arenası, sınıfta eğlenceli ve etkileşimli bir yarışma ortamı sunmak için iki bağımsız arayüzün anlık senkronizasyonu üzerine kurulmuştur:

graph LR
    subgraph Bulut ["☁️ Cloudflare Edge Worker (Ücretsiz)"]
        W["sessiz-sinema-oda.alikyn.workers.dev"]
        R["6 Haneli Oda Koordinatörü"]
        W --> R
    end

    subgraph Cihazlar ["📱 Sınıf İçi Çift Ekran"]
        T["🖥️ Akıllı Tahta (/tahta)<br>• Skor Tablosu<br>• 60sn Geri Sayım<br>• Takım Sırası"]
        P["📱 Öğrenci Telefonu (/telefon)<br>• 845 Kelimelik Banka<br>• Pas / Bildi Butonları<br>• Gizli Kelime Ekranı"]
    end

    T <-->|HTTP Polling (900ms)| R
    P <-->|HTTP Polling (900ms)| R

Akıllı Tahta Modu (/tahta):
Tahtada rastgele 6 haneli bir oyun odası kodu üretilir (Örn: 483721).
Sınıf mevcuduna göre takımlar oluşturulur veya serbest mod seçilir.
60 saniyelik görsel ve sesli geri sayım sayacı, tur skoru ve takım puanları canlı gösterilir.
Kelime tahtada asla görünmez; böylece sınıfın heyecanı ve tahmin dinamizmi korunur.
Telefon Modu (/telefon):
Öğretmen veya kelimeyi anlatacak öğrenci akıllı telefondan 6 haneli kodu girerek odaya bağlanır.
🎲 YENİ KELİME butonuna basıldığında rastgele seçilen kelime yalnızca telefonda açılır.
✅ BİLİNDİ (+Puan) ve ↪ PAS (Ceza vermeden tur kapatma) butonlarıyla oyun tek dokunuşla yönetilir.
845 Kelimelik Yerleşik Arşiv:
İlkokul ve ortaokul düzeyine uygun 12 zengin tema: Hayvanlar (71), Yiyecekler (69), Okul (68), Ev ve Eşyalar (69), Meslekler (70), Taşıtlar (68), Doğa (70), Spor ve Oyun (71), Masal ve Fantastik (71), Günlük Hayat (70), Nesneler ve Araçlar (76), Karışık Kolay (72).
İstenirse kelime bankası ekranından yeni kategoriler eklenebilir, düzenlenebilir veya JSON formatında dışa/içe aktarılabilir.
Kaynak Kodlar ve Bağımsız Kurulum:
Projenin kaynak kodları, Cloudflare Worker betiği ve arayüz dosyaları docs/dosyalar/araclar/sessiz_sinema/ dizininde yedeklenmiştir.

🧪 8. Tercih Havuzu ile Bilim İnsanı ve Kulüp Dağıtımı

Sınıf içi proje ödevlerinde, bilim haftası etkinliklerinde veya sosyal kulüp seçimlerinde öğrencilerin ilgi alanlarına göre adil bir dağıtım yapmak için Tercih Havuzu aracı kullanılır:

Çok Amaçlı Algoritma: Öğrencilerin Google Form veya anketle belirttikleri 1., 2. ve 3. tercihleri kontenjan sınırlarına göre optimize edilir. Memnuniyet oranı maksimumda tutularak kimsenin mağdur olmaması sağlanır.
Hazır "Bilim Tayfası" Görsel Seti: Proje kapsamında hazırlanan 10 büyük bilim insanının hem yüksek çözünürlüklü fotoğrafları hem de arka planı temizlenmiş şeffaf PNG versiyonları hazır sunulmuştur:
Albert Einstein, Marie Curie, Mimar Sinan, Nikola Tesla, Louis Pasteur, İbn-i Sina, Nene Hatun, Galileo Galilei, Ali Kuşçu, Leonardo Da Vinci.
Bu görseller sınıf panosu, görev yaka kartı ve proje kapaklarında kullanılmak üzere docs/assets/images/bilim_tayfasi/ klasöründe yer almaktadır.

🏆 Takım Kurucu V3'ü Google Sheets ile Senkron Çalıştırma

Takım Kurucu varsayılan olarak tarayıcınızın localStorage belleğinde çalışır. Eğer sınıfınızı hem cep telefonunuzdan hem okul bilgisayarından hem de akıllı tahtadan yönetmek isterseniz: 1. Google Drive'da yeni bir Google E-Tablo açıp içine Ogrenciler, Branslar ve Takimlar sayfalarını ekleyin. 2. Web Uygulaması olarak yayınlanan Google Apps Script API uç noktasını araca tanımlayın. 3. Böylece girdiğiniz tüm güç puanları ve geçmiş takım kayıtları bulutta saklanır, her cihazdan anında eşitlenir.