TYPO3 meets QRcodes - the vinopass

Christian HändelCerti!ed TYPO3 Integrator

Freitag, 27. April 2012


Was sind QR-Codes?

• klassisch: zweidimensionale Codes für eine schnelle Response QuickResponse

• modern: Ein Marketing-Instrument um den User schnell und gezielt an mehr Informationen zu einem Produkt oder Dienstleistung zu führen

• weiterführend: Ein Hilfsmittel um Produkte crossmedial zu vernetzen







Wie wirds momentan gemacht?

• QR-Codes kommen momentan auf vielerlei Werbemitteln zum Einsatz: Visitenkarten, Flyer, Bücher, Plakate

• Oftmals nur bekannt im Zusammenhang mit dem Begriff Mobile Tagging

• Leiten auf einfache Webseiten mit niedrigen Informationsgehalt

• Zusammenhang zwischen Trägerobjekt und Zielseite wird nur selten erkennbar



Wie wird es richtig gemacht?

• gekürzte URL heißt kleiner QR-Code

• Der QR-Code ist ein Schauspieler und das Trägermedium seine Bühne

• Die Landingpage braucht ein gutes inhaltliches Konzept das schnell vom User verstanden werden kann

• eine solche Kampagne braucht messbare Größen für eine gute Auswertung



Die Weinbranche und Ihr persönliches Problem

• Wein kann mehr als nur getrunken werden - Weintrinker suchen Ihr Produkt gezielt aus und brauchen Hintergrundinformationen (Speiseempfehlung, Sensorische Beschreibung)

• Zu viele Informationen für solch kleine EtikettenWas der Staat vorschreibt muss drauf - für den Rest ist kein Platz

• All das auf die Flasche und das Marketing-Konzept ist für die Katz



Ganz konkret - Was bringen da QR-Codes?

• Reduktion der Informationen auf dem Etikett auf das wesentliche

• Freie gestalterische und inhaltliche Möglichkeiten auf der Landingpage

• Vernetzung der gesamten Produktpalette

• bessere Positionierung des Weinguts



Anforderungen an die Lösung!

• Bequeme Verwaltung der Datensätze

• QR-Code sollte beim Anlegen direkt generiert werdeninklusive der gekürzten URL

• Ein gutes Frontend auf mobilen Endgeräten

• Kleine Zusatzfunktionen wie Import oder Frontendverwaltung sollten einfach und schnell durch eine Vielzahl von Entwicklern umzusetzen sein



technische Umsetzung

TYPO3Template basierteFrontendausgabe

(Typoscript + JQM)

EXT:vinopassDatenstrukturURL-Shortener

QR-Code Generator

Importoberfläche

klassisches Backendzur Pflege der Daten



Wer hat Bockaufs Backend?



Probleme!

• Keine saubere Ajax-Integration

• Typoscript

• Performance nicht optimal

• Caching



Anforderungen an Version 2

• Ladezeiten verkürzen

• Performance des gesamten Systems steigern

• Caching optimieren

• größere Modularität gewährleisten

• Anbindung an andere Systeme ermöglichen



technische Umsetzung Version 2

JSON based API

TYPO3EXT:vinopass

Mobile Interfacebased on JQM

FacebookApplikation

Frontend-Interfacefür Kunden

Produktseitevinopass

zukünftigeAnwendungen


Documents

TYPO3 meets QRcodes - the vinopass