Slideshow Transcript

1. Slide 2: The
Application
Platform
and
Facebook
Pages

2. Slide 3:   Access
to
Facebook
Technology
and
 Developer
Tools
   Access
user
information
and
relationship
data
   Harness
the
power
of
the
Social
Graph
   Monetization
Opportunities
   Target
millions
of
Users
   It’s
free
   Search
engine
indexable

3. Slide 4:   Access
various
features
of
the
Facebook
 platform
from
your
Website
   Forget
registration
–
let
users
login
through
 Facebook
   Access
user’s
social
network
from
your
 website
   Target
users
using
Facebook
profile
 information

4. Slide 5:   Facebook
has
millions
of
users
with
billions
of
 social
connections

   Access
to
Facebook
technology
to
build
 applications
   Promote
your
business
using
Facebook
   
Monetize
applications
the
way
you
want
   Build
a
business
around
a
facebook
 application
   85%
of
users
use
Facebook
Applications

5. Slide 6: The
first
steps
in
building
a
Facebook
application

6. Slide 7: API
Key
and
Secret
Key
   To
access
the
Facebook
API,
you
need
a
API 
Key
and
Secret
Key
   API
Key
and
Secret
Key
can
be
obtained
by 
setting
up
a
new
application
at:
 http://www.facebook.com/developers/

7. Slide 8: API
Client
Library
   Facebook
provides
code
to
help
you
connect
to
the 
API
platform
   Official
Libraries
for
PHP
and
JavaScript
   Unofficial
Libraries
for
C#,
Java,
VB,
ColdFusion, 
Perl,
Ruby,
ASP.NET
and
more
   Download
from 
http://developer.facebook.com/resources.php

8. Slide 9: Your
First
Application

9. Slide 10: Your
First
Application
(2)
   Code
on
previous
page
displays
“Hello, 
World”
in
Facebook.
   Code
can
be
reused
in
any
subsequent 
applications
you
create
   Lines
6‐7,
16
and
19
need
to
modified
for
each 
application
to
match
settings
   Line
32
is
not
needed

10. Slide 11: The
API,
Facebook
Mark‐up
Language
and
Facebook
JavaScript

11. Slide 12:   Facebook
provides
excellent
documentation,
 guides
and
tools
   http://developers.facebook.com
   http://wiki.developers.facebook.com
   The
Wiki
provides
code
examples
and
info
on
 how
to
use
the
API,
FBML
and
FBJS
   Facebook
Forums
are
useful
to
interact
with
 and
learn
from
other
developers
   http://forum.developers.facebook.com

12. Slide 13:   Get
access
to
facebook
via
the
Application
 Programming
Interface
(API)
   Uses
Representational
State
Transfer
(REST)
 Protocol
   Supports
many
programming
languages
   Official
API
Libraries
for:
   PHP
   JavaScript
   Java
(discontinued)

13. Slide 14:   Getting
user
profile
information:
   $facebook->api_client->users_getInfo();
   Getting
list
of
friends:
   $facebook->api_client->friends_get();   Setting
the
user’s
status:
   $facebook->api_client->users_setStatus();   Updating
the
user’s
profile
page:
   $facebook->api_client->profile_setFBML();
14. Slide 15:   FBML
is
an
extension
of
HTML
   Use
facebook
components
easily
using
FBML
   FBML
reduces
development
time
   Helps
you
maintain
facebook
look
and
feel
   Helps
provide
users
with
richer,
reliable
 experience

15. Slide 16:   Displaying
the
user’s
name:
   <fb:name uid=\"###\" />   Displaying
user’s
profile
picture:
   <fb:profile-pic uid=\"###\" size=\"square\" />   Displaying
error
message:
   <fb:error message=\"An error occurred\" />   Displaying
success
message:
   <fb:success message=\"Success!\" />
16. Slide 17: FBML
Example
(2)
 <fb:request-form action=\"index.php\" method=\"POST\" invite=\"true\" type=\"Facbook Application Workshop\" content=\"Your text goes here.\"> <fb:multi-friend-selector showborder=\"false\" actiontext=\"Invite your friends to the Facebook Application Workshop.\"> </fb:request-form>
17. Slide 18:   FBJS
is
a
reduced
and
modified
version
of
 JavaScript
   JavaScript
functions
have
been
renamed
and
 others
have
been
removed.
   JavaScript
vs.
FBJS:
   JavaScript:
 document.getElementById('field').value = \"hello\";   FBJS:
 document.getElementById('field').setValue(\"hello\");
18. Slide 19:   Getting
value
of
form
field:
   var str = obj.getValue(); 
instead
of
 var str = obj.value; 
   Hiding
an
element:
   obj.setStyle(\"display\",\"none\"); 
instead
of
 obj.style.display = \"none\";

19. Slide 20: FBJS
Examples
(2)
   Redirecting
user:
   document.setLocation('url'); instead
of window.location = 'url';   Writing
HTML/FBML
   obj.setInnerFBML(fbml); 
instead
of
 obj.setInnerHTML = 'fbml';

20. Slide 21:   Fully
utilize
the
Facebook
platform
   The
Wall,
Notifications,
Newsfeeds,
Messages,
Profile
 Actions,
Share
Buttons,
Invitations
etc.
   Promote
social
interaction
   Consistent
look
and
feel
   Keep
is
consistent
with
Facebook
   User
retention
   Don’t
force
invitations
   Don’t
spam
the
user
will
useless
information

21. Slide 22: Limitations
   Facebook
sanitizes
most
HTML
using
FBML, 
so
porting
website
to
Facebook
will
require 
some
rewrite
   Long
server
side
processing
can
crash 
application
in
Facebook
   JavaScript
is
disallowed
so
existing
JS
code 
must
be
written
to
comply
with
FBJS
   Not
all
JavaScript
functionality
is
provided
by 
FBJS,
so
not
all
code
can
be
rewritten

22. Slide 23: Limitations
(2)
   JavaScript
animation
cannot
be
used,
instead 
Facebook
provide
their
own
Animation
Library
   Calling
Flash
ActionScript
from
FBJS
requires 
ActionScript
rewrite
and
the
use
of
a
‘bridge’
   User
privacy
settings
can
affect
the
way
your 
application
works
–
user’s
can
block
certain 
settings.
E.g.
Newsfeeds,
email
notifications
etc.
   Changes
to
a
user’s
profile
page
cannot
be
done 
dynamically.
Profile
page
is
more
restrictive
–
no 
AJAX,
no
FBJS
and
only
come
FBML
tags
accepted

23. Slide 24: Promotion,
Business
Opportunities
and
Brands

24. Slide 25:   The
Bob
Dylan
 Application
increased
 online
interest
for
Bob
 Dylan
three‐fold
after
 application
release,
 according
to
Reuters

25. Slide 26:   Trade
A
Favor,
Inc.
is
a
 company
built
around
 an
application
   Application
lets
you
 trade
products
and
 services
with
other
 users
   You
can
monetize
your
 application
as
you
wish

26. Slide 27:   The
Euro
2008
 Predictor
Application
 is
powered
by
BetFair
   Purpose
of
application
 is
to
increase
brand
 awareness
and
drive
 users
to
the
BetFair
 Website
   Users
can
win
€5000

27. Slide 28: Launch
your
application
to
the
masses

28. Slide 29: Application
Directory
   Once
you
are
ready
to
launch,
submit
your 
application
to
the
Application
Directory
   Facebook
reviews
your
application
for 
appropriateness
and
ensures
it
abides
to
the 
Terms
of
Service.
   If
successful,
your
application
is
listed
in
the 
Application
Directory
for
everyone
to
see

29. Slide 30: How
many
users
use
your
application?

30. Slide 31:   Track
your
application
using
the
Facebook
 Insight
tool.

31. Slide 32: Facebook
Tracking
(2)
   Facebook
Insights
lets
you
track:
   Application
adds
and
removes
   Daily
active
users
   Canvas
page
views
   Blocks
and
Unblocks
   API
calls
   Monitor
application
growth/decline
over
time 
and
see
weekly/monthly
trends

32. Slide 33: Social
Insite
Tracking
   For
our
applications,
we
track:
   Influencers
–
who
influences
other
people
to
add
the 
application
   Friend
Graph
Penetration
–
what
percentage
of
friends 
have
the
application
installed
   Network
penetration
and
demographics
(e.g.
age,
gender, 
location)
   Viral
vs.
Non‐viral
–
percentage
of
viral
application
adds 
compared
to
non‐viral
adds
   Why?
–
Insight
and
tracking
word‐of‐mouth

33. Slide 34: Contact
Us:
gi@techlightenment.com,
niraj@techlightenment.com