hcard-input-interface: Difference between revisions
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. | ||
== | hCard Input Interface | ||
* facebook.com/ | * Build a nice clean UI for filling in an hCard's info | ||
* @ | |||
* google.com/profile/ | 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 <nowiki>"http://"</nowiki> | |||
* @perivision - twitter | |||
* google.com/profile/hillary - google profile, omit http: | |||
* dwerner@example.com - email address profile via gravatar | |||
* ... | |||
= | === 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: | |||
* 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