Javascript

LOC tool

  • LOC website home page screenshot
  • LOC tool tour screenshot
  • LOC tool screenshot
Project date: 
2008-2011
Link to site: 
http://loc.llas.ac.uk
Key technologies:  Javascript , jQuery , AJAX , .NET , XHTML , CSS , Drupal CMS , Web 2.0 communities , CKeditor
Supplied skills:  Drupal configuration , Drupal custom modules , Drupal theming , Web design , Javascript , Web 2.0 development , Wireframing

The Learning Object Creator (LOC) tool is a piece of e-learning software to enable educators to create re-usable online content (Learning Objects) to a specific educational template.

Starting off as a VB.NET desktop application, the LOC tool moved to a browser-based online version to make it cross platform and easier to teach during workshops. The tool provided a template for editors to follow and fill in, and then generate standards compliant HTML and CSS which could be published online or saved as a ZIP file. This included integration with the FCKeditor (and later CKeditor) wysiwyg tools. I supervised the development work on this version, coded in ASP.NET. The site consisted of the application itself, and a user community to create and share learning objects via the web.

In 2010, the application platform it was using reached end of life, so it was re-worked into a PHP drupal-based solution. This provided much greater development flexibility to add new features and was more robust and stable than the bespoke version which came before. As part of this work, I greatly improved the stabilisation of the tool by totally rewriting it into an AJAX application linked to drupal, using best practices in 'Object Oriented' javascript.

Other work included designs for the public facing part of the site, and creation of a drupal theme using semantic, standards-based XHTML and CSS. Wireframes were created to check the Information architecture and site navigation with the client

The Digital Mix

Project date: 
2006
Link to site: 
http://www.thedigitalmix.co.uk
Supplied skills:  Web design , XHTML , CSS , Javascript

The brief for this project was to create a small yet informative website for a local post-production sound company. The client required 5 initial pages to provide a web presence and inform prospective customers of the company's existence and contact information.

I chose a gray and dark-green themed design here to match the colouring on the client's existing business cards. I also used angular shapes and double border lines to give a technical look appropriate to the subject matter. This was spruced up with some client provided photos and a unique navigation system based around a mixing desk fader, created using Javascript.

As with all my site designs, the site was designed to W3C standards using XHTML 1.0 and Cascading Style Sheets. I later added extra pages to the initial design when the client requested a gallery page to show off some photos.

Subscribe to RSS - Javascript