← Tüm projeler
ÜRETİMDEYAYIN

techonc Signage.

TV ekranlarını kurumun canlı bilgi panosuna çeviren 7/24 dijital yayın sistemi — ve web arayüzünü gerçek bir TV kanalına dönüştüren yayın motoru.

Canlı Demo →
12 YÖNETİM MODÜLÜ + TV YAYIN EKRANI6 SLAYT TİPİ · 8 KATEGORİANINDA İÇERİK GÜNCELLEME1080p HLS CANLI YAYINÜRETİMDE — KOCAELİ'DE BİR OSB
01

Problem

Kurum içi duyurular, günün menüsü, etkinlikler ve iş güvenliği bilgileri personele düzenli ulaşmıyordu; panolara asılan kağıtlar güncelliğini yitiriyor, ekranlara içerik basmak elle uğraş gerektiriyordu.

02

Çözüm

Yemekhane ve ortak alanlardaki TV'ler tek merkezden yönetilen canlı yayın ekranlarına dönüştü: slaytlar, kara tahta görünümlü günün menüsü, döviz, hava durumu, kutlamalar, iş-kazasız gün sayacı ve kayan yazılar — hepsi bir admin panelinden.

03

Sonuç

Admin panelde yapılan değişiklik TV'lere anında yansıyor; aylık yemek menüsü Excel dosyasından tek seferde yükleniyor; sistem sahada 7/24 kesintisiz çalışıyor.

Modüller

Döviz Kurları

Başlıkta dönen canlı kur şeridinin kaynak ve gösterim ayarları.

Dashboard

Tüm içerik türlerinin toplam/aktif sayılarını tek bakışta gösteren yönetim özeti.

Slayt Yönetimi

6 slayt tipi (resim, video, YouTube, metin, haber, kolaj); süre, sıra, kategori ve düzen/renk şeması seçenekleri.

Yemek Menüsü

Günlük menü girişi, kara tahta önizlemesi ve Excel'den aylık toplu yükleme sihirbazı.

Etkinlikler

Tarih/saat ve konumlu etkinlikler; TV'de geri sayım, süresi dolanın otomatik pasife çekilmesi.

İş Kazası Takibi

Kaza kayıtları ve tek tıkla sayaç sıfırlama; kazasız gün sayacı buradan beslenir.

Kutlamalar

Doğum günü, yeni bebek, yıldönümü ve başarı kutlamaları; tipine göre rozetle gösterim.

Günün Sözü

Tarih aralığıyla yayınlanan motivasyon sözleri.

Kayan Yazı

Öncelik sıralı alt bant mesajları; kesintisiz marquee olarak akar.

Duyurular

Genel duyuru kayıtlarının yönetimi.

Hava Durumu

Konum/anahtar ayarları ve güncel veri önizlemesi.

Sistem Ayarları

Logo, slayt süresi, yenileme aralığı, animasyon hızı ve otomatik açık/koyu tema saatleri.

Ekran görüntüleri

TV yayın ekranı: kara tahta menü, kutlama kartı, canlı döviz ve kazasız gün sayacı
Günün menüsü kara tahta düzeninde; sağ sütunda etkinlik geri sayımı, personel kutlaması ve hava durumu döner
Yönetim paneli: slayt, menü, etkinlik ve kutlama yönetimi
Slayt yönetimi: resim, video, metin, haber ve kolaj slaytları; süre, sıra ve kategori tek ekrandan
Yemek menüsü yönetimi: günlük giriş ve Excel'den aylık toplu içe aktarma
Personel kutlamaları: doğum günü, yeni bebek, yıldönümü, terfi ve başarı kartları
Yönetim paneli girişi — demo hesap bilgileri ekranda yazılı

Öne çıkan yetenekler

Excel'den aylık menü yükleme

Yemekhanenin aylık Excel'i tarayıcıda ayrıştırılır: doğru sekme otomatik bulunur, takvim ızgarasından gün gün menü çıkarılır, eksik günler uyarılır; düzenlenebilir önizleme ve çakışmalarda satır bazlı atla/üzerine yaz seçimiyle tek onayda yüklenir.

Tarayıcıdan canlı TV kanalı

TV arayüzü headless Chrome'da açılıp 1080p H.264 HLS akışına çevrilir; herhangi bir akıllı TV veya tarayıcı, yayını normal video gibi izler.

Anında içerik güncelleme

Tüm içerik tabloları gerçek zamanlı dinlenir; admin değişikliği TV'lere anında yansır, her veri için ayrıca polling yedeği vardır.

Kara tahta menü ekranı

Günün menüsü her rotasyonda ilk slayt olarak, tebeşir yazı efektiyle gösterilir; satır sayısına göre yazı boyutu 4 kademede otomatik ölçeklenir.

İş kazasız gün sayacı

Son kazadan itibaren gün/saat/dakika/saniye hassasiyetinde canlı sayaç.

Animasyonlu hava durumu

Güncel + 5 günlük tahmin; hava durumuna göre dinamik arka plan ve partikül animasyonları (yağmur, kar, güneş, şimşek).

Kiosk modu

Etkileşim tamamen kapalı, imleç gizli; saatlik tam sayfa yenileme ile uzun süreli açık ekranlarda tazelik korunur.

DEMODA KAPALI

Demoda canlı yayın motoru (HLS) kapalıdır — sürekli video kodlaması sunucuyu meşgul ettiği için; üretimde çalışıyor. Hava durumu demo verisiyle gösteriliyor.

UYARLAMA

Başka bir kurumda nasıl değişir

Ekranda ne görüneceği kurumun kendi işine göre belirlenir: yemek menüsü yerine üretim panosu, kutlama kartı yerine vardiya bilgisi konabilir. Yeni içerik türleri ayrı modül olarak eklenir; ekran ve konum sayısı sınırlı değildir.

TEKNİK DERİNLİK

YIĞIN

Next.js 14 (standalone)TypeScriptSupabase (Realtime + Storage)Tailwind CSS + shadcn/uiPuppeteer (CDP Screencast)FFmpeg → HLSSheetJS (Excel import)Docker (2 imaj)

MÜHENDİSLİK NOTLARI

CDP Screencast → FFmpeg → HLS hattı

Chrome DevTools Protocol'den 1080p JPEG kareler alınır, FFmpeg'e beslenir ve 20 FPS, 3 Mbps H.264 HLS yayınına kodlanır (~30 sn buffer). FFmpeg çökerse 2 saniyede otomatik yeniden başlar.

Yayın gecikmesine karşı saat hilesi

HLS gecikmesi ekrandaki saati geride bırakacağı için yayın tarafında saat kalıcı olarak gizlenir; izleme sayfası videonun üzerine her saniye güncellenen gerçek zamanlı bir saat bindirir.

Ayrı şema ile veritabanı izolasyonu

Tüm istemciler kendi PostgreSQL şemasına sabitlenmiştir; aynı veritabanı örneğini paylaşan diğer üründen (Portal) tamamen izoledir.

Toleranslı Excel ayrıştırıcı

Gün satırları hem tamsayı hem Excel tarih serisi biçimini tanır; dipnotlar ayıklanır. Excel kütüphanesi yalnızca kullanım anında yüklenir, ana pakete girmez.

Katmanlı tazelik modeli

Her veri önemine göre farklı ritimde yenilenir: kaza verisi 10 sn'de, etkinlik/kayan yazı 30 sn'de, döviz 2 dk'da, hava 30 dk'da; üstüne gerçek zamanlı abonelikler anlık geçersiz kılma yapar.

İki ayrı Docker imajı

Ana uygulama çok aşamalı build ile küçük bir standalone imaj; yayın motoru Puppeteer + FFmpeg + Türkçe fontlar içeren ayrı bir konteyner.