Project: Genealogy Mapping Web Application
JavaScript WebApp using jQuery, jQuery UI, Datatables.net, CSS, XHTML, PHP, mySQL
JavaScript WebApp using jQuery, jQuery UI, Datatables.net, CSS, XHTML, PHP, mySQL
I was contracted to Ancestral Atlas Ltd to convert an existing prototype application which was built using YUI, into a cross-browser jQuery and JavaScript web application. I also added an ajax handling module to the existing PHP/mySQL server side codebase.
I built the marketing website using a set of design PSD's from an external agency, and created a W3C-compliant XHTML1.0/CSS2.0, SEO-optimised website.
I built the marketing website using a set of design PSD's from an external agency, and created a W3C-compliant XHTML1.0/CSS2.0, SEO-optimised website.
The user interface was built using the jQuery UI library for effects, some basic widgets, and I also used the jQuery datatables plugin for ajax-powered, sortable, searchable data tables and lists. For the interface theming I started a base jQuery ThemeRoller theme and customised it to create an overall site skin.
Account management ajax forms
The FAQ tables were ajax-populated, and presented using a jQuery accordion control.
The mapping component was created using the Google Maps API. Other developers massaged and prepared millions of map images tiles and genealogy location records, while I enhanced the map controls to display and manipulate this data using pure client-side code and ajax communication.
I created an ajax queuing class structure that marshalled ajax calls, combining similar (overlapping) requests, cancelling duplicate redudant requests and managing simultaneous http requests. Data was passed around the various components of the application using JSON structures, which easily converted to associative arrays server-side.
