Added by Jacques Morel, last edited by Jacques Morel on Aug 28, 2008  (view change)

Labels:

Enter labels to add to this page:
Wait Image 
Looking for a label? Just start typing.

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