facebook dorkbot

45

Upload: vivien-schilis

Post on 15-Apr-2017

700 views

Category:

Technology


0 download

TRANSCRIPT

• Vivie

Who am I ?

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

Facebook connect

Facebook apps

INTRO - How interact with facebook?

The facebook platform

• Run into facebook

• Hosted on your server

• Canvas page

• Canvas page name : mygreatapp

• Canvas page URL :

• https://apps.facebook.com/mygreatapp

• Callback URL :

• https://mygreatapp.myserver.com/

The facebook platform

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/

Facebook

Facebook

User

User

CANVAS URL

CALLBACK URL

CONTENT (HTML)

CONTENT IMBEDED INTO THE CANVAS (HTML)

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

MY SERVER

• FBML (Facebook Markup Language)

• Evolved subset of HTML

• Allow to customize “look and feel” of apps

• Specific tags: <fb:name>, <fb:create_button>

Get social data

Facebook

Facebook

User

User

CANVAS URL CALLBACK URL

CONTENT IMBEDED INTO THE CANVAS (HTML)

CONTENT

(HTML + FBML)

RENDER FBML TO HTML

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

MY SERVER

Facebook

Facebook

User

User

CANVAS URL CALLBACK URL

CONTENT IMBEDED INTO THE CANVAS (HTML)

CONTENT

(HTML + FBML)

RENDER FBML TO HTML

MY SERVER

Facebook

API Facebook

SOCIAL DATA

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

Create a new app

Make you app social

Get friends’ userGet user’s info

Publish a message on the user’s wall

Get user’s media

Embed media (flash, mp3, ...)

FB look and feelFriends selector

WIDGETS

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?

• 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

Code name: scambio utile

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