hcard-input-interface

<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

• Nascar problem

see also

• hcard
• hcard-user-interface