Openstack Dashboard Wireframes 20110928

40
DASHBOARD WIREFRAMES

Transcript of Openstack Dashboard Wireframes 20110928

Page 1: Openstack Dashboard Wireframes 20110928

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

Page 2: Openstack Dashboard Wireframes 20110928

S1 Login

FOR INTERNAL USE ONLY

User

Password

Forgot Password

Admin

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

Sign InM1 S2 or S1.1

Page 3: Openstack Dashboard Wireframes 20110928

S1.1 Login Error

FOR INTERNAL USE ONLY

User

Username and password do not match.

Password

Forgot Password

Admin

Sign InM1 S2 or S1.1

Page 4: Openstack Dashboard Wireframes 20110928

S2 Overview

FOR INTERNAL USE ONLY

1 Launches external monitoring tool.

S1

Overview

Instances & Volumes

Images

Access & Security

Containers

Proj05PROJECT

LizShermanWhy, hello there, LogoutSettingsOverview

S2

A3

S3

S4

S5

S6

S7

20%CORES 2 USED 8 AVAILABLE

15%RAM GB

GB

153 USED 870 AVAILABLE

89%DISK 815 USED 36 AVAILABLE

MONITORING CATALOGS

NagiosGanglia18

INSTANCES

676VCPU-HOURS

635GB-HOURS

1

Page 5: Openstack Dashboard Wireframes 20110928

S3 Instances & Volumes

FOR INTERNAL USE ONLY

My InstancesName

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

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

Terminate

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

Console

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

Filter

2 Columns: ID*, Name*, Size*, Actions*.Actions: Attach (M12)/Detach (Refresh table), Delete (M10).

1 Columns: ID*, Name*, [User], [Host], [Image], Size, [Security Groups], [IPs], [Volumes], Uptime, State*, Console, Actions*.Actions: Edit (M6), Terminate (M8), Snapshot (M7), Reboot (M9), Console Log (External Link).

1

3

A2Overview

Instances & Volumes

Images

Access & Security

Containers

Proj05PROJECT

LizShermanWhy, hello there, LogoutSettingsInstances & Volumes

A2

Block VolumesID

1

2

3

4

5

6

7

8

9

Name

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

+ AddFilter

More

More

More

More

More

More

More

More

More

2

M11

M2M23

4

4 Links to external console.

3 Tables will have a maximum height, after which content will continuously scroll.

Page 6: Openstack Dashboard Wireframes 20110928

S4 Images

FOR INTERNAL USE ONLY

2 Columns: ID*, Name*, Size, [Created], [Updated], Status*, Actions*.Action: Launch (M5).

1 Columns: ID*, Name*, Size, [Created], [Updated], Status*, Actions*.Action: Launch (M5).

Proj05PROJECT

Overview

Instances & Volumes

Images

Access & Security

Containers

LizShermanWhy, hello there, LogoutSettingsImagesImages

ID

1

2

3

4

5

6

7

8

9

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

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Filter SnapshotsID

1

2

3

4

5

Name

ami-tty

ami-ttx

ami-ttz

ami-tty

ami-ttx

Size

m1.tiny

m1.small

m1.small

m1.xlarge

m1.large

Status

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Filter

1

2

Page 7: Openstack Dashboard Wireframes 20110928

S5 Access & Security

FOR INTERNAL USE ONLY

Floating IPsID

1

2

3

4

5

IP

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

More

More

More

More

More

FilterKeypairsName

Bloop

Bleep

Blop

Bloop

Bleep

Blop

Bloop

Bleep

Blop

Bloop

Bleep

Fingerprint

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Bloopbleepblop

Actions

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

+ AddFilter

Proj05PROJECT

Overview

Instances & Volumes

Images

Access & Security

Containers

Access & Security LizShermanWhy, hello there, LogoutSettings

2

3

1

1 A new row is added to this table (A1: Flash Status).

2 Actions: Associate (M15)/Disassociate (Refresh table), Release (Refresh table).

M13

M14

Security GroupsID

1

2

3

4

5

Name

Default

Group1

Group2

Group3

Group4

Description

Lorem

Ipsum

Dolor de

Sit Amet

Consequtiteur

+ AddFilter

Actions

Edit

Edit

Edit

Edit

Edit

More

More

More

More

More

M20

3 Actions: Edit (M21), Delete (M22).

Page 8: Openstack Dashboard Wireframes 20110928

S6 Containers

FOR INTERNAL USE ONLY

Proj05PROJECT

Overview

Instances & Volumes

Images

Access & Security

Containers

Containers LizShermanWhy, hello there, LogoutSettings

Proj05 Containers (9)MyContainer_01 More(15 Objects, 10 GB)

MyContainer_02 More(15 Objects, 10 GB)

MyContainer_03 More(15 Objects, 10 GB)

MyContainer_04 More(15 Objects, 10 GB)

MyContainer_05 More(15 Objects, 10 GB)

MyContainer_06 More(15 Objects, 10 GB)

MyContainer_07 More(15 Objects, 10 GB)

MyContainer_08 More(15 Objects, 10 GB)

Object

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

Size

10 MB

4 GB

39 MB

2 GB

2 GB

259 MB

102 MB

1.4 GB

Actions

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Objects Filter

MyContainer_09 More(15 Objects, 10 GB)

+ AddFilter containers

2 2QO\�ȴOWHUV�E\�EHJLQQLQJ�RI�&RQWDLQHU�QDPH�

1 Clicking a container opens that container (as shown for “MyContainer_09”). 4 Selecting an object begins download or in-browser viewing of that object.

3Columns: Object*, Size*, Actions.Action: Delete (M16).

1

3

4

M3

25

5 Actions: Edit (M18), Delete (M19).

S5.1

M17

Page 9: Openstack Dashboard Wireframes 20110928

S6.1 Containers – Large Container

FOR INTERNAL USE ONLY

Loading...

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

10 MB

4 GB

39 MB

2 GB

2 GB

259 MB

102 MB

1.4 GB

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

YetAnotherInstance

10 MB

4 GB

39 MB

2 GB

2 GB

259 MB

16 GB

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Objects Filter

Object

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

Size

10 MB

4 GB

39 MB

2 GB

2 GB

259 MB

102 MB

1.4 GB

Actions

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Loading...

MyContainer_9 More(15 Objects, 10 GB)

MyContainer_10 More(15 Objects, 10 GB)

MyContainer_07 More(15 Objects, 10 GB)

MyContainer_08 More(15 Objects, 10 GB)

Containers

If the list of Objects extends beyond the screen, the page will auto-scrollWR�ȴW�WKH�FRQWDLQHU�ZLWKLQ�WKH�VFUHHQ�DV�VKRZQ�KHUH��$OO�RWKHU�LQWHUDFWLRQVare the same as shown in S5.

Proj05PROJECT

Overview

Instances & Volumes

Images

Access & Security

Containers

1

2

1 Content is loaded as the user scrolls the table.

2 Screens containing large amounts of objects are continuously scrollable.

LizShermanWhy, hello there, LogoutSettings

Page 10: Openstack Dashboard Wireframes 20110928

S7 Settings

FOR INTERNAL USE ONLY

Proj05PROJECT

Overview

Instances & Volumes

Images

Access & Security

Containers

Settings LizShermanWhy, hello there, LogoutSettings

Username: Admin

Email

Default Project

[email protected]

Proj05

User Information

Update

Password

Verify Password

S7

Page 11: Openstack Dashboard Wireframes 20110928

S7.1 Settings (Alternate)

FOR INTERNAL USE ONLY

Proj05PROJECT

Overview

Instances & Volumes

Images

Access & Security

Containers

Settings LizShermanWhy, hello there, LogoutSettings

S7

Username: Admin

Change Password

Email

Default Project

[email protected]

Proj05

User Information

Update

Page 12: Openstack Dashboard Wireframes 20110928

M1 Forgot Password

FOR INTERNAL USE ONLY

FORGOT PASSWORD

Back

Please check with your system adminfor password recovery.

S1

This screen is a modal screen and occurs on top of the previous screen.

Page 13: Openstack Dashboard Wireframes 20110928

M1.1 Forgot Password – Error

FOR INTERNAL USE ONLY

FORGOT PASSWORD

CancelSubmit

UsernameThat username does not exist.

M1.1 or M4* S1

M4* Uses M4 General Error.Title: “Forgotten Password”. Text: “An email has been sent containing a link to reset your password.”

This screen is a modal screen and occurs on top of the previous screen.

Page 14: Openstack Dashboard Wireframes 20110928

M2 Table Options

FOR INTERNAL USE ONLY

TABLE COLUMNS

ID

Name

Project

User

Host

Image

CancelUpdate

Size

IPs

Uptime

State

Actions

1

1 7KLV�FRQWURO�DOORZV�WKH�XVHU�WR�WXUQ�VRPH�FROXPQVȇ�YLVLELOLW\�R�DQG�RQ�0RVW�GHIDXOW�FROXPQV�IRU�D�WDEOH�FDQQRW�EH�WXUQHG�R�

This screen is a modal screen and occurs on top of the previous screen.

Previous ScreenPrevious Screen

Page 15: Openstack Dashboard Wireframes 20110928

M3 Add Objects

FOR INTERNAL USE ONLY

ADD OBJECTS

CancelUpload

Browse

Select File or Directory

This screen is a modal screen and occurs on top of the previous screen.

M3.1 Previous Screen

Page 16: Openstack Dashboard Wireframes 20110928

M3 Uploading Object

FOR INTERNAL USE ONLY

ADD OBJECTS

Cancel

Uploading...

This screen is a modal screen and occurs on top of the previous screen.

Upon completion, returns to screen previous to M3.

M3

Page 17: Openstack Dashboard Wireframes 20110928

M4 *HQHUDO�&RQȴUPDWLRQ

FOR INTERNAL USE ONLY

ERROR

OK

Error text.1

2

1 7LWOH�WR�EH�GHȴQHG�E\�FDOOLQJ�VFUHHQ��5HG�WH[W�LV�XVHG�LI�Ȋ7LWOH(UURUȋ�LV�FDOOHG�

2 7H[W�WR�EH�GHȴQHG�E\�FDOOLQJ�VFUHHQ�

This screen is a modal screen and occurs on top of the previous screen.

Previous Screen

Page 18: Openstack Dashboard Wireframes 20110928

M5 Launch Instance

FOR INTERNAL USE ONLY

LAUNCH INSTANCE

Instance Name

Flavor

Description

CancelLaunch

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

Key Name

bloopblopbleepo

Security Groups

None

User Data

Count

1

MyInstance_05

Pastrami tri-tip beef, shoulder pancetta ball tip cow turkey beef ULEV�PHDWEDOO�ERXGLQ�ȵDQN�VKDQN��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. Flank pig shank p

Project Quota

Disk 400 Available600GB Used

Instances 500 Available500 Used

RAM 1200MB Available7800MB Used

Previous ScreenPrevious Screen

M5.1

This screen is a modal screen and occurs on top of the previous screen.

Page 19: Openstack Dashboard Wireframes 20110928

M6 Edit Instance

FOR INTERNAL USE ONLY

EDIT INSTANCE

Instance Name

Description

CancelUpdate

MyInstance_05

1

1 Fields are prepopulated with any existing data.

This screen is a modal screen and occurs on top of the previous screen.

Previous ScreenPrevious Screen

Page 20: Openstack Dashboard Wireframes 20110928

M7 Create Snapshot

FOR INTERNAL USE ONLY

CREATE SNAPSHOT

Snapshot Name

CancelCreate

MySnapshot_04

This screen is a modal screen and occurs on top of the previous screen.

Previous ScreenPrevious Screen

Page 21: Openstack Dashboard Wireframes 20110928

M8 Terminate Instance Dialog

FOR INTERNAL USE ONLY

TERMINATE INSTANCE

CancelOk

Are you sure you want to terminate the instanceMyInstance_06?

1

2

1 7LWOH�WR�EH�GHȴQHG�E\�FDOOLQJ�VFUHHQ�

2 7H[W�WR�EH�GHȴQHG�E\�FDOOLQJ�VFUHHQ�

This screen is a modal screen and occurs on top of the previous screen.

Previous ScreenPrevious Screen

Page 22: Openstack Dashboard Wireframes 20110928

M9 Reboot Instance Dialog

FOR INTERNAL USE ONLY

REBOOT INSTANCE

CancelOk

Are you sure you want to reboot the instanceMyInstance_06?

1

2

1 7LWOH�WR�EH�GHȴQHG�E\�FDOOLQJ�VFUHHQ�

2 7H[W�WR�EH�GHȴQHG�E\�FDOOLQJ�VFUHHQ�

This screen is a modal screen and occurs on top of the previous screen.

Previous ScreenPrevious Screen

Page 23: Openstack Dashboard Wireframes 20110928

M10 Delete Volume Dialog

FOR INTERNAL USE ONLY

DELETE VOLUME

CancelOk

Are you sure you want to delete the volumeMyVolume_012?

1

2

1 7LWOH�WR�EH�GHȴQHG�E\�FDOOLQJ�VFUHHQ�

2 7H[W�WR�EH�GHȴQHG�E\�FDOOLQJ�VFUHHQ�

This screen is a modal screen and occurs on top of the previous screen.

Previous ScreenPrevious Screen

Page 24: Openstack Dashboard Wireframes 20110928

M11 Add Volume

FOR INTERNAL USE ONLY

ADD BLOCK VOLUME

CancelCreate

Volume Name

MyVolume_03

300GB Used

Volume Size

600GB of Quota Left

50 GB

This screen is a modal screen and occurs on top of the previous screen.

Previous ScreenPrevious Screen

Page 25: Openstack Dashboard Wireframes 20110928

M12 Attach Block Volume

FOR INTERNAL USE ONLY

ATTACH BLOCK VOLUME

CancelAttach

Select Instance

Volume: MyVolume_05

MySnapshot_04

Device Path

This screen is a modal screen and occurs on top of the previous screen.

Previous ScreenPrevious Screen

Page 26: Openstack Dashboard Wireframes 20110928

M13 Add Keypair

FOR INTERNAL USE ONLY

CREATE KEYPAIR

CancelCreate

Keypair Name

This screen is a modal screen and occurs on top of the previous screen.

Previous ScreenPrevious Screen

Page 27: Openstack Dashboard Wireframes 20110928

M14 Delete Keypair

FOR INTERNAL USE ONLY

DELETE KEYPAIR

CancelOk

Are you sure you want to delete the keypairMyKeypair_06?

This screen is a modal screen and occurs on top of the previous screen.

Previous ScreenPrevious Screen

Page 28: Openstack Dashboard Wireframes 20110928

M16 Delete Object

FOR INTERNAL USE ONLY

This screen is a modal screen and occurs on top of the previous screen.

DELETE OBJECT

CancelOk

Are you sure you want to delete the objectMyObject_06?

Previous ScreenPrevious Screen

Page 29: Openstack Dashboard Wireframes 20110928

M17 Create Container

FOR INTERNAL USE ONLY

CREATE CONTAINER

CancelCreate

Container Name

This screen is a modal screen and occurs on top of the previous screen.

Previous ScreenPrevious Screen

Page 30: Openstack Dashboard Wireframes 20110928

M18 Edit Container

FOR INTERNAL USE ONLY

This screen is a modal screen and occurs on top of the previous screen.

EDIT CONTAINER

CancelCreate

Container Name

CurrentContainerName1

1 7KLV�ȴHOG�LV�SUHSRSXODWHG�ZLWK�WKH�FXUUHQW�FRQWDLQHU�QDPH�

Previous ScreenPrevious Screen

Page 31: Openstack Dashboard Wireframes 20110928

M19 Delete Container

FOR INTERNAL USE ONLY

This screen is a modal screen and occurs on top of the previous screen.

DELETE CONTAINER

CancelOk

Are you sure you want to delete the containerMyContainer_06?

Previous ScreenPrevious Screen

Page 32: Openstack Dashboard Wireframes 20110928

M20 Add Security Group

FOR INTERNAL USE ONLY

This screen is a modal screen and occurs on top of the previous screen.

ADD SECURITY GROUP

CancelAdd

Add Rule

Name

Description

IP Protocol From Port CIDRTo Port

tcp

RulesID

1

2

IP Protocol

tcp

udp

From Port

100

240

To Port

200

270

CIDR

10.4.12.0/22

10.4.12.48/77

Actions

Edit

Edit

More

More

Previous ScreenPrevious Screen

1 Actions: Edit (M20.1), Delete (A1: Flash Status).

1

Page 33: Openstack Dashboard Wireframes 20110928

M20.1 Edit Rule

FOR INTERNAL USE ONLY

This screen is a modal screen and occurs on top of the previous screen.

EDIT RULE

CancelUpdate

IP Protocol From Port CIDRTo Port

tcp 100 200 10.4.12.0/22

M20M20

Page 34: Openstack Dashboard Wireframes 20110928

M21 Edit Security Group

FOR INTERNAL USE ONLY

This screen is a modal screen and occurs on top of the previous screen.

EDIT SECURITY GROUP

CancelUpdate

Add Rule

Name

Description

IP Protocol From Port CIDRTo Port

RulesID

1

2

IP Protocol

tcp

udp

From Port

100

240

To Port

200

270

CIDR

10.4.12.0/22

10.4.12.48/77

Actions

Delete

Delete

tcp

Previous ScreenPrevious Screen

MySecurityGroup_01

MySecurityGroup_01

1

1

1 7KLV�ȴHOG�LV�SUHSRSXODWHG�ZLWK�WKH�FXUUHQW�FRQWDLQHU�QDPH�

Page 35: Openstack Dashboard Wireframes 20110928

M22 Delete Security Group

FOR INTERNAL USE ONLY

This screen is a modal screen and occurs on top of the previous screen.

DELETE SECURITY GROUP

CancelOk

Are you sure you want to delete the security groupMySecurityGroup_01?

Previous ScreenPrevious Screen

Page 36: Openstack Dashboard Wireframes 20110928

M23 Examine Table

FOR INTERNAL USE ONLY

This screen is a modal screen and occurs on top of the previous screen.

My Instances

Name

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

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

More

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

Active

OPTIONAL COLUMNS FILTERName

User

Host

Image

Size

IPs

Uptime

VolumesCloseFilter

Previous Screen

Page 37: Openstack Dashboard Wireframes 20110928

A1 Table Actions

FOR INTERNAL USE ONLY

Total Instances

ID

1

2

3

4

5

6

7

8

9

Name

InstanceName01

ThisInstance

AnotherInstance

InstanceName02

YetAnotherInstance

InstanceName03

InstanceName04

Something

InstanceInstance

Some headers support dropdown

functionality to toggle the content

displayed in the table.

Header Dropdown My Instances

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

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

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 Instances

All Instances

Flash statuses are shown inline after

some actions begin. These statuses

animate out after a certain period

of time.

Flash Status Floating IPs

ID

1

2

3

4

5

IP

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

+ AddFilter

More

More

More

More

More

Floating IPs

ID

1

2

3

4

5

IP

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

+ AddFilter

More

More

More

More

More

Disassociating...

Floating IPs

ID

1

2

3

4

5

IP

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

+ AddFilter

More

More

More

More

More

Filtering temprorarily removes

rows in which no value matches

WKH�FXUUHQW�ȴOWHU�VWULQJ�Selecting the delete button in

WKH�ȴOWHU�ȴHOG�ZLSHV�WKH�ȴOWHUstring and shows all rows.

Filter ttyImages

ID

1

4

7

9

Name

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

Images

ID

1

2

3

4

5

6

7

8

9

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

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Filter Images

ID

1

2

3

4

5

6

7

8

9

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

Status

active

active

active

active

active

active

active

active

active

Actions

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Launch

Filter

Page 38: Openstack Dashboard Wireframes 20110928

A2 Table Actions (cont.)

FOR INTERNAL USE ONLY

If only one action exists for an item,

it is displayed as a command. For more

than one actions, the most used action

is shown as a command and the rest

appear in a More menu.

Actions UsersID

admin

demo

ainu

Newu

Email

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

Actions

Edit

Edit

Edit

Edit

More

More

More

More

UsersID

admin

demo

ainu

Newu

Email

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

Actions

Edit

Edit

Edit

Edit

Disable

Delete

More

Close

More

More

UsersID

admin

demo

ainu

Newu

Email

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

Actions

Edit

Edit

Edit

Edit

More

More

More

More

UsersID

admin

demo

ainu

Newu

Email

None

None

None

None

Default Project

admin

demo

demo

newt

+ AddFilter

Actions

Disable

Delete

Selection of the “X” button in

a column’s header hides that

column. Column visibility can

be toggled in M2 Table Options.

Remove Column 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

When more than one checkbox is checked,

the actions column becomes the batch

actions column. Actions selected here

are enacted on all selected items.

Checkboxes are only shown for items

that may have batch actions applied

to them.

Batch Actions

Page 39: Openstack Dashboard Wireframes 20110928

A3 Navigation Bar

FOR INTERNAL USE ONLY

Overview

Instances & Volumes

Images

Access & Security

Containers

Proj05PROJECT

Proj05PROJECT

Proj01

Proj02

Proj03

Proj04

Proj05

Proj06

Proj07

Displays a list of all projects forwhich the current user is a member.Selection of a project navigates a userto S2 for that project.

Project Dropdown

Page 40: Openstack Dashboard Wireframes 20110928

Switching Dashboard Views

Instances & Images

Proj05

PROJECT

Project Admin

ROLE

Containers Instances & Images

Project System

Proj05

PROJECT

Project Admin

ROLE

Instances & Images

Proj05

PROJECT

Containers

Projects

Instances & Images

Containers

Project System

System Admin

ROLEInstances & Images

Containers

Projects

Access & Security

Project System

Instances & Images

Containers

Access & Security

System Admin

ROLEInstances & Images

Containers

Projects

Access & Security

Project System

Instances & Images

Proj05

PROJECT

Containers

Projects

PROJECT SIDEBAR

ONE DASHBOARD BOTH DASHBOARDS

SINGLE ROLE MULTIPLE ROLESSINGLE ROLE MULTIPLE ROLES

SYSTEM SIDEBAR