Tasker User Interface Java desktop application (TaskerCLI)

Tasker User InterfaceJava desktop application (TaskerCLI)

Styling

• Dark theme• Black / dark grey background (#232423)

• Lighter grey (#595959) as secondary background• White-ish foreground text (#DADEDB)

• Using white text for headings / titles for emphasis

• Gone for Arial as a font for now (default for Swing anyway?)Task heading

This is some sample text.Followed by some more smaller text.

Task heading

This is some sample text.Followed by some more smaller text.

First window: user identification (FR8)

Tasker

E-mail addressE-mail:

PasswordPassword:

Log in

Remember me next time

Tasker


Tasker

[email protected]:

PasswordPassword:

Log in


Tasker


Tasker

[email protected]:

••••••••••••Password:

Log in


Tasker

Tasker

[email protected]:

••••••••••••Password:

Log in


Tasker


Scenario:Incorrect email or password

OK

Tasker

Your login details are incorrect, please try again.

Tasker

[email protected]:

••••••••••••Password:

Log in


Tasker


Scenario:Valid email or password

Tasker

Meet the group

Tasker

Main window

Design UI for application

1 October 2015 – 21 October 2015

Prepare UI presentation


Build Java Swing prototypes

21 October 2015 – 10 November 2015

Collect feedback on prototypes


Last synced 2 minutes ago

Research Java SQL libraries


Write, create, and pass unit tests

21 October 2015 – 31 December 2015

Read QA documents



Start date: 21 October 2015Expected completion date: 22 October 2015

Steps

1. Make authentication window slides

2. Make main window slides

3. Lorem ipsum

4. Make more tasks for this slide

Status: Allocated

Made the login window and made transitions to both mainwindow and login error dialog.

Demonstrated task list behavior and appearance, along with theexpanded informational view of the selected task. Displayedstatus dropdown contents.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla auctor odio vitae nulla tempor molestie. Praesent consequat, lacus ut ornare egestas, dui ipsum convallis nisl, ut lobortis magna purus a ligula. Fusce pharetra ornare leo sit amet vulputate.

Richard Hill [rih18]

Save icon?

Tasker

Meet the group

Tasker

Main window














Read QA documents




Steps



3. Lorem ipsum


Status: Allocated




User’s task listDoesn’t scroll over thesync status bar or the

Tasker text

Tasker

Meet the group

Tasker

Main window














Read QA documents




Steps



3. Lorem ipsum


Status: Allocated




Task title

Start date

Expected completion date

Tasker

Meet the group

Tasker

Main window














Read QA documents




Steps



3. Lorem ipsum


Status: Allocated




Allocated tasksOrdered by expected

completion date

Completed/abandoned tasksOrdered by start date

Tasker

Meet the group

Tasker

Main window














Read QA documents




Steps



3. Lorem ipsum


Status: Allocated




Currently viewed taskHas brightened background

and title text

Tasker

Meet the group

Tasker

Main window














Read QA documents




Steps



3. Lorem ipsum


Status: Allocated




Sync status barCommunicates sync state to user

Has following states:- “Last synced x minutes ago”

- “Syncing tasks…”- “Failed to sync with server”

Sync icon acts as button toforce manual sync

Tasker

Meet the group

Tasker

Main window














Read QA documents




Steps



3. Lorem ipsum


Status: Allocated




Allocated

CompleteStatus dropdownAllows user to mark taskas completed.

Doesn’t allow taskabandonment (only inTaskerMAN)

Tasker

Meet the group

Tasker

Main window














Read QA documents




Steps



3. Lorem ipsum


Status: Complete




No

Tasker

Are you sure you wish to mark this task as complete?

Yes

Status dropdownMarking task as completewill prompt the user toconfirm their actions.

Clicking ‘Yes’ willmark it as complete, and‘No’ will do nothing.

Tasker

Meet the group

Tasker

Main window









Syncing tasks…





Read QA documents




Steps



3. Lorem ipsum


Status: Complete




Task is now marked ascompleted.

Tasker

Meet the group

Tasker

Main window









Last synced 1 minute ago





Read QA documents




Steps



3. Lorem ipsum


Status: Allocated




Task step comment fieldHeight of text input areaexpands as user typesmore and more lines

Min height is always 1 line(never collapses tonothing)

Tasker User Interface Java desktop application (TaskerCLI)

Documents

Transcript of Tasker User Interface Java desktop application (TaskerCLI)