requirement designer

30
Concept of Requirement Designer Chawarong Songserm

Post on 21-Oct-2014

363 views

Category:

Technology


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Requirement designer

Concept of Requirement Designer

Chawarong Songserm

Page 2: Requirement designer

Agenda

• Overview of concepts• Prototyping• UI Definition Language• Other requirement analysis tools• Q & A

Page 3: Requirement designer

“It begins with requirements…”

“Requirement Creep”• Every software begins with it• Often, users don’t know what they need• Users and developers don’t have the same

picture to start with • Requirement changes are inevitable

Page 4: Requirement designer

Stages of Requirement Analysis

• Early stage– Rapid prototype is required as a starting point to get user inputs.– Speed of building a prototype is the key.– Usability can be verified.– Prototype can be very dynamic and even thrown away.– Making changes early is very cost effective.

• Formal stage– Requirement (text) can be written in a formal way.– Implementation plan, work breakdown and estimation can be

done.– Resources can be allocated.

Page 5: Requirement designer

Rapid Prototyping

To determine:• Basic requirement• Major UI components• Exploring usability• Feasibility• System level architecture

Page 6: Requirement designer

Conceptual Diagram

Page 7: Requirement designer

Conceptual Diagram (mockup)

Page 8: Requirement designer

Low Fidelity Prototype

• Good for informal, very fast• Usually utilize pen & paper, simple drawing tool• Low on artistic scale• How can we map GUI objects?

Page 9: Requirement designer

Hi Fidelity Prototype

• Good for confirmation, UX, interaction• Usually utilize GUI mockup tools with layer support• UI Definition Language (more later…)• High on artistic scale• GUI mockups can be exported to other environment

Page 10: Requirement designer

We’ve got a bunch of mockups. What else can we do?

Page 11: Requirement designer

Interactive Sketching Notation

• We can put together interaction into hi fidelity mock up• Good for UX – usability testing

Source: http://www.linowski.ca/sketching_b.php

Page 12: Requirement designer

What else can be included?

• Groups of UIs can be mapped to User Story or SRS

• Other documents can be achieved like business workflow, glossary, data flow, etc.

• Revision can be saved• Play back feature like Google Wave• Import/export • Changes can be traced

Page 13: Requirement designer

How can we map low-fi & hi-fi mockups?

Let see some example.

Page 14: Requirement designer

SketchiXML

Page 15: Requirement designer

SketchiXML

Page 16: Requirement designer

User Interface Languages

• MXML (Adobe)• UIML (OASIS) – accepted by W3C• UsiXML (Belgium) – include SketchiXML• XUL (Mozilla)• XAML (Microsoft)

Page 17: Requirement designer

XUL – XML UI Language

Page 18: Requirement designer

Conclusion on Concepts

Page 19: Requirement designer

What we can do?

• A UI mockup tool (low/hi fidelity) with interaction

• Graphical traceability between mockups & user stories. Changes can be traced

• Revision baselining and playback capability• Collaboration between users and developers• Business workflow/process designer (future)

Page 20: Requirement designer

Other Requirement Analysis Tools

Page 21: Requirement designer

CASE Spec

Page 22: Requirement designer

Ravenflow – Visual Requirement Definition

Page 23: Requirement designer

Ravenflow – Visual Requirement Definition

RAVEN Professional: A business process analysis and requirements definition environment

RAVEN Express: A Microsoft Office add-in product used to transform Microsoft Word into a rich requirements analysis and visualization tool.

RAVEN Visual Analyzer: Embeds RAVEN inside IBM Rational Requirements Composer.

RAVEN Cloud: an interactive subscription service in the cloud.

** Can export to Sharepoint, Visual Studio, IBM RRC and HP Quality Center

Page 24: Requirement designer

Pidoco – online prototyping

http://www.pidoco.com

Page 25: Requirement designer

Pidoco – online prototyping

• Drag and drop GUI component• Online collaboration• Easy to share with customers• Usability testing (interactive)

• There are similar tools like Basamiq Omnigraffle, Mockingbird and Pencil.

Page 26: Requirement designer

Blueprint Requirement Center

http://www.blueprintsys.com

Page 27: Requirement designer

Blueprint Requirement Center

Page 28: Requirement designer

Sketflow (Microsoft)

Page 29: Requirement designer

Sketchflow (Microsoft)

• Drag and drop GUIs especially WPF and Silverlight

• Easy to share with customers• Export to MS Word• Interaction• Visual view of page flow

Page 30: Requirement designer

End