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

2. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Facebook programming Teppo Räisänen | University of Oulu | 17.3.2009 |  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

3. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences FBML  FBML – Facebook Markup Language very similar to HTML  HTML used in Facebook is called FBML  http://developers.facebook.com/docs/reference/fbml/ http://developers.facebook.com/docs/reference/fbml/  IF YOU KNOW HTML FBML WILL BE VERY EASY TO LEARN

4. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Facebook programming User Facebook -servers Students -server http://apps.facebook.com Web-host

5. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences FBML  Allowed HTML-tags:  a, abbr. acronym, address, b, do, big, blockquote, bracaption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, hr, i, img, input, ins, kbd, label, legend, li, link, meta, ol, optgroup, option, p, pre, q, s, samp, script, select, small, span, strike, strong, style, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul, var  Forbidden tags:  html, body, head, applet, object, …

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

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

8. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Common FBML tags http://developers.facebook.com/docs/reference/fbml/ 1.fb:profile-pic 2.fb:wall 3.fb:dialog 4.fb:dashboard 5.fb:board 6.fb:random 7.fb:share 8.fb:create-button 9.fb:iframe 10.fb:swf 11.fb:switch 12.fb:18-plus 13.fb:editor 14.fb:request-form

9. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences PHP-example  If you want to try this, download the Facebook PHP-api from course site and unzip it to public_html folder  DO NOT COPY&PASTE THIS BECAUSE THE QUOTES BELOW DO NOT WORK IF YOU COPY THEM <?php require_once "facebook.php"; $apikey = ”xxxxxxxxx"; $secret = ”yyyyyyyyyy"; $facebook= new Facebook($apikey, $secret); $user=$facebook->require_login(); print ” your user id is $user ”; print " Hello, "; print " "; ?>

10. OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Useful sites  http://wiki.developers.facebook.com  http://developers.facebook.com/docs/reference/fbml/