Web development portfolio

The UNESCO eForum is a tool created for information sharing, dialogue, discussion, networking and collaboration between governments, private sector, and civil society in a wide range of issues around education development.

 

The platform provides an institutional and technological environment for multiple platforms to host group discussions, communities of practice, knowledge exchange and a repository. The Forum provides tools for members to network and deliberate, blogging, video sharing, and access to external and social media sites.

 

eForum is a component of the NESPAP (National Education Systems and Policies in Asia Pacific) Open Platform developed by UNESCO Bangkok.

This site allows users to form groups and share documents, news and media, organize events.

Project involvement:

eMap is the virtual network on Education Planning and Management developed by UNESCO. eMap enables experts and institutions to register and create their profiles for consultation by the eMap community.

 

It is intended to provide a space for information sharing and exchange of ideas between planners, managers, researchers and practitioners in areas of education policy development and implementation in the Asia-Pacific Region and beyond.

 

The database is accessible in English, French and Spanish languages.

 

The most important features of the eMap database are:

  • A directory of nationally and/or internationally known experts.
  • A directory of national, regional and international institutions offering training, research technical assistance in education planning and management.
  • A platform offering access to extensive resources of NESPAP eResources.
  • A platform for interaction among members of the eMap community.

The eMap experts database features extensive profiles and a dynamic (faceted) profile search tool as well as being multilingual.

Project involvement:


Gyaan Yatra is an initiative of the Asian Foundation for Philanthropy, designed to animate debate and understanding of development issues as a way of raising awareness. And as part of this work it also cultivates a group of development ambassadors, young people who are involved in AFP's development leadership scheme. Now translating all of that into requirements for the website meant coming up with a structure that could provide:

  • clearly labelled  background and news on global issues
  • simple user-engagement tools for people coming to the site, wanting to ask questions, discuss issues and ideas
  • regular updates by email for visitors
  • useful networking  spaces for development ambassadors to learn and gain from each other's ideas and experiences

The site we built is brimming with opportunities for interactivity from a comment box on news stories, to discussion forums, to a notice board and instant messaging system for DAs. This makes sure that the site is kept alive not just by its dynamic team of GY staff, but by its readers too. Coupling all that with a cleverly customised version of Drupal's notifications system, there's also an automated mailout of new content listings to anyone who wants to subscribe.
Website URL: 

http://gyaanyatra.affp.org.uk/


This legal database project was made possible by a European Union grant to the Irish Refugee Council. The idea was to create a central searchable archive of immigration case law summaries from 11 EU member  states which would allow for useful comparisons of cases across the countries according to a set of priority issues and provisions.At its simplest the site provides a powerful search through hundreds of legal case law records. But for researchers who are engaged in comparative study there are numerous cross referencing features that allow you to check legal provisions and how they've been cited and made applicable across the member states.The site also is also features multi-lingual content publishing for untranslated source content, a pdf converter tool for creating pdfs out of case law summaries, and a responsive design for accessing the site on mobile devices.
Website URL: 

http://www.asylumlawdatabase.eu

Project involvement:


The Freshwater Action Network came to the company in 2011 with an already-built global website. We worked together with FAN to make a schedule and coherent plan for developing and maintaining the global site, and then turned our attention to a new micro-site for their members in Mexico. Using the same underpinning database, we were able to create a site that both stands alone and works together with the global site. It seamlessly features global content where appropriate, but is firmly grounded design and content-wise in its Mexican user base.
Website URL: 

http://www.fanmexico.net

Project involvement:


This was a project to create an archive space which would allow 3 years of  research by WLUML and the IWE to endure beyond the lifetime of the project. The site took its design cue from WLUML, with distinct touches that give it both its own identity and a clear sense of relatedness with its mother site.We used a nifty SWF (Flash) tool to cleverly embed the wealth of Images, PDF, video and audio material inline in the site's web pages, bringing all content to the surface of the site. And as you'd expect with Apache Solr technology, it's a breeze to find the documents you're looking for, and plenty more that you wish you'd known about before. 
Website URL: 

wrrc.wluml.org


Down To Earth's old website dated back to 2002, and had built up an impressive Indonesian environmental justice archive over those 8 years. But the effort of manually coding and uploading content was increasingly looking like an inefficient use of resources - especially given the more user-friendly web management alternatives available. So DTE comissioned us to rebuild the site with new technology that would make it much simpler for workers both in the UK and Indonesia to share the load of updating the site. We've developed a bi-lingual facility on the site for adding translations of content and site features, so the entire site switches between English and Indonesian at the click of a button. The DTE newsletter is fully integrated into the site, so that users can subscribe via the website and newsletter mailouts are automatically archived on the site. After a good deal of interrogation of the existing content and audience needs, we re-worked the navigation to create more intuitive sections for content and installed a guided search to make it much simpler to get to the articles you're interested in. Finally DTE completed the project with a mammoth transfer and classification of all that content to its new Drupal home.The site design was created by Sarah Macbeth who worked on a concept based on the existing DTE logo and new colour  photography. She developed custom maps of the Indonesian regions to fit with the overall look and feel, and implemented the page designs as a fully standards compliant Drupal theme.
Website URL: 

http://www.downtoearth-indonesia.org

This Open Society initiative was set up to conduct research into the impact of privatisation in education around the world. The website was required to help with the important task of generating interest in the research and its findings. With a number of international consultations scheduled within weeks of the website commission, we had to work fast to get the site into shape for its initial outing. We worked on a modest scope for this first phase of the project - developing a tool for people to register their interest and location so that the user community could be mapped at a later stage, as well as a video embedding tool. 

Website URL: 

www.periglobal.org

After we completed the FERN and SinksWatch websites in early 2010, Logging Off was next in the queue from this stable. The project was borne partly out of a need to improve the update-ability of the Logging Off site, but also fitted into  FERN's grander plans to standardise their online platforms using Drupal. Unlike FERN's broad scope of forests and forest peoples’ rights, Logging Off  has a specific focus on the national negotiations around  Forest Law Enforcement, Governance and Trade (FLEGT). The site is organised as a one-stop-shop for all those involved or interested in these negotiations - with constantly updated country pages that list all relevant resources and news. The site's main navigation is supported by a guided search which allows site users to combine country names and theme terms to narrow down on the content they're after. The site's content is largely available in both English and French - switchable using a simple language menu. The site's page design draws heavily on the look and feel of the previous version of Logging Off, with adaptations designed to optimise loading times in low bandwidth environments, and improve readability of content.

Website URL: 

http://www.loggingoff.info


After years of working with 100s of html coded pages on a static website, SGR managed to raise the funds to get their website rebuilt with Drupal. The budget was tight so we worked together to prioritise their requirements and make a plan that would meet their needs without overspilling. A bespoke page design was out but an automated (scripted) migration of all the old html pages into the Drupal database, and integration of their subscription form with a PayPal gateway was in. SGR took on the mammoth task of tidying up the imported data and categorising it with their new  index terms. We then set up a faceted search which sorts through all their material to serve up filtered lists according to user selections.As a membership organisation, the online subscription component of the project was particularly important for SGR. We rejected using a shopping cart facility in favour of building a custom tool for capturing subscriber data that could be organised for simple subs management by SGR staff, and automatic processing by the payment gateway.In spite of the compromises they made at the beginning, SGR now have a fully functioning website, and because it's been built with Drupal, it can be extended and elaborated in a very scalable way.
Website URL: 

http://www.sgr.org.uk


The DVA is a new initiative of a group of UK organisations with a common interest in sending diaspora volunteers to support projects in their countries and continents of origin. DVA staff approached the company with a brief to build a website that could quickly provide an online presence for the Alliance – a space for them to publicise the initiative’s aims, and stimulate interest from potential volunteers and diaspora organisations. At the same time, the project had to recognise that DVA’s web journey is in its early infancy, and will certainly need the flexibility to grow and change as the initiative takes new directions in the future. the company worked with DVA to devise a simple site structure that wouldn’t be too onerous for them to populate in the busy first few months of their work. This was then implemented into a Drupal website along with a page design developed by wave, who made imaginative use of DVA photo stock and quotes from returning volunteers. In this first phase of the site’s evolution there is a static map to show the geographic reach of the Alliance’s partners. The next phase will see this transforming into an animated interactive map that provides much more detail on each of the countries that the DVA is active in.
Website URL: 

http://www.diasporavolunteeringalliance.org


FERN’s European Union advocacy work is focused on protecting forests and defending the rights of forest peoples. They approached us in 2008 with a familiar tale of a website that was not keeping pace with the growth and change in their activities. More of their content was being written in French as well as English and the volume and diversity of their publications was lost in a system that didn’t index it usefully.
We set up a new Drupal site for FERN with a French language sub-section, and a much more powerful publications search. As a predominantly English language organisation that translates only selected content, we opted for a simple second language content listing, rather than the more costly full language switching bi-lingual system, to give a clear list of all content available in French.
The publications section of the site is now supported by a powerful guided search which helps users find what they’re looking for by narrowing their searches using relevant indexing terms.
As FERN staff are largely based in Brussels, training took place using our remote desktop sharing system.
FERN’s sister project, Sinkswatch was developed in tandem with FERN, and although the two sites are independent of one another, they share a database backend. So content workers only have one system to log into to work on either site.
Website URL: 

FERN


Thanks to their innovative approach to using ICTs, WLUML was one of the company’s first web clients to use a CMS to manage their website. Within months of setting the sytem up in 2002, their flow of daily news stories and Action Alerts had picked up speed and content began appearing in French and Arabic as well as English. Since then, their site has become a unique resource base of thousands of articles documenting the issues and concerns of women whose lives are affected by Muslim laws. Eager to benefit from improvements in CMS technologies, WLUML commissioned the company to rebuild the system in Drupal, and we are now proud to announce that all their existing content has been imported into a completely new site – faster and simpler for the people at WLUML to update, restructured with a guided search to make it easier for people to browse, and with a new look beautifully re-designed by wave. The site is now also set up to publish content in 5 languages – English, French, Arabic, Russian and Chinese.
Website URL: 

http://www.wluml.org


AFP was established to connect the UK’s South Asian Diaspora Group with development initiatives in India. They encourage donations in money or time to marginalised communities in India. Their web project was designed to transform their online presence from a simple brochure site, into more of an outreach tool. The aim was to make the content more navigable, and to bring news of their work to a broader audience. We worked with AFP and their designer to create a more straight forward site structure, and built the site using Drupal. We went on to train AFP staff in content management so that they could take control of keeping the site up to date with all their latest information.
Website URL: 

AFFP

Project involvement:


The CLTS project at IDS has spent the last years in a small corner of the Livelihoods Connect website. As the project, its reputation and its reach have grown, calls have grown for it to have its own purpose built website where all its resources and news can be easily sorted and accessed. Because of time constraints we took a phased approach to the web development – beginning with a very simple site that would be ready in time for their annual international gathering. The company partnered with Wave for the design element of the project. They created a custom page design using CLTS images. Their design is based on clean, well structured xhtml code in a non-table based layout and using cascading style sheets (CSS) for all the presentational information. This improves the site’s chances in search engine content rankings and also makes pages quicker to download, much more accessible to all users and easier to update.
Website URL: 

CLTS

Project involvement:


The Right to Education Project came to the company with an already-made complex tables-based design mockup, and just 3 weeks to build a website and content management to house and manage the content. We used Drupal to create the initial site structure, and then carefully rebuilt the design without the original tables-based layout. Whilst the technical development work was going on, we trained the R2E project workers on how to use the system and they worked on getting their hundreds of documents of documents into the site. With a lot of hard work from everyone involved, we all woke up to a rich and well built site on Human Rights day 2008.
Website URL: 

Right to Education


After the company won the tender process for this high profile project, we were given just 5 weeks to build a site that would work as the main administrative organ of this major event. We worked with ActionApps to build a system that could process secure payments for tickets and handle multilingual publication of content in five languages, displaying documents in their original language if no translation was available. In this way, no matter which language version of the site you were in, and how few documents existed in that language, you would always see all relevant documents.
We worked with WorldPay (WP) for processing online registration fees, and successfully dove-tailed the ActionApps registration slice with the WP system, so that data could be passed on through from the site’s own submission forms, to WP for secure payment. This was a particularly exciting aspect of the development work and opened up a new range of possibilities for ActionApps development projects in the future.
Website URL: 

European Social Forum 2004

The DEA had managed a static site for several years when they approached the company for a solution to their changing publishing needs. Their growing databases of publications and contacts needed an online home which the static site simply couldn’t accomodate. After working together with DEA on a new architecture for the more sophisticated dynamic site, we developed this resource rich site of materials and services for the education sector. The databases of contacts and publications are fully searchable and easy to update.
Graphic design for web pages was developed by Josh King-Farlow and follows his standard practice of using a fluid layout coding technique (percentage based layout as opposed to em or fixed width pixels), allowing the page to shrink and expand to fit whichever screen size you are using. Coding is authored in a modern standards compliant markup language (Strict XHTML 1.0) and uses CSS version 1, a styling language originally written in 1996.
Website URL: 

DEA


The Global Call for Action Against Poverty is the international coalition which supported national White Band anti-poverty campaigns such as the UK’s ‘Make Poverty History’. The GCAP website project was the result of a collaboration between the company and our sister networks – Choike in Uruguay and Laneta in Mexico. The site features daily news updates in 4 languages, e-campaigning tools, poverty stats mapping, and a photo gallery. We’re also pleased to announce that GCAP has been the recipient of the 2005 International Achievement Award for Excellence in Communication given by Inter Press Service (IPS) news agency.
Website URL: 

whiteband.org

Project involvement:


Privacy International is a human rights group working as a watchdog on surveillance and privacy invasions by governments and corporations. It has conducted campaigns and research globally on issues ranging from wiretapping and national security, to ID cards, video surveillance, data matching, police information systems, medical privacy, and freedom of information and expression. In 2003 the company rebuilt the PI site with a new interface fronting a database for all content, old and new. Structurally it is based on a single database table. It features a two-level category menu, and further menus that allow users to narrow down the selection of listed items. The extensive database contains hundreds of articles. And the site itself serves as an excellent model for functional information architecture.
Devising the navigation for this site, took us to the limits of what was possible in ‘normal’ ActionApps slices. As such the project became the starting point of taking an approach to ActionApps web development which turned the normal philosophy upside down.
Website URL: 

Privacy International

Project involvement:


the company rebuilt the Genewatch web site in 2006. The volume of new content flowing onto the old static site was making site management too labour intensive. The new site needed to make lighter work of content management, and improvements to the site structure. We developed it using ActionApps (AA), and used it to successfully pilot a new approach to dynamic navigational menus in AA – something which developers had been struggling with for some time.
Graphic design for web pages was developed by Josh King-Farlow and follows his standard practice of using a fluid layout coding technique (percentage based layout as opposed to em or fixed width pixels), allowing the page to shrink and expand to fit whichever screen size you are using. Coding is also strictly W3C standards compliant.
Website URL: 

Genewatch


The IWPR works on free media projects in conflict zones, as a way of promoting peace and democracy. Staff are spread out in offices in ten countries, from where they support local journalism initiatives in getting news out. The website fits into the picture as part of IWPR’s role as an “electronic samizdat,” supporting local reporters under siege and utilising new technologies to disseminate their reporting in country, regionally and internationally.
The site was initially built in 2004 using ActionApps. The nature of the site’s readers and writers required us to develop a system that could support content in any number of languages and scripts. The subsequent system development work led to the creation of the now widely used ActionApps Multi-lingual Extensions (MLX) for publishing content in different language versions. To date the site is publishing articles in 17 languages including Russian, Persian, Arabic, Pashto, Shqip, Kurdish, Bulgarian, Turkmen, Uzbek, Azeri, Armenian, Georgian, French, Tajik , Kyrgyz and Dari.
Other features include audio and video streamed content, and an elaborate subscription facility enabling users to select which news streams they want to receive.
The graphic design for web pages was provided by the IWPR in-house designer Srdan Pajic.
Website URL: 

Institute for War and Peace Reporting

Project involvement:


The challenge in developing a new website for the Institute of Employment Rights, was to create something as functional as possible without making management too complex for the overstretched staff. IER’s new website now comes complete with an up to date schedule of events, lists all the latest publications, projects and provides a secure space to subscribe online.
Graphic design for web pages was developed by Josh King-Farlow and follows his standard practice of using a fluid layout coding technique (percentage based layout as opposed to em or fixed width pixels), allowing the page to shrink and expand to fit whichever screen size you are using. Coding is also strictly W3C standards compliant.
Website URL: 

Institute of Employment Rights

Project involvement:

urbaneer is your site for creative urban experiences worldwide.

On urbaneer we have all sorts of interesting things and you can browse most of the content freely, however, if you want to download any of our stuff you need to login or register

 


\ur-ba-near\, Noun, Verb:
1. to urbaneer: to creatively engage with and explore the physical environment present in an urban context (buildings, streets, parks, waters, people, places, etc).
2. the urbaneer – referring to the person engaged in the activity.

all londoners live in a tubemap

ever wondered what greenford looks like, or totteridge & whetstone? what about southfield, boston manor or becontree? how well do you really know the city you live in, or are you merely navigating your way around london using the tube map to keep your bearings? apart from overcrowded tourist sites what does london have to offer?

this project is a simple encouragement to be a tourist in your own city: to discover something new, challenge your routine of moving through london and to experience a different part of the city you live in.

step one:

look at the tubemap and pick a station you have never been to

step two:

take a camera, get on the tube and make your way to your station of choice

step three:

alight at the tubestation and begin your discovery of the area around your station of choice (please don't just take pictures of the station only). make it a fun day out and let the world be part of it.

step four:

upload your pictures onto www.tubemap.org and see the network grow.

the idea goes further:

leading on from the interactive web-based map the aim is to transform this into an exhibition – a walkable space including the best submitted pictures, culminating in a cartographic installation of london and all the components the city is made of.

I built this site using phpwiki and custom coded plugins in the first place. Over one thousand photos and articles were submitted by members of the public. In 2009 the upgrade of phpwiki became too difficult and the client urbaneer.net decided to migrate the data into their new main site urbaneer.net.