User Interface Stories

[patrickalgrim]

Scenario 1 (On laptop w/ Gravity Proxy)

• The Host user is on their laptop in Terminal
• The Host runs into a problem, is looking for assistance
• Enter Teleport command into terminal: "tctl share --r" or "tctl share --rw" (read/write or read only)
• Link is given back to the user to share with guests
• Guests click on link and view host terminal in browser (see mockups).
• Host may be in native Terminal or go to browser, as well. [Additional points below assumes everyone is in browser; terminal is normal experience except guests can write to host's terminal if write access is given above.]
• Majority of browser window is a terminal emulator. Other elements include: who is present in session, active node, dropdown to navigate to other nodes, button to kill session (for host), button to add node.
• Participants can see who is typing into the terminal (avatar highlighting)
• Selecting a different node starts a new session but doesn't close old session.
• The owner of the node is able to kill the session ("tctl kill" or ctrl-c in terminal or kill button in active session. "tctl kill" would ask if you want to save session before killing and return link, if yes. ctrl-c would just kill automatically.)
• Guests of the session are shown a "This session is over" view once killed
• Once the session is over, the host is prompted to publish this session or not
• If yes to publish: The user is given the link to share and session is saved for some period of time
• If no to publish: The owner of the session is shown a "Thanks for using Teleport to collaborate" view and session is deleted.
• Playback mode should have: Play, Pause and scroll bar to move forward/back in time.

Note: for this scenario, I am thinking that other tabs should be hidden, including:

• Tab with history of all sessions
• Tab with list of all active sessions
• Tab with list of all nodes

[twakes]

I created some mockups in balsamiq to show the user flows: https://gravitational.mybalsamiq.com/projects/teleport/grid

[kontsevoy]

Patrick, some of the items in the ticket aren't correct (obsolete notes from the 1st day?) We'll chat in Hangout about this.

[klizhentas]

what's the purpose of this issue @kontsevoy how do we know it's done?

[patrickalgrim]

@klizhentas I started this issue as a reference for what to build in the greyboxes. I think now that we have the greybox prototype in InvisionApp we can kill this.

[klizhentas]

@patrickalgrim got it, thanks for clarifying!