TYPO3 meets QRcodes - the vinopass

Christian HändelCerti!ed TYPO3 Integrator

Freitag, 27. April 2012

Christian HändelCerti!ed TYPO3 Integrator

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

Freitag, 27. April 2012

Freitag, 27. April 2012

Freitag, 27. April 2012

Freitag, 27. April 2012

Freitag, 27. April 2012

Christian HändelCerti!ed TYPO3 Integrator

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

Freitag, 27. April 2012

Christian HändelCerti!ed TYPO3 Integrator

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

Freitag, 27. April 2012

Christian HändelCerti!ed TYPO3 Integrator

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

Freitag, 27. April 2012

Christian HändelCerti!ed TYPO3 Integrator

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

Freitag, 27. April 2012

Christian HändelCerti!ed TYPO3 Integrator

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

Freitag, 27. April 2012

Christian HändelCerti!ed TYPO3 Integrator

technische Umsetzung

TYPO3Template basierteFrontendausgabe

(Typoscript + JQM)

EXT:vinopassDatenstrukturURL-Shortener

QR-Code Generator

Importoberfläche

klassisches Backendzur Pflege der Daten

Freitag, 27. April 2012

Christian HändelCerti!ed TYPO3 Integrator

Wer hat Bockaufs Backend?

Freitag, 27. April 2012

Christian HändelCerti!ed TYPO3 Integrator

Probleme!

• Keine saubere Ajax-Integration

• Typoscript

• Performance nicht optimal

• Caching

Freitag, 27. April 2012

Christian HändelCerti!ed TYPO3 Integrator

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

Freitag, 27. April 2012

Christian HändelCerti!ed TYPO3 Integrator

technische Umsetzung Version 2

JSON based API

TYPO3EXT:vinopass

Mobile Interfacebased on JQM

FacebookApplikation

Frontend-Interfacefür Kunden

Produktseitevinopass

zukünftigeAnwendungen

Freitag, 27. April 2012