Collaborative Workflow System

A browser-based drag and drop business process definer which allows collaboration amongst users (who can view stages and tasks and add notes and attachments depending on rights).
Administrator
1. Designs workflow using drag-and-drop definer. Pan and zoom capability (for large workflows).
2. Names each workflow.
3. Uses a few basic workflow stages (activity, state, decision) which are linked together (control flow)
4. Names each stage
5. ‘Opens’ each stage by double-clicking and then adds lists of tasks to each stage
6. Names each task
7. Determines what rights each user group has for each individual task (no view, view or access)
User
8. Logs in. There can be hundreds of logged in users.
9. Selects and assigns a workflow to an ‘asset’ (e.g., a worker, by entering a name).
10. Sees the entire workflow and status of each workflow stage (not started, partially complete, complete), not just a list of tasks.
11. Runs the workflow.
There can be hundreds of running workflows with the same workflow name (each assigned to a different worker).
12. A visual indicator shows the workflow is running with a start time and duration counter.
13. Sees the current ‘position’ of the worker shown by a large flashing dot.
14. Opens stages individually and sees the tasks (and any notes or attachments associated with each task) with view or access rights (for the group the user is in).
15. Can add notes or attachments to any task with access rights (for the group the user is in).
16. Runs reports (who started, stopped, added notes or attachments to which tasks and when, for this worker).

Extensive knowledge of HTML5 development required (or other tools which allow drag and drop GUI creation).
Database mySQL or MongoDB.
Browser based frontend, no installed components.
Significant project / References required.