SlideShare uma empresa Scribd logo
1 de 33
Baixar para ler offline
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

Mais conteúdo relacionado

Mais 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
 

Mais 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...
 

Último

Último (20)

AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
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...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
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
 
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...
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
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...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 

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"])