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

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

3. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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

4. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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

5. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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

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

7. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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?

8. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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

9. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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

10. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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.

11. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Monitizing  Ad networks  Google AdSense, RockYou, VideoEgg  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.5M => $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

12. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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

13. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Facebook programming  Facebook API  Facebook uses a variant of HTML and JavaScript  FB-Javascript (FBJS) and FB-markup language (FBML)  Small chances to JS, new tags to THML FBML: Hello

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

15. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Facebook ohjelmistokehitys <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.">

16. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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 JavaScript 3.Web-hosting  We use students.oamk.fi  MySQL, CSS, Photo Shop / PSP, Java, Flash…

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

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

19. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Facebook programming  For hosting our application, we can use students- webserver  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”; ?>

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

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

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

23. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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

24. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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”

25. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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

26. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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

27. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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

28. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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

29. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS 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”

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

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