Kullanıcı Arayüzü (UI): Geliştirilebilir
HTML5, CSS3 ve JavaScript tabanlı dinamik bir uygulamadır.
1.Modern Tasarım: Koyu renkli arka plan, neon benzeri renkler (cyan, yeşil, turuncu) kullanıldı.
Dinamik Bileşenler:
Başlık ve Zaman Widget'ı: Okul adı, saat ve tarih(sistem saatve tarihi) dinamik olarak gösteriliyor.
Nöbetçi Öğretmenler: Günlük nöbetçi öğretmenler listeleniyor.Bir güne sayısız nöbetçi atanabilir. Nöbet günleri döndürülebilir.
Hava Durumu: Web üzerinden alınan hava durumu bilgisi gösteriliyor (internet bağlantısı yoksa otomatik gizlenir)).
Esnek İçerik: Günlük bilgi, menü veya tarihte bugüne dair içerik dinamik olarak gösterilebilir.
Video Oynatıcı: Resimler ve videolar (varsayılan, index.html nin bulunduğu "medya/" klasörü içine konacak) oynatılabiliyor, video kontrolleri (oynatma/duraklatma, ses açma/kapatma, ileri/geri sarma) mevcut.
Ders Durumu: Öğrencilerin o anki ders durumu (ders saati, kalan süre) görüntüleniyor.
Sinav Sayacı ve Doğum Günü Listesi: LGS sayacı ve doğum günü kutlamaları için otomatik panel dönüşümü.
Duyurular: Alt kısımda kayan metin duyuruları, hız ve efekt ayarlarıyla yönetilebilir.
2. Temalar ve Animasyonlar:
Nöbetçi öğretmenler ve ders programı içeriğe sığmazsa aşağı- yukarı hareketle tüm içeriği gösterir
Tüm ekrana %100 uyum sağlar. TV için düşünüldüğünden kaydırma çubuğu ana ekranda çıkmaz.sol ve sağ alt modüller sıra ile dönüşümlü yayınlanır.
Animasyonlar: Başlıklar, metinler ve içerikler animasyonlu bir şekilde geçiş yapıyor (örneğin, "zoomIn", "pulse" efektleri).
Marquee (Yürüyen Yazı): Alt kısımda duyurular sürekli kayarak gösteriliyor, hız ve efektleri ayarlanabilir.
Esnek İçerik Değişimi: Hava durumu ve diğer içerikler belirli aralıklarla geçiş yapabiliyor.
Esnek modül 4 fonksiyonlu. Günün menüsü oluşturmak için sıra ile satırlara menü yazılır.1. satır Pazartesi,2.satır salı vb.. o günün menüsünü çeker.
Tarihte Bugün her satırın başındaki tarihe bakarak veri çeker: 24 Aralık ... diye başlayan veri 24 aralıkta yayınlanır.
Günün Sözü: Satırlardan rastgele birini çeker.
Özel İçerik: özel içerik seçildiğinde Modüle özel başlık vermek için başlık kutusu aktif olur. Tüm içerik yayınlanır.
Nöbetçi Öğretmenler, Sınav Sayacı, Hava Durumu Modül Başlıkları değiştirilebilir. Hava durumu modülü kod ,widget, kabul eder. İstenirse haber modülü de olabilir.
3. Video ve Ses Entegrasyonu:
Video Modülü: Video veya görseller izlenebiliyor. Sesli veya sessiz modda oynatılabiliyor.
Zil Sesleri: Dersler arasında geçişlerde veya özel zamanlarda zil sesi çalabiliyor.
Ses Kontrolü: Ses açma/kapama ve ses seviyesi ayarı mevcut.
4. Ders Programı ve Zamanlayıcı:
Ders Durumu: Öğrencilerin güncel ders programına göre hangi derste oldukları, kalan süre ve mola zamanları gösteriliyor.
Sabah ilk derse yarım saat kala geri sayımı başlatır. Ders başlayınca zil çalar, dersin kaçıncı ders olduğu bilgisi ile tenefüse kalan süreyi sayar.
Tenefüs bilsini verir. tenefüste derse kalan süreyi ve gelecek saatin derslerini verir. gün boyu dersler arasındaki tenefüs sürelerine göre ÖĞLE TENEFÜSÜNÜ algılar. Son ders bitince bir saat boyunca "Bugünlük dersler bitti" yazar. Daha sonra "DERS DIŞI" aktif olur.
Hafta sonu tatilini algılar. Ders bitiminden itibaren(hafta sonları da dahil) Bilgi Kutusundaki verileri " Günün Notu" adı altında ders programı bölümünde yayınlar.
Geri Sayım: LGS/YKS için geri sayım (sınav zamanı gösterimi).
5. Esnek Modüller:
Dinamik Veri Entegrasyonu: İçerikler, JSON ve localStorage'tan alınan verilere göre güncelleniyor (örneğin: nöbetçi öğretmenler, doğum günleri, duyurular).
6. Mobil Uyumlu:
Responsive Tasarım: Sayfa, 1000px altındaki ekranlarda (örneğin mobil cihazlar) uyumlu hale geliyor; başlık kısmı gizleniyor ve öğeler daha kompakt hale getiriliyor.
7. Web Depolama Kullanımı:
localStorage üzerinden veri saklanıyor (örneğin okul adı, nöbetçi öğretmenler, duyurular).
8. Yönetici Paneli: Sağ tık ile
Sağ Tıklama Engellenmesi: Sayfa üzerinde sağ tıklama devre dışı bırakılmış, "admin.html" sayfasına yönlendirme yapılıyor.
9. Başlatma Ekranı:
Sistem Başlatma: Sayfa açıldığında, (tarayıcı güvenlik protokolü) kullanıcı sisteme giriş yapmadan önce bir "başlat" butonu ile sesli uyarıları ve videoları başlatmak gerekiyor.
Edge -Explorer ve crome tarayıcılarında sorunsuz çalışıyor.
10. İlk açılışta içerik boş görünecektir. Ana sayfada sağ tıklayıp admin paneli sol altta yedekten yükle tıklayp "okulpanoV.2 klasörü içindeki "pano_yedek_2025-12-22.json" yedeğini yükleyin. örnek veride saadece pazartesi günü İÇİN ders programı girİldiğinden sistem gününü PAZARTESİ saati 8:30- 14.00 arasına ayarlayıp test edebilirsiniz.
İNDİR
Fırsat buldukça bazı hataları düzelteceğim.
Tüm kodlama ve tasarımı özgün olup Erdal BAYRAK tarafından geliştirilmiştir.Ücretsizdir.Ticari amaçla dağıtmak-satmak dışında resmi ve özel tüm kurumlar ve şahıslar izin almaksızın kullanabilir, özgünleştirebilir, tasarımı ve yapısında değişiklik yapabilir.
HTML5, CSS3 ve JavaScript tabanlı dinamik bir uygulamadır.
1.Modern Tasarım: Koyu renkli arka plan, neon benzeri renkler (cyan, yeşil, turuncu) kullanıldı.
Dinamik Bileşenler:
Başlık ve Zaman Widget'ı: Okul adı, saat ve tarih(sistem saatve tarihi) dinamik olarak gösteriliyor.
Nöbetçi Öğretmenler: Günlük nöbetçi öğretmenler listeleniyor.Bir güne sayısız nöbetçi atanabilir. Nöbet günleri döndürülebilir.
Hava Durumu: Web üzerinden alınan hava durumu bilgisi gösteriliyor (internet bağlantısı yoksa otomatik gizlenir)).
Esnek İçerik: Günlük bilgi, menü veya tarihte bugüne dair içerik dinamik olarak gösterilebilir.
Video Oynatıcı: Resimler ve videolar (varsayılan, index.html nin bulunduğu "medya/" klasörü içine konacak) oynatılabiliyor, video kontrolleri (oynatma/duraklatma, ses açma/kapatma, ileri/geri sarma) mevcut.
Ders Durumu: Öğrencilerin o anki ders durumu (ders saati, kalan süre) görüntüleniyor.
Sinav Sayacı ve Doğum Günü Listesi: LGS sayacı ve doğum günü kutlamaları için otomatik panel dönüşümü.
Duyurular: Alt kısımda kayan metin duyuruları, hız ve efekt ayarlarıyla yönetilebilir.
2. Temalar ve Animasyonlar:
Nöbetçi öğretmenler ve ders programı içeriğe sığmazsa aşağı- yukarı hareketle tüm içeriği gösterir
Tüm ekrana %100 uyum sağlar. TV için düşünüldüğünden kaydırma çubuğu ana ekranda çıkmaz.sol ve sağ alt modüller sıra ile dönüşümlü yayınlanır.
Animasyonlar: Başlıklar, metinler ve içerikler animasyonlu bir şekilde geçiş yapıyor (örneğin, "zoomIn", "pulse" efektleri).
Marquee (Yürüyen Yazı): Alt kısımda duyurular sürekli kayarak gösteriliyor, hız ve efektleri ayarlanabilir.
Esnek İçerik Değişimi: Hava durumu ve diğer içerikler belirli aralıklarla geçiş yapabiliyor.
Esnek modül 4 fonksiyonlu. Günün menüsü oluşturmak için sıra ile satırlara menü yazılır.1. satır Pazartesi,2.satır salı vb.. o günün menüsünü çeker.
Tarihte Bugün her satırın başındaki tarihe bakarak veri çeker: 24 Aralık ... diye başlayan veri 24 aralıkta yayınlanır.
Günün Sözü: Satırlardan rastgele birini çeker.
Özel İçerik: özel içerik seçildiğinde Modüle özel başlık vermek için başlık kutusu aktif olur. Tüm içerik yayınlanır.
Nöbetçi Öğretmenler, Sınav Sayacı, Hava Durumu Modül Başlıkları değiştirilebilir. Hava durumu modülü kod ,widget, kabul eder. İstenirse haber modülü de olabilir.
3. Video ve Ses Entegrasyonu:
Video Modülü: Video veya görseller izlenebiliyor. Sesli veya sessiz modda oynatılabiliyor.
Zil Sesleri: Dersler arasında geçişlerde veya özel zamanlarda zil sesi çalabiliyor.
Ses Kontrolü: Ses açma/kapama ve ses seviyesi ayarı mevcut.
4. Ders Programı ve Zamanlayıcı:
Ders Durumu: Öğrencilerin güncel ders programına göre hangi derste oldukları, kalan süre ve mola zamanları gösteriliyor.
Sabah ilk derse yarım saat kala geri sayımı başlatır. Ders başlayınca zil çalar, dersin kaçıncı ders olduğu bilgisi ile tenefüse kalan süreyi sayar.
Tenefüs bilsini verir. tenefüste derse kalan süreyi ve gelecek saatin derslerini verir. gün boyu dersler arasındaki tenefüs sürelerine göre ÖĞLE TENEFÜSÜNÜ algılar. Son ders bitince bir saat boyunca "Bugünlük dersler bitti" yazar. Daha sonra "DERS DIŞI" aktif olur.
Hafta sonu tatilini algılar. Ders bitiminden itibaren(hafta sonları da dahil) Bilgi Kutusundaki verileri " Günün Notu" adı altında ders programı bölümünde yayınlar.
Geri Sayım: LGS/YKS için geri sayım (sınav zamanı gösterimi).
5. Esnek Modüller:
Dinamik Veri Entegrasyonu: İçerikler, JSON ve localStorage'tan alınan verilere göre güncelleniyor (örneğin: nöbetçi öğretmenler, doğum günleri, duyurular).
6. Mobil Uyumlu:
Responsive Tasarım: Sayfa, 1000px altındaki ekranlarda (örneğin mobil cihazlar) uyumlu hale geliyor; başlık kısmı gizleniyor ve öğeler daha kompakt hale getiriliyor.
7. Web Depolama Kullanımı:
localStorage üzerinden veri saklanıyor (örneğin okul adı, nöbetçi öğretmenler, duyurular).
8. Yönetici Paneli: Sağ tık ile
Sağ Tıklama Engellenmesi: Sayfa üzerinde sağ tıklama devre dışı bırakılmış, "admin.html" sayfasına yönlendirme yapılıyor.
9. Başlatma Ekranı:
Sistem Başlatma: Sayfa açıldığında, (tarayıcı güvenlik protokolü) kullanıcı sisteme giriş yapmadan önce bir "başlat" butonu ile sesli uyarıları ve videoları başlatmak gerekiyor.
Edge -Explorer ve crome tarayıcılarında sorunsuz çalışıyor.
10. İlk açılışta içerik boş görünecektir. Ana sayfada sağ tıklayıp admin paneli sol altta yedekten yükle tıklayp "okulpanoV.2 klasörü içindeki "pano_yedek_2025-12-22.json" yedeğini yükleyin. örnek veride saadece pazartesi günü İÇİN ders programı girİldiğinden sistem gününü PAZARTESİ saati 8:30- 14.00 arasına ayarlayıp test edebilirsiniz.
İNDİR
Fırsat buldukça bazı hataları düzelteceğim.
Tüm kodlama ve tasarımı özgün olup Erdal BAYRAK tarafından geliştirilmiştir.Ücretsizdir.Ticari amaçla dağıtmak-satmak dışında resmi ve özel tüm kurumlar ve şahıslar izin almaksızın kullanabilir, özgünleştirebilir, tasarımı ve yapısında değişiklik yapabilir.
Ekli dosyalar
Son düzenleme:
