Dijital Okul Panosunun (HTML)Temel Özellikleri ve YapısıTasarım ve Tema: Koyu renkli, yüksek kontrastlı bir tema kullanır (#010208 siyah/mavi arka plan, #00eaff ve #2bff88 parlak vurgu renkleri). Bu, genellikle büyük ekranlarda (TV veya monitör) uzaktan kolay okunabilirlik sağlamak için tercih edilir.
Veri Kaynağı: Tüm içerik ve ayarlar, önceki Admin Panelinde ayarlanmış olan localStorage verilerinden çekilerek dinamik olarak gösterilir (Örn: dersProgrami, nobetData, largeAnnouncements).
Gerçek Zamanlı Güncelleme: Saat, tarih ve LGS geri sayımı gibi bilgiler her saniye güncellenir (setInterval(..., 1000)).
Kullanıcı Arayüzü Kısıtlaması: Sağ tık menüsü kapatılarak ve admin.html sayfasına yönlendirilir.
İçerik Modülleri (Widget'lar)Pano, bilgileri düzenli bir şekilde sunmak için üç ana panel ve bir başlık/altbilgiden oluşur.
1. Başlık Alanı (Header)
Okul Kimliği: Okul Logosu (#logo) ve Okul Adı (#school-name) dinamik olarak gösterilir.
Pano Başlığı: "
DİJİTAL PANO " başlığı vurgulanmıştır.Saat ve Tarih Widget'ı: Gerçek zamanlı Gün Adı, Gün/Ay/Yıl ve Saat
akika:Saniye bilgileri gösterilir.2. Merkez Panel (Center)
Bu alan en büyük ve en dinamik içerikleri barındırır:
Duyuru / Video Widget'ı:
Video Oynatıcı: Yerel dosyalardan alınan videoları oynatır. Bir video bittiğinde otomatik olarak listedeki bir sonraki videoya geçer (playNextVideo fonksiyonu).
Büyük Duyuru Alanı: Önceden tanımlanmış önemli duyuruları belirli aralıklarla (7 saniyede bir) büyük puntolarla, yavaş geçiş efektiyle gösterir.
3. Sol Panel (Left)
Nöbetçi Öğretmenler Widget'ı:
Mevcut günün nöbetçi öğretmenlerinin listesini nöbet alanlarına göre (Örn: "1.Kat", "Giriş-Bahçe") gösterir.
LGS'ye Kalan Süre Widget'ı:
Yönetim panelinde belirlenen LGS tarihine kadar kalan süreyi (Gün, Saat, Dakika, Saniye) cinsinden geri sayım olarak gösterir.
Hava Durumu Widget'ı:
Harici bir kaynaktan alınan (Örnekte script etiketi ile Sinop hava durumu çekilmiştir) HTML/Widget kodu ile hava durumu bilgisini gösterir.
4. Sağ Panel (Right)
Anlık Ders Programı Widget'ı:
Dinamik Durum: Mevcut saate göre ders veya teneffüs durumunu algılar.
Ders Saatinde: O anda işlenen dersin hangi sınıfta hangi ders olduğunu gösterir (Örn: "5/A: Matematik").
Teneffüste: "TENEFFÜS" mesajını ve bir sonraki derse kalan süreyi gösterir.
Renklendirme: Dersler, ilgili renk kodları kullanılarak arka plan rengiyle vurgulanır.
Doğum Günleri Widget'ı:
Mevcut gün doğum günü olan öğretmen/öğrenci listesini (Adı ve Sınıfı) gösterir ve "İYİ Kİ DOĞDUN!" mesajını vurgular.
5. Altbilgi Alanı (Footer)
Kayan Duyuru Alanı (Marquee): Yönetim panelinde girilen metinsel duyuruları ekranın altından yatay olarak sürekli kaydırır.
YÖNETİM PANELİ
Sayfanın Temel Özellikleri ve Yapısı (Admin Paneli)Tema ve Stil: Koyu tema, kontrastı yüksek, modern bir arayüze sahiptir. Arka plan #080b15 (koyu mavi/siyah) ve vurgu rengi #00eaff (parlak camgöbeği) kullanılmıştır, bu da "dijital pano" konseptine uygun, yüksek teknoloji hissi verir.
Duyarlı Tasarım (Responsiveness): $meta$ etiketi ile width=device-width, initial-scale=1.0 kullanılarak mobil cihazlara uyumlu olması hedeflenmiştir.
Harici Kütüphaneler: xlsx.full.min.js kütüphanesi kullanılarak Excel (.xlsx) dosyalarını okuma ve işleme yeteneğine sahiptir (özellikle Doğum Günleri modülünde kullanılır).
Veri Saklama: Tüm yapılandırma ve veri yönetimini localStorage kullanarak yapar, bu da verilerin sunucuya değil, yerel tarayıcıya kaydedildiği anlamına gelir.
Yönetim Modülleri ve İşlevleriSayfa, sol menüde listelenen ve sağ içerik alanında yönetilen birden fazla modüle sahiptir.
1. Navigasyon ve Yedekleme
Panel Kontrolü: "Admin Panelini Kapat" ve "Anasayfaya Dön" düğmeleri içerir.
Veri Yedekleme/Geri Yükleme:
JSON Yedek Al: Tüm panonun ayarlarını ve verilerini bir JSON dosyasına yedekleme imkanı.
JSON Yedeği Yükle: Bir JSON dosyasından verileri geri yükleme imkanı.
Erbay111@ tarafından geliştirilmiştir.Ticari amaçla olmamak şartıyla herkes kullanabilir geliştirebilir. Ücretsizdir.
Ekli dosyalar
Son düzenleme:
