Puffbox

Simon Dickson's gov-tech blog, active 2005-14. Because permalinks.

2014 | 2013 | 2012 | 2011 | 2010 | 2009 | 2008 | 2007 | 2006 | 2005

Code For The People company e-government news politics technology Uncategorised

api award barackobama barcampukgovweb bbc bis blogging blogs bonanza borisjohnson branding broaderbenefits buddypress budget cabinetoffice careandsupport chrischant civilservice coi commentariat commons conservatives consultation coveritlive crimemapping dailymail datasharing datastandards davidcameron defra democracy dfid directgov dius downingstreet drupal engagement facebook flickr foi foreignoffice francismaude freedata gds google gordonbrown governanceofbritain govuk guardian guidofawkes health hosting innovation internetexplorer labourparty libdems liveblog lynnefeatherstone maps marthalanefox mashup microsoft MPs mysociety nhs onepolitics opensource ordnancesurvey ournhs parliament petitions politics powerofinformation pressoffice puffbox rationalisation reshuffle rss simonwheatley skunkworks skynews statistics stephenhale stephgray telegraph toldyouso tomloosemore tomwatson transparency transport treasury twitter typepad video walesoffice wordcamp wordcampuk wordpress wordupwhitehall youtube

Privacy Policy

  • , ,

    The PC/Mac battle has ended – in a draw

    Last week, Puffbox Ltd invested in a Mac. Somehow I never quite saw myself as a Mac owner: a combination of the cost, the vendor lock-in, the slightly smug grins on Mac owners’ faces – even when the kit failed, as it seems to do with unexpected frequency, judging by my Twitter stream. But my long-serving XP desktop machine is starting to show its age, and much of my work these days is in collaboration with a Mac owner, so it seemed to make sense.

    I went for a Mac Mini: at its Ā£510 list price, it’s roughly half the price of an entry-level iMac, as long as you’re prepared to bring your own monitor, keyboard and mouse. But I managed to find it for Ā£477, at Dixons.co.uk; and after a bit of googling, I found a voucher code to knock a further Ā£15 off it. Very pleased with myself.

    I’ve spent the past few days loading it up with software. First Firefox, then a few must-have extensions, giving me access to my Google-powered email and Delicious bookmarks. A suite of browsers for testing purposes: Chrome, Safari, Opera. Dropbox, to enable easy file-sharing between machines. Twhirl, my Adobe Air-powered Twitter client of choice. And so on.

    What’s been striking is that, with only a couple of exceptions, these are exactly the same apps I use most often on my XP box. (And for that matter, my Ubuntu laptop and netbook.) I needed a good code-friendly text editor, and TextWrangler got quite a few recommendations. Adium seems to be the must-have Instant Messaging client. But that was about it.

    So it’s a very unexpected experience, powering up the Mac and hearing that same startup chime, which used to herald a venture into Unfamiliar Territory. A land where right-clicking was alien. A land with strange symbols dotted around otherwise familiar keyboards. Yet nowadays, there’s no immediately distinguishable difference. You press a button at the bottom of the screen to open up a menu of programs; you click on Firefox, and you’re up, up and away.

    Is the Mac going to become my main machine, or will it remain a secondary box for fileserving and browser testing? At this point, I honestly don’t know.

    Except, of course, that it isn’t a fair choice. If you build stuff for the web, you need to test it against all browsers. And that means Microsoft Internet Explorer. And that means Windows. So like it or not, you’re stuck with Windows at some point – be it as a virtual machine, or a secondary box. Sure, there are third-party services like Litmus or IE Netrender, which send back screengrabs of your code rendered in browsers you don’t have – but I don’t believe you’ve really tested something until you’ve clicked around in it.

    Things are set to get even more complicated with the next release of Ubuntu, due in a fortnight. Like the Mac’s OS X, Ubuntu is perfectly capable of running Firefox, with its extensions, and Adobe Air, and Chrome and Dropbox. If anything, its desktop candy is even sweeter. The Mac will beat it on reliability, since Apple own the entire supply chain. But Ubuntu is at least as pretty to look it, arguably prettier… and that’s before the next release brings some new, even tastier interface themes.

    There were suggestions in the past couple of weeks that Apple’s iconic ‘I’m a Mac, I’m a PC’ series of commercials may be at an end. On reflection, it’s no surprise. It just doesn’t matter that much any more. In the wake of the open source revolution, we’re all the same.

    Except for Internet Explorer, which still sucks.

  • ,
    , , ,

    Lynne Featherstone making a splash

    When we launched the new Lynne Featherstone website back in September, our plan was always to add some new functionality once the campaign finally began (properly). One such feature went live tonight: ‘splash pages’, managed purely within WordPress.

    I’ve developed a new custom page template, which – as you can see – expects to be used with a (very) large uploaded image, a paragraph or two of text, and a signup form (powered by Contact Form 7). To activate it, you simply change the ‘front page’ setting on the WordPress back-end.

    When you view the page, it drops a cookie to ensure you won’t see that splash page again; but the cookie is specific to the page ID number, so it won’t stop you seeing the next one we do.

    The template’s first appearance is to warn potential voters of the upcoming deadline for registration; so we’ve had to go abstract with the choice of imagery. Most of the time, I’d expect it to be a photograph – not least given Lynne’s recent recognition as the country’s most fanciable MP. WordPress has allowed us to make the page creation process remarkably quick and easy; so I’m hoping the team will be able to create a couple each week of the campaign, depending on events and available imagery.

    By definition, splash pages are an annoyance – an unrequested interruption to your online journey. I’m not a fan of injudicious use of them. But based on this template, Lynne’s should be more substantial and useful than most; and we’re doing our best to minimise the inconvenience with persistent cookies. We’ll be watching to see how they are received.

  • ,
    , , ,

    Our new site for LibDems' Chris Huhne

    With the election now well and truly underway, it’s high time I blogged about the latest website Puffbox has built for a high-profile Liberal Democrat – this time it’s home affairs spokesman Chris Huhne, as he looks to defend a wafer-thin majority in Eastleigh.

    We were approached by Huhne’s team late last year: they’d seen what we’d done for Lynne Featherstone, and wanted us to do something similar for them. We soon ruled out a ‘carbon copy’ site: Lynne’s use of social media is exceptional, and the approach we took with her wasn’t going to be appropriate for Chris. Instead, we’ve shaped the site around Chris’s rather more conventional media output, but with plenty of scope to expand later, if or when required.

    We’ve gone for a high-impact homepage, with a large image carousel highlighting a number of key local issues: and as with Lynne Featherstone’s site, each issue has its own explanatory page which can act as a hub for related posts. Unlike Lynne though, a large proportion of Chris’s work is at national level – so we’ve gone for a tabbed approach, allowing you to switch between national and local issues. (And using cookies, we’ll remember your preference for your next visit.)

    Since his election in 2005, Chris had been running a website based on the Prater Raines platform used by the vast majority of Liberal Democrat people and local parties. (It’s actually an excellent technical solution; but it won’t win any design awards.) We’ve managed to bring across the vast majority of the previous site’s content, close to 1,000 pages, by screen-scraping: and whilst the new page addresses aren’t exact matches, they do all work seamlessly.

    The site was built on WordPress, with just a little behind-the-scenes help from Simon Wheatley; it was designed in collaboration with Matt Budd of Dunston Graphics. I think he’s done a magnificent job with the LibDems’ somewhat troublesome preference for aqua and yellow.

    There are a few areas, in both technical and editorial terms, where I wish we’d had just a little more time; but the declaration of the election forced our hand somewhat. So whilst I’m more than happy with what we’ve already delivered, I think we can make it even better in the months to come. Assuming the voters of Eastleigh give us the chance…

  • Transport's web design spending

    A PQ from Lib Dem MP Jennifer Willott:

    To ask the Minister of State, Department for Transport how much his Department spent on external website design consultants in each of the last three years; and if he will make a statement.

    To which Parliamentary Under-Secretary Chris Mole responded on 30 March 2010:

    Tables have been placed in the Libraries of the House showing websites operated over the last three years and how much has been spent on external website design consultants for website design work. Costs provided are total external costs and do not include internal staff costs.

    Depositing something in the library makes it a little more difficult to trace online; but not impossible. A little-known area of the Parliament website listed such Deposited Papers: and lo and behold, here’s the Word document in question: a simple table, over just two pages, which could surely have been reformatted for Hansard relatively easily? It includes:

    • over Ā£160k spent on design of Transport Direct
    • Ā£178k on the Think! road safety microsite…
    • … plus a further Ā£100k on the Think! drug-driving micro-microsite
    • … plus a few quid short of Ā£88k on the Think! early years and primary micro-microsite
    • Ā£138k on the Flash-y, child-focused Tales Of The Road microsite (which prompted this most amusing Lords PQ last year)
    • and a whopping Ā£343,207 on the heavily-promoted Act On CO2 site – which, in its defence, has claimed 1.1 million unique visitors between Sept 08 and Dec 09. Mind you, with an advertising budget in excess of Ā£10m over 3 years, so it should.

    The total of the various sums quoted: Ā£1.2 million, over the three years from April 2006 to April 2009. And I note, for the record, there’s no mention of Code of Everand.

    Please let’s be clear. All I’m doing is quoting the numbers from a document placed on the public record. It’s headed ‘DfT Websites and design consultant costs’, but there’s no clear definition of what constitutes ‘design’. In some cases, I’d assume ‘design’ covers the complete creative and technical process, from Photoshop to build to launch; in others, that’s quite definitely not the case.

  • , ,

    An MP for the blogosphere?

    Tom Watson, soon-to-be former Member of Parliament for West Bromwich East, has been the greatest advocate for, and representative of the ‘digital industry’ in the past few years: not just in his time as Cabinet Office minister, but just as much (and arguably moreso) in the period afterwards. I’ve no idea if he has been a good representative of the good people of West Bromwich; but I do know that he raised more issues of direct relevance to me, my work and my areas of interest than the MP who notionally represents me, solely on the basis of where I live.

    So I’m intrigued by Tom’s move today, to ask the online community to help him draft a one-man manifesto on technology. He explains:

    I want to stand on a platform that is avowedly supportive of the generation that seek to use the Internet to make the world a better place. To do this I have to be able to draw authority from an electoral mandate from electors in West Bromwich East. So Iā€™d like to produce a leaflet that sets out what I stand for. It will be delivered to as many homes in West Bromwich as my campaign team can manage.

    There’s a fascinating subtext to that plea: Tom clearly sees the representation of the digital community as one of his key purposes in public life, but he needs the electorate of a geographically-defined area to back him first. The message to the constituency is effectively that the country needs him, and they need to do their duty, whether or not they really understand why.

    This is an idea I’ve been quietly contemplating for some time: the notion that a political system based on geographic location is increasingly anachronistic. The World Wide Web has reduced, if not eliminated the need to define oneself on the basis of place. If you’re supposed to judge me by the company I keep, that company exists – for the most part – ‘in the cloud’, not in the immediate vicinity of my house.

    Which brings me to the concept of ‘functional constituencies’ – a term I came across in relation to Hong Kong, when working at the Foreign Office in the mid-1990s. Half of Hong Kong’s 60-seat Legislative Council is elected on the basis of geographical constituencies; the other half is elected by ‘functional constituencies’, defined by people’s professions or interests. So for example, there’s a ‘representative for accountancy’, voted in by 22,000-odd individuals registered as working in accountancy; and there’s a ‘representative for Information Technology’, voted by a combination of 364 institutions and 5,000-odd individuals. Wikipedia has the full breakdown.

    There’s a not dissimilar situation much closer to home, in Ireland. The Irish Senate (or Seanad) consists of 60 people, 43 of whom were chosen by five panels representing – very broadly defined – vocational interests, and a further 6 by the graduates of two particular universities. (See Wikipedia for details.)

    Neither system is perfect, with democracy campaigners seeking changes to, if not the complete abolition of the arrangements. And I’m claiming no expertise whatsoever in the design of democratic systems. But there’s certainly something appealing about a system that recognises – or can be made to recognise – that the nature of community and representation is evolving.

    When the manifestos are published this week, we’re almost certain to see all three main UK parties offering proposals for an elected (or ‘mainly elected’) House of Lords. But a second chamber consisting of more members of the same old political class, no matter how proportionally elected, is not particularly enticing. I actually quite like the idea that the House of Lords includes appointees who have demonstrated excellence in their professional field; but I can appreciate that any system based on party nominations doesn’t exactly pass the democratic test.

    So why not a system where professionals democratically select those from their own ranks, who best represent their community’s expertise, experience, knowledge and concerns? On the face of it, it has the potential to take representative democracy in a whole new direction, and make it more immediately relevant to all parts of society. Defining the right ‘functional constituencies’, and the eligibility criteria to become an elector for each, would be a hell of a job. But it couldn’t fail to end the notion of ‘them and us’.

    Hey, we could even call them ‘peers’. šŸ™‚

  • ,
    , ,

    Our new Defra site plays nicely with PDFs

    In the late March dash to complete jobs before the end of the financial year, not to mention the imminent election declaration, I pushed a couple of websites live without having the time to blog about them.

    One of these was another little job for Defra: a WordPress-based satellite site for their Science Advisory Council. It’s a fairly modest site, sticking very closely to Defra’s house style, and based to a significant extent on previous work I’ve done for them. But it does have one innovation worth flagging.

    The site’s main objective is transparency, making documents from its quarterly meetings publicly available. Inevitably, like it or not, that means a lot of PDF files. WordPress’s media library function makes it easy to upload these as attachments to posts (or indeed, pages): but we had the idea to take things a step further.

    One underused feature of WordPress is the ability to add ‘custom taxonomies’: distinct classifications based on either the (hierarchical) category or (freeform) tagging model. But if you’re smart about it, you can also hook this same functionality into the media library – allowing you to add ‘tags’ to the documents you upload. And once you’re doing that, you can benefit from all the other features you’re used to with tags and categories.

    So there’s a page on the SAC site which presents this custom taxonomy (unimaginatively labelled ‘Upload tags’) as a tag cloud. Click on a tag, and it takes you to an archive page of all uploads (ie PDFs) relevant to that tag – eg meeting minutes – which can be based on a special page template. (And you can also get RSS feeds of each element in the custom taxonomy, by adding ‘/feed’ to the URL in the usual way.)

    We’ve also written a routine into the standard post template to extract details of attached files, and present them automatically in a nice table, with a bit of automated metadata too – see this page as an example.

    There are plenty of reasons why you shouldn’t rely on PDF as your primary publishing channel; but sometimes, you have to accept it’s the only practical solution. And in this case, I hope we’ve shown it’s possible to make something of a virtue of it.

  • , ,

    Lib Dem leaflet is memorably Marvellous

    Only my most dedicated stalkers will remember my rant a year ago, regarding a by-election in Thatcham South and Crookham, the council ward where I live. I was complaining about the lack of information on the contest, which was eventually won by a lady rejoicing in the name Marvellous Ford. I wrote at the time:

    A name you won’t forget, although not ideal for search engine optimisation.

    … and right enough, I didn’t forget the name. Which is why it came as quite a surprise to see this in the first Lib Dem leaflet of the Campaign Proper:

    A selection of typical local people voicing their support for former MP David Rendel, standing in – gulp! – his sixth successive general election (plus the legendary 1993 by-election). But just a minute, who’s that typical local person second from the left? Marvellous from Thatcham? Really?

    Now it’s not as if there are many people called Marvellous in the country, never mind in a small – and for the record, not very ethnically diverse – town like Thatcham. But if you felt the need for total confirmation, a quick check on the local council’s website will instantly confirm that our ‘typical local person’ is indeed the Liberal Democrat councillor for Thatcham South and Crookham.

    Every election brings its own fair share of crimes against design. But seriously, if you’re going to pad out your leaflet with senior members of the local party pretending to be The Average Voter In The Street – I’d probably suggest you choose people who are a bit less Google-able.

  • ,

    Civil servant socialising grinds to a halt

    When it eventually came, after two and a half years of speculation, the announcement of the general election almost felt like a disappointment. But the welcome news finally came this morning: it’s ‘game on’.

    Or rather, if you’re a civil servant – off. The day has seen a steady stream of tweets from civil servants (including the guv’nor), plus the odd blog post, warning of a period of ‘radio silence’.

    In fact, when it finally came this morning, the official Cabinet Office guidance was pretty light on detail regarding online activity: I’d heard suggestions that some quite detailed rules were being circulated.

    I spot a couple of points worth highlighting:

    • ‘Films, videos and photographs from departmental libraries or sourcesĀ  shouldĀ  notĀ  beĀ  madeĀ  availableĀ  forĀ  useĀ  byĀ  political Parties. Tools for sharing videos and photographs, such as Flikr (sic) and YouTube should not be updated with new content [but…] material previously published can stand.’

      I can see some potential for conflict there: if, let’s say, a photo of a Ministerial visit has gone on Flickr with a CC licence, is that ‘fair game’ for a political leaflet?

    • ‘News sections of websites must comply with the advice on press releases… NewsĀ  tickersĀ  andĀ  other mechanisms should be discontinued for the election period.’

      Eh? My assumption is that they mean ‘push’ apps, as opposed to an on-page animation technique; but even so, the wording is a little curious. And I can’t actually think of any specific examples of ‘push’ apps anyway. (Does Twitterfeed count?)

    But whilst there’s a requirement to limit ‘civil servants’ participationĀ  inĀ  aĀ professionalĀ capacityĀ inĀ social networks’, I don’t necessarily read that as the draconian ban it might have been. So whilst the government online community’s unanimous decision to go quiet is perfectly understandable, and unquestionably the safest thing to do, I’m not sure the guidance actually demands it.

    The calm before the storm, perhaps. Enjoy a couple of weeks’ rest, gang; things could get very busy on 7 May.

  • Directgov starts seeking feedback

    To their great credit, Directgov have added a feedback box to the bottom of nearly every page on the site, asking how useful you find the page contents. Responses are anonymous, and there’s some nice javascript to aid usability: a jQuery-based character count and validation check prior to submission. The language is maybe a bit formal, and it looks like the rating is mandatory without actually saying so; but I’m nitpicking.

    My suspicion is, it’s actually a pretty modest email form: nothing particularly advanced. But it’s a significant step forward, and perhaps, a step closer to the Tories’ stated vision of government websites as ‘places where people can come together to discuss issues and solve problems’. (And don’t forget, Directgov’s API has been promised ‘by the end of May’.)

  • , ,
    , ,

    Live text commentary in WordPress

    I don’t usually blog about projects until after they’ve happened; but I’m going to make an exception for something that’s going to happen later today.

    For just about a year, we’ve been looking after the website for The Big Care Debate, the government’s large-scale consultation on the funding of long-term social care. We’ve had a great relationship with the team at the Department of Health, and we’ve done some fun, innovative and highly effective things: commentable documents, Facebook activity, online questionnaires, even user-submitted photo galleries.

    The consultation process is reaching its conclusion, with the publication of the government White Paper on the subject. (For those who don’t know the jargon: a ‘green paper’ presents options or starts a debate, often leading to a ‘white paper’, which is a declaration of government policy.) Oh, and as you might have noticed, there’s an election on the cards, and we’ve already had a few skirmishes on this very subject.

    When we first met to discuss plans for the White Paper publication, one idea was to ‘live tweet’ the launch event on Twitter; but I’ve never been a fan of sudden, frantic bursts of tweeting by one of the hundred-odd accounts I follow. (And indeed, I’ve ‘unfollowed’ certain people for doing precisely that.) So we reworked the plan, taking as our inspiration the undoubted success of the BBC’s ‘live text commentaries’ – seen at its best on the sports site on a Saturday afternoon, but used with increasing frequency on the news site, for set-piece events like PMQs.

    So over lunchtime, we’ll be supplementing our live video stream with a live text commentary – using ajax and some custom WordPress wizardry. It’s a very simple concept at heart. A live commentary is just a chronologically-presented series of short text chunks… just like a list of comments on a post. So that’s what we’re going to use.

    The site editor will be entering his comments via a hidden, ajax-powered comment form: and, as with any WordPress comment, he’ll benefit from features like automatic text formatting, including conversion of URLs into clickable links. Meanwhile, users will see each new comment appended to the bottom of the list, with a cute colour highlight, but without the need for a full page refresh.

    Naturally, this means a much increased workload for the web server, particularly if – as we expect – we attract a sizable audience for what looks like being front-page news. WordPress and its plugin collection can do a lot to help; but we’ve taken a few additional server-level steps to ensure all runs smoothly. All the credit for this goes to my regular collaborator Simon Wheatley, who knows a thing or two about these things, thanks in part to his work for Stephen Fry.

    There are plenty of options for running live text commentaries like this, such as the excellent CoverItLive. But there are a number of benefits to running it within WordPress: not least the fact that afterwards, you’ll instantly have a bullet-point summary of the key points at your disposal. And as we’ve been building the functionality, we’ve been getting quite excited at other ways we could use it.

    If you’re at a keyboard at lunchtime, please drop by, and let me know how you find it.