Vortrag von Jan Peiniger (pemedia) auf der AllFacebook Developer Conference 2012 in Berlin.

1. Facebook
am PoS
Jan Peiniger • www.pemedia.de

3. Jan Peiniger
Geschäftsführer Kreation
pemedia GmbH
www.pemedia.de

4. Was wollen wir
überhaupt am PoS?

5. Menschen!

6. Positive Markenmomente
Schwer über einen Zeitraum
zu erhalten

7. Personalisierte
Erlebnisse schaffen!
Menschen zu Reichweite
auf Facebook konvertieren.

8. Was wird bisher gemacht?

9. Mobile

10. Nicht immer
100% geeignet
- Apps müssen erst installiert werden
- Web-Apps fehlen teilweise Features
- Kleiner Screen

11. Terminals als
spezialisierte Devices

12. Features
• Touchscreen
• flexible Screengrößen
• Cams (Web / DSLR)
• Scanner (QR, RFID)
• Drucker
...oder auch Kinect

13. Alles schon gesehen!
Aber wir wollen es Social!

14. Frage:
Wie an einem fremden Device
mit Facebook einloggen?

15. Wandelnder
ACCESS TOKEN

16. Barriere zwischen
User / Terminal & Facebook

17. Eingabe der Daten am
fremden Gerät?
Unsicher! Unseriös!

18. FB Login API
Nutzer Facebook
Terminal

19. Was wäre eine
sichere Lösung?

20. Login über das
eigene Smartphone!
Sicherer Login / Keine Dateneingabe
am fremden Gerät.

21. Nutzer
API
Facebook
FB Login
Mobile
Terminal

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

23. Einfacher Prozess
Access
Token &
User ID

24. Mobile Web-App
Simpel: Facebook JS SDK Login
FB.login(
function(response) { }, { scope:'publish_actions, user_photos’ }
);
FB.Event.subscribe('auth.statusChange’, handleStatusChange);

25. Native Apps
Single Sign On per iOS
oder Android SDK

26. Aber: Was nutzt uns der
Token auf dem Smartphone?
Es fehlt noch die Verbindung zum
Terminal

27. Nutzer Facebook
Terminal
FB Login Permission:
ACCESS TOKEN
USER ID
Mobile

28. Access Token + User ID
in DB ablegen
Tipp: 60 Tage Token holen!

29. 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

30. Code pro User
generieren
Code
Mobile
Terminal
ACCESS TOKEN Query
USER ID über Code
Datenbank:
Access Token
User ID
Code

31. Die elegante Lösung
QR-Code vom Display scannen

32. Zentrales
Login-Element

33. Einfacher Prozess
Code-Scan
am Terminal
Datenbank:
• Access Token
• User ID
• Code

34. API
Nutzer Eingaben
Facebook
Terminal
Code scan
FB Login Permission:
• Access Token
• User ID
• Code
Mobile

35. Weiter geht‘s auf
dem Terminal

36. Die Terminal Hardware
Zeit zu spielen!

37. Windows, Mac, iOS, Android?!
Ganz egal: Wahl der richtigen Plattform
je nach Einsatzgebiet

38. Touchscreen
ELO und Co...

39. QR Code Scanner
Tastatur-Eingabegerät

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

41. Adobe Air Apps
Device übergreifend
Desktop -> iPad

43. Adobe AIR Facebook SDK
Access Token aus Datenbank
manuell übermitteln

44. Wer arbeitet mit ActionScript?
Jetzt melden!

45. 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");
}
}

46. 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 );
}
}

47. 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 );
}
}

48. API ist nutzbar wie in jeder
anderen FB App auch:
Live View für Likes und Kommentare
- Photo-Tagging
- etc...

49. 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

50. Think about it!
Nur Entwickler haben das
nötige Know-How!

51. Vielen Dank!
We are hiring ;-)
Jan Peiniger • www.pemedia.de