Augmented Reality for Everyone	
  

Bilder sagen mehr als tausend Worte
!
Facebook-Integration von dynamisch animierten In...
NATIVE
PEOPLE LOVE TO !
TAG THINGS!
FAME
STATEMENT
BEAUTY
SHARING
IDENTITY
CONNECT
Next BIG THING
NEXT BIG! on Image tagging
THING
Anforderung
	
  
§  Interak/on	
  auf	
  unseren	
  
Bildern	
  soll	
  auch	
  im	
  
Facebook-­‐Stream	
  
Augmented Re...
The	
  Dark	
  Side...	
  Flash
	
  
	
  

§  Facebook	
  unterstützt	
  SWF-­‐Videos

§  Flash	
  muss	
  kein	
  Video...
Implemen/erung
	
  
1.	
  Flash-­‐Applika/on	
  für	
  die	
  Darstellung	
  und	
  Interak/on	
  
	
  
2.	
  OpenGraph-­‐...
Troubleshoo/ng	
  Flash-­‐Applika/on
	
  

	
  

§  Parameter	
  an	
  Flashbox	
  via	
  GET	
  Parameter	
  hängen	
  
...
Objekt-­‐Seite	
  (OG)
	
  
OG-­‐Metatags	
  für	
  die	
  Objektseite	
  
	
  
<meta
<meta
<meta
<meta
<meta

property="o...
Objekt-­‐Seite	
  (OG)
	
  
Schnelleres	
  Ausliefern	
  (Plain/HTML)	
  
	
  
User-Agent: facebookexternalhit/1.1 (+http:...
Unveiling the potential of pictures on Facebook @ AllFacebook Developer Conference
Unveiling the potential of pictures on Facebook @ AllFacebook Developer Conference
Unveiling the potential of pictures on Facebook @ AllFacebook Developer Conference
Nächste SlideShare
Wird geladen in …5
×

Unveiling the potential of pictures on Facebook @ AllFacebook Developer Conference

1.406 Aufrufe

Veröffentlicht am

Vortrag "Bilder sagen mehr als tausend Worte! Facebook-Integration von dynamisch animierten Inhalten!" von Florian Hofmann & Christian Worreschk auf der AllFacebook Developer Conference in Berlin 2013.

Mehr Informationen zum Vortrag und zur Konferenz:
http://conference.allfacebook.de/devcon/berlin2013/programm/#7

Veröffentlicht in: Soziale Medien
0 Kommentare
1 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.406
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
1
Aktionen
Geteilt
0
Downloads
11
Kommentare
0
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Unveiling the potential of pictures on Facebook @ AllFacebook Developer Conference

  1. 1. Augmented Reality for Everyone   Bilder sagen mehr als tausend Worte ! Facebook-Integration von dynamisch animierten Inhalten !
  2. 2. NATIVE
  3. 3. PEOPLE LOVE TO ! TAG THINGS!
  4. 4. FAME
  5. 5. STATEMENT
  6. 6. BEAUTY
  7. 7. SHARING
  8. 8. IDENTITY
  9. 9. CONNECT
  10. 10. Next BIG THING NEXT BIG! on Image tagging THING
  11. 11. Anforderung   §  Interak/on  auf  unseren   Bildern  soll  auch  im   Facebook-­‐Stream   Augmented Reality dargestellt  werden   §  Keine  Canvas-­‐App   §  Stream,  Timeline  und   pixoona   §  Dynamischer  Sync   for Everyone  
  12. 12. The  Dark  Side...  Flash     §  Facebook  unterstützt  SWF-­‐Videos §  Flash  muss  kein  Video  sein,  warum  nicht   auch  eine  Applika/on    ;)  
  13. 13. Implemen/erung   1.  Flash-­‐Applika/on  für  die  Darstellung  und  Interak/on     2.  OpenGraph-­‐Objekte  mit  Video-­‐AQribut     3.  Objekt-­‐Seite  die  von  Facebook  ausgelesen  werden     kann   Webseite Facebook Flash-App Daten-API
  14. 14. Troubleshoo/ng  Flash-­‐Applika/on     §  Parameter  an  Flashbox  via  GET  Parameter  hängen   §  Größe  nicht  iden/fizierbar  =>  Seitenverhältnisse   §  FB  lässt  kein  Script-­‐Access  zu  =>  z.B.  kein  Scrollen   §  Fullscreen-­‐Modus  ist  möglich,  z.B.  Full-­‐Screen-­‐App   §  FB-­‐Cache  problema/sch   §  Man  kommt  nicht  an  die  FB-­‐Sprache  ran.    
  15. 15. Objekt-­‐Seite  (OG)   OG-­‐Metatags  für  die  Objektseite     <meta <meta <meta <meta <meta property="og:video:url" content="http://pixoona.com/pixbox.swf?image_id=1234"> property="og:video:secure_url" content="ttps://pixoona.com/pixbox.swf?image_id=1234"> property="og:video:type" content="application/x-shockwave-flash"> property="og:video:width" content="526"> property="og:video:height" content="460“>  
  16. 16. Objekt-­‐Seite  (OG)   Schnelleres  Ausliefern  (Plain/HTML)     User-Agent: facebookexternalhit/1.1 (+http:// www.facebook.com/externalhit_uatext.php) respond_to do |format| format.html { if request.user_agent.to_s.downcase.include?("facebookexternalhit") render :layout => false, :action => "share_page_plain" else render :layout => "share_page" end } end    

×