Pentaho-BI-Server: Layout-Änderungen

Wenn man den Server firmenintern nutzen möchte, dann sollen die Mitarbeiter natürlich mit dem eigenen „Corporate Design“ begrüßt werden. Ich gehe in diesem Artikel die verschiedenen Seiten des Demo-Servers durch, schaue, welche Dateien jeweils für Änderungen anzufassen sind und hoffe, dabei einiges über den Aufbau des Systems zu lernen. Los geht’s!

Die Login-Seite

Pentaho-Server, erstes LoginDies ist der erste Kontakt des Users mit unserem Server. Oben ist ein grüner Balken, oben rechts ein Pentaho-Logo, links gibt es aktuelle Pentaho-News, die von einem externen Server gezogen werden (sie erscheinen also auch nur, wenn mein Test-Rechner eine Internet-Verbindung hat) und rechts ist die Login-Maske, bei der oben über ein Dropdown-Feld gültige Logins inklusive Passwort gewählt werden können.

Welche Dateien definieren diese Seite? 

Die HTML-Bestandteile und ein Bisschen Logik kommen aus der Datei C:\pentaho\pentaho-demo\jboss\server\default\deploy\pentaho.war\jsp\Login.jsp. In der Datei kann man das Layout der Login-Seite völlig auf den Kopf stellen, einfache HTML-Kenntnisse reichen dafür aus. Ein paar Hinweise zum Inhalt:

  • Äußerer Rahmen
    Noch bevor die ersten HTML-Tags in der JSP-Datei auftauchen, wird in den Zeilen 79 bis 94 auf ein HTML-Template verwiesen. Dieses Template definiert den äußeren Rahmen um den eigentlichen Inhalt und findet sich unter C:\pentaho\pentaho-demo\pentaho-solutions\system\custom\template-login.html.
  • Login-Fehler
    Die Zeilen 107 bis 154 definieren eine Nachrichten-Box für den Fall eines Anmeldefehlers. Der Nachrichten-Text wird durch die Funktion in den Zeilen 246 bis 263 aufbereitet.
  • Pentaho-News
    In den Zeilen 158 bis 165 werden die Pentaho-News aus dem Internet geladen. Diesen Bereich sollte man im Life-Betrieb unbedingt entfernen, da sich der Seitenaufbau verzögert, wenn der Webserver, der die News liefert, nicht antwortet.
  • Veraltetes Tabellen-Layout
    In den Zeilen 174 bis 180 ist ein abschreckendes Beispiel für Seitenlayout mit Hilfe von Tabellen zu sehen. Der Login-Kasten mit seinen gerundeten Ecken wird also über eine Tabelle definiert. Web-Designer wissen, was zu tun ist.
  • Messages.getString()
    An einien Stellen des JSP-Files wird Text ausgegeben, der vorher mit der Methode getString() aus dem Messages-Objekt ausgelesen wird. Dabei handelt es sich im internationalisierte Texte. Die Texte, die dabei ausgegeben werden, finden sich im Ordner C:\pentaho\pentaho-demo\jboss\server\default\deploy\pentaho.war\WEB-INF\classes\org\pentaho\locale in den Dateien messages.properties (für die englischen Texte) und messages_*.properties (für Texte für andere Sprachen).
  • User-Dropdown
    Die Zeilen 204 bis 210 definieren das Dropdown-Feld zur Selektion eines gültigen Benutzers. Das macht nur für den reinen, lokalen Demo-Betrieb Sinn. Diese Zeilen sollten in allen anderen Fällen ersatzlos gestrichen werden.

Zur erwähnten Template-Datei für den äußeren Rahmen gibt es auch ein paar Hinweise:

  • XHTML
    Zu Beginn der Datei wird definiert, dass XHTML verwendet wird.
  • CSS-Stylesheet
    Es wird ein Stylesheet eingebunden, welches sich im Dateisystem unter C:\pentaho\pentaho-demo\jboss\server\default\deploy\pentaho-style.war\styles-new.css findet.
  • Favicon
    Das kleine Icon, welches vom Browser meist oben links neben dem Seitentitel angezeigt wird, findet sich unter C:\pentaho\pentaho-demo\jboss\server\default\deploy\pentaho-style.war\favicon.ico.
  • Java-Script
    Zu guter Letzt wird noch ein Standard-JavaScript eingebunden. Es findet sich unter C:\pentaho\pentaho-demo\jboss\server\default\deploy\pentaho-style.war\pentaho.js.

Jetzt fehlt nur noch der Footer. Dieser findet sich in der Datei C:\pentaho\pentaho-demo\pentaho-solutions\system\custom\template-footer.html.

4 Reaktionen zu “Pentaho-BI-Server: Layout-Änderungen”

  1. A.S.

    Darf man erfahren aus welchen Dokumenten diese Informationen gezogen wurden?

    Vielen Dank im Voraus!!

  2. colorfool

    Das habe ich mir nach dem Installieren des Demo-Servers selbst zusammengesucht. Generell sind die besten Quellen ansonsten das Pentaho-Wiki (http://wiki.pentaho.org/dashboard.action) und das Pentaho-Forum (http://forums.pentaho.org/). Welche Änderungsmöglichkeiten interessieren dich?

  3. A.S.

    Also ich würde gerne das allgemeine pentaho Design in ein corporate design umwandeln d.h. zumindest:

    - Login Page
    - „Home“ Page
    - „Solutions“ Page

    Bei den einzelnen Solutions kann man ja die template.html entsprechend anpassen aber das nützt nicht viel wenn man sich vorher durch das pentaho-theme durchklicken muss!!

    Vielen Dank im Voraus!

  4. ERNESTO


    Pillspot.org. Canadian Health&Care.Special Internet Prices.No prescription online pharmacy.Best quality drugs. Low price pills. Order pills online

    Buy:Prozac.Benicar.Female Cialis.Ventolin.Wellbutrin SR.Lipitor.Lipothin.Nymphomax.Seroquel.SleepWell.Acomplia.Advair.Lasix.Zetia.Aricept.Buspar.Amoxicillin.Cozaar.Female Pink Viagra.Zocor….

Einen Kommentar schreiben