Category Archives: ideas

Dan Slee, me, HyperLocal Govcamp West Midlands, BrewCamp, and cake

Leave a reply

Dan Slee is not only as good an example you’ll find of a local government officer embracing and exploiting social media, but also a fine friend. It’s always a pleasure to work (or socialise) with him, like when we jointly led a GovCamp session on using Flickr and Wikipedia in the public sector:

(photo shows, left-to-right, Neil Franklin, Dan, Ben Proctor (standing), Ken Eastwood, me, a bit of Peter Olding)

He has just blogged about the work he and I have done together, on HyperLocal Govcamp West Midlands and BrewCamp, along with Stuart Harrison, Mike Rawlins and Simon Whitehouse.

And lots of cake.

Improving the already excellent ‘Twitter Blackbird Pie’ WordPress plugin

4 Replies

I’ve just started using the “” plugin to embed tweets into WordPress posts (I use the self-hosted wordpress.org package). You can see an example below:

[blackbirdpie id=”66835851316957185″]

It’s fantastic — no more taking screen captures, cropping and uploading; or faffing about manually constructing links. All I have to do is include the magic code [blackbirdpie id="66835851316957185"] with the ID of the tweet (in the above example, taken from http://twitter.com/pigsonthewing/status/66835851316957185) as the id parameter value.

However, there are a few ways in which the plugin could be improved.

hCard microformat

Firstly, add an to emit details of the cited tweeter as metadata, by changing, for example (inline styles omitted for clarity):

<div><a href="http://twitter.com/intent/user?screen_name=pigsonthewing">@pigsonthewing</a><div>Andy Mabbett</div></div>

to:

<div class="vcard"><a class="nickname url" href="http://twitter.com/intent/user?screen_name=pigsonthewing">@pigsonthewing</a><div class="fn">Andy Mabbett</div></div>

with the addition of three class attributes: “vcard”; “nickname URL” and “fn”.

Citation

Next, instead of wrapping the contents of the tweet in a span, wrap it in a semantically-appropriate blockquote element, by changing:

<span>Blogging about a Blackbird.</span>

to:

<blockquote cite="http://twitter.com/pigsonthewing/status/66835851316957185">Blogging about a Blackbird.</blockquote>

and styling to maintain the current visual presentation.

Separating links

When viewed with CSS disabled, the tweet’s actions (“Reply”, “Retweet”, “Favorite”) run into each other.

Screenshot showing links with no spacing, when CSS is disabled

To improve accessibility and usability, either add white space between them, or, better, mark them up as a list, styled to display in-line, unbulletted, again looking like they do at present.

White space

There is more white space above then below the embedded tweet, above. A little more padding below it would improve readability.

COinS

Finally, consider adding COinS mark-up, so that details of the cited tweet are emitted as metadata.

Invitation

I hope the authors of the plug-in, Themergency.com, will appreciate and act on these suggestions. I’ll be inviting them to read and comment on this post. And I’ll be happy to help with developing any of the ideas suggested above.

HashMash: My invention of a new hashtag search tool

5 Replies

Yesterday, while reading through the for last Monday’s superb Twicket event (for background, read the , which I wrote), I started to notice that other hashtags had been used in tweets discussing it. I started to wonder which had been used the most, and what subjects they were about, and this gave me an idea, which I posted to Twitter:

Sadly, my coding days were so long ago that I no longer have the technical skills to make that happen.

Top tag is #digitalbritain, followed by #welovebrenda

Tags tweeted alongside #twicket

Then Rachel Beer () kindly retweeted my comment, and one of her followers, Simon Painter (), immediately responded that it was was something he could do. That evening, he already had a first daft up-and-running, and the tool, which I named “HashMash”, is now available for public use at . He’s done a superb job, it works just how I imagined it would. (Nonetheless, Simon tells me that he plans to make a jquery version and beautify it).

He kindly credited Rachel and me in the footer, so I recoded the footer to include links, and “tag” , and popped my amendments to Simon’s markup onto the very useful PasteBin website, which has syntax highlighting.

Just one minute later, Simon had uploaded my new markup.

Footer includes links to Andy Mabbett's and Rachel Beer's websites and Twitter accounts

The revised HashMash footer

Bearing in mind that Simon and I have never met, had never corresponded, and weren’t even following each other on Twitter until this happened, this has been a first-class example of the power of social media, and the JFDI approach to getting stuff done. In many large organisations, the first meeting about a project initiation document wouldn’t even be scheduled.

Why not ? Let me know what you think.

Simon and Rachel: Thank you. I owe you both a beer!

Footnote: Simon has the best Twitter disclaimer ever.

Update: Simon has written a .

Update 2: Following design changes, my “footer” markup is now at the top of the page!

Response to consultation on an open data standard for information about public toilets

Leave a reply

This is my response to The London Assembly Health and Public Services Committee‘s consultation on an open data standard for information about public toilets [Googe Docs link]. Try not to giggle at the back — this is good stuff, and of great usefulness: imagine a mobile app which can tell you where the nearest open public toilet is, in the evening; or the nearest with ease of access, if you’re a wheelchair user; or the nearest which is free, if you have no change. And no, I don’t live in London, but this standard should be usable everywhere, in the UK or overseas.

I propose using the , noting the forthcoming v4 revisions. For example:

Name of building / park / location

Use vCard properties (“street-address”, “locality”, “region”, “country-name”) .
Postcode

Use vCard “postal-code” property. Do not restirct to the 8-character UK standard, without checking that this will work for overseas postcodes.
Unique identifier

Should be a URI; or at least be capable of being resolved to one.
Latitude/ Longitude

Specify that these are in WGS84, as used by vCard and common mapping services (other, incompatible, coordinate schema exists).
Easting/ Northing

Redundant (or computable) if coordinates used. Not available in vCard. If both are allowed, need to specify which has precedence in case of inconsistency.
Owner

Use vCard “agent” property, including postal address properties. Alternatively, have a singe URI to a separate vCard record for the owner.
Gender, children, RADAR, other multi-choice properties

Use the vCard “category” property, which is plural, with an agreed vocabulary, where absence means no; alternatively have the vocabulary include negative values, and assume absence to mean “not known”.
Is it inside a shop / café / pub?

Use the vCard “category” property, with an agreed vocabulary, applied to the owner.
Opening hours

Use the proposed model, inside the vCard “note” property. Watch for emerging “opening hours” schema elsewhere.

And move all free-text options to the vCard “note” property, which is plural, using a prefix to distinguish them.

If the use of vCard is not possible, I would still mirror vCard properties and property-names as closely as possible, especially for addresses, in order to ensure ease of interoperability.

I am happy to elaborate on these points if that would be helpful.

Disclosure: I’m a contributor to the v4 vCard revisions.

Update: At the request of staff from The London Assembly, I’ve updated their Google Doc (linked above), mapping fields to the vCard standard.

Do you make comments on others’ blogs? Bookmark and share them!

8 Replies

You may notice (on the right hand side of this site, if you use the default view; or see image below), a list headed “My comments elsewhere”, with links to other people’s blog posts, on which I’ve recently commented.

List of the five last posts on which I commented, each linked to the post concerned

Screen shot of my recent comments, at the time of writing

I’ve been asked how I do this.

Every time I comment on a blog post — and I try to do so often, both to show my interest in others’ work, and to be part of their conversations — I bookmark that post on the site Delicious Pinboard, and tag it “comment”.

I then pass the RSS feed of all my bookmarks with that tag: http://feeds.pinboard.in/rss/u:pigsonthewing/t:comment/ to WordPress (the software I use to author and host this blog), which magically displays a list of the most recent five, as you can see.

The full feed is, of course, also available to anyone who wishes to subscribe to it in the feed reader of their choice; and my tagged comments can also be read as a web page.

In this way, as well as telling my readers what I’ve done, I bring extra attention to the blogs I comment on, thereby helping, albeit in a small way, their authors.

Why not bookmark your comments, and put a feed of them on your own blog?

Update: Delicious became awful when it relaunched, I now use Pinboard.

Update: You can also use this technique to add the list of your comments (specifically, the relevant URL on the bookmarking site) as a “work”, in your profile page on services which list your publications, such as ORCID.

A proposed tag for including Wikipedia links in Twitter posts

4 Replies

I’ve had another idea!

I saw Matthew Somerville () tweet:

Reading about http://en.wikipedia.org/wiki/Clothianidin and bees

and it occurred to me, both that a fantastically high number of Wikipedia links are tweeted, and that Wikipedia URLs are relatively long. This latter fact might have been significant, if Matthew had needed to say a few more words, or was talking about something with a longer name. He could have shortened his link, using, say, Bit.ly, but then he’d have had to repeat the stem:

Reading about Clothianidin http://bit.ly/dE6pUf and bees

which is hardly shorter, and disrupts the flow.

What if we agreed a special tag, say W# or w:, used like this:

Reading about w:Clothianidin and bees

and Twitter clients automatically swapped that for a Wikipedia link:

Reading about Clothianidin and bees

Update

Twitter clients could allow users to set their preferred language-version of Wikipedia, and perhaps find the relevant translations of articles (which Wikipedia could better facilitate, using rel=alternate headers), authors could also specify a language, such as w:fr:brie or w:de:München

Proposal: generate KML from postcodes in Twitter messages

2 Replies

Here’s an idea I’ve just had, and mentioned on Twitter:

It would be cool if someone with the necessary skills and bandwidth could provide a service which takes a Twitter search (say, for a hashtag), extracts from it , or postcode districts (the first half of a postcode, such as “B44”), and returns a corresponding KML file, which can then be passed to other services, like Google Maps.

It would enable anybody to create a service like Ben Marsh‘s excellent #UKSnow map, but on the fly, and for any term or hash-tag; and especially for one-off or short term issues. Imagine, for instance, the . I could post on Twitter, say:

I just saw a #ShootingStar in B6!

(I did, too!) and others might reply:

I saw #ShootingStar from Waverley Station, EH1 1BB

Good view of #ShootingStar in S9, too!

and we’d very quickly have a map of places from which it had been seen — in the event, such information was posted to Twitter, but there was no easy way to collate it.

A similar service, returning KML for geo-coded tweets, would also be useful, and internationally too, and something combining both might also work.

A task for an upcoming hackday, perhaps? Or one you might like to tackle…

Everything at your postcode – proposal for a new website

13 Replies

Over the last few weeks, I have been imagining a website for UK citizens and visitors; where they can enter their postcode and be served a page or pages of hyperlocal links about everything to do with where they live. This post is me continuing that thinking out loud; comments — including the constructively critical — are actively solicited.

Links could be almost anything, from local government services (via DirectGov and OpenlyLocal) to public transport information; from maps to fun things. They would either link to sites which use postcodes as as an argument; or would be built using the target site’s postcode-lookup API.

The site would avoid the need for each hyperlocal website to compile its own list of such links.

Here are a few such links, based on a randomly-selected postcode, B23 6UH (I simply opened a local newspaper and picked the first advert that used a Birmingham postcode). Note that the first link is computed; the rest use the postcode directly.

User would also be able to suggest additional links if they find a good web service which takes a postcode as a locator — for now, please feel free to do so in comments on this post, and I’ll add them to the above list. Purely commercial links, like individual chains’ store locators, would be excluded (a few paid for links, clearly identified as such, might generate enough revenue to cover hosting costs).

As can be seen from the above, the site wouldn’t actually store or generate content; just links. The links could be clustered under headings, or on sub-pages, like “maps”, “local services”, and “fun stuff”.

It might also be possible for the site to determine the user’s nearest postcode, using their browser or device’s GeoLocation feature, or by selection from a map. The site would also accept partial postcodes, such as “B”, “B23” or “B23 6”.

The service could perhaps be “widgetised” for inclusion on other sites. And of course, it would be possible to link to the site using postcode as an argument.

The site would, of course, make data available in RSS, OPML and open data formats; and use microformats.

Unfortunately, though be willing to collate and maintain the links and code some HTML, I lack the programming and graphic-design skills to make such a site, which means that I must rely on the good will of others. Can you help? Should I organise a hack event (a day, or an evening) at a Birmingham venue, to work on this collaboratively?

Or does such a service — curated, rather than spammy — already exist? Would it belong better as an adjunct to an existing service like OpenlyLocal or DirectGov?

Over to you…

Overdue measurement microformat: useful for radio station frequencies

4 Replies

Three or four years ago, I and a few others did a lot of work preparing a draft for a , hMeasure, for marking up length, mass (weight), temperature and so on. Sadly, it has yet to be taken up by the unelected and unaccountable clique who oversee the microformats “process” — but that’s a story for another time.

Recently Corey Mwamba asked how he could semantically mark up the frequencies of radio stations, for example:

Heart FM (Sussex) 102.4 MHz (Eastbourne)

My friend Toby Inkster rightly proposed the use of the “note” property, but I think that authors could also usefully use a non-microformat class name of “frequency”, for added semantic richness (and to aid screen-scrapers), and better still, the proposed hMeasure:

         <div class="vcard">
                 <b class="fn org">Heart FM
                    (<span class="adr">
                        <span class="locality">Sussex</span>
                     </span>)
                 </b>
                 <i class="note frequency">
                         <span class="hmeasure">
                          <span class="num">102.4</span>
                          <span class="unit">MHz</span>
                        </span>
                         (<abbr title="50.9761;0.2293" class="geo">
                              Eastbourne
                          </abbr>)
                 </i>
         </div>

If enough people use this pattern (and write up their experiences of doing so), then a de facto microformat will emerge.

Update: There’s a copy of that code at pastebin.com/CXCYT5nF which has syntax highlighting, and which you can replicate and edit if you wish to make a counter suggestion.

Update 2: I have now implemented this in the Wikipedia Frequency template, as seen, for example, on the article about BRMB.

The Highway Code should be available as a set of linkable HTML documents, not just PDFs

3 Replies

The Highway Code is:

the official road user guide for Great Britain ()

Drivers must study it in order to pass a driving test, and all road users should remain familiar with it — including any revisions — throughout their lives.

It’s available online, but large parts only as a series of large PDF files. That means that when, for example, my friend Pete Ashton asks:

It’s still illegal to park on double yellow lines, right? on Twitter

I can’t easily answer him by linking directly to the section of the Road Markings PDF which says:

Double yellow lines mean no waiting at any time, unless there are signs that specifically indicate seasonal restrictions.

I would like the Highway Code to be fully available as a series of plain old semantic HTML web pages, with each section within each page having a unique ID (which even the parts already in HTML currently lack), so that I can link to the relevant, specific, section when I want to refer to it. For example, the section quoted above might be at http://www.direct.gov.uk/en/TravelAndTransport/Highwaycode/markings#double-yellow

Dear Government, Can you do that, please?

Update: I’ve asked my MP, Khalid Mahmood, to do what he can to assist with this request. I’ll let you know what happens.