SlideShare une entreprise Scribd logo
1  sur  33
Télécharger pour lire hors ligne
Facebook Apps:
 Thinking about UI
   in a social way




                Wayne Graham, UVa
Arin Sime , OpenSource Connections
About Us

•   Wayne Graham                        • Arin Sime
                                           •   Software consultant with
    •   MA in History
                                               OpenSource Connections
    •   10 years in higher ed/digital
                                           •   UVa grad student at McIntire
        humanities

    •   Community Development              •   Adjunct instructor at VCU

    •   Geek                               •   Working on challenge based
                                               fundraising tools for Facebook
    •   Facebook API Developer’s
        Guide
http://www.redstamp.com/products/1931-Who-Cares-Sticky-Notes-Anne-Taintor
Is this a good idea
• 300+ million users
• Advertise events
• Connect with
  students and
  prospective
  students
• Limits...
Web APIs
                                                                                • Extend existing
                                                                                  applications
                                                                                • Web services...
                                                                                • Mashups

http://www.internetannoyanceday.com/wp-content/uploads/2009/04/programmer.jpg
Facebook API
 Workflow
Official Libraries
• Java
• PHP 5
• JavaScript
• iPhone (Objective C)
• ActionScript 3
• Force.com
Unsupported Libraries
Android       •
              •
                  Lisp
                  Perl
                                   I can haz
•ASP.net      •   Python
              •   Ruby
•Cocoa
              •   Smalltalk
•ColdFusion   •   Tcl
              •   VB.NET
•C++          •
              •
                  Windows Mobile
                  zembly
                                   my language
•C#


                                          plzkthx
Components
• API (REST calls)
• FQL (Facebook Query Language)
• FBML/XFBML (extension of X/HTML tags)
• FBJS (scrubbed JS)
API Components
• Authorization
• Data Store
• Permissions
• Photo/Video Uploads
• Notification
First Steps
• Add Developer App (                     http://www.facebook.com/developers )
• Wiki (              )
        http://wiki.developers.facebook.com



• Developer Forum (                                                      )
                                     http://forum.developers.facebook.com/



• Get a sample app
• Write Unit Tests!!!
Yo Dude, I’m real happy for you.
Imma gonna let you finish
but MySpace is one of the best
APIs of all time!!!
From one extreme...




              http://apps.facebook.com/thesocialcircles/
... to the other extreme




                  http://apps.facebook.com/thesocialcircles/
Putting it all together
Facebook
    app
 lifecycle
1. Get the Add
                 Ge
                   d
                    tt
                 Ad he
Ge
              tt
           Ad he
             d
                   Se
                     tup
2. Setup
Ge
                    tt
                 Ad he
                   d
                         Se
                           tup

                                 Inc
                                    en
                                       tiv
                                           ize
3. Incentivize
Ge
              tt
           Ad he
             d
                   Se
                     tup

                           Inc
                              en
                                 tiv
                                     ize


                                    are
4. Share




                                   Sh
Ge
             tt
          Ad he
            d
                  Se
                    tup

                          Inc
                             en
                                tiv
                                    ize


                                   are
5. Feed




                                  Sh

                  Fe
                     ed
Ge
                   tt
                Ad he
                  d
                        Se
                          tup

                                Inc
                                   en
                                      tiv
                                          ize
                    ba me
                         !
                      ck
                     Co
6. Come back!




                                         are
                                        Sh

                        Fe
                           ed
Ge              And if you get it right...
   tt
Ad he
  d
        Se
          tup

                   Inc
                      en
                         tiv
                             ize
    ba me
         !
      ck
     Co




                            are
                           Sh

        Fe
           ed
Ge              And if you get it right...
   tt
Ad he
  d
        Se
          tup

                   Inc
                      en
                         tiv
                             ize
    ba me
         !
      ck
     Co




                            are
                           Sh

        Fe
           ed
Ge              And if you get it right...
   tt
Ad he
  d
        Se
          tup

                   Inc
                      en
                         tiv
                             ize
    ba me
         !
      ck
     Co




                            are
                           Sh

        Fe
           ed
Facebook Athenaeum
• Get Facebook users to library resources
• Provide a social “hook”
• Open Source
Business
Hook
Questions?




                                                                    Wayne Graham, UVa
http://www.facebook.com/design                      Arin Sime , OpenSource Connections
http://www.ustream.tv/channel/facebook-tech-talks
Oh yeah, code...
Oh yeah, code...

               response =
    fbsession.users_getInfo(:uids =>
[fbsession.session_user_id], :fields =>
  ["first_name", "last_name", "name",
                 "uid"])
Oh yeah, code...
Ed Ui - The Facebook API:  Thinking about UI in a social way

Contenu connexe

Plus de OpenSource Connections

Haystack 2019 - Natural Language Search with Knowledge Graphs - Trey Grainger
Haystack 2019 - Natural Language Search with Knowledge Graphs - Trey GraingerHaystack 2019 - Natural Language Search with Knowledge Graphs - Trey Grainger
Haystack 2019 - Natural Language Search with Knowledge Graphs - Trey Grainger
OpenSource Connections
 
Haystack 2019 - Search Logs + Machine Learning = Auto-Tagging Inventory - Joh...
Haystack 2019 - Search Logs + Machine Learning = Auto-Tagging Inventory - Joh...Haystack 2019 - Search Logs + Machine Learning = Auto-Tagging Inventory - Joh...
Haystack 2019 - Search Logs + Machine Learning = Auto-Tagging Inventory - Joh...
OpenSource Connections
 
Haystack 2019 - Architectural considerations on search relevancy in the conte...
Haystack 2019 - Architectural considerations on search relevancy in the conte...Haystack 2019 - Architectural considerations on search relevancy in the conte...
Haystack 2019 - Architectural considerations on search relevancy in the conte...
OpenSource Connections
 

Plus de OpenSource Connections (20)

Test driven relevancy
Test driven relevancyTest driven relevancy
Test driven relevancy
 
How To Structure Your Search Team for Success
How To Structure Your Search Team for SuccessHow To Structure Your Search Team for Success
How To Structure Your Search Team for Success
 
The right path to making search relevant - Taxonomy Bootcamp London 2019
The right path to making search relevant  - Taxonomy Bootcamp London 2019The right path to making search relevant  - Taxonomy Bootcamp London 2019
The right path to making search relevant - Taxonomy Bootcamp London 2019
 
Payloads and OCR with Solr
Payloads and OCR with SolrPayloads and OCR with Solr
Payloads and OCR with Solr
 
Haystack 2019 Lightning Talk - The Future of Quepid - Charlie Hull
Haystack 2019 Lightning Talk - The Future of Quepid - Charlie HullHaystack 2019 Lightning Talk - The Future of Quepid - Charlie Hull
Haystack 2019 Lightning Talk - The Future of Quepid - Charlie Hull
 
Haystack 2019 Lightning Talk - State of Apache Tika - Tim Allison
Haystack 2019 Lightning Talk - State of Apache Tika - Tim AllisonHaystack 2019 Lightning Talk - State of Apache Tika - Tim Allison
Haystack 2019 Lightning Talk - State of Apache Tika - Tim Allison
 
Haystack 2019 Lightning Talk - Relevance on 17 million full text documents - ...
Haystack 2019 Lightning Talk - Relevance on 17 million full text documents - ...Haystack 2019 Lightning Talk - Relevance on 17 million full text documents - ...
Haystack 2019 Lightning Talk - Relevance on 17 million full text documents - ...
 
Haystack 2019 Lightning Talk - Solr Cloud on Kubernetes - Manoj Bharadwaj
Haystack 2019 Lightning Talk - Solr Cloud on Kubernetes - Manoj BharadwajHaystack 2019 Lightning Talk - Solr Cloud on Kubernetes - Manoj Bharadwaj
Haystack 2019 Lightning Talk - Solr Cloud on Kubernetes - Manoj Bharadwaj
 
Haystack 2019 Lightning Talk - Quaerite a Search relevance evaluation toolkit...
Haystack 2019 Lightning Talk - Quaerite a Search relevance evaluation toolkit...Haystack 2019 Lightning Talk - Quaerite a Search relevance evaluation toolkit...
Haystack 2019 Lightning Talk - Quaerite a Search relevance evaluation toolkit...
 
Haystack 2019 - Search-based recommendations at Politico - Ryan Kohl
Haystack 2019 - Search-based recommendations at Politico - Ryan KohlHaystack 2019 - Search-based recommendations at Politico - Ryan Kohl
Haystack 2019 - Search-based recommendations at Politico - Ryan Kohl
 
Haystack 2019 - Search with Vectors - Simon Hughes
Haystack 2019 - Search with Vectors - Simon HughesHaystack 2019 - Search with Vectors - Simon Hughes
Haystack 2019 - Search with Vectors - Simon Hughes
 
Haystack 2019 - Natural Language Search with Knowledge Graphs - Trey Grainger
Haystack 2019 - Natural Language Search with Knowledge Graphs - Trey GraingerHaystack 2019 - Natural Language Search with Knowledge Graphs - Trey Grainger
Haystack 2019 - Natural Language Search with Knowledge Graphs - Trey Grainger
 
Haystack 2019 - Search Logs + Machine Learning = Auto-Tagging Inventory - Joh...
Haystack 2019 - Search Logs + Machine Learning = Auto-Tagging Inventory - Joh...Haystack 2019 - Search Logs + Machine Learning = Auto-Tagging Inventory - Joh...
Haystack 2019 - Search Logs + Machine Learning = Auto-Tagging Inventory - Joh...
 
Haystack 2019 - Improving Search Relevance with Numeric Features in Elasticse...
Haystack 2019 - Improving Search Relevance with Numeric Features in Elasticse...Haystack 2019 - Improving Search Relevance with Numeric Features in Elasticse...
Haystack 2019 - Improving Search Relevance with Numeric Features in Elasticse...
 
Haystack 2019 - Architectural considerations on search relevancy in the conte...
Haystack 2019 - Architectural considerations on search relevancy in the conte...Haystack 2019 - Architectural considerations on search relevancy in the conte...
Haystack 2019 - Architectural considerations on search relevancy in the conte...
 
Haystack 2019 - Custom Solr Query Parser Design Option, and Pros & Cons - Ber...
Haystack 2019 - Custom Solr Query Parser Design Option, and Pros & Cons - Ber...Haystack 2019 - Custom Solr Query Parser Design Option, and Pros & Cons - Ber...
Haystack 2019 - Custom Solr Query Parser Design Option, and Pros & Cons - Ber...
 
Haystack 2019 - Establishing a relevance focused culture in a large organizat...
Haystack 2019 - Establishing a relevance focused culture in a large organizat...Haystack 2019 - Establishing a relevance focused culture in a large organizat...
Haystack 2019 - Establishing a relevance focused culture in a large organizat...
 
Haystack 2019 - Solving for Satisfaction: Introduction to Click Models - Eliz...
Haystack 2019 - Solving for Satisfaction: Introduction to Click Models - Eliz...Haystack 2019 - Solving for Satisfaction: Introduction to Click Models - Eliz...
Haystack 2019 - Solving for Satisfaction: Introduction to Click Models - Eliz...
 
2019 Haystack - How The New York Times Tackles Relevance - Jeremiah Via
2019 Haystack - How The New York Times Tackles Relevance - Jeremiah Via2019 Haystack - How The New York Times Tackles Relevance - Jeremiah Via
2019 Haystack - How The New York Times Tackles Relevance - Jeremiah Via
 
Haystack 2019 - Addressing variance in AB tests: Interleaved evaluation of ra...
Haystack 2019 - Addressing variance in AB tests: Interleaved evaluation of ra...Haystack 2019 - Addressing variance in AB tests: Interleaved evaluation of ra...
Haystack 2019 - Addressing variance in AB tests: Interleaved evaluation of ra...
 

Dernier

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Dernier (20)

Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 

Ed Ui - The Facebook API: Thinking about UI in a social way

  • 1. Facebook Apps: Thinking about UI in a social way Wayne Graham, UVa Arin Sime , OpenSource Connections
  • 2. About Us • Wayne Graham • Arin Sime • Software consultant with • MA in History OpenSource Connections • 10 years in higher ed/digital • UVa grad student at McIntire humanities • Community Development • Adjunct instructor at VCU • Geek • Working on challenge based fundraising tools for Facebook • Facebook API Developer’s Guide
  • 4. Is this a good idea • 300+ million users • Advertise events • Connect with students and prospective students • Limits...
  • 5. Web APIs • Extend existing applications • Web services... • Mashups http://www.internetannoyanceday.com/wp-content/uploads/2009/04/programmer.jpg
  • 7. Official Libraries • Java • PHP 5 • JavaScript • iPhone (Objective C) • ActionScript 3 • Force.com
  • 8. Unsupported Libraries Android • • Lisp Perl I can haz •ASP.net • Python • Ruby •Cocoa • Smalltalk •ColdFusion • Tcl • VB.NET •C++ • • Windows Mobile zembly my language •C# plzkthx
  • 9. Components • API (REST calls) • FQL (Facebook Query Language) • FBML/XFBML (extension of X/HTML tags) • FBJS (scrubbed JS)
  • 10. API Components • Authorization • Data Store • Permissions • Photo/Video Uploads • Notification
  • 11. First Steps • Add Developer App ( http://www.facebook.com/developers ) • Wiki ( ) http://wiki.developers.facebook.com • Developer Forum ( ) http://forum.developers.facebook.com/ • Get a sample app • Write Unit Tests!!!
  • 12. Yo Dude, I’m real happy for you. Imma gonna let you finish but MySpace is one of the best APIs of all time!!!
  • 13. From one extreme... http://apps.facebook.com/thesocialcircles/
  • 14. ... to the other extreme http://apps.facebook.com/thesocialcircles/
  • 15. Putting it all together
  • 16. Facebook app lifecycle
  • 17. 1. Get the Add Ge d tt Ad he
  • 18. Ge tt Ad he d Se tup 2. Setup
  • 19. Ge tt Ad he d Se tup Inc en tiv ize 3. Incentivize
  • 20. Ge tt Ad he d Se tup Inc en tiv ize are 4. Share Sh
  • 21. Ge tt Ad he d Se tup Inc en tiv ize are 5. Feed Sh Fe ed
  • 22. Ge tt Ad he d Se tup Inc en tiv ize ba me ! ck Co 6. Come back! are Sh Fe ed
  • 23. Ge And if you get it right... tt Ad he d Se tup Inc en tiv ize ba me ! ck Co are Sh Fe ed
  • 24. Ge And if you get it right... tt Ad he d Se tup Inc en tiv ize ba me ! ck Co are Sh Fe ed
  • 25. Ge And if you get it right... tt Ad he d Se tup Inc en tiv ize ba me ! ck Co are Sh Fe ed
  • 26. Facebook Athenaeum • Get Facebook users to library resources • Provide a social “hook” • Open Source
  • 28. Hook
  • 29. Questions? Wayne Graham, UVa http://www.facebook.com/design Arin Sime , OpenSource Connections http://www.ustream.tv/channel/facebook-tech-talks
  • 31. Oh yeah, code... response = fbsession.users_getInfo(:uids => [fbsession.session_user_id], :fields => ["first_name", "last_name", "name", "uid"])