Chawarong Songserm
Agenda
•
•
•
•
•

Overview of concepts
Prototyping
UI Definition Language
Other requirement analysis tools
Q&A
“It begins with requirements…”
“Requirement Creep”
• Every software begins with it
• Often, users don’t know what they nee...
Stages of Requirement Analysis
• Early stage
– Rapid prototype is required as a starting point to get user
inputs.
– Speed...
Rapid Prototyping
To determine:
• Basic requirement
• Major UI components
• Exploring usability
• Feasibility
• System lev...
Conceptual Diagram
Conceptual Diagram (mockup)
Low Fidelity Prototype

•
•
•
•

Good for informal, very fast
Usually utilize pen & paper, simple drawing tool
Low on arti...
Hi Fidelity Prototype

•
•
•
•
•

Good for confirmation, UX, interaction
Usually utilize GUI mockup tools with layer suppo...
We’ve got a bunch of mockups. What else can we do?
Interactive Sketching Notation

• We can put together interaction into hi fidelity mock
up
• Good for UX – usability testi...
What else can be included?
• Groups of UIs can be mapped to User Story or
SRS
• Other documents can be achieved like
busin...
How can we map low-fi & hi-fi
mockups?
Let see some example.
SketchiXML
SketchiXML
User Interface Languages
•
•
•
•
•

MXML (Adobe)
UIML (OASIS) – accepted by W3C
UsiXML (Belgium) – include SketchiXML
XUL ...
XUL – XML UI Language
Conclusion on Concepts
What we can do?
• A UI mockup tool (low/hi fidelity) with
interaction
• Graphical traceability between mockups &
user stor...
Other Requirement Analysis Tools
CASE Spec
Ravenflow – Visual Requirement
Definition
Ravenflow – Visual Requirement
Definition
RAVEN Professional: A business process analysis and
requirements definition envi...
Pidoco – online prototyping

http://www.pidoco.com
Pidoco – online prototyping
•
•
•
•

Drag and drop GUI component
Online collaboration
Easy to share with customers
Usabili...
Blueprint Requirement Center

http://www.blueprintsys.com
Blueprint Requirement Center
Sketflow (Microsoft)
Sketchflow (Microsoft)
• Drag and drop GUIs especially WPF and
Silverlight
• Easy to share with customers
• Export to MS W...
End
Upcoming SlideShare
Loading in …5
×

Requirement designer

286 views
236 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
286
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Requirement designer

  1. 1. Chawarong Songserm
  2. 2. Agenda • • • • • Overview of concepts Prototyping UI Definition Language Other requirement analysis tools Q&A
  3. 3. “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
  4. 4. 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.
  5. 5. Rapid Prototyping To determine: • Basic requirement • Major UI components • Exploring usability • Feasibility • System level architecture
  6. 6. Conceptual Diagram
  7. 7. Conceptual Diagram (mockup)
  8. 8. 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?
  9. 9. 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
  10. 10. We’ve got a bunch of mockups. What else can we do?
  11. 11. 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
  12. 12. 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
  13. 13. How can we map low-fi & hi-fi mockups? Let see some example.
  14. 14. SketchiXML
  15. 15. SketchiXML
  16. 16. User Interface Languages • • • • • MXML (Adobe) UIML (OASIS) – accepted by W3C UsiXML (Belgium) – include SketchiXML XUL (Mozilla) XAML (Microsoft)
  17. 17. XUL – XML UI Language
  18. 18. Conclusion on Concepts
  19. 19. 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)
  20. 20. Other Requirement Analysis Tools
  21. 21. CASE Spec
  22. 22. Ravenflow – Visual Requirement Definition
  23. 23. 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
  24. 24. Pidoco – online prototyping http://www.pidoco.com
  25. 25. 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.
  26. 26. Blueprint Requirement Center http://www.blueprintsys.com
  27. 27. Blueprint Requirement Center
  28. 28. Sketflow (Microsoft)
  29. 29. 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
  30. 30. End

×