Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Openstack Dashboard Wireframes 10.31.2011

Avatar for paultashima paultashima
October 31, 2011
130

Openstack Dashboard Wireframes 10.31.2011

Minor updates include use of a dropdown for more actions, clarification of statistics graphs, and cleanup on confirmation/cancellation buttons in complex modals.

Avatar for paultashima

paultashima

October 31, 2011
Tweet

Transcript

  1. D a s h b o a r d W

    i r e f r a m e s
  2. 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 M o d a l s App e nd i x C h a ng e H i s t o r y 3 4 1 6 3 2 3 7
  3. Legend M1 3 Updated October 31, 2011 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.
  4. P r o j e c t D a s

    h b o a r d
  5. User Password Forgot Password Admin ************ Sign In P1 Login

    FPO L O G O M1 P2 or P1.1 T a b l e s N o t e s No tables. No notes. 5 Updated October 31, 2011
  6. User Username and password do not match. Password Forgot Password

    Admin Sign In P1.1 Login Error FPO L O G O M1 P2 or P1.1 T a b l e s N o t e s No tables. No notes. 6 Updated October 31, 2011
  7. 20% CORE USAGE (2) 8 AVAILABLE 15% RAM USAGE (153

    GB) (815 GB) 870 GB AVAILABLE 89% DISK USAGE 36 GB AVAILABLE 18 INSTANCES 676 VCPU-HOURS 635 GB-HOURS Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Signed in as Logout Settings Overview P2 Overview P7 P2 P3 P4 P5 P6 A3 P1 Note 1 T a b l e s N o t e s No tables. 1. These options launch external monitoring tools. 7 Updated October 31, 2011 FPO L O G O
  8. My 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 Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate 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 Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Instances & Volumes Block Volumes 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 Instances - - InstanceName03 InstanceName04 - Something InstanceInstance InstanceName01 Actions Attach Attach Detach Detach Attach Detach Detach Detach Attach + Add Filter ID 1 2 3 4 5 6 7 8 9 Signed in as P3 Instances & Volumes FPO L 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: Attach (M6.1)/Detach (Flash), Terminate (M1:D2). 2. Columns: ID, Name, Size, 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. 8 Updated October 31, 2011 A2 M3
  9. My Instances 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 Actions Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Console 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 4 hrs State Active Active Active Active Active Active Active Build Build Active Active Active Active Active Active Active Filter Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Instances & Volumes Block Volumes 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 + Add Filter ID 1 2 3 4 5 6 7 8 9 Instance created successfully. Launch Additional Instance Signed in as P3.1 Instances & Volumes – New Instance FPO L 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). 9 Updated October 31, 2011 M5 Note 1
  10. Images and Snapshots 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 Filter ID 1 2 3 4 5 6 7 8 9 Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Images Signed in as P4 Images FPO L 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). 1. This Header Dropdown (see A1) allows for selection of “Images and Snapshots,” “Images Only,” and “Snapshots Only.” 10 Updated October 31, 2011 Table 1 Note 1
  11. Floating IPs 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 Filter ID 1 2 3 4 5 Keypairs Fingerprint Bloopbleepblop Bloopbleepblop Bloopbleepblop Bloopbleepblop Bloopbleepblop Bloopbleepblop Bloopbleepblop Bloopbleepblop Bloopbleepblop Bloopbleepblop Bloopbleepblop Actions Delete Delete Delete Delete Delete Delete Delete Delete Delete Delete Delete + Add Filter Name Bloop Bleep Blop Bloop Bleep Blop Bloop Bleep Blop Bloop Bleep Security Groups Name Default Group1 Group2 Group3 Group4 Description Lorem Ipsum Dolor de Sit Amet Consequtiteur + Add Filter Actions Edit Edit Edit Edit Edit ID 1 2 3 4 5 Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Access & Security Signed in as P5 Access & Security FPO L 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: Edit (M7.2), Delete (M1:D8). Add: M7. No notes. 11 Updated October 31, 2011 Table 1 Table 2 Table 3
  12. 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) 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 Object ThisInstance AnotherInstance InstanceName02 YetAnotherInstance InstanceName03 InstanceName04 Something InstanceInstance MyContainer_09 More (15 Objects, 10 GB) + Add Filter containers Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Containers Signed in as P6 Containers FPO L O G O T a b l e s N o t e s 1. Actions: Edit (M2:D4), Delete (M1:D7). 2. Columns: Object, Size, Actions. Actions: Delete (M1:D6). 1. Clicking a container opens that container, as shown for “MyContainer_09.” 2. This field only filters Containers by the beginning of their names. 3. Selecting an object begins download or in- browser viewing of that object. 12 Updated October 31, 2011 Note 1 M4 M2:D3 Note 2 Note 3 Table 2 Table 1 This screen is requires further design.
  13. 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 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... Object ThisInstance AnotherInstance InstanceName02 YetAnotherInstance InstanceName03 InstanceName04 Something InstanceInstance 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) Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Containers Signed in as P6.1 Containers FPO L O G O T a b l e s N o t e s No tables. 1. Tables containing large amounts of rows load continuously as the user scrolls. 2. Screens containing large amounts of objects load continuously as the user scrolls. 13 Updated October 31, 2011 Note 1 Note 2 If the list of containers extends beyond the screen, the page will auto-scroll to fit the container within the screen as shown here. All other interactions are the same as shown in P6. This screen is requires further design.
  14. Username: Admin Email Language [email protected] English (en) User Information Update

    Password Verify Password Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Settings Signed in as P7 Settings FPO L O G O T a b l e s N o t e s No tables. No notes. 14 Updated October 31, 2011 P7 This screen is shown for Settings if password management is performed from the dashboard.
  15. Username: Admin Change Password Email Language [email protected] English (en) User

    Information Update Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Settings Signed in as P7.1 Settings (Alternate) FPO L O G O 15 Updated October 31, 2011 P7 T a b l e s N o t e s No tables. No notes. This screen is shown for Settings if password management is performed via an external service.
  16. Back for password recovery. DELETE VOLUME Cancel OK Are you

    sure you want to delete the volume MyVolume_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. Generic Dialog errors highlight the appropriate fields and include a description of what went wrong. M1 Generic Dialog TITLE CONTENT CONFIRMATION G E N E R I C D I ALO G V AL U ES G E N E R I C D I ALO G V AL U ES C o ntinu 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: OK (Previous screen) Cancellation: Cancel (Previous screen) D3 Title: Reboot Instance Content: Are you sure you want to reboot the instance [Instance Name]? Confirmation: OK (Previous screen) Cancellation: Cancel (Previous screen) D7 Title: Delete Container Content: Are you sure you want to delete the container [Container Name]? Confirmation: OK (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: OK (Previous screen) Cancellation: Cancel (Previous screen) D4 Title: Delete Volume Content: Are you sure you want to delete the volume [Volume Name]? Confirmation: OK (Previous screen) Cancellation: Cancel (Previous screen) D5 Title: Delete Keypair Content: Are you sure you want to delete keypair [Keypair Name]? Confirmation: OK (Previous screen) Cancellation: Cancel (Previous screen) D6 Title: Delete Object Content: Are you sure you want to delete the object [Object Name]? Confirmation: OK (Previous screen) Cancellation: Cancel (Previous screen) 17 Updated October 31, 2011 CANCELLATION FORGOT PASSWORD Cancel Submit Username That username does not exist.
  17. CREATE CONTAINER Cancel Create Container Name M2 Generic Input 18

    Updated October 31, 2011 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 CONFIRMATION CANCELLATION G E N E R I C I N P U T V AL U ES D1 Title: Create Snapshot Field: Snapshot Name Confirmation: Create (Previous Screen) Cancellation: Cancel (Previous Screen) D2 Title: Create Keypair Field: Keypair Name Confirmation: Create (Previous Screen) 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)
  18. TABLE COLUMNS ID Name Project User Host Image Cancel Update

    Size IPs Uptime State Actions M3 Table Options 19 Updated October 31, 2011 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
  19. ADD OBJECTS Cancel Upload Browse Select File or Directory M4

    Add Object 20 Updated October 31, 2011 This screen is a modal screen and occurs on top of the previous screen. M4.1 Previous Screen
  20. ADD OBJECTS Cancel Uploading... M4.1 Uploading Object 21 Updated October

    31, 2011 This screen is a modal screen and occurs on top of the previous screen. Upon completion returns to screen previous to M4. M3
  21. LAUNCH INSTANCE Instance Name Size Description Cancel Use Last Instance

    Values Launch Import Use Last Instance Values m1.tiny (1vcpu / 0GB Disk / 512 MB Ram) Key Name bloopblopbleepo Security Groups Default, Group6 User Data Number of Instances 1 MyInstance_05 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. Flank pig shank p Project Quota Disk Usage (600 GB Used) 400 GB Available Instance Usage (500 Used) 500 Available RAM Usage (7800 MB Used) 1200 MB Available M5 Launch Instance 22 Updated October 31, 2011 P3.1 M5.2 Note 2 Note 3 Note 1 Previous Screen Note 4 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.
  22. EDIT INSTANCE Instance Name Description Cancel Update MyInstance_05 Previous Screen

    Previous Screen M5.1 Edit Instance 23 Updated October 31, 2011 This screen is a modal screen and occurs on top of the previous screen. Fields are prepopulated with any currently existing data.
  23. SELECT SECURITY GROUPS Default Group1 Group2 Group3 Cancel Update Group4

    Group5 Group6 M5.2 Select Security Groups 24 Updated October 31, 2011 Previous Screen Previous Screen This screen is a modal screen and occurs on top of the previous screen.
  24. ADD BLOCK VOLUME Cancel Create Volume Name MyVolume_03 300GB Used

    Volume Size 600GB of Quota Left 50 GB Previous Screen Previous Screen M6 Add Volume 25 Updated October 31, 2011 This screen is a modal screen and occurs on top of the previous screen.
  25. ATTACH BLOCK VOLUME Cancel Attach Select Instance Volume: MyVolume_05 MySnapshot_04

    Device Path M6.1 Attach Block Volume 26 Updated October 31, 2011 Previous Screen Previous Screen This screen is a modal screen and occurs on top of the previous screen.
  26. ADD SECURITY GROUP Cancel Add Add Rule Name Description IP

    Protocol From Port CIDR To Port tcp Rules 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 ID 1 2 M7 Add Security Group 27 Updated October 31, 2011 Previous Screen Previous Screen Table 1 This screen is a modal screen and occurs on top of the previous screen. T a b l e s 1. Columns: ID, IP Protocol, From Port, To Port, CIDR, Actions. Actions: Edit (M7.1), Delete (Flash)
  27. EDIT RULE Cancel Update IP Protocol From Port CIDR To

    Port tcp 100 200 10.4.12.0/22 Template Custom EDIT RULE Cancel Update IP Protocol From Port CIDR To Port tcp 100 200 10.4.12.0/22 Template SSH Cancel Update tcp 100 200 10.4.12.0/22 EDIT RULE Cancel Update IP Protocol From Port CIDR To Port tcp 100 200 10.4.12.0/22 Template SSH Previous Screen Previous Screen Previous Screen Previous Screen M7.1 Edit Rule 28 Updated October 31, 2011 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, and CIDR values. If a different template is selected, certain values may be automatically populated and the user will be unable to alter their values.
  28. EDIT SECURITY GROUP Cancel Update Add Rule Name Description IP

    Protocol From Port CIDR To Port Rules 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 ID 1 2 tcp MySecurityGroup_01 MySecurityGroup_01 Previous Screen Previous Screen M7.2 Edit Security Group 29 Updated October 31, 2011 Name and Description fields are pre-populated with current data, if available. This screen is a modal screen and occurs on top of the previous screen.
  29. 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 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 ID Security Groups Name IPs User Volumes Host Uptime Image State Size Actions Close Filter Previous Screen M8 Examine Table 30 Updated October 31, 2011 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.
  30. My Instances Name 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 Instances Name 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 Instances Name 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 Instances Name 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) 31 Updated October 31, 2011 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.
  31. ASSOCIATE FLOATING IP Cancel Associate Instance IP: 98.96.50.134 MyInstance_05 Previous

    Screen Previous Screen M9 Associate Floating IP 32 Updated October 31, 2011 This screen is a modal screen and occurs on top of the previous screen.
  32. Total Instances ID 1 2 3 4 5 6 7

    8 9 Name InstanceName01 ThisInstance AnotherInstance InstanceName02 YetAnotherInstance InstanceName03 InstanceName04 Something InstanceInstance 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 Floating IPs 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 + Add Filter ID 1 2 3 4 5 Floating IPs 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 + Add Filter ID 1 2 3 4 5 Disassociating... Floating IPs 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 + Add Filter ID 1 2 3 4 5 tty Images 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 ID 1 4 7 9 Images 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 ID 1 2 3 4 5 6 7 8 9 Images 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 ID 1 2 3 4 5 6 7 8 9 Total Instances ID 1 2 3 4 5 6 7 8 9 Name InstanceName01 ThisInstance AnotherInstance InstanceName02 YetAnotherInstance InstanceName03 InstanceName04 Something InstanceInstance 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 Floating IPs 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 + Add Filter ID 1 2 3 4 5 Floating IPs 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 + Add Filter ID 1 2 3 4 5 Disassociating... Floating IPs 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 + Add Filter ID 1 2 3 4 5 tty Images 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 ID 1 4 7 9 Images 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 ID 1 2 3 4 5 6 7 8 9 Images 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 ID 1 2 3 4 5 6 7 8 9 Total Instances ID 1 2 3 4 5 6 7 8 9 Name InstanceName01 ThisInstance AnotherInstance InstanceName02 YetAnotherInstance InstanceName03 InstanceName04 Something InstanceInstance 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 Floating IPs 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 + Add Filter ID 1 2 3 4 5 Floating IPs 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 + Add Filter ID 1 2 3 4 5 Disassociating... Floating IPs 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 + Add Filter ID 1 2 3 4 5 tty Images 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 ID 1 4 7 9 Images 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 ID 1 2 3 4 5 6 7 8 9 Images 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 ID 1 2 3 4 5 6 7 8 9 A1 Table Actions F l a s h St atu s e s H e a d e r D r o pd o w n F i l t e r Flash statuses are shown inline after some actions begin. These statuses animate out after a certain period of time. Some headers support dropdown functionality to toggle the content displayed in the table. Filtering temporarily removes rows in which no value matches the current filter value. Selecting the delete button in the filter field wipes the filter value and shows all rows. 34 Updated October 31, 2011
  33. Users Email None None None None Default Project admin demo

    demo newt + Add Filter Actions Edit Edit Edit Edit ID admin demo ainu Newu Users Email None None None None Default Project admin demo demo newt + Add Filter ID admin demo ainu Newu Actions Edit Edit Edit Edit Edit Disable Delete Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Edit Edit Edit Edit More More More More ID admin demo ainu Newu Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Disable Delete ID admin demo ainu Newu All Instances Show: 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 Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Edit Edit Edit Edit ID admin demo ainu Newu Users Email None None None None Default Project admin demo demo newt + Add Filter ID admin demo ainu Newu Actions Edit Edit Edit Edit Edit Disable Delete Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Edit Edit Edit Edit More More More More ID admin demo ainu Newu Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Disable Delete ID admin demo ainu Newu All Instances Show: 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 Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Edit Edit Edit Edit ID admin demo ainu Newu Users Email None None None None Default Project admin demo demo newt + Add Filter ID admin demo ainu Newu Actions Edit Edit Edit Edit Edit Disable Delete Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Edit Edit Edit Edit More More More More ID admin demo ainu Newu Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Disable Delete ID admin demo ainu Newu All Instances Show: 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 A2 Table Actions (Continued) 35 Updated October 31, 2011 Acti o n s B atc h Acti 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. The More Menu dropdown arrow is shown in the hover state for that row. When more than one checkbox is checked, the Actions column becomes the Batch Actions column. Actions represented in the Batch Actions column float within the column so that they are always present as the user scrolls through the table content. Actions selected here are enacted on all selected items. Only actions that may be applied to multiple items are surfaced and only items that may have batch actions applied to them show a checkbox. 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.
  34. Overview Instances & Volumes Images Access & Security Containers Proj05

    PROJECT FPO L O G O Proj05 PROJECT Proj01 Proj02 Proj03 Proj04 Proj05 Proj06 Proj07 FPO L O G O P r o j e ct D r o pd o w n Displays a list of all projects for which the current user is a member. Selection of a project navigates a user to screen P2 for that project. A3 Navigation Bar 36 Updated October 31, 2011
  35. Images 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 ID 1 2 3 4 5 6 7 8 9 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 Images 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 ID 1 2 3 4 5 6 7 8 9 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 nt e x tu 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 37 Updated October 31, 2011
  36. Change History 1 0 . 1 2 . 2 0

    1 1 1 0 . 3 1 . 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. 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. 38 Updated October 31, 2011