We need a simple wizard with four steps in HTML in combination with jQuery. I have made an mock up and i want
the exact mock up to be made.
The user starts with step 1. and clicks on one of the icons in the white field (see example 1).
When the user clicks on the three little dots, called 'overige', then more icons shows and a back button appears
See example two. As you can see, this is still part of step 1 (stap 1).
If the user clicks on an other icon than the 'overig'one, then the wizard will go to step two,
See example three.
On this step the user can slide the slider from left to right. There need to be six steps.
From left to right:
1
2 tot 5
6 tot 15
16 tot 100
101 tot 1000
1001 en meer
For example the user slides to the right and he will see the next example See example four
As you can see, some text appears and the button next. When the user clicks on next he will
go to the next step, see example 5
This step is exactly similair to step 2 (only we ask for gebruikers (users) instead of medewerkers).
Everything works the same as on step 2.
Step 4 is the last step, the user sees the choices he made and fills in some basic information, see example 6. As soon
as the user hits Send, then a thank you note needs to appear and the wizard is over.
Other things to make
I want to store every step of the user in a database/file. So when a user starts the wizard,
and he stops at step 3, i want to see this:
Date IP number Step 1 Step 2 Step 3 name email
15-9-2013 9:02 [login to view URL] Financieel 1
Below an example after a couple of users juses the tool
Date IP number Step 1 Step 2 Step 3 name email
15-9-2013 9:02 [login to view URL] Financieel 1
15-9-2013 11:02 [login to view URL] Onderwijs 2 tot 5 2 tot 5 Mark Feenstra
16-9-2013 13:01 [login to view URL]
16-9-2013 15:02 [login to view URL] Onderwijs 6 tot 15 2 tot 5 Jan Rens
16-9-2013 19:02 [login to view URL] Financieel 6 tot 15 1
As you can see, 2 persons finished the wizard and 3 person did not finish the wizard and stopped (1 of them
even did not finish step 1)
Thats it, not to difficult, so when can you deliver it?
Michael