![\"screenshot](\"http:\/\/dalelane.co.uk\/blog\/post-images\/090111-twitter.gif\")
<\/p>\nHave you ever read someone’s tweet and not known what they are on about?<\/p>\n
At IBM HackDay 5, I played around with an idea for a Twitter hack – a Twitter Glossary that would let users define terms they regularly use in tweets. The idea was that followers would see the definitions appearing as tooltips over those words when they appear in tweets. <\/p>\n
<\/p>\n
I described the idea in more detail here<\/a>. It’s now available for anyone to try<\/a>.<\/p>\n The original hack<\/strong><\/p>\n In the tradition of hackdays, I had a day to knock something together. At work, we have an internal service which lets you deploy a LAMP stack<\/a> on request – ideal for developers wanting somewhere to try out web apps. I used MySQL to store the definitions, PHP to handle translating terms into definitions, and Greasemonkey<\/a> to modify the twitter.com homepage, adding definitions as tooltips.<\/p>\n This meant the app was only available on the IBM intranet, but it was enough to show that the idea could work.<\/p>\n After blogging about it<\/a> at the time, a few people asked if I’d make it available outside of IBM. But I couldn’t afford to pay for hosting it (I only have a single MySQL database where this blog is hosted, and didn’t fancy adding to the wordpress database). <\/p>\n Porting the app to Google App Engine<\/strong><\/p>\n Fast-forward a year, and I was asked again. The difference now is Google App Engine<\/a>. This wasn’t an option when I wrote the original hack, but now free hosting for scalable web apps is possible.<\/p>\n So on Friday night, I thought I’d try and port the original hack to run on GAE. <\/p>\n It needed a little work:<\/p>\n I also compiled my original Greasemonkey script<\/a> into a stand-alone Firefox extension, so non-Greasemonkey users could give it a try.<\/p>\n It was surprisingly easy – I had it all up and running in an evening<\/a>, and still found time for quite a bit of Call of Duty 5<\/a> \ud83d\ude42<\/p>\n There was one thing that needed changing though…<\/p>\n Security – proving who you are on twitter<\/strong><\/p>\n The original hack let anyone add definitions for any twitter user. The other nice thing of hosting it within the IBM intranet is that I could trust users a little more. While testers will do what they can to give it a kick, ultimately I didn’t worry too much about malicious users.<\/p>\n Moving the hack to the big bad Internet meant I needed to worry a little more about authentication – in particular, people adding definitions to other twitter users’ glossaries. <\/p>\n The twitter API<\/a> doesn’t have a nice way of doing this without asking for someone’s twitter password. Given the recent uproar about Twply<\/a>, that probably wouldn’t have been the best idea. \ud83d\ude42<\/p>\n I threw together a workaround – when you sign-up the site selects a random word and asks you to tweet that in an @reply to twitglossary<\/a>. As long as your tweets are unprotected, the site can verify that you really sent the tweet and so you are who you say you are. <\/p>\n By adding “ Ready to try<\/a><\/strong><\/p>\n It’s live now, so please give it a try.<\/p>\n You should also see that the right column has a new “Twitter Glossary” item with a link to a page where you can add your own twitter definitions.<\/p>\n![\"screenshot](\"http:\/\/dalelane.co.uk\/blog\/post-images\/090111-twitter3.gif\")
<\/p>\n\n
login: required<\/code>” to the site’s manifest<\/a>, I make the Google App Engine platform require users to login with a Google user account. This means I can cache someone’s twitter ID, without needing people to go through the @reply process every time they want to use the site. As users only enter their password on a google.com webpage (which passes the auth token) my code never sees people’s passwords. <\/p>\n![\"screenshot](\"http:\/\/dalelane.co.uk\/blog\/post-images\/090111-twitter2.gif\")
Install the Twitter Glossary Firefox plugin<\/a>, then visit http:\/\/twitter.com<\/a> to see twitter with definitions added. (You don’t need to signup or authenticate anything to do this – authentication is only needed to modify a user’s Twitter glossary<\/em>).<\/p>\n