Project Detail

Description

Goal:

Implement an outrageous pretty, smooth and beautiful designed AJAX activity indicator for
displaying a set of values (string, date and integers) in a pretty designed dashboard
that are queried from different backend systems.

The user must be kept entertained by the pure display animation of 10+
return values that take up to 5 to 10 seconds each.

(i.e. like a html table with various fields in it - BUT design and position of elements shall be easily changeable!)

User requirements:
U1- User enters a set of input parameters (1 string free text, 1 strings and 1 integer via select lists)
U2- as soon as the free text is entered (after 3 configurable delay seconds and/or triggered with a "go button"),
the background activity starts
U3- then a number of http queries with a common interface are started async in parallel to the backend
U4- these queries will return simple variable types like strings, dates and integers that shall be displayed in a
"sexy" way on the frontend to keep the user happy while waiting and watching
U5- these queries have different response times, hence they will return async to the client
U6- the AJAX server component receives and dispatches (PHP switch func) the queries to the backend servers
U7- the AJAX client shall display the received data in various ways as specified later
U8- while the backend requests are running, the AJAX client shall
a) display a "generic processing status bar"
b) display various animations of data already received (see display modes below)


Design issues:
D1- this job is not only simple Ajax/Php coding but requires a GREAT design of the result components
D2- obviously a set of different display tools must be created, as the exact number and typeof parameters queries will vary.
D3- you need to provide a simple php switch statement to return test-data after a random sleep delay in your version
D4- we will integrate the live funcs when you're done
D5- only CSS,JS,PHP may be used - no flash
D6- a common UI library like the Yahoo UI library must be used - your recommendation suggestion is welcome
D7- but PERFORMANCE is an issue ... the Javascipt libs need to be cached at the client, to avoid stupid long
loading pages like at DIGG... see caching ideas at like
at http://vivekjishtu.blogspot.com/2006/04/speed-up-your-ajax-based-webapps.html


Bidders:
B1- Implementation shall be completed no later than Jul 25
B2- Coder needs to
a) provide a live sample of Ajax work already implemented
b) commit to 100% delivery by Jul 25 with the mockup backend data
c) working live presentation on Jul 25 will mean 50% paid and installation on our servers for integration
d) remaining 50% will be released after integration of backend functions
B3- Your committment to a seller guarantte deposit will increase chances by 500% to get the job


Display modes required:
M1- the "generic processing status bar" must be running and displaying action as long as not ALL requests have finished
M2- for integers
M2a "color-cluster" must be configurable by 2 border values and 3 RGB color ,
e.g. creating red/yellow/green transitions (or ANY otgher color transitions between 3 RGB values)
M2b a live counter (numberic) from zero to the value or from a max (eg 999,999) down to the vaulue must be supported
M2c a growing status bar (bar graph) from zero to the value up or from a max (e.g 999,999) down to the vaulue must be supported
M2d a "flying motion/animation" shall be possible for some values

M3- for date's also a "color-cluster" shall be configurable
M4- for date's also a "color-cluster" shall be configurable

links to ideas and sample implemenations will be provided to shortlist bidders.



Platform: LAMP(Linux+Win/apache1.3/php4/mysql4)