hcard-input-interface

From Microformats Wiki
Jump to navigation Jump to search

<entry-title>hCard Input Interface and hCard sign-up UI</entry-title>

One of several projects at microformatsDevCamp.

summary

The goal here is to create a radically minimal signup process, utilizing hCards. Interface will use hCard information retrieved form a user’s “web-address” to populate fields needed for signup.

hCard Input Interface

  • Build a nice clean UI for filling in an hCard's info

hCard sign-up UI

  • How can we make it even easier to sign-up on a website using hCards?

participants

  • Chad Weider
  • Tantek Çelik
  • Faruk Ateş
  • Cindy Li
  • Hillary Hartley
  • Duncan

white board notes

cool.example.com

web address: |____________________|

(Sign up)

where people can enter anything web address like into the one field

web address candidates

  • http://tantek.com - full URL
  • facebook.com/hillary - facebook, omit "http://"
  • @perivision - twitter
  • google.com/profile/hillary - google profile, omit http:
  • dwerner@example.com - email address profile via gravatar
  • ...

implementation steps

Back-end:

  • Get target URL
  • Fetch content
  • Parse; generate hCard
  • Return hCard

Front-end:

  • Input target URL
  • Goes to back-end
  • Populates Form

related topics

see also