iCoworker User Interface mock-ups

vtomberg 1,181 views 24 slides Jan 21, 2012
Slide 1
Slide 1 of 24
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24

About This Presentation

iCoworker User Interface mock-ups are designed for Immigrant Inclusion by e-Participation project
http://c1-suncomet.com/~iieppy4g/lang/ee/page/2/
on the base of Timeliner concept.


Slide Content

iCoworker UI Prototype D. Lamas, V. Tomberg

In the beginning we have only a Timeline and several boxes on the screen

By clicking to the ends of line the Start and End dates of project can be set up

After setting up dates a vertical line with pointer represents current day in the project

By clicking on the Timeline different milestones can be set

Milestone metadata can be viewed/modified by clicking on it

By clicking under the Timeline comments required for project can be added

The comments can be viewed/modified clicking on an icon

Project tasks are prepared in Tasks box

Then they can be dropped under the Timeline into a required place and stretched if necessary

Participants can be accessed in the Participants box

The tasks can be assigned to a participant by dropping a specific person onto them

Task can be unfolded for additional modifications

Required for the project resources can be added/accessed in Resources box

Resource can be associated by dragging and dropping it on a task

The unassociated resources can be dropped under tasks. They automatically are arranged by date of inclusion into the project

A target Document can be created above the Timeline

Each time the Document is saved, a new version of it appears on timeline

Moving mouse over the Document calls a balloon with version info

There can be several separate Documents created

The Diary and Messages box represent all users’ activities

The stream can be filtered to see the activities only…

… or to see only messages

Everything in project is tagged and annotated in own properties windows ( not illustrated in this prototype)
Tags