Here is a selection of Graeme Sutherland’s web application development work from a range of projects:

EcoTeams web presence

EcoTeams is a project being run by Global Action Plan to gather teams of households together and get them to work together to reduce their impact on the environment. The web presence for this is the EcoTeams website, that brings together teams and facilitators to provide tools to enter waste, recycling, energy and water usage, perform a range of per-household and per-team calculations, and provide high-quality reports indicating trends in resource usage and net CO₂ use.

As a part of this project, I’ve stabalised the existing project and have been building new core and world-facing parts of the website and reporting tools, fixing and improving existing administrator and facilitator tools, improving measurement data quality, and bringing the whole site up to the level of being a complete, live destination site for team households, facilitators and GAP operations to manage the entire EcoTeams project.

Roles:

Web strategy, web application design and development, LAMP server hosting and configuration and management, configuration management, reporting.

Technologies:

PHP, Smarty, MySQL, SQL, Subversion, jpgraph, XHTML, JavaScript, RHEL, Plesk, Apache2

Scouta.com

Scouta is a community-driven online media recommendation startup. Scouta is angel-funded and launched and growing, and opening up a range of service offerings in the recommendations area. Scouta is a full Web 2.0 social application centred around online media. It offer grouping, tags, lots of RSS feeds out, and a lot of member-based social interaction tools.

Roles: Founder, lead developer, information architecture, project manager, CTO, COO, server management, hosting and operations. Over Scouta’s development I’ve prototyped the service, specified and managed developers for front-end development, deployed a range of RSS and API-based web-spidering tools for collecting and verifying media and metadata, conceived of and added features as needed, washed dishes, made coffee, managed a global development team in various timezones and had a lot of fun.

Technologies: Python, TurboGears, SQLAlchemy, PostgreSQL, lighttpd, supervisord, information architecture, MochiKit, XHTML, CSS, JavaScript, Linux, FreeBSD, Recommendation technologies and algorithms, RSS and mediaRSS, online video and embedding, high-availability distributed databases and server architecture.

Scouta.com
Scouta Blog
Graeme’s MyScouta Page

YHGFL - DNS automation with AJAX

Developed set of internal tools based on PHP and the CodeIgniter framework to manage internal and external DNS as a web application for YHGFL and clients. This involved: MVC-style PHP/XHTML/AJAX development of a range of input and administration applications to manage DNS for YHGFL clients.

Roles:
interaction design, develoment, XHTML, CSS, Javascript, AJAX and PHP development, testing, bash scripting interface to bind, multi-host DNS scripting.

Technologies: object oriented PHP, CodeIgniter framework, MVC, DNS, bind, bash shell, ssh, Javascript, AJAX.

Finger Food Catering

For this client, we wanted to give them a way to make catering bookings a bit more interesting and alive for people booking a function on the web.

I created an ajax-based Menu Planner that proposes a menu of dishes from a couple of questions. Then the fun begins.. Increase or decrease quantities. Search and browse for new dishes by ingredient or keyword. Add stuff. Change stuff. Put your favourite dishes in, then give a very few details to get the function confirmed. It all happens instantly in the browser.

Working together with Free Beer (marketing/photography) and Emma Broe (design) we kept tying to simplify the process down to make it as much fun as possible, removing complex forms and registration, and ensuring a really easy hand-off to catering staff to continue organising the function.

Roles: interaction design, wireframe development, CSS, information architecture, JavaScript and Python development, deployment and hosting.

Technologies: Python, JavaScript, Myghty (templating engine), Apache, mod_python, SQL Alchemy (ORM layer), MySQL, XHTML, CSS

Finger Food Catering
Try out planning a menu

Community News Portal - Margaret River Online News

Margaret River’s major tourism portal wanted a local news service with community content and multiple authors and approval workflow, requiring some fairly full CMS features.

We reviewed a rang of off the shelf solutions and selected Xoops CMS as a base platform and customised the look and feel (HTML and CSS), added and built new modules to meet the needs of the news service.

Roles: technology selection, PHP development and integration, information architecture, HTML and CSS development, training and documentation
Technologies: PHP, Xoops, Smarty templates, CSS, HTML, Apache, Linux

Margaret River Online News (currently offline, due to redesign/rehosting)

Lightweight Online Gallery

I created a lightweight online gallery space - designed to be hosted almost anywhere by making use of simple flat-file databases and the ubiquitous php4. There is a full administration and picture upload and management system and it is readily CSS skinnable to a wide variety of designs. Each gallery photo has a thumbnail and clicking on the thumbnail reveals a full-sized image plus pricing and other details.

Implementations:

Boranup Gallery
Karin Luciano’s Gallery

More

Please contact me for more portfolio or reference sites.