Dijital Okul Panosu - Okul Pano TV

Kodla Büyü
DijitalOkulPanosunda eklediğiniz Youtube videoları reklamsız ve otomatik oynatıldığı için bot doğrulaması vb. oynatma hataları yaşayabilirsiniz. Localhost veya Web üzerinde Youtube videoları yayınlayacaksanız tarayıcıda oturumunuz açık kalsın. Youtube güvenlik engelini kırmanın en garanti yolu budur.
 
Son düzenleme:
Doğum günü bilgilerini ve fotoğrafları e-okuldan indireceğiniz OG02028 kodlu Fotoğraflı-Kimlik Bilgili Öğrenci Listesi üzerinden otomatik yüklemek için ekteki zipli dosyaları çıkartıp ana dizindeki index.html ve moduller/ klasörü içindeki m_dogum.html sayfaları yenileriyle değiştiriniz.

500 öğrencilik listeden çektim sorun yaşamadım. Ama bir kaç bin öğrencilik listelerden çekerken sorun yaşanabilir. çünkü fotoğrafları klasörden çekmiyor. Base64 olarak tempe atıyor.

Eğer bugün doğum günü olan yok ise; "Bugün doğan yok" verir. Birden fazla doğum günü olan var ise 4 saniye aralıklarla bitene kadar sıra ile gösterir. sonra 8 sn LGS Sayacı gösterimine döner. Bu döngü bu şekilde devam eder.

İsterseniz Manuel ekleme yapabilir, e-okuldan yüklediğiniz öğrenci bilgilerini düzenleyebilir, tek tek veya toplu silebilirsiniz. Her öğrenci için düzenle ye tıklayıp özel "doğum günü mesajı" eklenebilir. Eklenmezse mesaj göstermez.

m_dogum.html sayfası girişte admin kontrolü yapmayan versiyondur. V5 sürümü ile uyumludur. Şifreli Admin girişi kullanıyorsanız <script> etiketi içine
uygun yere şu kodları ekleyin:
Kod:
(function() {    if (sessionStorage.getItem('isLoggedIn') !== 'true')
window.location.href = "../admin.html";    }})();
})();
}

1.webp

2.webp
 

Ekli dosyalar

Son düzenleme:
Nöbet yerleri her hafta otomatik dönsün isteyenler aşağıda paylaştığım güncelleme.zip içindeki index.html yi ana dizindekiyle, m_nobet.html sayfasını moduller/ klasöründekiyle değiştirebilirler.
Nasıl çalışır?
Önce pazartesine denk gelen tarih girelim(16.03.2026 gibi).
Sonra nöbet saat aralığı girelim (varsayılan 07:00- 17:00)
Her bir satıra nöbet yerlerini yazalım.
Sonra gün gün ayrılmış Textareaya o gün nöbet tutacak öğretmen isimlerini yazalım. ilk satırdaki öğretmen o gün kü ilk nöbet alanına atanır. Aynı katta birden fazla nöbet tutan öğretmen varsa aynı satıra aralarına virgül konarak yazılır. Alt satıra geçince yazılan öğretmenler sıradaki nöbet yerine atanır.
Verileri girdikten sonra Nöbetler döndürülsün Mü? kutucuğuna bakalım. Varsayılan olarak işaretlidir. Eğer Nöbet yerleri sabitse tiki kaldırın, haftalık döndürülecekse işaretli kalsın ve "kaydet yayınla" deyin.
Altta hafta değiştikçe öğretmen isimlerinin sabit ama önündeki nöbet yerlerinin değiştiğini göreceksiniz. Ana sayfada düzenli görünmesi için Nöbet yerleri sabit durur önündeki öğretmenleri değiştirir.
Haftada bir 1. kattaki öğretmeni 2. kata, 2.kattaki öğretmeni 3.kata ..vb. kaydırır. Bu işlemi haftanın pazartesi gününe denk gelen tarihlerde döngüyle yapar. Burada dikkat edeceğimiz nokta : 1-Nöbet başlangıç tarihinin pazartesi olması, 2- başlangıçtaki Günlük Öğretmen Listelerine girilen öğretmen sıralaması ile nöbet yerleri sıralamasının doğru eşleşmesidir.
Ana sayfada nöbetçi öğretmenler adminden belirlen saat aralıklarında gösterilir. Nöbet saatleri dışında, "nöbet saatleri dışındayız" ve "hafta sonu nöbet yok" uyarıları verir.
Ekran görüntüsü 2026-03-17 220048.webp
 

Ekli dosyalar

Eline sağlık hocam, tam ekran nasıl yapıyoruz? Tabi ki F11 ile :) Bir buton olsa çok iyi olurmuş 👌
Sürekli şifre sorma seçeneğinin kaldırılması daha iyi olur.
Modullerin yerini değiştirebilmek menüden güzel olurdu.

Ayrıca; birşey soracağım. Okullarımızın websitelerini günlük güncelliyoruz zaten. Anasayfadaki anahaber bölümü modülünü bu panonun ana modülüne entegre edilemez mi?
 
Son düzenleme:
Eline sağlık hocam, tam ekran nasıl yapıyoruz? Tabi ki F11 ile :) Bir buton olsa çok iyi olurmuş 👌
Sürekli şifre sorma seçeneğinin kaldırılması daha iyi olur.
Modullerin yerini değiştirebilmek menüden güzel olurdu.

Ayrıca; birşey soracağım. Okullarımızın websitelerini günlük güncelliyoruz zaten. Anasayfadaki anahaber bölümü modülünü bu panonun ana modülüne entegre edilemez mi?
*Şuan için sol kolondaki hava durumu modülü widget-iframe kabul ediyor. Başlığını değiştirip haber modülü yapılabilir. Okul haberleri için Orta alandaki video/resim modülünü dönüştürmek daha kullanışlı olur.
*Şifreli admin girişi çoğu okul için gerekli. Koridorda öğrencilerin ulaşabileceği yerlerde öğrenciler doğum günü verilerini değiştirmek gibi muziplikler yapabiliyor.
*Anasayfaya tam ekran butonu ekledim.
*Ayrıca online kullanımda https://okulpano.tv adresinden masaüstü uygulaması yüklenebilir. Okulpanotv.apk olarak ta var.
*Adminden kontrol edilebilen şifreli-şifresiz giriş butonu ekledim. Varsayılan şifresiz giriş. İsterseniz adminden şifreli girişi aktif-pasif yapabilirsiniz. *Şifreli admin girişi kullananlar pasif moddda kullanacaklarsa Moduller klasöründeki sayfalardan "<script>" etiketinden hemen sonraki şu kodları da temizleyebilir.
Kod:
 (function() {
    if (sessionStorage.getItem('isLoggedIn') !== 'true') {
        alert("Yetkisiz erişim! Lütfen admin.html sayfasından giriş yapın.");
        window.location.href = "admin.html"; // admin.html'e yönlendir
    }
})();
* Çeviri eklediğim paket de var. Biraz sıkıntılı. Sağ modüller saniye bazlı veri tazelediği için Google çeviri bunları yeni bir veri zannedip tekrar tekrar çevirmeye çalışıyor. Bu da blokları hareket ettirebiliyor. Üzerinde çalışmak lazım.
Aşağdaki dosyaları ana dizine çıkartıp kullanabilirsiniz. Tam paket olarak ilk mesaja d ekledim.
Ekran görüntüsü 2026-03-18 104143.webp
 

Ekli dosyalar

Son düzenleme:
GÜNCELLEMEYE DEVAM...
Ana ekrandaki video/resim modülünde dış veri ekleme özelliği getirdim.
Örnek: Okulunuz web sitesinde yayınlanan ana sayfadaki slide haberleri eş zamanlı olarak ve güncel olarak dijital okul panosunda yayınlamak için;
kodver.infinityfreeapp.com linkinden okul web adresini girip oluşan kodu kopyalayıp html sayfası olarak medya klasörüne kaydedin.
Admin -video/resim modülünden Dış veri ekleyi seçip linkini yazın (mesela Medya/okulhaber.html) listeye ekle deyin. Sabitleyi seçerseniz panodaki video/resim alnında sadece okul web sitesindeki haberler gösterilir. eğer sabitleme yapmazsanız tüm içerik video, resim, dış veri sıra ile yayınlanır. DIŞ VERİNİZİN 100% KUTUYA SIĞMASI İÇİN DIŞ VERİ SAYFASINA 100% SİTİLİ EKLEMELİSİNİZ. (oluşturduğunuz kodun sonundaki <style>...</style> şöyle değiştiriseniz kutuya 100% sığar.
Kod:
#er-w{width:100%;height:100vh;padding:0;margin:0;overflow:hidden}#er-s .item{border-radius:0;height:100vh}#er-s img{width:100%;height:100vh;object-fit:cover}#er-s .cap{font-size:24px;padding:50px 20px}
Aşağıdaki index.html ve m_video.html dosyalarını indirip eskileriyle değiştirmeniz yeterli.
Ekran Görüntüsü (28).webp
 

Ekli dosyalar

Son düzenleme:
ilksms
Geri
Üst