Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Smau Roma 2012 Mob App Camp put social in your app

2,595 views

Published on

PUT Social in your Application

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Smau Roma 2012 Mob App Camp put social in your app

  1. 1. gg.mm.aaPUT Social in your Application Michele Piunti m.piunti@reply.it Reply Whitehall
  2. 2. Outline • Open API, Social Plug In • Tecnologie, Protocolli e Meccanismi • Esempi2
  3. 3. Open API Mettono in comunicazione Persone, Devices e Applicazioni, in un unico ecosistema integrato The API which has easily 10 times more traffic than the web site, has been really very important to us Biz Stone (co-founder Twitter) 60% of all listings on eBay are added via their APIs - and eBay services over 6 billion API calls per month John Musser (Programmable Web) The adoption of Amazon Web Services is currently driving more network activity than everything Amazon does through their traditional Web sites Jef Bar (Amazon evangelist) / Dion Hincliffe (Journalist)3
  4. 4. A chi serve un API ? • Make money 60% of all listings on eBay.com added via their APIs • Save money SmugMug saves > $500K/year with Amazon S3 Storage • Build brand Google Maps 300% growth vs 20% MapQuest • Move to the cloud Over 50% of all transactions via their API • Go anywhere Netflix now exploitable on over 200 devices fonte ProgrammableWeb.com4
  5. 5. Club of Billionaire5
  6. 6. Open API Crescita Esponenziale delle open API Oggi: 923 Social API (fonte: www.ProgrammableWeb.com )  8 anni per arrivare a 1000 API globali, oggi 7000 circa  Tasso 7x dal 2010 a oggi per le API di Social Media Platform 6
  7. 7. Portabilità Un sistema API può supportare centinaia di dispositivi7
  8. 8. Interoperabilità8
  9. 9. Open API• Spesso non si tratta di estensioni di un prodotto, ma “del” prodotto stesso9
  10. 10. Tecnologie Protocolli e Meccanismi10
  11. 11. Protocolli e Meccanismi (I)11
  12. 12. Protocolli e Meccanismi (II)12
  13. 13. Twitter REST API • API pubbliche basate su Web Services di tipo REST – Raggiungibili tramite un URL e un metodo HTTP – Risposte in formati: json, xml ,rss, atom AZIONE13
  14. 14. Esempio (II) Twitter REST API JSON Format14
  15. 15. Facebook Open Graph • Estensione del Social Graph (2010) • Ogni nodo è riferito da un ID unico raggiungibile via web – https://graph.facebook.com/19292868552 • Open Graph protocol, include: – Applicazioni web e pagine esterne – Azioni e oggetti creati da applicazioni esterne • Obiettivo: – Abilitare applicazioni esterne verso una “deep integration into the Facebook experience”.15
  16. 16. Facebook Open Graph Protocol E’ possibile creare nuove azioni e registrarle : 1. Approvazione di una open graph “Action” dell’ applicazione 2. Le azioni degli utenti dell’ applicazione saranno riconosciute come eventi FB e riportate nel flusso user timeline An App event “count-as” a Facebook event16
  17. 17. Timeline17
  18. 18. Esempi • Social Plug In • Workflow B2B (Machine-to-Machine)18
  19. 19. Pulsanti: Twitter <a href="https://twitter.com/share" class="twitter-share-button" data- lang="it">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(! d.getElementById(id)){js=d.createElement (s);js.id=id;js.src="//platform.twitter. com/widgets.js";fjs.parentNode.insertBef ore(js,fjs);}}(document,"script","twitte r-wjs");</script> https://twitter.com/about/resources/buttons19
  20. 20. Pulsanti: G+ <g:plusone annotation="inline"></g:plusone> <script type="text/javascript"> (function() { var po = document.createElement(script); po.type = text/javascript; po.async = true; po.src = https://apis.google.com/js/plusone.js; var s = document.getElementsByTagName(script)[0]; s.parentNode.insertBefore(po, s); })(); </script> http://www.google.com/intl/it/webmasters/+1/button/index.html20
  21. 21. Pulsanti: Facebook Like https://developers.facebook.com/docs/reference/plugins/like/21
  22. 22. Social Plugins22
  23. 23. Sviluppo di una Applicazione • - Spring Social: branch del progetto Spring, framework di sviluppo basato su J2EE • - Connect Social Providers as a Service (SaaS) L’applicazione presentata è disponibile su: https://github.com/MPiunti/SocialAPP23
  24. 24. OAuth Token24
  25. 25. Social Config25
  26. 26. Connection Interfaces26
  27. 27. Identities27
  28. 28. Twitter Timeline Controller28
  29. 29. Trends Controller29
  30. 30. Facebook Controller30
  31. 31. gg.mm.aaPUT Social in your Application Michele Piunti m.piunti@reply.it Reply Whitehall

×