Digital Signage mit Joomla

quatscher · 21. Oktober 2016

Digital Signage mit Joomla

Hallo Joomla-Gemeinde,

die Überschrift klingt wahrscheinlich etwas skurril, aber so abwegig finde ich das gar nicht. Aber von vorne…

Wir sind eine kleine Werkstatt für behinderte Menschen, und betreiben einen Begrüßungsbildschirm im Eingangsbereich. Momentan besteht dieser aus einem PC mit Xampp. Auf dem angeschlossenen großen Bildschirm werden 4-5 php-Seiten (u. a. auch ein Nachrichtenscript) dargestellt, die per „meta-Forwarding“ weitergeleitet werden und somit quasi „im Kreis“ laufen. Funktioniert seit 2 Jahren gut, leider sind momentan keine zeitgesteuerten Änderungen möglich.

Die Homepage unserer Einrichtung habe ich mit Joomla realisiert, da ich einige Erfahrung damit habe. Teile der Homepage werden von unseren Klienten gepflegt, daher kommt die Idee auch den Begrüßungsbildschirm von den Klienten, die Joomla-Redakteur sind mit pflegen zu lassen.

Es gibt zwar spezialisierte CMS, die sind alle aber ziemlich kompliziert zu bedienen, und ausreichende Joomla Kenntnisse sind ja vorhanden.

Man bräuchte ein relativ einfaches Template, was nur auf einer Bildschirmgröße dargestellt werden muss, kein Menü und ein Modul wo Beiträge z.B. alle 10 Sek wechseln.

Meine Frage wäre jetzt: Hat schonmal jemand so etwas gemacht? Oder hat jemand Anregungen oder Tipps auf was ich noch achten sollte oder Template- oder Modultipps?

Vielen Dank fürs Lesen und viele Grüße

quatscher

Indigo66 · 21. Oktober 2016

Ich habe sowas schon mal auf joomlabasis realisiert.
Mit 2 Bildschirmen, die jeweils den selben und eigenen separaten Content ausgegeben haben.

Das Prinzip ist einfach. Du benötigst ein Template, welches nur eine Modulposition hat. Den Inhalt lässt Du über einen Contentslider ausgeben.
Neue Nachrichten werden leider nicht adhoc augeliefert, dafür habe ich einen Metarefresh von 60min eingebaut.

Den Browser habe ich dafür im Kino-Mode eingestellt. Das lief damals über ein Firmennetzwerk und so konnte ein Redakteur einfach beide Screen mit Inhalten (Kategorisiert) füllen. Das ist jetzt auch schon wieder 10 Jahre her. Sicherlich kann man das noch verfeinern und mit heutigen Standarts professioneller machen.

Die Ausgabe muss natürlich angepast werden um alle Infos auf einen Screen zu bekommen. Nichts ist schlimmer, als wenn Inhalte abgeschnitten werden.

Wenn Du Dich mit Joomnla aiskennst, bekommst Du das hin.

quatscher · 26. Oktober 2016

Indigo66: Danke für deine schnelle Antwort!

Ich bin fast am Ziel, nur eins funktioniert nicht...

Wenn ich ich in meinem (rudimentären) Template im <head> mit

Code

<meta http-equiv="refresh" content="300; URL=http://localhost/joomla/index.php">

ein Reload nach einer Stunde (Um neue Nachrichten aus dem RSS-Feed abzurufen) meiner Seite "erzwinge" funktioniert das nicht.

Ich habe zum Testen mal eine test.php angelegt in dem ich nur den Template-<head> (<body> einfach leer gelassen) einkopiert habe. Auch hier keine Weiterleitung.

Woran könnte das liegen?

Vielen Dank und viele Grüße

-quatscher-

Indigo66 · 26. Oktober 2016

Ich vermute mal, Dein Template ist nicht joomlakonform.
Fehlt Dir evtl: <jdoc:include type="head" />

Zitat von quatscher

Wenn ich ich in meinem (rudimentären) Template im <head> mit
Quellcode

<meta http-equiv="refresh" content="300; URL=http://localhost/joomla/index.php">

ein Reload nach einer Stunde (Um neue Nachrichten aus dem RSS-Feed abzurufen) meiner Seite "erzwinge" funktioniert das nicht.

300 sind ja auch nur 5 Minutern. 60 Minuten sind 3600 Sekunden.
Versuche es testweise mit kürzeren Zeiten und mit einer relativen URL

Code

<meta http-equiv="refresh" content="3; URL=/joomla/">

Ansonsten schau mal hier http://stackoverflow.com/quest…/meta-refresh-doesnt-work

Edit: Test im Protostar unter XAMPP:

Code

<head>
    <meta http-equiv="refresh" content="3; URL=http://localhost/master/">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <jdoc:include type="head" />
</head>

funktioniert tadellos.

quatscher · 27. Oktober 2016

@Indigo: danke für deinen Tipp!

Leider bekomme ich es einfach nicht hin... Dabei ist es egal ob ich eine relative oder absolute Url als Weiterleitungsziel definiere...
Die index.php meines Templates:

Spoiler anzeigen

Die Quelltext-Ausgabe im Browser:

Spoiler anzeigen

HTML

<!doctype html>


<html lang="de-de">


<head>
   <base href="http://localhost/joomla/" />
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <meta name="author" content="Super User" />
 <title>Home</title>
 <link href="/joomla/templates/begguessungsbildschirm_weiterleitung/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
 <link rel="stylesheet" href="/joomla/templates/begguessungsbildschirm_weiterleitung/css/template.css.php" type="text/css" />
 <script src="/joomla/media/jui/js/jquery.min.js" type="text/javascript"></script>
 <script src="/joomla/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
 <script src="/joomla/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>
 <script src="/joomla/media/system/js/caption.js" type="text/javascript"></script>
 <script src="/joomla/templates/begguessungsbildschirm_weiterleitung/js/logic.js" type="text/javascript"></script>
 <script type="text/javascript">
jQuery(window).on('load',  function() {
    new JCaption('img.caption');
   });
 </script>


  <meta http-equiv="refresh" content="3; URL=/joomla/extern.html">
</head>

<body class="front home ">


<div id="herzlich-willkommen">
Herzlich willkommen
<div>


<div id="wrapper">


 <div id="section-wrapper">



  <section id="content">


          <div id="system-message-container">
 </div>

             <div class="item-page" itemscope itemtype="https://schema.org/Article">
 <meta itemprop="inLanguage" content="de-DE" />
 


 
 

        <div itemprop="articleBody">
  <p>  <div class="moduletable">
      "Das Glück ist das einzige, das sich verdoppelt, wenn man es teilt."<br><br><br><i>Albert Schweitzer</i>  </div>
 </p> </div>


 
       </div>


  </section>
 </div>
</div>
 
  <div id="footer">
   <div class="LeoClock"style="text-align: right"><span style="margin-right: 40px; display: inline-block;" id="leoClockTime_datum_und_uhrzeit" class="LeoClock_time"></span><span style="margin-right: 40px; display: inline-block;" id="leoClockDate_datum_und_uhrzeit" class="LeoClock_date"></span></div><script type="text/javascript" > 
 var currentTime_datum_und_uhrzeit = new Date("October 27, 2016 12:05:37"); 
 var format_datum_und_uhrzeit = "24h";
 var seconds_datum_und_uhrzeit = "yes";
 var date_datum_und_uhrzeit = "format3";
 var leadingZeros_datum_und_uhrzeit = "yes";
 
 var jstime_datum_und_uhrzeit = new Date().getTime()-1000;

 function leoClockUpdate_datum_und_uhrzeit(){
  jstime_datum_und_uhrzeit=jstime_datum_und_uhrzeit+1000;
  var jsnow_datum_und_uhrzeit = new Date().getTime();
  var offset_datum_und_uhrzeit=jsnow_datum_und_uhrzeit-jstime_datum_und_uhrzeit;
  if(offset_datum_und_uhrzeit>1000){
   jstime_datum_und_uhrzeit=jstime_datum_und_uhrzeit+offset_datum_und_uhrzeit;
   var offsetseconds_datum_und_uhrzeit=Math.round(offset_datum_und_uhrzeit/1000);
   currentTime_datum_und_uhrzeit.setSeconds(currentTime_datum_und_uhrzeit.getSeconds()+offsetseconds_datum_und_uhrzeit);
  }


  currentTime_datum_und_uhrzeit.setSeconds(currentTime_datum_und_uhrzeit.getSeconds()+1);
  var currentHours_datum_und_uhrzeit = currentTime_datum_und_uhrzeit.getHours();   
  var currentMinutes_datum_und_uhrzeit = currentTime_datum_und_uhrzeit.getMinutes();
  var currentSeconds_datum_und_uhrzeit = currentTime_datum_und_uhrzeit.getSeconds();


  // Handles 12h format
  if(format_datum_und_uhrzeit=="12h"){  
   //save a AM/PM variable
   if(currentHours_datum_und_uhrzeit<12){
    var ampm_datum_und_uhrzeit = "AM";
   } else{
    var ampm_datum_und_uhrzeit = "PM";
   }
   if(currentHours_datum_und_uhrzeit>12){
    currentHours_datum_und_uhrzeit=currentHours_datum_und_uhrzeit-12;
   }

    //convert 0 to 12
   if(currentHours_datum_und_uhrzeit==0){
    currentHours_datum_und_uhrzeit=12;
   }
  }


  // Pad the hours, minutes and seconds with leading zeros, if required
  if(leadingZeros_datum_und_uhrzeit=="yes"){
   currentHours_datum_und_uhrzeit = ( currentHours_datum_und_uhrzeit < 10 ? "0" : "" ) + currentHours_datum_und_uhrzeit;
  }
  if(leadingZeros_datum_und_uhrzeit=="yes"||leadingZeros_datum_und_uhrzeit=="nothour"){
   currentMinutes_datum_und_uhrzeit = ( currentMinutes_datum_und_uhrzeit < 10 ? "0" : "" ) + currentMinutes_datum_und_uhrzeit;
   currentSeconds_datum_und_uhrzeit = ( currentSeconds_datum_und_uhrzeit < 10 ? "0" : "" ) + currentSeconds_datum_und_uhrzeit;
  }

  // Compose the string for display
  var currentTimeString_datum_und_uhrzeit = currentHours_datum_und_uhrzeit + ":" + currentMinutes_datum_und_uhrzeit;
  // Add seconds if that has been selected
  if(seconds_datum_und_uhrzeit=="yes"){
   currentTimeString_datum_und_uhrzeit = currentTimeString_datum_und_uhrzeit + ":" + currentSeconds_datum_und_uhrzeit;
  }
  // Add AM/PM if 12h format
  if(format_datum_und_uhrzeit=="12h"){
   currentTimeString_datum_und_uhrzeit = currentTimeString_datum_und_uhrzeit + " " + ampm_datum_und_uhrzeit;
  }

  // Handle date formating
  if(date_datum_und_uhrzeit!="no"){
   var date = currentTime_datum_und_uhrzeit.getDate();
   var month = currentTime_datum_und_uhrzeit.getMonth()+1;
   var year = currentTime_datum_und_uhrzeit.getFullYear();
   var day = currentTime_datum_und_uhrzeit.getDay();
   var textMonth = "null";

   if(day==1){ day="Montag, der";}
   if(day==2){ day="Dienstag, der";}
   if(day==3){ day="Mittwoch, der";}
   if(day==4){ day="Donnerstag, der";}
   if(day==5){ day="Freitag, der";}
   if(day==6){ day="Samstag, der";}
   if(day==0){ day="Sonntag, der";}

   if(month=="1"){ textMonth="Januar";}
   if(month=="2"){ textMonth="Februar";}
   if(month=="3"){ textMonth="März";}
   if(month=="4"){ textMonth="April";}
   if(month=="5"){ textMonth="Mai";}
   if(month=="6"){ textMonth="Juni";}
   if(month=="7"){ textMonth="Juli";}
   if(month=="8"){ textMonth="August";}
   if(month=="9"){ textMonth="September";}
   if(month=="10"){ textMonth="Oktober";}
   if(month=="11"){ textMonth="November";}
   if(month=="12"){ textMonth="Dezember";}

   if(leadingZeros_datum_und_uhrzeit=="yes"){
    if(month<10) month="0" + month;
    if(date<10) date="0" + date;
   }

   //Compose date string
   switch (date_datum_und_uhrzeit){
    case "format1":
     currentDate_datum_und_uhrzeit=year + "-" + month + "-" + date;
     break;
    case "format2":
     currentDate_datum_und_uhrzeit=year + "/" + month + "/" + date;
     break;
    case "format3":
     currentDate_datum_und_uhrzeit=date + "." + month + "." + year;
     break;
    case "format4":
     currentDate_datum_und_uhrzeit=month + "/" + date + "/" + year;
     break;
    case "format5":
     currentDate_datum_und_uhrzeit=date + " " + textMonth;
     break;
    case "format6":
     currentDate_datum_und_uhrzeit=day + " " + date + " " +textMonth;
     break;
    case "format7":
     currentDate_datum_und_uhrzeit=textMonth + " " + date;
     break;
    case "format8":
     currentDate_datum_und_uhrzeit=textMonth + " " + date + ", " + year;
     break;
    case "format9":
     currentDate_datum_und_uhrzeit=day + " " + textMonth + " " + date;
     break;
   }
  }

  // Update the time display
  document.getElementById("leoClockTime_datum_und_uhrzeit").innerHTML = currentTimeString_datum_und_uhrzeit; 
  if(date_datum_und_uhrzeit!="no"){
   document.getElementById("leoClockDate_datum_und_uhrzeit").innerHTML = currentDate_datum_und_uhrzeit;
  }
 }
 
 leoClockUpdate_datum_und_uhrzeit();
 setInterval('leoClockUpdate_datum_und_uhrzeit()', 1000);
</script>  
  </div>
</body>
</html>

Alles anzeigen

Könnte das evtl etwas mit dem Javascript von der Uhr zu tun haben...?

Vielen Dank nochmal und viele Grüße

quatscher

CurlY BracketS · 27. Oktober 2016

Code

<meta http-equiv="refresh" content="3;URL='http://localhost/joomla/extern.html/'"/>

Man bemerke, dass der Inhalt der URL in zusätzliche einfache Gänsefingerchen gehört. Sieht man im Beispiel nicht so gut.

quatscher · 27. Oktober 2016

CurlY BracketS: Vielen Dank für deinen Tipp!

Ich habe deinen Code-Schnipsel nochmal komplett über meinen kopiert, aber irgendwie läufts trotzdem nicht.

CurlY BracketS · 27. Oktober 2016

So, ich hab das jetzt zuhause auf meinem Wampserver probiert mit folgendem Eintrag ind den <head> Bereich der index.php (Template Protostar)

PHP

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <jdoc:include type="head" />


<meta http-equiv="refresh" content="3;URL=http://joomla/test.html"/>

<!--[if lt IE 9]><script src="<?php echo JUri::root(true); ?>/media/jui/js/html5.js"></script><![endif]-->
</head>

Offenbar sind in HTML 5 die extra Gänsefinger nicht notwendig. Jedenfalls: Es funzt. (Wampserver verwendet VHosts, deshalb das http : // joomla/)

Lui_brempt · 27. Oktober 2016

Welcher Browser wird verwandt?

Zitat von quatscher

<div id="herzlich-willkommen">
Herzlich willkommen
<div>

fehlender / beim schließenden Tag sollte nicht der Grund sein.

quatscher · 27. Oktober 2016

CurlY BracketS: Vielen, vielen Dank!!! Es funktioniert - da wäre ich im leben nicht drauf gekommen...

Lui_brempt: Vielen Dank für deinen Hinweis, ich habs geändert. (Verwendeter Browser IE12 auf Win7)

Vielen Dank nochmal und viele Grüße

quatscher