Create your first project

Now that you installed on your server SistevProcess we will create a simple application to become familiar with the system.

If you open your web browser at the address where the facility SistevProcess first thing you'll see will be a screen like this:

There you click on the "New Project" icon, a window called "New Project Window" appears, standing in the "Project Name" field MyProject. As shown in figure:

Then you click on the "ok" button to create the project.

Once done, we will create a process to do this click on the "Add New Process" button located in the left pane called "Inspector" as shown in the following picture:

When you do this is to display a window called "New Process Window" in the "Enter a name for the new Process" field, put process1 then press "ok" button.

If all goes well you will see in the "Inspector" panel process you just created and in the middle panel (workspace) you will see a tab with the name of the process.

If you want to remove the process workspace only you click on the X "x" that appears at the top of the flange of the process. To open it again, you click on the process name in the "Inspector" panel.
Okay now let's drag a "Code" component is listed first in the right panel called "Components" to our workspace, the figure shows as seen our project so far.

You will notice a kind of crown will appear in the upper right part of the component we just drag, this indicates that the component is "Root", ie is the main component of the process. The Root components are those that are performed first in the processes and also may not have ancestors.

To modify the component must double click on it or right click with the mouse, and in the context menu click on "Edit".

Once done, a window called "Component Configuration Window" appears, there are several elements, the first is a field called "Name Component", a default name for the component which can be modified by a more descriptive name as it appears for example Registration Form, Database Connection, Delete registration, etc.. For purposes of this tutorial we will place Hello World.

The second important element in the window is a central field where you can insert php code Please note that you must enter your php code without the opening and closing tags: <?php...?>

Let's insert the following code:

 echo "Hola Mundo";  

Then we click on the "Save" button to save changes.

Then we click on the "Preview" button on the top menu after which a window called "Preview Window" leave the fields empty and click on the "preview" button will appear. If all goes well, we will see a screen like this:

Congratulations, You've created your first application SistevProcess, if you want to keep experimenting with the system can go to the Tutorials section, or continuous with the Basics section to learn more about the tool.