View
215
Download
0
Tags:
Embed Size (px)
Citation preview
User Interface DesignPractice
Methods
• Textual description
• Screen painting
• Rappid Application Development
• Forms generation from specification
• Visual programming
Screen Painting
• Sketch
• Corell Draw, Paint
• Frontpage
• PowerPoint
Screen Painting Example
Decision Support System on
Housing Refurbishment
BE Upload authentication
BE Session selection
Selection of Existing Layout
Selection of Preferred Layout
Selection of Products
Selection of Products
BE Print report
FMS in reference to room reservation
• Two simple diagrams as result of student
• Diagrams not quite correct
Class diagram
-ruimtenummer
vergaderruimte
stoel
tafel
beamer
flipover
-plattegond-verdieping nummer
verdieping
1 * 1 *
1
*
1
1
1
1
floor Meeting room
floor plan
floor number
room number
chair
table
Object diagram
plattegond = kantoorgebouw_alleen_plattegronden.dwgverdieping nummer = 0
Begane grond : verdieping
ruimtenummer = 0.01
Ruimte 01 : vergaderruimte
PDF = room1_inrichting_chair1.pdf
Type 1 stoel : stoel
PDF = room1_inrichting_table1.pdf
Type 1 tafel : tafel
PDF = room1_apparatuur_beamer1.pdf
Beamer : beamer
PDF = room1_apparatuur_flipover.pdf
Flipover : flipover
Layer structure
Objects
Windowing Interface
End of Presentation