Unveiling the potential of pictures on Facebook @ AllFacebook Developer Conference

1,235 views

Published on

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

Published in: Social Media
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,235
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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    

×