Kapitel 17

In der Wirtschaft ist ein Unternehmen eine rechtlich, wirtschaftlich und finanziell selbstständige Wirtschaftseinheit mit einer eigenen Unternehmensleitung. Mit Unter­nehmen ist das aber immer so eine Sache. Ziel des Wirtschaftens ist normalerweise die Erzielung monetärer Gewinne. Dabei wird viel Wert auf Seriösität gelegt, um Ver­trauen beim Kunden zu wecken. Abhängig vom Produkt muss die Seriösität beim Betrachten der Website in kürzester Zeit im Kopf des Kunden verankert werden. Die Umsetzung dieser Seriösität auf Websites beschäftigt tausende Agenturen täglich und sicherlich noch auf Jahrzehnte hinaus.

Einen Ansatz zur Umsetzung dieses Anspruchs finden Sie im Template von Andy Miller!

17.2.1 Andy Miller

Andy Miller ein Programmierer und Webdesigner mit mehr als 10 Jahren Erfahrung in der professionellen Webanwendungsentwicklung.

Er ist Mitglied des Joomla! Development Teams und war bereits im Mambo Team. Bei der Joomla!-Entwicklung ist er hauptsächlich verantwortlich für die Benutzerschnitt­stelle, das Design und die Barrierefreiheit.

Andy hat sehr tiefgehende Erfahrungen mit Joomla!, besonders im Bereich der Tem­­plate-Entwicklung. Alle standardmäßig in Mambo und Joomla! ausgelieferten Admi­nistrator- und Frontend-Templates waren und sind von ihm (Benutzername rhuk)⁴.

Andy ist außerdem Gründer der Firma RocketTheme⁵. RocketTheme bietet in einem Abo-Modell monatliche neue Templates und eine Community zur Pflege und Weiter­entwicklung der vorhandenen Templates an. Die Foren dort können auch von »Nicht-Abonnenten« gelesen werden.

Abbildung 17.2: Versatility II von Andy Miller

Das Versatility II Template ist eine Weiterentwicklung des Versatility-Templates und technisch sehr ausgereift. Es bietet beispielsweise 15 Modulpositionen an, die alle natürlich nur dann auf der Website erscheinen, wenn die entsprechenden Module vorhanden sind. Durch diese Aufteilung ist das Template extrem flexibel.

Das Template hat vier verschiedene Menü-Optionen:

• SplitMenu,
• SuckerFish,
• drop-down menu,
• SuperSucker menu.

Außerdem können eigene oder Third Party-Menüsysteme über den Mechanismus eingebunden werden. In Abbildung 17.3 sehen Sie ein Beispiel mit dem Standard Joomla!-Menüsystem.

Abbildung 17.3: Menüsystem in Versatility II

Die Breite von Versatility II Template lässt sich in drei Stufen dynamisch von den Gäs­ten der Website verändern.

Die Schriftgröße von Versatility II Template lässt sich ebenfalls in drei Stufen dyna­misch von den Gästen der Website verändern.

»Die Idee war, ein schlichtes Template zu entwickeln, welches den wechselhaften Informationsständen und vielseitigen Informationsquellen einer NGO gerecht wird.

Abbildung 17.1: World Knowledge-Template

Hierzu wurde exemplarisch die imaginäre NGO World Knowledge erdacht, die sich dem Erhalt kultureller Wissensschätze und ihrer Verwahrung verschrieben hat.

17.1.2 Gestalterischer Ansatz

»Grau, teurer Freund, ist alle Theorie«. Mit diesem Goethe-Zitat im Rücken wurde ein freundliches Farbschema entwickelt, welches an Pergament erinnert und mit Biblio­theken, also Wissen assoziiert werden soll. Für wichtige Elemente und Orientierungs­hilfen wurde ein helles Türkis der Palette hinzugefügt. Diese im Layout heraus­­ragende Farbe symbolisiert das Wissen als solches und wird symbolisch in der Buchfarbe der jungen Frau im Headerbereich aufgegriffen.

Da NGOs häufig interkulturell agieren, ist das Layout nüchtern und übersichtlich gehal­ten. So bleibt gewährleistet, dass sich Menschen verschiedener Länder schnell zurecht­finden.

Als Schriftart wurde die Helvetica-Familie gewählt, welche nicht nur seit dem Web2.0-Hype wieder sehr populär ist, sondern auch für Kompetenz und Klarheit steht und auf fast allen Systemen vorhanden ist.

17.1.3 Struktureller Ansatz

Das Layout der Website gliedert sich in vier Teile. Den Headerbereich, die Naviga­­tionsleiste und den zweigeteilten Content-Bereich. Dieser beinhaltet neben den Arti­keln einen Bereich, in dem Bilder und kontextbezogene Informationen bzw. relevante Links enthalten sind.

Die linke Navigation enthält keine zweite Navigationsebene. Sie kann jedoch aus mehre­ren Navigationsbereichen zusammengesetzt sein (im Beispiel Present und Future). Um das Anliegen der Organisation direkt zu kommunizieren, wird direkt auf eine Seite ver­wiesen, welche den Menüpunkt als Artikel bzw. Blog vertieft. Alle tiefergehenden Informationen werden über kontextabhängige Links neben den Artikeln dargestellt bzw. direkt im Artikel verlinkt. So bleibt gewährleistet, dass die Navigation eine bestän­dige Struktur vorweist, während einzelne Artikel einer starken Dynamik ausgesetzt sein können.«

Tom Bohaček (http://www.bohacek.de)

Das gesamte Joomla! 1.5 Buch ist jetzt online lesbar, die Kapitel 13-17 beschäftigen sich mit dem Ausbau von Joomla!. Eigene Templates, Komponenten, Module, Plugins und eine komplette Website mit Joomla! von A-Z wird beschrieben!

Die Website hier wird auch langsam entdeckt.

Hier ein paar Screenshots aus Google Analytics vom 7.1.2008

Zugriffe der letzten zwei Wochen

aus Deutschland

aus Österreich

aus der Schweiz

Nach den Erlebnissen von Herrn Bertrand und den Hinweisen zur Template-Ent­wicklung in Kapitel 16 juckt es Ihnen vermutlich in den Fingern, eigene Templates zu erstellen. Dank Alex Kempkens, der die Entwicklung dieser Templates organisierte, können wir Ihnen noch ein paar Ideen und zwei einsatzbereite Templates mit auf den Weg geben.

Bei der Auswahl war uns sehr wichtig, verschiedene Bereiche von Websites und auch unterschiedliche Designer vorzustellen.

Als für Sie verwendbare Templates sind dabei herausgekommen:

• Ein Template von Tom Bohaček¹ für eine Non-governmental Organization
• Ein Template von Andy Miller² für ein Unternehmen

Im Laufe der Entstehung dieses Buches wurde das Kapitel um den Weinhändler ­Bertrand und seine E-Commerce-Ambitionen größer und größer und so sind jetzt noch zwei Templates dabei, die ursprünglich gar nicht geplant waren.

• Zwei Templates von Ruth Prantz³ für einen mittelständischen Weinhändler im Languedoc, Frankreich

Die Entstehung dieser beiden Templates sowie die Realisierung der Website können Sie in Kapitel 16 nachlesen.