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
822
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:
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
 
Cevap yazmak için giriş yap yada kayıt ol.
Geri
Üst