1 / 17

Today

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

dale
Download Presentation

Today

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 • https://developers.facebook.com/docs/beta/opengraph/tutorial/ - subtle hint to use this in a project. • Yesterday: 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!) • Frameworks (please add to this list!) • http://www.iui-js.org • 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

  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! • PhoneGapiOS "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

More Related