Skip to end of metadata
Go to start of metadata

UI Design

Overall layout

The current interface provides a hierarchical view of the model.

  1. Each element in the model may have children.
  2. Every element has a set of common views (Details, History) and a set of custom views (Metrics, child type specific views...)
  3. Every element has a set of common actions (Edit, Delete, Add) and a set of custom actions (Move, Start/Stop...)

Element views & actions

Element

Children

Views

Actions

<any>

 

Basic, History

Edit, Delete, Copy, Split

Root

Project, User

Projects, Users

 

Project

Iteration, Release, User

Releases, Iterations, Graphs

CRUD Iteration, CRUD Release

Iteration

Story

Metrics, Accuracy, Graphs

CRUD Story, Start, Stop

Story

Task

 

CRUD Task, Move, Continue

Task

TimeEntry

 

CRUD TimeEntry, Move, Continue

Release

Story, Backlog

Backlog, Stories

CRUD Story

User

 

 

 

View actions

View

Actions

List of <element>

CRUD <element>

Proposal

Jacques

  1. Views will be shown in a tabbed interface (maybe using the xxx component)
  2. List actions would be shown as icons at the top of the table. Each row may be selected to perform the action on multiple elements (could be added later since it isn't supported right now). This would support operations that needs a parameter without the need of a popup (ie. Move Story needs a destination iteration shown in a ).
  3. Element actions will be a set of buttons on the bottom of each view

Authorization

The current assignment of roles is done through the User edit page. This is very painful when assembling large team due to the number of click
A better way is to have it done from the Project Users page and have a user pick list like this to assign people

  1. as a project member and then select a role
  2. as a role directly (1 list per role)

Planning

Great component to do drag & drop assignment of backlog stories to iteration: http://demo.quietlyscheming.com/DragTile/DragDrop.html

I've contacted the author of this very cool tool (http://www.balsamiq.com) about some licenses for us to use for mocking up user interfaces for this project.  It is a very cool Adobe AIR application that you can use to quickly mock up screens for applications, then export the screen as XML (which we could share amongst the developers) or export them as PNG files.  Here's one screen that I mocked up in about 2 minutes.  






Development topics

Flex Training

Adobe Video tutorial

Flex functional testing

Opensource

  1. Built-in automated testing API
  2. RIATest
  3. Selenium for Flash: Read this article

Closed source

  1. QTP (probably using API above, since Adobe provides the add in)
  2. Borland SilkTest
Labels: