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.

İlgili Makaleler

14 Yorum

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

    1. Merhaba, Xibo simdilik Android, Linux, Windows, Tizen ve WebOS platformlarini desteklemektedir. Kullandiginiz display’e uygun player’i indirerek kullanabilirsiniz.

  2. Harika bir makale olmuş ellerinize sağlık. Peki hocam android player ile ilgili de bir makaleniz var mı ya da bu konuda da bir makale yazabilirseniz çok iyi olurdu. Teşekkürler.

  3. Hocam elinize sağlık bu konuyla ilgili çok az makale var. Hocam bu sistemi hostinge kurdunuz mu ?

    Ben kurulum yapmayı denedim 2.x.x sürümlerinde hiçbir hata olmadan kurulum yapılabiliyor. Ancak 3.0.x sürümlerinde bir türlü kurulum yapamadım. Deneme şansınız oldumu veya bu konuda bilginiz var mı ?

    Teşekkür ederim.

  4. merhaba ; elinize sağlık uzun süre sonra bu sistem lazım oldu yönergelerinizi harfiyen takip ettim ancak son domain konusunda kaldım. ben vmware da ubuntu üzerinde kurulumu yaptım. ancak domain kısmını anlamadım. ben localde çalıştırmak istiyorum bu sistemi. geldiğim noktada 127.0.0.1 adresi ile deniyorum ancak malesef çalışmadı. reel bir domain olmadan bu işleri ip ile yada localhost ile nasıl çalıştırıcam

  5. Merhaba,

    Windows arayüzde çok güzel ve stabil çalıştı.
    Browser üzerinden direk çalışmıyor sanırım, adres girişi yaparak.

  6. Merhabalar, oncelikle cok tesekkur ederim. Xibo’nun sayfasina girildiginde client icin 14 gunluk deneme surumu icin uygulama indiriyor. Son zamanlarda kullanan var mi ? Demo olmaksizin kullanilabiliyor mu ?

  7. selamlar kurulum yapmak istediğimde nano /etc/apache2/sites-available/000-default.conf komutunu yazıp kaydet dediğimde “”Error writing /etc/apache2/sites-avaible/000-default.conf: Permission denied “” şeklinde hata alıyorum yardımcı olursanız çok ama çok sevinirim.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu