Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an...
-
Upload
agna-geisser -
Category
Documents
-
view
102 -
download
0
Transcript of Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an...
![Page 1: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/1.jpg)
Technische Universität München1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
The FUSE-System:The FUSE-System:an Integrated User Interfacean Integrated User Interface
Design EnvironmentDesign Environment
Frank LonczewskiSiegfried Schreiber
Institut für InformatikTechnische Universität München
Munich (Germany)
![Page 2: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/2.jpg)
Technische Universität München2 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
ContentContent
• The FUSE-Sytem : An Overview
• An Example Application modeled with FUSE
• UI Development Stages with FUSE
• Conclusion
![Page 3: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/3.jpg)
Technische Universität München3 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
The FUSE-System:The FUSE-System: An Overview An Overview
![Page 4: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/4.jpg)
Technische Universität München4 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
FUSEFUSE(Formal User Interface Specification Environment)(Formal User Interface Specification Environment)
• Tool–based support for all phases of UI develop-ment process
• Generation of working prototypes in early phases of development process
• Standardization of UIs by formal specification of UI styleguides
• Generated UIs are very flexible (layout style can be changed at runtime)
• User Guidance & On-Line Help for end-user
![Page 5: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/5.jpg)
Technische Universität München5 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
FUSE: ArchitectureFUSE: Architecture
Phase inDevelopmentProcess
Requirem.Analysis
Design
Evaluation
![Page 6: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/6.jpg)
Technische Universität München6 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
FUSE: ArchitectureFUSE: Architecture
Guideline Definition Layer (GDL) Guideline Application Layer (GAL)Phase inDevelopmentProcess
Requirem.Analysis
Design
Evaluation
![Page 7: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/7.jpg)
Technische Universität München7 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
FUSE: ArchitectureFUSE: Architecture
Guideline Definition Layer (GDL) Guideline Application Layer (GAL)
Problem Do-main Model
User Model Task Model
Application Analysts
Phase inDevelopmentProcess
Requirem.Analysis
Design
Evaluation
Designer
Formal Spe-cification
![Page 8: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/8.jpg)
Technische Universität München8 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
FUSE: ArchitectureFUSE: Architecture
Guideline Definition Layer (GDL) Guideline Application Layer (GAL)
Problem Do-main Model
User Model Task Model
Application Analysts
Logical UserInterface (Dia-log Style d)
Phase inDevelopmentProcess
Requirem.Analysis
Design
Evaluation
DialogGuidelineDesigner
Dialog Guide-lines (DialogStyle d)
LayoutGuidelineDesigner
Designer
Formal Spe-cification
![Page 9: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/9.jpg)
Technische Universität München9 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
FUSE: ArchitectureFUSE: Architecture
Guideline Definition Layer (GDL) Guideline Application Layer (GAL)
Problem Do-main Model
User Model Task Model
Application Analysts
Logical UserInterface (Dia-log Style d)
Layout Guide-lines (LayoutStyle l1,...,ln)
Phase inDevelopmentProcess
Requirem.Analysis
Design
Evaluation
UI (Dialog Style d,Layout Styles
l1,...,ln)
DialogGuidelineDesigner
Dialog Guide-lines (DialogStyle d)
LayoutGuidelineDesigner
Designer
Formal Spe-cification
GeneratedProgram
![Page 10: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/10.jpg)
Technische Universität München10 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
FUSE: ArchitectureFUSE: Architecture
Guideline Definition Layer (GDL) Guideline Application Layer (GAL)
Problem Do-main Model
User Model Task Model
Application Analysts
Logical UserInterface (Dia-log Style d)
Layout Guide-lines (LayoutStyle l1,...,ln)
Phase inDevelopmentProcess
Requirem.Analysis
Design
Evaluation
DialogGuidelineDesigner
Dialog Guide-lines (DialogStyle d)
LayoutGuidelineDesigner
Designer
Formal Spe-cification
GeneratedProgram
Interactive ApplicationFunc-tionalCore
UI (Dialog Style d,Layout Styles
l1,...,ln)
UserGuidance
Component
![Page 11: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/11.jpg)
Technische Universität München11 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
FUSE: ArchitectureFUSE: Architecture
Guideline Definition Layer (GDL) Guideline Application Layer (GAL)
Problem Do-main Model
User Model Task Model
Application Analysts
FLUID
Logical UserInterface (Dia-log Style d)
Layout Guide-lines (LayoutStyle l1,...,ln)
Phase inDevelopmentProcess
Requirem.Analysis
Design
EvaluationInteractive ApplicationFunc-tionalCore
UI (Dialog Style d,Layout Styles
l1,...,ln)
UserGuidance
Component
DialogGuidelineDesigner
Dialog Guide-lines (DialogStyle d)
LayoutGuidelineDesigner
Designer
Formal Spe-cification
Generator
GeneratedProgram
![Page 12: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/12.jpg)
Technische Universität München12 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
FUSE: ArchitectureFUSE: Architecture
Guideline Definition Layer (GDL) Guideline Application Layer (GAL)
Problem Do-main Model
User Model Task Model
Application Analysts
FLUID
Logical UserInterface (Dia-log Style d)
BOSS
Layout Guide-lines (LayoutStyle l1,...,ln)
Phase inDevelopmentProcess
Requirem.Analysis
Design
EvaluationInteractive ApplicationFunc-tionalCore
UI (Dialog Style d,Layout Styles
l1,...,ln)
UserGuidance
Component
DialogGuidelineDesigner
Dialog Guide-lines (DialogStyle d)
LayoutGuidelineDesigner
( )DialogDesigner
Designer
Formal Spe-cification
Generator
GeneratedProgram
![Page 13: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/13.jpg)
Technische Universität München13 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
FUSE: ArchitectureFUSE: Architecture
Guideline Definition Layer (GDL) Guideline Application Layer (GAL)
Problem Do-main Model
User Model Task Model
Application Analysts
FLUID
Logical UserInterface (Dia-log Style d)
BOSS PLUG-IN
Layout Guide-lines (LayoutStyle l1,...,ln)
Phase inDevelopmentProcess
Requirem.Analysis
Design
EvaluationInteractive ApplicationFunc-tionalCore
UI (Dialog Style d,Layout Styles
l1,...,ln)
UserGuidance
Component
DialogGuidelineDesigner
Dialog Guide-lines (DialogStyle d)
LayoutGuidelineDesigner
( )DialogDesigner
Designer
Formal Spe-cification
Generator
GeneratedProgram
![Page 14: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/14.jpg)
Technische Universität München14 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
An Example ApplicationAn Example Applicationmodeled with FUSEmodeled with FUSE
![Page 15: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/15.jpg)
Technische Universität München15 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
An Example Application:An Example Application:The ISDN Phone SimulationThe ISDN Phone Simulation
Button Interface Menu Interface
![Page 16: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/16.jpg)
Technische Universität München16 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
PLUG-INPLUG-IN(Plan-based User Guidance for Intelligent Navigation)(Plan-based User Guidance for Intelligent Navigation)
• static hypertext on-line help in HTML format
• task-based user guidance
• dynamic hypertext on-line help generated at runtime
PLUG-IN supports the user of interactive applications
with
![Page 17: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/17.jpg)
Technische Universität München17 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Dynamic On-Line HelpDynamic On-Line Help
• based on possible states and transitions of user interface (set of State Transition Diagrams (STDs))
• set of STDs can be generated with FLUID
• PLUG-IN can visualize STDs
• STDs are used to generate– dynamic on-line help pages– animation sequences
on the fly
![Page 18: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/18.jpg)
Technische Universität München18 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Example: ISDN Phone STDExample: ISDN Phone STD
![Page 19: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/19.jpg)
Technische Universität München19 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
On-Line Help Page ISDN PhoneOn-Line Help Page ISDN Phone
![Page 20: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/20.jpg)
Technische Universität München20 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
On-Line Help Page ISDN Phone (cont.)On-Line Help Page ISDN Phone (cont.)
![Page 21: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/21.jpg)
Technische Universität München21 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Task-Based User GuidanceTask-Based User Guidance• uses specifications of Task Model & logical UI• elements of User Guidance Component
- Plan Recognizer• determines current tasks of user
- Plan Completer• accomplishes remaining actions of identified task
- Plan Generator• generates dynamic on-line help pages • generates animation sequences
- Plan Simulator• visualizes animation sequences on UI
![Page 22: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/22.jpg)
Technische Universität München22 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
UI Development StagesUI Development Stageswith FUSEwith FUSE
![Page 23: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/23.jpg)
Technische Universität München23 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Modeling UIs: Requirements AnalysisModeling UIs: Requirements AnalysisGuideline Definition Layer (GDL) Guideline Application Layer (GAL)
Problem Do-main Model
User Model Task Model
Application Analysts
FLUID
Logical UserInterface (Dia-log Style d)
BOSS PLUG-IN
Layout Guide-lines (LayoutStyle l1,...,ln)
Phase inDevelopmentProcess
Requirem.Analysis
Design
EvaluationInteractive Application
Func-tionalCore
UI (Dialog Style d,Layout Styles
l1,...,ln)
UserGuidance
Component
DialogGuidelineDesigner
Dialog Guide-lines (DialogStyle d)
LayoutGuidelineDesigner
( )DialogDesigner
![Page 24: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/24.jpg)
Technische Universität München24 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Requirements AnalysisRequirements Analysis
• Problem Domain Model (PDM)– functions and conceptual objects are represented as an
algebraic specification
• User Model (UM)– static and dynamic properties model user stereotypes and
individual users
• Task Model (TM)– decomposition of tasks into subtasks, actions and associated
functions of problem domain model
Goal: define requirements for the UI by creating the following specifications:
![Page 25: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/25.jpg)
Technische Universität München25 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Excerpts from Task Model of PhoneExcerpts from Task Model of Phone
![Page 26: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/26.jpg)
Technische Universität München26 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Modeling UIs: Design PhaseModeling UIs: Design PhaseGuideline Definition Layer (GDL) Guideline Application Layer (GAL)
Problem Do-main Model
User Model Task Model
Application Analysts
FLUID
Logical UserInterface (Dia-log Style d)
BOSS PLUG-IN
Layout Guide-lines (LayoutStyle l1,...,ln)
Phase inDevelopmentProcess
Requirem.Analysis
Design
EvaluationInteractive Application
Func-tionalCore
UI (Dialog Style d,Layout Styles
l1,...,ln)
UserGuidance
Component
DialogGuidelineDesigner
Dialog Guide-lines (DialogStyle d)
LayoutGuidelineDesigner
( )DialogDesigner
![Page 27: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/27.jpg)
Technische Universität München27 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Design Phase (GAL)Design Phase (GAL)
• 1st step: Dialog Design– generate logical UI automatically with FLUID (by using dialog
guidelines) or
– create / modify logical UI by hand with BOSS
• 2nd step: Layout Design– generation of UI in particular layout style(s) by automatic application of
Layout Guidelines
Goal: develop UI that meets the requirements defined in the PDM, UM & TM
![Page 28: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/28.jpg)
Technische Universität München28 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
BOSSBOSS(BedienOberflächenSpezifikationsSystem)(BedienOberflächenSpezifikationsSystem)
• main tool for supporting design–phase of UI development process
• offers integrated graphical development environment
• uses encompassing specification technique (HIT) for the specification of logical UIs and Layout Guidelines
![Page 29: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/29.jpg)
Technische Universität München29 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Hierarchic Interaction graph TemplatesHierarchic Interaction graph Templates (HITs)(HITs)
• based on Dynamic Attribute Grammars and Dataflow Diagrams
• can be transformed into efficient C++ code using standard techniques from compiler generation
• HIT specification consists of a set of HIT templates
• HIT template class in OOP
![Page 30: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/30.jpg)
Technische Universität München30 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Dialog Design with BOSSDialog Design with BOSS
• create / modify specification of logical UI
• logical UI is a composition of views containing– user interactions
– system interactions
– problem domain objects
for one or more tasks• each view is specified by one HIT template
![Page 31: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/31.jpg)
Technische Universität München31 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Toplevel View of logical UI Toplevel View of logical UI Example HIT of ISDN Phone (simplified)Example HIT of ISDN Phone (simplified)
LogicalISDNUI
ISDNState
Basic-Functions
ISDNState Advanced-Functions
ISDNState PhoneBookDialPhoneNumber
ISDNState
PhoneBook
![Page 32: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/32.jpg)
Technische Universität München32 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Basic Functions Basic Functions View of logical UIView of logical UIExample HIT of ISDN Phone (simplified)Example HIT of ISDN Phone (simplified)
Basic-Functions
ISDNState
start_1st_connection
a ra r
terminate_1st_connection
PC: is_Idle(Line1(ISDNState)) && is_Idle(Line2(ISDNState))
PC: is_Dialing(Line1(ISDNState)) || is_Active(Line1(ISDNState))
![Page 33: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/33.jpg)
Technische Universität München33 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Layout Guideline Design with BOSSLayout Guideline Design with BOSS
• Layout Guidelines define mapping from logical UI to UI in particular layout style(s)
• Layout Guidelines consists of– presentation-templates (PTs) and
– refinement templates (RTs)
• PTs & RTs are specified as HITs• UI layout is computed at runtime• layout style can be changed at runtime
![Page 34: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/34.jpg)
Technische Universität München34 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
ConclusionConclusion
![Page 35: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/35.jpg)
Technische Universität München35 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
ConConFUSEFUSEinging Conclusion Conclusion• Shortcomings
– currently integration in FUSE only exists between BOSS and PLUG-IN
– more practical experience has to be gained
• Advantages– tool-based support across whole UI development process– generated UIs are very flexible– powerful on-line help and user guidance incorporated– UIs from different problem domains modeled with FUSE
• Plans– course in UI Design & Specification at TU Munich
![Page 36: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/36.jpg)
Technische Universität München36 CADUI'96 - 5-7 June 1996 - FUNDP Namur G BI
Thank you for your attention!
![Page 37: Technische Universität München 1 CADUI'96 - 5-7 June 1996 - FUNDP Namur G B I The FUSE-System: an Integrated User Interface Design Environment Frank Lonczewski.](https://reader036.fdocuments.us/reader036/viewer/2022070310/55204d8249795902118d4eda/html5/thumbnails/37.jpg)