Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

Overview

This is the Multisport Scoreboard is a unique widget that has the capability to be used in different sports.

Implementation

Widget Content

The scoreboard is a component that allows us to visualize the state of the match in real-time, we can obtain information related to:

  • The scores of each team.

  • An image representing the team (shield, logo, flags, or alternative image).

  • A venue where the match is played.

  • Status of the match (pre-match, live, or post-match/final).

  • Team names, in case the team name is too large, it will be displayed in a short version.

  • Additional information, depending on the sport relevant information can be displayed.
    In football, for example, penalties are rendered as additional information.

User Interface

The scoreboard is flexible in width and height which means it can adapt to its container desktop, tablet, and mobile.

Minimum size: height: 90px; width: 370px;

Match States

Depending on the match state the widget displays different kinds of elements such as quarterly scores, ball possessions, timeouts, and competitor's records

Components

Name

Image

Description

Competitor

Contains the followings elements:

  • Name of the competitor

  • Logo of the competitor

  • Timeouts lefts

  • Records (Wins-Losses)

Quartly score

Represents the resume by phases for each competitor

Match state

Represents the state of the match with elements as live chip, time clock, current phase and play information

Venue

Name of the match venue

Data Flow

Basic data flow of the widget

Customer data

Currently, the widget has customer data for the followings competitions:

Basketball

  • NFL

  • NBA

  • NCAA

Football

  • Champions League

  • Europa League

  • EPL

  • Bundesliga

  • Serie A

  • La Liga

  • MLS

Hockey

  • NHL

Customization

In order to customize the Multisport Scoreboard Widget, what needs to be done is to override the partialTheme property of the corresponding customer configuration stored in our DynamoDB database.

Exact instructions on how to achieve can be found in this article from http://MUI.com

https://mui.com/material-ui/customization/theme-components/#global-style-overrides

Configuration

These are the available configuration options that can be overridden for each customer in the configuration stored in our DynamoDB database

  • showTimeouts Hide/show timeout component

  • showRecords Hide/show records component

  • showQuarterlyScore Hide/show quarterly score component

  • showLogo Hide/show logo component

  • showTeamColor Hide/show team color component

  • showVenue Hide/show venue component

  • isAwayTeamFirst used for American competitions

  • showRanking Hide/show ranking component

  • No labels