1. 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: http://thedailywtf.com

2. 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(); });

3. But… meh.

4. RDFa – any better? Yes! http://rdfa.info/2010/04/22/facebook-adopts-rdfa/ – http://ogp.me http://ogp.me – https://developers.facebook.com/docs/beta/opengrap h/tutorial/ - subtle hint to use this in a project. https://developers.facebook.com/docs/beta/opengrap h/tutorial/ Yesterday: http://news.slashdot.org/story/11/10/02/0010211/ odf-12-is-approved http://news.slashdot.org/story/11/10/02/0010211/ odf-12-is-approved – (With RDF support!)

5. Mobile

6. 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

7. 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

8. Surprisingly Not Locked Out Web Apps: Slick UI with native gesture support, not too much heavy lifting Examples: – http://cssiphone.com (be impressed!) http://cssiphone.com Frameworks (please add to this list!) – http://www.iui-js.org http://www.iui-js.org – http://jquerymobile.com http://jquerymobile.com

9. 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

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

11. Smart people to the rescue

12. Only PhoneGap? No, just like not "Only jQuery" http://mobileframeworks.com has a big list http://mobileframeworks.com

13. 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."

14. 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)

15. 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

16. 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 https://svn.ischool.berkeley.edu/iolab11/demos/mobile1

17. 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