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
Dies 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 unterC:\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 MethodegetString()aus demMessages-Objekt ausgelesen wird. Dabei handelt es sich im internationalisierte Texte. Die Texte, die dabei ausgegeben werden, finden sich im OrdnerC:\pentaho\pentaho-demo\jboss\server\default\deploy\pentaho.war\WEB-INF\classes\org\pentaho\localein den Dateienmessages.properties(für die englischen Texte) undmessages_*.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 unterC:\pentaho\pentaho-demo\jboss\server\default\deploy\pentaho-style.war\styles-new.cssfindet. - Favicon
Das kleine Icon, welches vom Browser meist oben links neben dem Seitentitel angezeigt wird, findet sich unterC:\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 unterC:\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.
Am 5. April 2008 um 16:47 Uhr
Darf man erfahren aus welchen Dokumenten diese Informationen gezogen wurden?
Vielen Dank im Voraus!!
Am 5. April 2008 um 23:06 Uhr
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?
Am 6. April 2008 um 19:46 Uhr
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!
Am 5. July 2010 um 18:05 Uhr
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….