Referenzen
Newsletter-Anmeldung
Kärcher setzt auf automatisiert erstellte Hybrid-Apps und auf infolox

Kärcher setzt auf automatisiert erstellte Hybrid-Apps und auf infolox

Kategorie Mobile, Omnichannel
Das komplette Fallbeispiel finden Sie auch in der neuen Ausgabe 01-2014 des Prokom – Das Produktkulturmagazin, rechts im Beitrag verlinkt!
Kärcher setzt auf automatisiert erstellte Hybrid-Apps und auf infolox

infolox konzipiert und implementiert für Kärcher ein App-Framework zur teilautomatisierten Erstellung von Hybrid-Apps mit HTML5, CSS3 und PhoneGap.

Kärcher makes a difference. Der Slogan des namhaften deutschen Markenherstellers ist Programm. Als führender Anbieter von Reinigungstechnik ist es dem Unternehmen Kärcher ein besonderes Anliegen, dass ihre Kunden einen optimalen Nutzen aus den Produkten ziehen und ihre Reinigungsaufgaben vor allem wirtschaftlich und umweltschonend lösen.

Bekannt für ihre innovativen Entwicklungen in der Reinigungstechnik schlägt die Alfred Kärcher GmbH & Co. KG nun auch bei der Produktkommunikation einen neuen Weg ein und setzt dafür auf die Kompetenz der infolox Gmbh.

Die Produktpalette ist mittlerweile so umfangreich, dass die Auswahl unter Umständen schwer fällt. D. h. zur Produktpräsentation beim Kunden vor Ort oder auf Messen benötigt Kärcher intelligente Verkaufsunterlagen mit Charme.

Die Lösung heißt Apps, die mittlerweile auf jedem Smartphone und Tablet-PC Anwendung finden. Im privaten Bereich sind sie oft nur ein nettes Spielzeug, doch wenn es um Zusatzinformationen für technische Produkte geht, sind sie weit mehr als das.

Dabei hat infolox für Kärcher nun eine Produktionsumgebung geschaffen, die es erlaubt, hybride Apps mittels infolox-Know-How und PhoneGap-Technologie halbautomatisiert zu erstellen.

Hybrid-Apps mit XHTML5, CSS und PhoneGap

Bisher werden mobile Apps (Anwendungsprogramme für mobile Endgeräte) vor allem als native Apps oder als Web-Apps entwickelt.

Native Apps müssen speziell an die Zielplattform angepasst werden, d. h. sie werden für jedes Betriebssystem optimiert: Apple iOS, Google Android, Blackberry und Windows Mobile. Sie sind immer eigenständige Anwendungen, programmiert in Java, C++ oder Objective C und fest auf einem Mobilgerät installiert.

Im Gegensatz dazu können Web-Apps auf jedem mobilen Betriebssystem angewendet werden und sind somit plattformunabhängig einsetzbar. Moderne Web-Apps werden in HTML5 und CSS erstellt und können ganz ohne Installation auf dem Endgerät genutzt werden. Mittels HTML5 ist auch das Offline-Speichern der Daten und somit die Nutzung einer einmal geladenen Web-App ohne ständigen Internetzugang möglich.

Mit entsprechender Sachkenntnis programmierte Web-Apps können in native Apps umgewandelt werden und damit kostengünstig deren Vorzüge nutzen. Bei diesen sogenannten hybriden Apps liegt die Besonderheit darin, dass im Baukastensystem fertige Teillösungen angepasst oder direkt zusammengesetzt werden. Damit werden neue Applikationen und Features realisiert. Zum Beispiel lassen sich zahlreiche Hardware Features, die in Web-Apps nicht umsetzbar sind, in einer hybriden App durch JavaScript umsetzen. Technisch gesprochen werden HTML5-basierte Web-Apps mit einem nativen Container zu einer hybriden mobilen Architektur verbunden. Insbesondere im Umfeld von Business-to-Employee-Anwendungen sind diese hybriden Architekturen sehr gut geeignet.

Für die Realisierung solcher Hybrid-Apps stehen den Entwicklern verschiedene Frameworks zur Verfügung. infolox setzt hier PhoneGap ein.

PhoneGap-Technologie – das Zünglein an der Waage

Die PhoneGap-Technologie ermöglicht mit einer einmalig erstellten, herstellerneutralen Code-Basis eine mehrfache Wiederverwendung bei der Erstellung der Apps für unterschiedliche Mobilgeräte-Hersteller.

Die Verknüpfung zwischen den herstellerneutralen Funktionen der App und den herstellerspezifischen Funktionen des Mobilgerätes werden sowohl mit Hilfe von JavaScript als auch mit der dazugehörigen nativen Implementierung des jeweiligen mobilen Betriebssystems realisiert.

Für die Implementierung von kundenspezifischen Funktionen steht das Konzept der Plugins zur Verfügung. Diese werden zunächst in der herstellerneutralen Code-Basis als PhoneGap-Funktion mittels JavaScript registriert und anschließend mit der jeweiligen herstellerspezifischen nativen Implementierung verlinkt.

Die Entwicklung von kundenspezifischen Plugins ist problemlos möglich, erfordert jedoch eine separate Entwicklung in der nativen Betriebssystem-Programmiersprache des jeweiligen Mobilgerätes.

"Appsolutely" the best

Im Fall der Kärcher App standen besondere Anforderungen im Fokus, die einer speziellen Projektumsetzung bedurften.

Ziel war es, eine moderne, benutzerfreundliche App zu entwickeln, die den Anwendern Produkt- und Unternehmensinformationen in ansprechendem Layout und einfacher Navigation präsentiert. Im Design waren dazu die  Corporate-Design-Richtlinien seitens Kärcher zu berücksichtigen. Aufgrund der Zielplattform „mobiles Endgerät“ stand früh fest, dass der Inhalt der App nur teilweise aus den typischen, technischen Produktbeschreibungen besteht. Vielmehr sollten die Vorteile des neuen Mediums mit vielen Bildern, Unternehmensdarstellungen und Videos als auch mit intuitiver Navigation per One-Touch oder Wischtechnik optimal ausgenutzt werden.

Die App für die ausgewählte Pilotproduktgruppe der Scheuersaugmaschinen sollte zudem zeitnah für einen Messeauftritt fertiggestellt werden. Eine Anforderung, die ein agiles Projektvorgehen erfordert hat.

Zugleich galt es aber, Prozesse zu gestalten, die inhaltliche Updates mit möglichst hohen Automationsgrad ermöglichen.

Um weitere Apps für andere Anwendungsszenarien und Inhalte vorzubereiten, musste die Generierung der App soweit generisch angelegt werden, dass später Erweiterungen im App-Portfolio ohne große Neuimplementierungen auskommen.

Fazit des Projekts

Wichtig für die Kundenzufriedenheit ist vor allem die Zufriedenheit mit dem Ergebnis.

Christof Dörflinger, Projektleiter bei Kärcher, bewertet das Projekt wie folgt:

„Wir hatten das Ziel unseren Kunden und Interessenten auf der Messe eine moderne App für das iPad zu präsentieren. Darüber hinaus möchten wir dem Vertrieb diese App bereitstellen und für weitere Produktgruppen Apps generieren. Mit infolox haben wir für diese Ziele den richtigen Partner gefunden. Während des Projektverlaufs wurden wir zu den richtigen Zeitpunkten integriert und konnten Prototypen zeitnah testen. Das Projektteam bei infolox hat uns dabei zu jederzeit optimal und kompetent unterstützt. Unsere Wünsche und unsere Zielgruppen standen dabei im Fokus. Technische Aspekte wurden uns soweit erforderlich erläutert, ohne uns mit Details aus der Implementierung zu überfrachten. Kurzfristig haben wir sogar für die Messe noch eine zweite App für unsere Saugkehrmaschinen just-in-time angefragt. Auch diesem Wunsch ist infolox schnell und unkompliziert nachgekommen. Beide Apps konnten auf der Messe eingesetzt werden. Für Kärcher und unsere Kunden ist dies als Erfolg zu werten."

Auch aus technischer Sicht kann ein Erfolg verbucht werden. Torsten Stempel (Leiter Online/Mobile-Publishing bei infolox in Dortmund) sagt hierzu:

„Alle eingesetzten Komponenten können als absolut stabil betrachtet werden und die Templates für die unterschiedlichen Seitentypen der App wurden so gestaltet, dass diese auch für weitere Apps direkt verwendet oder ohne vollständige Neuimplementierung weitere Seitentypen geschaffen werden können. Inhalte und Aufbau der Seiten können weitgehend über die Datenerfassung gesteuert werden."

Für weitere Informationen oder bei Interesse ein ähnliches Projekt für Ihr Unternehmen umzusetzen, kontaktieren Sie bitte Tim Veldboom (tim.veldboominfolox.de)  in der Niederlassung Dortmund oder Alexander Pircher (alexander.pircherinfolox.de) an unserem Hauptsitz in Lindau.

Verwandte Referenzen

06.12.2016
Agentur-Selbstversuch: Wie startet und betreibt man einen Online-Shop?

Was sind eigentlich die Unterschiede von B2B und B2C und was die Gemeinsamkeiten? Was kann B2B von...

22.09.2016
12 Jahre Omnichannel-Marketing: infolox und die SICK AG

Lesen Sie in diesem Artikel wie die SICK AG für die weltweite Vereinheitlichung ihrer...

02.09.2016
infolox optimiert ACO-E-Services in Usability und Leistungsstärke

Die B2B-E-Business Plattform von ACO Haustechnik, das „Schweizer Taschenmesser für Planer und...

29.01.2016
Printkatalog und Preislisten für SOLA-Messwerkzeuge

infolox konzipiert und realisiert das automatisierte Print-Publishing für die SOLA-Messwerkzeuge...

20.08.2015
B2B-E-Commerce: infolox optimiert den Online-Shop von Wieland Electric

Nur wer findet bestellt. Nach diesem Motto hat infolox die Usability des B2B-Online-Shops der...