Skip to main content

Launch GRM Dashboard Sample App | Design Materials and Source Code

Given the large number of satellite contacts and equipment assets that operators are responsible for, maintaining situational awareness poses a significant challenge. Operators must be able to quickly identify equipment issues and resolve them so that there are no missed opportunities to communicate with satellites. The GRM Dashboard app was designed with this goal in mind. As an operator’s primary GRM app, it would constantly occupy one of their large displays.

GRM Dashboard App
GRM Dashboard App

There are three main areas of the GRM Dashboard app: the Global Status Bar, the Alerts pane, and a tabbed content area that displays either the Contacts page or the Equipment page. The key elements are described below, but you can find much more design and task flow detail in the GRM Design Specifications and Wireframes documents. You can also launch the GRM Dashboard Sample App to explore the design interactively.

GRM Dashboard App Details
GRM Dashboard App Details

Global Status Bar

As outlined on the About GRM Designs page, each of the apps in the GRM Suite is designed to occupy its own browser window, allowing operators to focus on the task at hand. But by virtue of being integrated into a suite, the apps share common functionality, such as a single login. Much of the shared functionality is provided in the Global Status Bar, an Astro component featured in all three apps. Status bars contain an App Switcher Menu, that allows operators to transition quickly from one GRM task flow to another, a Clock, and Monitoring Icons. Status bar contents may vary somewhat between apps in order to best support each app’s individual workflows.

GRM Dashboard App Details
GRM Dashboard App Details
  1. App Switcher Menu - The App Switcher Menu allows the user to launch new instances of different GRM apps, sign in/sign out, and edit preferences.
  2. Global Clock - Time is central to many GRM service task flows, so it is included in the Global Status Bar in all GRM apps.
  3. Monitoring Icons - The Dashboard app includes Upcoming Contacts Allocated (UCA) and Software status indicators, as well as status and alert counts for each of the top categories in the equipment hierarchy.

Alerts

The Alerts panel provides operators with a roll-up of issues across the ground system, satellite vehicles, and satellite subsystems. Operators can filter the alerts by Severity and Category, allowing them to quickly identify the most critical issues or focus in on particular areas of the global system. This allows operators to efficiently track their workflow and keeps the Alerts panel more sparsely populated, so they’ll be more likely to notice when new alerts come in.

GRM Dashboard Alerts Details
GRM Dashboard Alerts Details
  1. Active Alert Hero Number - Shows number of active alerts at a glance.
  2. Filter Select menus - Filters alert list by severity and category.
  3. Expandable List Items - Expands to show alert details and call-to-action (if applicable).
  4. Investigate - Sends operators to a page with full alert details and actions for resolving the alert.
  5. Acknowledge/Dismiss - Acknowledges or dismisses alerts.

Contacts

The Contacts tab allows operators to view all contacts configured in the GRM app. Contacts can be filtered by status to allow operators to quickly identify those that failed or are currently executing. The contacts are displayed in the table along with important information such as Ground Station, Equipment String, and AOS/LOS times, but can also be clicked to provide additional detail in a new tab. The Contacts Summary at the bottom provides operators with a view of contact counts over time, color coded by status.

GRM Dashboard Contacts Details
GRM Dashboard Contacts Details
  1. Contacts Hero Numbers - Shows number of executing contacts at a glance.
  2. Segmented Button Filter - Filters Current Contacts by All, Executing, or Failed.
  3. Histogram - Y-axis measures contact counts, while the x-axis represents time.
  4. Histogram Filters - Filters may be applied to one, many or all of the Contact States; Upcoming, Executing, Complete, Failed.
  5. Zoom Control - Operators can drag the slider to zoom in or out of the Histogram

Equipment

The Equipment tab provides operators with a usage summary of the major equipment categories in their ground systems. At a glance, operators can see overall what the current percentage of the equipment is in use, idle or inoperable. This data will help operators identify shortages in particular areas or be used to develop contact schedules that drive more efficient equipment utilization. In addition to the current snapshot displayed in the donut charts at the top of the panel, operators can also view how this data has trended over time at the bottom of the panel.

GRM Dashboard Equipment Details
GRM Dashboard Equipment Details
  1. Equipment Allocation - Shows percentage of usage across top line categories at a glance.
  2. Line Chart - Y-axis displays percent of equipment in a given category allocated and x-axis represents time. A “Usage Threshold” value may be defined to identify equipment that exceeds this limit.
  3. Trending Equipment Status Filters - Filters may be applied to one, many or all of the equipment categories defined.

Alert Details

If operators choose to expand an alert via the Investigate button in the Alerts panel, an Alert Details page is displayed in the main content area. The content of the page changes somewhat depending on whether the alert pertains to a contact or a piece of equipment, but each variant allows operators to view additional detail on the alert, dismiss, acknowledge it, or take some action to remedy it. The image below shows an example of the Alert Details page for a contact-related alert; you can find information on the equipment variant along with relevant task flows in the GRM Design Specifications and Wireframes documents.

GRM Dashboard Alert Details
GRM Dashboard Alert Details
  1. Breadcrumb Navigation - returns the user to the Dashboard view.
  2. Alert Details - contains information relevant to the particular alert.
  3. Acknowledge/Dismiss - operators can acknowledge or dismiss the alert.
  4. Equipment Details - because the alert is related to a piece of equipment, information relevant to the equipment is displayed here.
  5. Event Log - displays the events leading up to the alert, which could be useful in troubleshooting.
  6. Maintenance - operators can view the status of requested maintenance or schedule a new maintenance job for the piece of equipment.
  7. Maintenance History - displays previously completed maintenance, which could be useful in troubleshooting.

Contact Details

If operators choose to click a specific contact within the Current Contacts table, a Contact Details page is displayed in the main content area. The content of the page allows operators to view additional detail on the contact and take action to modify it if necessary. The image below shows an example of the Contact Details page; you can find additional information with relevant task flows in the GRM Design Specifications and Wireframes documents.

GRM Dashboard Contact Details
GRM Dashboard Contact Details
  1. Breadcrumb Navigation - returns the user to the Dashboard view.
  2. Contact Details - information relevant to the particular contact is displayed here.
  3. Status Information - the equipment string indicates that all equipment have a normal status for this contact.
  4. Event Log - displays recent events, which could be useful if troubleshooting is needed.
  5. Modify Button - puts the contact in an editable mode to allow operators to resolve any issues, for example by modifying the Equipment String configuration if there was a more critical status present.

Task Flow Example - Modify Equipment String

Below is an animated walkthrough of a representative task flow using the GRM Dashboard app. In this flow, the operator notices a critical alert for an upcoming contact, investigates it via the Contact Alert Details page and then resolves the issue by selecting an alternative piece of equipment to use for the contact.

GRM Dashboard demo
GRM Dashboard

Design Materials and Source Code

Below are design and development resources to get you started on an app that supports GRM services. Note that there are some discrepancies between the design documents and the GRM Dashboard Sample App due to design improvements that were introduced late in the app development cycle.

ResourcesDescription
GRM Design Specifications (pdf)The GRM Design Specification contains information on use cases, task flows, UX research and wireframes for key features of the GRM App Suite.
GRM Design Wireframes (pdf)The GRM Design Wireframes document contains the complete set of wireframes (mid-fidelity renderings) of the screens designed for the GRM App Suite.
App Source Code (Git Repository)The source code Git repository and other useful documentation for the GRM Dashboard App is hosted at github.com so that you can check it out in detail.
Feedback

Help us improve Astro

Please rate your present experience with Astro:

Cancel