Okul Bilgi Ekranı Sistemi
Tamamen tek başıma tasarladığım, geliştirdiğim ve yayına aldığım çok kiracılı bir Progressive Web App. Okullar, LCD ekranlarını admin dashboard üzerinden yönetiyor; Vue.js 3 tek sayfalı uygulama, REST API'den canlı veri çekiyor ve 20+ modülü gerçek zamanlı render ediyor.
Bu Vue.js 3 simülasyonu, okulların LCD ekranlarında gördüklerini yansıtır. Üretim uygulaması tüm verileri /api/{school_code}'dan çeker ve modülleri bayrak tabanlı bir sistem ile bağımsız olarak günceller.
Her okul yalnızca ihtiyaç duyduğu modülleri etkinleştirir; özel başlıklar ve görüntüleme ayarları okul başına JSON olarak depolanır.
Open-Meteo API ile 10 günlük tahmin. 6 saatte bir otomatik yenileme, Türkçe açıklamalar.
Konum bazında günlük öğretmen nöbet atamaları. Excel import destekli.
Ad, sınıf ve görev yeri ile öğrenci nöbet atamaları. Excel import destekli.
Canvas tabanlı konfeti animasyonuyla öğrenci doğum günleri. Aynı gün çok doğum günü için sayfalanmış.
Görsellerle haber karuseli. Toplu içerik için RSS feed import.
Ekranın altına sabitlenmiş kayan duyuru. Öncelik bazlı sıralama.
Yapılandırılabilir geçiş aralıkları ve başlık desteğiyle otomatik dönen galeri.
Sonraki ders için canlı geri sayımlı tam ders programı. Aktif ders gerçek zamanlı vurgulanan.
Karüselde günün tarihi olayları. Harici API aracılığıyla toplu import.
Günde bir motivasyonel söz. Yıl boyunca ön yükleme için JSON ile toplu import.
Fotoğraf yükleme ve canvas konfeti ile animasyonlu kutlama sekansıyla aylık takdir.
Okul adı, logosu ve canlı saat sürekli görünür. Şablon konfigürasyonu ile okul başına markalama.
Tüm veriler school_code'a göre kapsanmış. Tek dağıtım sınırsız okula hizmet eder. Okul başına JSON şablonlar modül görünürlüğünü ve temayı kontrol eder.
Statik varlıklar kurulumda önbelleğe alınmış. API, eski geri dönüşlü network-first kullanır. Ekran terminalleri, ağ kaybında çalışmaya devam eder.
Her modül bir flag_updated_at zaman damgası takip eder. Vue frontend /api/.../flags'i yoklar ve yalnızca değişen modülleri yeniden getirir.
Temiz endpoint'ler: tüm veriler için /api/{school_code}, bireysel modüller için /api/{school_code}/{module}. Durumsuz, yalnızca JSON.
PhpSpreadsheet ile Excel (nöbet listeleri, ders saatleri). Haberler için RSS. Hava durumu ve tarihsel veriler için harici API'ler. Alıntılar için JSON toplu import.
20+ modül için tam CRUD arayüzü. Sunucu tarafı işleme ile DataTables, modal tabanlı formlar, rol bazlı erişim, e-posta/SMS doğrulama.
Demo, dağıtım ya da bu tür mühendisliğin kurumunuzda nasıl görünebileceğini konuşmak için iletişime geçin.