• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Creating a Facebook App
 

Creating a Facebook App

on

  • 10,679 views

Presentation on How to Make Facebook Applications. Audio at http://www.mindgrub.com/NAB ...

Presentation on How to Make Facebook Applications. Audio at http://www.mindgrub.com/NAB
Learn how to create an application for Facebook in this introductory session. Create your first application, integrate with Facebook's API and publish it to your Facebook page.

Statistics

Views

Total Views
10,679
Views on SlideShare
10,665
Embed Views
14

Actions

Likes
17
Downloads
1
Comments
2

2 Embeds 14

http://www.slideshare.net 13
http://webcache.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • i want to download
    Are you sure you want to
    Your message goes here
    Processing…
  • very interesting sharing I will try to read more carefully to follow your instructions..
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Creating a Facebook App Creating a Facebook App Presentation Transcript

    • Creating A Facebook Application Todd Marks President & CEO Mindgrub Technologies LLC [email_address] Vince Buscemi VP Operations Mindgrub Technologies LLC [email_address]
    • Creating A Facebook Application
      • The Opportunity
      • Example Applications
      • Making Your First Application
      • The Facebook Platform
        • Working with the Facebook API
        • Facebook Developer Program
    • The Opportunity
    • Applications Are One of Many Opportunities
    • Some Application Examples
      • Farmville, Mafia Wars, Texas HoldEm Poker
    • Facebook Connect Applications
      • NY Social Sports Club
    • Facebook Connect Applications
      • NY Social Sports Club
    • Facebook Connect Applications
      • NY Social Sports Club
    • Facebook Connect Applications
    • Why Create A Facebook Application?
      • Automatic Account Creation and Login
      • Distribution: Global audience of 400+ Million Users
      • Automatic Social Graph Users can find their Facebook friends on the site .
      • Facebook Connect ’s ability to Publish content to the Facebook News Feed
    • Making Your First Application
    • Making Your First Application
      • Target your audience. Look for your constituents and target a function not currently being provided.
      • Think viral. Imagine what applications your users will want to share with their network.
      • Make it sticky. Offer something fun and useful. Provide some incentives to keep using the application.
      • Keep it simple. Advanced applications are a turn-off for many users.
    • Making Your First Application :: Features
      • Include in the Application directory
      • Make the app invite the user's friends
      • Display on the Canvas
      • Appear in the left hand navigation
      • Display a profile box
      • Access and Post to News Feeds
      • Send Email Alerts
      • Create Message Attachments
      • Integrate into Facebook's Privacy Settings
    • Applications Directory
      • Applications Directory
    • The Canvas
    • Canvas and Feed Dimensions
      • Left Nav (200px) // This is going away
      • Canvas (760px)
      • News Feed (460px)
      • Profile Mini-Feed(400px)
    • The Facebook Platform
    • Canvas and Feed Dimensions
      • API - Application Programmers Interface
      • FBML - Facebook Markup Language
      • FQL - Facebook Query Language
      • FBJS - Facebook Javascript
    • Where Does Your Application Live?
      • It lives on your servers and communicates with Facebook via the API, FQL, FBML and can get pulled in via iFrames
      FB server Broswer Your server
      • Go to canvas
      5) Return page 2) Send request & session_key 4) Response with page content 3) Call API
    • Working With The Facebook API
    • Working With The Facebook API
      • Official supported client libraries:
      • PHP (4 and 5), Java.
      • developers.facebook.com/resources.php.
      • Unofficial client libraries include:
      • ASP.NET, ASP (VBScript), ColdFusion, C++, C#, D, Emacs List, PHP4, Lisp, Perl, Python, Ruby on Rails, VB.NET, and Windows Mobile.
      • wiki. developers.facebook.com.
    • Sample API Usage
      • $user_data = array(‘name’, ‘pic’, ‘activities’);
      • $current = $facebook->api_client->users_getInfo($user, $user_data);
      • echo “<p>Your name is {$current[0][‘name’]} </p>”;
      • echo “<p>Here is what you look like: <img src=’{$current[0][‘pic’]} /></p>”;
    • Facebook Markup Language (FBML)
    • Facebook Markup Language (FBML)
      • FBML contains a subset of HTML elements such as p, ul, and h1.
      • Allows for &quot;qualified&quot; support of Script (FBJS) and Style Elements (localized CSS)
      • Contains a library of FB specific markup
    • Sample FBML Usage
      • <fb:if-can-see uid=”665127078” what=”profile”> <p>You can see the application<p> <fb:else>You can not see the application, go away </fb:else> </fb:if-can-see>
    • Facebook Query Language (FQL)
    • Facebook Query Language (FQL)
      • Facebook Query Language (FQL) is a SQL-based interface into Facebook data. You can access many Facebook database tables, including user, friend, group, group_member, event, event_member, photo, album, and photo_ tag.
    • Sample FQL Usage
      • $friends = $facebook->api_client->fql_query(“SELECT uid, name FROM user WHERE uid IN (SELECT uid2 FROM friend WHERE uid1=$user)”);
    • Facebook JavaScript (FBJS)
    • Facebook JavaScript (FBJS)
      • Instead of using the standard JavaScript DOM, Facebook provides its own alternative DOM implementation. Many FBJS object implementations are the same as standard JavaScript, although there are some differences.
      • Ex: Standard JS - document.href
      • FBJS - getHref, setHref
    • Initialize Application
    • Initialize Application
      • <?php
      • require_once '../facebook-platform/client/facebook.php';
      • // *** Add your Facebook API Key, Secret Key, and Callback URL
      • $appapikey = '[your API Key]';
      • $appsecret = '[your Secret key]'
      • $appcallbackurl = '[your web app url]';
      • // Connect to Facebook, retrieve user
      • $facebook = new Facebook($appapikey, $appsecret);
      • $user = $facebook-->require_login();
      • ?>
    • Getting Started
    • Getting Started
      • http://www.facebook.com/developers
    • Getting Started The application basic information includes API Key and Secret Key
    • Getting Started The application basic information allows you to set a description, icon and logo
    • Getting Started The application canvas settings allows you set the application size and location
    • Resources
    • Resources
      • facebook.com/developers
      • developers.facebook.com
      • wiki.developers.facebook.com
    • Todd Marks President & CEO Mindgrub Technologies LLC [email_address] Vince Buscemi VP Operations Mindgrub Technologies LLC [email_address] Questions? ( www.mindgrub.com/NAB ) ( www.twitter.com/mindgrub )