cazmockett.com

Building on the Shoulders of Giants

Jonathan Snook

Culture
We come from a culture where developers tend to like to reinvent the wheel, whereas designers like to reuse. If, as developers, we want to use components of others’ work (under GPL or whatever), this provides us with some distinct advantages. Look how many times the Linux distribution has forked!

Tools
There are loads of PHP frameworks out there, and also for other languages. We dont’ have to write everything from scratch, but make use of pre-existing libraries and functions.

Flash - now has built in sockets support. Useful for charts in pages (if you need them)

Types of Data
Location, Time, Relationships etc

Pitfalls
Dynamic APIs can foul up your application; service availability; you are middleman – if something goes down people blame you, not the service provider.

Benefits
Dealing with well-tested code. Speeds up development. Solve problems outside original solution.

Ideas
Enables you to get stuff out fast. Iterate fast and often. Eg Overheard RSS feed built really quickly (using library elements from Cake PHP). You can see what works. You can put stuff out in hours, rather than days or weeks.

Jonathan’s presentation: slides (blog+links) | audio (mp3)

Content Management Without the Killing

Drew McLellan

Intro
Tools should be as simple as possible, but no simpler. Don’t overcomplicate things! CMS required if you need to repurpose content (eg for RSS) and have a lot of aggregated content. Need to take control over editing process.  You don’t always need to use a CMS all the time – to all parts of the site. No. Use it for the bits that they need now.

What type of CMS?

• Offline - eg Dreamweaver with Contribute. Can be very good for existing large static sites, which weren’t already built with a CMS. Won’t let you publish to schedules, multiple languages etc.
• Online - web app which runs site. Content edited with web-based forms, content stored in databases. Custom-built to off-the-shelf.
• Off the shelf - will generally let you build anything. Methods to manage pages; custom functionality can be added with plugins. eg Blog sites. But anything out of the ordinary – often falls over.
• Bespoke – custom-built, designed specifically for running your site.

Everyone hates their CMS! And CMSs aren’t forever!

Common Features

• /shiny/happy/urls
  Use readable, reliable and hackable URLs
  Readable – users should have a good idea of what a page is about from looking at the URLs. Search engines will index things better.
  Reliable – should be a URL forever (or as long as possible).
  Hackable – users can intuitively change a URL to get to other content.
• Data feeds
  Can your CMS let you publish RSS etc.
• Data stored in an open format
  CMS isn’t forever – but if you want to change it, can you get the content out if you need to – to port it to another system. Also the need to get the data in in the first place.
• Customisable and accessible admin interface
  Works without Javascript; can be branded
• Search
  Difficult to get right – does search return sensible things – are they relevent to the user
• Multi-site support
  Can it administer more than one site? Perhaps reuse some content on another site.
• Multi-language support
  Think about it now even if it might not seem like you need it right away. Should be OK if you’re using unicode.
• Caching
  Does it cache the results or generate it each time? Performance issues might bite you on the ass later.
• Web 2.0 features
  Are your users going to want to tag content? Use of microformats
• Bi-Directional Content
  Trouble really starts when users can update the system too – need user accounts, possibly moderation, business rules for deletion of data. Can of worms! Also think about future features – eg for user forum later on.

Off The Shelf
cmsmatrix.org has data on 915 CMSs!
Start at the bottom – WordPress, Moveable Type, TextPattern, Chip etc.
Beware the pimped out blog software – don’t launch a new site with a weblog cms already creaking.
If you are going to customise things – avoid getting into an unsupportable configuration at all costs.

Medium scale
see photos – beware, don’t be tempted to overdo things – do you really need all these features?

Enterprise Level
Documentum, LiveLink, Joomla etc

Build your own! [I have!]
Libraries, Django, rails, cake, symphony.
Goal – reuse core functions as much as possible.

Planning for the future
Know your plugins, be aware of licensing issues, plan for future but don’t buy now. know your limits, know your design constraints, speak with existing customers, don’t get charged per users, know your exit route!

Drew’s presentation: slides (slideshare) | audio (mp3)

It’s that time of year again, and the Adobe Live roadshow has been to town. The two-day event was held at the Business Design Centre in Islington, and I went along to see demos of the latest versions of Photoshop, Dreamweaver and all the other goodies in the CS3 Suite.

As well as the product demos, there were also other seminars covering design topics. One by a guy from Avenue A/Razorfish was entitled Web Design With Emotion

This was quite thought provoking, saying users are starting to expect more and more from things like eCommerce applications, and there are more ways of presenting results that just boring old lists of stuff. Two examples he gave were:

Amaznode
Great way of querying Amazon – I ran a search for rugby books on the UK site, and got the following interconnectedness results back:

[Amaznode search results show a web of connectedness for the items]

It’s fun watching the network to build up. You can pick up an item and drag it about (the blue knot). Double-clicking the centre book will bring up the item detail panel, which lets you Add to Cart or Go to Amazon. I liked the way it presents related stuff – could be good if you’re looking for recommendations based on what you have already. Not sure how reliable they are though!

Etsy’s Shop By Colour
Etsy is a site where folks who hand make craft items can sell to individuals. There’s the usual way of browsing boring old categories, but the Shop By Colour feature is fun – especially if you are trying to co-ordinate stuff for an outfit or room.

[Etsy shop by colour display]

Swirl your mouse round to stir up the colour trail, and click one you like the look of. The database will bring back a cluster of stuff that matches. It’s great fun – go and have a play!

So, just two bits of food for thought which show search results don’t have to be boring. Users are getting smarter and prefer interaction to passivity, so whilst this kind of interface would have been unheard of even a couple of years ago, things are changing fast.