Watch and learn – Data binding in Flex

My apologies to those of you who are watching my blog for updates – I’ve been working flat out on a number of exciting projects over the last few months including a plugin-based XML editor written in Flex which will be released as open source software in the coming weeks.

In the meantime I wanted to point everyone’s attention to this brilliant lecture which explains Flex data binding at the compiler level and finally tells us what [Bindable] really does, why we need to use ArrayCollection instead of Array and all the other internals of Flex architecture which the official docs gloss over.

http://www.onflex.org/ted/2008/08/diving-in-data-binding-waters-with.php

Nike Team Kit Builder

As this was such a large project I couldn’t fit all the bits in my portfolio page, so here is a list of technologies and collaborations along with a selection of pretty screenshots.

The majority of work was performed off-site, and if you would like to see it in action you can go and create your very own team kit on the first floor of Niketown, Oxford Street, London.

UPDATE: This project has at last been modified into a web-friendly version and put online, so you can now see many of the original features and create your custom kit on Nike’s site at http://www.nike.com/nikeos/p/nikefootball/en_US/kitbuilder

Technologies

  • AS3, Flash CS3 and a lot of complex OOP
  • A custom MVC framework developed specifically for the project
  • XML and E4X
  • Papervision 3D (GreatWhite)
  • Blender
  • AMFPHP
  • MySQL, AdoDB & ActiveRecord
  • Smarty
  • Dynamic mail generation
  • Database administration and setup on OSX

Collaboration

  • Working closely with one other developer throughout the project lifecycle
  • Remote working using SVN and remote administration through VNC
  • Working with a large team of artists and designers, including 3D designers

Screenshots

Matchday/training selection screen
Matchday/training selection screen
Team formation selector
Team formation selector
Matchday player top editor
Matchday player top editor
Papervision 3D real time mapping
Papervision 3D real time mapping
Style selector
Style selector
Socks style and colour editor
Socks style and colour editor
Live preview screen
Live preview screen
Matchday/training + preview
Matchday/training + preview
Checkout and confirmation screen
Checkout and confirmation screen
Shipping details screen
Shipping details screen