Case Study

1 – Die Ausgangslage

Ein weltweit agierender Anbieter von Antriebs- und Steuerungstechnik will seinen Kunden die Möglichkeit bieten, auf einfache Weise über die Website den zuständigen Ansprechpartner für ein verwendetes Produkt des Unternehmens zu ermitteln.

Als CMS für die Website des Unternehmens ist Typo3 im Einsatz, die verwendete Datenbank ist MySQL.

2 – Die Lösung

Erstellung einer Web-Applikation „Produktsuche“, die anhand produkt-spezifischer Auswahl- und Suchkriterien den entsprechenden Kontakt im Unternehmen ermittelt und über ein Web-Formular eine entsprechende Anfrage generiert und an den zuständigen Mitarbeiter des Unternehmens weiterleitet.

Zur Ermittlung des Ansprechpartners sollen 2 Suche-Möglichkeiten zur Verfügung gestellt werden.

1. Der Wegweiser: Eine geführte grafische Suche
2. Die Datenbank-gestützte Suche: Suche in Datenbank nach Produkt-spezifischen Kriterien

Die „Produktsuche“ wird als eigenständige Web-Applikation entwickelt und über HTML5 Techniken in die bestehende Typo3 Website integriert.

Für die Interaktion mit dem Anwender werden Javascript und das JS-Framework jQuery eingesetzt. Um auch Inhalte dynamisch nachzuladen, einblenden und ausblenden zu können (z.B. bei der Suche), wird Ajax eingesetzt.

Die Core-Programmierung, inkl. Framework, Suche, DB-Zugriffe und HTML5-Router wird in PHP umgesetzt.

Als Datenbank-System kommt mysql zum Einsatz. Es wird die bestehende Typo3 DB der Website verwendet. Die Vorgaben für die Datenbank-Inhalte werden in Excel, im CSV Format geliefert. Zum Speichern der Applikations-Daten werden neue Tabellen in der bestehenden Typo3 DB angelegt.

Erfahren Sie mehr

Die Lösung im Detail

Die Lokalisierung der Applikation findet in Deutsch und in Englisch statt, die Sprachen-Auswahl wird anhand eines Typo3 Sprachen-Parameters über die Url gesteuert.

Die Integration in die Website findet über einen speziellen DIV Tag im entsprechenden Typo3 Template statt.

Über die Startseite der Produktsuche kann zwischen dem Wegweiser und der Datenbank-gestützten Suche gewählt werden.

Der Wegweiser

Der Wegweiser ist über einen Wizard realisiert. Auswahl-Logik und Hierarchie werden durch grafische Buttons dargestellt. Es handelt sich um eine mehrstufige Suche über mehrere Seiten, bis das Ergebnis für den Kontakt eindeutig ist. Mögliche Kontakte sind in der Datenbank für die Produkt-Suche Application gespeichert.

Datenbank-gestützte Suche

Die Datenbank-gestützte Suche wird über ein Suche-Formular realisiert. Im Suche-Formular werden produktspezifische Daten eingegeben bzw. ausgewählt und die entsprechenden Ansprechpartner in der Datenbank recherchiert. Im Falle von Mehrfachergebnissen wird eine zusätzliche datenbankgestützte Abfrage generiert. Mögliche Kontakte und Suchkriterien sind in der Datenbank für die Produktsuche Applikation gespeichert.

Kontakt-Formular

Das als Ergebnis der Suche angezeigte Kontaktformular ist generell für alle Kontakte gleich aufgebaut.

Datenbank

Als Datenbank-Basis dient eine EXCEL-Vorlage mit verschiedenen Reitern für Suche-Kriterien und Kontakte. Zum Speichern der Daten wird die bestehende TYPO3 MySQL Datenbank verwendet. Die Reiter entsprechen den einzelnen CSV Dateien, die in die MySQL DB importiert werden.

Hotfolder API für Import

Für den Import der Daten für die Produktsuche in die MySQL Datenbank ist eine Hotfolder-API auf dem Webserver eingerichtet. Dateien für den Hotfolder werden über TYPO3 im Bereich „Dateiliste“ zur Verfügung gestellt.

1. Export als CSV Datei Aus der Vorlagen Excel-Datei werden die einzelnen Reiter im CSV-Format exportiert. Die Namen der CSV-Dateien werden nach den entsprechenden Reitern benannt.
2. Dateien Upload: Die CSV-Dateien werden über TYPO3 in das Import Verzeichnis hochgeladen.
3. Import Robot: Ein Import Robot checkt in bestimmten Intervallen den Hotfolder und beginnt bei vorhandenen Dateien den Prozess des Imports.
4. Überprüfung der Dateien: Vor dem eigentlichen Import in die Datenbank werden sowohl die Dateinamen als auch die Spalten der Dateien auf Korrektheit überprüft. Im Fehlerfall wird ein LOG geschrieben und eine E-Mail Benachrichtigung an einen eingetragenen Admin-Verteiler gesendet und der Import abgebrochen. Die Überprüfung bezieht sich auf jede CSV Datei einzeln, d.h. wenn nur 1 CSV Datei falsch ist, werden die anderen Dateien dennoch verarbeitet / importiert.
5. Import in die MySQL Datenbank: Nach erfolgreicher Prüfung werden die einzelnen CSV-Dateien in die Datenbank importiert.
6. Benachrichtigung über E-Mail: Nach dem Import wird ein ausgewählter Admin-Kreis über den Import per E-Mail informiert.

Über die API ist es auch möglich, nur einen Reiter aus der Excel-Tabelle zu importieren, um z.B. nur einen Reiter in der DB zu aktualisieren.

3 – Ergebnis

Dem Kunden des Unternehmens wird nun eine einfache Möglichkeit über die Website geboten, entweder über den Wizard oder die Datenbank-gestützte Suche den richtigen Ansprechpartner für sein Produkt zu finden. Dies vereinfacht die gezielte Kontakt-Aufnahme.

Eine gewisse Herausforderung war die Implementierung einer API, über die das Unternehmen auf einfache und gewohnte Weise Daten für die Produktsuche ohne besondere technische Kenntnisse bereitstellen konnte. Dies wurde in Form der Excel-Vorlage mit den unterschiedlichen Reitern für den CSV-Export und der Upload-Möglichkeit über Typo3 erfolgreich gelöst. Somit konnten die Mitarbeiter des Unternehmens Techniken verwenden (Excel und Typo3), die bereits im Unternehmen genutzt werden.

4 – Verwendete Technik im Überblick

Zur Umsetzung kamen ausschliesslich Open-Source Techniken zum Einsatz: