• Skyltprojektet så blev resultatet

    Tidigare i år skrev vi om hur man bygger en digitald skylt baserad på Linux och öppen källkodsmjukvara. Vi använde Word Press som mjukvara, firefox som webläsare och debian som OS.

    I del 1 av artikeln beskrev vi hur man konfigurerar Linux för att starta Firefox i kioskläge.

    I del 2 av artikeln förklarade vi hur man kan använda WordPress som mjukvara för att presentera innehållet.

    Så här fungerar det: Firefox laddar hemsidan i kioskläge (kioskläge innebär att Firefox startar i fullskärmsläge). Ett cron-jobb simulerar att F5-tangenten trycks varannan minut, vilket innebär att sidan laddas om. Om man till exempel byter startsida i WordPress, kommer den nya sidan att laddas om automatiskt.

    Vad fungerade mindre bra?

    Att skapa en dörrskylt med en skärm för 1 300 kronor fungerade inte så bra i starkt solljus. Men det är en kostnadsfråga. En skärms ljusstyrka mäts i nits, och utomhusskärmar är inte billiga.

    Den mekaniska konstruktionen:

    Datorn Zimblade Är fäst med buntband i plastchassit som har 3D printas för ändamålet. Notera att vi bara har en 240 v strömsladd till USB C AC adapter som matar både skrämen och datorn med ström. Hela paktet väger ca 0,5 kg.

    Vi 3D-printade ett ”chassi” för skärmen och på baksidan av ramen hängdes Zimblade datorn. Se bilden ovan.

    Skärmen hängdes i vanliga nylonsnören och dubbelhäftande tejp fixerade den mot fönstret.

    Som beskrevs i tidigare artiklar försökte vi lösa detta med en Raspberry Pi 4, det fungerade inte så bra.

    Även om ”skylten” inte kräver mycket kraft, så förbrukar den en del minne. En sak vi fick göra var att skaffa ett litet USB Nano Wi-Fi-nätverkskort ( Finns att köpa på amazon för ca 100:- ) . En av nackdelarna med Zimaboard är att den kommer utan inbyggt Wi-Fi.

    Debian vs. annan Linux-distribution

    Vi valde Debian eftersom den kan installeras i ett rent skick, så man kan enkelt installera just de komponenter som behövs. Detta för att spara minne. I vårt fall är minne inget problem, då vi satte in 16 GB DDR3-minne i Zimaboard. Installationen tar upp 712 MB RAM när den i princip bara kör Firefox i kioskläge. På disken tar installationen upp cirka 6,1 GB.

    Andra tillämpningar:

    Man kan till exempel använda en gammal laptop som skylt. Antingen använder man laptopens egen skärm eller kopplar en platt-TV till datorn. Vi gjorde detta med en gammal HP-laptop som ursprungligen var byggd för Windows Vista. Allt beror alltså på vad man ska använda apparaten till. Det finns gott om övergivna datorer och TV-apparater, vilket gör det möjligt att genomföra detta projekt till en ganska låg kostnad.


  • Gör din digitala skylt med Linux och annan öppen källkod mjukvara, del 2


    Nu har vi kommit fram till del 2 i vår artikelserie om att bygga en egen digital skylt.

    I del 1 gick vi igenom hur man konfigurerar Debian och startar Firefox i kioskläge.

    I denna del ska vi diskutera lite om vilken mjukvara man kan använda för sin digitala skylt. Det finns många webbapplikationer som är specialgjorda för digitala skyltar, och man kan även välja att göra en egen hemsida i vanlig HTML.

    Vi kommer dock att rekommendera att använda CMS:et WordPress av följande skäl:

    Fördelar:

    1. Det är lätt att installera.
    2. Det finns ett stort antal moduler tillgängliga, och det är relativt enkelt att göra egna anpassningar.
    3. Det är enkelt att ändra innehållet. Man behöver bara ändra startsidan.
    4. Det är gratis om man hostar det själv.

    Nackdelar:
    Det är inte riktig mjukvara för digitala skyltar, eftersom det inte är gjort för att hantera många budskap.

    Lokalhost eller fjärrhost:
    Om man kör lokalt på datorn, och väljer den hårdvara som nämns i tidigare inlägg, klarar den utan problem att köra både Apache och MySQL.

    En fördel med localhost är att man inte behöver ha en internetanslutning. Men en nackdel är att det inte är lika lätt att ändra innehållet när man är på resande fot.

    Om skylten ska placeras på en fysiskt otillgänglig plats måste man kunna komma åt datorn via något verktyg som till exempel AnyDesk, TeamViewer eller VNC.

    QR-koder:
    QR-koder har på senare tid fullkomligt exploderat i marknadsföringssammanhang. Kom dock ihåg att inte alla telefoner kan läsa QR-koder direkt i kameraappen; det fungerar på Apples telefoner, men på billigare Androidtelefoner från Kina fungerar det inte utan att man installerar en app, vilket kan vara krångligt.

    Se till att URL:en i QR-koden går direkt till din hemsida och inte via någon tredjepartstjänst på nätet. Gratis tjänster på nätet tenderar att bli betaltjänster eller försvinna helt.

    Gör inte det klassiska misstaget att trycka QR-koden på något som reflekterar, till exempel glas, eftersom det gör QR-koden oanvändbar.

    Om du använder QR-koder i olika sammanhang, till exempel på trycksaker eller skyltar, kan det vara en bra idé att lägga till en specifik parameter i URL:en, såsom http://dinhemsida.se?ref=kod. Här bör ”kod” vara en unik identifierare för den specifika trycksaken eller skylten där QR-koden finns. På detta sätt kan du enklare spåra trafiken och se varifrån dina besökare kommer.

    Klart för driftsättning:
    Nu har du installerat din WordPress antingen på en host utanför ditt nätverk eller på den dator som ska sköta skylten.

    Uppdatering av hemsidan:
    I föregående inlägg finns ett script som skickar F5 (Trycker man F5 så updateras hemsidan) regelbundet, om man lägger upp det som ett cronjobb. Ett tips är att låta det köras i bakgrunden, annars måste man lägga till JavaScript som uppdaterar hemsidan.

    Om du tänker på detta behöver du bara ändra startsidan i WordPress, så uppdateras allt automatiskt.

    Kalibrera in skärmen:
    Testa om all information får plats på din ”skylt”. Det blir inte bra om det uppstår en situation där man måste scrolla för att se hela budskapet.

    Ett tips kan också vara ställa in zoomen på skärmen, om man inte har TGB och mus kopplat till datorn. Så kan dessa skript hjälpa till.

    nano ~/zoom_in_firefox.sh

    #!/bin/bash
    # Fokusera Firefox-fönstret
    xdotool search --onlyvisible --class "firefox" windowactivate
    # Simulera Ctrl + +
    xdotool key ctrl+plus
    

    nano ~/zoom_out_firefox.sh

    #!/bin/bash
    
    # Fokusera Firefox-fönstret
    xdotool search --onlyvisible --class "firefox" windowactivate
    
    # Simulera Ctrl + -
    xdotool key ctrl+minus
    
    Gör filerna ovan körbara med 
    chmod +x ~/filname
    

    Så här installera man Word Press på Ubuntu,Debian eller Fedora

    Installationen av WordPress på Ubuntu eller Fedora involverar flera steg, inklusive installation av en webbserver, databas och PHP. Här är en steg-för-steg guide för hur du kan installera WordPress på både Ubuntu och Fedora:

    För Ubuntu / Debian:

    Steg 1: Uppdatera systemet

    sudo apt update
    sudo apt upgrade

    Steg 2: Installera LAMP-stacken (Linux, Apache, MySQL, PHP)

    sudo apt install apache2 mysql-server php php-mysql libapache2-mod-php

    Steg 3: Starta och aktivera Apache och MySQL

    sudo systemctl start apache2
    sudo systemctl enable apache2
    sudo systemctl start mysql
    sudo systemctl enable mysql

    Steg 4: Säkra MySQL-installationen

    sudo mysql_secure_installation

    Följ instruktionerna för att sätta ett root-lösenord och justera andra säkerhetsinställningar.

    Steg 5: Skapa en databas för WordPress

    sudo mysql -u root -p

    I MySQL-prompten, skriv:

    CREATE DATABASE wordpress;
    CREATE USER 'wordpressuser'@'localhost' IDENTIFIED BY 'password';
    GRANT ALL PRIVILEGES ON wordpress.* TO 'wordpressuser'@'localhost';
    FLUSH PRIVILEGES;
    EXIT;

    Steg 6: Installera WordPress

    cd /tmp
    wget https://wordpress.org/latest.tar.gz
    tar -xzvf latest.tar.gz
    sudo mv wordpress /var/www/html/

    Steg 7: Konfigurera Apache för WordPress
    Skapa en konfigurationsfil för WordPress i Apache:

    sudo nano /etc/apache2/sites-available/wordpress.conf

    Lägg till följande innehåll:

    <VirtualHost *:80>
        ServerAdmin webmaster@localhost
        DocumentRoot /var/www/html/wordpress
        ErrorLog ${APACHE_LOG_DIR}/error.log
        CustomLog ${APACHE_LOG_DIR}/access.log combined
    </VirtualHost>

    Aktivera konfigurationen och omskrivningsmodulen:

    sudo a2ensite wordpress
    sudo a2enmod rewrite
    sudo systemctl restart apache2

    Steg 8: Konfigurera WordPress
    Gå till http://din_server_ip/wordpress och följ installationsguiden på webben.

    För Fedora:

    Steg 1 till 5 är liknande för Fedora men använder dnf istället för apt och har vissa skillnader i paketnamn och hantering:

    Installera LAMP-stacken

    sudo dnf install httpd mariadb-server php php-mysqlnd
    sudo systemctl start httpd
    sudo systemctl enable httpd
    sudo systemctl start mariadb
    sudo systemctl enable mariadb
    sudo mysql_secure_installation

    Skapa en databas för WordPress, som beskrivet ovan.

    Steg 6 till 8 är i princip samma, med undantag för små skillnader i hantering av tjänster och konfigurationsfiler på Fedora.

    Efter att ha följt dessa steg ska du ha en fungerande WordPress-installation på din Ubuntu,Debian- eller Fedora-server.

  • Så bygger du din digitalaskylt med Linux.

    Kom och köp konserverad gröt”

    Digitala skyltar: Utmaningar och lösningar

    Digitala skyltar har funnits i cirka 30 år och har blivit allt vanligare i vår vardag. De finns i tunnelbanor, på bussar och i butiker. Utmaningen har dock varit att utveckla dessa system till en rimlig kostnad.

    Behovet

    Många småföretagare som driver verksamheter beroende av väder eller andra variabler finner det stressande att ständigt behöva bemanna sina butiker. Att kunna informera kunder om ändrade öppettider och samtidigt synkronisera denna information med företagets webbplats är därför mycket värdefullt.

    Min lokala thailändska kiosk, som serverar utmärkt mat, har ibland svårt att informera om ändrade öppettider när de tar ledigt. Ofta använder de en papperslapp som fladdrar med vinden, och de glömmer att uppdatera hemsidan. En kund som möts av en stängd butik utan förklaring kommer troligen inte tillbaka. Att kunna lämna aktuell status om öppettider är ett bra sätt att behålla kunder.

    Tekniska utmaningar och lösningar

    Jag har funderat först på att återanvända paneler från skrotade laptops och använda en Raspberry Pi som dator. Det hade varit komplicerat eftersom elektroniken som krävs för att anpassa gamla laptopskärmar till en Raspberry Pi är otymplig. En surfplatta som tillåter installation av exempelvis Debian vore idealisk, men kräver en budget för att testa olika lösningar.

    På senare år har alternativa sekundära skärmar blivit tillgängliga. Dessa kan anslutas via USB-C eller HDMI och kräver minimalt med kablage, vilket är önskvärt då skylten ska hängas på en dörr. Jag började med Raspberry Pi Zero och Pi4 men fann att de var för långsamma. Istället valde jag ZimaBlade, som tillåter anpassning av RAM-minne och har en x86-baserad CPU. Den billigaste modellen kostar $79 och man behöver rusta ZimaBlad med RAM. Kostnad ytterligare 300:-

    Budget

    Jag strävar efter att hålla budgeten så låg som möjligt. Sekundära skärmar är numera prisvärda och finns i många varianter. En 16-tums sekundär mobilskärm ( Exempel på vad jag köpte hos amazon) som klarar 2,5k IPS kostar cirka 1300 kr på Amazon )

    ZimaBlade datorn med 16 GB RAM kostar cirka 1300 kr. Kostnaden kan pressas ytterligare genom att hitta en billigare skärm eller använda Raspberry Pi Zero och acceptera dess långsammare prestanda. Man kan även använda en gammal laptop, beroende på ambitioner och förutsättningar.

    Installation av operativsystem

    Om man vill öva först kan det vara en bra idé att göra detta i en virtuell maskin, exempelvis med VirtualBox.

    Som standard är debian inte inställd på sudo, så ett tips det att de kommando nämns nedan kör dem som root direkt istället. Där det står sudo , skriv su – först.

    1. Installera Debian utan grafisk miljö. ( Länkar finns här )
    2. När installationen är klar, logga in som den användare du valde under installationen och skriv följande kommandon:
       sudo apt update
       sudo apt install openssh-server net-tools xorg openbox firefox-esr unclutter xdotool
    1. Skapa nödvändiga konfigurationsfiler och lägg till rader för att starta Firefox i kiosk-läge:

      Dessa kommando kör du som den användare som skall köra firefox .
       mkdir -p ~/.config/openbox
       cp /etc/xdg/openbox/autostart ~/.config/openbox/
       nano ~/.config/openbox/autostart

    Lägg till raden:

    firefox-esr --kiosk "http://dinwebbsida.se" &
    unclutter -idle 0 &

    Skapa och redigera .xinitrc-filen:

       nano ~/.xinitrc

    Lägg till raden: exec openbox-session

    1. För att starta X vid inloggning, redigera .profile:
       nano ~/.profile

    Lägg till följande rader:

       if [ -z "$DISPLAY" ] && [ "$(tty)" = "/dev/tty1" ]; then
       startx
       fi
    1. För automatisk inloggning:

    sudo mkdir /etc/systemd/system/getty@tty1.service.d/

       sudo nano /etc/systemd/system/getty@tty1.service.d/override.conf
    
    Lägg till följande rader:
       [Service]
       ExecStart=
       ExecStart=-/sbin/agetty --autologin yourusername --noclear %I $TERM

    Ladda om systemet:

       sudo systemctl daemon-reload
       sudo systemctl enable getty@tty1

    Automatisk uppdatering av information

    För att skylten ska uppdateras automatiskt och regelbundet används ett cron-jobb som utför följande skript:

    #!/bin/bash
    export DISPLAY=:0
    xhost +
    xdotool key --clearmodifiers F5
    
    Lämpligen spara ovanstående script som AutoUpdate
    
    Skriv 
    
    chmod +x AutoUpdate
    crontab -e
    
    Lägg till följande rader
    */2 * * * * /home/dittusernamne/AutoUpdate

    Detta skript uppdaterar automatiskt sidan i de intervaller som valts i cron-jobbet, vilket säkerställer att informationen på skylten alltid är aktuell.

    WordPress

    När dörrskylten startar, kommer den att öppna Firefox i kiosk-läge och ladda en förbestämd hemsida. WordPress är ett populärt verktyg för att skapa hemsidor och tillåter enkelt tillägg av plugins. Man kan skapa mallar för olika tillfällen, som exempelvis vid stängning över julen eller vid sjukdom.

    Vi återkommera senare i annat inlägg hur man kan konfiguera word press som t.ex som dörrskylt

    Slutord:

    Tänk på att det finns gott om elektronik som säljs via second handbutiker som till exempel Stadsmissionen och Myrorna. En 15 år gammal dator duger ofta alldeles utmärkt för detta ändamål.

    De förhållanden som fanns kring mitt projekt krävde att enheten skulle kunna hängas på en dörr. Därför var vikten avgörande.

    Del 2 av denna artikel

Etikett: skylt

  • Skyltprojektet så blev resultatet

    Tidigare i år skrev vi om hur man bygger en digitald skylt baserad på Linux och öppen källkodsmjukvara. Vi använde Word Press som mjukvara, firefox som webläsare och debian som OS. I del 1 av artikeln beskrev vi hur man konfigurerar Linux för att starta Firefox i kioskläge. I del 2 av artikeln förklarade vi…

  • Gör din digitala skylt med Linux och annan öppen källkod mjukvara, del 2

    Nu har vi kommit fram till del 2 i vår artikelserie om att bygga en egen digital skylt. I del 1 gick vi igenom hur man konfigurerar Debian och startar Firefox i kioskläge. I denna del ska vi diskutera lite om vilken mjukvara man kan använda för sin digitala skylt. Det finns många webbapplikationer som…

  • Så bygger du din digitalaskylt med Linux.

    Digitala skyltar: Utmaningar och lösningar Digitala skyltar har funnits i cirka 30 år och har blivit allt vanligare i vår vardag. De finns i tunnelbanor, på bussar och i butiker. Utmaningen har dock varit att utveckla dessa system till en rimlig kostnad. Behovet Många småföretagare som driver verksamheter beroende av väder eller andra variabler finner…