SlideShare une entreprise Scribd logo
1  sur  62
Télécharger pour lire hors ligne
Social Media APIs

                                 Mario Vasquez


                             S e nio r I nte r a ctive De ve lo p e r




Thursday, November 8, 12
I h e lp sim p lif y th e co m p le x



Thursday, November 8, 12
What I Do
                                      Developer                         Designer
                                                            CSS
                            ColdFusion
                                                       User Interface
                                         JavaScript
                                                      User Experience
                           Database
                                                        Web Trends
                                  Web Standards         Prototypes

                              APIs                        HTML
                                             CMS




Thursday, November 8, 12
Wh at i s an API?



Thursday, November 8, 12
API
            [ A p p l ic a t io n Pr o g r a m m ing I nte r fa ce ]




                     A library of features that a service provides developers
                         which gives them access to certain functionality.




Thursday, November 8, 12
Using the API

 Your                      Get my        [ call the API ]                                      SoMe
 App                       photos
                                                                                               Service
                                                                                         API
         Your               [ results you see ]     Make it   [ here are your photos ]
        photos
                                                    pretty




Thursday, November 8, 12
Photos From
            Flickr




Thursday, November 8, 12
What’s the difference between an API and the code I
             can copy from the SoMe service and paste on my website?




Thursday, November 8, 12
What is a widget?

                           Predefined functionality built and maintained by
                                         the SoMe service




Thursday, November 8, 12
Widgets
                                    An API alternative


         Offered by service:                 Offered by 3rd party:

                    • Twitter                    • Instagram
                    • Facebook                   • Pinterest
                    • TripAdvisor                • Foursquare



Thursday, November 8, 12
Thursday, November 8, 12
Using a widget

 Your                                         SoMe
 App                                          Service
                                        API
         your
        photos




Thursday, November 8, 12
Twitter Widgets


                                                Twitter Timeline:




  https://dev.twitter.com/docs/embedded-timelines

Thursday, November 8, 12
Twitter Widgets


                                             Embedable Tweets




  https://dev.twitter.com/docs/embedded-tweets

Thursday, November 8, 12
Facebook Widgets



                            Like Box:




  http://developers.facebook.com/docs/reference/plugins/like-box/

Thursday, November 8, 12
Facebook Widgets



                    Comment Box:




  http://developers.facebook.com/docs/reference/plugins/comments/

Thursday, November 8, 12
TripAdvisor



                    What’s Nearby:




  http://www.tripadvisor.com/Widgets-d0

Thursday, November 8, 12
TripAdvisor



                               Best Of:




  http://www.tripadvisor.com/Widgets-d0

Thursday, November 8, 12
What to consider

     Wha t to consider


Thursday, November 8, 12
N ot ev e ry se rvice ha s a n A P I




Thursday, November 8, 12
S o m e se r vice s h a ve m ultip le A PI s




Thursday, November 8, 12
A PI s ch a ng e




Thursday, November 8, 12
S e r vice s co m e a nd g o




Thursday, November 8, 12
A n A PI do e sn’t a lwa y s do wh a t y o u
                                 e x p e ct it to




Thursday, November 8, 12
How do you know wh at is possible?



Thursday, November 8, 12
R e se a r ch th e A PI do cum e nta tio n




Thursday, November 8, 12
C o m m unica te with y o ur de ve lo p e r




Thursday, November 8, 12
Plan




                             Design




                            Develop




                           Capabilities




                              Build




Thursday, November 8, 12
Plan




                             Design




                            Develop




                           Capabilities




                              Build




Thursday, November 8, 12
Plan




                             Design




                           Capabilities




                            Develop




                              Build




Thursday, November 8, 12
Plan




                             Design




                           Capabilities




                            Develop




                              Build




Thursday, November 8, 12
Plan




                           Capabilities




                             Design




                            Develop




                              Build




Thursday, November 8, 12
Wha t makes a g ood id e a?



Thursday, November 8, 12
U nde r st a nd y o ur use r s



             • Not all users use social media
             • Social media should enhance the current experience



Thursday, November 8, 12
Priva cy will a ffe ct yo ur de cisio ns



             • User’s give you permission to gather some of their data




Thursday, November 8, 12
Ke e p it sim ple


           • The more complex, the more maintenance
           • A simple idea moves faster through the process




Thursday, November 8, 12
Le t’s e xplo re ...



Thursday, November 8, 12
Worki ng with a n AP I is ha rd




Thursday, November 8, 12
The re are tons of A PIs




Thursday, November 8, 12
http://www.programmableweb.com/apis/directory

Thursday, November 8, 12
238 of 7,810 APIs




  http://www.programmableweb.com/apis/directory

Thursday, November 8, 12
The y all do it a little diffe re nt




Thursday, November 8, 12
I t ta ke s sp e cia liz e d skills a nd kno wle dg e




Thursday, November 8, 12
API




Thursday, November 8, 12
What you need
                                 to know




                           API




Thursday, November 8, 12
The im portant parts



Thursday, November 8, 12
Twitter API




Thursday, November 8, 12
Twitter API

                                                               ENGAGEMENT

                                                 Social CRM
                                         Enterprise clients           Traditional Twitter clients
                                         Media Integration            Syndication
                     BUSINESS                                                                       CONSUMER

                                             Social analytics         Social influence ranking



                                                                ANALYTICS


                   “With our new API guidelines, we're trying to encourage activity in the upper-
                   left, lower-left and lower right quadrants, and limit certain use cases that occupy
                   the upper-right quadrant.” - Twitter


  https://dev.twitter.com/blog/changes-coming-to-twitter-api

Thursday, November 8, 12
Twitter API

                                               Recent changes


                           Twitter Shuts Off “Find Friends” Feature For Instagram
                              - TechCrunch
                           http://techcrunch.com/2012/07/26/no-api-for-you-twitter-shuts-off-find-friends-feature-for-instagram/




                           “ Consistent with Twitter’s evolving platform efforts,
                           Tweets will no longer be displayed on LinkedIn... ”
                              - LinkedIn
                           http://blog.linkedin.com/2012/06/29/sharing-on-linkedin-twitter/




Thursday, November 8, 12
Twitter API

                                              Recent changes



                                        “ Because of Twitter’s recent enforcement of token
                                        limits, we only have a limited number of tokens available
                                        for Tweetbot for Mac...

                                        ...This limit and our desire to continue to support the
                                        app once we sell out is why we’ve priced Tweetbot for
                                        Mac a little higher than we’d like... ”




  http://tapbots.com/blog/news/tweetbot-mac

Thursday, November 8, 12
Twitter API

                                        The most common user data




                   description                          geo_enabled    screen_name
                   favourites_count                     lang           show_all_inline_media
                   follow_request_sent                  listed_count   status
                   following                            location       statuses_count
                   followers_count                      name           time_zone
                   friends_count                        protected      url




  https://dev.twitter.com/docs/platform-objects/users

Thursday, November 8, 12
Twitter API

                    Developer display requirements for individual tweets




             • Recent changes in their API and guidelines
             • Recent changes to their display guidelines



  https://dev.twitter.com/terms/display-requirements

Thursday, November 8, 12
Facebook APIs




Thursday, November 8, 12
Facebook APIs

                            Three APIs to choose from




             • REST API (old way)
             • Graph API (most common)
             • FQL (most powerful)




Thursday, November 8, 12
Facebook APIs

                                                          Examples

     http://developers.facebook.com/docs/reference/api/




Thursday, November 8, 12
Instagram API




Thursday, November 8, 12
Instagram API

                                                The data available


        Users                                      Media                               Locations
        • users/{user-id}                          • media/{id}                        • locations/{location-id}
        • users/self/feed                          • media/search                      • locations/{location-id}/media/recent
        • users/{user-id}/media/recent             • media/popular                     • locations/search
        • users/self/media/liked
        • users/search                             Likes                               Subscriptions
                                                   • media/{media-id}/likes (GET)      • subscriptions (POST) [User]
        Relationships                              • media/{media-id}/likes (POST)     • subscriptions (POST) [Tag]
        • users/{user-id}/follows                  • media/{media-id}/likes (DELETE)   • subscriptions (POST) [Location]
        • users/{user-id}/followed-by                                                  • subscriptions (POST) [Geography]
        • users/self/requested-by                  Tags                                • subscriptions (GET)
        • users/{user-id}/relationship (GET)       • tags/{tag-name}                   • subscriptions (DELETE)
        • users/{user-id}/relationship (POST)      • tags/{tag-name}/media/recent
                                                   • tags/search
        Comments
        • media/{media-id}/comments (GET)
        • media/{media-id}/comments (POST)
        • media/{media-id}/comments/{comment-id}




Thursday, November 8, 12
Pinterest RSS




Thursday, November 8, 12
Pinterest RSS

                                 Boards from a specific user




                                      insert your username here

                           http://pinterest.com/simpleview/feed.rss




Thursday, November 8, 12
Pinterest RSS

                                    Media from a specific board




                                         insert your username here

                           http://pinterest.com/simpleview/client-love.rss
                                                            insert your board name here




Thursday, November 8, 12
Questions?




Thursday, November 8, 12
Thank You

                            Mario Vasquez


                               @_ma riov_




Thursday, November 8, 12

Contenu connexe

Similaire à Working With Social APIs - SoMeT12

Educause - Building a Responsive Website for the Presidential Debate
Educause - Building a Responsive Website for the Presidential DebateEducause - Building a Responsive Website for the Presidential Debate
Educause - Building a Responsive Website for the Presidential DebateJon Liu
 
JS-Everywhere - SSE Hands-on
JS-Everywhere - SSE Hands-onJS-Everywhere - SSE Hands-on
JS-Everywhere - SSE Hands-onBrice Argenson
 
Html5 new sword for interactive app
Html5 new sword for interactive appHtml5 new sword for interactive app
Html5 new sword for interactive appYohan Totting
 
2011 12-07 ragtech2011
2011 12-07 ragtech20112011 12-07 ragtech2011
2011 12-07 ragtech2011Shinichi Ogawa
 
SpeakerConf: my findings in trying to use this functional programming busines...
SpeakerConf: my findings in trying to use this functional programming busines...SpeakerConf: my findings in trying to use this functional programming busines...
SpeakerConf: my findings in trying to use this functional programming busines...Phil Calçado
 
Multiplatform, Promises and HTML5
Multiplatform, Promises and HTML5Multiplatform, Promises and HTML5
Multiplatform, Promises and HTML5C4Media
 
Software Libraries And Numbers
Software Libraries And NumbersSoftware Libraries And Numbers
Software Libraries And NumbersRobert Reiz
 
Ricoh social media & sales
Ricoh social media & salesRicoh social media & sales
Ricoh social media & salesVincent Everts
 
Custom Android Code Templates
Custom Android Code TemplatesCustom Android Code Templates
Custom Android Code Templatesmurphonic
 
Librarians as rational optimists: using top tech trends to build our future
Librarians as rational optimists: using top tech trends to build our futureLibrarians as rational optimists: using top tech trends to build our future
Librarians as rational optimists: using top tech trends to build our futureNicole Hennig
 
JS-Everywhere - LocalStorage Hands-on
JS-Everywhere - LocalStorage Hands-onJS-Everywhere - LocalStorage Hands-on
JS-Everywhere - LocalStorage Hands-onBrice Argenson
 
RTV Rijnmond slides voor discussie
RTV Rijnmond slides voor discussieRTV Rijnmond slides voor discussie
RTV Rijnmond slides voor discussieVincent Everts
 
LiveRebel + Pragmatic Continuous Delivery (Arcusys)
LiveRebel + Pragmatic Continuous Delivery (Arcusys)LiveRebel + Pragmatic Continuous Delivery (Arcusys)
LiveRebel + Pragmatic Continuous Delivery (Arcusys)Neeme Praks
 
Building Mobile Apps in WordPress - WordCamp Toronto 2011
Building Mobile Apps in WordPress - WordCamp Toronto 2011Building Mobile Apps in WordPress - WordCamp Toronto 2011
Building Mobile Apps in WordPress - WordCamp Toronto 2011Trevor Mills
 
MOPCON 2013 - APP急速視覺UX回饋應用
MOPCON 2013 - APP急速視覺UX回饋應用MOPCON 2013 - APP急速視覺UX回饋應用
MOPCON 2013 - APP急速視覺UX回饋應用anistar sung
 
What is Node and Why does it Matter?
What is Node and Why does it Matter?What is Node and Why does it Matter?
What is Node and Why does it Matter?Dominiek ter Heide
 
Flowcon - Mixing Lean UX & Agile Development
Flowcon - Mixing Lean UX & Agile DevelopmentFlowcon - Mixing Lean UX & Agile Development
Flowcon - Mixing Lean UX & Agile DevelopmentCarbon Five
 
Cloud Messaging With Cloud Foundry
Cloud Messaging With Cloud FoundryCloud Messaging With Cloud Foundry
Cloud Messaging With Cloud FoundryAlvaro Videla
 

Similaire à Working With Social APIs - SoMeT12 (20)

Sortak
SortakSortak
Sortak
 
Educause - Building a Responsive Website for the Presidential Debate
Educause - Building a Responsive Website for the Presidential DebateEducause - Building a Responsive Website for the Presidential Debate
Educause - Building a Responsive Website for the Presidential Debate
 
JS-Everywhere - SSE Hands-on
JS-Everywhere - SSE Hands-onJS-Everywhere - SSE Hands-on
JS-Everywhere - SSE Hands-on
 
Html5 new sword for interactive app
Html5 new sword for interactive appHtml5 new sword for interactive app
Html5 new sword for interactive app
 
2011 12-07 ragtech2011
2011 12-07 ragtech20112011 12-07 ragtech2011
2011 12-07 ragtech2011
 
SpeakerConf: my findings in trying to use this functional programming busines...
SpeakerConf: my findings in trying to use this functional programming busines...SpeakerConf: my findings in trying to use this functional programming busines...
SpeakerConf: my findings in trying to use this functional programming busines...
 
Multiplatform, Promises and HTML5
Multiplatform, Promises and HTML5Multiplatform, Promises and HTML5
Multiplatform, Promises and HTML5
 
Software Libraries And Numbers
Software Libraries And NumbersSoftware Libraries And Numbers
Software Libraries And Numbers
 
Ricoh social media & sales
Ricoh social media & salesRicoh social media & sales
Ricoh social media & sales
 
Custom Android Code Templates
Custom Android Code TemplatesCustom Android Code Templates
Custom Android Code Templates
 
Librarians as rational optimists: using top tech trends to build our future
Librarians as rational optimists: using top tech trends to build our futureLibrarians as rational optimists: using top tech trends to build our future
Librarians as rational optimists: using top tech trends to build our future
 
JS-Everywhere - LocalStorage Hands-on
JS-Everywhere - LocalStorage Hands-onJS-Everywhere - LocalStorage Hands-on
JS-Everywhere - LocalStorage Hands-on
 
RTV Rijnmond slides voor discussie
RTV Rijnmond slides voor discussieRTV Rijnmond slides voor discussie
RTV Rijnmond slides voor discussie
 
LiveRebel + Pragmatic Continuous Delivery (Arcusys)
LiveRebel + Pragmatic Continuous Delivery (Arcusys)LiveRebel + Pragmatic Continuous Delivery (Arcusys)
LiveRebel + Pragmatic Continuous Delivery (Arcusys)
 
DevFest Keynote - Android Apps with Evernote API
DevFest Keynote - Android Apps with Evernote APIDevFest Keynote - Android Apps with Evernote API
DevFest Keynote - Android Apps with Evernote API
 
Building Mobile Apps in WordPress - WordCamp Toronto 2011
Building Mobile Apps in WordPress - WordCamp Toronto 2011Building Mobile Apps in WordPress - WordCamp Toronto 2011
Building Mobile Apps in WordPress - WordCamp Toronto 2011
 
MOPCON 2013 - APP急速視覺UX回饋應用
MOPCON 2013 - APP急速視覺UX回饋應用MOPCON 2013 - APP急速視覺UX回饋應用
MOPCON 2013 - APP急速視覺UX回饋應用
 
What is Node and Why does it Matter?
What is Node and Why does it Matter?What is Node and Why does it Matter?
What is Node and Why does it Matter?
 
Flowcon - Mixing Lean UX & Agile Development
Flowcon - Mixing Lean UX & Agile DevelopmentFlowcon - Mixing Lean UX & Agile Development
Flowcon - Mixing Lean UX & Agile Development
 
Cloud Messaging With Cloud Foundry
Cloud Messaging With Cloud FoundryCloud Messaging With Cloud Foundry
Cloud Messaging With Cloud Foundry
 

Working With Social APIs - SoMeT12

  • 1. Social Media APIs Mario Vasquez S e nio r I nte r a ctive De ve lo p e r Thursday, November 8, 12
  • 2. I h e lp sim p lif y th e co m p le x Thursday, November 8, 12
  • 3. What I Do Developer Designer CSS ColdFusion User Interface JavaScript User Experience Database Web Trends Web Standards Prototypes APIs HTML CMS Thursday, November 8, 12
  • 4. Wh at i s an API? Thursday, November 8, 12
  • 5. API [ A p p l ic a t io n Pr o g r a m m ing I nte r fa ce ] A library of features that a service provides developers which gives them access to certain functionality. Thursday, November 8, 12
  • 6. Using the API Your Get my [ call the API ] SoMe App photos Service API Your [ results you see ] Make it [ here are your photos ] photos pretty Thursday, November 8, 12
  • 7. Photos From Flickr Thursday, November 8, 12
  • 8. What’s the difference between an API and the code I can copy from the SoMe service and paste on my website? Thursday, November 8, 12
  • 9. What is a widget? Predefined functionality built and maintained by the SoMe service Thursday, November 8, 12
  • 10. Widgets An API alternative Offered by service: Offered by 3rd party: • Twitter • Instagram • Facebook • Pinterest • TripAdvisor • Foursquare Thursday, November 8, 12
  • 12. Using a widget Your SoMe App Service API your photos Thursday, November 8, 12
  • 13. Twitter Widgets Twitter Timeline: https://dev.twitter.com/docs/embedded-timelines Thursday, November 8, 12
  • 14. Twitter Widgets Embedable Tweets https://dev.twitter.com/docs/embedded-tweets Thursday, November 8, 12
  • 15. Facebook Widgets Like Box: http://developers.facebook.com/docs/reference/plugins/like-box/ Thursday, November 8, 12
  • 16. Facebook Widgets Comment Box: http://developers.facebook.com/docs/reference/plugins/comments/ Thursday, November 8, 12
  • 17. TripAdvisor What’s Nearby: http://www.tripadvisor.com/Widgets-d0 Thursday, November 8, 12
  • 18. TripAdvisor Best Of: http://www.tripadvisor.com/Widgets-d0 Thursday, November 8, 12
  • 19. What to consider Wha t to consider Thursday, November 8, 12
  • 20. N ot ev e ry se rvice ha s a n A P I Thursday, November 8, 12
  • 21. S o m e se r vice s h a ve m ultip le A PI s Thursday, November 8, 12
  • 22. A PI s ch a ng e Thursday, November 8, 12
  • 23. S e r vice s co m e a nd g o Thursday, November 8, 12
  • 24. A n A PI do e sn’t a lwa y s do wh a t y o u e x p e ct it to Thursday, November 8, 12
  • 25. How do you know wh at is possible? Thursday, November 8, 12
  • 26. R e se a r ch th e A PI do cum e nta tio n Thursday, November 8, 12
  • 27. C o m m unica te with y o ur de ve lo p e r Thursday, November 8, 12
  • 28. Plan Design Develop Capabilities Build Thursday, November 8, 12
  • 29. Plan Design Develop Capabilities Build Thursday, November 8, 12
  • 30. Plan Design Capabilities Develop Build Thursday, November 8, 12
  • 31. Plan Design Capabilities Develop Build Thursday, November 8, 12
  • 32. Plan Capabilities Design Develop Build Thursday, November 8, 12
  • 33. Wha t makes a g ood id e a? Thursday, November 8, 12
  • 34. U nde r st a nd y o ur use r s • Not all users use social media • Social media should enhance the current experience Thursday, November 8, 12
  • 35. Priva cy will a ffe ct yo ur de cisio ns • User’s give you permission to gather some of their data Thursday, November 8, 12
  • 36. Ke e p it sim ple • The more complex, the more maintenance • A simple idea moves faster through the process Thursday, November 8, 12
  • 37. Le t’s e xplo re ... Thursday, November 8, 12
  • 38. Worki ng with a n AP I is ha rd Thursday, November 8, 12
  • 39. The re are tons of A PIs Thursday, November 8, 12
  • 41. 238 of 7,810 APIs http://www.programmableweb.com/apis/directory Thursday, November 8, 12
  • 42. The y all do it a little diffe re nt Thursday, November 8, 12
  • 43. I t ta ke s sp e cia liz e d skills a nd kno wle dg e Thursday, November 8, 12
  • 45. What you need to know API Thursday, November 8, 12
  • 46. The im portant parts Thursday, November 8, 12
  • 48. Twitter API ENGAGEMENT Social CRM Enterprise clients Traditional Twitter clients Media Integration Syndication BUSINESS CONSUMER Social analytics Social influence ranking ANALYTICS “With our new API guidelines, we're trying to encourage activity in the upper- left, lower-left and lower right quadrants, and limit certain use cases that occupy the upper-right quadrant.” - Twitter https://dev.twitter.com/blog/changes-coming-to-twitter-api Thursday, November 8, 12
  • 49. Twitter API Recent changes Twitter Shuts Off “Find Friends” Feature For Instagram - TechCrunch http://techcrunch.com/2012/07/26/no-api-for-you-twitter-shuts-off-find-friends-feature-for-instagram/ “ Consistent with Twitter’s evolving platform efforts, Tweets will no longer be displayed on LinkedIn... ” - LinkedIn http://blog.linkedin.com/2012/06/29/sharing-on-linkedin-twitter/ Thursday, November 8, 12
  • 50. Twitter API Recent changes “ Because of Twitter’s recent enforcement of token limits, we only have a limited number of tokens available for Tweetbot for Mac... ...This limit and our desire to continue to support the app once we sell out is why we’ve priced Tweetbot for Mac a little higher than we’d like... ” http://tapbots.com/blog/news/tweetbot-mac Thursday, November 8, 12
  • 51. Twitter API The most common user data description geo_enabled screen_name favourites_count lang show_all_inline_media follow_request_sent listed_count status following location statuses_count followers_count name time_zone friends_count protected url https://dev.twitter.com/docs/platform-objects/users Thursday, November 8, 12
  • 52. Twitter API Developer display requirements for individual tweets • Recent changes in their API and guidelines • Recent changes to their display guidelines https://dev.twitter.com/terms/display-requirements Thursday, November 8, 12
  • 54. Facebook APIs Three APIs to choose from • REST API (old way) • Graph API (most common) • FQL (most powerful) Thursday, November 8, 12
  • 55. Facebook APIs Examples http://developers.facebook.com/docs/reference/api/ Thursday, November 8, 12
  • 57. Instagram API The data available Users Media Locations • users/{user-id} • media/{id} • locations/{location-id} • users/self/feed • media/search • locations/{location-id}/media/recent • users/{user-id}/media/recent • media/popular • locations/search • users/self/media/liked • users/search Likes Subscriptions • media/{media-id}/likes (GET) • subscriptions (POST) [User] Relationships • media/{media-id}/likes (POST) • subscriptions (POST) [Tag] • users/{user-id}/follows • media/{media-id}/likes (DELETE) • subscriptions (POST) [Location] • users/{user-id}/followed-by • subscriptions (POST) [Geography] • users/self/requested-by Tags • subscriptions (GET) • users/{user-id}/relationship (GET) • tags/{tag-name} • subscriptions (DELETE) • users/{user-id}/relationship (POST) • tags/{tag-name}/media/recent • tags/search Comments • media/{media-id}/comments (GET) • media/{media-id}/comments (POST) • media/{media-id}/comments/{comment-id} Thursday, November 8, 12
  • 59. Pinterest RSS Boards from a specific user insert your username here http://pinterest.com/simpleview/feed.rss Thursday, November 8, 12
  • 60. Pinterest RSS Media from a specific board insert your username here http://pinterest.com/simpleview/client-love.rss insert your board name here Thursday, November 8, 12
  • 62. Thank You Mario Vasquez @_ma riov_ Thursday, November 8, 12