Information Systems Analysis and Design CSC340 Information Systems Analysis and Design The Three Tier Architecture Revisited XXIV Interface Objects Three Tier Architectures The Presentation layer Sequence Diagrams for User Interface Classes Prototyping the User Interface User Interface Class and Package Diagrams Model View Controller Architecture Revisited Statechart Diagrams for Dialogue Dynamics 2002 Jaelson Castro and John Mylopoulos Object Oriented Interface Design 1 Information Systems Analysis and Design CSC340 Check Campaign Budget 2002 Jaelson Castro and John Mylopoulos CSC340 Prototyping the Dialogue User interfaces for an information system are part of the presentation layer in a three tier architecture The three tier architecture separates cleanly user interfaces from application logic business classes and from data storage components of the system Business classes know nothing about how their business objects will be presented to the users 2002 Jaelson Castro and John Mylopoulos Object Oriented Interface Design 2 Information Systems Analysis and Design CSC340 Add a Dialog Box Object Object Oriented Interface Design 3 Information Systems Analysis and Design CSC340 2002 Jaelson Castro and John Mylopoulos Object Oriented Interface Design 4 Information Systems Analysis and Design CSC340 Class Diagram for Interface Classes Classes Prototyping can be used to determine what the interface will look like Dialog Composition specifies that a dialogue box is made up of other components CBWindow 1 1 1 2 2 Button 2 Label 2002 Jaelson Castro and John Mylopoulos Object Oriented Interface Design 5 2002 Jaelson Castro and John Mylopoulos 1 Choice 1 TextField Object Oriented Interface Design 6 Information Systems Analysis and Design CSC340 Information Systems Analysis and Design Packages for Interface Classes Another Class Diagram Package diagrams show the dependencies among interface classes in different packages CBWindow can also be represented as a class with the graphical components that make it up as attributes CBWindow clientLabel campaignLabel budgetLabel checkButton closeButton budgetTextField client Choice campaignChoice 2002 Jaelson Castro and John Mylopoulos Object Oriented Interface Design 7 Information Systems Analysis and Design CSC340 2002 Jaelson Castro and John Mylopoulos Composition shows that a dialogue box is made up of other components from the AWT package AWT Dialog 1 1 1 2 3 2002 Jaelson Castro and John Mylopoulos 1 AWT Choice 1 AWT TextField Object Oriented Interface Design 9 Information Systems Analysis and Design CSC340 Alternative Dialogue Prototypes Separate window for lookup 2002 Jaelson Castro and John Mylopoulos There are several ways for entering the Client and Campaign name Use a separate look up window for each class Allow the user to enter a part of a name then have the system return a list of close matches Use a tree data structure to show clients and campaigns in a tree like hierarchy 2 AWT Button AWT Label CSC340 Prototyping the Dialogue CBWindow Java Abstract Windowing Toolkit Object Oriented Interface Design 8 Information Systems Analysis and Design Revised Class Diagram CSC340 Object Oriented Interface Design 11 2002 Jaelson Castro and John Mylopoulos Object Oriented Interface Design 10 Information Systems Analysis and Design CSC340 Alternative Dialogue Prototypes Three View Control 2002 Jaelson Castro and John Mylopoulos Object Oriented Interface Design 12 Information Systems Analysis and Design CSC340 Updating the Sequence Diagram Information Systems Analysis and Design CSC340 Updating the Class Diagram Choice Client CL Campaign CA Lookup 2002 Jaelson Castro and John Mylopoulos Object Oriented Interface Design 13 Information Systems Analysis and Design CSC340 Model View Controller 2002 Jaelson Castro and John Mylopoulos Object Oriented Interface Design 14 Information Systems Analysis and Design CSC340 The Java ActionListener Approach 4 Update Self 4 Update Presentation User Event Controller 6 Notify Change User Event Model 5 Ask What Has Changed 2 Inspect Event 3 Notify Change 2002 Jaelson Castro and John Mylopoulos Object Oriented Interface Design 15 Information Systems Analysis and Design CSC340 Modelling the Dynamic Behaviour of the Interface The sequence diagrams show the sequential view of the user working through the fields on the screen from top to bottom But in GUI interfaces the user can click on the interface object out of sequence What happens if the user clicks on the Check button before a client and a campaign have been selected To specify what happens we can use Statechart diagrams 2002 Jaelson Castro and John Mylopoulos any Class 1 ActionPerformed ActionEvent e 1 Broadcast 7 Request Model data 2 Update self Component View Object Oriented Interface Design 17 ActionListener 2002 Jaelson Castro and John Mylopoulos Information Systems Analysis and Design 3 Event of Interest Notify Class of Event Object Oriented Interface Design 16 CSC340 Client listbox Campaign Listbox Cursor 2002 Jaelson Castro and John Mylopoulos Object Oriented Interface Design 18 Information Systems Analysis and Design CSC340 Information Systems Analysis and Design CheckButton BudgetTextbox Additional Readings 2002 Jaelson Castro and John Mylopoulos Object Oriented Interface Design 19 CSC340 Bennett S Farmer R and McRobb S 1999 Object Oriented Systems Analysis and Design Using UML McGraw Hill Chapter 16 Designing interface objects Larman C 1998 Applying UML and Patterns Prentice Hall Chapter 22 Issues in System Design 2002 Jaelson Castro and John Mylopoulos Object Oriented Interface Design 20
View Full Document
Unlocking...