code blacks versus the aussies

Slide 1: code blacks versus the aussies this presentation is about the “website in a day” coding competition known as “fullcodepress”. In august 2007 a team from new zealand took on a team from australia in sydney. originally written to give to a client of }{ shift’s - this version is slightly modified. see http://thomasscovell.com/projects/codeblacks/presentation.php to check you have the latest version or for a different format. a version with a commentary track is in the works. v 1.1 thomas scovell 2007

Slide 2: fullcodepress 2007

Slide 3: thomas scovell • }{ Shift Wellington • senior project manager • 14 years “working the web” • agile aficionado • codeblack’s captain

Slide 4: alison green • }{ Shift Wellington • website producer • html/css guru • 11 years in the web industry • accessibility and e-govt specialist • codeblacks all-rounder

Slide 5: fullcodepress? • by webstock team • 24 hour website competition • sites built for charity • 7 team members • 2 teams - Australia and New Zealand • online coverage • august 18, 2007

Slide 6: team selection • online application • role expert judges • shortlist interviews • 3 finalists picked by judges • final team picked from hat

Slide 7: the codeblacks

Slide 8: the competition

Slide 9: the codeblacks • Thomas Scovell Captain • Alison Green All rounder • Mark Rickerby Coder • Jeffrey Wegesin HTML/CSS • Steve Dennis Designer • Peter Johnston Writer • Zef Fugaz Info’ Architect

Slide 10: 24x7x150 a challenge and an opportunity

Slide 11: 24 x 7 = 168 hours x $150 = $25,200

Slide 12: preparing preparing • team meetings • wiki • platform decisions • project plan • “shooting the breeze” • team branding

Slide 13: brand codeblacks www.codeblacks.co.nz

Slide 14: a challenge requirements solution design build release

Slide 15: a solution • a more agile approach • real team work • parallel streams • multi-skilled team members • time-boxing • iterations • refactoring

Slide 16: to CMS or not to • CMSs make for fast builds • CMSs make for slow builds • CMSs are over-engineered • CMSs are over-simplified • we chose not use a prefab CMS • the aussies chose drupal

Slide 17: competition day 18 august, 2007

Slide 18: the client • grampians disability advocacy association • debbie verdon - co-ordinator • supporting individuals and their caregivers with a disability across the grampians region of victoria

Slide 19: process • requirements • personas • big idea • wireframes • design • content creation • building

Slide 20: personas 10am

Slide 21: sitemap 11am

Slide 22: a starting point 10am

Slide 23: a design challenge

Slide 24: wireframes midday

Slide 25: it is too soon midday

Slide 26: the digital paparazzi

Slide 27: the digital paparazzi • flickr • youtube • twitter • blogging

Slide 28: all work and no play

Slide 29: oh those judges

Slide 30: those sneaky australians

Slide 31: self promotion

Slide 32: supporters rock

Slide 33: it all came down to... 24 hours later

Slide 34: new zealand site 24th hour

Slide 35: section page

Slide 36: accessibility features

Slide 37: backend

Slide 38: backend content editing

Slide 39: grampians site • blogging • video • news • mapping • content • contacts • accessibility features

Slide 40: australian site 24th hour

Slide 41: the outcome

Slide 42: what we did right • accessibility • video • personas, IA • copy • design • concept • the lite-cms • team cohesion

Slide 43: learnings • you don’t need as much coffee as you think • watching websites being built is surprisingly much more fun than watching paint dry • don’t reinvent the wheel, build on it • patterns and templates are good • constraints lead to creativity • teams are brands • know your client, know the rules • take one big risk every time

Slide 44: questions? • Thomas Scovell • thomas@shift.co.nz • 027-4555-910 • www.codeblacks.co.nz • www.fullcodepress.com

Slide 45: photo credits \"scream!\" by Erik Abderhalden (http://www.flickr.com/photos/soundfromwayout/282325235/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Stopwatch 6031\" by Amanda Graham (http://www.flickr.com/photos/ytwhitelight/504212595/) Licensed under Creative Commons \" Attribution-Non-Comm ercial-No Derivative Works 2.0 Generic\" (http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en_GB) \"Blackboard closeup\" by Alexis Rondeau (http://www.flickr.com/photos/74845103@N00/541592750) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http ://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Wenlock Olympian Games - Triathlon 15th July 2007\" by David Turner (http://www.flickr.com/photos/davidt2006/819499978/) Licensed under Creative Commons \" Attribution-Non-Commercial-No Derivative Works 2.0 Generic\" ( http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en_GB) \"Emergency Rations\" by Ruth Ellison (http://www.flickr.com/photos/laruth/1153652237/) Licensed under Creative Commons \" Attribution-Non-Commercial-No Derivative Works 2.0 Generic\" (http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en_GB) \"Steve Dennis - Codeblacks\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1153991463/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Alison Green - CodeBlacks\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1153992393/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Zef Fugaz - CodeBlacks\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1153993771/) Licensed under Creative Commons \"Attribution 2.0 Generic\" ( http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Aussie tea\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1154024247/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http:/ /creativecommons.org/licenses/by/2.0/deed.en_GB) \"FullCodePress participants\" by Ruth Ellison (http://www.flickr.com/photos/laruth/1154205136/) Licensed under Creative Commons \" Attribution-Non-Commercial-No Derivative Works 2.0 Generic\" (http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en_GB) \"NZ Team\" by Ruth Ellison (http://www.flickr.com/photos/laruth/1154509572/) Licensed under Creative Commons \" Attribution -Non-Commercial-No Derivative Works 2.0 Generic\" (http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en_GB) \"CodeBlacks\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1154555258/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Thomas Scovell\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1154740665/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativ ecommons.org/licenses/by/2.0/deed.en_GB)

Slide 46: photo credits \"Debbie Verdon - Grampians disAbility Advocacy Association\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1154841102/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Whiteboard action\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1154842328/) Licensed under Creative Commons \"Attribution 2.0 Generic\" ( http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Mark Rickerby - CodeBlacks\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1154865996/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Jane Lowder - videographer\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1154868046/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"The Aussies\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1155000563/) Licensed under Creative Commons \"Attribution 2.0 Generic\" ( http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Angelina hearts FullCodePress\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1155311627/) Licensed under Creative Commons \"Attribution 2.0 Generic\" ( http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Laura Zeeman\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1155594552/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Rebecca and Natasha\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1156542149/) Licensed under Creative Commons \"Attribution 2.0 Generic\" ( http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Fans gather outside the FullCodePress hotel\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1157824706/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Beer fuelled Aussies\" by Ruth Ellison (http://www.flickr.com/photos/laruth/1159755371/) Licensed under Creative Commons \" Attribution-Non-Commercial-No Derivative Works 2.0 Generic\" (http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en_GB) \"Jeffs happy about something\" by Ruth Ellison (http://www.flickr.com/photos/laruth/1159760075/) Licensed under Creative Commons \" Attribution-Non-Commercial-No Derivative Works 2.0 Generic\" (http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en_GB) \"CodeBlacks whiteboard - 9 hours left\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1160813382/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"IMG_1141\" by Ajay Ranipeta (http://www.flickr.com/photos/ajayranipeta/1164320136/) Licensed under Creative Commons \" Attr ibution-Non-Commercial-No Derivative Works 2.0 Generic\" (http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en_GB) \"Zonked\" by Ruth Ellison (http://www.flickr.com/photos/laruth/1164484262/) Licensed under Creative Commons \" Attribution-Non-Commercial-No Derivative Works 2.0 Generic\" (http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en_GB)

Slide 47: photo credits \"NZ Team mascot\" by Ajay Ranipeta (http://www.flickr.com/photos/ajayranipeta/1164513118/) Licensed under Creative Commons \" Attribution-Non-Commercial-No Derivative Works 2.0 Generic\" (http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en_GB) \"Congratulations to the Code Blacks for winning FullCodePress\" by Jo Eaton (http://www.flickr.com/photos/starla/1170346234/) Licensed under Creative Commons \" Attribution-Non-Commercial-No Derivative Works 2.0 Generic\" (http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en_GB) \"The Aussies\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1182290379/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http: //creativecommons.org/licenses/by/2.0/deed.en_GB) \"The winners!\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1183147974/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Natasha Hall\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1202095061/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (ht tp://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Natasha Hall\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1202240379/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommo ns.org/licenses/by/2.0/deed.en_GB) \"Victory dance\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1202244351/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Renae Mason - Team Australia blogger\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1203087718/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB) \"Crash\" by FullCodePress (http://www.flickr.com/photos/fullcodepress/1203092536/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://cre ativecommons.org/licenses/by/2.0/deed.en_GB) \"My sandwich art at FCP\" by Natasha Hall (http://www.flickr.com/photos/tashmahal/1255581247/) All Rights Reserved \"it's rude to point [lighter/clearer]\" by Amancay Maahs (http://www.flickr.com/photos/amanky/1339460589/) Licensed under Creative Commons \" Attribution-Non-Commercial- No Derivative Works 2.0 Generic\" (http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en_GB) \"Rugby at Rhyl Rugby Club II\" by Cat (http://www.flickr.com/photos/clspeace/1459317055/) Licensed under Creative Commons \"Attribution 2.0 Generic\" (http://creativecommons.org/licenses/by/2.0/deed.en_GB)