View source

You do not have permission to edit pages, for the following reason:
The action you have requested is limited to users in the group Users.
You can view and copy the source of this page:
<entry-title>microformatsDevCamp</entry-title>
http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg

<div class="event-page vevent">
;When
:<span class="dtstart"><span class="value">2009-07-25</span> from <span class="value">12:00</span></span> to <span class="dtend"><span class="value">2009-07-26</span> at <span class="value">17:00</span></span>
;Where
:<span class="location vcard"><span class="org fn">Automattic</span>, <span class="adr"><span class="street-address"><em style="border-bottom:dotted 1px" title="Pier 38 is NOWHERE NEAR Pier 39, just to be clear. Pier 38 is SOUTH of the Bay Bridge.">Pier 38</em>, The Embarcadero between Brannan and Townsend</span>, <span class="locality">San Francisco</span>, <span class="region">CA</span>, <span class="postal-code">94107</span></span>. <span style="display:block" class="geo">[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:<span class="latitude">37.782769</span>, longitude:<span class="longitude">-122.387837</span>]</span></span>
:'''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
:<span class="summary">microformatsDevCamp!</span> <span class="description">The first ever microformatsDevCamp, for authors, designers, publishers, developers, engineers building pages, sites, and tools with microformats.</span>
;How much
:$20 suggested donation (gets you a t-shirt in the mail). <em style="display:block">No one turned away for lack of funds.</em>
;URLs
:<span class="url">http://microformats.org/wiki/events/2009-07-25-dev-camp</span>
:http://upcoming.org/event/2888376/
:http://www.facebook.com/event.php?eid=102571118403
;short URL
:http://ufs.cc/w/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
** <span class="vcard"><span class="fn org">[http://spinn3r.com Spinn3r]</span></span>
** <span class="vcard"><span class="fn org">[http://commerce.net CommerceNet]</span></span>
** <span class="vcard"><span class="fn org">[http://visitmix.com/Lab/Oomph Microsoft MIX Online]</span></span>
** <span class="vcard"><span class="fn org">[http://mBLAST.com/ mBLAST]</span></span>
** <span class="vcard"><span class="fn">[http://steve.ganz.name/ Steve Ganz]</span></span>
** <span class="vcard"><span class="fn">[http://www.carlaborsoi.com/ Carla Borsoi]</span></span>
* Promotion
** <span class="vcard"><span class="fn org">[http://objectadjective.com Object Adjective]</span></span>
** [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]

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 ==
Like all [http://barcamp.org BarCamps], microformatsDevCamp is what it is because of what everyone put into it. It ran smoothly because of all of you <span id="volunteers">volunteers</span>, attendees, designers, coders, and builders.

[http://www.flickr.com/photos/kurafire/3756770573 http://farm3.static.flickr.com/2665/3756770573_e2d1fee886.jpg]

Click on yourself and add a note with a link to your web address!

=== participants ===
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.  Feel free to add your twitter, or other method of contact.

# <span class="vcard"><span class="fn">Cindy Li</span> - <span class="role">designer</span>. <span class="url">http://cindyli.com</span>, <span class="url">http://twitter.com/cindyli</span>. <span class="note">helping with microformatsDevCamp logo design</span></span>. done!
#* full resolution logo: <span class="attach"><nowiki>http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg</nowiki></span>
#* on Flickr: http://www.flickr.com/photos/cindyli/3726302070/
#* <span class="note">designed and ordered buttons for event.</span>Done!
# <span class="vcard"><span class="fn">[[User:BeauLebens|Beau Lebens]]</span> - <span class="role">developer</span>, Automattic, [http://dentedreality.com.au/ Dented Reality], <span class="url">http://twitter.com/beaulebens</span>. <span class="note">I know my way around the venue, so can help sort out power strips, projectors etc</span></span>
# <span class="vcard attendee"><span class="fn">[http://tantek.com Tantek Çelik]</span> - <strong class="category">developer</strong>, <span class="category">designer</span> (<span class="category">user interface</span> <span class="category">interaction design</span>) <span class="url">http://tantek.com/</span>, <span class="url">http://twitter.com/t</span></span>
# <span class="vcard attendee"><span class="fn">[http://yury.name Yury Lifshits]</span> - <span class="url">http://yury.name</span></span>
# <span class="vcard attendee"><span class="fn">[http://www.markng.co.uk Mark Ng]</span> - <span class="url">http://www.markng.co.uk</span>, <span class="url">http://twitter.com/markng</span></span>
# <span class="vcard attendee"><span class="fn">[http://www.ics.uci.edu/~rohit Rohit Khare]</span> - <span class="category">developer</span>. <span class="url">http://www.ics.uci.edu/~rohit</span>, <span class="url">http://twitter.com/rohitkhare</span></span>
# <span class="vcard attendee"><span class="fn">[http://www.jasonbolton.com Jason Bolton]</span> - <span class="category">front-end designer</span>. <span class="url">http://www.jasonbolton.com</span>, <span class="url">http://twitter.com/jbolt</span></span>
# <span class="vcard attendee"><span class="fn">[http://alpern.org Micah Alpern]</span> - <span class="category">designer</span> (user interface interaction) (will be there Sunday). <span class="url">http://alpern.org</span>, <span class="url">http://twitter.com/malpern</span></span>
# <span class="vcard attendee"><span class="fn">Theresa O'Connor</span> (<span class="nickname">Ted</span>) - <span class="category">author</span>, <span class="category">designer</span>, <span class="category">developer</span>, <span class="category">publisher</span>. <span class="url">http://twitter.com/hober</span></span>
# <span class="vcard attendee"><span class="fn">[http://singpolyma.net Stephen Paul Weber]</span> - <strong class="category">developer</strong>, <span class="category">publisher</span>. <span class="url">http://singpolyma.net</span>, <span class="url">http://twitter.com/singpolyma</span></span>
# <span class="vcard attendee"><span class="fn">[http://feedblog.org Kevin Burton]</span> - <strong class="category">developer</strong>. <span class="url">http://feedblog.org</span>, <span class="url">http://twitter.com/burtonator</span> </span>
# <span class="vcard attendee"><span class="fn">[http://jobspice.com Dane Hurtubise]</span> - <strong class="category">developer</strong></span>
# <span class="vcard attendee"><span class="fn">[http://developer.netflix.com JR Conlin]</span> - <strong class="category">developer, publisher</strong></span>
# <span class="vcard attendee"><span class="fn">[http://chiarg.com Chirag Shah]</span> - <strong class="category">developer</strong></span>
# <span class="vcard attendee"><span class="fn">[http://www.wezaggle.com Jesse Hammons]</span> - <strong class="category">developer</strong> [http://www.wezaggle.com Zaggle Social Calendar]</span>
# <span class="vcard attendee"><span class="fn url">[http://matthewlevine.com Matthew Levine]</span> - <span class="category">developer</span></span>
# <span class="vcard attendee"><span class="fn">[http://farukat.es/ Faruk Ateş]</span> - <span class="category">UX Designer</span>, <span class="category">developer</span></span>
# <span class="vcard attendee"><span class="fn">[http://fourkitchens.com/ David Strauss]</span> - <span class="category">Drupal</span>, <span class="category">developer</span></span>
# <span class="vcard attendee"><span class="fn">[http://huyhong.com/ Huy Hong]</span> - Frontend Developer, UI/UX/UE, UGC nut</span>
# <span class="vcard attendee"><span class="fn">[http://objectadjective.com Jeremy Anderson]</span> - <strong class="category">UX/UI/ID Designer</strong>, <span class="category">developer</span></span>
# <span class="vcard attendee"><span class="fn">[http://objectadjective.com Lauren Scime]</span> - front end designer / developer</span>
# <span class="vcard attendee"><span class="fn">[http://blog.oofn.net Chad Weider]</span> <span class="category">developer</span>, <span class="category">designer</span>, <span class="category">front-end</span>, <span class="category">back-end</span>, etc.</span>
# <span class="vcard attendee"><span class="fn">[http://dustinwhittle.com Dustin Whittle]</span> <span class="category">developer</span></span>
# <span class="vcard attendee"><span class="fn">[http://reidburke.com Reid Burke]</span> <span class="category">developer</span></span>
#<span class="vcard attendee"><span class="fn">[http://www.myspace.com/ciberch Monica Keller]</span> - <strong class="category">developer</strong></span>
# ... please add yourself if you participated in microformatsDevCamp!

==schedule==
Outline of schedule for the weekend - more details at the DevCamp!
* Saturday July 25th
** 11:00 - planners+volunteers onsite for setup
** 12:00 - registration
** 13:00 -  lunch - Indian Food from Deedees
** intro session, what is a devcamp, introductions
** 13:30 - hack/project brainstorming and proposals
** day 1 building sessions 
** coffee!
** 18:10 - [http://www.flickr.com/photos/kurafire/3756770573 group photo]
** 19:00 - dinner - pizza from Amicis
** 20:30 - dinner 2.0 - more pizza from Amicis
** beer, wine, and cupcakes!
** day 1 [[#projects|projects]] demos and social hour
** evening open hacking session (DevHouse style) / iteration on hacks/projects
** day 1 clean up
** ~midnight+ - day 1 wrap up.

* Sunday July 26th
** 09:30am - planners+volunteers onsite for setup
** 10:00am - coffee, breakfast, more demos from day 1
** day 2 hack/project brainstorming, proposals, signups
** day 2 working sessions on hacks/projects
** 13:30pm lunch
** day 2 working sessions continued
** second day demos and wrap-up
** 18:00 venue clean-up
** 18:30 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.
* <span class="vcard"><span class="fn org">Bayside Market</span> - fresh <span class="category">fruit</span> and <span class="category">vegetables</span>, <span class="category">sandwiches</span>. <span style="display:block" class="url">http://www.yelp.com/biz/bayside-market-san-francisco-2</span></span>
* <span class="vcard"><span class="fn org">Crossroads Café</span> - <span class="category">coffee</span>, <span class="category">espresso</span> drinks, <span class="category">shakes</span>, <span class="category">smoothies</span>, <span class="category">bagels</span>, <span class="category">sandwiches</span>. <span style="display:block" class="url">http://www.yelp.com/biz/crossroads-cafe-san-francisco-3</span></span>
* ...

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

tags:
<kbd class="tags" style="display:block">
<span class="category">'''#ufdevcamp'''</span> 
<span class="category">ufdevcampsf</span> 
<span class="category">microformats</span> 
<span class="category">microformatsDevCamp</span> 
<span class="category">microformatsDevCampSF</span> 
<span class="category">microformats-meetup</span> 
<span class="category">BarCamp</span> 
<span class="category">BarCamp2009</span> 
<span class="category">Automattic</span> 
<span class="category">The-Embarcadero</span> 
<span class="category">san-francisco</span> 
<span class="category">upcoming:event=2888376</span>
</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]

<span id="group">Groups</span>:
* [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.
* '''twitter bus card exchange/display''' by [[User:perivision|Christopher]]
* Not related to microformats per-se, but came up at µfdevcamp.  '''git-mediawiki''' [http://en.wikipedia.org/wiki/User:Singpolyma/git-mediawiki Singpolyma's brainstorming page] [http://github.com/singpolyma/git-mediawiki Github] [[User:Singpolyma|Singpolyma]]
* ... and many more on cards at the event (please add from photos taken)
</div>

== projects ==
;short URL for this section
:http://ufs.cc/w/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]] (a/k/a “CallerID 2.0”) by [[User:Rohit|rohit]], hober, chirags, lou, lauren, & jesse 
# [[unified-rsvp]] by [http://www.myspace.com/ciberch Aramys], [http://dustinwhittle.com/ Dustin], [http://matthewlevine.com/ Matthew], [http://www.myspace.com/ciberch Monica], and [http://reidburke.com/ Reid]
# [[hcard-google-bookmarklet]] [[bookmarklet]]. [[User:Singpolyma|Singpolyma]]
# [[microformat-aggregation]] by [[User:jessehammons|Jesse Hammons]], [[User:yurylifshits|Yury Lifshits]], Andrew McCollum, Dane Hurtibuse, Randy Kerber
# [[hcard-creator-redesign|hCard Creator redesign]] by Cindy Li

== photographs ==
* [http://www.flickr.com/photos/kurafire/sets/72157621834778724/ Flickr photo set by Faruk Ateş]
See all [http://flickr.com/photos/tags/ufdevcamp photos on Flickr tagged ufdevcamp].

== blog posts ==
Blog posts about the devCamp. Newest first.
* [http://github.com/blog/468-microformats-on-github 2009-07-29 Microformats on GitHub]
* [http://dentedreality.com.au/2009/07/microformatsdevcamp/ 2009-07-27 Beau Lebens: microformatsDevCamp]
* [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> <!-- End of @vevent -->
 
== 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'''
* Theresa O'Connor (Tess) - '''volunteer coordinator, setup, welcome desk'''
* [[User:Pseudowish|Lauren Scime]] - '''t-shirts, other coordination needs tbd'''
* <span class="vcard"><span class="fn">[[User:Chris Messina|Chris Messina]]</span> - '''connector and advisor'''</span>

=== 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><p>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. </p></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]]
Templates used on this page:
Template:events-related-pages
Return to events/2009-07-25-dev-camp.
Retrieved from "http://mt.microformats.org/wiki/events/2009-07-25-dev-camp"
Views

Microformats Wiki

Toolbox

Hey! You're not logged in
