Anasayfa » Xibo ile Open Source Digital Signage Dijital Pano Kurulumu

Makaleyi Paylaş

Open Source

Xibo ile Open Source Digital Signage Dijital Pano Kurulumu

Merhaba, open source dünyası o kadar geniş ve hızlı ki her geçen gün yeni projeler yeni uygulamalar ile karşılaşıyorsunuz.

Bu makalede sizlere xibo ismindeki açık kaynak kodlu digital signage ( dijital pano,dijital ekran ) uygulamasını tanıştırmak istiyorum.

Bu ekranları hava alanlarında, otellerde, sokaklarda, hastanalerde, restoranlarda ve avmlerde görmekteyiz.

Bir kaç görselle açıklamak istersek:


İşte bu ekranlar digital signage uygulamaları ile yapılıyor. Bu yazılımların ücretli versiyonları olduğu gibi açık kaynak kodlu versiyonlarıda var. Bu makalenin konusu olan xibo, bu alanda odukça başarılı. İsterseniz zaman kaybetmeden kurulum ve ilk konfigürasyon ayarlarına beraber bakalım.

Sistem Gereksinimleri

İşletim sistemi: Ubuntu 18.04 LTS

İşlemci: 2 Çekirdek

Ram: 4 GB

Disk Alanı: 50 GB

Kuruluma başlarken, xibo docker üzerinde çalışıyor. Bu yüzden ilk olarak docker ve docker compose kurulumları ile başlıyoruz.

sudo apt-get update
sudo apt-get install \
    apt-transport-https \
    ca-certificates \
    curl \
    gnupg-agent \
    software-properties-common
curl -fsSL https://download.docker.com/linux/debian/gpg | sudo apt-key add -
sudo add-apt-repository \
   "deb [arch=amd64] https://download.docker.com/linux/debian \
   $(lsb_release -cs) \
   stable"
sudo apt-get update
sudo apt-get install docker-ce docker-ce-cli containerd.io
sudo curl -L "https://github.com/docker/compose/releases/download/1.27.0/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
sudo chmod +x /usr/local/bin/docker-compose
sudo ln -s /usr/local/bin/docker-compose /usr/bin/docker-compose

Şuana kadar docker ve docker compose kurulumlarını tamamladık. Şimdi sıra xibo kurulumunu yapmaya geldi.

mkdir /opt/xibo
cd /opt/xibo
wget -O xibo-docker.tar.gz https://xibo.org.uk/api/downloads/cms
tar --strip-components=1 -zxvf xibo-docker.tar.gz
cp config.env.template config.env
nano config.env

MYSQL_PASSWORD” , bu kısıma şifre belirlemeniz gerekli. Örnek olması için “BTvjCyqQEZ8kGPrb” bu şekilde bir şifre olmalı.

Şimdi sıra sertifika ayarlarına geldi.

cp cms_custom-ports.yml.template cms_custom-ports.yml
nano cms_custom-ports.yml

Portları aşağıdaki gibi değiştiriyoruz.

docker-compose -f cms_custom-ports.yml up -d

Aşağıdaki dosyayı düzenliyoruz.

nano /etc/apache2/sites-available/000-default.conf

Aşağıdaki içeriği kopyala-yapıştır yapabilirsiniz.

<VirtualHost *:80>

        ServerAdmin webmaster@localhost
        DocumentRoot /var/www/html

        ErrorLog ${APACHE_LOG_DIR}/error.log
        CustomLog ${APACHE_LOG_DIR}/access.log combined

        ProxyPreserveHost On
        RequestHeader set X-Forwarded-Proto expr=%{REQUEST_SCHEME}

        ProxyPass / http://127.0.0.1:8080/
        ProxyPassReverse / http://127.0.0.1:8080/

</VirtualHost>

Dosyanın son içeriği aşağıdaki gibi olmalı.

service apache2 restart

SSL sertifikası olarak Let’s Encrypt kullanacağım. Bu nedenle aşağıdaki komutları sırası ile çalıştırıyorum.

add-apt-repository ppa:certbot/certbot
apt-get update
apt-get install python-certbot-apache

Aşağıdaki komutu kullanarak alan adınız için ücretsiz SSL sertifikası oluşturabilirsiniz.

certbot --apache -d alanadınız

Evet alan adımı yazarak erişim sağladım.

Default kullanıcı adı: xibo_admin Şifre: password

Evet buraya kadar kurulumu tamamladık. Şimdi küçük bir örnek yapalım.

Sunucu tarafı tamam ancak client tarafına xibo player kurmanız gerekiyor.

xibo player “Windows, Linux,webOS,Android ve Tizen” desteği var. Ben windows üzerine kurulum yapacağım için. Bu linki kullanarak uygun olan player’ı sistemime indirip kuruyorum.

Kurulum sonunda, server ile client arasındaki iletişimi sağlamak gerekli. Bu yüzden “Xibo Player Options” açıyorum.

Yeniden sunucuma bağlanıp, ayarlardan “Server Anahtarını” kopyalıyorum.

Sonrasında client tarafına dönüp “CMS Address” kısmına sunucu adresimi ve “CMS Key” kısmına ise az önce kopyaladığım keyi yapıştırıyorum.

Connect” butonuna tıklayarak bağlantımı sağlıyorum.

Aşağıda görüldüğü gibi client cihazım sisteme ekledi.

Authorize” ediyorum.

İlk olarak yeni bir tasarım oluşturuyorum.

Bu ekran bizi karşılıyor. Burada yapabileceğiniz çok fazla tasarım seçeneği var. Ben örnek olarak ekranda “Çözümpark” yazısı yazdırmak istiyorum.

Yayınlamak istediğim tasarımı oluşturdum ve “Publish” butonuna tıklıyorum.

Sıra geldi zamanlama oluşturmaya. Yaptığınız ekranları clientlarda yayınlamak için tasarımlarınız için zamanlama oluşturmalısınız.

Yaptığımız zamanlama sonrası client üzerinde tasarımımız yayınlandı.

Makalemizin burada sonuna geldik ancak xibo kendi alanında çok fazla seçeneğe ve kullanım alanına sahip ücretsiz bir alternatif. Bu tarz projeler yapmak isteyenler için alternatif bir çözüm olabilir.

İyi günler. Keyifli okumalar.

Makaleyi Paylaş

5 Yorum

  1. Eline sağlık, çok güzel bir konu olmuş.

    Cevapla
  2. Ellerine sağlık hocam. Peki arada pc olmadan üretimde bulunan tvlere nasıl yansıtabiliriz bunu? ağ kablosu mevcut tvlerde.

    Cevapla
  3. Çok başarılı bir konu olmuş, eline sağlık hocam

    Cevapla
    • Hocam çok teşekkür ederim bu güzel sözleriniz için.

      Teşekkürler, saygılar.

      Cevapla

Cevap bırakın

Email adresiniz gizli kalacak Zorunlu alanlar * olarak işaretlenmiştir

Bunları kullanabilirsinizHTML etiketler ve öznitelikleri: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>