Dialogue Notations and Design zDialogue Notations yDiagrammatic xstate transition networks, JSD diagrams, flow charts yTextual xformal grammars, production.

Slides:



Advertisements
Similar presentations
What Was I Thinking??. Key Terms 1. Control 1. Control 2. Design Mode 2. Design Mode 3. Event 3. Event 4. Form 4. Form 5. Interface 5. Interface 6. Properties.
Advertisements

Chapter 12 cognitive models.
Chapter 16 dialogue notations and design. Dialogue Notations and Design Dialogue Notations –Diagrammatic state transition networks, JSD diagrams, flow.
Programming Languages Third Edition Chapter 6 Syntax.
Based on: Petri Nets and Industrial Applications: A Tutorial
Chapter 16 (continued) dialogue notations and design.
Dialogue Notations and Design zDialogue Notations yDiagrammatic xstate transition networks, JSD diagrams, flow charts yTextual xformal grammars, production.
1 textual notations grammars production rules CSP and event algebras.
Heim, Chapters and Dix et al, Chapter 15 Lecture 3 Modeling and Documenting Requirements.
Chapter 16 dialogue notations and design. Dialogue Notations and Design Dialogue Notations –Diagrammatic state transition networks, JSD diagrams, flow.
GUI Testing. High level System Testing Test only those scenarios and outputs that are observable by the user Event-driven Interactive Two parts to test.
Documentation Letts Study Guide Information Systems - IT Chapter 19.
Creating an OOED Application
Actors and use cases Use-case diagram Brief notation Prioritization Fully dressed notation Requirements Functional requirements  Use-cases.
Using UML, Patterns, and Java Object-Oriented Software Engineering Chapter 5, Analysis: Dynamic Modeling.
Communication Notation Part V Chapter 15, 16, 18 and 19.
1 CS 426 Senior Projects Chapter 14: Activity Diagrams [Arlow and Neustadt, 2005] February 17, 2009.
Dialogue Notations and Design IACT 403 IACT 931 CSCI 324 Human Computer Interface Lecturer:Gene Awyzio Room:3.117 Phone:
CS 330 Programming Languages 09 / 16 / 2008 Instructor: Michael Eckmann.
Statecharts: A Visual Formalism for Complex Systems Jeff Peng Model-based Design Lab.
Visual Basic Introduction IDS 306 from Shelly, Cashman & Repede Microsoft Visual Basic 5: Complete Concepts and Techniques.
Chapter 2: Developing a Program Extended and Concise Prelude to Programming Concepts and Design Copyright © 2003 Scott/Jones, Inc.. All rights reserved.
Modeling the Processes and Logic
Unified Modeling Language(UML) BY
UML Sequence Diagrams Michael L. Collard, Ph.D. Department of Computer Science Kent State University.
Syntax & Semantic Introduction Organization of Language Description Abstract Syntax Formal Syntax The Way of Writing Grammars Formal Semantic.
Compositional IS Development Framework Application Domain Application Domain Pre-existing components, legacy systems Extended for CD (ontologies) OAD Methods.
Copyright © 2012 Pearson Education, Inc. Publishing as Pearson Addison-Wesley C H A P T E R 6 Value- Returning Functions and Modules.
Chapter 8: Writing Graphical User Interfaces Visual Basic.NET Programming: From Problem Analysis to Program Design.
Introduction to Formal Methods Based on Jeannette M. Wing. A Specifier's Introduction to Formal Methods. IEEE Computer, 23(9):8-24, September,
 Application – another name for a program.  Interface – is what appears on the screen when the application is running.  Program Code – is instructions.
1 Implementation support chapter 8 programming tools –levels of services for programmers windowing systems –core support for separate and simultaneous.
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Prof Jim Warren with reference to sections 7.3 and 7.5 of The Resonant Interface.
Chapter Two Creating a First Project in Visual Basic.
An Introduction to the Unified Modeling Language
IFS310: Module 12 User Interface Design - Navigation/Communication between the system and users.
1 chapter 16 dialogue notations and design (pt 1).
Dialogue notation focus on STNs extract from chap 8 slides for Human Computer Interaction
Introduction Object oriented design is a method where developers think in terms of objects instead of procedures or functions. SA/SD approach is based.
Object-Oriented Application Development Using VB.NET 1 Chapter 10 VB.NET GUI Components Overview.
Algorithm Discovery and Design Objectives: Interpret pseudocode Write pseudocode, using the three types of operations: * sequential (steps in order written)
Systems Analysis and Design in a Changing World, 6th Edition 1 Chapter 7 - Designing the User and System Interfaces.
Introduction to Computing Concepts Note Set 19. Design Creating complex software… ▫ Not done by just one person (or two, or three) ▫ Can’t just sit down.
McGraw-Hill/Irwin Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. Chapter 5 Modeling the Processes and Logic.
Creating and Processing Web Forms
Introduction to Formal Methods
Increasing use of automated systems
Secrets of the Process Modeler
Chapter 6 The Traditional Approach to Requirements.
Chapter 2 Hix & Hartson Guidelines.
Chapter 8: Writing Graphical User Interfaces
Objectives Design a form Create a form Create text fields
Use Case Model.
System Design and Modeling
Activity and State Transition Diagram
1. Introduction to Visual Basic
Design AH Computing.
UML Activity Diagrams & State Charts
The OOA OBJECT DICTIONARY
Activity Model – step-by-step instructions and templates
Topics Introduction to Value-returning Functions: Generating Random Numbers Writing Your Own Value-Returning Functions The math Module Storing Functions.
dialogue notations and design
Implementation support
Cognitive models linguistic physical and device architectural
Dialogue Notations and Design
Chapter 12 cognitive models.
COMPILER CONSTRUCTION
Requirements Engineering Tutorial
Implementation support
Presentation transcript:

Dialogue Notations and Design zDialogue Notations yDiagrammatic xstate transition networks, JSD diagrams, flow charts yTextual xformal grammars, production rules, CSP zIssues yDialogue Analysis ySemantics and dialogue yProperties of dialogue yPresentation and lexical issue zExample - Digital watch

State transition networks circles { states arcs { actions/events Arc labels a bit cramped because: notation is `state heavy‘ the events require most detail

Hierarchical STNs managing complex dialogues named sub-dialogues

Flowcharts familiar to programmers boxes { process/event not state

JSD diagrams for tree structured dialogues { less expressive { greater clarity

Concurrent dialogues

Textual { Grammars Regular expressions sel-line click click* dble-click compare with JSD { same computational model { dierent notation BNF expr ::= empty | atom expr | `(' expr `)' expr more powerful than regular exp. or STNs Still NO concurrent dialogue

Production rules if condition then action Good for concurrency Event based production rules Sel-line ! first C-point first ! rest C-point rest ! rest D-point rest ! Bad for sequence Bad at state!

Prepositional Production System State based Attributes: Mouse: f mouse-o, select-line, click-point, double-click g Line-state: f menu, rst, rest g Rules (feedback not shown): select-line ! mouse-o rst click-point rst ! mouse-o rest click-point rest ! mouse-o double-click rest ! mouse-o menu Bad at events!

CSP and process algebras used in Alexander's SPI, and Agent notation good for sequential dialogues Bold-tog = select-bold?  bold-on  select-bold?  bold-off  Bold-tog Italic-tog =... Under-tog =... and concurrent dialogue Dialogue-box = Bold-tog || Italic-tog || Under-tog but causality unclear

Diagrammatic STN JSD Flow charts Textual grammars production rules CSP Issues event base vs. state based power vs. clarity model vs. notation sequential vs. concurrent Dialogue Notations - Summary

Semantics - Alexander's SPI (i) Two part specication: EventCSP - pure dialogue order EventISL - target dependent semantics Centralised dialogue description Tolerable syntactic/semantic trade-off

Semantics Alexander SPI EventCSP Login=login-mess -> get-name -> Passwd Passwd=passwd-mess -> (invalid -> Login [] valid -> Session) EventISL event: login-mess prompt: true out: “Login:” event: get-name uses: input set: user-id = input event: valid uses: input, user-id, passwd-db wgen: passwd-id = passwd-db(user-id)

Semantics code

Action properties completeness missed arcs unforeseen circumstances determinism several arcs for one action deliberate: application decision accident: production rules, nested escapes consistency same action, same effect? modes and visibility

Checking properties (i) Completeness: double-click in circle states? Reversibility: to reverse select `line' from graphics Menu click - double click - select `graphics' (3 actions) N.B. not undo

Checking properties 2

State properties reachability can you get anywhere from anywhere? and how easily reversibility can you get to the previous state? but NOT undo dangerous states some states you don't want to get to

Dangerous States

Dangerous States 2

Lexical Issues

Dialogue Analysis - Summary Semantics and dialogue attaching semantics distributed/centralised dialogue description maximising syntactic description Properties of dialogue action properties: completeness, determinism, consistency state properties: reachability, reversibility, dangerous states Presentation and lexical issues visibility, style, layout N.B. not independent of dialogue

Digital watch – User Instructions

Digital watch – Designers instructions