html5 graphics with svg & css3,BUILDING WORKFLOW DIAGRAMS WITH SVG, HTML5, CSS3 AND JAVASCRIPT

摘要：

According to Workflow Management Coalition (WfMC) , workflow is a term used to describe the automation of a business process, in whole or part, during which documents, information or tasks are passed from one participant to another for action (activities), based to a set of procedural rules. To a software developer, the word workflow, typically conjures up images of a highly graphical environment where complex business rules are declared visually rather than entirely in code. Individual tasks are organized into an appropriate sequence, and branching and looping decision are declared to control the flow of execution between tasks. In this paper we will present the usage of SVG, HTML5, CSS3 and JavaScript for the development of a GUI web interface that allow us to easily design and model the tasks of a workflow process. A comparison of the features that the above technologies provide for symbolizing workflow statuses and connector steps will be presented in an example driven manner.

展开