Facebook   am PoSJan Peiniger • www.pemedia.de
Jan PeinigerGeschäftsführer Kreation    pemedia GmbH     www.pemedia.de
Was wollen wirüberhaupt am PoS?
Menschen!
Positive Markenmomente  Schwer über einen Zeitraum         zu erhalten
PersonalisierteErlebnisse schaffen! Menschen zu Reichweiteauf Facebook konvertieren.
Was wird bisher gemacht?
Mobile
Nicht immer    100% geeignet-  Apps müssen erst installiert werden-  Web-Apps fehlen teilweise Features          -  Kleine...
Terminals alsspezialisierte Devices
Features      • Touchscreen• flexible Screengrößen • Cams (Web / DSLR) • Scanner (QR, RFID)        • Drucker   ...oder auc...
Alles schon gesehen!   Aber wir wollen es Social!
Frage:Wie an einem fremden Device  mit Facebook einloggen?
WandelnderACCESS TOKEN
Barriere zwischenUser / Terminal & Facebook
Eingabe der Daten am   fremden Gerät?   Unsicher! Unseriös!
FB Login              APINutzer                               Facebook                    Terminal
Was wäre einesichere Lösung?
Login über das   eigene Smartphone!Sicherer Login / Keine Dateneingabe         am fremden Gerät.
Nutzer                               API                                     FacebookFB Login           Mobile            ...
User auf Short-URL führen    Mobile Web App mit Login
Einfacher Prozess                Access               Token &               User ID
Mobile Web-App          Simpel: Facebook JS SDK LoginFB.login(   function(response) { }, { scope:publish_actions, user_pho...
Native AppsSingle Sign On per iOS  oder Android SDK
Aber: Was nutzt uns derToken auf dem Smartphone?  Es fehlt noch die Verbindung zum              Terminal
Nutzer                                   Facebook                    Terminal         FB Login               Permission:  ...
Access Token + User ID    in DB ablegen  Tipp: 60 Tage Token holen!
URL Aufruf (z.B. cURL)           Response: Neuer Access Token & expire timehttps://graph.facebook.com/oauth/access_token?c...
Code pro User                 generieren                            CodeMobile                                            ...
Die elegante LösungQR-Code vom Display scannen
ZentralesLogin-Element
Einfacher Prozess               Code-Scan               am Terminal               Datenbank:               • Access Token ...
APINutzer        Eingaben                                                     Facebook                         Terminal   ...
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 ScannerTastatur-Eingabegerät
Fancy StuffCams, Kinect, Drucker, etc...
Adobe Air AppsDevice ü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....
API Get     Nach erfolgreichem Init kann die API beliebig                  angefragt werden.var params:Object = {};Faceboo...
API Post         Bildupload auf die Pinnwand des Users:var params:Object = {    image : IMAGE, // Als JPG imageByteArray  ...
API ist nutzbar wie in jeder  anderen FB App auch:Live View für Likes und Kommentare           - Photo-Tagging            ...
Möglichkeiten:Das Potential den Nutzern einen echten Mehrwert zu liefern ist da: Man muss         es nur auch machen -  An...
Think about it!Nur Entwickler haben das   nötige Know-How!
Vielen Dank!    We are hiring ;-)Jan Peiniger • www.pemedia.de
Facebook am POS - AFDevCon 2012
Facebook am POS - AFDevCon 2012
Nächste SlideShare
Wird geladen in …5
×

Facebook am POS - AFDevCon 2012

539 Aufrufe

Veröffentlicht am

0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
539
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
2
Aktionen
Geteilt
0
Downloads
4
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Facebook am POS - AFDevCon 2012

  1. 1. Facebook am PoSJan Peiniger • www.pemedia.de
  2. 2. Jan PeinigerGeschäftsführer Kreation pemedia GmbH www.pemedia.de
  3. 3. Was wollen wirüberhaupt am PoS?
  4. 4. Menschen!
  5. 5. Positive Markenmomente Schwer über einen Zeitraum zu erhalten
  6. 6. PersonalisierteErlebnisse schaffen! Menschen zu Reichweiteauf Facebook konvertieren.
  7. 7. Was wird bisher gemacht?
  8. 8. Mobile
  9. 9. Nicht immer 100% geeignet-  Apps müssen erst installiert werden-  Web-Apps fehlen teilweise Features -  Kleiner Screen
  10. 10. Terminals alsspezialisierte Devices
  11. 11. Features • Touchscreen• flexible Screengrößen • Cams (Web / DSLR) • Scanner (QR, RFID) • Drucker ...oder auch Kinect
  12. 12. Alles schon gesehen! Aber wir wollen es Social!
  13. 13. Frage:Wie an einem fremden Device mit Facebook einloggen?
  14. 14. WandelnderACCESS TOKEN
  15. 15. Barriere zwischenUser / Terminal & Facebook
  16. 16. Eingabe der Daten am fremden Gerät? Unsicher! Unseriös!
  17. 17. FB Login APINutzer Facebook Terminal
  18. 18. Was wäre einesichere Lösung?
  19. 19. Login über das eigene Smartphone!Sicherer Login / Keine Dateneingabe am fremden Gerät.
  20. 20. Nutzer API FacebookFB Login Mobile Terminal
  21. 21. User auf Short-URL führen Mobile Web App mit Login
  22. 22. Einfacher Prozess Access Token & User ID
  23. 23. Mobile Web-App Simpel: Facebook JS SDK LoginFB.login( function(response) { }, { scope:publish_actions, user_photos’ });FB.Event.subscribe(auth.statusChange’, handleStatusChange);
  24. 24. Native AppsSingle Sign On per iOS oder Android SDK
  25. 25. Aber: Was nutzt uns derToken auf dem Smartphone? Es fehlt noch die Verbindung zum Terminal
  26. 26. Nutzer Facebook Terminal FB Login Permission: ACCESS TOKEN USER ID Mobile
  27. 27. Access Token + User ID in DB ablegen Tipp: 60 Tage Token holen!
  28. 28. URL Aufruf (z.B. cURL) Response: Neuer Access Token & expire timehttps://graph.facebook.com/oauth/access_token?client_id=APP_ID&client_secret=APP_SECRET&grant_type=fb_exchange_token&fb_exchange_token=ACCESS_TOKEN
  29. 29. Code pro User generieren CodeMobile Terminal ACCESS TOKEN Query USER ID über Code Datenbank: Access Token User ID Code
  30. 30. Die elegante LösungQR-Code vom Display scannen
  31. 31. ZentralesLogin-Element
  32. 32. Einfacher Prozess Code-Scan am Terminal Datenbank: • Access Token • User ID • Code
  33. 33. APINutzer Eingaben Facebook Terminal Code scan FB Login Permission: • Access Token • User ID • Code Mobile
  34. 34. Weiter geht‘s auf dem Terminal
  35. 35. Die Terminal Hardware Zeit zu spielen!
  36. 36. Windows, Mac, iOS, Android?!Ganz egal: Wahl der richtigen Plattform je nach Einsatzgebiet
  37. 37. Touchscreen ELO und Co...
  38. 38. QR Code ScannerTastatur-Eingabegerät
  39. 39. Fancy StuffCams, Kinect, Drucker, etc...
  40. 40. Adobe Air AppsDevice übergreifend Desktop -> iPad
  41. 41. Adobe AIR Facebook SDK Access Token aus Datenbank manuell übermitteln
  42. 42. Wer arbeitet mit ActionScript? Jetzt melden!
  43. 43. 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"); }}
  44. 44. 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 ); }}
  45. 45. 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 ); }}
  46. 46. API ist nutzbar wie in jeder anderen FB App auch:Live View für Likes und Kommentare - Photo-Tagging -  etc...
  47. 47. 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
  48. 48. Think about it!Nur Entwickler haben das nötige Know-How!
  49. 49. Vielen Dank! We are hiring ;-)Jan Peiniger • www.pemedia.de

×