Loading...
 

Stage

Stage is a lightweight collaboration tool that gets rid of the pain and frustration of difficult meeting access. It enables instant hassle-free collaboration with peers, supported by sharing content and video / audio conferencing.

Stage is a cloud based solution, that requires no download or installation of software or plug-ins and can be used with large format displays, laptops, tablets, computers and interactive projectors.

You can visit the Stage product page at nuiteq.com/Stage/ .

Features

  • Built-in video and voice conferencing
  • Invite colleagues from remote locations
  • Support for mobile devices such as tablets, laptops, Chromebooks™, large format interactive displays, and projectors
  • Accessible from within the browser
  • Document and file sharing
  • Save workspaces as PDFs and store them on your computer or to the cloud
  • Simple and intuitive workspace features such as annotation, writing, drawing, erasing, importing content, including videos and images
  • Scale and zoom content with multitouch gestures
  • Real-time shared whiteboarding
  • Infinite slides
  • Guest participants are not required to have an account to join a collaboration workspace.*
  • No need to download and install any software or plugins
  • Screen sharing capability, display your screen directly on Stage
  • Find your collaboration workspace safely stored in the cloud, at any time.
  • Move ideas around as Sticky Notes


*You need a Stage account to create a collaboration workspace. Contact us at mail at nuiteq.com to get an account.

User scenarios

  • Design
    • Create mood boards, concept drawings, design layouts or wireframes.

  • Productivity
    • Create effective workflows and help with fast decision making.

  • Feedback
    • Get instant feedback from your team or customers.

  • Business
    • Brainstorm ideas, create roadmaps, or map out business plans.

  • Planning
    • Easily create scheduling and resource management for your projects.

  • Meet anytime & anywhere
    • Defy space and time; have meetings with audio, video and chat.

  • Education
    • Take advantage of the multi-user capability to organize virtual trainings for your teams and customers

Top section

Image

Session ID and Session timer

Image
In the top left corner, below the top bar, you see a 6 digit code and a timer. The 6 digit code is the session ID. People can connect to your board by entering this session ID. If your session is password protected for increased security, they will have to enter the correct password to get access. You will also find the session ID conveniently located in the browser tab. The session ID can be hidden by tapping on the 'Show board ID' option in the Hamburger menu.

The timer indicates how long you have been active in the session. It is perfect for controlling meeting times. You have a real time record of meeting length and it is great for planning the flow of the meeting. Please note that when you refresh the page, the session timer restarts as well. The page for example refreshes, if you resize the browser window as well.

Additional functions

Image
If you click on the settings icon on the right top side of the board you open the settings menu. If you click on the button with the upward facing arrow, you close the settings menu. In the opened top bar, you find the below mentioned functions, including:

  • Invite via email
    • Here you can fill out email addresses (separated by commas) and optionally a description and time, to send out email invite(s) to join this board.

Image

    • If you are logged in on stg.live, you can start a new board, join an saved board and also schedule a meeting from the stg.live main page.

Image

    • In the top right corner, you can see the name of the account you are signed in with. If you want to log out, simply press the “log out” button.

Image

    • On https://stg.live , click on the "Schedule a meeting" option. This will open a modal where you can enter emails of the recipients and also other details of the meeting. Once you click on send, the recipients will receive an email with the meeting details. They can click on the Join button to join the collaboration or add a scheduled meeting to Google and Outlook/iCal calendars.


Image

Image

  • Copy Stage URL
    • This function will copy the website address, also known as URL, to the clipboard, so that you can easily paste this address.
  • Password
    • By default a board is not protected with a password. Flip the switch to protect your board with a password. By default the password is hidden. Click the eye icon in order to reveal the password.

Image

    • You have also the option to schedule a meeting with a password. Therefor you need to schedule a meeting using the button on the frontpage. The invited person will then receive an email with the password you included.
    • You can add a custom logo using the plus button next to "Attach a custom logo". The logo will then be in the receivers invitation email.
    • Also you can add multiple emails by either separating them by comma, space or semicolon.

Image
Image

  • Remote edit
    • By default Remote Edit is Yes, which means that people that join your board can collaborate with you, by making annotations, adding sticky notes, text, images, videos, PDF’s, Powerpoint files etc. They will also be able to remove content.
    • Flip the switch to NO, to avoid that people can make changes to the board, so that collaboration is disabled, which is ideal for presentation situations.
    • So simply said: Remote Edit : Yes (collaborate), Remote Edit: No (present)
    • When guests connect to a Stage that is Remote Edit: No, so in presentation mode, the collaboration tools in the bottom navigation bar are greyed out. If a guest clicks on one of the collaboration tools in the bottom navigation bar, a message appears that the person that started the Stage is presenting.

Image

Name

Image
Image
If you are using Stage for the first time or if you are using a new browser, Stage will ask you for your name when you connect to a board.
Image
You can change the name by clicking on the grey bubble.

Participants

Image
Other participants that join a board are visible in the top right of the screen, represented by a bubble with the first two initials of their name. Each participant gets a random color assigned. By clicking on your own bubble, you can change your name.

Chat

Image
In the top right corner, you can press the chat icon, to reveal and hide the chat on the right part of the screen. This is ideal for copy pasting information that you want your peers to have access to. If you post a web site address, it will become a link that people can click on, which will make the website open in a new browser window.

Video and voice

If you are the only person in the Stage session, video and voice is disabled, as not all users use video and audio. Some might use it purely for content sharing and collaboration.

Image
If somebody in addition to yourself connects to the same Stage session you are on, on the right side of the Stage, in the top, a white box will appear with several options. Even if somebody else connects, the video and audio is disabled by default. You can see that the microphone icon is greyed out. This means that the audio/voice is disabled. On the right side of the microphone icon, there is the screen sharing icon, which is also greyed out and disabled.

Image
If you click on the big green icon with the white phone, you start/join the voice call and the blue icon turns red. To stop using the voice call, press the red icon.

You can see that the microphone icon has now changed from grey outed (disabled) to white, so voice/audio is now enabled.

In between the red icon and the microphone, now a greyed out camera (disabled by default) appeared. If you click on that icon, it will turn white and the camera will be turned on. To disabled the camera, simply click the white camera icon and it will turn grey.

Image
On the far right side, you see an icon for more options. Click that icon to get more options. The 'Hide video' option allows you to minimise the cam, which is ideal if you want full focus on the content on the Stage. The '2x' option allows you to enlarge the size of the video. This is ideal if you want to focus the meeting more around video audio conferencing, rather than content sharing.

Image
To mute yourself, press on the white microphone icon.
A dialog will confirm that your microphone is now muted.

Image
To umnute yourself, press on the greyed out microphone icon.
A dialog will confirm that you microphone is now unmuted.

noteVideo quality
The video quality is based on a users internet speed. The quality of the video is automatically adjusted based on a users internet connection. A fast internet connection means a higher quality video stream. Slower internet connections might experience lower quality video streams. Also the highest possible camera resolution is 1080p.

Screen sharing

Image

You can use most of the functionality of Stage without the need to download and install any software or plug-ins. Only if you wish to use screen sharing you need to install a small plug-in if you're using Google Chrome ( Stage Screensharing extension ). Only one person can share their screen at the same time, for optimal performance.

Image
Image
To start screen sharing you need to press on the greyed out button next to the microphone icon. Once you have installed the plugin for Chrome you can select the screen that you want to stream. You also have the option to only stream a certain application. Please note that only the applications that are not minimized are available to to choose from.

Image

Screen sharing shares the entire screen or a specific window based on your choice when starting the screen sharing.

Image

The other participants can maximize the window showing the screen share by tapping on the icon on the top right side of the shared screen window.

Screen sharing is compatible with your Chrome and Firefox browser on Windows, macOS and Linux.

Center Stage

Image
This is where all the action happens. You can make annotations in different colors, erase them, add sticky notes in different colors, add text, upload images, videos, PDF pages and Powerpoint slides and you can move objects around in a natural and intuitive fashion.

Name highlights

Image
When a participant moves text, sticky notes or content on the Stage, the other participants will briefly see the name of that participant next to the object, to indicate which participant moved it. This is done to increase transparency and improve the collaboration flow.

Bottom navigation bar

Image
You can select between the various tools and options on the bottom navigation bar. If you're not using a touch screen, if you hover with your mouse over the icons, a small description of each feature will be shown.

Hamburger menu

Image
In the hamburger menu, all the way on the left of the bottom navigation bar, you have access to several handy capabilities:

  • Show board ID
    • You can toggle the visibility of the board ID from here.

  • Help
    • The help option on this menu brings you to this page.

  • Grid
    • Here you can create a grid overlay on top of the Stage. You can specify how many rows and columns you want to use.

  • Background
    • Using this option, you can set a background for the current page. Choose an image from using the file browser after clicking on this button.

Image

    • Once a background is selected, more options become available under the background selection menu. You can now reset the background to default one using the 'Reset' button. Below the Reset button, there are options for different ways to apply the background.
      • Fill: The selected image will fill the background while maintaining its aspect ratio
      • Stretch: The selected image will fill the background and match the aspect ratio of the Stage area
      • Center: The selected image will be placed as the background, in its original size at the center of the Stage.
      • Fit: The selected image will be resized to fit the height or the width of the screen, while maintaining it's aspect ratio.
      • Tile: The selected image will be repeated as across the Stage. (this effect can only be seen if the selected image is smaller than the Stage area.

  • Clear This Page
    • With this function you clear the page of the Stage that you are on. For example, if your Stage has 2 pages and you are on the second page, if you hit “CLEAR THIS PAGE” it will only clear the second page and not the first page.

  • Export PDF
    • Export PDF exports all the pages of the Stage.

  • Print
    • Print gives you the possibility to the print, several, all or a selection of the pages of Stage.

  • Account
    • Here you can change the password of your account.

Board menu

Image
The board menu is the second menu icon from the left in the bottom navigation bar, next to the hamburger menu. When the board menu is opened, you’ll see the following items, which are described in more detail below:

  • New board
  • Join a remote board
  • Edit
  • Today’s date
  • Sorting menu
  • Boards

New board

When you click new board, you’re prompted with a message. If you click “new” you will start a new board and you will leave the current board. Please note that if you leave the current board, it will NOT be deleted and it will still be accessible.

Join a remote board

Join Remote Board
If you click on “Join a remote board” you can specify your name as well as the 6 digit code of the board that you want to join. Alternatively instead of the 6 digit code, you can put the web address, for example stg.live/board/00001

Edit (rename, duplicate and delete)

If you click on edit, you go into the edit mode, where you can rename the boards. You can also duplicate boards and delete them, by selecting them and accordingly choosing “duplicate” or “delete”. You leave the edit mode, by clicking “edit” again.

Sorting boards

You can sort board based on a) created date reverse (default) b) alphabetical c) created date to more easily find the board that you are looking for.

Boards

You can see thumbnails (previews) of all the boards that you created, as well as their dates. In some cases the thumbnails have a lock symbol, which means the board is password protected. Click on the thumbnail to access the selected board.

Colors

Image
When you start or join a board, a random pen color will be assigned to you, so that when other people join, they will most likely have a different pen color than you, so all participants can be distinguished.

In the bottom navigation bar, via the third icon from the left, you can access the color menu, where you can select the color of your pen. You can choose from a selection of 9 colors including black, grey, white, orange, yellow, pink, red, blue and green.

Pen

Image
On the right side of the color icon, in the bottom navigation bar, you find the pen icon. Select the pen to make annotations on the Stage. You can even make annotations on top of sticky notes, images, videos, documents, such as PDF, Doc, Docx, XLS, XLSX and Powerpoint (PPT, PPTX) files. The inkings will stick to the content, even if you move the content around.

Highlighter

Image
The highlighter tool allows you to make colored transparent highlights. This is ideal for highlighting texts, items and sections in documents and other content.

Eraser

Image
In the bottom navigation bar, in between to the highlighter and the sticky note icons, you find the eraser. Select the eraser to choose which annotations you want to remove.

Sticky notes

Image
In the bottom navigation bar in between the eraser and the “T” text icon, you find the sticky note icon. After you clicked on the sticky note, you can place a sticky note on the Stage simply by clicking or tapping. Alternatively, when you make a click (hold) and dragging motion, you can place a sticky note with your own preferred size. After you placed a sticky note onto the Stage, you can adjust its size by dragging the circle in the lower right corner of the sticky note.

Image
Select the move icon (with the 4 arrows), located 3 positions away on the right side of the sticky note icon. If you then accordingly click the sticky note that you placed on the Stage, you can also adjust the color of the sticky note and the text size in the sticky note. If you click on the trash can icon in the top right corner of the sticky note, the sticky note will deleted. Use the pen icon to edit the sticky note's content. You can use the scrollbar for scrolling. The top bar on the sticky note can be used in any mode to move it around.

Text

Image
On the right side of the sticky note icon in the bottom navigation bar, you find an icon with the letter “T”. After you select the text tool, make a click (hold) and dragging motion to create a text field of the dimensions that you prefer. You can also create a text field simply be clicking or tapping on the Stage after you selected the text icon. Accordingly you can immediately start typing. In the lower right corner of the text field, you find a circle. Drag the circle to increase or decrease the text field size.

Image
Select the move icon (with the 4 arrows), located 2 positions away on the right side of the text icon in the bottom navigation bar. Accordingly if you select the text box again, you can delete the whole text box with the trash can icon in the top right corner. In the top left corner you can adjust the font size.

Add content

Image

On the right side of the “T” (text) icon in the bottom navigation bar, you find an icon with a box and an arrow. With this tool you can add your favourite content to Stage and share it with others. You can select a file from your local storage, such as the computer hard drive or a USB. If you are the user that started the collaboration workspace, you can even connect to your Google Drive and OneDrive accounts from with-in Stage and upload content from there.

If you are a visitor (not the starter) of a collaboration workspace, currently the only way to upload content from your favourite cloud services is by setting them up as your locally stored cloud folders. To set these up, please follow the respective guides below: -> If you are a visitor (not the starter) of a collaboration workspace, currently the only way to upload content from Dropbox is by setting them up as your locally stored cloud folders. To set Dropbox up, please follow the respective guides below:
Dropbox

Image

You can also add in images by simply dragging them in on to the Stage from another browser or the computer's filesystem.


Image
Image

When your picture or document is rotated, you can press on the button under the fullscreen icon to align the content horizontally again.

Image

You can upload PDF files, documents such as Doc, Docx, XLS, XLSX, Powerpoint (PPT, PPTX), images and videos. If you select a document file (such as Doc, PDF or Powerpoint), it will appear on the left side of the screen in a bar. You can add pages from your documents from the bar on the left side, onto the Stage, simply by dragging them horizontally onto the Stage. It is possible to move the content around, scale it up and down and rotate it. After you have added content onto the screen you can maximise the content via the maximise button in the top left corner. Select the content with the move icon (the one with the 4 arrows) in the bottom bar to delete it, via the trash can in the top right corner. You can also place content from your desktop onto the Stage, simply by dragging and dropping it.

If you add content to the Stage while the top navigation bar is open, the top navigation bar will automatically be closed, so that there is more screen space available to focus on the content.

Documents bar
Image

You can minimise the documents bar on the left side of the screen, by tapping the grey tab button with the arrow. It will get minimised automatically whenever any content on the Stage is maximised using the maximise button on them. If you have multiple documents in the documents bar, a scrolling indicator will appear. In the top left a text is visible that indicates which document file types are supported to be dragged onto the Stage. To add additional documents to the bar, press the big blue button in the top of the documents bar. In the document bar you also see the name of the file as well as a X in the top right corner of each document in order to remove it from the bar.

You also have the option to create pages from your document. Therefor you need to press on the button next to the documents name and after that on "Create pages".
Image

After that each page from the document is added to a page on your Stage board.
Image


Movies that are added to the Stage are by default looped. Videos can also be paused.

Page back

On the right side of the move icon (the one with the 4 arrows), in the bottom navigation bar, you find a greyed out arrow, pointing to the left. If it is greyed out, it means that it is disabled. It is disabled if you are on the first page. If it is blue, it is enabled and it means that you go back one page.

Pages

Image
On the right side of the arrow icon, in the bottom navigation bar, you find a page indicator with 2 numbers in it. The first number is an indicator of which page you are on. The second number is the total number of pages the Stage session has. So if you see 1/2, that means that you are on page 1 of a 2 page Stage session. Click on the icon, to open up the page switcher. If you click on the blue round icon with the white plus in it, you add a page to the Stage session. In the page switcher you see thumbnails of the pages. The number under the thumbnails indicates the page number. If a page has a green border around it, it means that you have not seen that page yet. If more than 1 page exists, a small red trash can icon appears under the page that you have selected. If you press that trash can, it will delete that page. If there are above a certain number of pages in the page switcher, a horizontal scrolling bar will appear, that allows you to scroll to other pages. A small color dot can appear on the thumbnails to indicate which pages people are viewing that are also connected to the same Stage. Stage supports an infinite number of pages.

Add page / page forward

Image
If you want to add another page to your stage board you need to press on the page indicator (between the two arrows). Press on "New page" to add a new page. Press on "Delete all pages" to delete all pages with one click.

Misc

People joining/leaving

Image
When people join or leave, you briefly see a message in the top right corner, indicating which user has joined or left. When people join the board, there is a sound indicator.

Security


Image

Introduction


Stage is a real-time collaborative workspace meeting solution that gives any organisation the opportunity to collaborate and annotate on shared documents seamlessly within a live video conferencing environment.

This new browser-based collaborative meeting solution will give you the full in-room experience regardless of your location and device.


Image

Infrastructure


All inbound and outbound data from Stage is encrypted and transmitted over TLS with 2048-bit asymmetric encryption and 256-bit symmetric encryption using certificates from Digicert, which is a highly trusted certificate authority used by (among others) major companies such as Paypal and Cloudflare.

Stage uses an Extended Validation (EV) certificate with strong domain and organisational validation. In addition HTTP Strict Transport Security (HSTS) is applied, in order to protect Stage from downgrade attacks where an attacker would be trying to downgrade a secure connection to an insecure connection.

The Stage client runs entirely online in the browser, completely contained and secured within the browser sandbox, which means it has limited access to any system it runs on and can be controlled by browser security policy.

Stage uses the standard web communication technologies WebSockets over TLS, HTTP over TLS and WebRTC over TLS.

Stage has an A+ rating from Qualys SSL Labs, the highest ranking possible, which means it is protected from all known attacks and follows all best practices.

Image

Image

Connecting to Stage is secure


Image

Passwords are stored using bcrypt hashes with a high iteration count and unique per-user salts, and in general all data is secured through very limited access policies and several layers of encryption preventing even NUITEQ employees from accessing the most sensitive user data.
Stage uses Amazon EC2, S3 and CloudFront to provide high availability as well as redundant storage of user data allowing us to make sure that we provide high availability and protection from data loss.

Image

Backend cloud provider


Amazon AWS Cloud spans 55 Availability Zones within 18 geographic Regions and 1 Local Region around the world, with announced plans for 12 more Availability Zones and four more Regions in Bahrain, Hong Kong SAR, Sweden, and a second AWS GovCloud Region in the US. AWS is the best solution in the market in terms of reliability and security for Stage.

Image

Firewall considerations


A browser needs to be able to access the internet through these ports to use Stage:
• TCP 80 (HTTP) • TCP 443 (HTTPS) • UDP 53 (DNS)
When using Layer 7 filtering or proxy with protocol filtering on these ports then the following protocols will need to be allowed by the web browser:
• HTTP • HTTPS • DNS • STUN • TURN • ICE

Proxy support


Stage will work correctly with any proxy that the users’ browser supports.

Image


https://www.ssllabs.com/ssltest/analyze.html?d=stg.live
https://en.wikipedia.org/wiki/Transport_Layer_Security
https://en.wikipedia.org/wiki/Extended_Validation_Certificate
https://en.wikipedia.org/wiki/HTTP_Strict_Transport_Security
https://www.iso.org/standard/54534.html
https://d0.awsstatic.com/whitepapers/compliance/AWS_Certifications_Programs_Reports_Third-Party_Attestations.pdf
https://d0.awsstatic.com/whitepapers/aws-security-whitepaper.pdf

System requirements

  • Compatible with your Chrome and Firefox browser on Windows, macOS and Linux.
  • An internet connection
  • You don’t need a Stage account to join and collaborate on a Stage as a guest, however to create/start your own Stage workspace, a Stage account is required

Camera setup

The following is a tutorial of how to set up your web camera on Stage with the Google Chrome browser on Windows

Troubleshooting

  • Make sure you use a Chrome browser on Windows, macOS or Linux or a Firefox browser on Windows, macOS or Linux
  • Make sure the browser is updated to the latest version for the best performance
  • If you want to use voice and camera, make sure you click “allow” when your browser asks you, when you visit stg.live for the first time.
    • If the browser can’t access your microphone, you can’t hear others either.
  • If you can’t contribute to the Stage, remote edit is disabled. Ask the person that started the Stage session to enable it.
  • If your audio is not working, try
    • Checking if the audio output device is properly connected to the computer.
    • Checking if you have given the browser permission to output the sound.
    • If you still can not hear anyone, close the browser, clear cache and restart the Stage session.
    • Ask the person talking, if their microphone is properly setup.
    • Restarting your computer.
  • If you don’t see the most recent content added by the people that are in the Stage session, make sure the browser tab is focussed (tap anywhere in the browser to bring it in focus)
  • If you are not being heard by people on the Stage,
    • Check your device’s system preferences: confirm that audio isn't muted and the correct input and output devices are selected.
    • Check if you have given the browser permission to access the microphone.
    • If you are still not being heard by anyone, close the browser, clear cache and start a new session.

FAQ

Q: Do I need to download or install any software or plugins to use Stage?
A: No, you don’t need to download or install any software or plug-ins. You can use it in the browser. You only have to install a small plug-in if you want to use the screen share function.

Q: How do I join a board?
A: You can join aboard by simply going to https://stg.live/ on a web browser and entering the 6 digit code of the board that you want to join. Alternatively instead of the 6 digit code, you can put the web address, for example stg.live/board/00001

Q: Do I need an account?
A: You don’t need an account to join and collaborate on a Stage as a guest, however to create/start your own Stage workspace, a Stage account is required.

Q: How do I change the camera on a computer which has more than one?
A: Click on the vertical ellipsis icon on the top right in your Chrome browser and select 'Settings'. On the search box on that page, type the word Content. Click on "Content settings" in the results. Here you can select the desired camera and microphone under their respective settings.


Q: Why does Stage sometimes refresh itself or push me off a call, after the Export PDF option has been used?
A: The Export PDF option downloads the PDF file which can cause the browser’s Download bar to show at the bottom of the page, triggering a page size change on Stage, thus causing it to reload the Stage and therefore any call that was open. We are currently working on fixing this.

Changelog

To see the Stage release notes / change log, please follow this link.

Back