Einblicke hinter die Kulissen...

Was hinter den Kulissen eines Internet Auftrittes passiert, ist für den Besucher der Seiten meist nicht erkennbar. Die zentralen Bereiche, welche die Intelligenz einer Webanwendung ausmachen, sind von aussen nicht einsehbar. Als Dienstleister haben wir also das Problem, wie kann man Referenzen für etwas ins Netz stellen, was vor dem Zugriff nicht autorisierter Personen geschützt werden muss. Nicht immer macht es Sinn, ein spezielles Modul zu öffentlichen Demozwecken zu erstellen, deshalb beschränken wir uns darauf, einige unserer Arbeiten hier kurz in Wort und Bild vorzustellen, zum einen als Anregung, was machbar ist, zum anderen, um Ihnen einen kleinen Einblick zu geben, was wir bereits realisiert haben.

• Projektleitung: at-click Media Design, Hr. Greco
• Design: at-click Media Design
• Texte: at-click Media Design, XWell Crossover Wellness
• URL: http://www.x-well.de

Unser Netzwerkpartners at-click Media Design beauftragte uns mit der technischen Umsetzung des Internet Auftritts der XWell Crossover Wellness, Überlingen. Herzstück der von uns entwickelten Anwendung ist eine MySQL Datenbank unter Linux, gesteuert mit PHP 4.x. Die Anwendung wird gehostet auf den Webservern der Schlund + Partner GmbH, Karlsruhe.

• Ein visueller Kurseditor erlaubt es, die Kurse wie in einem Terminplaner zu verwalten, neue Kurse anzulegen, bestehende Kurse zu editieren oder zu löschen. Alternativ steht dazu auch eine tabellarische Kursübersicht zur Verfügung. Kurse können bestimmten Veranstaltungsorten zugewiesen werden, aktiv, inaktiv, buchbar/nicht buchbar geschalten werden. Sämtliche Kursdetails werden bequem über ein Formular editiert und verwaltet.
• Das für den Besucher sichtbare Gegenstück des visuellen Kurseditors ist eine Terminplanansicht einer "Standardwoche", welche dynamisch für den jeweiligen Veranstaltungsort aus der Kursdatenbank generiert wird. Die Erweiterung weg von der Standardwoche hin zu einem vollwertigen Terminplanung ist für einen späteren Zeitpunkt vorgesehen und unser Modul entsprechend vorbereitet.
• Kursspezifische Anmeldeformulare werden basierend auf die Kursdatenbank erzeugt und dem Kunden zum einen in der Terminplanansicht als auch unter Kursdetails angezeigt. Von dort ist eine direkte Anmeldung zu einem bestimmten Kurs möglich. Kursanmeldungen werden derzeit noch per eMail an Xwell übermittelt.
• In der News Datenbank gespeicherten Newsmeldungen werden per Eingabemaske von XWELL verwaltet, sowohl die eigentlich News Seite als auch die Subnavigation der Newsseite wird dynamisch aus den Inhalten der News Datenbank generiert.
• Der scrollende Newsticker basiert auf einer Open Source Ticker Anwendung auf JavaScript Basis, welche wir um die Anbindung an eine MySQL Datenbank ergänzt haben. Newstickertexte werden im TickerModul ebenfalls formulargestützt editiert.
• Sämtliche Editormodule wurden in einer durchgehenden Admin Oberfläche erfasst. Der Zugriff auf den Adminbereich ist passwortgeschützt und vor unautorisiertem Zugriff zuverlässig geschützt.

Darüber hinaus wurde das von at-click erstellte Design von uns in HTML gemäß W3C Standard 4.01 umgesetzt. Der Erstellung der Seiten erfolgte Template basiert, um spätere Änderungen und Erweiterungen schnell und komfortabel umsetzen zu können. Sowohl die dynamisch generierten Ausgaben als auch die statischen basierten Seiten beziehen Ihre Formatierungs- und Layoutinformationen über extern eingebundene, Site-weite Stylesheets. Das Menüsystem ist Textbasiert, es wurde besonderen Wert darauf gelegt, das Suchmaschinen die komplette Site erfassen können, selbst dynamische generierte Inhalte werden von Google und anderen Suchmaschinen ordnungsgemäß indiziert.

Kundenbereich der at-click Media Design Homepage - 2005

• Projektleitung: at-click Media Design, Hr. Greco
• Design: at-click Media Design
• Texte: at-click Media Design
• Umsetzung / Programmierung: Hr. Knaus, CVK-Service
• URL: http://www.at-click.de

Von unserem Partner at-click wurden wird mit der Umsetzung Ihres Design der neuen Homepage beauftragt. Dieses wurde nach W3C HTML 4.01 Standard inkl. CSS Stylesheets realisiert. Die Programmierung erfolgte optimiert für die Verwendung in den Webauthoring Werkzeugen aus dem Hause Macromedia und basiert komplett auf Templates, um spätere Erweiterungen so leicht wie möglich realisieren zu können. Auf ein klassisches CMS System wurde aus Designtechnischen Gründen bewusst verzichtet. Es galt, eine flexible und leicht zu pflegende Lösung auf Basis statischer Seiten zu finden. Eine Navigation rein auf Textbasis, gesteuert durch "intelligente" Templates wurde erstellt, um das umfangreiche, dynamische 3-Ebenen Menü auch ohne Einsatz von suchmaschinenfeindlichen DHTML Techniken zu realisieren. Eigentliches Herzstück des Auftritts aus Sicht der Programmierung ist jedoch der Kundenbereich, der folgende Anforderungen erfüllt:

• Downloadbereich für allgemein zugängliche Werbetipps und Informationen nach Registierung als Benutzer auf der Homepage und Freischaltung des Zugangs durch at-click. Hier steht vor allem die Generierung von Leads im Vordergrund. Leads werden in einer Datenbank gesammelt und an die inhouse CRM Lösung übertragen.
• Separater, geschützer Kundenbereich für registrierte Kunden der at-click. Hier werden projekt- und auftragsbezogene Daten und Dokumente für den Kunden hinterlegt und sollen nur diesem Kunden zugänglich gemacht werden.
• Komfortable Verwaltung der Kunden / Zugänge durch at-click, mit Hilfe angepasster CMS Module. Realisiert auf MySQL, PHP4 Basis und entsprechenden Editormasken.
• Dateiupload Funktion über den Browser, alternativ per FTP Datentransfer zur bequemen Bereitsstellung der abrufbaren Dokumente.
• Automatische Benachrichtigungsfunktion bei erfolgten Uploads an den entsprechenden Kunden. Rundschreibeautomatik bei Uploads im Allgemeinen Bereich. PHP Scriptbasiert über SMTP Server der Webpräsenz.
• Flexible Datei-/Verzeichnisstrukturen und Kategorisierung der bereitgestellten Dokumente durch at-click. Die Dateien können fast beliebig auf dem Server hinterlegt und in flexible Verzeichnisstrukturen nach Bedarf unterteilt werden. Dazu wurde ein Verzeichnisbrowser mit Loginfunktion auf PHP4 Basis mit Anbindung an die zentrale MySQL Datenbank erstellt.
• Nahtlose Einbindung des Kundenbereichsmodul in das Design der restlichen Homepage.

Das Hosting der Anwendung sowie des kompletten at-click Auftritts erfolgt durch Schlund+Partner, Karlsruhe.

Relaunch der TechniData Homepage im Jahr 2004

• Projektleitung: Hr. Bauch, TechniData AG,
• Design: Coco New Media
• Umsetzung / Programmierung: Hr. Knaus, CVK-Service
• Texte: TechniData AG
• URL: www.technidata.de

Die Firma TechniData beauftragte uns mit der Umsetzung des von Coco New Media erstellten Designs für ein Redaktionssystem, mit dem die Inhalte bequem von den Mitarbeitern der TechniData AG auch ohne HTML Kenntnisse selbst verwaltet werden können. Dazu wurde zunächst eine umfassende Template Datenbank für ein WYSIWYG Redaktionssystem geschaffen, den jeweiligen Redakteurs-Gruppen zugeordnet und entsprechende Berechtigungen erteilt. Ein Versionskontrollsystem ermöglicht die zeitgleiche Bearbeitung der Inhalte von mehreren Redakteuren an unterschiedlichen Standorten zur selben Zeit ohne Datenverluste. Redakteure können auch von außerhalb/unterwegs Änderungen an den von ihnen betreuten Inhalten vornehmen. Komplexere Änderungen an der Struktur des Auftritts, welche die beschränkten Editierrechte der einzelnen Redakteure übersteigen, wurden von uns entsprechend den Anforderungen der TechniData AG durchgeführt und auf dem Server bereitgestellt.

Die zu Beginn rein statische Lösung wurde schrittweise um speziell für TechniData angepasste CMS Module erweitert: so werden inzwischen Newsmeldungen und Veranstaltungen zentral in einer MS SQL Server Datenbank gespeichert und über gesicherte Editoren verwaltet. News und Events werden nun je nach Produkzugehörigkeit in die Internetpräsenz integriert, der Übergang von statischen zu dynamisch erstellten Inhalten erfolgt nahtlos. Dateiupload Module ergänzen die Editorfunktionen der CMS Module und erlauben das einfache Hinzufügen von Dokumenten zu den einzelnen Meldungen. Weitere Module, wie das Extranet Modul als Informationsbibliothek für registrierte Kunden/Interessenten werden in Kürze Live geschalten werden. Dem oft problematischen DHTML Menü des Auftrittes wurde eine suchmaschinenfreundliche Alternativnavigation zur Seite gestellt und der komplette Auftritt gezielt auf gute Erfassung durch die Suchmaschinen getrimmt. Sämtlicher Content ist stanardkonform und nicht proprietär erfasst und ist für Crossmedia Anwendungen nutzbar, Inhalte können auch mehrfach innerhalb des Web Auftrittes verwendet werden, ohne dazu redundante Kopien der selben Inhalte erstellen zu müssen.

Gehostet wird die komplette Anwendung auf den inhouse Servern der TechniData AG, betreut durch die IT Abteilung der TechniData AG. Verwendet wird Windows Server 2003, als Datenbank kommt MS SQL Server zum Einsatz, Scripte wurden in PHP4.x realisiert, JavaScript Lösungen ergänzen den Funktionsumfang der Seiten. Der komplette Auftritt wurden nach W3C HTML 4.01 Standard inkl. CSS Stylesheets erstellt, es wurde auf größtmögliche Browserkompatibilität mit Browsern ab der v4.x Generation geachtet. Zur Qualitätssicherung der Webseiten setzen wir Lösungen aus dem Hause Mercury Interactive in Kombination mit den mitgelieferten Tools des Redaktionssystems ein.