Who am I ?




   • Vivie
VIVIEN
  SCHILIS



French student
MIKAMAI INTERN
http://twitter.com/vivienschilis



   vivien.schilis@gmail.com
What are we talking about ?
• Facebook
• The Facebook platform
• Create a facebook application
• Make it social
• Current trends
• My Fb expriences
INTRO - Boring stuff


• Largest social networking site
 • More than 200 million active users
 • More than 100 million users log on to
    Facebook at least once each day
INTRO - Boring stuff
• 2007   - Facebook launched the Facebook Platform
  providing a frame work to create applications that
  interact with core Facebook features.

 • More than 950,000 developers
 • Every month, more than 70% of Facebook users
    engage with Platform applications

 • More than 52,000 applications currently available
 • More than 100 applications have more than one
    million monthly active users
INTRO -
    How interact with facebook?

"We released Facebook Platform in 2006 so our developers
 could create applications that allow users to share and stay
                         connected"
INTRO -
    How interact with facebook?

"We released Facebook Platform in 2006 so our developers
 could create applications that allow users to share and stay
                         connected"

                    ... and stay addicted
INTRO -
How interact with facebook?

        Facebook connect


         Facebook apps
INTRO -
How interact with facebook?

        Facebook connect


         Facebook apps
The facebook platform

• Run into facebook

• Hosted on your server
The facebook platform

• Canvas page
• Canvas page name : mygreatapp
• Canvas page URL :
  •   https://apps.facebook.com/mygreatapp

• Callback URL :
  •   https://mygreatapp.myserver.com/
Canvas page
The facebook platform

• Canvas page
• Canvas page name : mygreatapp
• Canvas page URL :
  •   https://apps.facebook.com/mygreatapp


• Callback URL :
  •   https://mygreatapp.myserver.com/
https://apps.facebook.com/mygreatapp/users              CALLBACK URL

                 CANVAS URL
User                                                Facebook




                                                                      MY SERVER




            CONTENT IMBEDED INTO
              THE CANVAS (HTML)


                                                    Facebook   CONTENT (HTML)
User
Get social data

• FBML (Facebook Markup Language)
• Evolved subset of HTML
• Allow to customize “look and feel” of apps
• Specific tags: <fb:name>, <fb:create_button>
CANVAS URL                                         CALLBACK URL


User   https://apps.facebook.com/mygreatapp/users         Facebook




                                                                              MY SERVER




             CONTENT IMBEDED INTO
               THE CANVAS (HTML)

                                                                          CONTENT

User
                                                         Facebook    (HTML + FBML)


                                                    RENDER FBML TO HTML
CANVAS URL                                           CALLBACK URL


User   https://apps.facebook.com/mygreatapp/users         Facebook



                                                              API Facebook


                                                                                 MY SERVER


                                            Facebook          SOCIAL DATA


             CONTENT IMBEDED INTO
               THE CANVAS (HTML)

                                                                             CONTENT

User
                                                         Facebook       (HTML + FBML)


                                                    RENDER FBML TO HTML
Create a new app
http://www.facebook.com/developers/apps.php
Make you app social
                             Get friends’ user
Get user’s info
                                           Get user’s media
                  WIDGETS
     Friends selector
                                          FB look and feel
     Embed media (flash, mp3, ...)

           Publish a message on the user’s wall
Widget : <fb:share>




<fb-share-button href=’http://apps.facebook.com/mygreatapp/’>
Requests

App side
Requests
User side
Widget : <fb:comments>
Notifications
Publisher
Trends
• Quizz (How well do you know..., What kind of
  person are you)
• Feelings (He said something about you)
• Contest (Your friends have done... challenge
  him)
• Top Five
• Media sharing
My Fb experiences
Pickmi
PickCover
No Fb no party
Next apps?
Code name: scambio utile


• Create an item
• Description / State
• Add attachments (photos)
• State: Available | Not available | Exchanged/
  Lent
Code name: scambio utile
• Actions :

• Set an item available
• Users can search an item
• Ask to use it, select dates
• Can propose one of his items
Code name: scambio utile

• Actions :

• Requested user can accept
• Can request one of his items in exchange
Code name: scambio utile

• Actions :

• Follow an item and be notified when available
• Publish on your wall 5 items
Conclusion

• Facebook platform is easy to use
• Set up is a little more complex
• Make some traffic about your app

• Want to start => RAILS + FACEBOOKER

Facebook Dorkbot

  • 2.
    Who am I? • Vivie
  • 3.
    VIVIEN SCHILIS Frenchstudent MIKAMAI INTERN http://twitter.com/vivienschilis vivien.schilis@gmail.com
  • 4.
    What are wetalking about ? • Facebook • The Facebook platform • Create a facebook application • Make it social • Current trends • My Fb expriences
  • 5.
    INTRO - Boringstuff • Largest social networking site • More than 200 million active users • More than 100 million users log on to Facebook at least once each day
  • 6.
    INTRO - Boringstuff • 2007 - Facebook launched the Facebook Platform providing a frame work to create applications that interact with core Facebook features. • More than 950,000 developers • Every month, more than 70% of Facebook users engage with Platform applications • More than 52,000 applications currently available • More than 100 applications have more than one million monthly active users
  • 7.
    INTRO - How interact with facebook? "We released Facebook Platform in 2006 so our developers could create applications that allow users to share and stay connected"
  • 8.
    INTRO - How interact with facebook? "We released Facebook Platform in 2006 so our developers could create applications that allow users to share and stay connected" ... and stay addicted
  • 9.
    INTRO - How interactwith facebook? Facebook connect Facebook apps
  • 10.
    INTRO - How interactwith facebook? Facebook connect Facebook apps
  • 11.
    The facebook platform •Run into facebook • Hosted on your server
  • 12.
    The facebook platform •Canvas page • Canvas page name : mygreatapp • Canvas page URL : • https://apps.facebook.com/mygreatapp • Callback URL : • https://mygreatapp.myserver.com/
  • 13.
  • 14.
    The facebook platform •Canvas page • Canvas page name : mygreatapp • Canvas page URL : • https://apps.facebook.com/mygreatapp • Callback URL : • https://mygreatapp.myserver.com/
  • 15.
    https://apps.facebook.com/mygreatapp/users CALLBACK URL CANVAS URL User Facebook MY SERVER CONTENT IMBEDED INTO THE CANVAS (HTML) Facebook CONTENT (HTML) User
  • 16.
    Get social data •FBML (Facebook Markup Language) • Evolved subset of HTML • Allow to customize “look and feel” of apps • Specific tags: <fb:name>, <fb:create_button>
  • 19.
    CANVAS URL CALLBACK URL User https://apps.facebook.com/mygreatapp/users Facebook MY SERVER CONTENT IMBEDED INTO THE CANVAS (HTML) CONTENT User Facebook (HTML + FBML) RENDER FBML TO HTML
  • 20.
    CANVAS URL CALLBACK URL User https://apps.facebook.com/mygreatapp/users Facebook API Facebook MY SERVER Facebook SOCIAL DATA CONTENT IMBEDED INTO THE CANVAS (HTML) CONTENT User Facebook (HTML + FBML) RENDER FBML TO HTML
  • 21.
  • 22.
  • 24.
    Make you appsocial Get friends’ user Get user’s info Get user’s media WIDGETS Friends selector FB look and feel Embed media (flash, mp3, ...) Publish a message on the user’s wall
  • 25.
    Widget : <fb:share> <fb-share-buttonhref=’http://apps.facebook.com/mygreatapp/’>
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
    Trends • Quizz (Howwell do you know..., What kind of person are you) • Feelings (He said something about you) • Contest (Your friends have done... challenge him) • Top Five • Media sharing
  • 32.
  • 33.
  • 35.
  • 38.
    No Fb noparty
  • 40.
  • 41.
    Code name: scambioutile • Create an item • Description / State • Add attachments (photos) • State: Available | Not available | Exchanged/ Lent
  • 42.
    Code name: scambioutile • Actions : • Set an item available • Users can search an item • Ask to use it, select dates • Can propose one of his items
  • 43.
    Code name: scambioutile • Actions : • Requested user can accept • Can request one of his items in exchange
  • 44.
    Code name: scambioutile • Actions : • Follow an item and be notified when available • Publish on your wall 5 items
  • 45.
    Conclusion • Facebook platformis easy to use • Set up is a little more complex • Make some traffic about your app • Want to start => RAILS + FACEBOOKER