facebook am pos - afdevcon 2012
TRANSCRIPT
![Page 1: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/1.jpg)
Facebook am PoS
Jan Peiniger • www.pemedia.de
![Page 2: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/2.jpg)
![Page 3: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/3.jpg)
Jan Peiniger
Geschäftsführer Kreation pemedia GmbH
www.pemedia.de
![Page 4: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/4.jpg)
Was wollen wir überhaupt am PoS?
![Page 5: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/5.jpg)
Menschen!
![Page 6: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/6.jpg)
Positive Markenmomente Schwer über einen Zeitraum
zu erhalten
![Page 7: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/7.jpg)
Personalisierte Erlebnisse schaffen!
Menschen zu Reichweite auf Facebook konvertieren.
![Page 8: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/8.jpg)
Was wird bisher gemacht?
![Page 9: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/9.jpg)
Mobile
![Page 10: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/10.jpg)
Nicht immer 100% geeignet
- Apps müssen erst installiert werden - Web-Apps fehlen teilweise Features
- Kleiner Screen
![Page 11: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/11.jpg)
Terminals als spezialisierte Devices
![Page 12: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/12.jpg)
Features • Touchscreen
• flexible Screengrößen • Cams (Web / DSLR) • Scanner (QR, RFID)
• Drucker ...oder auch Kinect
![Page 13: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/13.jpg)
Alles schon gesehen! Aber wir wollen es Social!
![Page 14: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/14.jpg)
Wie an einem fremden Device mit Facebook einloggen?
Frage:
![Page 15: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/15.jpg)
Wandelnder ACCESS TOKEN
![Page 16: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/16.jpg)
Barriere zwischen User / Terminal & Facebook
![Page 17: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/17.jpg)
Eingabe der Daten am fremden Gerät?
Unsicher! Unseriös!
![Page 18: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/18.jpg)
Grafik zum Ablauf
Terminal
Facebook Nutzer FB Login API
![Page 19: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/19.jpg)
Was wäre eine sichere Lösung?
![Page 20: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/20.jpg)
Login über das eigene Smartphone!
Sicherer Login / Keine Dateneingabe am fremden Gerät.
![Page 21: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/21.jpg)
Grafik zum Ablauf
Terminal
Mobile
Nutzer
FB Login
API
![Page 22: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/22.jpg)
User auf Short-URL führen Mobile Web App mit Login
![Page 23: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/23.jpg)
Einfacher Prozess
Access Token & User ID
![Page 24: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/24.jpg)
Mobile Web-App Simpel: Facebook JS SDK Login
FB.login( function(response) { }, { scope:'publish_actions, user_photos’ }
); FB.Event.subscribe('auth.statusChange’, handleStatusChange);
![Page 25: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/25.jpg)
Native Apps Single Sign On per iOS
oder Android SDK
![Page 26: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/26.jpg)
Aber: Was nutzt uns der Token auf dem Smartphone?
Es fehlt noch die Verbindung zum Terminal
![Page 27: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/27.jpg)
Grafik zum Ablauf
Terminal Facebook
Mobile
Nutzer
Permission: ACCESS TOKEN
USER ID
FB Login
![Page 28: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/28.jpg)
Access Token + User ID in DB ablegen
Tipp: 60 Tage Token holen!
![Page 29: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/29.jpg)
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
![Page 30: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/30.jpg)
Code pro User generieren
Terminal
Datenbank:
Access Token User ID
Code
Mobile
ACCESS TOKEN USER ID
Query über Code
Code
![Page 31: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/31.jpg)
Die elegante Lösung QR-Code vom Display scannen
![Page 32: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/32.jpg)
Zentrales Login-Element
![Page 33: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/33.jpg)
Einfacher Prozess
Code-Scan am Terminal
Datenbank: • Access Token • User ID • Code
![Page 34: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/34.jpg)
Grafik zum Ablauf
Terminal
Mobile
Nutzer
Permission: • Access Token • User ID • Code
FB Login
Code scan
API
Eingaben
![Page 35: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/35.jpg)
Weiter geht‘s auf dem Terminal
![Page 36: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/36.jpg)
Die Terminal Hardware Zeit zu spielen!
![Page 37: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/37.jpg)
Windows, Mac, iOS, Android?! Ganz egal: Wahl der richtigen Plattform
je nach Einsatzgebiet
![Page 38: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/38.jpg)
Touchscreen ELO und Co...
![Page 39: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/39.jpg)
QR Code Scanner Tastatur-Eingabegerät
![Page 40: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/40.jpg)
Fancy Stuff Cams, Kinect, Drucker, etc...
![Page 41: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/41.jpg)
Adobe Air Apps Device übergreifend
Desktop -> iPad
![Page 42: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/42.jpg)
![Page 43: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/43.jpg)
Adobe AIR Facebook SDK Access Token aus Datenbank
manuell übermitteln
![Page 44: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/44.jpg)
Wer arbeitet mit ActionScript? Jetzt melden!
![Page 45: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/45.jpg)
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"); }
}
![Page 46: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/46.jpg)
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 ); }
}
![Page 47: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/47.jpg)
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 ); }
}
![Page 48: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/48.jpg)
API ist nutzbar wie in jeder anderen FB App auch:
Live View für Likes und Kommentare - Photo-Tagging
- etc...
![Page 49: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/49.jpg)
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
![Page 50: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/50.jpg)
Think about it! Nur Entwickler haben das
nötige Know-How!
![Page 51: Facebook am POS - AFDevCon 2012](https://reader031.vdocuments.pub/reader031/viewer/2022020208/55aa1c5d1a28abc77e8b4630/html5/thumbnails/51.jpg)
Vielen Dank! We are hiring ;-)
Jan Peiniger • www.pemedia.de