Parallel I/O Simulator - Graphical UI Design Samantha Dulip - - PowerPoint PPT Presentation

▶
parallel i o simulator graphical ui design
SMART_READER_LITE
LIVE PREVIEW

Parallel I/O Simulator - Graphical UI Design Samantha Dulip - - PowerPoint PPT Presentation

Jun 15, 2023 436 likes •1.02k views

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Parallel I/O Simulator - Graphical UI Design Samantha Dulip Withanage February 5, 2009 Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-1
SLIDE 1

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements

Parallel I/O Simulator - Graphical UI Design

Samantha Dulip Withanage February 5, 2009

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-2
SLIDE 2

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements

Overview

1 Objectives 2 Parallel I/O Simulator - Use cases

Cluster Use cases

3 Model

Component represntation (XML) Component types Model

4 View (GUI )

Interface class between Model and View User interface sections

5 Achievements

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-3
SLIDE 3

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements

Objectives of the internship

1 Use cases for the cluster - definition and documentation 2 Cluster - Model and GUI integration Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-4
SLIDE 4

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements

Objectives of the internship

1 Use cases for the cluster - definition and documentation 2 Cluster - Model and GUI integration 3 Ease the restrictions of the available GUI Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-5
SLIDE 5

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements

Objectives of the internship

1 Use cases for the cluster - definition and documentation 2 Cluster - Model and GUI integration 3 Ease the restrictions of the available GUI 4 Add new functionalities to the GUI Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-6
SLIDE 6

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements

Objectives of the internship

1 Use cases for the cluster - definition and documentation 2 Cluster - Model and GUI integration 3 Ease the restrictions of the available GUI 4 Add new functionalities to the GUI Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-7
SLIDE 7

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Cluster Use cases

Cluster - Abstract view

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-8
SLIDE 8

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Cluster Use cases

Main use cases

1 Add a component 2 Remove a component Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-9
SLIDE 9

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Cluster Use cases

Main use cases

1 Add a component 2 Remove a component 3 Edit the attributes of component (manually / template) Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-10
SLIDE 10

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Cluster Use cases

Main use cases

1 Add a component 2 Remove a component 3 Edit the attributes of component (manually / template) 4 Connect a component Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-11
SLIDE 11

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Cluster Use cases

Main use cases

1 Add a component 2 Remove a component 3 Edit the attributes of component (manually / template) 4 Connect a component 5 Load and save a pre-defined cluster settings (global) Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-12
SLIDE 12

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Cluster Use cases

Main use cases

1 Add a component 2 Remove a component 3 Edit the attributes of component (manually / template) 4 Connect a component 5 Load and save a pre-defined cluster settings (global) 6 Execute programs Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-13
SLIDE 13

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Cluster Use cases

Main use cases

1 Add a component 2 Remove a component 3 Edit the attributes of component (manually / template) 4 Connect a component 5 Load and save a pre-defined cluster settings (global) 6 Execute programs Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-14
SLIDE 14

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Component represntation (XML) Component types Model

<Maschine name=”CM1”> <MemorySize >1073741824</MemorySize> <CacheSize >0</CacheSize> <InstructionPerSecond >100</InstructionPerSecond > <CPUs>1</CPUs> <NIC name=”MR1 NIC1”> <Connection to=” Switch 1”> <Bandwidth >122683392</Bandwidth> <Latency >0.00002 s</Latency> </Connection> </NIC> <C l i e n t name=”C1” template=”PVS−C l i e n t ”> <A p p l i c a t i o n rank=”0” a p p l i c a t i o n=” Writer1 ”/> </Client > </Maschine>

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-15
SLIDE 15

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Component represntation (XML) Component types Model

Component classes - definition

BasicComponent: Parent class for all components NetworkComponent : NIC, Port, Connection(cable)

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-16
SLIDE 16

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Component represntation (XML) Component types Model

Component classes - definition

BasicComponent: Parent class for all components NetworkComponent : NIC, Port, Connection(cable) Client : executes programs

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-17
SLIDE 17

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Component represntation (XML) Component types Model

Component classes - definition

BasicComponent: Parent class for all components NetworkComponent : NIC, Port, Connection(cable) Client : executes programs Server : hosts I/O sub systems

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-18
SLIDE 18

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Component represntation (XML) Component types Model

Component classes - definition

BasicComponent: Parent class for all components NetworkComponent : NIC, Port, Connection(cable) Client : executes programs Server : hosts I/O sub systems Maschine : hosts Clients, Servers, NICs

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-19
SLIDE 19

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Component represntation (XML) Component types Model

Component classes - definition

BasicComponent: Parent class for all components NetworkComponent : NIC, Port, Connection(cable) Client : executes programs Server : hosts I/O sub systems Maschine : hosts Clients, Servers, NICs Switch : holds Ports

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-20
SLIDE 20

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Component represntation (XML) Component types Model

Component classes - definition

BasicComponent: Parent class for all components NetworkComponent : NIC, Port, Connection(cable) Client : executes programs Server : hosts I/O sub systems Maschine : hosts Clients, Servers, NICs Switch : holds Ports

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-21
SLIDE 21

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Component represntation (XML) Component types Model

Component classes - definition

BasicComponent: Parent class for all components NetworkComponent : NIC, Port, Connection(cable) Client : executes programs Server : hosts I/O sub systems Maschine : hosts Clients, Servers, NICs Switch : holds Ports

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-22
SLIDE 22

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Component represntation (XML) Component types Model

Model

Model combines all the cluster components. holds a component id map (CIDComponentMap) holds a component name map (componentNameMap)

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-23
SLIDE 23

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Component represntation (XML) Component types Model

Model

Model combines all the cluster components. holds a component id map (CIDComponentMap) holds a component name map (componentNameMap) holds machines list, server list, clients List and switches list

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-24
SLIDE 24

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Component represntation (XML) Component types Model

Model

Model combines all the cluster components. holds a component id map (CIDComponentMap) holds a component name map (componentNameMap) holds machines list, server list, clients List and switches list holds the template manager

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-25
SLIDE 25

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Component represntation (XML) Component types Model

Model

Model combines all the cluster components. holds a component id map (CIDComponentMap) holds a component name map (componentNameMap) holds machines list, server list, clients List and switches list holds the template manager

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-26
SLIDE 26

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Class Component2D

Component2D is the graphical extraction of the BasicComponent

1 is an abstract representation of a component 2 maps the BasicComponent to the 2D version Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-27
SLIDE 27

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Class Component2D

Component2D is the graphical extraction of the BasicComponent

1 is an abstract representation of a component 2 maps the BasicComponent to the 2D version 3 extends the basic JPanel (uniform for each component) Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-28
SLIDE 28

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Class Component2D

Component2D is the graphical extraction of the BasicComponent

1 is an abstract representation of a component 2 maps the BasicComponent to the 2D version 3 extends the basic JPanel (uniform for each component) 4 defines the basic painting behavior Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-29
SLIDE 29

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Class Component2D

Component2D is the graphical extraction of the BasicComponent

1 is an abstract representation of a component 2 maps the BasicComponent to the 2D version 3 extends the basic JPanel (uniform for each component) 4 defines the basic painting behavior 5 is extended by each cluster component Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-30
SLIDE 30

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Class Component2D

Component2D is the graphical extraction of the BasicComponent

1 is an abstract representation of a component 2 maps the BasicComponent to the 2D version 3 extends the basic JPanel (uniform for each component) 4 defines the basic painting behavior 5 is extended by each cluster component Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-31
SLIDE 31

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Class Component2D

Component2D is the graphical extraction of the BasicComponent

1 is an abstract representation of a component 2 maps the BasicComponent to the 2D version 3 extends the basic JPanel (uniform for each component) 4 defines the basic painting behavior 5 is extended by each cluster component Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-32
SLIDE 32

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

User interface sections

User interface consists of three main sections.

1 Menu Bar 2 Drawing Area Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-33
SLIDE 33

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

User interface sections

User interface consists of three main sections.

1 Menu Bar 2 Drawing Area 3 Left Panel Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-34
SLIDE 34

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

User interface sections

User interface consists of three main sections.

1 Menu Bar 2 Drawing Area 3 Left Panel Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-35
SLIDE 35

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Menu bar

All the cluster related tasks are accessible in the menu bar.

1 Project (New, Open, Save, Close) 2 Components Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-36
SLIDE 36

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Menu bar

All the cluster related tasks are accessible in the menu bar.

1 Project (New, Open, Save, Close) 2 Components 3 Tools (Template manager.) Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-37
SLIDE 37

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Menu bar

All the cluster related tasks are accessible in the menu bar.

1 Project (New, Open, Save, Close) 2 Components 3 Tools (Template manager.) 4 Simulation Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-38
SLIDE 38

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Menu bar

All the cluster related tasks are accessible in the menu bar.

1 Project (New, Open, Save, Close) 2 Components 3 Tools (Template manager.) 4 Simulation 5 Help Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-39
SLIDE 39

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Menu bar

All the cluster related tasks are accessible in the menu bar.

1 Project (New, Open, Save, Close) 2 Components 3 Tools (Template manager.) 4 Simulation 5 Help Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-40
SLIDE 40

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Drawing area

Components are drawn in the canvas called, drawing area.

1 Three virtual sections 2 Top section: maschines (clients) Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-41
SLIDE 41

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Drawing area

Components are drawn in the canvas called, drawing area.

1 Three virtual sections 2 Top section: maschines (clients) 3 Middle section: switches Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-42
SLIDE 42

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Drawing area

Components are drawn in the canvas called, drawing area.

1 Three virtual sections 2 Top section: maschines (clients) 3 Middle section: switches 4 Bottom section : maschines (servers) Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-43
SLIDE 43

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Drawing area

Components are drawn in the canvas called, drawing area.

1 Three virtual sections 2 Top section: maschines (clients) 3 Middle section: switches 4 Bottom section : maschines (servers) Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-44
SLIDE 44

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Drawing area

Components are drawn in the canvas called, drawing area.

1 Three virtual sections 2 Top section: maschines (clients) 3 Middle section: switches 4 Bottom section : maschines (servers) Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-45
SLIDE 45

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Left Panel

Component related tasks and global settings are listed in the left panel.

1 dynamical activation 2 add a new component 3 delete a selected component Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-46
SLIDE 46

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Left Panel

Component related tasks and global settings are listed in the left panel.

1 dynamical activation 2 add a new component 3 delete a selected component 4 change the attributes of a component Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-47
SLIDE 47

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Left Panel

Component related tasks and global settings are listed in the left panel.

1 dynamical activation 2 add a new component 3 delete a selected component 4 change the attributes of a component 5 select the templates Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-48
SLIDE 48

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Left Panel

Component related tasks and global settings are listed in the left panel.

1 dynamical activation 2 add a new component 3 delete a selected component 4 change the attributes of a component 5 select the templates 6 change global settings Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-49
SLIDE 49

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Left Panel

Component related tasks and global settings are listed in the left panel.

1 dynamical activation 2 add a new component 3 delete a selected component 4 change the attributes of a component 5 select the templates 6 change global settings Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-50
SLIDE 50

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements Interface class between Model and View User interface sections

Left Panel

Component related tasks and global settings are listed in the left panel.

1 dynamical activation 2 add a new component 3 delete a selected component 4 change the attributes of a component 5 select the templates 6 change global settings Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-51
SLIDE 51

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements

Achievements

Color code : Completed , minor issues, Open

1 Usability definition and documentation 2 Redesigning of the graphical user interface Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-52
SLIDE 52

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements

Achievements

Color code : Completed , minor issues, Open

1 Usability definition and documentation 2 Redesigning of the graphical user interface 3 Integration of the model/gui Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-53
SLIDE 53

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements

Achievements

Color code : Completed , minor issues, Open

1 Usability definition and documentation 2 Redesigning of the graphical user interface 3 Integration of the model/gui 4 Add/Edit/delete component (connection ) Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-54
SLIDE 54

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements

Achievements

Color code : Completed , minor issues, Open

1 Usability definition and documentation 2 Redesigning of the graphical user interface 3 Integration of the model/gui 4 Add/Edit/delete component (connection ) 5 Load and save pre-defined cluster settings Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-55
SLIDE 55

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements

Achievements

Color code : Completed , minor issues, Open

1 Usability definition and documentation 2 Redesigning of the graphical user interface 3 Integration of the model/gui 4 Add/Edit/delete component (connection ) 5 Load and save pre-defined cluster settings 6 overlapping of the connections Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-56
SLIDE 56

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements

Achievements

Color code : Completed , minor issues, Open

1 Usability definition and documentation 2 Redesigning of the graphical user interface 3 Integration of the model/gui 4 Add/Edit/delete component (connection ) 5 Load and save pre-defined cluster settings 6 overlapping of the connections Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design

slide-57
SLIDE 57

Objectives Parallel I/O Simulator - Use cases Model View (GUI ) Achievements

Demo

Thank you!

Samantha Dulip Withanage Parallel I/O Simulator - Graphical UI Design