Dijital Okul Panosu V6- 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:
Dijital okul panosunda Okul Web haberlerini yayınlamak.(son güncellemede)
https://kodver.infinityfreeapp.com veya https://erbaysinop.github.io/haber
İframe kodu alıp haber.html olarak Medya/ klasörüne eklenebilir.
Admin paneli- Video/resim -Dış bağlantı seçip URL kısmına haber.html yazarsanız okul web sitenizdeki son 5 haber slayt olarak döner. Dış bağlantı eklerken süreyi seçerken 5 haber varsa 5x5 en az 25 saniye seçmelisiniz. Sonra diğer video ve resim içeriklerine geçer. Eğer s uzun dönsün isterseniz 50,75,100 vb girebilirsiniz. Sadece web haberleri dönsün isterseniz diğer içerikleri pasif yapınız.
Alternatif olarak
https://erbaysinop.github.io/haber/habercek.html?link=https://sinop.meb.gov.tr veya
https://kodver.infinityfreeapp.com/habercek.html?link=https://sinop.meb.gov.tr
linklerinden "sinop.meb.gov.tr" adresini değiştirerek kendi il-ilçe veya tüm okul web (meb, il-ilçe meb, 60 bin civarı okul )URL sini girip haberlerini çekebilirsiniz. Ayrıca bu linkleri dış bağlantı olarak da kullanabilirsiniz. kutuya 100% uyum sağlar.
Haber botu scripti bana aittir.
Ekran görüntüsü 2026-03-30 141407.webp
 

Ekli dosyalar

  • Ekran görüntüsü 2026-03-29 135805.webp
    Ekran görüntüsü 2026-03-29 135805.webp
    84.4 KB · Görüntüleme: 22
  • Ekran görüntüsü 2026-03-29 135913.webp
    Ekran görüntüsü 2026-03-29 135913.webp
    19.5 KB · Görüntüleme: 20
  • Ekran görüntüsü 2026-03-29 140104.webp
    Ekran görüntüsü 2026-03-29 140104.webp
    26.6 KB · Görüntüleme: 20
  • Ekran görüntüsü 2026-03-29 140424.webp
    Ekran görüntüsü 2026-03-29 140424.webp
    22.4 KB · Görüntüleme: 17
Son düzenleme:
SLİDEHABER/VİDEO/RESİM ekleme:
Arkadaşlar sistemi https://www.dijitalokulpanosu.com.tr/ üzerinden online kullanıyorum, eklediğim yerel video ve resimler yayınlanmıyor diyen arkadaşlar için açıklama ekliyorum.
Web sitesinin MEB Fatih ağı internet erişimi sorunu yoktur. Online kullanabilirsiniz veya adres çubuğu sağda uygulamayı yükleyebilirsiniz. Her iki durumda veriler karşıya iletilmez. İnternet tarayıcınızda tutulur. Mantık şu: dosyalar ve veriler tarayıcı çerezi üzerinden yerel digital pano sayfaları olarak kullanılır. eklediğiniz veriler, video ve resimler ya base64 olarak yada localhost köprüsü üzerinden çalışır.

1. İl-ilçe ve okul web sayfasındaki son yüklenen 5 haberi yayınlamak için Okul web haberlerini al adres kutusuna okul web url sini yazıp Botu ekle ye basın. Listenin sonuna eklenecektir. İlk sıraya almak istiyorsanız en başa sürükleyin. Sadece web haberlerim yayınlansın istiyorsanız veya listede ekli olan video ve resimlerin hangilerinin yayınlanmasını istiyorsanız diğerlerini kapalı yapınız.

2. Yerel video veya resim eklemek için medya türü yerel video veya resim seçin. Web üzerinden alacaksanız url si yazın.

Bilgisayarınızdaki bir video veya resim yayınlayacaksanız (BURASI ÖNEMLİ) localhost aktif olmalı. Denetim masası> programlar> windows özelliklerini aç veya kapat>internet information services (tıkla)>Web yönetim araçları> ıss işaretleyip aktif etmelisiniz. c:// Üzerinde İnetput gibi bir dosyası oluşacak içinde WWWROOT klasörü göreceksiniz. Onu içine medya klasörü oluşturup yerel video ve resimleri oraya atabilirsiniz.
Yerel video ve resim eklerken seç butonuna basıp c://inetput>wwwroot>medya içinden ekleyin. Tarayıcı güvenliği gereği sanal sunucu (localhost) kullanmalıyız. Yoksa başka herhangi bir klasörden video ve resim eklediğimizde tarayıcı onu göstermeyecektir
.

3.Web sayfasını veya uygulamasını kullanırken Youtube videosu eklemek için sadece yotube videosunun linkini yapıştırmanız yeterli.

4. Dış link ekleme: çekeceğimiz sayfanın web url sini yazıyoruz. Eğer yerel bir web sayfası ekleyeceksek yine Localhost mantığı devreye giriyor c://inetput>wwwroot> içinden sayfa ekleyebiliriz.

ekle.webp
 
Son düzenleme:
ilksms
Geri
Üst