Teppo Risnen Oulu University of Applied Sciences Teppo

  • Slides: 31
Download presentation
Teppo Räisänen | Oulu University of Applied Sciences Teppo Räisänen Teppo. raisanen@oamk. fi School

Teppo Räisänen | Oulu University of Applied Sciences Teppo Räisänen Teppo. raisanen@oamk. fi School of Business and Information Management Facebook programming OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Motivation OULU ADVANCED RESEARCH ON SOFTWARE

Teppo Räisänen | Oulu University of Applied Sciences Motivation OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Motivation § Social networking software §

Teppo Räisänen | Oulu University of Applied Sciences Motivation § Social networking software § Facebook, Inc, Palo Alto, CA § Mark Zuckerberg § Founded 2004 § Originally for Harvard students § Then for any Boston are university students, then Ivy League, Stanford. § Slowly to other schools and businesses § Growing rapidly § January 2009 150 million active users § September 2009 300 million active users § September 2010 500 million active users OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Motivation § 50% of active users

Teppo Räisänen | Oulu University of Applied Sciences Motivation § 50% of active users use Facebook daily § Fastest growing demographic is 35 and older § Average user has 130 friends OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Motivation § Core features § §

Teppo Räisänen | Oulu University of Applied Sciences Motivation § Core features § § § § Add friends Send messages to friends Update status Update profile Upload pictures Join networks Send invitations and requests § As the users use these features, his/her friends are notified OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook § Automated aggregation of information

Teppo Räisänen | Oulu University of Applied Sciences Facebook § Automated aggregation of information from friends’ interactions § Streams, feeds, stories, invites OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § If you don’t

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § If you don’t have a Facebook account, create one § We need a Facebook account to create applications § http: //www. facebook. com § If you have a Facebook account, think about your favorite applications 1. Why do you like them? 2. What nice features does it have? 3. Why did you start using it? OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § For software developer

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § For software developer § Facebook is a good distribution channel (500 M active users!) § The users will do much of the distribution work for developer § Invites & requests § Facebook platform § Open application programming interface § Easy and fast application development § Facebook is a good place to make money § Ads, micro payments OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming How come Facebook works?

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming How come Facebook works? Reciprocation Users will return a favor Social proof Users do things that others do Liking People like their friends OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook platform §

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook platform § Published May 24, 2007 § Allows software developers to utilize Facebook features in their applications § PHP, Java, Flash § More than 350 000 active applications § More than 250 applications has more than a million monthly users § Developers can make $50 000 / month. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Monitizing § Ad networks § Google

Teppo Räisänen | Oulu University of Applied Sciences Monitizing § Ad networks § Google Ad. Sense, Rock. You, Video. Egg § CPM – cost per mille § CPM = $0. 10 § Example: you have 1500 daily visitors, each see 10 pages => the ad is displayed 15000 times § Daily income $1. 5, monthly $45 § 15 000 => $450, 150 000 => $4500, 1. 5 M => $45 000 § CPC – cost per click § You get paid certain amount per click (e. g. $. 20) § 10 clicks => $2 § CPC can be up to several dollars per click OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook API §

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook API § Fast and easy § Easy to use Facebook core features § Applications can be done over a weekend § Viral growth § Millions of users in few weeks § Metrics § How many daily installs, how many invitations send, how long the users visit the application § Use metrics to improve the application § Try out different variations and see which one works the best OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook API §

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook API § Facebook uses a variant of HTML and Java. Script § FB-Javascript (FBJS) and FB-markup language (FBML) § Small chances to JS, new tags to THML FBML: <fb: name uid="12345" /> <fb: wallpost uid=” 12345">Hello</fb: wallpost> </fb: wall> OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook ohjelmistokehitys OULU ADVANCED RESEARCH ON

Teppo Räisänen | Oulu University of Applied Sciences Facebook ohjelmistokehitys OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook ohjelmistokehitys <fb: fbml> <fb: request-form

Teppo Räisänen | Oulu University of Applied Sciences Facebook ohjelmistokehitys <fb: fbml> <fb: request-form action="index. php" method="POST" invite="true" type="YOUR APP NAME" content="Your text goes here. <? php print htmlentities("<fb: req-choice url=”URL" label="Authorize My Application"") ? >" > <fb: multi-friend-selector showborder="false" actiontext="Invite your friends to use YOUR APP NAME. "> </fb: request-form> </fb: fbml> OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook programming requires:

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook programming requires: 1. PHP, Ruby on Rails: in or similar programming language We use PHP 2. Knowledge of HTML and Java. Script 3. Web-hosting We use students. oamk. fi § My. SQL, CSS, Photo Shop / PSP, Java, Flash… OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook application development

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook application development procedure 1. 2. 3. 4. 5. 6. Facebook account Web-hosting Install Facebook Developer-application Register a new application with Developer Program the application Publish it in Facebook § In its simplest form, Facebook applications are PHP/HTML applications OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook application development

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook application development procedure 1. 2. 3. 4. 5. 6. Facebook account Web-hosting Install Facebook Developer-application Register a new application with Developer Program the application Publish it in Facebook OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § For hosting our

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § For hosting our application, we can use studentswebserver § This happens exactly in the same way we have been doing so far in the class § Create a folder called fbdemo under your public_html –folder § Create index. php –file and put following code in it: <? php print ”Hello world”; ? > OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook application development

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook application development procedure 1. 2. 3. 4. 5. 6. Facebook account Web-hosting Install Facebook Developer-application Register a new application with Developer Program the application Publish it in Facebook OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Install Developer application

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Install Developer application § http: //www. facebook. com/developers/ OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook application development

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook application development procedure 1. 2. 3. 4. 5. 6. Facebook account Web-hosting Install Facebook Developer-application Register a new application with Developer Program the application Publish it in Facebook OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § You can register

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § You can register new applications in the Developer application by clicking the ”Set Up New Application” –button in the upper right corner OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § § Come up

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § § Come up with a name Read Facebook Terms and Conditions Click ”Agree” Click ”Create Application” OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Do the security

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Do the security check § Sometimes there will be an error and you will not get past this stage. Look back to the Developer app because usually the application is created even if Facebook did not let you pass the security check OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § § After a

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § § After a new application is set up you can find it in Developers app Find you app and Click more, and choose Edit settings OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § In settings, you

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § In settings, you can change many things for your app § § E. g. Write a derscription about the app, upload icon and logo, add new developers etc. You must change the Canvas settings under ”Facebook integration” -tab OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Change Canvas Page

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Change Canvas Page to what ever you like § § Each app must have different canvas page Think of it as an URL to your application OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Change canvas url

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Change canvas url to: § § § http: //www. students. oamk. fi/~YOURLOGIN/fbdemo Change canvas type to FBML Click ”Save Changes” OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § You should see

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § You should see something like this: OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook application development

Teppo Räisänen | Oulu University of Applied Sciences Facebook programming § Facebook application development procedure 1. 2. 3. 4. 5. 6. Facebook account Web-hosting Install Facebook Developer-application Register a new application with Developer Program the application Publish it in Facebook OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS