1. (Part 1)

2. Before we get started…  Why Facebook? Built in Audience ○ 800 Million users as of July 1 st 2011 ○ Users “share” applications with each other, provides viral word of mouth

3. Before we get started…  Why Facebook? Contained Ecosystem ○ Home to many startup companies like Zynga (valued at 15-20 billion US dollars) But you don’t need a large company to be successful! ○ http://www.nytimes.com/2011/05/08/technolog y/08class.html http://www.nytimes.com/2011/05/08/technolog y/08class.html

4. Before we get started…  While you work on your app… We need volunteers ○ Install a Lemur toolbar plugin for IE or Firefox that will record your searches http://www.lemurproject.org/querylogtoolbar/ ○ Submit your search log anonymously The search logs to help build a better search engine for business task based searches We will thank you with CA$H!  Your grade will in NO WAY be affected by your search log!

5. Before we get started…  Lemur Tool Bar

6. Before we get started…  Lemur Tool Bar

7. Before we get started  The Search Log

8. Before we get started  The Activity Log

9. Getting Started  Before we continue: You need a “verify” your account with facebook ○ Can verify with either your mobile phone (already verified if you use facebook mobile) https://www.facebook.com/confirmphone.php  What if I don’t have a mobile number? Google voice can provide one ○ https://www.google.com/voice https://www.google.com/voice

10. Creating Your App  Step 1: sign up to be a developer: http://developers.facebook.com/apps http://developers.facebook.com/apps

11. Creating Your App  Facebook developers lets you create several different types of apps

12. Creating Your App  Choose your app name

13. Creating Your App  The app main page

14. Hosting Your App  Choose cloud services

15. Hosting Your App  Choose cloud services

16. Hosting Your App  Select a language for your App

17. Hosting Your App  Your app has been created!

18. What is Heroku?  Heroku is a cloud hosting software “Cloud computing” refers to a managed service that provides access to computation power. ○ It’s elastic, sold on demand, and managed.  Heroku is free! Up to 5 MB of storage and 750 hours of computation time

19. Getting started with Heroku  Check for an email from Heroku

20. Getting started with Heroku  Set up your account

21. Getting started with Heroku  Your Apps page

22. Getting started with Heroku  Download the toolbar

23. Getting started with Heroku

24. Get a copy of your App Code

26. Important Tips  If you are on Windows Don’t use Word/Word Pad to edit the documents! ○ It will append extra characters that make the file not readable on UNIX (which is what horuku is using) Instead use notepad if you don’t have a designated code editor (like eclipse, emacs, etc)

27. Let’s make a small change!  Open index.php

28. Let’s make a small change!  Find “Welcome to your facebook app”

29. Let’s make a small change!  Change the line, and save the file

30. Push the change back to the cloud  Commit the change  This saves the change so if you download your app source code, you will see the modified code.

31. Push the change back to the cloud  Deploy the changed code to your app

32. Your App  To view your app you must set up permissions

33. That’s it! You have edited your app!

34. That’s all for part 1!  Questions? Need Help? Feel free to email skt@soe.ucsc.eduskt@soe.ucsc.edu  Handy Resources http://devcenter.heroku.com/articles/facebook http://developers.facebook.com/docs/samples/