Today Microformats and a sprinkling of RDF Everyone good with SVN? Everyone checked something in? No? Try now. Mobile – Functionality – UX If you get too many of the jokes, worry:

Microformats Wouldn't it be cool if instead of scary custom parsing of a page's HTML to pull out someone's name or birthday or whatever… You could use something nice and repeatable. jQuery('.vcard').each(function() { var hcard = jQuery(this); var name = hcard.find('.fn').text(); var bday= hcard.find('.bday').text(); });

But… meh.

RDFa – any better? Yes! – – h/tutorial/ - subtle hint to use this in a project. h/tutorial/ Yesterday: odf-12-is-approved odf-12-is-approved – (With RDF support!)

Mobile

Mobile – why do WE care? Mobile provides metadata of "context" – (Possibly) location where the user is – (Always) accessible while the user is doing something – (Possibly) info about the user So? – ¾ of the world owns a mobile phone

How to go Mobile? Go Native – Building an app that runs on iOS, Android, BB, etc is a lot of learning and effort. – Unless you are a hardcore programmer, Objective C is hard.* – Good luck making it work the same! Mobile Web Apps – almost there, but locks you out of the "fun things" "Let's build an iPhone interface" = FAIL "Mobile is likely to be our primary interaction method, let's design for that" = WIN

Surprisingly Not Locked Out Web Apps: Slick UI with native gesture support, not too much heavy lifting Examples: – (be impressed!) Frameworks (please add to this list!) – –

The Fun Things Can be done in HTML5 Geolocation Compass (Sometimes) Storage (Kinda) Media Playback JSON-P Locked Out Accelerometer Mic and Camera Connection Contact Viewing/Editing Device Info Events/Background File Access - upload Notifications App Store Cross-Domain Access

Conundrum We don't want to be locked out but We don't have time to learn platform-specific languages

Smart people to the rescue

Only PhoneGap? No, just like not "Only jQuery" has a big list

What PhoneGap gives you A better JavaScript API With a Browser Window Wrapped up in an app … that's about it. Accelerometer Camera Capture Compass Connection Contacts Device Events File Geolocation Media Notification Storage And… (drumroll) "The cross-domain security policy does not affect PhoneGap applications."

What does it all mean? Developing a PhoneGap app ≈ Developing a Browser Plugin – (see, I had a plan!) Let's do it (in 20 minutes)

Planning iOS App That knows where you are standing – And figures out the zip code And gets local presidential donation info – From NYT API To let you know if you should switch bumper stickers – Through some sort of infovis

In Parallel – Group up! PhoneGap iOS "Hello World" – Get Lat/Lng from PhoneGap – Pass up the chain by calling loc2zip loc2zip(lat, lng); – Check out Google REST APIs zip2stats(zip); – Check out NYT API stats2vis(stats); – Check out Google Chart URLs Everyone use

Next Time Turn in Assignment 2 on Wednesday – Which means if you are stuck, you are asking questions already… right? Demos Next Monday – Now with less broken delicious.com