Vote Pro Essential User Guide

EUROPEAN COMMISSION
DIRECTORATE-GENERAL INFORMATICS
Directorate A - Corporate IT Infrastructure Solutions
Solutions for Informations Systems - FPFIS
e-voting poll
Vote Pro
Essential Guide
Flexible Platform For Internet Services

VERSION 1.1 9/3/2007
EUROPEAN COMMISSION
Directorate A - Corporate IT Infrastructure Solutions - Solutions for IS - Flexible Platform
Table of contents
This guide describes the main tasks performed by webmasters
wishing to insert a poll on their web site. It includes Vote-Pro
interface, poll creation, etc. In other words, how to work with VotePro as described in the following table of contents.
Introduction
A poll
Login to the system
Main menu interface
View polls
Add a new poll
Add a new question
Add an answer
Preview poll
Poll Presentation
How to create a profile
How to create a new user
Insert the poll into a web site
Additional documentation / Feedback
Vote Pro Essential Guide - 2
3
4
5
6
7
8
9
11
15
16
18
21
23
24
EUROPEAN COMMISSION
Introduction
Vote-Pro is a tool to create and handle multiple polls. These polls can be put on web
pages on different remote web servers.
Vote-Pro is the php solution chosen by the DIGIT FPFIS team to implement the e-voting
poll solution requested by DG COMM.
Vote-Pro has been customised in order to adapt it to EUROPAs multilingualism
requirements.
This document explains how to administer Vote-Pro and how install a poll in a web page.
To do so we will describe the following:
EXAMPLES
How access Vote-Pro administration interface

How to create a poll
How to define the polls graphic design
How to insert the poll into a web site
EUROPEAN COMMISSION
A poll
Description of a poll in Vote-pro
A poll is composed by :
- a list of questions (one question per language)
A question is composed by :
-A text (example : your favorite movie ?)
-A list of answers
An answer is composed by :
A text (example : option1)
EUROPEAN COMMISSION
Login to the system

Input
URL and Login/password
How access VoteVote-Pro administration interface
You connect to the system by entering the following URL in your

browser http://evoting.ec.europa.eu/evoting/
2
You authenticate yourself by
using your login/password
provided by the Europa team
Click on Enter!
Output
Access to Vote-Pro administration interface
EUROPEAN COMMISSION
Main Menu Interface

Main options (for VoteVote-Pro)
The administration interface of Vote-Pro has 3 parts:

Quit Vote-Pro
Your user
1-Administrators: to handle users who will have

access to the Vote-Pro administration interface.
2-Profiles: to create the graphic design for the polls
3-Polls: to handle polls, questions and answers
The Vote-Pro interface is only available in English
EUROPEAN COMMISSION
View Polls
Main options (for View Polls)
Select View Polls
The list of polls will appear here
Poll name
All possible poll options: Edit, Copy, etc
EUROPEAN COMMISSION
Add a new poll

Poll parameters (for VoteVote-Pro)
Here you can choose how your poll will be displayed.

You can use a design profile (see How to create a new profile ) or your own CSS (see Poll Presentation
How to use your own CSS) to define the visual aspect of your poll.
It defines the look of the poll.
You can choose a design profile
or own css if you want to use
custom css
activate / desactivate the poll
start day and end day of the poll,

after this period, the poll is
archived
Option to display a
link to the results
Option to display the
results in a new
window
a visitor can only
post one vote by day
for each question
Option to display result

with number
If you choose own css in the design

profile dropdown list, you can put
your custom css here.
Title of the poll

Width (pixel) of the poll
Option to display the

total number of votes
for this poll
Option to display result

with percentage
Click on Edit poll to save the poll !
EUROPEAN COMMISSION
Add a new question

Add question (for VoteVote-Pro)
Select a Poll !
Click on Add question !
Vote-Pro is multilingual. If you want a poll in differents languages, you just need to define as
many questions as languages in the same poll. See below Add a new question.
EUROPEAN COMMISSION
Add a new question

Question parameters (for VoteVote-Pro)
activate / desactivate the question
Position of the question
the answers could be

displayed with radio button
(one choice) or checkbox
button (multiple choice)
text of the question
List of languages
EUROPEAN COMMISSION
Add an answer
Add answer (for VoteVote-Pro)
Select a Poll !
Click on Add answer !
EUROPEAN COMMISSION
Add an answer
Answer parameters (for VoteVote-Pro)
Name of the poll where the

answer is placed
if checked, the answer will be

displayed in the poll
Text of the question where

the answer is placed
you can place the new question

at the bottom or at the top of the
poll
- choose: the
answer is displayed
with a radio button or
check list
- input: the answer is
displayed with an
input text field. The
user can type a value
or a text but it is
always considered as
a unique vote. This
option is not
recommended.
text of the answer
Click on Add answer !
Click on add answer to save the answer
EUROPEAN COMMISSION
Add an answer
Add answer (for VoteVote-Pro)
The answer is added
EUROPEAN COMMISSION
Add an answer
list of answers
Click here to display the

answers associated to a
question
EUROPEAN COMMISSION
Preview poll
By clicking on preview
poll button you display
the poll like users will
see it
By clicking see the

results link you display
the result form.
Information depends of
the choice you have
done when you create
the poll.
Define when you create

the poll
Display only percentage

because number of
votes and show total
options are unchecked
EUROPEAN COMMISSION
Poll presentation
Use your own CSS
When you create a new poll or when you edit a poll you can define
what Design Profile you want to use.
If you select own CSS into the dropdownlist, then put CSS code you
want to use into the text area field.
Choose own CSS
Define here the CSS

styles you want to
use
Dont forget that when you choose the own CSS option as design profile
for a poll, the CSS code is only used by this poll and you cant apply it to
another poll.
If you want to use the same CSS for differents polls, creating a new design
profile and affecting it to polls is a better solution.
EUROPEAN COMMISSION
Poll presentation
Use your own CSS
If you want to use your own CSS, you can customized the following IDS:
#poll_table {}
The entire table
#poll_table #poll_table1 {}
The entire form
#poll_table #question_tr {}
Line where is the question
#poll_table #question_td {}
Cell where is the question
#poll_table .reponses_tr {}
Lines for answers
#poll_table .reponses_td {}
Cells for answers
#poll_table #results_tr {}
Lines for results
#poll_table #results_td {}
Cells for results
#poll_table #results #link_results{}
The link to go to results
#poll_table #results #link_results:hover{}
The link to go to results
#poll_table #poll_button {}
The vote button
#poll_table #button_td {}
Cell where is the vote button
EUROPEAN COMMISSION

Add a new profile
Click on Design profiles !
Click on Add new profile !
Click on Add design

profile to save the profile !
EUROPEAN COMMISSION

Working with profiles
A design profile determines the look of polls.

You can create your own profile or use the "standard_ce" profile, which is the standard
profile for the website of the commission.
When you create or modify a profile, you can set colour, font, decoration, border of the
poll.
With a design profile, you can modify the aspect of these elements :
The Whole Table (1)
Poll Question (2)
Poll Answer (3)
Graph (4)
Button (5)
EUROPEAN COMMISSION

Affect a profile
Minimum an user must to have a profile.

A specific design profile was created for the Commission : ce_profile. This profile
will be available for all the users.
By default a new user has no profile, so when a new user is created, a new
ce-profile must be created and affected to this new user.
Click on Copy !
Click on Edit !
Choose the user

who will be the
owner of the
profile
EUROPEAN COMMISSION

Add a new user
Click on Add new Administrator
Allways
Click
on desactivated
Add Administrator
.
DEFAULT : parameters to be used for all users
2
3
Only the Europa team will be
responsible for creating a user
for each DG or team of webmasters
in charge of a web site.
Click on Add Administrator

.
Message indicating that a new user has

been added
EUROPEAN COMMISSION

Add an administrator
Click on Add new Administrator
This option allow the user to see

all the others users.
Consequently he can also see all
the polls and all the design profile
of the others users.
If the user has also the can
add/del administrator right, he
can modify or delete all the users,
all the polls and all the design
profiles. Hes a full
administrator.
2
3
Click on Add Administrator
Message indicating that a new user has

been added
EUROPEAN COMMISSION
Insert the poll into a web site

How to insert the poll into a web page
copy the JavaScript method
Choose a language and Click on Get Installation

Code option of the poll that you want put in a web
page.
EUROPEAN COMMISSION
Additional documentation
You can find some exercises to become more familiar with

Vote Pro into the document Vote Pro Exercises : it gives
step-by-step instructions to create a new poll, add new
questions / answers, manage the polls presentation and insert
polls into other pages.
Feedback
Send your comments / suggestions about this guide
to : DIGIT FPFIS support

Vote Pro Essential User Guide

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Vote Pro Essential User Guide

Hochgeladen von

Copyright:

Verfügbare Formate

EUROPEAN COMMISSION

Flexible Platform For Internet Services

Vote Pro Essential Guide - 2

How access Vote-Pro administration interface

Vote Pro Essential Guide - 3

Vote Pro Essential Guide - 4

Login to the system

How access VoteVote-Pro administration interface

You connect to the system by entering the following URL in your

Vote Pro Essential Guide - 5

Main Menu Interface

The administration interface of Vote-Pro has 3 parts:

1-Administrators: to handle users who will have

Select View Polls

The list of polls will appear here

All possible poll options: Edit, Copy, etc

Vote Pro Essential Guide - 7

Add a new poll

Here you can choose how your poll will be displayed.

activate / desactivate the poll

start day and end day of the poll,

Option to display result

If you choose own css in the design

Vote Pro Essential Guide - 8

Title of the poll

Option to display the

Option to display result

Click on Edit poll to save the poll !

Add a new question

Click on Add question !

Vote Pro Essential Guide - 9

Add a new question

activate / desactivate the question

Position of the question

the answers could be

text of the question

Vote Pro Essential Guide - 10

Vote Pro Essential Guide - 11

Click on Add answer !

Name of the poll where the

if checked, the answer will be

Text of the question where

you can place the new question

text of the answer

Click on Add answer !

Click on add answer to save the answer

Vote Pro Essential Guide - 12

The answer is added

Vote Pro Essential Guide - 13

Click here to display the

Vote Pro Essential Guide - 14

By clicking see the

Vote Pro Essential Guide - 15

Define when you create

Display only percentage

Choose own CSS

Define here the CSS

Vote Pro Essential Guide - 16

The entire table

The entire form

Line where is the question

Cell where is the question

Lines for answers

Cells for answers