Gateway progression


David –

  • The SSO sign in and sign out has been finished
  •  basic information is also being retrieved and displayed when a user logs in whether they are students or staff members. An issue is still standing with regards to retrieving the printer information but this is being looked at.
  •  A timetable link for students has also been added once they login to the Gateway.
  • New CSS for styling the output of the user information is being looked into.


Dale –

  • The weather RSS feeds have been updated and are being adjusted.
  • The animation when scrolling over the buttons in the gateway is also being worked on, new image icons are being customized etc.
  • Bus time integration is also being looked at and worked on. (ATOC)
  • Train time integration is also being looked at and worked on. (ATOC)






The Installation of the development enviroment has been setup for both myself and Dale. Some very slight changes have also been modified to the springboard layout in the different tier icons.

Worked on:-

The Single Sign on access through the gateway is currently been worked on by myself and Dale is working on the RSS feeds from the weather and train times.



Is Blackboard down? Now you can find out.

Today I’ve been looking over some of our stats for service uptime, and realised it would be handy if we could let you (the staff and students using them) know when things were broken.

Now you can, as I’ve just added another three of our core services (Portal, Email and Library Catalogue) and one non-core but useful service (Blogs) to our Pingdom monitoring system. They now join Blackboard on a brand new public status page. Even better, because we like being open with things like this, you can see the history of our monitoring as far back as it goes. For the new ones this means you can look over history back to today, but for Blackboard this goes all the way back to February.

Pingdom’s monitoring is from a variety of locations around the world, meaning it reflects ‘real’ availability and not just what we can see from our own internal network.

See what’s up and what’s down, any time, at

Introducing the Common Web Design version 3.0

The Common Web Design version 3.0
The Common Web Design version 3.0

Almost a year ago we introduced the Common Web Design v2.0 (it was actually version 1.0 but we realised that a number already sites, developed before Nick and I started, we using a similar design). A year later 30 sites and applications are using it, as well as over 50 blogs.

We’ve learnt a lot about creating Internet Explorer CSS hacks to force it to do our will, watched the HTML5 and CSS3 standards develop, and we’ve created some gorgeous websites including Linking You, Print from My PC and Opportunities@Lincoln.

As we were developing Total ReCal we began to realise that the current CWD (version 2.3) wasn’t quite customisable enough for our needs. We still believe that the most recent version of that branch is brilliant for text heavy sites, we need a framework for developing web applications and very graphical sites.

For Total ReCal we ended up branched 2.3 to created CWDx:

Total ReCal (CWDx v1.0)
Total ReCal (CWDx v1.0)

CWDx 1.0 was built with using the new HTML5 and CSS3 standards however it wasn’t generic enough for normal sites. What we did gain from it though was a complete tidy up of the code and we removed some of the old hacks because they were no longer appropriate or we found better ways of doing them.

Enter version 3, “Edradour”

Using CWDx as the starting point for the typography and base reset styles, I ripped out Blueprint which we’d been using for our CSS grid and started from scratch designing a grid with 12 columns each with 10px padding to the left and the right of the column. This now gives us a grid of 984px (up from 950px when we used Blueprint). The HTML is now all HTML5 and is marked up with WIA-ARIA attributes for accessibility. We are encouraging the use of the new semantic elements such as <section>, <article>, <header> and <footer>.

All of the element IDs are now namespaced too, e.g. #cwd_header, #cwd_footer, etc, because this was causing us some problems before when integrating the CWD into existing sites.

I’ve also recently been working on our single sign on platform which the CWD will use to initiate a session for you (if you’re on a corporate desktop or are using Eduroam), and it will tie in with our future plans for a messaging platform for the student communications project. It’s all very clever! Additionally, the CWD will include a OAuth 2.0 user agent client library meaning that you can authenticate in a Facebook Connect / Twitter @anywhere style popup in a the page. Boom!

Other 3.0 features include drop-down menus (which don’t rely on JavaScript (!!!) and even work on iPhones + iPads), a beautiful typography framework (Arial <3) and lots of helper CSS classes to make your sites look gorgeous. We’re still bundling in jQuery and Modernizr in the JavaScript, and you can easily include jQuery UI with out custom theme.

We’ll be updating a number of sites currently using 2.3 to the new 3.0 version in the next few weeks and we’re very excited about the new possibilities this framework offers.

We are also this time properly committing to developing some useful documentation so watch this space!

Checkout the v3.0 website for some demos and early documentation.

Information Everywhere

In the past few weeks I’ve been dabbling (in between my ‘real’ projects of Jerome and Linking You) with the concept of ‘dashboard’ displays and information radiators. For those of you unfamiliar with the concept they are fundamentally a place which presents information in an easy to digest format. Some are pinboards, some are whiteboards, some are clothes lines with bits of paper pegged to them and some are displays or projectors.

What I’ve opted for is the display method, in no small way inspired by the guys at Panic. However, since between ICT we have what is generally referred to as a metric shedload of information that we want to get hold of I decided that instead of crafting a display for each individual group’s specific needs I would instead come up with a sexy looking framework for rapidly building dashboards. These are designed to live on large screens dotted around the office, visible all day to anybody who happens to look at them.

There’s already an example in use at the Service Desk, where a trusty old iMac is proudly displaying various stats from Zendesk (our ticket manager) to the support team. Initial feedback is that people really like being able to get an overview of what’s going on in one place, as well as any urgent jobs and their feedback averages.

Down in the depths of OST, on the other hand, we’re not massively bothered about our ticket stats in such an immediate manner. Instead we’re far more interested in things like our server availability, response time and load. This means that the modules on our dashboard currently pull data from our Nagios monitoring tool, informing us with the red alert klaxon from Star Trek if things go horribly wrong (causing much turning of heads towards the board to see what’s happened, and everyone else in ICT looking at us in confusion).

Hopefully as time goes on more people will find data which can be represented using these boards, meaning that they will start popping up in more places and exposing data which lets us make faster, smarter decisions about what we’re doing. I’ve already started working on a dashboard for getting the data from the agile development tracker that Alex and I use into a really easily digested format, and I’ll be talking to the Projects team to find out exactly what they want to see with regards to more overarching project management.

Easier? I think so.

It’s Time for Support Zen

It is with great and unreserved pleasure that I announce the grand opening of one of ICT’s latest projects, which has been occupying a surprisingly large amount of my time over the last two months and which has led to me wrapping my head around some quite interesting bits of JavaScript.

Zendesk is here. Or, as we prefer to call it, the Support Desk. It’s a one-stop shop for all your ICT and Estates queries and requests, managed by our crack group of support agents and backed by the combined centuries of knowledge and experience offered by the ICT and Estates teams.

It’s been an interesting journey thought the backwaters of the University’s policies and processes, a less than enjoyable romp through bits of law which I didn’t even know existed, and an exhilarating codathon whilst I wrapped my head around slinging JSON across the ether and inserting it into some HTML elements which don’t exist on a page I don’t control using nothing more than a well-crafted bit of JavaScript and a paperclip. All that is behind us now, so it’s time to tell you what’s new and awesome in the world of getting ICT and Estates support at Lincoln.

First of all, we’ve taken the best bits from both, ditched the worst bits and then streamlined the whole process. From the moment you call or email your request it’s placed directly into Zendesk from where we can monitor how it’s doing. Even better, why not submit your query online using our new request form, now with even fewer annoying questions which you don’t know the answer to than before. It’s a simple matter to sign in using your normal University details and skip the whole process of telling us your name, email address, room code, phone number, line manager, inside leg measurement and what you had for lunch yesterday.

As soon as your request is logged you’ll get a request tracking number within seconds, followed up by emails every time we update your request with something you need to know. You’ll never be out of the loop again, and you can even go online and check all your requests to see how we’re getting on. Leave comments, upload files, tell us that it’s solved and more all from right within your browser.

We could have left it there, but we weren’t done. It only took a few minutes of looking to realise that our how-to guides, instruction manuals, FAQs and more were scattered hopelessly around the Portal, Blackboard, paper help sheets, PDF files, student guides, posters and more. This wasn’t good enough, so we decided to bring them all together into Quick Answers. It’s the place to find solutions to your problems both common and esoteric, guides to walk you through getting things done, information on what’s going on and all kinds of other things. Just type your question or a few key words into the search box and see what we can tell you. Think something’s missing? Just