COLLABORATION

Website

Home Page

Facebook Registration

•Types–Private profile

–Public profile

• Private profile- Individual user information

• Public profile-User can become fan of individual product, service or concept.

-Integrated with facebook Advertising system.

TO CREATE A PRIVATE PROFILE

Hey its very simple to create

your profile. Just fill in the

required information.

Thats it !For age

authenticity and age

appropriate

Val

idat

ion

All the fields

must be filled.

Even if one field is empty u cant

sign up.

A Code for security which is randomly

generated by the Server.

AFTER SIGN UP

This list of friends appear from the user E-mail id

contacts.

User Can Add friends who

are already in the Facebook

by giving their E-mail id.

User Page

TO CREATE A PUBLIC PROFILE

Do You want to market your

product?Do you want

Publicity?A simple way

just create your own page for

celebrity, band or business

Error repopulation due to unfilled actor name

Hey ! write your name as I mentioned in electronic signature signature or else here is the error

Use audio or text captcha or else here is the error

In audio captcha Hear code and

enter here

In text captcha See the code and

enter here

After you click next page is entry of ur id and password as I have

arrowed

Select the Group you

want to create

The various type inside a

selected group

Predicted location

Watch out error

Error rectification

guidence

Creatorcontrols

Creator options

Invitations for friends to join

my group

Shotouts to advertise

After clicking this, followed by the arrow

Post out your details

Pay for advertisement

creator details

Fans interests and involvement

Click here to post on your

wall

Report the creator if

you dislike

Login Session For Users With A Facebook Account

User Page

Blogs

Choose Any blog

Click to Add

Account.

Choose your any account here.

Enter your account username, password

& Website.

It added your blog Account.

Post here.

Your blog is posted.

Micro Blogs

Micro Blogs

Slidecast

Click Here to Upload your slides.

Browse your files.

Choose your file want to

upload.

On progress of uploading.

Choose your title &

description.

Your file want to publish press the

button.

Slide publish successfully.

After publish it added My slidespace.

Slide publish in the slideshare

player.

Post your slide to

Facebook.

Enter the Facebook

description.

Click here Share your to Facebook.

After Share your slidecast it enter to

Facebook page.

Videos

Select already uploaded

video

Instructions

Personal face book id

To Send this id to my mail

To Refresh my facebook id

Check out the example

Record video through web

cam maximum of 2

minutes

MOBILE

Upload Photos via Email• Use a personalized upload email to send photos and videos

straight to your profile

Facebook Mobile Texts• Update your Status or Message friends using text messages.• Receive SMS texts with Status Updates, Messages and Wall

Posts as they happen.• Update your Status, browse your News Feed and view friend’s

Profiles all from your phone.• Works on all phones with mobile web access.

Facebook for your phone• Download rich, interactive applications built for your phone.

Available for:• iPhone• Palm• Sony Ericsson• INQ• Blackberry• Windows Mobile• Widsets

IMAGES

Add this application to face book

Options to add ,post in wall,,send as request to friend

RSS IN

[Really Simple Syndication ]

Import External

Blog on your Notes.

After Import RSS feed it show to My Notes.

RSS OUT

Add this application

Enter the login and password

Twitter in facebook

Look out the updation in twitter from face book

BOOKMARK

Step1 - Create a list as bookmark

Step 2 – created list for post

Step 3 - Posted out list

Webcast

Search webcast application

Choose Any

webcast.

Allow access for the application

Webcast access your application.

Tag cloud

Select an tag cloud

application

Allow access to your facebook.

Friend cloud tag application

to generate your facebook.

This is my friends cloud tag.

Add to allow your facebook wall.

Click to keep your facebook wall

After Friends cloud tag

added your facebook wall.

Photo tagger

Choose photo tagger

application.

After allow to photo tagger, click here to register.

Registering photo tagger

Podcast

Select an Podcast player

application

Click here to add podcast

player.

Click here to keep in touch your Facebook.

It added in your

Facebook.

E BOOK

Select an Myebook

application

Allow access to your facebook.

Send Myebook request to your friends.

Add to favorites to your myebook

Groups

Select an Music groups

application

Allow access to your facebook.

News and Bullets

• Application is found by searching.

• The application is selected.

• Select Go to Application.

• Allow access.

• Now the application is added to your profile.

The list of applications for

News and bullets

Social news application is

selected

Social News

• It is used to find and share popular news.

• Most shared contents are made available.

• Users can select blog and publishers of their interest.

• User can share the news with friends.

Allow access

Select the particular blog and publishers for news

Social news is displayed in the screen. It can be shared.

Job Boards

• Job boards application is searched.

• Select a particular application.

• Allow access.

• Access the Application.

• The Application is added to your profile.

The Application for job board is selected

List of Applications for job board

Dice Job Search

• It displays the career resource.

• It has job search engine, updated discussion topics and salary functions.

Allow access to the Application

Jobs can be searched from the dice page

Comments

• Comments Application is searched.

• A particular application is selected.

• Allow access.

• Access the application.

• The Application is added to your profile.

Comments Application

Beautiful Comments

• This application is to send beautiful comments for friends.

• The comments like “Hello”, ”Have a nice day”, ”Have a great weekend”.

Allow access to the application

Choose a gift from the list to send to your friends

Pick name from the friends list.

Ratings

• Ratings application is searched.

• Select a particular application.

• Allow access.

• Access the Application.

• The Application is added to your profile.

This is the ratings comments application

Professor Ratings

• Grade Histories:

-A professor grades every subject form A-F.

-This helps the students to choose subject.

• Professor Reviews:- This to show their love or hate professors.

Allow Access to the application

Rating is been awarded to the professors

Particular state is selected

Search by giving name or

course

Browse courses from the application

The department is added

Add Professor to the list

Adding professor with department to the list

Rating is given to the selected name

Rating review for the professor

Voting

• Voting application is searched.

• Select a particular application.

• Allow access.

• Access the Application.

• The Application is added to your profile.

Selecting the particular

application

India Voting

• It is a fun game related with politics.• Hilarious quiz type games and Tug Of War. • The Fun Games :-

- Indian Political League. (Political Cricket)- Laloo Ki Last Train.- Chappal Ki Gunj.

Allow access to the Application

Accessing the application

PMO Skills

Facebook Developer Wiki

• Technical reference for developers.

• It is not the place to ask question regarding our profile or account.

• standards-based Web service with methods for accessing and contributing Facebook data

Developer Wiki

• Users can– edit the contents.– Create new contents.– Remove the contents.

Post in Wiki

• Get into the developers page.

• Then select documentation.

• Select contribute from Get involved.

• Then select edit.

• Now you can edit the wiki pages with the formal codes.

• Save the page.

Removing contents in Wiki

• Get into the developers page.

• Then select documentation.

• Select contribute from Get involved.

• Then select edit.

• Remove the article which is not useful.

• Save the page.

A content has been edited

Edited content is displayed in the page

Steps for setting up our Application

• Login to our developer application.• Begin setting up a new Application.

– API key.

– Application secret key.

• Settings are been edited before getting into the code.• Enter a Callback URL.• Enter the Canvas page URL.• Adding the application to Facebook.• Save and Continue.

Steps for Configuring our Application on the Host

• In Developer Application- click example code link.

• Copy the contents of this file and paste it into a file called index.php on your server.

• Test the code- enter the Canvas page URL on the browser.

• Executed- Facebook Page containing first 25 friends

ASK & ANSWER

• In this session questions can be posted by the user to the forum.

• It is been answered by the forum team.

• We can find frequently asked question in the forum.

Forum

• Basics

• Application Verification Program.

• Facebook Connect.

• Technical.

• Integration Points

• Business.

• Feedback.

BASICS

• Getting Started

• Developer Updates

• FAQ

• General

Application Verification Program

• Application Verification Program - General

Facebook Connect

• Connect – General

• Connect - Plugins and Blogs

• Connect - API/Javascript

• Connect – Xfbml

• Connect – Authentication

• Connect - Friend Linking

• Connect - Feed Stories

Technical

• Facebook Open Platform

• API

• FBML/FBJS/FBJS2

• Platform Architecture

• Desktop Applications

• Mobile and Handheld

Integration Points

• Integration Points General Discussion

• Application sections on Info tab

• Feed stories

• Profile boxes

• Publisher

Business

• Hosting

• Advertising / Monetization

• Jobs

• Projects

• App Reviews / Testing

• Application Marketplace

Feedback

• Developer Feedback to Facebook (General)

• Feature Requests (Platform)

• Random

Post in Forum• Register in the forum group.

• Confirmation of account through E-mail.

• Design your profile.

• Select a particular topic.

• Post your questions.

Registering in the forum

A new topic is been selected and question is posted

A question is posted to the forum

Ask & Answer• What is Facebook Platform?• What are applications on Facebook?• What is Facebook Connect?• Getting started.• Authorizing users.• Accessing a user's profile data, friends, and stream.• Requests, notifications, and publishing to stream.• Connect FAQs• Application Directory.• Application Verification Program.• Integration into Facebook profiles, Pages, and Publisher.• Insights and analytics.• Making money.• Other questions?• Testing and troubleshooting.• Policies and terms.• Support for users and third-party application support.

CHAT

• It is possible in the Facebook to chat with the friends by adding them to the chat list.

• To chat, just add as friend or send friend request.

• It is possible to chat only if both the user is online.

Chatting in Facebook

E-Mail

• It is possible to e-mail from the facebook.

• We have compose message from inbox menu.

• Photos,videos and links can be attached to the mail.

This box appears when we select the compose message

from inbox.

We can type the name of a friend, list or email address to whom we

have to send the message

We can attach photo video and link.

Photo has been attached to the mail

Videos can be uploaded from the

camera on your system

A link has been attached

to the mail

Added Link

Build Tools

• API Test Console.

• FBML Test Console.

• Feed Template Console

• Registered Templates Console.

Friends.get method is tested

This tool is to register a new template bundle on behalf of any one of the applications you own.

It tests the registered templates.

INNOVATION

Understanding and building software.

Hey! Wanna job in facebook look out for

your field.

Look out for this example job offer.

Platform Core Components• The API- consists of a number of methods to add social context to

your applications.

• FBML- Facebook Markup Language, ,integrates your application into Facebook.

• XFBML, an extension to FBML, lets you incorporate FBML into Facebook Connect sites and IFrame applications.

• FQL, Facebook Query Language, which lets you quickly and easily query for Facebook user data without using the API.

• FBJS, Facebook's method for letting developers incorporate

JavaScript into their applications.

API

• Add social context to your application by utilizing profile, friend, Page, group, photo, and event data.

• • The API uses a REST-like interface.

• Method calls are made over the internet by sending HTTP GET or POST requests to the Facebook API REST server .

• Nearly any computer language can be used to communicate over HTTP with the REST server.

• If you manually form your HTTP POST requests to Facebook, you must include the request data in the POST body

API MethodsSOME METHODES IN API• admin.getAllocation

– Returns the current allocation limit for your application for the specified integration point.

• admin.getAppProperties – Returns values of properties for your applications from the Facebook

Developer application. • admin.getMetrics

– Returns specified metrics for your application, given a time period. • admin.getRestrictionInfo

– Returns the demographic restrictions for the application. • admin.setAppProperties

– Sets values for properties for your applications in the Facebook Developer application.

• admin.setRestrictionInfo – Sets the demographic restrictions for the application.

API Categories

• API methods that never require a session key, unless a desktop application calls them.

• API methods that don't require a session key, but can provide additional functionality if specified

• API methods that always require a session key ---always require a session key, whether a Web application or a desktop application calls them.

• Session Secret and API Methods ---the application's API key and secret key provide sufficient security for making API calls

FRAME WORK FBML

• Faster on first page loads

• Has fewer moving parts and the paradigm is closer to that of the traditional Web

• Gives you easy access to lots of Facebook elements

• Lets your application pages have nice URLs

• Has a sensible authorization mechanism

IFrames • easier and faster if you have an existing application, widget, or

website if the application utilizes XFBML • Are faster if you are doing a lot of AJAX in your application, since

the requests don't need to go through Facebook proxy

• Debugging regular HTML and JavaScript is easier than for FBML and FBJS given the tools available today

• Allow you to use popular JavaScript libraries like jQuery in your code, but you'd have to modify the library to use it in FBJS, and some things just might not work

Fb:dashboard

• Renders a standard Facebook dashboard header. • Dashboards can contain the following elements: • fb:action • fb:create-button • fb:help

Fb:action

• Renders a link, usually for navigational purposes. Its appearance

depends on its container.

Fb:create-button

• Renders a Create button for adding user-generated content. This tag must be a child of fb:dashboard.

Fb:help• Renders a help link. This tag must be a child of fb:dashboard.

RIA WIDGETS• Fb:comments (XFBML)

• Displays a Comments Box on a Facebook Connect site or in an IFrame application.

• You can modify the Comments Box's colors and fonts, but you cannot delete, obscure or modify:

The Facebook favicon The links to the logged in user and logout The user's profile picture The checkbox to let the user agree to publish the comment on their profile The Post button

Examples • <fb:comments numposts="4" title="My Blog Comments"

css="http://www.yourwebsite.com/css/comments.css?1234" simple="1"></fb:comments>

Fb:live-stream• Use this tag to render a Live Stream Box social widget on your

FBML canvas pages or Facebook Connect sites.

Web services• DynamicFBML/Visibility These elements all control the visibility of an element or a set

of elements.

Format is clickto*="id1,id2,id3".

• clicktoshow - Sets the specified IDs to visible.

• clicktohide - Hides the specified IDs

• clicktotoggle - Will flip the visibility of the specified elements.

• clickthrough - If true, allows checkboxes to change state, buttons to submit forms, etc.; if false, normal behavior of the element is inhibited.

Example

<a id="show_text" href="#" clicktohide="show_text" clicktoshow="History,hide_text"> Show History</a>

<a id="hide_text" href="#" clicktohide="History, hide_text" clicktoshow="show_text" style="display:none">Hide History</a>

<div id="History" style="display:none"> THE STUFF </div>

DynamicFBML/MockAJAX

Attributes

• clickrewriteid - This is the id of the div that will be replaced by the returned data.

• clickrewriteurl - This is the (non-canvas) url from which it will grab the data.

• clickrewriteform - This is the form to use when submitting.

• DynamicFBML/Forms• From Facebook Developer Wiki• Jump to: navigation, search• clicktoenable - Will enable the form elements specified

by id. • clicktodisable - Will disable the form elements specified

by id. • clickthrough - Will allow clicks on elements using

Dynamic FBML to go through to the element. • Example

• <form> <input type="text" id="firstname" name="firstname" /> <input id="sendbutton" type="submit" value="Submit" clicktodisable="firstname" clicktohide="sendbutton" clickthrough="true" /> </form>

Requirelogin

• To ensure that the user has authorized your application before accessing the contents of the link or form.

Examples <a href="http://www.somewheretogo.com/loggedinusersonly.php"

requirelogin=1>You must be logged in to follow me</a> <form

action="http://www.somewheretogo.com/loggedinusersonly.php" requirelogin=1> ... your regular form fields, just be sure not to name any field 'submit' ... </form>

UsageNotes/CSS

• style attributes are allowed, though url() tokens cannot reference JavaScript.

• id attributes get prefixed with the string app followed by the application ID of the calling application, followed by an underscore.

• So, this FBML: – <div id="mybox"></div>– would become: – <div id="app2235437893_mybox"></div>

Images

• Facebook Platform handles img tags in a special manner.

• When publishing a page, Facebook servers request any image URLs and then serves these images

• Rewriting the src attribute of all img tags using a *.facebook.com domain.

• Facebook's cache of images displays a blank image if there is a problem. You can request your image be re-cached by using facebook.fbml.refreshImgSrc('imgURL').

UsageNotes/Forms• Facebook created an override for the HTML form tag to provide applications

with special behavior.

• This override is for the fb:request-form FBML tag.

• The FBML code:

• <form></form> Would expand to HTML something similar to: • <form> <input type="hidden" name="fb_sig_profile" value="1160"/>• <input type="hidden" name="fb_sig_user" value="1160"/> • <input type="hidden" name="fb_sig_session_key"

value="b12d7f73fc47536b32e89e-1160"/> • <input type="hidden" name="fb_sig_time" value="1176705186"/>• <input type="hidden" name="fb_sig"

value="773af1263c2b7bade7958e6b58d3152f"/> • </form>

UsageNotes/Flavors

• In different contexts, you are allowed to do different things in FBML.• • These contexts are formalized with a concept called "flavors."

• A concrete example of this is a Facebook Canvas page vs. a profile box.

• In a Canvas page, you can have IFRAMEs, while you can't do this in a profile box.

User ID

• The user ID is a 64-bit int datatype. If you're storing it in a MySQL database, use the BIGINT unsigned datatype.

• Any time an FBML tag requires a Facebook user ID, you can use the string loggedinuser or profileowner to substitute the IDs of those users.

• If you are using fb:pronoun, you can substitute actor for the user ID so you can more easily aggregate feed stories.

Public Canvas Pages

• Facebook now offers applications the ability to serve canvas pages to users not currently logged in to either Facebook or the application, or the user hasn't agreed to the Terms of Service for the application.

• This will afford your application greater exposure, a broader user base, and the ability to be indexed by search engines.

• If you use the PHP client library, simply use • $user = $facebook->get_loggedin_user()

• To check whether the user is logged out, you may simply check

• $is_logged_out = !$user;

• If you do not wish to allow public canvas page, continue using

• $user = $facebook->require_login()

Web 2.0 Social Networking • Knowing What Tools You Need

You can develop your Facebook application in whichever development environment you prefer.

Facebook and other third party application developers have created client libraries for these environments.

Facebook supports PHP and JavaScript client libraries.

Once you set up your environment, you need to prepare the server that will host your Facebook application.

Setting Up Your Server

• Verify that your server can serve an HTML file.

• Upload the appropriate Facebook client library to your server.

• If your application stores user or application information in a database, install a database such as MySQL on your server

• Verify that you can write a database program outside of Facebook Platform.

Adding the Facebook Developer Application

• Request up to 100 API keys, customize your application settings, and create and manage the applications you have developed from right inside Facebook.

• Connect with the developer community through the discussion boards and find local developer events.

• Find the reference material you need, including links to client libraries, sample code and sample applications, to help get you started.

• Check out the Facebook Platform Developer Blog

Creating Your Facebook Application

• From the Facebook Developer application's home page, click +Set Up New Application.

• The Create Application page appears. Enter a name for your application in the Application Name field.

• Follow the Terms of Service link.

• Click Save Changes to save these settings and continue configuring your application.

Configuring Basic Settings

• You should provide a description of your application in the Description field

• Click Change your icon and browse for one • Next to Logo, click Change your logo and browse to an image file. • If your application is in a language other than English, select the

language in the Language list

• If there are other developers working on this application with you, enter their names in the Developers field

• You need to provide an email address in the Developer Contact E-mail field.

• If you want your users to contact you via email, select Email next to User Support Address and enter an email address in the field below

• If you want your users to contact you via a form on a page on your site, select URL next to User Support Address

• Enter the URL to your application's help page in the Help URL field.

• Enter the URL to your application's terms of service in the Terms of Service URL field

Configuring Authentication Settings

• If you want users to be able to use it, check the Users check box

• You should specify a URL in the Post-Authorize Callback URL field

• You need to write server-side code to log or handle what happens when a user removes your application.

• You should provide a URL to a notification page in the Post-Remove Callback URL field.

Web 2.0 Customization It includes

• Fb:page-admin-edit-header• Fb:js-string• Fb:share-button• Fb:prompt-permission• Fb:attachment-preview• Fb:tag• Fb:editor• Fb:wallpost• Fb:comments• Fb:chat-invite• Fb:friend-selector• Fb:photo

Fb:page-admin-edit-header

• this adds a standardized edit header for canvas pages so that the Page owner can easily jump to their Page's app configuration.

Fb:js-string• This tag renders a block of FBML into an FBML block variable

instead of rendering it on the page. You can use this variable in your JavaScript with setInnerFBML

Fb:share-button• Renders a standard Share button in a profile for the specified URL

or content.

Fb:prompt-permission

• Renders the content of the tag as a link that, when clicked, initiates a dialog requesting the specified extended permissions from the

user

Fb:attachment-preview

• Renders a link in a message attachment that, when clicked, replaces that attachment with newly fetched content.

• Attachment Action: The action in a dropdown or button for creating a message attachment. The action cannot be longer than 20 characters.

• Callback URL: The URL from which to fetch attachment content. The callback URL cannot be longer than 100 characters).

Fb:tag• Renders an HTML tag. This is most commonly used in conjunction

with fb:intl to put translatable text in an attribute of an HTML tag

Fb:editor• Creates a form with two columns, just like the form on the edit-

profile page.

Fb:wallpost

• Renders a Wall-style post.

Fb:comments• Displays a set of comments for a unique identifier.

Fb:chat-invite

• Enables your users to initiate Facebook Chat with their friends from

within your applications.

Fb:friend-selector

• Renders a predictive friend selector input for a given person.

Fb:photo

• Renders a Facebook photo.

NETWORK

PERSONALITY TRAITS

• Distinguishing qualities or characteristics of a person.

• Photo Fanatic:

No need to take a camera with you if you have one of these attention-hungry friends with you. Immediately check the photos they take to see if they are "Facebook-worthy," and their profile

pictures change on a regular basis.

• Casual Checker

These are the ones who only sign on maybe once or twice a day

• Classroom Clicker

Sit at the back of your computer lab classroom and watch in awe as the infamous blue-and-white home page sprouts up on virtually every computer throughout the lecture.

• Reluctant Reader While they are more scarce than ever, these self-righteous, anti-

social site users typically only check their homepage for reasons such as "I only use it to keep up with my out of state friends" or "I just sign on, check to see who wrote me, then sign off."

• Social Stalker

These are the people you meet for the first time, exchange a couple lines of conversation, and suddenly the next day they are adding you as a friend

Entrepreneurial Skills• Entrepreneurial Skills is designed in a manner that in order for the

teams move forward in their simulation they must follow the process step-by-step, this promotes a methodical approach towards their work.

• Key points

. Strategic Marketing

. An understanding of the Supply/Value Chain

. Using market information to drive the business

. Understanding the impact of credit terms and order price on entire business

. Balancing production capacity with sales capability and vice versa

. Depreciation

. Capacity Utilization

. Production Lead Times and changeover costs

. Making and interpreting financial reports

. Using the Dupont Financial Model to understand the impact of the various financial items on the Key Financial Indicators

. Inventory Management

. ABC – Activity Based Costing

. EVA – Economic Value Added

. Cash flow analyses

. Optimum utilization of assets

. Equity building

. New Product and New Market development

.The value of Continuous Improvement

BENIFITS

• People from various functions get an overview of the complete operation of the business, hence enabling them to see the ‘big picture’.

• enables people in all departments to analyze the financial impact of their suggestions before putting them up for approval.

• A strategic thinking mindset and long-term approach to business is developed

EVENT PARTICIPATION

SEARCH FOR EVENT

CREATE AN EVENT

ANY EVENT ARRANGED

FROM FRIENDS

ANY PAST EVENTS

ANY BIRTHDAY

EVENTS

STEP 1

EventSpecification.

Guest who are confirmed to attend the event.

Filter events

STEP 2

Event types specification.

Wanna reserve click

here.

STEP 3

Option for reservation of event.

STEP 4

OPEN SOURCE AWARENESS

Post out awareness

Details for the post.

Hey! Its open source since we can post out awareness

from other website.

Watch out the example.

Employment Readiness

• Provides information and referral services in the areas of employment, education, training, transition, and volunteer opportunities to give family members the competitive edge needed to secure employment.

Innovation is paramount in Facebook

• “No matter what part of Facebook you join, you'll be building something big and new.

• • You won't simply be finding answers; you'll be framing questions

that no one has ever asked before - and identifying unprecedented opportunities.” Said by Mark Zukerberg

LOOK OUT FACEBOOK AS EMPLOYMENT READINESS