• Women 2.0 HowTo Conference San Francisco, September 30 - October 1, 2014

How To Make A Facebook Mobile App In Seven Minutes Flat

finalapp_3-152x300

Facebook Mobile App in 20, no 7, Minutes

By Anna Billstrom (iOS & Facebook App Developer, Self)

I’m speaking at the AT&T HTML5 Hackathon tonight, and here are my slides, and basically my entire presentation.

OMG UNICORNS AND PONIES

Facebook has a nifty Mobile Web SDK and tutorial, and that’s what I’m going to make. The application is Unicorns and Ponies – a simple “find fun posts on Facebook about unicorns and ponies”.

I had fun making it. I just timed myself and it was 5 minutes and 30 seconds, so hopefully… if I can control the digressions and asides, might be able to do it.

This is a reprise of two different talks – “Facebook in 20 minutes” – the app was called “Popularity”, and judged your popularity on the size of your friend list. Then, re-did that talk “Facebook in 20 MInutes” – that app was “I’m Pregnant!” determining if you were talking more about babies and congratulations on your feed.

Both are server-side PHP SDK tutorials, with open graph and authentication.

Mobile web is far easier to setup, so in a way halving this talk makes sense. Here is the overview:

  • Become a Facebook developer
  • Setup your server with a directory for your app (SSL too)
  • Setup the FB app
  • Deal with logging in
  • API-Graph call
  • Social Channels
  • Ta-da!

This post was originally posted at Banane.

Editor’s note: Got a question for our guest blogger? Leave a message in the comments below.

About the guest blogger: Anna Billstrom is an iPhone and Android mobile developer, specializing in social apps. She’s worked at Momentus Media, a startup that made the “8 Bit Your Pic” for Black Eyed Peas app, which saw 2 million users in 2 weeks. She’s done the gamut of OLAP DB modeling to Java development and Ruby on Rails. Follow her on Twitter at @banane.