Benden bir yeni yıl hediyesi! Nöbetçi öğretmen Panosu (Murat Pano v1)

Kodla Büyü
Accipiter

Accipiter

Seçkin Üye
Seçkin Üye
Mesajlar
836
Arkadaşlar geliştirdiğim ve kendi okulumda kullandığım panoyu ihtiyacı olan varsa bir yeni yıl hediyesi olarak paylaşmak istiyorum.

murat pano v1.webp


Özellikler şöyle:

Kullanımı oldukça basit. Panonun gösterileceği PC ye xammp kurulup sanal bir server oluşturuluyor.

Daha sonra bu klasör içindeki dosyalar;

C:\xampp\htdocs klasörü içine kopyalanıyor.

xammp kontrol panelden Apache aktif hale getirildiyse tarayıcıda

"http://localhost/" yazarak scripte ulaşabilirsiniz.

Okul zil saatlerini ve nöbetçi öğretmen isimlerini tarayıcıya

"http://localhost/settings.php" yazıp düzenleyebilir ve güncelleyebilirsiniz.

Okul logosu benim kendi okulumun logosu. Tabii ki onu kendi logonuzla değiştirmelisiniz.

Her ders başladıktan 1 dakika sonra arkadaşlar ders başladı anonsu yapıyor. Bunun sağlıkla çalışması için settings.php ve index.html içindeki ders saatlerinin aynı olduğundan emin olmalısınız.

Geliştirmeye açıktır ama lütfen benden izin almadan paylaşmayın.

Biz bunu öğretmenler odasındaki bir tv ekranına çok eski bir pc yardımıyla yansıtıyoruz.

İyi çalışmalar dilerim...
 

Ekli dosyalar

Son düzenleme:
Eline sağlık hocam. index.html açılıyor fakat boş görünüyor. Neden olabilir acaba?
 
Accipiter' Alıntı:
hocam açıklamadaki gibi yaparsanız çalıştığını göreceksiniz. bir web sayfası gibi düşünün. sanal sunucu lazım. xampp kurmanız gerek
Genişletmek için tıkla ...

xampp kurulumundan sonra, apache'yi aktif de ediyorum. "http://localhost/settings.php" yazıp düzenleme de yapabiliyorum hocam. Ancak localhost yazdığımda dashboard ekranı geliyor.
lo.webp

index.html yazdığımda da bu ekran geliyor.
lo2.webp
 
Aynen sayfa boş geliyor. İndex sayfası inın içeriği gösterilmiyor. Settings.php çalışıyor ama.
 
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Okul Board</title>
<script type="module" crossorigin src="/assets/index.7cc25836.js"></script>
<link rel="modulepreload" href="/assets/vendor.40e547d5.js">
<link rel="stylesheet" href="/assets/index.c3de34f4.css">
</head>
<body>
<div id="app"></div>

<!-- Anons ses dosyasını tanımlayın -->
<audio id="announcement-audio" src="anons.mp3" preload="auto"></audio>

<script>
// Ders saatlerini içeren bir JSON nesnesi
const lessons = [
{"name":"1. Ders","startTime":"08:50","endTime":"09:30"},
{"name":"2. Ders","startTime":"09:45","endTime":"10:25"},
{"name":"3. Ders","startTime":"10:40","endTime":"11:20"},
{"name":"4. Ders","startTime":"11:30","endTime":"12:10"},
{"name":"5. Ders","startTime":"12:20","endTime":"13:00"},
{"name":"6. Ders","startTime":"13:45","endTime":"14:25"},
{"name":"7. Ders","startTime":"14:35","endTime":"15:15"},
{"name":"8. Ders","startTime":"15:30","endTime":"16:30"},
{"name":"9. Ders","startTime":":","endTime":":"}
];

// Anons sesini çalacak fonksiyon
function playAnnouncementAudio() {
const audio = document.getElementById('announcement-audio');
audio.play();
}

// Anonsları zamanlayacak fonksiyon
function scheduleAnnouncements() {
const currentTime = new Date();

lessons.forEach(lesson => {
const [startHour, startMinute] = lesson.startTime.split(':').map(Number);
const lessonStartTime = new Date();
lessonStartTime.setHours(startHour);
lessonStartTime.setMinutes(startMinute + 1); // Ders başladıktan 1 dakika sonra

const timeUntilAnnouncement = lessonStartTime - currentTime;

if (timeUntilAnnouncement > 0) {
setTimeout(() => {
playAnnouncementAudio(); // Anons sesini çal
}, timeUntilAnnouncement);
}
});
}

scheduleAnnouncements();
</script>
</body>
</html>




İndex sayfasının içerisinde sadece anons çalma kısmı var, hocam dosyayı kaydederken yanlış kaydetti sanırım. Onun için index i açınca boş çıkıyor arkadaşlar
 
Hocam Şimdi denedim de boş ekran çıkıyor maalesef. Hatanın kaynağı html kodlarındaki gösterdiğim path'lerin olmaması olabilir mi?

Ekran Alıntısı.webp
 
valla okuldaki bilgisayarda kullanıyorum. evde de denedim bir sorun çıkmıyor. çalıştıran bir arkadaş da yazarsa sevinirim
 
Denedim çalışmıyor sayın hocam; belirtilen assets klasörü ve css ve js kodları paylaşılan dosya içerisinde yok ve sonuçta localde boş sayfa çıkıyor.Paylaşan arkadaşımız eksik dosyaları da paylaşırsa çok makbule geçecek.
 
kubilay35' Alıntı:
Denedim çalışmıyor sayın hocam; belirtilen assets klasörü ve css ve js kodları paylaşılan dosya içerisinde yok ve sonuçta localde boş sayfa çıkıyor.Paylaşan arkadaşımız eksik dosyaları da paylaşırsa çok makbule geçecek.
Genişletmek için tıkla ...
hocam pano_son.zip dosyasını ekledim ilk mesaja. şimdi dener misiniz? sorun halloldu sanırım
 
Tekrar denedim malesef çalışmıyor sayın hocam beyaz sayfa çıkıyor,kodlama da index bölümünde sadece anons script kısmı var.Settings.php kısmı çalışıyor.
 
Accipiter' Alıntı:
hocam pano_son.zip dosyasını ekledim ilk mesaja. şimdi dener misiniz? sorun halloldu sanırım
Genişletmek için tıkla ...
Şimdi çalıştı hocam. Fakat Gün itibariyle haftasonuna girdiğimiz için nöbet kısmı boş görünüyor. Derslerde mevcut saatlere uygun ders saati yazsam da geri saymıyor. Pazartesi-Cuma arası çalışacak şekilde kodladınız galiba ondan düzgün göstermiyor.
 
BlackFrost' Alıntı:
Şimdi çalıştı hocam. Fakat Gün itibariyle haftasonuna girdiğimiz için nöbet kısmı boş görünüyor. Derslerde mevcut saatlere uygun ders saati yazsam da geri saymıyor. Pazartesi-Cuma arası çalışacak şekilde kodladınız galiba ondan düzgün göstermiyor.
Genişletmek için tıkla ...
evet evet ondan hocam. bilgisayar gün ve saatini hafta içi olarak değiştirirseniz deneme amaçlı, görebilirsiniz
 
Cevap yazmak için giriş yap yada kayıt ol.
BBNET
Geri
Üst