advertisement

Charlie Cheever Facebook Developer Garage Uganda

75 %
25 %
advertisement
Information about Charlie Cheever Facebook Developer Garage Uganda
Technology

Published on December 13, 2008

Author: leila_c

Source: slideshare.net

Description

Charlie Cheever's presentation to developers at Facebook Developer Garage Uganda on how to build an application on Facebook.
advertisement

Facebook Developer Garage Kampala Charlie Cheever Platform Engineering, Facebook

Review: A Web App pretty simple

A Facebook App - What do you Get? • Authentication for free. Less code for you to write, less work for users to login, a realer concept of identity • Data about the people who use your app • names, profile pictures, interests, favorite books, favorite movies • ... and friends • Messaging (notifications, requests) -> Distribution • Convenient widgets. Friend selector, mp3 player, etc. • You can show ads on your application and keep all those revenues

Some Examples of What’s Being Done with the Facebook Platform

TechCrunch (technology blog)

TechCrunch

TechCrunch

iLike (social music)

Flixster (social movies)

Prolific (games!)

Facebook Platform Technology • API • FBML

Facebook API • Read data from Facebook • about users, ex. names, profile pictures, favorite books, favorite movies, etc. • other data like photos, groups, events, etc. • almost all the data that’s available on Facebook • Messaging - sending e-mails to users, sending Facebook requests, sending Facebook notifications • Publishing news feed stories

FBML • Basically HTML with a few extras • Sanitary - Safe for Facebook to display anywhere • Makes it easy to efficiently embed social data • Provides convenient widgets like friend selectors

How Facebook Apps Work • Facebook Connect Applications • FBML Canvas Applications • IFrame Canvas Applications • Big Question: How do we efficiently involve a third party when a user loads a webpage?

FBML Canvas Apps

FBML Canvas Apps

IFrame Canvas Apps

IFrame Canvas Apps Using XFBML

IFrame Canvas Apps

Facebook Connect Apps 1. initial request from user Your Server User 4. regular response from your server 2. server-side API call to Facebook (optional) 5. JS API Call to Facebook 3. server-side API response (optional) 6. JS API response from Facebook Facebook

Facebook Connect Apps

Getting Your Feet Wet Some Simple Examples • http://apps.facebook.com/devgaragekampala/ • A Facebook app that I’ve set up that will let you test out snippets of code and get some experience with the API and FBML

Examples • http://apps.facebook.com/devgaragekampala/ • Hello, Uganda! • Hello, Mark Zuckerberg • Hello friends! • Pick a friend • Someone Else’s Code

Setting Up A Real App • We’ll use a free hosting service called AppJet in this example but you can use any kind of hosting.

• AppJet is a free, web-based hosting service • Great for prototyping websites with Javascript • Has built-in Facebook support

Your Preview program

First Program

Remember this name.

Now we have a real website

http://www.facebook.com/developers

Remember this Canvas URL

Congratulations! You now have a Facebook application. Write these keys down

Add the following to your app. import(quot;facebookquot;); fb.init(); print(quot;Hello Kampala!quot;);

Type in your Canvas url Paste in your API Key and Secret

Clicking Publish will take your application live

Web Resources • FB Developers Wiki: http://wiki.developers.facebook.com/ • API Test Console: http://developers.facebook.com/tools.php?api • FBML Test Console: http://developers.facebook.com/tools.php?fbml • AppJet (free, easy hosting): http://www.appjet.com/ • FB Developer App (for setting up an app): http://www.facebook.com/ developers/ • Facebook Developer Site: http://developers.facebook.com/

Questions? charlie@facebook.com

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

Facebook Developers Garage: Uganda - ReadWrite

Facebook senior engineer Charlie Cheever flew to Kampala, Uganda, a couple of weekends ago to lead a Facebook Developers Garage and teach 100 ...
Read more

Facebook - Log In or Sign Up

Create an account or log into Facebook. Connect with friends, family and other people you know. ... Developers: Careers: Privacy: Cookies: Ad Choices ...
Read more

Charlie Brown | Facebook

Charlie Brown is on Facebook. ... Richard Rawlings, Gas Monkey Garage, Marshall McPeek, ... Charlie Cheever. John Brown.
Read more

Charlie Cheever Quora - Charlie Cheever Net Worth

charlie cheever quora? Charlie Cheever Net Worth is $ ... Charlie is a graduate of Harvard College with ... Charlie Cheever Facebook, Charlie Cheever ...
Read more

Quora - Wikipedia, the free encyclopedia

Charlie Cheever: Key people: Adam D'Angelo (CEO) Employees: 106 [1] ... D'Angelo resigned from his position at Facebook in January 2010 to create Quora. [5]
Read more

Words With Friends on Facebook | Facebook

Facebook logo. Email or Phone: Password: Keep me logged in. ... Words With Friends. Loading... ...
Read more

Facebook - Connexion ou inscription

Avec Facebook, partagez et restez en contact avec votre entourage. Inscription. C’est gratuit (et ça le restera toujours)
Read more

Maria Vega | Facebook

Maria Vega is on Facebook. ... Austin Fire Department, Austin Online Garage ... Dover High School lost classmate and friends memorial, Charlie Sheen ...
Read more

Sean Paul Sitter - void *nihilism = NULL; | about.me

... mobile application developer, ... Charlie Cheever ; Patrick Li ; ... About.me makes it easy for you to learn about Sean Paul Sitter’s background and ...
Read more