DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS...

72
DASHBOARD WIREFRAMES

Transcript of DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS...

Page 1: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

D A S H B O A R D W I R E F R A M E S

Page 2: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

T A B L E O F C O N T E N T S

L E G E N D

P R O J E C T D A S H B O A R D

S Y S T E M D A S H B O A R D

M O D A L S

A P P E N D I X

C H A N G E H I S T O R Y

3

4

1 7

2 7

6 5

7 2

Page 3: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Legend

M1

3UPDATED APriL 11, 2012

Table 1 Note 1

T A B L E S

Previous Screen

CALLOUTS

TABLE DEFINITIONS

Callouts provide further description for a particular

item on a wireframe. in most cases, the callout

specifies the next screen to be shown when the

user interacts with the item (e.g. M11 or Previous

Screen).

Table definitions are provided on the right

side of each page in which a table occurs.

These definitions list column names, column

types (denoted by color), actions (and their

corresponding responses), and, in some cases,

additional information such as which screen is

shown when the Add button is pressed.

if a table definition lists “Flash” as an action

response, that row displays a Flash Status as shown

in A1.

Otherwise, the callout may reference a specific

table definition or note to be found on the right

side of the page.

red Column Names denote required columns.

These columns are shown by default for that table

and cannot have their visibility toggled.

Black Column Names denote regular columns.

These columns are shown by default for that table

and may have their visibility toggled.

Grey Column Names denote hidden columns.

These columns are not shown by default for that

table and may have their visibility toggled.

1. COLUMNS: iD, Name, User, Host, image, Size,

Security Groups, iPs, Volumes, Uptime, State,

Actions.

ACTIONS: Attach (M12)/Detach (Flash), Delete

(M10).

2. COLUMNS: iD, Name, Size, Actions.

ACTIONS: Attach (M12)/Detach( (Flash), Delete

(M10).

ADD: M11.

Page 4: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

H O R I Z O N P R O J E C T D A S H B O A R D

Page 5: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

User

Password

Forgot Password

Admin

************

Sign In

P1 Login

FPOL O G O

M1:D1

T A B L E S

N O T E S

No tables.

1. if the login information is correct, S2 is shown

if the user has admin privileges. Otherwise, P2

is shown. if the login information is incorrect,

P1.1 is shown.

5UPDATED APriL 11, 2012

Note 1 P2, S2 or P1.1

Page 6: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

User

Username and password do not match.

Password

Forgot Password

Admin

Sign In

P1.1 Login Error

FPOL O G O

P2, S2 or P1.1

T A B L E S

N O T E S

No tables.

1. if the login information is correct, S2 is shown

if the user has admin privileges. Otherwise, P2

is shown. if the login information is incorrect,

P1.1 is shown.

6UPDATED APriL 11, 2012

Note 1M1:D1

Page 7: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

20%CORE USAGE (2) 8 AVAILABLE

15%RAM USAGE (153 GB)

(815 GB)

870 GB AVAILABLE

89%DISK USAGE 36 GB AVAILABLE

18INSTANCES

676VCPU-HOURS

635GB-HOURS

Overview

Instances & Volumes

Images

Access & Security

Object Storage

Proj05PROJECT

ProjectDASHBOARD

Overview LizShermanSigned in as LogoutCredentialsSettings

P2 Overview

M17 M18

P2

P3

P4

P5

P6

A3

Note1

Note2

P1

T A B L E S

N O T E S

No tables.

1. The Dashboard dropdown allows the user to

switch between System and Project dashboards.

2. The Project dropdown allows the user to switch

between projects they have access to.

7UPDATED APriL 11, 2012

FPOL O G O

Page 8: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

ID

56

57

58

59

60

61

62

63

64

65

66

68

69

70

71

72

73

Actions

View

View

View

View

View

View

View

View

View

View

View

View

View

View

View

View

View

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

Uptime

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

20 hrs

4 hrs

3 min

2 min

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

20 hrs

4 hrs

3 min

State

Active

Active

Active

Active

Active

Active

Active

Build

Build

Active

Active

Active

Active

Active

Active

Active

Build

SearchAll Instances My Instances

86 Items

Overview

Instances & Volumes

Images

Access & Security

Object Storage

Proj05PROJECT

ProjectDASHBOARD

Instances & Volumes

Block VolumesName

blockVol_01

blockVol_02

blockVol_03

blockVol_04

blockVol_05

blockVol_06

blockVol_07

blockVol_08

blockVol_09

Size

100 GB

500 GB

1.5 TB

100 GB

100 GB

1 TB

200 GB

100 GB

100 GB

Instance

-

-

InstanceName03

InstanceName04

-

Something

InstanceInstance

InstanceName01

Actions

Attach

Attach

Detach

Detach

Attach

Detach

Detach

Detach

Attach

+ AddSearch

ID

1

2

3

4

5

6

7

8

98 Items

LizShermanSigned in as LogoutCredentialsSettings

P3 instances & Volumes

FPOL O G O

M8

Table 1

Note 1

Note 2

Table 2

T A B L E S

N O T E S

1. COLUMNS: iD, Name, User, Host, image, Size,

Security Groups, iPs, Volumes, Uptime, State,

Actions.

ACTIONS: View (Console), Attach Volume

(M6.1)/Detach Volume (Flash), Associate iP

(M9.1), Terminate (M1:D2).

2. COLUMNS: iD, Name, Size, instance, Actions.

ACTIONS: Attach (M12)/Detach( (Flash), Delete

(M1:D4).

ADD: M6.

1. Tables have a maximum height – content

exceeding this height will cause continuous

scrolling.

2. These options launch external consoles.

8UPDATED APriL 11, 2012

A2 M3

Page 9: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

ID

56

57

58

59

60

61

62

63

64

65

66

68

69

70

71

72

SearchAll Instances My InstancesActions

View

View

View

View

View

View

View

View

View

View

View

View

View

View

View

View

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

Uptime

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

20 hrs

4 hrs

3 min

2 min

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

20 hrs

1 min

State

Active

Active

Active

Active

Active

Active

Active

Build

Build

Active

Active

Active

Active

Active

Active

Active71 Items

Overview

Instances & Volumes

Images

Access & Security

Object Storage

Proj05PROJECT

ProjectDASHBOARD

Instances & Volumes

Block VolumesName

blockVol_01

blockVol_02

blockVol_03

blockVol_04

blockVol_05

blockVol_06

blockVol_07

blockVol_08

blockVol_09

Size

100 GB

500 GB

1.5 TB

100 GB

100 GB

1 TB

200 GB

100 GB

100 GB

Instance

-

-

InstanceName03

InstanceName04

-

Something

InstanceInstance

InstanceName01

Actions

Attach

Attach

Detach

Detach

Attach

Detach

Detach

Detach

Attach

+ AddSearch

ID

1

2

3

4

5

6

7

8

98 Items

Instance created successfully. Launch Additional Instance

LizShermanSigned in as LogoutCredentialsSettings

P3.1 instances & Volumes – New instance

FPOL O G O

T A B L E S

N O T E S

All tables for this screen are defined on P3.

1. This is an example of a Flash Status (see A1:

Flash Statuses).

9UPDATED APriL 11, 2012

M5

Note 1

Page 10: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Name

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

Size

m1.tiny

m1.small

m1.small

m1.xlarge

m1.large

m1.small

m1.medium

m1.small

m1.tiny

Type

Image

Image

Image

Snapshot

Image

Snapshot

Image

Image

Snapshot

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Search

ID

1

2

3

4

5

6

7

8

9

Images & Snapshots Images Snapshots

9 Items

Overview

Instances & Volumes

Images

Access & Security

Object Storage

Proj05PROJECT

ProjectDASHBOARD

Images LizShermanSigned in as LogoutCredentialsSettings

P4 images

FPOL O G O

T A B L E S

N O T E S

1. COLUMNS: iD, Name, Size, Type, Created,

Updated, Status, Actions.

ACTIONS: Launch (M5).

No notes.

10UPDATED APriL 11, 2012

Table 1

P4.1

A1

Page 11: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Overview

Instances & Volumes

Images

Access & Security

Object Storage

Proj05PROJECT

ProjectDASHBOARD

Images >

tty

LizShermanSigned in as LogoutCredentialsSettings

Infotty

51684d5a-b9ae-4321-acd6-2249aj1948d9291

Name

ID

StatusActive

True

10047a119149e9103fke940229fjei019ak298578

2012-03-29T18:33:47

Never Updated

Status

Public

Checksum

Created

Updated

Specs24.0 MB

AMI

AMI

Size

Container Format

Disk Format

Custom Properties11541049-ae53-4cce-93f9-4492kfdfjei-sjfk

40580s9=i9ekj-9euj-ekb-ejkf-elkwm08492

Kernal ID

Ramdisk ID

P4.1 image Detail

FPOL O G O

T A B L E S

N O T E S

1. COLUMNS: iD, Name, Size, Type, Created,

Updated, Status, Actions.

ACTIONS: Launch (M5).

No notes.

11UPDATED APriL 11, 2012

P4

Page 12: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

[1] MyInstance_01

[2] MyInstance_02

-

-

-

Actions

Disassociate

Disassociate

Associate

Associate

Associate

Search

ID

1

2

3

4

5

5 Items

KeypairsFingerprint

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Actions

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

+ AddSearch

Name

Bloop

Bleep

Blop

Bloop

Bleep

Blop

Bloop

Bleep

Blop

Bloop

Bleep

11 Items

Security GroupsName

Default

Group1

Group2

Group3

Group4

Description

Lorem

Ipsum

Dolor de

Sit Amet

Consequtiteur

+ AddSearch

Actions

View

View

View

View

View

ID

1

2

3

4

5

5 Items

Overview

Instances & Volumes

Images

Access & Security

Object Storage

ProjectDASHBOARD

Proj05PROJECT

Access & Security LizShermanSigned in as LogoutCredentialsSettings

P5 Access & Security

FPOL O G O

T A B L E S

N O T E S

1. COLUMNS: Name, Fingerprint, Actions.

ACTIONS: Delete (M1:D5).

ADD: M2:D2.

2. COLUMNS: iD, iP, instance, Actions.

ACTIONS: Associate (M9)/Disassociate (Flash),

release (Flash).

3. COLUMNS: iD, Name, Description, Actions.

ACTIONS: View (P5.1), Delete (M1:D8).

ADD: M7.

No notes.

12UPDATED APriL 11, 2012

Table 1 Table 2

Table 3

Page 13: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

DescriptionLorem ipsum dolor de sit amet vitae condimentum dui fringilla eu. Aenean scelerisque quam dui. Nulla facilisi. Mauris vestibulum gravida lacinia. Donec eget gravida sem.

Overview

Instances & Volumes

Images

Access & Security

Object Storage

Proj05PROJECT

ProjectDASHBOARD Rules

IP Protocol

tcp

udp

From Port

100

240

To Port

200

270

Source/CIDR

a10.4.12.0/22

10.4.12.48/77

Actions

Edit

Edit

ID

1

2

+ Add

2 Items

Access & Security >

SecGroup1 Edit Security Group

LizShermanSigned in as LogoutCredentialsSettings

P5.1 Security Group Detail

FPOL O G O

T A B L E S

N O T E S

1. COLUMNS: iD, iP Protocol, From Port, To Port,

Source/CiDr, Actions.

ACTIONS: Edit (M7.3), Delete (Flash).

ADD: M7.2.

1. User may navigate between security groups by

clicking the Next and Previous arrows.

13UPDATED APriL 11, 2012

Table 1

Note 1

P5

M7.1

Page 14: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

[1] MyInstance_01

[2] MyInstance_02

-

-

-

Actions

Disassociate

Disassociate

Associate

Associate

Associate

Search

ID

1

2

3

4

5

5 Items

KeypairsFingerprint

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Actions

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

+ AddSearch

Name

Bloop

Bleep

Blop

Bloop

Bleep

Blop

Bloop

Bleep

Blop

Bloop

Bleep

12 Items

Security GroupsName

Default

Group1

Group2

Group3

Group4

Description

Lorem

Ipsum

Dolor de

Sit Amet

Consequtiteur

+ AddSearch

Actions

View

View

View

View

View

ID

1

2

3

4

5

5 Items

Overview

Instances & Volumes

Images

Access & Security

Object Storage

ProjectDASHBOARD

Proj05PROJECT

LizSherman LogoutSettingsAccess & Security Signed in as

Keypair myKeypair05 should have downloaded. If the download failed, you may delete the keypair and create a new one.

P5.2 Access & Security (New Keypair)

FPOL O G O

T A B L E S

N O T E S

1. COLUMNS: Name, Fingerprint, Actions.

ACTIONS: Delete (M1:D5).

ADD: M2:D2.

2. COLUMNS: iD, iP, instance, Actions.

ACTIONS: Associate (M9)/Disassociate (Flash),

release (Flash).

3. COLUMNS: iD, Name, Description, Actions.

ACTIONS: View (P5.1), Delete (M1:D8).

ADD: M7.

No notes.

14UPDATED APriL 11, 2012

Table 1 Table 2

Table 2

Table 3

Page 15: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Edit

Edit

Edit

Edit

Edit

Edit

Edit

View

View

Download

View

Download

Download

View

View

View

Download

Containers Objects+ Add Container Upload + Add Folder

Object 1

Object 2

Object 3

Object 4

Object 5

Object 6

Object 7

Object 8.png

Object 9.png

Object 10.exe

Object 11.png

Object 12.exe

Object 13.exe

Object 14.png

Object 15.png

Object 16.png

Object 17.exe

Container 1

Container 2

Container 3

Container 4

Container 5

Container 6

Container 7

Container 8

Container 9

Container 10

Container 11

Container 12

Search

Folder2 >Folder1 >Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Overview

Instances & Volumes

Images

Access & Security

Object Storage

Proj05PROJECT

ProjectDASHBOARD

Object Storage

12 Containers 7 Folders, 10 Items

LizShermanSigned in as LogoutCredentialsSettings

P6 Containers

FPOL O G O

T A B L E S

N O T E S

1. ACTIONS: Edit (M2:D4), Delete (M1:D7).

2. DIRECTORY ACTIONS: Edit (M2:D6), Delete

(M1:D9).

OBJECT ACTIONS: View/Download (See Note

3), Delete (M1:D6).

1. This column always shows an A to Z list of

containers.

2. As the user navigates directories within a

container, this area displays the current

locational path. Selecting a previous directory

navigates back to that directory.

3. The action for an object is contextual to the

file type. if that object may be viewed within

the browser, “View” is the default action.

Otherwise, “Download” is the default action.

15UPDATED APriL 11, 2012

Note 1

M2:D3 M4:D1 M2:D5

Note 2

Note 3

Table 2

Table 1

Page 16: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Error 502

There was a problem with the server. Please refresh the page or wait a few seconds.

P8 Server Error

FPOL O G O

16UPDATED APriL 11, 2012

T A B L E S

N O T E S

No tables.

No notes.

This screen will be shown for any server errors.

This screen may be shown for the System

Dashboard as well as the Project Dashboard.

Page 17: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

H O R I Z O N S Y S T E M D A S H B O A R D

Page 18: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

(815 of 851 GB Used)

89%Disk Usage

(153 of 1024 GB Used)

15%RAM Usage

(2 of 10 Used)

20%Core Usage

GOODSTATUS

18INSTANCES

676VCPU-HOURS

635GB-HOURS

Overview

Instances

Images

Flavors & Quotas

Projects & Users

SystemDASHBOARD

LizShermanSigned in as LogoutCredentialsSettingsOverview

January 2012Usage for:

Instances

2

1

4

9

2

Disk

0

0

1

3

1

VCPU CPU-Hours

71.5

82.7

29.3

23.9

48.1

Disk GB-Hours

0

12.5

21.6

74.1

0

VCPUS

1

1

2

4

1

Search

Project

Admin

Project1

Project2

Project3

Project4

5 Items

Server Usage Services Download as CSV

Table 1

S2 Overview

M17

S2

S5

S2.1

S3

S4

S6

P1

Note 1

Note 3

Note 2

T A B L E S

N O T E S

1. COLUMNS: Project, instances, VCPUs, Disk,

VCPU CPU-Hours, Disk GB-Hours

1. Unlike the User Dashboard, the System

Dashboard does not show a Project Dropdown.

2. Month and year dropdowns allow the user to

view different sets of data.

3. The Dashboard dropdown allows the user to

switch between System and Project dashboards.

18UPDATED APriL 11, 2012

FPOL O G O

M18

Page 19: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

(815 of 851 GB Used)

89%Disk Usage

(153 of 1024 GB Used)

15%RAM Usage

(2 of 10 Used)

20%Core Usage

GOODSTATUS

18INSTANCES

676VCPU-HOURS

635GB-HOURS

Overview

January 2012Usage for:

Host

172.30.0.135

172.30.0.135

172.30.0.135

172.30.0.135

172.30.0.135

172.30.0.135

172.30.0.135

172.30.0.135

Enabled

Enabled

Enabled

Enabled

Enabled

Enabled

Enabled

Enabled

Enabled

Actions

Disable

Disable

Disable

Disable

-

-

-

-

System Stats

-

-

-

-

-

-

-

-

Search

Service

nova-compute

nova-network

nova-scheduler

nova-volume

compute

compute

compute

compute

8 Items

Server Usage Services

Overview

Instances

Images

Flavors & Quotas

Projects & Users

SystemDASHBOARD

LizShermanSigned in as LogoutCredentialsSettings

Table 1

S2.1 Overview (Services Table)

FPOL O G O

T A B L E S

N O T E S

1. COLUMNS: Service, Host, System Stats,

Enabled, Actions.

ACTIONS: Disable (Flash).

No notes.

19UPDATED APriL 11, 2012

S2

Page 20: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Instances

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

ID

56

57

58

59

60

61

62

63

64

65

66

68

69

70

71

72

73

Actions

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

IP Address

10.0.0.2

10.0.0.4

10.0.0.7

10.0.0.24

10.0.0.23

10.0.0.3

10.0.0.8

10.0.0.9

10.0.0.18

10.0.0.19

10.0.0.20

10.0.0.10

10.0.0.1

10.0.0.12

10.0.0.14

10.0.0.28

10.0.0.5

Task

None

None

None

None

None

None

None

None

None

None

None

None

None

None

None

None

None

Power State

No State

No State

No State

No State

No State

No State

No State

No State

No State

No State

No State

No State

No State

No State

No State

No State

No State

State

Active

Active

Active

Active

Active

Active

Active

Build

Build

Active

Active

Active

Active

Active

Active

Active

Build

Size

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

SearchAll Instances

73 Items

Launch

Overview

Instances

Images

Flavors & Quotas

Projects & Users

SystemDASHBOARD

LizShermanSigned in as LogoutCredentialsSettings

S3 instances

FPOL O G O

T A B L E S

N O T E S

1. COLUMNS: iD, Name, iP Address, Project,

User, Host, image, Size, Security Groups, iPs,

Volumes, Task, State, Power State, Actions.

ACTIONS: Edit (M5.1), View (Console), Log

(Log), Snapshot (M10), Pause (Flash), Suspend

(Flash), reboot (M1:D3), Terminate(M1:D2).

LAUNCH: P4 (Project Dashboard).

No notes.

20UPDATED APriL 11, 2012

Table 1

Page 21: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

9 Items

Name

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

Size

m1.tiny

m1.small

m1.small

m1.xlarge

m1.large

m1.small

m1.medium

m1.small

m1.tiny

Type

Image

Image

Image

Snapshot

Image

Snapshot

Image

Image

Snapshot

Public

True

True

True

True

True

False

True

True

True

Status

active

active

active

active

active

active

active

active

active

Actions

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Search

ID

1

2

3

4

5

6

7

8

9

Images & Snapshots Images Snapshots Import

Images

Overview

Instances

Images

Flavors & Quotas

Projects & Users

SystemDASHBOARD

LizShermanSigned in as LogoutCredentialsSettings

S4 images

FPOL O G O

T A B L E S

N O T E S

1. COLUMNS: iD, Name, Size, Type, Created,

Updated, Public, Status, Actions.

ACTIONS: Edit (M12), Delete (M1:D10).

IMPORT: (M19).

No notes.

21UPDATED APriL 11, 2012

Table 1

A2

Page 22: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Projects & Users

Overview

Instances

Images

Flavors & Quotas

Projects & Users

SystemDASHBOARD

512 Items

UsersName

Admin

Demo

User01

User02

User03

User04

User05

User06

User07

User08

User09

User10

User11

User12

User13

User14

User15

User16

User17

User18

User19

User20

User21

User22

User23

User24

User25

User26

User27

Email

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

Enabled

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

Actions

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

+ AddSearch

ID

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

LizShermanSigned in as LogoutCredentialsSettings

7 Items

ProjectsName

Admin

Demo

Proj01

Proj02

Proj03

Proj04

Proj05

Description

-

-

-

-

-

-

-

Enabled

True

True

True

True

True

True

True

Actions

Membership

Membership

Membership

Membership

Membership

Membership

Membership

+ AddSearch

ID

1

2

3

4

5

6

7

S5 Projects & Users

FPOL O G O

T A B L E S

N O T E S

1. COLUMNS: iD, Name, Description, Enabled,

Actions.

ACTIONS: Membership (M14.1), Quota

(M15.1), Edit (M13.1), Details (S5.1), Delete

(M1:D11).

ADD: (M13).

2. COLUMNS: iD, Name, Email, Enabled, Actions.

ACTIONS: Edit (M16.1), Disable (Flash), Delete

(M1:D12).

ADD: (M16).

No notes.

22UPDATED APriL 11, 2012

Table 2

Table 1

Page 23: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Overview

Instances

Images

Flavors & Quotas

Projects & Users

SystemDASHBOARD

Proj04

(815 GB)

89%Disk Usage 36 GB Available (153 GB)

15%RAM Usage 870 GB Available (2)

20%Core Usage 8 Available

January 2012Usage for:

GOODSTATUS

18INSTANCES

676VCPU-HOURS

635GB-HOURS

Projects & Users >

Edit Project

DescriptionLorem ipsum dolor de sit amet vitae condimentum dui fringilla eu. Aenean scelerisque quam dui. Nulla facilisi. Mauris vestibulum gravida lacinia. Donec eget gravida sem.

Overview Members Quotas

LizShermanSigned in as LogoutCredentialsSettings

S5.1 Project Detail (Overview)

FPOL O G O

T A B L E S

N O T E S

No tables.

1. Month and year dropdowns allow the user to

view different sets of data.

23UPDATED APriL 11, 2012

Note 1

S5

M13.1

S5.2 S5.3

Page 24: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Overview

Instances

Images

Flavors & Quotas

Projects & Users

SystemDASHBOARD

Proj04Projects & Users >

Edit Project

Overview Members Quotas

MembersName

Admin

Demo

User01

User02

User03

User04

User05

User06

User07

User08

User09

User10

User11

User12

User13

User14

User15

User16

User17

User18

User19

User20

User21

User22

Email

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

Enabled

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

True

Actions

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

Edit

EditSearch

ID

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

2464 Items

LizShermanSigned in as LogoutCredentialsSettings

S5.2 Project Detail (Members)

FPOL O G O

T A B L E S

N O T E S

1. COLUMNS: iD, Name, Email, Enabled, Actions.

ACTIONS: Edit (M16.1), Disable/Enable (Flash).

EDIT: M14.1

No notes.

24UPDATED APriL 11, 2012

S5

Table 1

M13.1

S5.1 S5.3

Page 25: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Overview

Instances

Images

Flavors & Quotas

Projects & Users

SystemDASHBOARD

Proj04Projects & Users >

Edit Project

Overview Members Quotas

9 Items

QuotasLimit

128

5

10240

20

10

10

1000

51200

10

Search

Name

metadata_items

injected_files

injected_file_content_bytes

vcpus

instances

volumes

gigabytes

ram

floating_ips

Edit

LizShermanSigned in as LogoutCredentialsSettings

M13.1

S5.3 Project Detail (Quotas)

FPOL O G O

T A B L E S

N O T E S

1. COLUMNS: Name, Limit.

EDIT: M15.1.

No notes.

25UPDATED APriL 11, 2012

Table 1

S5

S5.2S5.1

Page 26: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Flavors & Quotas

Overview

Instances

Images

Flavors & Quotas

Projects & Users

SystemDASHBOARD

5 Items

FlavorsVCPUs

8

4

2

1

1

Memory

16384

8192

4096

2048

512

Disk

160

80

40

20

-

Actions

Delete

Delete

Delete

Delete

Delete

+ AddSearch

Name

m1.xlarge

m1.large

m1.medium

m1.small

m1.tiny

9 Items

Default QuotasLimit

128

5

10240

20

10

10

1000

51200

10

Search

Name

metadata_items

injected_files

injected_file_content_bytes

vcpus

instances

volumes

gigabytes

ram

floating_ips

LizShermanSigned in as LogoutCredentialsSettings

S6 Flavors & Quotas

FPOL O G O

T A B L E S

N O T E S

1. COLUMNS: Name, VCPUs, Memory, Disk,

Actions.

ACTIONS: Delete (M1:D13).

ADD: (M11).

2. COLUMNS: Name, Limit.

No notes.

26UPDATED APriL 11, 2012

Table 2

Table 1

Page 27: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

M O D A L S

Page 28: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

FORGOT PASSWORD

Back

Please check with your system adminfor password recovery.

DELETE VOLUME

Cancel OK

Are you sure you want to delete the volumeMyVolume_012?

This screen is a modal screen and occurs on top of

the previous screen.

The Generic Dialog screen defines the template for

the way in which prompts are offered to the user.

The TiTLE, CONTENT, CONFirMATiON, and

CANCELLATiON values are defined for each screen

as seen below. in some cases, elements such as the

TiTLE and CANCELLATiON button may be removed.

M1 Generic Dialog

TiTLE

CONTENT

CANCELLATiON

G E N E R I C D I A L O G V A L U E S G E N E R I C D I A L O G V A L U E S C O N T I N U E D

D1

Title: Forgotten Password

Content: Please check with your system admin for

password recovery.

Confirmation: OK (S1)

D2

Title: Terminate instance

Content: Are you sure you want to terminate the

instance [instance Name]?

Confirmation: Terminate (Previous screen)

Cancellation: Cancel (Previous screen)

D3

Title: reboot instance

Content: Are you sure you want to reboot the

instance [instance Name]?

Confirmation: reboot (Previous screen)

Cancellation: Cancel (Previous screen)

D7

Title: Delete Container

Content: Are you sure you want to delete the

container [Container Name]?

Confirmation: Delete (Previous screen)

Cancellation: Cancel (Previous screen)

D8

Title: Delete Security Group

Content: Are you sure you want to delete the

security group [Security Group Name]?

Confirmation: Delete (Previous screen)

Cancellation: Cancel (Previous screen)

D9

Title: Delete Directory

Content: Are you sure you want to delete the

directory [Directory Name]? This will also delete the

contents of this directory.

Confirmation: Delete (Previous screen)

Cancellation: Cancel (Previous screen)

D4

Title: Delete Volume

Content: Are you sure you want to delete the

volume [Volume Name]?

Confirmation: Delete (Previous screen)

Cancellation: Cancel (Previous screen)

D5

Title: Delete Keypair

Content: Are you sure you want to delete keypair

[Keypair Name]?

Confirmation: Delete (Previous screen if launched

from table, M2:D2 if launched from P5.2 flash

notification)

Cancellation: Cancel (Previous screen)

D6

Title: Delete Object

Content: Are you sure you want to delete the

object [Object Name]?

Confirmation: Delete (Previous screen)

Cancellation: Cancel (Previous screen)

D10

Title: Delete image

Content: Are you sure you want to delete the

image [image Name]?

Confirmation: Delete (Previous screen)

Cancellation: Cancel (Previous screen)

D11

Title: Delete Project

Content: Are you sure you want to delete the

project [Project Name]?

Confirmation: Delete (Previous screen)

Cancellation: Cancel (Previous screen)

D12

Title: Delete User

Content: Are you sure you want to delete the user

[User Name]?

Confirmation: Delete (Previous screen)

Cancellation: Cancel (Previous screen)

28UPDATED APriL 11, 2012

CONFirMATiON

Page 29: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

M1 Generic Dialog (cont.)

G E N E R I C D I A L O G V A L U E S

D13

Title: Delete Flavor

Content: Are you sure you want to delete the

flavor [Flavor Name]?

Confirmation: Delete (Previous Screen)

Cancellation: Cancel (Previous Screen)

29UPDATED APriL 11, 2012

Page 30: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

CREATE CONTAINER

Create

Container Name

Cancel

M2 Generic input

30UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

The Generic input screen defines the template for

the way in which the user enters a single value.

The TiTLE, FiELD, CONFirMATiON, and

CANCELLATiON values are defined for each screen

as seen below.

TiTLE

FiELD

G E N E R I C I N P U T V A L U E S

D1

Title: Create Snapshot

Field: Snapshot Name

Confirmation: Create (Previous Screen)

Cancellation: Cancel (Previous Screen)

D2

Title: Create Keypair

Field: Keypair Name

Confirmation: Download (Begin download, P5.2)

Cancellation: Cancel (Previous Screen)

D3

Title: Create Container

Field: Container Name

Confirmation: Create (Previous Screen)

Cancellation: Cancel (Previous Screen)

D4

Title: Edit Container

Field: Container Name (this field is pre-populated

with the current container name)

Confirmation: Update (Previous Screen)

Cancellation: Cancel (Previous Screen)

D5

Title: Add Directory

Field: Directory Name

Confirmation: Create (Previous Screen)

Cancellation: Cancel (Previous Screen)

D6

Title: Edit Directory

Field: Directory Name (this field is pre-populated

with the current directory name)

Confirmation: Update (Previous Screen)

Cancellation: Cancel (Previous Screen)

Generic Dialog errors highlight the appropriate

fields and include a description of what went

wrong.

FORGOT PASSWORD

Submit

Username

That username does not exist.

CancelCANCELLATiON CONFirMATiON

Page 31: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

TABLE COLUMNS

ID

Name

Project

User

Host

Image

Update

Size

IPs

Uptime

State

Actions

Description of Table Columns modal. Lorem ipsum dolor de sit amet.

Cancel

M3 Table Options

31UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

This control allows the user to toggle the visibility

of non-required columns.

Previous Screen Previous Screen

Page 32: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

UPLOAD OBJECT

Upload

Browse

Select File

Cancel

M4 Generic Upload

32UPDATED APriL 11, 2012

TiTLE

iNSTrUCTiON

This screen is a modal screen and occurs on top of

the previous screen.

The Generic Upload screen defines the template

for the way in which the user uploads files.

The TiTLE, iNSTrUCTiON, CONFirMATiON, and

CANCELLATiON values are defined for each screen

as seen below.

G E N E R I C I N P U T V A L U E S

D1

Title: Upload Object

instruction: Select File

Confirmation: Upload (4.1)

Cancellation: Cancel (Previous Screen)

D2

Title: import image

instruction: Select image File

Confirmation: import (4.1)

Cancellation: Cancel (Previous Screen)

CANCELLATiON CONFirMATiON

Page 33: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

ADD OBJECTS

Cancel

Uploading...

M4.1 Uploading Object

33UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

The TiTLE for this modal uses the same TiTLE as the

originating M4 modal.

Upon completion returns to screen previous to M4.

M4

TiTLE

Page 34: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

LAUNCH INSTANCE

Instance Access & Security User Data

Project QuotaDisk Usage (600 of 1000 GB Used)

Instance Usage (500 of 1000 Used)

RAM Usage (7800 of 9000 MB Used)

Instance Name

MyInstance05

Boot from: myVolumeSnapshot05

Description

Pastrami tri-tip beef, shoulder pancetta ball tip cow turkey beef ribs meatball boudin flank shank. Leberkäse pork chop turkey pork loin venison corned beef, t-bone tongue drumstick. Brisket cow shank, jowl pork belly turkey meatloaf andouille kielbasa beef ball tip venison tongue. Flavor

m1.tiny (1vcpu / 0GB Disk / 512 MB Ram)

Number of Instances

1|

Use Last Values

LaunchCancel

Max (8)

Advanced

M5 Launch instance (instance)

34UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

N O T E S

1. Clicking this button populates all fields on all

screen tabs with the values of the instance last

launched by this user.

2. The projected impact of the instances launched

is visually displayed in relation to the project

quota.

3. Clicking this button enters the maximum of

allowable instances for the selected flavor

(bound by the project quota).

Previous Screen P3.1

M5.1 Note 1

Note 2

Note 3

M5.2

M5.0.3

Page 35: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

LAUNCH INSTANCE

Instance Access & Security User Data

Project QuotaDisk Usage (600 of 1000 GB Used)

Instance Usage (500 of 1000 Used)

RAM Usage (7800 of 9000 MB Used)

Instance Name

MyInstance_05

Boot from:

Volume Snapshot

Description

Pastrami tri-tip beef, shoulder pancetta ball tip cow turkey beef ribs meatball boudin flank shank. Leberkäse pork chop turkey pork loin venison corned beef, t-bone tongue drumstick. Brisket cow shank, jowl pork belly turkey meatloaf andouille kielbasa beef ball tip venison tongue.

Flavor

m1.tiny (1vcpu / 0GB Disk / 512 MB Ram)

Filter

myVolumeSnapshot05

Image Instance Snapshot Volume Snapshot

Use Last Values

LaunchCancel

Number of Instances

10|

The number of instances for this flavor exceeds the project’s RAM quota. The system will attempt to launch the additional, out-of-quota instances.

8 Allowable, 2 Additional

Advanced

M5.0.1 Launch instance (Quota Exceeded)

35UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

This screen shows an alternate state of M5.

N O T E S

1. When the Boot From section is expanded, the

user may choose the boot target.

2. if the number of instances enters exceeds

a project quota then error text is shown

explaining the number of allowable and

additional instances.

Note 2

Note 1

Page 36: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

LAUNCH INSTANCE

Launch

Instance Access & Security User Data

Project QuotaDisk Usage (600 of 1000 GB Used)

Instance Usage (500 of 1000 Used)

RAM Usage (7800 of 9000 MB Used)

Instance Name

MyInstance05

Boot from: myVolumeSnapshot05

Description

Device Name

Pastrami tri-tip beef, shoulder pancetta ball tip cow turkey beef ribs meatball boudin flank shank. Leberkäse pork chop turkey pork loin venison corned beef, t-bone tongue drumstick. Brisket cow shank, jowl pork belly turkey meatloaf andouille kielbasa beef ball tip venison tongue.

Flavor

m1.tiny (1vcpu / 0GB Disk / 512 MB Ram)

Number of Instances

1

Use Last Values

Edit

Delete on Terminate

Boot from VolumeVolume Volume Snapshot

Cancel

Advanced

Max (8)

M5.0.2 Launch instance (Boot from Volume)

36UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

This screen shows an alternate state of M5.

N O T E S

1. The Boot from Volume section is shown only

if the boot target is an image. By default this

section is minimized.

Note 1

Page 37: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

LAUNCH INSTANCE

Instance Access & Security User Data

Project QuotaDisk Usage (600 of 1000 GB Used)

Instance Usage (500 of 1000 Used)

RAM Usage (7800 of 9000 MB Used)

Instance Name

MyInstance05

Boot from: myVolumeSnapshot05

Description

Pastrami tri-tip beef, shoulder pancetta ball tip cow turkey beef ribs meatball boudin flank shank. Leberkäse pork chop turkey pork loin venison corned beef, t-bone tongue drumstick. Brisket cow shank, jowl pork belly turkey meatloaf andouille kielbasa beef ball tip venison tongue. Flavor

m1.tiny (1vcpu / 0GB Disk / 512 MB Ram)

Number of Instances

1| Minimum(At least)

Maximum(If possible)1|

Use Last Values

LaunchCancel

Basic

M5.0.4 Launch instance (Boot from Volume)

37UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

This screen shows an alternate state of M5.

N O T E S

1. This advanced view allows users to specifically

define the Minimum number of instances to

launch (launch at least this many or fail the

call) and hte Maximum number of instances to

launch (launch as many of these instances as

possible).

M5

Note 1

Page 38: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

LAUNCH INSTANCE

Instance Access & Security User Data

Pastrami tri-tip beef, shoulder pancetta ball tip cow turkey beef ribs meatball boudin flank shank. Leberkäse pork chop turkey pork loin venison corned beef, t-bone tongue drumstick. Brisket cow shank, jowl pork belly turkey meatloaf andouille kielbasa beef ball tip venison tongue.

Key Pair

Create KeypairKeyPair01 or

Auto-Assign Floating IP

Use Last Values

LaunchCancel

Security Groups

Default

MySecurityGroup01

MySecurityGroup01

MySecurityGroup01

MySecurityGroup01

MySecurityGroup01

MySecurityGroup01

Search

M5.1 Launch instance (Access & Security)

38UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

N O T E S

1. if this screen has been entered from P3.1 (after

the creation of an instance), all fields are

prepopulated with values from the last created

instance.

2. Launches a file browser dialog. Selection of a

file imports its contents into the User Data field.

3. Based on the selected size template, if this value

exceeds the project quota then this number will

automatically change to the largest possible

value.

4. This button will populate all fields with the

values from the last launched instance. if no

previous instances have been launched, this

button does not appear.

Previous Screen P3.1

M5 M5.2

Page 39: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

LAUNCH INSTANCE

Instance Access & Security User Data

Pastrami tri-tip beef, shoulder pancetta ball tip cow turkey beef ribs meatball boudin flank shank. Leberkäse pork chop turkey pork loin venison corned beef, t-bone tongue drumstick. Brisket cow shank, jowl pork belly turkey meatloaf andouille kielbasa beef ball tip venison tongue.

User Data

Use Last Values

Import User Data

BrowseMyUserData01

LaunchCancel

M5.2 Launch instance (User Data)

39UPDATED APriL 11, 2012

Previous Screen

Note 1

P3.1

This screen is a modal screen and occurs on top of

the previous screen.

N O T E S

1. Launches a file browser dialog. Selection of a

file imports its contents into the User Data field.M5.1M5

Page 40: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

EDIT INSTANCE

Instance Name

Description

Update

MyInstance_05

CancelPrevious Screen Previous Screen

M5.3 Edit instance

40UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

Fields are prepopulated with any currently existing

data.

Page 41: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

ADD BLOCK VOLUME

Create

Volume Name

MyVolume_03

Project QuotaVolume Quota (300of 1000 GB Used)

Description of block volume. Lorem ipsum dolor de sit amet.

Volume Size

1 GB

CancelPrevious Screen Previous Screen

M6 Add Volume

41UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

Page 42: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

ATTACH BLOCK VOLUME

Attach

Volume: MyVolume_05

Device Path

Instance Filter

MyInstance05

Cancel

M6.1 Attach Block Volume

42UPDATED APriL 11, 2012

Previous Screen Previous Screen

This screen is a modal screen and occurs on top of

the previous screen.

Page 43: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

EDIT SECURITY GROUP

Update

Name

Description

MySecGroup

Lorem ipsum dolor de sit amet vitae condimentum dui fringilla eu. Aenean scelerisque quam dui. Nulla facilisi. Mauris vestibulum gravida lacinia. Donec eget gravida sem.

Cancel

ADD SECURITY GROUP

Create

Name

Description

Cancel

M7 Add Security Group

43UPDATED APriL 11, 2012

Previous Screen P5.1

This screen is a modal screen and occurs on top of

the previous screen.

Page 44: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

EDIT SECURITY GROUP

Update

Name

Description

MySecGroup

Lorem ipsum dolor de sit amet vitae condimentum dui fringilla eu. Aenean scelerisque quam dui. Nulla facilisi. Mauris vestibulum gravida lacinia. Donec eget gravida sem.

Cancel

ADD SECURITY GROUP

Create

Name

Description

Cancel

M7.1 Edit Security Group

44UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

Previous Screen P5.1

Page 45: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

ADD RULE

IP Protocol From Port CIDRTo Port

tcp 100 200 10.4.12.0/22

Source

CIDR

Template

SSH

CreateCancel

ADD RULE

CreateCancel

IP Protocol From Port SourceTo Port

tcp 100 200 CIDR

CIDR

10.4.12.0/22

Template

Custom

ADD RULE

IP Protocol From Port SourceTo Port

tcp 100 200 MySecGroup

CIDR

-

Template

Custom

CreateCancel

ADD RULE

IP Protocol From Port CIDRTo Port

tcp 100 200 10.4.12.0/22

Source

CIDR

Template

SSH

CreateCancel

ADD RULE

CreateCancel

IP Protocol From Port SourceTo Port

tcp 100 200 CIDR

CIDR

10.4.12.0/22

Template

Custom

ADD RULE

IP Protocol From Port SourceTo Port

tcp 100 200 MySecGroup

CIDR

-

Template

Custom

CreateCancel

ADD RULE

IP Protocol From Port CIDRTo Port

tcp 100 200 10.4.12.0/22

Source

CIDR

Template

SSH

CreateCancel

ADD RULE

CreateCancel

IP Protocol From Port SourceTo Port

tcp 100 200 CIDR

CIDR

10.4.12.0/22

Template

Custom

ADD RULE

IP Protocol From Port SourceTo Port

tcp 100 200 MySecGroup

CIDR

-

Template

Custom

CreateCancel

Previous Screen

Previous Screen

Previous ScreenPrevious Screen

Previous Screen

Previous Screen

M7.2 Add rule

45UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

The Custom template is selected by default. This

allows the user to manually select the iP Protocol,

From Port, To Port, Source, and CiDr values.

if a security group is chosen as the source for a

security group, the CiDr value cannot be modified.

if a different template is selected, certain values

may be automatically populated and the user will

be unable to alter their values.

Page 46: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

EDIT RULE

IP Protocol From Port CIDRTo Port

tcp 100 200 10.4.12.0/22

Source

CIDR

Template

SSH

UpdateCancel

EDIT RULE

UpdateCancel

IP Protocol From Port SourceTo Port

tcp 100 200 CIDR

CIDR

10.4.12.0/22

Template

Custom

EDIT RULE

IP Protocol From Port SourceTo Port

tcp 100 200 MySecGroup

CIDR

-

Template

Custom

UpdateCancel

Previous Screen Previous Screen

M7.3 Edit rule

46UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

The behavior for this screen functions like M7.2.

Page 47: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

My InstancesName

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

ID

56

57

58

59

60

61

62

63

64

65

66

68

69

70

71

72

73

74

75

76

77

78

79

80

81

Actions

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Host

356597-nova-infra

356599-nova-compute-no2

356597-nova-infra

356597-nova-infra

356599-nova-compute-no2

356597-nova-infra

356597-nova-infra

356599-nova-compute-no2

356597-nova-infra

356597-nova-infra

356599-nova-compute-no2

356597-nova-infra

356597-nova-infra

356599-nova-compute-no2

356597-nova-infra

356597-nova-infra

356599-nova-compute-no2

356597-nova-infra

356597-nova-infra

356599-nova-compute-no2

356597-nova-infra

356597-nova-infra

356599-nova-compute-no2

356597-nova-infra

356597-nova-infra

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.tiny

m1.xlarge

m1.large

m1.tiny

m1.large

m1.large

m1.medium

m1.small

Uptime

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

20 hrs

4 hrs

3 min

2 min

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

20 hrs

4 hrs

3 min

4 hrs

3 min

2 min

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

State

Active

Active

Active

Active

Active

Active

Active

Build

Build

Active

Active

Active

Active

Active

Active

Active

Build

Active

Build

Build

Active

Active

Active

Active

Active182 Items

OPTIONAL COLUMNS ID

Security Groups

Name

IPs

User

Volumes

Host

Uptime

Image

State

Size

ActionsClose

Filter

Previous Screen

M8 Examine Table

47UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

The Examine Table screen allows for more

immersive interactions with large amounts of table

data.

Page 48: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

My InstancesName

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

ID

56

57

58

59

60

Actions

Terminate

Terminate

Terminate

Terminate

Terminate

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Host

356597-nova-infra

356599-nova-compute-no2

356597-nova-infra

356597-nova-infra

356599-nova-compute-no2

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

Uptime

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

State

Active

Active

Active

Active

Active

OPTIONAL COLUMNS Column1

Column7

Column2

Column8

Column3

Column9

Column4

Column10

Column5

Column11

Column6

3 More...Close

Filter

My InstancesName

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

ID

56

57

58

59

60

Actions

Terminate

Terminate

Terminate

Terminate

Terminate

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Host

356597-nova-infra

356599-nova-compute-no2

356597-nova-infra

356597-nova-infra

356599-nova-compute-no2

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

Uptime

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

State

Active

Active

Active

Active

Active

OPTIONAL COLUMNS Column1

Column7

Column13

Column2

Column8

Column14

Column3

Column9

Column4

Column10

Column5

Column11

Column6

Column12

Show less...

Close

Filter

My InstancesName

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

ID

56

57

58

59

60

Actions

Terminate

Terminate

Terminate

Terminate

Terminate

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Host

356597-nova-infra

356599-nova-compute-no2

356597-nova-infra

356597-nova-infra

356599-nova-compute-no2

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

Uptime

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

State

Active

Active

Active

Active

Active

OPTIONAL COLUMNS Column1

Column7

Column2

Column8

Column3

Column9

Column4

Column10

Column5

Column11

Column6

3 More...Close

Filter

My InstancesName

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

ID

56

57

58

59

60

Actions

Terminate

Terminate

Terminate

Terminate

Terminate

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Host

356597-nova-infra

356599-nova-compute-no2

356597-nova-infra

356597-nova-infra

356599-nova-compute-no2

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

Uptime

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

State

Active

Active

Active

Active

Active

OPTIONAL COLUMNS Column1

Column7

Column13

Column2

Column8

Column14

Column3

Column9

Column4

Column10

Column5

Column11

Column6

Column12

Show less...

Close

Filter

M8 Examine Table (Continued)

48UPDATED APriL 11, 2012

if more columns exist for a table than can be

displayed in the Optional Columns control, the last

item will be listed as “[n] More...”.

Selecting the More option will expand the Optional

Columns panel and reveal all columns. The “Show

Less...” option will revert the state of the Optional

Columns panel.

Page 49: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

ASSOCIATE FLOATING IP

Associate

IP: 98.96.50.134

Instance

MyInstance05

CancelPrevious Screen Previous Screen

M9 Associate Floating iP (iP)

49UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

Page 50: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

ASSOCIATE FLOATING IP

Associate

IP

Instance: MyInstance_05

Cancel

98.96.50.134

Previous Screen Previous Screen

M9.1 Associate Floating iP (instance)

50UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

Page 51: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

CREATE SNAPSHOT

Instance Name

MyInstance_05

Snapshot Name

CreateCancelPrevious Screen Previous Screen

M10 Create Snapshot

51UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

The instance Name field is not editable.

Page 52: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

ADD FLAVOR

Name

VCPUs

Memory (MB)

Disk (GB)

CreateCancelPrevious Screen Previous Screen

M11 Add Flavor

52UPDATED APriL 11, 2012

This screen is a modal screen and occurs on top of

the previous screen.

Page 53: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

EDIT IMAGE

Name

Kernel ID

Ramdisk ID

Architecture

Container Format

Disk Format

UpdateCancelPrevious Screen Previous Screen

This screen is a modal screen and occurs on top of

the previous screen.

M12 Edit image

53UPDATED APriL 11, 2012

Page 54: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

ADD PROJECT

Name

Description

Enabled

Next >FinishCancelPrevious Screen Previous Screen M14

This screen is a modal screen and occurs on top of

the previous screen.

M13 Add Project

54UPDATED APriL 11, 2012

Page 55: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

EDIT PROJECT

Name

Description

Enabled

UpdateCancelPrevious Screen Previous Screen

This screen is a modal screen and occurs on top of

the previous screen.

M13.1 Edit Project

55UPDATED APriL 11, 2012

Page 56: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Project Members

Pastrami

kielbasa

beef ribs

pork loin

tail

ham hock

Filter All Users

Corned beef

cow

short loin

tri-tip

frankfurter flank

venison

pork loin

tail

bacon

leberkäse

ball tip

drumstick

Filter + Add

Next >Finish< Previous

ADD PROJECT MEMBERS

CancelPrevious ScreenPrevious Screen M13 M15

This screen is a modal screen and occurs on top of

the previous screen.

M14 Add Project Members

56UPDATED APriL 11, 2012

Page 57: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Project Members

Pastrami

kielbasa

beef ribs

pork loin

tail

ham hock

Filter All Users

Corned beef

cow

short loin

tri-tip

frankfurter flank

venison

pork loin

tail

bacon

leberkäse

ball tip

drumstick

Filter + Add

EDIT PROJECT MEMBERS

Project

Proj04

UpdateCancelPrevious Screen Previous Screen

This screen is a modal screen and occurs on top of

the previous screen.

M14.1 Edit Project Members

57UPDATED APriL 11, 2012

Page 58: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

DEFINE QUOTA

Project

Metadata Items

Injected Files

Injected File Content Bytes

VCPUs

Instances

Volumes

Gigabytes

RAM (MB)

Floating IPs

Proj04

128

5

10240

20

10

1000

51200

10

10

Cancel FinishPrevious

M15 Define Quota

58UPDATED APriL 11, 2012

Previous Screen M14 Previous Screen

This screen is a modal screen and occurs on top of

the previous screen.

These fields begin populated with the Default

Quota values.

Page 59: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

EDIT QUOTA

Project

Metadata Items

Injected Files

Injected File Content Bytes

VCPUs

Instances

Volumes

Gigabytes

RAM (MB)

Floating IPs

Proj04

UpdateCancelPrevious Screen Previous Screen

This screen is a modal screen and occurs on top of

the previous screen.

The Project field is not editable.

M15.1 Edit Quota

59UPDATED APriL 11, 2012

Page 60: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

ADD USER

Name

Email

Password

User04

**********

CreateCancel

Primary Tenant

Proj03

Project Membership

Proj01

Proj02

Proj03

Proj04

Proj05

Proj06

Proj07

Proj08

Proj09

Search

This screen is a modal screen and occurs on top of

the previous screen.

Previous Screen Previous Screen

A5

M16 Add User

60UPDATED APriL 11, 2012

Page 61: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

EDIT USER

Name

Email

Password

User04

**********

UpdateCancel

Primary Tenant

Proj03

Project Membership

Proj01

Proj02

Proj03

Proj04

Proj05

Proj06

Proj07

Proj08

Proj09

Search

Previous Screen Previous Screen

This screen is a modal screen and occurs on top of

the previous screen.

A5

M16.1 Edit User

61UPDATED APriL 11, 2012

Page 62: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

SETTINGS

Username: Admin

Change Password

Email

Language

[email protected]

English (en)

UpdateCancelPrevious Screen Previous Screen

This screen is a modal screen and occurs on top of

the previous screen.

M17 Settings

62UPDATED APriL 11, 2012

Page 63: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

DOWNLOAD SECURITY CREDENTIAL FILE

Download the appropriate file for the selected project, then type “source openrc” in the terminal to configure your environment to communicate with OpenStack.

Project

MyProject04

DownloadCancel

Security Credentials

RC File

Previous Screen Previous Screen

This screen is a modal screen and occurs on top of

the previous screen.

M18 Download Security Credential

63UPDATED APriL 11, 2012

Page 64: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

IMPORT IMAGE

Import

URI

Cancel

Short description explaining use of URIs and the meaning of selecting the “cache now” option.

Cache image locally for performance

http://example.net/images/image04

Previous Screen Previous Screen

This screen is a modal screen and occurs on top of

the previous screen.

The “Cache image...” checkbox allows the user

to download the image immediately for later use

or download the image each time an instance is

launched using that image.

M19 import image

64UPDATED APriL 11, 2012

Page 65: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

A P P E N D I X

Page 66: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Total InstancesID

1

2

3

4

5

6

7

8

9

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

My InstancesName

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

All InstancesName

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

My Instances

My InstancesAll Instances

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

MyInstance_01

MyInstance_02

-

-

-

Actions

Disassociate

Disassociate

Associate

Associate

Associate

+ AddSearch

ID

1

2

3

4

5

5 Items

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

MyInstance_01

MyInstance_02

-

-

-

Actions

Disassociate

Disassociate

Associate

Associate

Associate

+ AddSearch

ID

1

2

3

4

5

Disassociating...

5 Items

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

MyInstance_01

-

-

-

-

Actions

Disassociate

Associate

Associate

Associate

Associate

+ AddSearch

ID

1

2

3

4

5

5 Items

ttyImagesName

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.small

m1.small

m1.xlarge

Status

active

active

active

active

Actions

Launch

Launch

Launch

Launch

ID

1

4

7

9

4 of 9 Items Shown

ImagesName

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

Size

m1.tiny

m1.small

m1.small

m1.xlarge

m1.large

m1.small

m1.medium

m1.small

m1.tiny

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Search

ID

1

2

3

4

5

6

7

8

9

9 Items

ImagesName

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

Size

m1.tiny

m1.small

m1.small

m1.xlarge

m1.large

m1.small

m1.medium

m1.small

m1.tiny

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Search

ID

1

2

3

4

5

6

7

8

9

9 Items

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

All Instances My Instances

Total InstancesID

1

2

3

4

5

6

7

8

9

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

My InstancesName

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

All InstancesName

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

My Instances

My InstancesAll Instances

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

MyInstance_01

MyInstance_02

-

-

-

Actions

Disassociate

Disassociate

Associate

Associate

Associate

+ AddSearch

ID

1

2

3

4

5

5 Items

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

MyInstance_01

MyInstance_02

-

-

-

Actions

Disassociate

Disassociate

Associate

Associate

Associate

+ AddSearch

ID

1

2

3

4

5

Disassociating...

5 Items

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

MyInstance_01

-

-

-

-

Actions

Disassociate

Associate

Associate

Associate

Associate

+ AddSearch

ID

1

2

3

4

5

5 Items

ttyImagesName

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.small

m1.small

m1.xlarge

Status

active

active

active

active

Actions

Launch

Launch

Launch

Launch

ID

1

4

7

9

4 of 9 Items Shown

ImagesName

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

Size

m1.tiny

m1.small

m1.small

m1.xlarge

m1.large

m1.small

m1.medium

m1.small

m1.tiny

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Search

ID

1

2

3

4

5

6

7

8

9

9 Items

ImagesName

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

Size

m1.tiny

m1.small

m1.small

m1.xlarge

m1.large

m1.small

m1.medium

m1.small

m1.tiny

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Search

ID

1

2

3

4

5

6

7

8

9

9 Items

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

All Instances My Instances

Total InstancesID

1

2

3

4

5

6

7

8

9

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

My InstancesName

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

All InstancesName

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

My Instances

My InstancesAll Instances

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

MyInstance_01

MyInstance_02

-

-

-

Actions

Disassociate

Disassociate

Associate

Associate

Associate

+ AddSearch

ID

1

2

3

4

5

5 Items

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

MyInstance_01

MyInstance_02

-

-

-

Actions

Disassociate

Disassociate

Associate

Associate

Associate

+ AddSearch

ID

1

2

3

4

5

Disassociating...

5 Items

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

MyInstance_01

-

-

-

-

Actions

Disassociate

Associate

Associate

Associate

Associate

+ AddSearch

ID

1

2

3

4

5

5 Items

ttyImagesName

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.small

m1.small

m1.xlarge

Status

active

active

active

active

Actions

Launch

Launch

Launch

Launch

ID

1

4

7

9

4 of 9 Items Shown

ImagesName

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

Size

m1.tiny

m1.small

m1.small

m1.xlarge

m1.large

m1.small

m1.medium

m1.small

m1.tiny

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Search

ID

1

2

3

4

5

6

7

8

9

9 Items

ImagesName

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

Size

m1.tiny

m1.small

m1.small

m1.xlarge

m1.large

m1.small

m1.medium

m1.small

m1.tiny

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Search

ID

1

2

3

4

5

6

7

8

9

9 Items

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

All Instances My Instances

A1 Table Actions

F L A S H S T AT U S E S

H E A D E R T A B S

S E A R C H

Flash statuses are shown inline after some actions

begin. These statuses animate out after a certain

period of time.

Some headers use tabs to select the content to be

displayed in the table. Header Tabs should be used

instead of Header Dropdowns whenever possible.

Searching temporarily removes rows in which no

value matches the current search value.

Selecting the delete button in the search field

wipes the search value and shows all rows.

66UPDATED APriL 11, 2012

Total InstancesID

1

2

3

4

5

6

7

8

9

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

My InstancesName

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

All InstancesName

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

My Instances

My InstancesAll Instances

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

MyInstance_01

MyInstance_02

-

-

-

Actions

Disassociate

Disassociate

Associate

Associate

Associate

+ AddSearch

ID

1

2

3

4

5

5 Items

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

MyInstance_01

MyInstance_02

-

-

-

Actions

Disassociate

Disassociate

Associate

Associate

Associate

+ AddSearch

ID

1

2

3

4

5

Disassociating...

5 Items

Floating IPsIP

82.52.45.176

82.52.45.178

82.52.45.179

82.52.45.180

82.52.45.181

Instance

MyInstance_01

-

-

-

-

Actions

Disassociate

Associate

Associate

Associate

Associate

+ AddSearch

ID

1

2

3

4

5

5 Items

ttyImagesName

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.small

m1.small

m1.xlarge

Status

active

active

active

active

Actions

Launch

Launch

Launch

Launch

ID

1

4

7

9

4 of 9 Items Shown

ImagesName

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

Size

m1.tiny

m1.small

m1.small

m1.xlarge

m1.large

m1.small

m1.medium

m1.small

m1.tiny

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Search

ID

1

2

3

4

5

6

7

8

9

9 Items

ImagesName

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

Size

m1.tiny

m1.small

m1.small

m1.xlarge

m1.large

m1.small

m1.medium

m1.small

m1.tiny

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Search

ID

1

2

3

4

5

6

7

8

9

9 Items

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

ID

1

2

3

4

5

6

7

8

9

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

All Instances My Instances

H E A D E R D R O P D O W N

Some headers support dropdown functionality

to toggle the content displayed in the table.

The Header Dropdown should be used instead

of Header Tabs in cases in which the values are

dynamically generated or exceed the available

space within the header.

Page 67: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

UsersEmail

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

Actions

Edit

Edit

Edit

Edit

ID

admin

demo

ainu

Newu

UsersEmail

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

ID

admin

demo

ainu

Newu

Actions

Edit

Edit

Edit

Edit

Edit

Disable

Delete

UsersEmail

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

Actions

Edit

Edit

Edit

Edit

ID

admin

demo

ainu

Newu

Users

Email

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

Actions

Edit

Edit

Edit

Edit

ID

admin

demo

ainu

Newu

All InstancesShow: Filter

Project

Project01

Project02

Project03

Project01

Project01

Project02

Project01

Project03

Project 03

User

Admin

User01

User02

Admin

User01

User01

Admin

User02

Admin

Host

356598-nova...te-n01

356598-nova...te-n02

356598-nova...te-n01

356598-nova...te-n01

356598-nova...te-n02

356598-nova...te-n01

356598-nova...te-n04

356598-nova...te-n04

356598-nova...te-n03

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

Uptime

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

20 hrs

4 hrs

3 min

2 min

IPs

Private: 10.4.114.2

-

-

-

Private: 10.4.114.3

-

Private: 10.4.114.4

Public: 10.4.114.101

Public: 10.4.114.102

State

Active

Active

Active

Active

Active

Active

Active

Build

Build

x

Delete Another Action A Third ActionBatch Actions:

UsersEmail

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

Actions

Edit

Edit

Edit

Edit

ID

admin

demo

ainu

Newu

UsersEmail

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

ID

admin

demo

ainu

Newu

Actions

Edit

Edit

Edit

Edit

Edit

Disable

Delete

UsersEmail

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

Actions

Edit

Edit

Edit

Edit

ID

admin

demo

ainu

Newu

Users

Email

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

Actions

Edit

Edit

Edit

Edit

ID

admin

demo

ainu

Newu

All InstancesShow: Filter

Project

Project01

Project02

Project03

Project01

Project01

Project02

Project01

Project03

Project 03

User

Admin

User01

User02

Admin

User01

User01

Admin

User02

Admin

Host

356598-nova...te-n01

356598-nova...te-n02

356598-nova...te-n01

356598-nova...te-n01

356598-nova...te-n02

356598-nova...te-n01

356598-nova...te-n04

356598-nova...te-n04

356598-nova...te-n03

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

Uptime

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

20 hrs

4 hrs

3 min

2 min

IPs

Private: 10.4.114.2

-

-

-

Private: 10.4.114.3

-

Private: 10.4.114.4

Public: 10.4.114.101

Public: 10.4.114.102

State

Active

Active

Active

Active

Active

Active

Active

Build

Build

x

Delete Another Action A Third ActionBatch Actions:

UsersEmail

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

Actions

Edit

Edit

Edit

Edit

ID

admin

demo

ainu

Newu

UsersEmail

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

ID

admin

demo

ainu

Newu

Actions

Edit

Edit

Edit

Edit

Edit

Disable

Delete

UsersEmail

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

Actions

Edit

Edit

Edit

Edit

ID

admin

demo

ainu

Newu

Users

Email

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

Actions

Edit

Edit

Edit

Edit

ID

admin

demo

ainu

Newu

All InstancesShow: Filter

Project

Project01

Project02

Project03

Project01

Project01

Project02

Project01

Project03

Project 03

User

Admin

User01

User02

Admin

User01

User01

Admin

User02

Admin

Host

356598-nova...te-n01

356598-nova...te-n02

356598-nova...te-n01

356598-nova...te-n01

356598-nova...te-n02

356598-nova...te-n01

356598-nova...te-n04

356598-nova...te-n04

356598-nova...te-n03

Image

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

ami-tty

Size

m1.tiny

m1.large

m1.large

m1.medium

m1.small

m1.small

m1.tiny

m1.xlarge

m1.large

Uptime

192 hrs

186 hrs

121 hrs

78 hrs

23 hrs

20 hrs

4 hrs

3 min

2 min

IPs

Private: 10.4.114.2

-

-

-

Private: 10.4.114.3

-

Private: 10.4.114.4

Public: 10.4.114.101

Public: 10.4.114.102

State

Active

Active

Active

Active

Active

Active

Active

Build

Build

x

Delete Another Action A Third ActionBatch Actions:

A2 Table Actions (Continued)

67UPDATED APriL 11, 2012

A C T I O N S

B AT C H A C T I O N S

R E M O V E C O L U M N

if only one action exists for an item, it is displayed

as a command in the Actions column. if more than

one action exists for an item, the most-used action

is shown as a command and the rest appear in a

More Menu in the Actions column.

When a checkbox is checked, the Batch Actions

bar appears, displaying any actions that may be

taken on the selected item/items. if no actions

can be applied to the selected item/items, the

Batch Actions bar instead shows, “No actions

can be taken on the selected items.” Performing

a non-destructive action (e.g. disable) maintains

selection. Performing a destructive action (e.g.

delete) removes the Batch Action bar as no items

will remain selected.

Selection of the ‘X’ button in a column header

hides that column. Column visibility can be toggled

in the M2 Table Options modal. required columns

do not show the ‘X’ button as they cannot be

hidden.

Page 68: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Overview

Instances & Volumes

Images

Access & Security

Containers

Proj05PROJECT

Proj05PROJECT

Proj01

Proj02

Proj03

Proj04

Proj05

Proj06

Proj07

N A V I G AT I O N D R O P D O W N

Displays a list of options to determine dashboard

content (roles, panels, projects, etc). Dropdowns

are influenced by the values of the dropdowns

above it: the projects dropdown may or may not

be displayed depending on the current value of the

panel dropdown.

A3 Navigation Bar

68UPDATED APriL 11, 2012

Page 69: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

ImagesName

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

Size

m1.tiny

m1.small

m1.small

m1.xlarge

m1.large

m1.small

m1.medium

m1.small

m1.tiny

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Search

ID

1

2

3

4

5

6

7

8

9

9 Items

Security Groups

Default, Group6

Select a Security Group to load a group of prede�ned security settings for your instance.

vm1.small: 2 CPUs, 10 GB Disk, 62 GB RAM

ImagesName

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

ami-ttz

Size

m1.tiny

m1.small

m1.small

m1.xlarge

m1.large

m1.small

m1.medium

m1.small

m1.tiny

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Search

ID

1

2

3

4

5

6

7

8

9

9 Items

Security Groups

Default, Group6

Select a Security Group to load a group of prede�ned security settings for your instance.

vm1.small: 2 CPUs, 10 GB Disk, 62 GB RAM

C O N T E X T U A L H E L P

After hovering on a field or table item for one

second, a tooltip appears describing that field or

table item. This description may at times simply

provide deeper information, such as describing the

numbers associated with a size template.

A4 Contextual Help

69UPDATED APriL 11, 2012

Page 70: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

ASSOCIATE FLOATING IP

CancelAssociate

IP: 98.96.50.134

Instance

MyInstance05

ASSOCIATE FLOATING IP

CancelAssociate

IP: 98.96.50.134

Instance

OtherInstance01

ASSOCIATE FLOATING IP

CancelAssociate

IP: 98.96.50.134

Instance

OtherInstance01

OtherInstance01

OtherInstance02

OtherInstance02

OtherInstance02

OtherInstance02

OtherInstance02

OtherInstance02

OtherInstance02

OtherInstance02

OtherInstance02

ASSOCIATE FLOATING IP

CancelAssociate

IP: 98.96.50.134

Instance

MyInstance05

CancelUpdate

Security Groups

Default

Group1

Group2

Group3

Group4

Group5

Group6

Group7

Group8

Search

SELECT SECURITY GROUPS

CancelUpdate

Security Groups

5 matches, 2 selections not shown

MyGroup01

MyGroup02

MyGroup03

MyGroup04

MyGroup05

SELECT SECURITY GROUPS

MyG

MODAL TITLE

Instance Name

CancelLaunch

Security Groups

Default, Group6

MyInstance_05

ASSOCIATE FLOATING IP

CancelAssociate

IP: 98.96.50.134

Instance

MyInstance05

ASSOCIATE FLOATING IP

CancelAssociate

IP: 98.96.50.134

Instance

OtherInstance01

ASSOCIATE FLOATING IP

CancelAssociate

IP: 98.96.50.134

Instance

OtherInstance01

OtherInstance01

OtherInstance02

OtherInstance02

OtherInstance02

OtherInstance02

OtherInstance02

OtherInstance02

OtherInstance02

OtherInstance02

OtherInstance02

ASSOCIATE FLOATING IP

CancelAssociate

IP: 98.96.50.134

Instance

MyInstance05

CancelUpdate

Security Groups

Default

Group1

Group2

Group3

Group4

Group5

Group6

Group7

Group8

Search

SELECT SECURITY GROUPS

CancelUpdate

Security Groups

5 matches, 2 selections not shown

MyGroup01

MyGroup02

MyGroup03

MyGroup04

MyGroup05

SELECT SECURITY GROUPS

MyG

MODAL TITLE

Instance Name

CancelLaunch

Security Groups

Default, Group6

MyInstance_05

S I N G L E S E L E C T I O N L O N G L I S T

M U L T I P L E S E L E C T I O N L O N G L I S T

The Single Selection Long List control behaves

like a combo box. Clicking on the right portion

of the field (the dropdown arrow) functions like a

normal dropdown menu. Clicking the left portion

of the field selects all text in the control – entering

text selects the closest value and performs an

autocomplete on the typed characters.

The Multiple Selection Long List control uses a field

to display the currently selected values. Selecting

this control launches a modal containing a long list

(with already selected values pre-selected) and a

search field. Clicking an item selects/deselects that

item. Entering characters in the search field filters

the list. While list is being filtered, the top row is

used to display the number of search results and

the number of hidden selected values.

A5 Long List Selection Controls

70UPDATED APriL 11, 2012

Page 71: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

InstancesName

Instance01

Instance02

Instance03

Instance04

Instance05

State

Active

Active

Active

Unresponsive

Active

Actions

Console

Console

Console

Remove

Console

ID

1

2

3

4

5

5 Items

Search InstancesName

Instance01

Instance02

Instance03

Instance04

Instance05

State

Active

Active

Active

Unresponsive

Active

Actions

Console

Console

Console

Purge

Console

ID

1

2

3

4

5

5 Items

Search

User View Admin View

U N R E S P O N S I V E S T AT U S

The unresponsive status occurs when an instance

or volume is in a state in which the system cannot

directly interact with that instance or volume.

For end users, the “remove” option is shown to

remove the item from their views. This item is

kept in the system for diagnostic purposes. Admin

users will see the “Purge” option for these items,

allowing them to completely remove them from

the system.

A6 Unique Table itemsa

71UPDATED APriL 11, 2012

Page 72: DASHBOARD WIREFRAMES - OpenStack€¦ · 11/04/2012  · DASHBOARD WIREFRAMES. TABLE OF CONTENTS LEGEND PROJECT DASHBOARD SYSTEM DASHBOARD MODALS APPENDIX CHANGE HISTORY 3 4 17 27

Change History

1 0 . 1 2 . 2 0 1 1 1 0 . 3 1 . 2 0 1 1 1 2 . 0 1 . 2 0 1 1 0 3 . 1 7 . 2 0 1 2 C O N T I N U E D

0 4 . 0 9 . 2 0 1 2

0 4 . 1 0 . 2 0 1 2

0 4 . 1 1 . 2 0 1 2

1 2 . 0 2 . 2 0 1 1

0 1 . 0 6 . 2 0 1 21 1 . 1 0 . 2 0 1 1

1 1 . 1 4 . 2 0 1 1

1 1 . 1 8 . 2 0 1 1

1 1 . 2 9 . 2 0 1 1

1 0 . 1 3 . 2 0 1 1

1 0 . 1 4 . 2 0 1 1

1 0 . 1 7 . 2 0 1 1

1 0 . 2 0 . 2 0 1 1

Updated document structure.

Added Legend and Change History.

Updated all signed in statuses to, “Signed in as...”

Added “Usage” to all statistic titles on P2.

Updated statistics on P2 to describe usage more

clearly.

Updated statistics on M5 to describe usage more

clearly.

Updated represenation of additional actions, as

detailed in A2.

Updated position of confirmation/cancellation

buttons for M5, M7, and M7.2.

refined batch action behavior on A2.

Added Source field and description to M7.1

Updated all modals with cancellation on left.

Filter fields changed to Search fields.

Added batch checkboxes to objects table and rules

table.

Single Selection Long List is now a combo box;

updated in A5.

Dashboard dropdown added to all Project and

System screens.

Added “Credentials” to global nav in top-right of

project and system screens.

Created M18 Download Security Credentials

modal.

Created A6 to describe Unresponsive states.

Add M19, changed import link on images table

(S4) to target M19.

Created P5.2.

Updated M2:D2 to target P5.2 on confirmation.

M1:D5 updated to redirect to M2:D2 if launched

from P5.2 flash notification.

Updated M5 modals to include Basic/Advanced

views for determining the number of instances to

launch.

M15 updated with values of default quota.

Updated M16 and M16.1 to allow editing of

membership for the user.

Altered actions for Projects on S5 to promote

Membership action.

Added P4.1 image Detail.

Modified P4 to direct to P4.1.

Added M9.1.

Updated P3 with Associate iP action.

Viewing and editing Security Groups has been

updated. P5.1 added, callouts on P5 updated, M7

& M7.1 are now simple modals, and M7.2 & M7.3

enable creating and editing rules.

Added P8, Server Error screen.Aligning all visuals and wireframes. This includes

updating More Action chevrons.

“instances” changed to “instance” for P3 and

P3.1.

Updated S6 with new interaction model.

Created M1:D9, M2:D5 and M2:D6.

Updated all M1 modals to confirm with the name

of the action (e.g. “Delete”).

Updated M4 with “Upload” instead of “Add.”

Corrected M4 callout on M4.1.

Header Tabs description added to A1.

Header Dropdown description altered on A1.

Header Tabs used instead of Header Dropdowns for

P3, P3.1 and P4.

Console columns removed from P3 and P3.1;

“View” becomes the promoted action.

Added M5.2 to allow for multiple security groups

to be selected.

Added import option to User Data field in M5.

Added A4, Contextual Help.

Added table sorting.

Added P3.1, updated M5 to complete multiple

instance creation flow.

Created M9.

Updated callouts to match new numbering.

Degrayed column names for M3.

Added extra detail about which Settings screen is

shown for P7 and P7.1.

removed Default Project selection to P7 and P7.1.

Added Language Selection for P7 and P7.1 (pulled

from jeffjapan).

Marked P6 and P6.1 as incomplete.

Added “Use Last instance Values” to M5.

Added notes 3 and 4 to M5.

Added template field and an example to M7.1.

Added overflow examples for the Optional

Columns panel in M8.

Added description of floating Batch Actions to A2.

Combined images and Snpashots in P4.

Modals updated with top-right close button.

72UPDATED APriL 11, 2012

0 1 . 2 5 . 2 0 1 2

Added System Dashboard section.

Added M10-M16.

Added A5.

Changed M4 to a Generic Upload screen. Updated

P6 to reference M4:D1. M4.1 now references the

TiTLE used in M4.

0 1 . 2 5 . 2 0 1 2

0 3 . 1 7 . 2 0 1 2

P1, P1.1, P7, P7.1 and P8 are now referenced by

the Project and System dashboards.

Added System screens and modals.

Settings is now a modal.

M5 Launch instances modal now uses screen tabs.

Updated modal template to separate confirmation/

cancellation buttons.

Updated positioning of error text in M2.

M4 now follows same pattern as other modals (no

inset cancel button).

M6 shows quota/instructions on left.

Added footers to tables.