Microformats Wiki - User contributions [en]

hcard-input-interface

2009-07-27T00:22:26Z

KuraFire: /* implementation steps */

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

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?
* How can subscribing to hCards help users' profiles stay more up to date (e.g. their profile photo/icon/avatar) ?

== participants ==
* Chad Weider
* Tantek Çelik
* Faruk Ateş
* Cindy Li
* Hillary Hartley
* Duncan Werner

== white board notes ==

cool.example.com

web address: |____________________|

(Sign up)

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

We recommend using "web address" instead of "URL" per David Pogue's NYT article: [http://pogue.blogs.nytimes.com/2008/10/16/tech-terms-to-avoid/ Tech Terms to Avoid]. And certainly avoid anything even more tech-jargony (like OpenID). In general, buttons/logos/icons of underlying ("pipe") technologies (e.g. orange RSS button, OpenID logo, etc.) are confusing to users, clutter a UI, and should be avoided.

[http://www.flickr.com/photos/kurafire/3756770391 http://farm3.static.flickr.com/2447/3756770391_f5d18c81cd.jpg]

=== web address candidates ===
* http://tantek.com - full personal URL which has an hcard
* 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
* ...

perhaps provide (rotating examples of) hint text just below the "web address" input field. clicking on the hint text can stop the rotation and auto-fill the "web address" input field with the specific example web address from the hint text.

=== profile settings ===
Once a user has done the sign-up step and entered their web address, sites typically will want to confirm the information found in the hCard at the user's web address. Many sites may need additional information that was not specified in the hCard (e.g. perhaps t-shirt size for a conference sign-up form).

"profile settings" page

web address: _____________

given name: ______________ 
family name: _____________

etc.

early wireframe:
[http://flic.kr/p/6HUhce http://farm4.static.flickr.com/3515/3755960475_d228e2ee1b.jpg]

a check box at the bottom to enable the user to auto-update/subscribe from their web address. some possible simple wordings:

<pre><nowiki>
[x] subscribe
[x] auto-update
[x] keep up to date
</nowiki></pre>

and some options written more as an active sentence, including the source of info that user gave in their web address:

<pre><nowiki>
[x] subscribe to your Twitter profile.
[x] auto-update from Facebook.
[x] keep up to date from kurafire.net
</nowiki></pre>

=== 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

Web address parser:
* [http://oneseven.org/sample Functional work-in-progress parser, by Duncan Werner]

Work In Progress UI:
* [http://files.farukat.es/code/hcard-signup/ SampleSignup.com ongoing development]

== related topics ==
* [http://www.flickr.com/photos/factoryjoe/tags/nascar Nascar problem]

== see also ==
* [[hcard]]
* [[hcard-user-interface]]
* [[hcard-input]]
* [[hcard-supporting-user-profiles]]

hcard-input-interface

2009-07-27T00:21:43Z

KuraFire: Added link to Duncan's sample page

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

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?
* How can subscribing to hCards help users' profiles stay more up to date (e.g. their profile photo/icon/avatar) ?

== participants ==
* Chad Weider
* Tantek Çelik
* Faruk Ateş
* Cindy Li
* Hillary Hartley
* Duncan Werner

== white board notes ==

cool.example.com

web address: |____________________|

(Sign up)

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

We recommend using "web address" instead of "URL" per David Pogue's NYT article: [http://pogue.blogs.nytimes.com/2008/10/16/tech-terms-to-avoid/ Tech Terms to Avoid]. And certainly avoid anything even more tech-jargony (like OpenID). In general, buttons/logos/icons of underlying ("pipe") technologies (e.g. orange RSS button, OpenID logo, etc.) are confusing to users, clutter a UI, and should be avoided.

[http://www.flickr.com/photos/kurafire/3756770391 http://farm3.static.flickr.com/2447/3756770391_f5d18c81cd.jpg]

=== web address candidates ===
* http://tantek.com - full personal URL which has an hcard
* 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
* ...

perhaps provide (rotating examples of) hint text just below the "web address" input field. clicking on the hint text can stop the rotation and auto-fill the "web address" input field with the specific example web address from the hint text.

=== profile settings ===
Once a user has done the sign-up step and entered their web address, sites typically will want to confirm the information found in the hCard at the user's web address. Many sites may need additional information that was not specified in the hCard (e.g. perhaps t-shirt size for a conference sign-up form).

"profile settings" page

web address: _____________

given name: ______________ 
family name: _____________

etc.

early wireframe:
[http://flic.kr/p/6HUhce http://farm4.static.flickr.com/3515/3755960475_d228e2ee1b.jpg]

a check box at the bottom to enable the user to auto-update/subscribe from their web address. some possible simple wordings:

<pre><nowiki>
[x] subscribe
[x] auto-update
[x] keep up to date
</nowiki></pre>

and some options written more as an active sentence, including the source of info that user gave in their web address:

<pre><nowiki>
[x] subscribe to your Twitter profile.
[x] auto-update from Facebook.
[x] keep up to date from kurafire.net
</nowiki></pre>

=== 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

Functional web address parser (WIP):
* [http://oneseven.org/sample By Duncan Werner]

Work In Progress UI:
* [http://files.farukat.es/code/hcard-signup/ SampleSignup.com ongoing development]

== related topics ==
* [http://www.flickr.com/photos/factoryjoe/tags/nascar Nascar problem]

== see also ==
* [[hcard]]
* [[hcard-user-interface]]
* [[hcard-input]]
* [[hcard-supporting-user-profiles]]

events/2009-07-25-dev-camp

2009-07-26T08:20:34Z

KuraFire: Added link to photo set

<entry-title>microformatsDevCamp</entry-title>
http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg

<div class="event-page vevent">
;When
:2009-07-25 from 12:00 to 2009-07-26 at 17:00
;Where
:Automattic, Pier 38, The Embarcadero between Brannan and Townsend, San Francisco, CA, 94107. [http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&view=map&q=%2BAutomattic,+The+Embarcadero,+San+Francisco,+CA+94107&sll=37.752736,-122.402826&sspn=0.13844,0.217667&gl=us&ie=UTF8&t=h&layer=c&cbll=37.782877,-122.388062&panoid=kB1DhzPP5DYl5pgHBRxdPg&cbp=12,123.84,,0,2.44&ll=37.783053,-122.388044&spn=0,359.996599&z=18 View location at latitude:37.782769, longitude:-122.387837]
:'''MUNI''': [http://playfoursquare.com/venue/72202 Brannan] (N,T)
:'''BART''': Embarcadero station, then [http://www.nextmuni.com/predictor/prediction.shtml?a=sf-muni&r=N&d=N__IB3&s=6992&ts=4506 take MUNI N-Judah inbound] or T-Third inbound to Brannan stop.
:'''Caltrain''': 4th & King st., then [http://www.nextmuni.com/predictor/prediction.shtml?a=sf-muni&r=N&d=N__OB2&s=5240&ts=7145 take MUNI N-Judah outbound] or T-Third outbound to Brannan stop.
;What
:microformatsDevCamp! The first ever microformatsDevCamp, for authors, designers, publishers, developers, engineers building pages, sites, and tools with microformats.
;How much
:$20 suggested donation (gets you a t-shirt while supplies last). No one turned away for lack of funds.
;URLs
:http://microformats.org/wiki/events/2009-07-25-dev-camp
:http://upcoming.yahoo.com/event/2888376/
:http://www.facebook.com/event.php?eid=102571118403
;short URL
:http://tr.im/ufdevcamp

'''[http://suda.co.uk/projects/microformats/hcalendar/get-cal.php?uri=http://microformats.org/wiki/events/2009-07-25-dev-camp Add this event to your calendar]''' http://www.boogdesign.com/images/buttons/microformat_hcalendar.png

== Sponsors ==
microformatsDevCamp is made possible thanks to the generosity of our corporate and individual sponsors!

* Venue
**[http://automattic.com Automattic]
* Meals
** [http://spinn3r.com Spinn3r]
** [http://commerce.net CommerceNet]
** [http://visitmix.com/Lab/Oomph Microsoft MIX Online]
** [http://mBLAST.com/ mBLAST]
** [http://steve.ganz.name/ Steve Ganz]
** [http://www.carlaborsoi.com/ Carla Borsoi]
* Promotion
** [http://objectadjective.com Object Adjective]
** [http://cindyli.com Cindy Li]

=== Sponsorships ===
Help sponsor microformatsDevCamp:

* Saturday 25th
** Lunch - sponsored by [http://spinn3r.com Spinn3r]
** Dinner - sponsored by [http://commerce.net CommerceNet]
** Evening Social & Snacks - sponsored by [http://mBLAST.com/ mBLAST]
*** Beer - sponsored by [http://steve.ganz.name/ Steve Ganz]
* Sunday 26th
** Breakfast - sponsored by [http://www.carlaborsoi.com/ Carla Borsoi]
** Lunch - sponsored by [http://visitmix.com/Lab/Oomph Microsoft MIX Online]
* More Ideas...
** Stickers - sponsored by [http://objectadjective.com Object Adjective]
** Buttons - sponsored by [http://cindyli.com Cindy Li]
** Coffee
** Snacks
** ______?

For meals, we're planning on something simple like bagels+coffee for breakfast (note: Tantek will purchase supplies for Sunday morning); or pizza or <del>indian delivery</del> ([http://www.mydeedees.com/ Deedees Indian Food!]). We'll arrange for sponsors to pay vendors directly...

== attendees ==
microformatsDevCamp, like any BarCamp, needs you - Sign up to volunteer, attend, design, code, and build with microformats!

=== volunteers ===
Like all [http://barcamp.org BarCamps], this event is what it is because of what everyone puts into it. Volunteer to help setup, check people in, get them setup with a name badge, clean up, and help people in general have a good time and get things done.
* Cindy Li - designer, helping with microformatsDevCamp logo design. done!
** full resolution logo: <nowiki>http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg</nowiki>
** on Flickr: http://www.flickr.com/photos/cindyli/3726302070/
** designed and ordered buttons for event.Done!

* [[User:BeauLebens|Beau Lebens]] - developer, Automattic, [[http://dentedreality.com.au/ Dented Reality]]. I know my way around the venue, so can help sort out power strips, projectors etc
* ...

=== participants ===

Please register with this [http://spreadsheets.google.com/viewform?formkey=dERvcnQ4SlFsX0ZLQi1KOE8wbk5obUE6MA.. online form].

Want to design interfaces or build stuff with microformats and want help doing it? Sign up! Add yourself. Note your site (with [[hCard]] if you have it), interests/projects, and tag yourself as a web '''author''', '''designer''', '''<abbr title="information architect">IA</abbr>''', '''publisher''', '''developer''', '''UI-tester''' - pick at least one.
# [http://tantek.com Tantek Çelik] - developer, designer (user interface interaction)
# [http://yury.name Yury Lifshits]
# [http://www.markng.co.uk Mark Ng]
# [http://www.ics.uci.edu/~rohit Rohit Khare] - developer
# [http://www.jasonbolton.com Jason Bolton] - front-end designer
# [http://alpern.org Micah Alpern] - designer (user interface interaction) (will be there Sunday).
# [[User:EdwardOConnor |Edward O'Connor]] (Ted) - author, designer, developer, publisher
# [http://singpolyma.net Stephen Paul Weber] - developer, publisher
# [http://feedblog.org Kevin Burton] - developer
# [http://jobspice.com Dane Hurtubise] - developer
# [http://developer.netflix.com JR Conlin] - developer, publisher
# Chirag Shah - developer
# [http://www.wezaggle.com Jesse Hammons] - developer [http://www.wezaggle.com Zaggle Social Calendar]
# [http://matthewlevine.com Matthew Levine] - developer
# [http://farukat.es/ Faruk Ateş] - UX Designer, developer
# [http://fourkitchens.com/ David Strauss] - Drupal, developer
# [http://huyhong.com/ Huy Hong] - Frontend Developer, UI/UX/UE, UGC nut
# [http://objectadjective.com Jeremy Anderson] - UX/UI/ID Designer, developer
# [http://objectadjective.com Lauren Scime] - front end designer / developer
# [http://blog.oofn.net Chad Weider] developer, designer, front-end, back-end, etc.
# [http://dustinwhittle.com Dustin Whittle] developer
# [http://reidburke.com Reid Burke] developer

# (and about 35 more folks, according to [http://upcoming.yahoo.com/event/2888376/ Upcoming] as of noon Thursday 2009-7-23)
# ...

==schedule==
Outline of schedule for the weekend - more details at the DevCamp!
* Saturday July 25th
** 11:00am - planners+volunteers onsite for setup
** 12:00pm - registration, lunch
** intro session, what is a devcamp, introductions
** hack/project brainstorming and proposals
** day 1 building sessions
** dinner and group photo
** day 1 demos and social hour
** evening open hacking session (like DevHouse) / iteration on hacks/projects

* Sunday July 26th
** 10:00am - breakfast
** day 2 working sessions on hacks/projects
** 12:30pm lunch
** day 2 working sessions continued
** second day demos and wrap-up
** venue clean-up
** 5pm venue exit

==venue==
Automattic has very graciously agreed to host microformatsDevCamp. The venue has:
* wifi
* power. power outlets, extension cords, power strips
* 4-5 rooms/meeting areas.
* 3 projectors
* 1 whiteboard.
* sink, water.

As Automattic is donating the venue, as participants it is our responsibility to take excellent care of the venue, leaving it as good or better than we found it.

Some amount of camping overnight at the venue will be possible.

=== nearby food ===
Suggestions for nearby (easy/quick walking distance) drinks, snacks, food.
* Bayside Market - fresh fruit and vegetables, sandwiches. http://www.yelp.com/biz/bayside-market-san-francisco-2
* Crossroads Cafe - coffee, espresso drinks, shakes, smoothies, bagels, sandwiches. http://www.yelp.com/biz/crossroads-cafe-san-francisco-3
* ...

== tags ==
Please use the following tags when tagging related content (blog posts, photos, videos):

tags:
<kbd class="tags" style="display:block">
'''#ufdevcamp'''
ufdevcampsf
microformats
microformatsDevCamp
microformatsDevCampSF
microformats-meetup
BarCamp
BarCamp2009
Automattic
The-Embarcadero
san-francisco
upcoming:event=2888376
</kbd>

Track:
* [http://search.twitter.com/search?q=ufdevcamp #ufdevcamp on Twitter Search].
* [http://identi.ca/tag/ufdevcamp #ufdevcamp] tagspace on identi.ca.
* [http://www.flickr.com/photos/tags/ufdevcamp/ ufdevcamp tag on flickr]

Groups:
* [http://identi.ca/group/microformats !microformats Identi.ca group] (aliases: !mf and !uf). Join and address the whole group. Notices to this group can also be tracked from [http://identi.ca/tag/microformats #microformats]

== notes ==
topics discussed:
* ...

== hack ideas ==
Have an idea for a hack/project session? Please read <cite>[http://factoryjoe.com/blog/2007/07/13/what-is-a-devcamp/ What is a DevCamp?]</cite> and then suggest something or add a "+1" to existing suggestions, and sign your suggestion or opinion with your Username with <nowiki>~~~</nowiki>
<div class="discussion">
* '''microWall''' - make sure to print a screen-shot of every microformat-savvy tool that comes up during the camp, and stick them on the wall. It will be an amazing backdrop for a group photo... [[User:Rohit|Rohit]]
** +1 [[User:Tantek|Tantek]]
* '''(Sunday)''' '''CSS3, HTML5 and microformats "Zen Garden"''' - same premise as the CSS Zen Garden of yore, but with a strong emphasis on CSS3 advancements, microformats enrichment and done in HTML5. [[User:KuraFire|Faruk Ateş]]
* '''CheatSheet Translation''' [[User:Brian|Brian Suda]] This is a request to anyone who is speaks another language. I created the PDF cheatsheet awhile ago http://suda.co.uk/projects/microformats/cheatsheet/ if someone wants to translate it into Spanish, or another language, please let me know. I can send the source InDesign file, or if they send me the translations, I'd be happy to update it myself.
</div>

== projects ==
;short URL for this section
:http://tr.im/ufps
Please create a wiki page for any hack/project session you lead or attend and link to it from here.
* [[hcard-input-interface]] for easy input of user data (creating hCards) by Chad. combined project/session with '''microformats and user sign-up user interface''' - how can importing and subscribing to hCards help make user sign-up easier and thus get more users signed up quicker? by [[User:Tantek|Tantek]]
* [[self-updating-address-book]] - in the search for an address book/contact list that actually stays up to date, hCard may be the key. [[User:Beaulebens|Beau Lebens]]
* [[hcard-contact-autocompletion]] by [[User:Rohit|Rohit Khare]]
* [[microformat-services]] by ________
* [[unified-rsvp]] by _________
* [[hcard-google-bookmarklet]] [[bookmarklet]]. [[User:Singpolyma|Singpolyma]]
* [[microformat-aggregation]] by [[User:jessehammons|Jesse Hammons]], [[User:yurylifshits|Yury Lifshits]], Andrew McCollum, Dane Hurtibuse, Randy Kerber
* [[twitter bus card exchange/display]] by [[User:perivision|Christopher]]
* [[hcard-creator-redesign|hCard Creator redesign]] by Cindy Li

== photographs ==
* [http://www.flickr.com/photos/kurafire/sets/72157621834778724/ Flickr photo set by Faruk Ateş]

== blog posts ==
Blog posts about the devCamp. Newest first.
* [http://microformats.org/blog/2009/07/20/microformatsdevcamp-this-weekend/ 2009-07-21 microformats.org: microformatsDevCamp this weekend!]
* [http://radar.oreilly.com/2009/07/four-short-links-17-july-2009.html O'Reilly Radar: Four short links]
* ...

== see also ==
* [http://factoryjoe.com/blog/2007/07/13/what-is-a-devcamp/ Chris Messina: What is a DevCamp?]
* ...

</div> 

== Related Pages==
microformatsDevCamp is one of several microformats [[events]].

{{events-related-pages}}

== planner to-do ==

=== planners ===
Want to help organize and plan the first microformatsDevCamp? Sign up and be sure to pick up a planner role (see below).
* [[User:Tantek|Tantek Çelik]] - '''organizing, venue acquisition, intro and kickoff'''
* [[User:Rohit|Rohit Khare]] - '''venue acquisition, sponsor wrangler, food'''
* [[User:EdwardOConnor |Edward O'Connor]] (Ted) - '''volunteer coordinator, setup, welcome desk'''
* [[User:Pseudowish|Lauren Scime]] - '''t-shirts, other coordination needs tbd'''
* [[User:Chris Messina|Chris Messina]] - '''connector and advisor'''

=== planner roles ===
Role info / details:
* '''intro and kickoff''' - run the introductory session and help start the microformatsDevCamp with traditional BarCamp intros/3tags and explanation of the BarCamp format.
* '''food''' - coordinate / match up sponsors with meals and make sure the meals arrive and are setup for event participants during the event.
* '''sponsor wrangler''' - for food, t-shirts. per definition given in: http://www.cleverclevergirl.com/?p=10 : <blockquote>Drafts a message to send to potential sponsors, follows up leads from others for potential sponsors, collects info, logos (in vector format), and money from sponsors and also sees that receipts (if necessary) are issued at the end. </blockquote>
* '''t-shirts''' - get estimate, make sure to order in time for the event. Ben Ward has done some work on this - check with him.
* '''volunteer coordinator''' - recruit and organize volunteers the day of the event to help out with food, setup
* '''cleanup''' - enlist help of volunteers and all devCamp participants to help with cleanup
* '''setup''' - be in charge of setup the day of, coordinate with venue on setup plenty of time *before* the start of the camp! setup: power cords, power strips, calendar grid for sessions, tables and chairs in rooms/meeting areas, projectors
* '''welcome desk''' - welcome microformatsDevCamp attendees at the entrance of the venue, make sure they get a name tag and instruct them to tag themselves as primarily/secondarily being a web '''author''', '''designer''', '''publisher''', '''developer''', pick at least one. (as they should also do when the sign up on the wiki in the attendees section above!)

===T-shirts===
* get estimates from vendor(s) for different quantities
** get vendor contact info from Ben Ward who has already looked into this and found a reliable vendor that can deliver high quality t-shirts in a week or less time.
** Suggestion: 100 shirts, provide them to individuals who sponsor microformatsDevCamp with a $20 or more donation to help pay for t-shirts and snacks/food (if any funds from covering t-shirts are remaining). [[User:Tantek|Tantek]] 17:40, 17 July 2009 (UTC)
* make/reuse design (get original t-shirt design details from Dan Cederholm)
* order/print - make sure folks who donated at the [[events/2009-06-26-microformats-4th-bday|4th bday party]] get their shirts

* '''T-shirts are ordered!''' Printer is [http://www.screenprintguy.com The Screen Print Guy] located out on 23rd Ave. Will be available for pickup by Friday July 24th. (This is great! [[User:Tantek|Tantek]] 01:03, 21 July 2009 (UTC))
** Total # of shirts ordered: 100. Size breakdown: Men's: 10 small, 30 medium, 25 large. Women's: 10 small, 15 medium, 10 large.
** Total cost: $918.00 (would have been cheaper but they had a surcharge for the rush order). I have charged 50% of the cost already to place the order. Other 50% due at time of pickup.

Note that, including cash donations from the 4th birthday party, we have pledges for ~$1850 to budget with as of 2009-7-24 [[User:Rohit|Rohit]]

hcard-input-interface

2009-07-26T05:57:44Z

KuraFire: Gave the link a name

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

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?
* How can subscribing to hCards help users' profiles stay more up to date (e.g. their profile photo/icon/avatar) ?

== participants ==
* Chad Weider
* Tantek Çelik
* Faruk Ateş
* Cindy Li
* Hillary Hartley
* Duncan Werner

== white board notes ==

cool.example.com

web address: |____________________|

(Sign up)

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

We recommend using "web address" instead of "URL" per David Pogue's NYT article: [http://pogue.blogs.nytimes.com/2008/10/16/tech-terms-to-avoid/ Tech Terms to Avoid]. And certainly avoid anything even more tech-jargony (like OpenID).

=== web address candidates ===
* http://tantek.com - full personal URL which has an hcard
* 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
* ...

=== profile settings ===
Once a user has done the sign-up step and entered their web address, sites typically will want to confirm the information found in the hCard at the user's web address. Many sites may need additional information that was not specified in the hCard (e.g. perhaps t-shirt size for a conference sign-up form).

"profile settings" page

web address: _____________

given name: ______________ 
family name: _____________

etc.

a check box at the bottom to enable the user to auto-update/subscribe from their web address. some possible simple wordings:

<pre><nowiki>
[x] subscribe
[x] auto-update
[x] keep up to date
</nowiki></pre>

and some options written more as an active sentence, including the source of info that user gave in their web address:

<pre><nowiki>
[x] subscribe to your Twitter profile.
[x] auto-update from Facebook.
[x] keep up to date from kurafire.net
</nowiki></pre>

=== 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

Wireframe:
* [http://flic.kr/p/6HUhce early wireframe] (at flickr)

Work In Progress UI:
* [http://files.farukat.es/code/hcard-signup/ SampleSignup.com ongoing development]

== related topics ==
* [http://www.flickr.com/photos/factoryjoe/tags/nascar Nascar problem]

== see also ==
* [[hcard]]
* [[hcard-user-interface]]
* [[profile-uri-examples-in-wild]]

hcard-input-interface

2009-07-26T05:56:49Z

KuraFire: Added Work In Progress

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

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?
* How can subscribing to hCards help users' profiles stay more up to date (e.g. their profile photo/icon/avatar) ?

== participants ==
* Chad Weider
* Tantek Çelik
* Faruk Ateş
* Cindy Li
* Hillary Hartley
* Duncan Werner

== white board notes ==

cool.example.com

web address: |____________________|

(Sign up)

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

We recommend using "web address" instead of "URL" per David Pogue's NYT article: [http://pogue.blogs.nytimes.com/2008/10/16/tech-terms-to-avoid/ Tech Terms to Avoid]. And certainly avoid anything even more tech-jargony (like OpenID).

=== web address candidates ===
* http://tantek.com - full personal URL which has an hcard
* 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
* ...

=== profile settings ===
Once a user has done the sign-up step and entered their web address, sites typically will want to confirm the information found in the hCard at the user's web address. Many sites may need additional information that was not specified in the hCard (e.g. perhaps t-shirt size for a conference sign-up form).

"profile settings" page

web address: _____________

given name: ______________ 
family name: _____________

etc.

a check box at the bottom to enable the user to auto-update/subscribe from their web address. some possible simple wordings:

<pre><nowiki>
[x] subscribe
[x] auto-update
[x] keep up to date
</nowiki></pre>

and some options written more as an active sentence, including the source of info that user gave in their web address:

<pre><nowiki>
[x] subscribe to your Twitter profile.
[x] auto-update from Facebook.
[x] keep up to date from kurafire.net
</nowiki></pre>

=== 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

Wireframe:
* [http://flic.kr/p/6HUhce early wireframe] (at flickr)

Work In Progress UI:
* [http://files.farukat.es/code/hcard-signup/]

== related topics ==
* [http://www.flickr.com/photos/factoryjoe/tags/nascar Nascar problem]

== see also ==
* [[hcard]]
* [[hcard-user-interface]]
* [[profile-uri-examples-in-wild]]

User:KuraFire

2009-07-26T04:52:31Z

KuraFire: New page: Faruk Ateş is a creative design & web development professional living in San Francisco. He writes and speaks about making great websites and other things he considers important. A long-t...

Faruk Ateş is a creative design & web development professional living in San Francisco. He writes and speaks about making great websites and other things he considers important.

A long-time enthusiast for all things Web, Faruk has held positions over the past nine years ranging from design lead, back-end infrastructure architect, front-end developer & web accessibility consultant.

After a three year tour of duty at Apple, Inc., Faruk is now in search of new challenges in the world of Design and Development and plans to actively contribute to the Web Standards & Web Accessibility movements once again.

hcard-input-interface

2009-07-26T04:35:33Z

KuraFire: Removed section

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

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?
* How can subscribing to hCards help users' profiles stay more up to date (e.g. their profile photo/icon/avatar) ?

== participants ==
* Chad Weider
* Tantek Çelik
* Faruk Ateş
* Cindy Li
* Hillary Hartley
* Duncan Werner

== white board notes ==

cool.example.com

web address: |____________________|

(Sign up)

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

We recommend using "web address" instead of "URL" per David Pogue's NYT article: [http://pogue.blogs.nytimes.com/2008/10/16/tech-terms-to-avoid/ Tech Terms to Avoid]. And certainly avoid anything even more tech-jargony (like OpenID).

=== web address candidates ===
* http://tantek.com - full personal URL which has an hcard
* 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
* ...

=== profile settings ===
Once a user has done the sign-up step and entered their web address, sites typically will want to confirm the information found in the hCard at the user's web address. Many sites may need additional information that was not specified in the hCard (e.g. perhaps t-shirt size for a conference sign-up form).

"profile settings" page

web address: _____________

given name: ______________ 
family name: _____________

etc.

a check box at the bottom to enable the user to auto-update/subscribe from their web address. some possible simple wordings:

<pre><nowiki>
[x] subscribe
[x] auto-update
[x] keep up to date
</nowiki></pre>

and some options written more as an active sentence, including the source of info that user gave in their web address:

<pre><nowiki>
[x] subscribe to your Twitter profile.
[x] auto-update from Facebook.
[x] keep up to date from kurafire.net
</nowiki></pre>

=== 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

Wireframe:
* [http://flic.kr/p/6HUhce early wireframe] (at flickr)

== related topics ==
* [http://www.flickr.com/photos/factoryjoe/tags/nascar Nascar problem]

== see also ==
* [[hcard]]
* [[hcard-user-interface]]
* [[profile-uri-examples-in-wild]]

hcard-input-interface

2009-07-26T04:35:07Z

KuraFire: Adding a file (or trying to)

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

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?
* How can subscribing to hCards help users' profiles stay more up to date (e.g. their profile photo/icon/avatar) ?

== participants ==
* Chad Weider
* Tantek Çelik
* Faruk Ateş
* Cindy Li
* Hillary Hartley
* Duncan Werner

== UI SampleSignup.com ==
[[Media:index.html]]

== white board notes ==

cool.example.com

web address: |____________________|

(Sign up)

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

We recommend using "web address" instead of "URL" per David Pogue's NYT article: [http://pogue.blogs.nytimes.com/2008/10/16/tech-terms-to-avoid/ Tech Terms to Avoid]. And certainly avoid anything even more tech-jargony (like OpenID).

=== web address candidates ===
* http://tantek.com - full personal URL which has an hcard
* 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
* ...

=== profile settings ===
Once a user has done the sign-up step and entered their web address, sites typically will want to confirm the information found in the hCard at the user's web address. Many sites may need additional information that was not specified in the hCard (e.g. perhaps t-shirt size for a conference sign-up form).

"profile settings" page

web address: _____________

given name: ______________ 
family name: _____________

etc.

a check box at the bottom to enable the user to auto-update/subscribe from their web address. some possible simple wordings:

<pre><nowiki>
[x] subscribe
[x] auto-update
[x] keep up to date
</nowiki></pre>

and some options written more as an active sentence, including the source of info that user gave in their web address:

<pre><nowiki>
[x] subscribe to your Twitter profile.
[x] auto-update from Facebook.
[x] keep up to date from kurafire.net
</nowiki></pre>

=== 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

Wireframe:
* [http://flic.kr/p/6HUhce early wireframe] (at flickr)

== related topics ==
* [http://www.flickr.com/photos/factoryjoe/tags/nascar Nascar problem]

== see also ==
* [[hcard]]
* [[hcard-user-interface]]
* [[profile-uri-examples-in-wild]]

hcard-input-interface

2009-07-26T04:32:26Z

KuraFire: Added Duncan's last name, Werner

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

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?
* How can subscribing to hCards help users' profiles stay more up to date (e.g. their profile photo/icon/avatar) ?

== participants ==
* Chad Weider
* Tantek Çelik
* Faruk Ateş
* Cindy Li
* Hillary Hartley
* Duncan Werner

== white board notes ==

cool.example.com

web address: |____________________|

(Sign up)

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

We recommend using "web address" instead of "URL" per David Pogue's NYT article: [http://pogue.blogs.nytimes.com/2008/10/16/tech-terms-to-avoid/ Tech Terms to Avoid]. And certainly avoid anything even more tech-jargony (like OpenID).

=== web address candidates ===
* http://tantek.com - full personal URL which has an hcard
* 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
* ...

=== profile settings ===
Once a user has done the sign-up step and entered their web address, sites typically will want to confirm the information found in the hCard at the user's web address. Many sites may need additional information that was not specified in the hCard (e.g. perhaps t-shirt size for a conference sign-up form).

"profile settings" page

web address: _____________

given name: ______________ 
family name: _____________

etc.

a check box at the bottom to enable the user to auto-update/subscribe from their web address. some possible simple wordings:

<pre><nowiki>
[x] subscribe
[x] auto-update
[x] keep up to date
</nowiki></pre>

and some options written more as an active sentence, including the source of info that user gave in their web address:

<pre><nowiki>
[x] subscribe to your Twitter profile.
[x] auto-update from Facebook.
[x] keep up to date from kurafire.net
</nowiki></pre>

=== 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

Wireframe:
* [http://flic.kr/p/6HUhce early wireframe] (at flickr)

== related topics ==
* [http://www.flickr.com/photos/factoryjoe/tags/nascar Nascar problem]

== see also ==
* [[hcard]]
* [[hcard-user-interface]]
* [[profile-uri-examples-in-wild]]

events/2009-07-25-dev-camp

2009-07-25T22:53:33Z

KuraFire: Specified CSS3 Zen Garden to Sunday

<entry-title>microformatsDevCamp</entry-title>
http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg

<div class="event-page vevent">
;When
:2009-07-25 from 12:00 to 2009-07-26 at 17:00
;Where
:Automattic, Pier 38, The Embarcadero between Brannan and Townsend, San Francisco, CA, 94107. [http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&view=map&q=%2BAutomattic,+The+Embarcadero,+San+Francisco,+CA+94107&sll=37.752736,-122.402826&sspn=0.13844,0.217667&gl=us&ie=UTF8&t=h&layer=c&cbll=37.782877,-122.388062&panoid=kB1DhzPP5DYl5pgHBRxdPg&cbp=12,123.84,,0,2.44&ll=37.783053,-122.388044&spn=0,359.996599&z=18 View location at latitude:37.782769, longitude:-122.387837]
:'''MUNI''': [http://playfoursquare.com/venue/72202 Brannan] (N,T)
:'''BART''': Embarcadero station, then [http://www.nextmuni.com/predictor/prediction.shtml?a=sf-muni&r=N&d=N__IB3&s=6992&ts=4506 take MUNI N-Judah inbound] or T-Third inbound to Brannan stop.
:'''Caltrain''': 4th & King st., then [http://www.nextmuni.com/predictor/prediction.shtml?a=sf-muni&r=N&d=N__OB2&s=5240&ts=7145 take MUNI N-Judah outbound] or T-Third outbound to Brannan stop.
;What
:microformatsDevCamp! The first ever microformatsDevCamp, for authors, designers, publishers, developers, engineers building pages, sites, and tools with microformats.
;How much
:$20 suggested donation (gets you a t-shirt while supplies last). No one turned away for lack of funds.
;URLs
:http://microformats.org/wiki/events/2009-07-25-dev-camp
:http://upcoming.yahoo.com/event/2888376/
:http://www.facebook.com/event.php?eid=102571118403
;short URL
:http://tr.im/ufdevcamp

'''[http://suda.co.uk/projects/microformats/hcalendar/get-cal.php?uri=http://microformats.org/wiki/events/2009-07-25-dev-camp Add this event to your calendar]''' http://www.boogdesign.com/images/buttons/microformat_hcalendar.png

== Sponsors ==
microformatsDevCamp is made possible thanks to the generosity of our corporate and individual sponsors!

* Venue
**[http://automattic.com Automattic]
* Meals
** [http://spinn3r.com Spinn3r]
** [http://commerce.net CommerceNet]
** [http://visitmix.com/Lab/Oomph Microsoft MIX Online]
** [http://mBLAST.com/ mBLAST]
** [http://steve.ganz.name/ Steve Ganz]
** [http://www.carlaborsoi.com/ Carla Borsoi]
* Promotion
** [http://objectadjective.com Object Adjective]
** [http://cindyli.com Cindy Li]

=== Sponsorships ===
Help sponsor microformatsDevCamp:

* Saturday 25th
** Lunch - sponsored by [http://spinn3r.com Spinn3r]
** Dinner - sponsored by [http://commerce.net CommerceNet]
** Evening Social & Snacks - sponsored by [http://mBLAST.com/ mBLAST]
*** Beer - sponsored by [http://steve.ganz.name/ Steve Ganz]
* Sunday 26th
** Breakfast - sponsored by [http://www.carlaborsoi.com/ Carla Borsoi]
** Lunch - sponsored by [http://visitmix.com/Lab/Oomph Microsoft MIX Online]
* More Ideas...
** Stickers - sponsored by [http://objectadjective.com Object Adjective]
** Buttons - sponsored by [http://cindyli.com Cindy Li]
** Coffee
** Snacks
** ______?

For meals, we're planning on something simple like bagels+coffee for breakfast (note: Tantek will purchase supplies for Sunday morning); or pizza or <del>indian delivery</del> ([http://www.mydeedees.com/ Deedees Indian Food!]). We'll arrange for sponsors to pay vendors directly...

== attendees ==
microformatsDevCamp, like any BarCamp, needs you - Sign up to volunteer, attend, design, code, and build with microformats!

=== volunteers ===
Like all [http://barcamp.org BarCamps], this event is what it is because of what everyone puts into it. Volunteer to help setup, check people in, get them setup with a name badge, clean up, and help people in general have a good time and get things done.
* Cindy Li - designer, helping with microformatsDevCamp logo design. done!
** full resolution logo: <nowiki>http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg</nowiki>
** on Flickr: http://www.flickr.com/photos/cindyli/3726302070/
** designed and ordered buttons for event.Done!

* [[User:BeauLebens|Beau Lebens]] - developer, Automattic, [[http://dentedreality.com.au/ Dented Reality]]. I know my way around the venue, so can help sort out power strips, projectors etc
* ...

=== participants ===

Please register with this [http://spreadsheets.google.com/viewform?formkey=dERvcnQ4SlFsX0ZLQi1KOE8wbk5obUE6MA.. online form].

Want to design interfaces or build stuff with microformats and want help doing it? Sign up! Add yourself. Note your site (with [[hCard]] if you have it), interests/projects, and tag yourself as a web '''author''', '''designer''', '''<abbr title="information architect">IA</abbr>''', '''publisher''', '''developer''', '''UI-tester''' - pick at least one.
# [http://tantek.com Tantek Çelik] - developer, designer (user interface interaction)
# [http://yury.name Yury Lifshits]
# [http://www.markng.co.uk Mark Ng]
# [http://www.ics.uci.edu/~rohit Rohit Khare] - developer
# [http://www.jasonbolton.com Jason Bolton] - front-end designer
# [http://alpern.org Micah Alpern] - designer (user interface interaction) (will be there Sunday).
# [[User:EdwardOConnor |Edward O'Connor]] (Ted) - author, designer, developer, publisher
# [http://singpolyma.net Stephen Paul Weber] - developer, publisher
# [http://feedblog.org Kevin Burton] - developer
# [http://jobspice.com Dane Hurtubise] - developer
# [http://developer.netflix.com JR Conlin] - developer, publisher
# Chirag Shah - developer
# [http://www.wezaggle.com Jesse Hammons] - developer [http://www.wezaggle.com Zaggle Social Calendar]
# [http://matthewlevine.com Matthew Levine] - developer
# [http://farukat.es/ Faruk Ateş] - UX Designer, developer
# [http://fourkitchens.com/ David Strauss] - Drupal, developer
# [http://huyhong.com/ Huy Hong] - Frontend Developer, UI/UX/UE, UGC nut
# [http://objectadjective.com Jeremy Anderson] - UX/UI/ID Designer, developer
# [http://objectadjective.com Lauren Scime] - front end designer / developer
# [http://blog.oofn.net Chad Weider] developer, designer, front-end, back-end, etc.
# (and about 35 more folks, according to [http://upcoming.yahoo.com/event/2888376/ Upcoming] as of noon Thursday 2009-7-23)
# ...

==schedule==
Outline of schedule for the weekend - more details at the DevCamp!
* Saturday July 25th
** 11:00am - planners+volunteers onsite for setup
** 12:00pm - registration, lunch
** intro session, what is a devcamp, introductions
** hack/project brainstorming and proposals
** day 1 building sessions
** dinner
** day 1 demos and social hour
** evening open hacking session (like DevHouse) / iteration on hacks/projects

* Sunday July 26th
** 10:00am - breakfast
** day 2 working sessions on hacks/projects
** 12:30pm lunch
** day 2 working sessions continued
** second day demos and wrap-up
** venue clean-up
** 5pm venue exit

==venue==
Automattic has very graciously agreed to host microformatsDevCamp. The venue has:
* wifi
* power. power outlets, extension cords, power strips
* 4-5 rooms/meeting areas.
* 3 projectors
* 1 whiteboard.
* sink, water.

As Automattic is donating the venue, as participants it is our responsibility to take excellent care of the venue, leaving it as good or better than we found it.

Some amount of camping overnight at the venue will be possible.

=== nearby food ===
Suggestions for nearby (easy/quick walking distance) drinks, snacks, food.
* Bayside Market - fresh fruit and vegetables, sandwiches. http://www.yelp.com/biz/bayside-market-san-francisco-2
* Crossroads Cafe - coffee, espresso drinks, shakes, smoothies, bagels, sandwiches. http://www.yelp.com/biz/crossroads-cafe-san-francisco-3
* ...

== tags ==
Please use the following tags when tagging related content (blog posts, photos, videos):

tags:
<kbd class="tags" style="display:block">
'''#ufdevcamp'''
ufdevcampsf
microformats
microformatsDevCamp
microformatsDevCampSF
microformats-meetup
BarCamp
BarCamp2009
Automattic
The-Embarcadero
san-francisco
upcoming:event=2888376
</kbd>

Track:
* [http://search.twitter.com/search?q=ufdevcamp #ufdevcamp on Twitter Search].
* [http://identi.ca/tag/ufdevcamp #ufdevcamp] tagspace on identi.ca.

Groups:
* [http://identi.ca/group/microformats !microformats Identi.ca group] (aliases: !mf and !uf). Join and address the whole group. Notices to this group can also be tracked from [http://identi.ca/tag/microformats #microformats]

== notes ==
topics discussed:
* ...

== hack ideas ==
Have an idea for a hack/project session? Please read <cite>[http://factoryjoe.com/blog/2007/07/13/what-is-a-devcamp/ What is a DevCamp?]</cite> and then suggest something or add a "+1" to existing suggestions, and sign your suggestion or opinion with your Username with <nowiki>~~~</nowiki>
<div class="discussion">
* '''microformats and user sign-up user interface''' - how can importing and subscribing to hCards help make user sign-up easier and thus get more users signed up quicker? [[User:Tantek|Tantek]]
* '''using hCard to build a self-updating address book''' - in the search for an address book/contact list that actually stays up to date, hCard may be the key. [[User:Beaulebens|Beau Lebens]]
** +1 [[User:Tantek|Tantek]]
* '''microWall''' - make sure to print a screen-shot of every microformat-savvy tool that comes up during the camp, and stick them on the wall. It will be an amazing backdrop for a group photo... [[User:Rohit|Rohit]]
** +1 [[User:Tantek|Tantek]]
* '''(Sunday)''' '''CSS3, HTML5 and microformats "Zen Garden"''' - same premise as the CSS Zen Garden of yore, but with a strong emphasis on CSS3 advancements, microformats enrichment and done in HTML5. [[User:KuraFire|Faruk Ateş]]
* '''hCard to Google Address Book''' bookmarlet. [[User:Singpolyma|Singpolyma]]
* ...
</div>

== projects ==
Please create a wiki page for any hack/project session you lead or attend and link to it from here.
* [[hCardInputInterface]] for easy input of user data (creating hCards).
* [[hcard-contact-autocompletion]]
* [[Micro Format Services]]

== photographs ==
* ...

== blog posts ==
Blog posts about the devCamp. Newest first.
* [http://microformats.org/blog/2009/07/20/microformatsdevcamp-this-weekend/ 2009-07-21 microformats.org: microformatsDevCamp this weekend!]
* [http://radar.oreilly.com/2009/07/four-short-links-17-july-2009.html O'Reilly Radar: Four short links]
* ...

== see also ==
* [http://factoryjoe.com/blog/2007/07/13/what-is-a-devcamp/ Chris Messina: What is a DevCamp?]
* ...

</div> 

== Related Pages==
microformatsDevCamp is one of several microformats [[events]].

{{events-related-pages}}

== planner to-do ==

=== planners ===
Want to help organize and plan the first microformatsDevCamp? Sign up and be sure to pick up a planner role (see below).
* [[User:Tantek|Tantek Çelik]] - '''organizing, venue acquisition, intro and kickoff'''
* [[User:Rohit|Rohit Khare]] - '''venue acquisition, sponsor wrangler, food'''
* [[User:EdwardOConnor |Edward O'Connor]] (Ted) - '''volunteer coordinator, setup, welcome desk'''
* [[User:Pseudowish|Lauren Scime]] - '''t-shirts, other coordination needs tbd'''
* [[User:Chris Messina|Chris Messina]] - '''connector and advisor'''

=== planner roles ===
Role info / details:
* '''intro and kickoff''' - run the introductory session and help start the microformatsDevCamp with traditional BarCamp intros/3tags and explanation of the BarCamp format.
* '''food''' - coordinate / match up sponsors with meals and make sure the meals arrive and are setup for event participants during the event.
* '''sponsor wrangler''' - for food, t-shirts. per definition given in: http://www.cleverclevergirl.com/?p=10 : <blockquote>Drafts a message to send to potential sponsors, follows up leads from others for potential sponsors, collects info, logos (in vector format), and money from sponsors and also sees that receipts (if necessary) are issued at the end. </blockquote>
* '''t-shirts''' - get estimate, make sure to order in time for the event. Ben Ward has done some work on this - check with him.
* '''volunteer coordinator''' - recruit and organize volunteers the day of the event to help out with food, setup
* '''cleanup''' - enlist help of volunteers and all devCamp participants to help with cleanup
* '''setup''' - be in charge of setup the day of, coordinate with venue on setup plenty of time *before* the start of the camp! setup: power cords, power strips, calendar grid for sessions, tables and chairs in rooms/meeting areas, projectors
* '''welcome desk''' - welcome microformatsDevCamp attendees at the entrance of the venue, make sure they get a name tag and instruct them to tag themselves as primarily/secondarily being a web '''author''', '''designer''', '''publisher''', '''developer''', pick at least one. (as they should also do when the sign up on the wiki in the attendees section above!)

===T-shirts===
* get estimates from vendor(s) for different quantities
** get vendor contact info from Ben Ward who has already looked into this and found a reliable vendor that can deliver high quality t-shirts in a week or less time.
** Suggestion: 100 shirts, provide them to individuals who sponsor microformatsDevCamp with a $20 or more donation to help pay for t-shirts and snacks/food (if any funds from covering t-shirts are remaining). [[User:Tantek|Tantek]] 17:40, 17 July 2009 (UTC)
* make/reuse design (get original t-shirt design details from Dan Cederholm)
* order/print - make sure folks who donated at the [[events/2009-06-26-microformats-4th-bday|4th bday party]] get their shirts

* '''T-shirts are ordered!''' Printer is [http://www.screenprintguy.com The Screen Print Guy] located out on 23rd Ave. Will be available for pickup by Friday July 24th. (This is great! [[User:Tantek|Tantek]] 01:03, 21 July 2009 (UTC))
** Total # of shirts ordered: 100. Size breakdown: Men's: 10 small, 30 medium, 25 large. Women's: 10 small, 15 medium, 10 large.
** Total cost: $918.00 (would have been cheaper but they had a surcharge for the rush order). I have charged 50% of the cost already to place the order. Other 50% due at time of pickup.

Note that, including cash donations from the 4th birthday party, we have pledges for ~$1850 to budget with as of 2009-7-24 [[User:Rohit|Rohit]]

events/2009-07-25-dev-camp

2009-07-25T22:42:59Z

KuraFire: Added CSS3 zen garden hack idea

<entry-title>microformatsDevCamp</entry-title>
http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg

<div class="event-page vevent">
;When
:2009-07-25 from 12:00 to 2009-07-26 at 17:00
;Where
:Automattic, Pier 38, The Embarcadero between Brannan and Townsend, San Francisco, CA, 94107. [http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&view=map&q=%2BAutomattic,+The+Embarcadero,+San+Francisco,+CA+94107&sll=37.752736,-122.402826&sspn=0.13844,0.217667&gl=us&ie=UTF8&t=h&layer=c&cbll=37.782877,-122.388062&panoid=kB1DhzPP5DYl5pgHBRxdPg&cbp=12,123.84,,0,2.44&ll=37.783053,-122.388044&spn=0,359.996599&z=18 View location at latitude:37.782769, longitude:-122.387837]
:'''MUNI''': [http://playfoursquare.com/venue/72202 Brannan] (N,T)
:'''BART''': Embarcadero station, then [http://www.nextmuni.com/predictor/prediction.shtml?a=sf-muni&r=N&d=N__IB3&s=6992&ts=4506 take MUNI N-Judah inbound] or T-Third inbound to Brannan stop.
:'''Caltrain''': 4th & King st., then [http://www.nextmuni.com/predictor/prediction.shtml?a=sf-muni&r=N&d=N__OB2&s=5240&ts=7145 take MUNI N-Judah outbound] or T-Third outbound to Brannan stop.
;What
:microformatsDevCamp! The first ever microformatsDevCamp, for authors, designers, publishers, developers, engineers building pages, sites, and tools with microformats.
;How much
:$20 suggested donation (gets you a t-shirt while supplies last). No one turned away for lack of funds.
;URLs
:http://microformats.org/wiki/events/2009-07-25-dev-camp
:http://upcoming.yahoo.com/event/2888376/
:http://www.facebook.com/event.php?eid=102571118403
;short URL
:http://tr.im/ufdevcamp

'''[http://suda.co.uk/projects/microformats/hcalendar/get-cal.php?uri=http://microformats.org/wiki/events/2009-07-25-dev-camp Add this event to your calendar]''' http://www.boogdesign.com/images/buttons/microformat_hcalendar.png

== Sponsors ==
microformatsDevCamp is made possible thanks to the generosity of our corporate and individual sponsors!

* Venue
**[http://automattic.com Automattic]
* Meals
** [http://spinn3r.com Spinn3r]
** [http://commerce.net CommerceNet]
** [http://visitmix.com/Lab/Oomph Microsoft MIX Online]
** [http://mBLAST.com/ mBLAST]
** [http://steve.ganz.name/ Steve Ganz]
** [http://www.carlaborsoi.com/ Carla Borsoi]
* Promotion
** [http://objectadjective.com Object Adjective]
** [http://cindyli.com Cindy Li]

=== Sponsorships ===
Help sponsor microformatsDevCamp:

* Saturday 25th
** Lunch - sponsored by [http://spinn3r.com Spinn3r]
** Dinner - sponsored by [http://commerce.net CommerceNet]
** Evening Social & Snacks - sponsored by [http://mBLAST.com/ mBLAST]
*** Beer - sponsored by [http://steve.ganz.name/ Steve Ganz]
* Sunday 26th
** Breakfast - sponsored by [http://www.carlaborsoi.com/ Carla Borsoi]
** Lunch - sponsored by [http://visitmix.com/Lab/Oomph Microsoft MIX Online]
* More Ideas...
** Stickers - sponsored by [http://objectadjective.com Object Adjective]
** Buttons - sponsored by [http://cindyli.com Cindy Li]
** Coffee
** Snacks
** ______?

For meals, we're planning on something simple like bagels+coffee for breakfast (note: Tantek will purchase supplies for Sunday morning); or pizza or <del>indian delivery</del> ([http://www.mydeedees.com/ Deedees Indian Food!]). We'll arrange for sponsors to pay vendors directly...

== attendees ==
microformatsDevCamp, like any BarCamp, needs you - Sign up to volunteer, attend, design, code, and build with microformats!

=== volunteers ===
Like all [http://barcamp.org BarCamps], this event is what it is because of what everyone puts into it. Volunteer to help setup, check people in, get them setup with a name badge, clean up, and help people in general have a good time and get things done.
* Cindy Li - designer, helping with microformatsDevCamp logo design. done!
** full resolution logo: <nowiki>http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg</nowiki>
** on Flickr: http://www.flickr.com/photos/cindyli/3726302070/
** designed and ordered buttons for event.Done!

* [[User:BeauLebens|Beau Lebens]] - developer, Automattic, [[http://dentedreality.com.au/ Dented Reality]]. I know my way around the venue, so can help sort out power strips, projectors etc
* ...

=== participants ===

Please register with this [http://spreadsheets.google.com/viewform?formkey=dERvcnQ4SlFsX0ZLQi1KOE8wbk5obUE6MA.. online form].

Want to design interfaces or build stuff with microformats and want help doing it? Sign up! Add yourself. Note your site (with [[hCard]] if you have it), interests/projects, and tag yourself as a web '''author''', '''designer''', '''<abbr title="information architect">IA</abbr>''', '''publisher''', '''developer''', '''UI-tester''' - pick at least one.
# [http://tantek.com Tantek Çelik] - developer, designer (user interface interaction)
# [http://yury.name Yury Lifshits]
# [http://www.markng.co.uk Mark Ng]
# [http://www.ics.uci.edu/~rohit Rohit Khare] - developer
# [http://www.jasonbolton.com Jason Bolton] - front-end designer
# [http://alpern.org Micah Alpern] - designer (user interface interaction) (will be there Sunday).
# [[User:EdwardOConnor |Edward O'Connor]] (Ted) - author, designer, developer, publisher
# [http://singpolyma.net Stephen Paul Weber] - developer, publisher
# [http://feedblog.org Kevin Burton] - developer
# [http://jobspice.com Dane Hurtubise] - developer
# [http://developer.netflix.com JR Conlin] - developer, publisher
# Chirag Shah - developer
# [http://www.wezaggle.com Jesse Hammons] - developer [http://www.wezaggle.com Zaggle Social Calendar]
# [http://matthewlevine.com Matthew Levine] - developer
# [http://farukat.es/ Faruk Ateş] - UX Designer, developer
# [http://fourkitchens.com/ David Strauss] - Drupal, developer
# [http://huyhong.com/ Huy Hong] - Frontend Developer, UI/UX/UE, UGC nut
# [http://objectadjective.com Jeremy Anderson] - UX/UI/ID Designer, developer
# [http://objectadjective.com Lauren Scime] - front end designer / developer
# [http://blog.oofn.net Chad Weider] developer, designer, front-end, back-end, etc.
# (and about 35 more folks, according to [http://upcoming.yahoo.com/event/2888376/ Upcoming] as of noon Thursday 2009-7-23)
# ...

==schedule==
Outline of schedule for the weekend - more details at the DevCamp!
* Saturday July 25th
** 11:00am - planners+volunteers onsite for setup
** 12:00pm - registration, lunch
** intro session, what is a devcamp, introductions
** hack/project brainstorming and proposals
** day 1 building sessions
** dinner
** day 1 demos and social hour
** evening open hacking session (like DevHouse) / iteration on hacks/projects

* Sunday July 26th
** 10:00am - breakfast
** day 2 working sessions on hacks/projects
** 12:30pm lunch
** day 2 working sessions continued
** second day demos and wrap-up
** venue clean-up
** 5pm venue exit

==venue==
Automattic has very graciously agreed to host microformatsDevCamp. The venue has:
* wifi
* power. power outlets, extension cords, power strips
* 4-5 rooms/meeting areas.
* 3 projectors
* 1 whiteboard.
* sink, water.

As Automattic is donating the venue, as participants it is our responsibility to take excellent care of the venue, leaving it as good or better than we found it.

Some amount of camping overnight at the venue will be possible.

=== nearby food ===
Suggestions for nearby (easy/quick walking distance) drinks, snacks, food.
* Bayside Market - fresh fruit and vegetables, sandwiches. http://www.yelp.com/biz/bayside-market-san-francisco-2
* Crossroads Cafe - coffee, espresso drinks, shakes, smoothies, bagels, sandwiches. http://www.yelp.com/biz/crossroads-cafe-san-francisco-3
* ...

== tags ==
Please use the following tags when tagging related content (blog posts, photos, videos):

tags:
<kbd class="tags" style="display:block">
'''#ufdevcamp'''
ufdevcampsf
microformats
microformatsDevCamp
microformatsDevCampSF
microformats-meetup
BarCamp
BarCamp2009
Automattic
The-Embarcadero
san-francisco
upcoming:event=2888376
</kbd>

Track:
* [http://search.twitter.com/search?q=ufdevcamp #ufdevcamp on Twitter Search].
* [http://identi.ca/tag/ufdevcamp #ufdevcamp] tagspace on identi.ca.

Groups:
* [http://identi.ca/group/microformats !microformats Identi.ca group] (aliases: !mf and !uf). Join and address the whole group. Notices to this group can also be tracked from [http://identi.ca/tag/microformats #microformats]

== notes ==
topics discussed:
* ...

== hack ideas ==
Have an idea for a hack/project session? Please read <cite>[http://factoryjoe.com/blog/2007/07/13/what-is-a-devcamp/ What is a DevCamp?]</cite> and then suggest something or add a "+1" to existing suggestions, and sign your suggestion or opinion with your Username with <nowiki>~~~</nowiki>
<div class="discussion">
* '''microformats and user sign-up user interface''' - how can importing and subscribing to hCards help make user sign-up easier and thus get more users signed up quicker? [[User:Tantek|Tantek]]
* '''using hCard to build a self-updating address book''' - in the search for an address book/contact list that actually stays up to date, hCard may be the key. [[User:Beaulebens|Beau Lebens]]
** +1 [[User:Tantek|Tantek]]
* '''microWall''' - make sure to print a screen-shot of every microformat-savvy tool that comes up during the camp, and stick them on the wall. It will be an amazing backdrop for a group photo... [[User:Rohit|Rohit]]
** +1 [[User:Tantek|Tantek]]
* '''CSS3, HTML5 and microformats "Zen Garden"''' - same premise as the CSS Zen Garden of yore, but with a strong emphasis on CSS3 advancements, microformats enrichment and done in HTML5. [[User:KuraFire|Faruk Ateş]]
* ...
</div>

== projects ==
Please create a wiki page for any hack/project session you lead or attend and link to it from here.
* ...

== photographs ==
* ...

== blog posts ==
Blog posts about the devCamp. Newest first.
* [http://microformats.org/blog/2009/07/20/microformatsdevcamp-this-weekend/ 2009-07-21 microformats.org: microformatsDevCamp this weekend!]
* [http://radar.oreilly.com/2009/07/four-short-links-17-july-2009.html O'Reilly Radar: Four short links]
* ...

== see also ==
* [http://factoryjoe.com/blog/2007/07/13/what-is-a-devcamp/ Chris Messina: What is a DevCamp?]
* ...

</div> 

== Related Pages==
microformatsDevCamp is one of several microformats [[events]].

{{events-related-pages}}

== planner to-do ==

=== planners ===
Want to help organize and plan the first microformatsDevCamp? Sign up and be sure to pick up a planner role (see below).
* [[User:Tantek|Tantek Çelik]] - '''organizing, venue acquisition, intro and kickoff'''
* [[User:Rohit|Rohit Khare]] - '''venue acquisition, sponsor wrangler, food'''
* [[User:EdwardOConnor |Edward O'Connor]] (Ted) - '''volunteer coordinator, setup, welcome desk'''
* [[User:Pseudowish|Lauren Scime]] - '''t-shirts, other coordination needs tbd'''
* [[User:Chris Messina|Chris Messina]] - '''connector and advisor'''

=== planner roles ===
Role info / details:
* '''intro and kickoff''' - run the introductory session and help start the microformatsDevCamp with traditional BarCamp intros/3tags and explanation of the BarCamp format.
* '''food''' - coordinate / match up sponsors with meals and make sure the meals arrive and are setup for event participants during the event.
* '''sponsor wrangler''' - for food, t-shirts. per definition given in: http://www.cleverclevergirl.com/?p=10 : <blockquote>Drafts a message to send to potential sponsors, follows up leads from others for potential sponsors, collects info, logos (in vector format), and money from sponsors and also sees that receipts (if necessary) are issued at the end. </blockquote>
* '''t-shirts''' - get estimate, make sure to order in time for the event. Ben Ward has done some work on this - check with him.
* '''volunteer coordinator''' - recruit and organize volunteers the day of the event to help out with food, setup
* '''cleanup''' - enlist help of volunteers and all devCamp participants to help with cleanup
* '''setup''' - be in charge of setup the day of, coordinate with venue on setup plenty of time *before* the start of the camp! setup: power cords, power strips, calendar grid for sessions, tables and chairs in rooms/meeting areas, projectors
* '''welcome desk''' - welcome microformatsDevCamp attendees at the entrance of the venue, make sure they get a name tag and instruct them to tag themselves as primarily/secondarily being a web '''author''', '''designer''', '''publisher''', '''developer''', pick at least one. (as they should also do when the sign up on the wiki in the attendees section above!)

===T-shirts===
* get estimates from vendor(s) for different quantities
** get vendor contact info from Ben Ward who has already looked into this and found a reliable vendor that can deliver high quality t-shirts in a week or less time.
** Suggestion: 100 shirts, provide them to individuals who sponsor microformatsDevCamp with a $20 or more donation to help pay for t-shirts and snacks/food (if any funds from covering t-shirts are remaining). [[User:Tantek|Tantek]] 17:40, 17 July 2009 (UTC)
* make/reuse design (get original t-shirt design details from Dan Cederholm)
* order/print - make sure folks who donated at the [[events/2009-06-26-microformats-4th-bday|4th bday party]] get their shirts

* '''T-shirts are ordered!''' Printer is [http://www.screenprintguy.com The Screen Print Guy] located out on 23rd Ave. Will be available for pickup by Friday July 24th. (This is great! [[User:Tantek|Tantek]] 01:03, 21 July 2009 (UTC))
** Total # of shirts ordered: 100. Size breakdown: Men's: 10 small, 30 medium, 25 large. Women's: 10 small, 15 medium, 10 large.
** Total cost: $918.00 (would have been cheaper but they had a surcharge for the rush order). I have charged 50% of the cost already to place the order. Other 50% due at time of pickup.

Note that, including cash donations from the 4th birthday party, we have pledges for ~$1850 to budget with as of 2009-7-24 [[User:Rohit|Rohit]]

events/2009-07-25-dev-camp

2009-07-25T20:52:03Z

KuraFire: Added myself (Faruk)

<entry-title>microformatsDevCamp</entry-title>
http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg

<div class="event-page vevent">
;When
:2009-07-25 from 12:00 to 2009-07-26 at 17:00
;Where
:Automattic, Pier 38, The Embarcadero between Brannan and Townsend, San Francisco, CA, 94107. [http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&view=map&q=%2BAutomattic,+The+Embarcadero,+San+Francisco,+CA+94107&sll=37.752736,-122.402826&sspn=0.13844,0.217667&gl=us&ie=UTF8&t=h&layer=c&cbll=37.782877,-122.388062&panoid=kB1DhzPP5DYl5pgHBRxdPg&cbp=12,123.84,,0,2.44&ll=37.783053,-122.388044&spn=0,359.996599&z=18 View location at latitude:37.782769, longitude:-122.387837]
:'''MUNI''': [http://playfoursquare.com/venue/72202 Brannan] (N,T)
:'''BART''': Embarcadero station, then [http://www.nextmuni.com/predictor/prediction.shtml?a=sf-muni&r=N&d=N__IB3&s=6992&ts=4506 take MUNI N-Judah inbound] or T-Third inbound to Brannan stop.
:'''Caltrain''': 4th & King st., then [http://www.nextmuni.com/predictor/prediction.shtml?a=sf-muni&r=N&d=N__OB2&s=5240&ts=7145 take MUNI N-Judah outbound] or T-Third outbound to Brannan stop.
;What
:microformatsDevCamp! The first ever microformatsDevCamp, for authors, designers, publishers, developers, engineers building pages, sites, and tools with microformats.
;How much
:$20 suggested donation (gets you a t-shirt while supplies last). No one turned away for lack of funds.
;URLs
:http://microformats.org/wiki/events/2009-07-25-dev-camp
:http://upcoming.yahoo.com/event/2888376/
:http://www.facebook.com/event.php?eid=102571118403
;short URL
:http://tr.im/ufdevcamp

'''[http://suda.co.uk/projects/microformats/hcalendar/get-cal.php?uri=http://microformats.org/wiki/events/2009-07-25-dev-camp Add this event to your calendar]''' http://www.boogdesign.com/images/buttons/microformat_hcalendar.png

== Sponsors ==
microformatsDevCamp is made possible thanks to the generosity of our corporate and individual sponsors!

* Venue
**[http://automattic.com Automattic]
* Meals
** [http://spinn3r.com Spinn3r]
** [http://commerce.net CommerceNet]
** [http://visitmix.com/Lab/Oomph Microsoft MIX Online]
** [http://mBLAST.com/ mBLAST]
** [http://steve.ganz.name/ Steve Ganz]
** [http://www.carlaborsoi.com/ Carla Borsoi]
* Promotion
** [http://objectadjective.com Object Adjective]
** [http://cindyli.com Cindy Li]

=== Sponsorships ===
Help sponsor microformatsDevCamp:

* Saturday 25th
** Lunch - sponsored by [http://spinn3r.com Spinn3r]
** Dinner - sponsored by [http://commerce.net CommerceNet]
** Evening Social & Snacks - sponsored by [http://mBLAST.com/ mBLAST]
*** Beer - sponsored by [http://steve.ganz.name/ Steve Ganz]
* Sunday 26th
** Breakfast - sponsored by [http://www.carlaborsoi.com/ Carla Borsoi]
** Lunch - sponsored by [http://visitmix.com/Lab/Oomph Microsoft MIX Online]
* More Ideas...
** Stickers - sponsored by [http://objectadjective.com Object Adjective]
** Buttons - sponsored by [http://cindyli.com Cindy Li]
** Coffee
** Snacks
** ______?

For meals, we're planning on something simple like bagels+coffee for breakfast (note: Tantek will purchase supplies for Sunday morning); or pizza or <del>indian delivery</del> ([http://www.mydeedees.com/ Deedees Indian Food!]). We'll arrange for sponsors to pay vendors directly...

== attendees ==
microformatsDevCamp, like any BarCamp, needs you - Sign up to volunteer, attend, design, code, and build with microformats!

=== volunteers ===
Like all [http://barcamp.org BarCamps], this event is what it is because of what everyone puts into it. Volunteer to help setup, check people in, get them setup with a name badge, clean up, and help people in general have a good time and get things done.
* Cindy Li - designer, helping with microformatsDevCamp logo design. done!
** full resolution logo: <nowiki>http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg</nowiki>
** on Flickr: http://www.flickr.com/photos/cindyli/3726302070/
** designed and ordered buttons for event.Done!

* [[User:BeauLebens|Beau Lebens]] - developer, Automattic, [[http://dentedreality.com.au/ Dented Reality]]. I know my way around the venue, so can help sort out power strips, projectors etc
* ...

=== participants ===

Please register with this [http://spreadsheets.google.com/viewform?formkey=dERvcnQ4SlFsX0ZLQi1KOE8wbk5obUE6MA.. online form].

Want to design interfaces or build stuff with microformats and want help doing it? Sign up! Add yourself. Note your site (with [[hCard]] if you have it), interests/projects, and tag yourself as a web '''author''', '''designer''', '''<abbr title="information architect">IA</abbr>''', '''publisher''', '''developer''', '''UI-tester''' - pick at least one.
# [http://tantek.com Tantek Çelik] - developer, designer (user interface interaction)
# [http://yury.name Yury Lifshits]
# [http://www.markng.co.uk Mark Ng]
# [http://www.ics.uci.edu/~rohit Rohit Khare] - developer
# [http://www.jasonbolton.com Jason Bolton] - front-end designer
# [http://alpern.org Micah Alpern] - designer (user interface interaction) (will be there Sunday).
# [[User:EdwardOConnor |Edward O'Connor]] (Ted) - author, designer, developer, publisher
# [http://singpolyma.net Stephen Paul Weber] - developer, publisher
# [http://feedblog.org Kevin Burton] - developer
# [http://jobspice.com Dane Hurtubise] - developer
# [http://developer.netflix.com JR Conlin] - developer, publisher
# Chirag Shah - developer
# [http://www.wezaggle.com Jesse Hammons] - developer [http://www.wezaggle.com Zaggle Social Calendar]
# [http://matthewlevine.com Matthew Levine] - developer
# [http://farukat.es/ Faruk Ateş] - UX Designer, developer
# (and about 35 more folks, according to [http://upcoming.yahoo.com/event/2888376/ Upcoming] as of noon Thursday 2009-7-23)
# ...

==schedule==
Outline of schedule for the weekend - more details at the DevCamp!
* Saturday July 25th
** 11:00am - planners+volunteers onsite for setup
** 12:00pm - registration, lunch
** intro session, what is a devcamp, introductions
** hack/project brainstorming and proposals
** day 1 building sessions
** dinner
** day 1 demos and social hour
** evening open hacking session (like DevHouse) / iteration on hacks/projects

* Sunday July 26th
** 10:00am - breakfast
** day 2 working sessions on hacks/projects
** 12:30pm lunch
** day 2 working sessions continued
** second day demos and wrap-up
** venue clean-up
** 5pm venue exit

==venue==
Automattic has very graciously agreed to host microformatsDevCamp. The venue has:
* wifi
* power. power outlets, extension cords, power strips
* 4-5 rooms/meeting areas.
* 3 projectors
* 1 whiteboard.
* sink, water.

As Automattic is donating the venue, as participants it is our responsibility to take excellent care of the venue, leaving it as good or better than we found it.

Some amount of camping overnight at the venue will be possible.

=== nearby food ===
Suggestions for nearby (easy/quick walking distance) drinks, snacks, food.
* Bayside Market - fresh fruit and vegetables, sandwiches. http://www.yelp.com/biz/bayside-market-san-francisco-2
* Crossroads Cafe - coffee, espresso drinks, shakes, smoothies, bagels, sandwiches. http://www.yelp.com/biz/crossroads-cafe-san-francisco-3
* ...

== tags ==
Please use the following tags when tagging related content (blog posts, photos, videos):

tags:
<kbd class="tags" style="display:block">
'''#ufdevcamp'''
ufdevcampsf
microformats
microformatsDevCamp
microformatsDevCampSF
microformats-meetup
BarCamp
BarCamp2009
Automattic
The-Embarcadero
san-francisco
upcoming:event=2888376
</kbd>

Track:
* [http://search.twitter.com/search?q=ufdevcamp #ufdevcamp on Twitter Search].
* [http://identi.ca/tag/ufdevcamp #ufdevcamp] tagspace on identi.ca.

Groups:
* [http://identi.ca/group/microformats !microformats Identi.ca group] (aliases: !mf and !uf). Join and address the whole group. Notices to this group can also be tracked from [http://identi.ca/tag/microformats #microformats]

== notes ==
topics discussed:
* ...

== hack ideas ==
Have an idea for a hack/project session? Please read <cite>[http://factoryjoe.com/blog/2007/07/13/what-is-a-devcamp/ What is a DevCamp?]</cite> and then suggest something or add a "+1" to existing suggestions, and sign your suggestion or opinion with your Username with <nowiki>~~~</nowiki>
<div class="discussion">
* '''microformats and user sign-up user interface''' - how can importing and subscribing to hCards help make user sign-up easier and thus get more users signed up quicker? [[User:Tantek|Tantek]]
* '''using hCard to build a self-updating address book''' - in the search for an address book/contact list that actually stays up to date, hCard may be the key. [[User:Beaulebens|Beau Lebens]]
** +1 [[User:Tantek|Tantek]]
* '''microWall''' - make sure to print a screen-shot of every microformat-savvy tool that comes up during the camp, and stick them on the wall. It will be an amazing backdrop for a group photo... [[User:Rohit|Rohit]]
** +1 [[User:Tantek|Tantek]]
* ...
</div>

== projects ==
Please create a wiki page for any hack/project session you lead or attend and link to it from here.
* ...

== photographs ==
* ...

== blog posts ==
Blog posts about the devCamp. Newest first.
* [http://microformats.org/blog/2009/07/20/microformatsdevcamp-this-weekend/ 2009-07-21 microformats.org: microformatsDevCamp this weekend!]
* [http://radar.oreilly.com/2009/07/four-short-links-17-july-2009.html O'Reilly Radar: Four short links]
* ...

== see also ==
* [http://factoryjoe.com/blog/2007/07/13/what-is-a-devcamp/ Chris Messina: What is a DevCamp?]
* ...

</div> 

== Related Pages==
microformatsDevCamp is one of several microformats [[events]].

{{events-related-pages}}

== planner to-do ==

=== planners ===
Want to help organize and plan the first microformatsDevCamp? Sign up and be sure to pick up a planner role (see below).
* [[User:Tantek|Tantek Çelik]] - '''organizing, venue acquisition, intro and kickoff'''
* [[User:Rohit|Rohit Khare]] - '''venue acquisition, sponsor wrangler, food'''
* [[User:EdwardOConnor |Edward O'Connor]] (Ted) - '''volunteer coordinator, setup, welcome desk'''
* [[User:Pseudowish|Lauren Scime]] - '''t-shirts, other coordination needs tbd'''
* [[User:Chris Messina|Chris Messina]] - '''connector and advisor'''

=== planner roles ===
Role info / details:
* '''intro and kickoff''' - run the introductory session and help start the microformatsDevCamp with traditional BarCamp intros/3tags and explanation of the BarCamp format.
* '''food''' - coordinate / match up sponsors with meals and make sure the meals arrive and are setup for event participants during the event.
* '''sponsor wrangler''' - for food, t-shirts. per definition given in: http://www.cleverclevergirl.com/?p=10 : <blockquote>Drafts a message to send to potential sponsors, follows up leads from others for potential sponsors, collects info, logos (in vector format), and money from sponsors and also sees that receipts (if necessary) are issued at the end. </blockquote>
* '''t-shirts''' - get estimate, make sure to order in time for the event. Ben Ward has done some work on this - check with him.
* '''volunteer coordinator''' - recruit and organize volunteers the day of the event to help out with food, setup
* '''cleanup''' - enlist help of volunteers and all devCamp participants to help with cleanup
* '''setup''' - be in charge of setup the day of, coordinate with venue on setup plenty of time *before* the start of the camp! setup: power cords, power strips, calendar grid for sessions, tables and chairs in rooms/meeting areas, projectors
* '''welcome desk''' - welcome microformatsDevCamp attendees at the entrance of the venue, make sure they get a name tag and instruct them to tag themselves as primarily/secondarily being a web '''author''', '''designer''', '''publisher''', '''developer''', pick at least one. (as they should also do when the sign up on the wiki in the attendees section above!)

===T-shirts===
* get estimates from vendor(s) for different quantities
** get vendor contact info from Ben Ward who has already looked into this and found a reliable vendor that can deliver high quality t-shirts in a week or less time.
** Suggestion: 100 shirts, provide them to individuals who sponsor microformatsDevCamp with a $20 or more donation to help pay for t-shirts and snacks/food (if any funds from covering t-shirts are remaining). [[User:Tantek|Tantek]] 17:40, 17 July 2009 (UTC)
* make/reuse design (get original t-shirt design details from Dan Cederholm)
* order/print - make sure folks who donated at the [[events/2009-06-26-microformats-4th-bday|4th bday party]] get their shirts

* '''T-shirts are ordered!''' Printer is [http://www.screenprintguy.com The Screen Print Guy] located out on 23rd Ave. Will be available for pickup by Friday July 24th. (This is great! [[User:Tantek|Tantek]] 01:03, 21 July 2009 (UTC))
** Total # of shirts ordered: 100. Size breakdown: Men's: 10 small, 30 medium, 25 large. Women's: 10 small, 15 medium, 10 large.
** Total cost: $918.00 (would have been cheaper but they had a surcharge for the rush order). I have charged 50% of the cost already to place the order. Other 50% due at time of pickup.

Note that, including cash donations from the 4th birthday party, we have pledges for ~$1850 to budget with as of 2009-7-24 [[User:Rohit|Rohit]]