jobber

applicants

Looking for an experienced JS/UI Front End Developer to create the scripting for interactive aspect of the front-end interface. We will implement the final JS code into the design or might ask the applicant to integrate it if necessary. All back-end database work has been completed as well as front-end graphic design.

Project consists of allowing users to manage a grid of slides similar to the “Slide Sorter” view in PowerPoint. The site allows users to build a custom presentation from a repository of individual slides and then customize their presentation and save their presentation when complete. All functionality expected to be created within JS framework.

Functionality required includes:

• Display small thumbnail version of slides within a grid layout which will change in size as slides are add/removed from the presentation.
• Drag and drop individual slides from the slide repository (which contains 200+ slides) into the custom presentation.
• As slides are removed from the slide repository they are grayed out, indicating they are no longer available. (If the slide is removed from the custom presentation the slide will change back to full color and allow to be added again).
• User can preview a larger version of the slide by pressing a small “magnifying glass” icon.
• Slides within the custom presentation must allow the following functionality:
  • Title slide, 1st slide, can’t move or have any slide go in front of it
  • All slides can be rearranged throughout the presentation
  • Mandatory slides will be depicted with an outline color or small graphic. These can’t be removed from the deck but can be reordered
  • Optional slides will be depicted with an outline color or small graphic. These can be removed from the deck (and reappear in the slide repository) and reordered
  • In addition to individual slides can be stored within three different sub-groups each with their own behaviors. These includes:
    • Slides locked together in the same order and can’t be reordered. Moving any slide within this group will move the entire group of slides.
    • Slides locked together but can be reordered within the group. Moving an individual slide with this group will allow the slide to move within the group. Moving the group via a small graphic “handle” or such will move the entire group of slides.
  • Slides locked together in the same order but other individual slides can be inserted in-between the locked slides. Moving an individual slide with this group will allow the slide to move within the group. Moving the group via a small graphic “handle” or such will move the entire group of slides.
  • Users can easily sort slides within a group or drag an entire group of slides as a single object for rearrangement.
  • Deleting a single slide in a group will delete the entire group of slides (optional slides only obviously).
  • Groups will clearly show graphically the first slide in a group, the slides within the group, and the last slide within a group. Hence when two groups are next to each other users can clearly see where one group ends and other begins.
  • Groups must work seamlessly across multiple rows within the grid.

• When sorting slides the functionality will look as close to the design shown at: http://fluidproject.org/releases/1.1.2/demos/reorderer/gridReorderer/demo.html

All work can be done remotely and must be complete within 4-5 weeks. Must be ready to start immediately and will probably expect some small touch-up work and small revisions going into January.

All code must be cleanly documented and is work for hire.

If interested please send us:

• Your rate
• Links to your experience
• List of references

• Outline of technologies you would utilize and how you would approach this project (jQuery, Prototype, YUI, Mootools, etc)