hcard-input-interface: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(more session details)
Line 1: Line 1:
<entry-title>hCard Input Interface and hCard sign-up UI</entry-title>
One of several [http://tr.im/ufps projects] at [[events/2009-07-25-dev-camp|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.
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.


==Web Address Candidates==
hCard Input Interface
* facebook.com/johndoe
* Build a nice clean UI for filling in an hCard's info
* @johndoe [twitter]
 
* google.com/profile/johndoe
hCard sign-up UI
* jdoe@example.com [gravatar]
* How can we make it even easier to sign-up on a website using hCards?
 
== participants ==
* Chad W
* 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 <nowiki>"http://"</nowiki>
* @perivision - twitter
* google.com/profile/hillary - google profile, omit http:
* dwerner@example.com - email address profile via gravatar
* ...


=Implementation=
=== implementation steps ===
==Back-end==
Back-end:
* Get target URL
* Get target URL
* Fetch content
* Fetch content
Line 14: Line 45:
* Return hCard
* Return hCard


==Front-end==
Front-end:
* Input target URL
* Input target URL
* Goes to back-end
* Goes to back-end
* Populates Form
* Populates Form
== related topics ==
* [http://www.flickr.com/photos/factoryjoe/tags/nascar Nascar problem]
== see also ==
* [[hcard]]
* [[hcard-user-interface]]

Revision as of 01:19, 26 July 2009

<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 W
  • 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