Hi
This project is due to an proof of concept. Even thou it won't be delivered to end-user as delivered to us by the freelancer, it should be 100% functional as stated.
Since it is a proof of concept, we will refer here to third part products only as a way to stabilish a common-sense mind-set, it does not imply piracy or any related activity.
The main goal is to obtain a fully functional silverlight based rich interface to draw, edit, configure properties, store and retrieve the complete model of a business process. This same silverlight content must run on pop-up from the main site and on a shadowbox over it.
On comparison bases, the pilot should provide a Visio-like experience for a Horizontal Cross-Functional "Swim-Lanes" chart type.
Silverlight will load: Office 2010 look and feel Ribbon on the top, over all; left pane with process objects to be dragged and dropped to the middle pane where the "real business process is draw". Right side will be composed by a upper pane (object explorer list with all objects in use on the drawing) and lower pane (properties inspector).
As for the pilot, the detail level in those last two panes will remain low, but there must be some.
Also, process symbols for the pilot will be limited to: Upper horizontal process title bar (fixed); Horizontal Swim-lane (multiples, add and remove capabilities, always on back, with left label), Start symbol, End symbol, Diamond (decision) symbol, Simple activity symbol (rectangle), Flow (line with arrow). All objects must support label. All objects must have connection points (at least 4) so Flows can connect all of them.
To provide symbol design guidelines to symbols, refer to BPMN model.
The application must be able to identify unequivocally each object used, its relative position on the graph, all interconnections, store this information, retrieve the information and "rebuild" the graph as the same one previously saved.
Must run at least in IE7, IE8 e FF3.6.
## Deliverables
Hi
This project is due to an proof of concept. Even thou it won't be delivered to end-user as delivered to us by the freelancer, it should be 100% functional as stated.
Since it is a proof of concept, we will refer here to third part products only as a way to establish a common-sense mind-set, it does not imply piracy or any related activity.
The main goal is to obtain a fully functional silverlight based rich interface to draw, edit, configure properties, store and retrieve the complete model of a business process.
On comparison bases, the pilot should provide a Visio-like experience for a Cross-Functional "Swim-Lanes" chart type.
Starting from a almost empty simple .NET 4 MVC web page with 2 links:
1) "open Process Designer in new window" - must generate an pop-up, HTML frameless, without ruller / scroll / address and other bars, where the Silverlight content will be loaded into
2) "open Process Designer in shadowbox" - must generate an Shadowbox over the simple page, where the Silverlight content will be loaded into
The pop-up option should control the poped window closure (like gmail does) and on the attempt of shut the window down, ask the user if he wants the work to be saved or discarded.
The shadow-box will show a close button up-right, and will also control the closure of the shadowbox and of the main windows when the shadowbox is loaded, and on the attempt of shut the window down, ask the user if he wants the work to be saved or discarded.
The Silverlight content itself will provide menu options to save and to close.
When the user in any point chooses the respective option:
- Save: the application stores all configuration and model schema data at a SQL Server DB
- Discard: returns to the simple page with no change to data previously stored in the DB
- Close button on silverlight content: pops question to close saving or to close discarding (see both above)
The silverlight content will display only one business process per time. It will be loaded and shown in panes (like most tools like Photoshop and Visio itself).
Upper bar will incorporate Office 2010 Ribbon style look and feel IN SILVERLIGHT. Use as reference this codeplex version for design definition (<[login to view URL]>). For this pilot, we will only use the first tab, so it is not necessary do develop the complete dynamic of the component.
Silverlight will load: Office 2010 look and feel Ribbon on the top, over all; left pane with process objects to be dragged and dropped to the middle pane where the "real business process is draw". Right side will be composed by a upper pane (object explorer list with all objects in use on the drawing) and lower pane (properties inspector).
As for the pilot, the detail level in those last two panes will remain low, but there must be some.
Also, process symbols for the pilot will be limited to: Upper horizontal process title bar (fixed); Horizontal Swim-lane (multiples, add and remove capabilities, always on back, with left label), Start symbol, End symbol, Diamond (decision) symbol, Simple activity symbol (rectangle), Flow (line with arrow). All objects must support label. All objects must have connection points (at least 4) so Flows can connect all of them.
All panes, when needed, can present scroll bars.
To provide symbol design guidelines to symbols, refer to BPMN model (<[login to view URL]>).
The application must be able to identify unequivocally each object used, its relative position on the graph, all interconnections, store this information, retrieve the information and "rebuild" the graph as the same one previously saved.
All objects of the drawing must be completely drag and drop-able. On selection, right panes will get active with specific info displayed (upper will auto-select the respective object over a list, lower will show properties that, for now, can be all necessary data the developer decided as needed to be stored in the DB in order to load de graph and to correctly show it again).
Selecting object on the right upper pane list sets the selection focus on the respective object of the drawing and refresh the lower pane.
The Silverlight application must correctly manage in memory state of the drawing since, until the user hits save, the original data must not be changed. If, due technology flaws, limitations or unsolvable poor performance (consider cases of big drawings with 200 objects or more) it is found that in memory only is a not acceptable strategy, then the storage tables can be doubled as temporary solution for time-to-time bases auto-save (as memory dump for changes made or full state).
Must run at least in IE7, IE8 e FF3.6.
After loading the silverlight, DB access should remain minimal, until save is hit, auto-save times-in (if used) or sotored properties are queried on lower right pane).
After closing the silverlight, memory release must be maximal.
As for the pilot, web session concerns may remain minimal.
Source
All source code, data, project files, themes and images need to be handed to client upon completion. The project should open without errors in Visual Studio 2010.