Raspberry Pi - Einstieg, Optimierung, Projekte

      -           new TWTR.Widget({
      -              version: 2,
      -              type: 'search',
     20              search: 'maik_schmidt pragprog raspberrypi',
      -              interval: 10000,
      -              title: 'Have Fun With The Raspberry Pi',
      -              subject: 'Raspberry Pi: A Quick-Start Guide',
      -              width: 1700,
      25             height: 800,
      -              theme: {
      -                 shell: {
      -                    background: '#8ec1da',
      -                    color:  '#ffffff'
      30                },
      -                 tweets: {
      -                    background: '#ffffff',
      -                    color: '#444444',
      -                    links:  '#1985b5'
      35                }
      -              },
      -              features: {
      -                 scrollbar: false,
      -                 loop:  true,
      40                live:  true,
      -                 behavior: 'default'
      -              }
      -           }).render().start();
      -        
      45    
      -
      -     
      -     
      -  
    Die Twitter-Website generiert den kompletten JavaScript-Code für Sie. Sie müssen nur etwas Basis-HTML hinzufügen. Die Zeilen 4 bis 10 enthalten außerdem Stilvorlagen, um das Widget zu zentrieren. Wenn Sie das Widget später neu konfigurieren, müssen Sie es nicht erneut generieren. Die wichtigsten Konfigurationsparameter befinden sich in den Zeilen 20 bis 25. Hier können Sie den Widget-Titel, die Suchbegriffe, seine Abmessungen und das Aktualisierungsintervall angeben. Das Aktualisierungsintervall müssen Sie in Millisekunden festlegen. Beachten Sie, dass Twitter das Intervall nicht garantiert. Das Widget könnte also auch weniger häufig aktualisiert werden, als Sie es gern möchten.
    Um den Widget-Code auf den Pi zu bekommen, öffnen Sie einen Texteditor wie
nano
und geben Sie ihn ein. Einfacher ist es jedoch, das Zip-Archiv, das den Quellcode dieses Buchs enthält, von der Begleitwebsite 3 herunterzuladen. In der Voreinstellung lädt Midori alle Dateien in das
/tmp
-Verzeichnis herunter. Öffnen Sie also, nachdem Midori die Datei heruntergeladen hat, ein Terminalfenster und geben Sie die folgenden Befehle ein:
    pi@raspberrypi ~ $
 
cd /tmp
pi@raspberrypi ~ $
 
unzip msraspi-code.zip
    Jetzt finden Sie den Widget-Code unter
/tmp/code/kiosk/widget.html
. Bevor Sie ihn in Midori ausführen, öffnen Sie ihn mit einem Texteditor wie
nano
und passen Sie den Suchbegriff, die Breite und die Höhe wie gewünscht an.
    pi@raspberrypi ~ $
 
nano /tmp/code/kiosk/widget.html
    Wenn Sie mit Ihren Anpassungen fertig sind, drücken Sie in
nano
Strg-X, bestätigen zunächst, dass Sie Ihre Änderungen speichern möchten, und dann bestätigen Sie noch den Dateinamen.
    Um das Kiosk-Widget auszuführen, starten Sie den LXDE-Desktop auf Ihrem Pi und danach den Midori-Browser. Anschließend wählen Sie in Midori das Menü
Öffnen
und die Datei mit dem Widget-Code aus. Das Widget wird sofort gestartet. Um einen Gesamteindruck zu bekommen, sollten Sie jedoch mit F11 den Vollbildmodus von Midori aktivieren.
    Das Widget bedeckt jetzt den gesamten Bildschirm und aktualisiert sich automatisch. Mit Strg-+ können Sie die Schriftgröße vergrößern. Ohne eine einzige Zeile Code zu schreiben, haben wir den Pi in ein Kiosk-System verwandelt.
5.2 Webseiten automatisch aktualisieren
    Das Twitter-Widget aus dem vorherigen Abschnitt hat eine nette Funktion: Es aktualisiert den Inhalt automatisch mittels JavaScript. Das bieten uns leider nicht alle Webseiten, sodass wir einige von ihnen selbst aktualisieren müssen. Eine Lösung besteht darin, ein Meta-Tag im Head-Abschnitt der HTML-Seite