Facebook am PoS

Jan Peiniger • www.pemedia.de

Jan Peiniger

Geschäftsführer Kreation pemedia GmbH

www.pemedia.de

Was wollen wir überhaupt am PoS?

Menschen!

Positive Markenmomente Schwer über einen Zeitraum

zu erhalten

Personalisierte Erlebnisse schaffen!

Menschen zu Reichweite auf Facebook konvertieren.

Was wird bisher gemacht?

Mobile

Nicht immer 100% geeignet

-  Apps müssen erst installiert werden -  Web-Apps fehlen teilweise Features

-  Kleiner Screen

Terminals als spezialisierte Devices

Features • Touchscreen

• flexible Screengrößen • Cams (Web / DSLR) • Scanner (QR, RFID)

• Drucker ...oder auch Kinect

Alles schon gesehen! Aber wir wollen es Social!

Wie an einem fremden Device mit Facebook einloggen?

Frage:

Wandelnder ACCESS TOKEN

Barriere zwischen User / Terminal & Facebook

Eingabe der Daten am fremden Gerät?

Unsicher! Unseriös!

Grafik zum Ablauf

Terminal

Facebook Nutzer FB Login API

Was wäre eine sichere Lösung?

Login über das eigene Smartphone!

Sicherer Login / Keine Dateneingabe am fremden Gerät.

Grafik zum Ablauf

Terminal

Facebook

Mobile

Nutzer

FB Login

API

User auf Short-URL führen Mobile Web App mit Login

Einfacher Prozess

Access Token & User ID

Mobile Web-App Simpel: Facebook JS SDK Login

FB.login( function(response) { }, { scope:'publish_actions, user_photos’ }

); FB.Event.subscribe('auth.statusChange’, handleStatusChange);

Native Apps Single Sign On per iOS

oder Android SDK

Aber: Was nutzt uns der Token auf dem Smartphone?

Es fehlt noch die Verbindung zum Terminal

Grafik zum Ablauf

Terminal Facebook

Mobile

Nutzer

Permission: ACCESS TOKEN

USER ID

FB Login

Access Token + User ID in DB ablegen

Tipp: 60 Tage Token holen!

URL Aufruf (z.B. cURL) Response:

Neuer Access Token & expire time

https://graph.facebook.com/oauth/access_token ?client_id=APP_ID &client_secret=APP_SECRET &grant_type=fb_exchange_token &fb_exchange_token=ACCESS_TOKEN

Code pro User generieren

Terminal

Datenbank:

Access Token User ID

Code

Mobile

ACCESS TOKEN USER ID

Query über Code

Code

Die elegante Lösung QR-Code vom Display scannen

Zentrales Login-Element

Einfacher Prozess

Code-Scan am Terminal

Datenbank: • Access Token • User ID • Code

Grafik zum Ablauf

Terminal

Facebook

Mobile

Nutzer

Permission: • Access Token • User ID • Code

FB Login

Code scan

API

Eingaben

Weiter geht‘s auf dem Terminal

Die Terminal Hardware Zeit zu spielen!

Windows, Mac, iOS, Android?! Ganz egal: Wahl der richtigen Plattform

je nach Einsatzgebiet

Touchscreen ELO und Co...

QR Code Scanner Tastatur-Eingabegerät

Fancy Stuff Cams, Kinect, Drucker, etc...

Adobe Air Apps Device übergreifend

Desktop -> iPad

Adobe AIR Facebook SDK Access Token aus Datenbank

manuell übermitteln

Wer arbeitet mit ActionScript? Jetzt melden!

API Init SDK als Download unter:

http://code.google.com/p/facebook-actionscript-api/

import com.facebook.graph.FacebookDesktop; FacebookDesktop.init(APP_ID, onInit, ACCESS_TOKEN); function onInit(result:Object, fail:Object):void {

if (result) { trace(“Logged In"); } else { trace("Not Logged In: GET A NEW CODE"); }

}

API Get Nach erfolgreichem Init kann die API beliebig

angefragt werden.

var params:Object = {}; FacebookDesktop.api('/me', getFBuserdata, params, 'GET');

function getFBuserdata(result:Object, fail:Object):void {

if (result) { trace( result ); }

}

API Post Bildupload auf die Pinnwand des Users:

var params:Object = { image : IMAGE, // Als JPG imageByteArray message : ‘TEXT’, fileName : ‘NAME' , place : ’PLACE ID’

};

FacebookDesktop.api('/me/photos', postFBphoto, params, 'POST'); function postFBphoto(result:Object, fail:Object):void {

if (result) { trace("Photo posted!"); trace( result ); }

}

API ist nutzbar wie in jeder anderen FB App auch:

Live View für Likes und Kommentare - Photo-Tagging

-  etc...

Möglichkeiten: Das Potential den Nutzern einen echten

Mehrwert zu liefern ist da: Man muss es nur auch machen

-  Anknüpfung an lokale Datenbanken -  Auslesen von Likes

-  Logische Verknüpfungen herstellen

Think about it! Nur Entwickler haben das

nötige Know-How!

Vielen Dank! We are hiring ;-)

Jan Peiniger • www.pemedia.de