Design/Whiteboards/Impress remote

    From The Document Foundation Wiki
    Gnome-document-open-recent.svg

    This page was marked as inactive and is retained for historical reference.
    Either the page is no longer relevant or consensus on its purpose has become unclear. To revive discussion, seek broader input via a forum such as one of our mailing lists.

    Summary

    Design an Android smartphone remote control for Impress slideshows.

    Continuation

    Phase 2

    Status

    Call for Proposals Analyzing Proposals Shaping Tentative Design Implementation in Progress Implemented

    Scope

    In Scope Out of Scope
    • Follow the Android HIG for phones
    • Navigation between slides
    • Preview of the current or next slide
    • Presenter notes
    • Phone version of Impress

    Discussion

    Personas

    • Steve: CEO of a large company. To give a good presentation, he needs to be able to control it remotely with his Android phone.
    • Nelly: 28, Phd-Student in social sciences. Used to doing presentations, but still a little stressed when she has to talk. Works with LibreOffice.

    Tentative Design

    ImpressRemoteTentative.png

    Connecting to a computer

    If the connection was forcefully disconnected (Via the modal bar) after the last time the remote was used one should need to enter a new PIN. Otherwise the app should try to reconnect using the last settings. Same goes for the PC.

    The first screen the app shows is the one to select computers that the cell can connect to via wlan or bluetooth. Then the user can generate a PIN on the phone and enter it on the PC. Those set-up screens can be reached via the overflow menu or the options view.

    On the PC the dialog shows available mobile devices. the workflow to set up the connection is the same as when using the phone to select a PC.

    Navigating

    By default, sliding to the left or the right moves to another slide of the presentation. In the options, one can choose to use hardware buttons instead/additionally.

    Views

    There are five views.

    1) Presenting mode: The current slide as well as the next slide and presenter notes are shown (aligned vertically or horizontally). Dragging the seperator in- or decreases the size of the two sections.

    2) Overview: Previews of all slides are shown

    3) Options

    3) Computer selection

    4) PIN generation

    Clock

    To switch clock modes, tap on the clock in the title bar, which will bring up a secondary toolbar. Tapping the stopwatch or countdown icon will show a tertiary toolbar, allowing the user to start, pause, reset, or set the countdown time. To get rid of the toolbars, tap on the title bar again or on the slide thumbnail/notes underneath.

    Options

    One can enable the use of hardware buttons, choose whether calls should be declined automatically and select a computer to connect to

    Disconnecting

    After connecting to a device, the user should always be able to disconnect from that device in the Impress Remote dialog in LibreOffice.

    After the user exits slideshow mode, a modal bar should appear, featuring a button to disconnect the phone and one to stay connected for future presentations.

    Proposals

    Proposal by Android272

    Mockups

    Description

    Gestures
    • Swipe left and right to switch between Slides and Notes.
    Preview
    Slide
    • Shows a preview of all slides and there slide number.
    • Double clicking or long pressing will switch directly to that slide.
    Notes
    • Shows a preview of all Notes associated with each slide and the number of the slide.
    • Double clicking or long pressing will switch directly to the slide it is associated with.
    • Slides with no Notes will show the slide instead.
    Controls
    • Right arrow steps through the next step in the slide.
    • Left arrow steps back through the last step in the slide.
    • Menu is to be determined.
    Timeline
    • The Timeline shows little dots to indicate the next slide.

    Proposal by Alexander Wilms

    Mockups

    Proposal by Mirek2

    Mockups

    Description

    The default portrait UI comprises of three "bricks": the top toolbar, a thumbnail browser, and presenter notes. The height of the presenter notes brick and the thumbnail browser brick count be adjusted using a handle between the two.

    The landscape mode would only feature the thumbnail browser and a toolbar at the side, not presenter notes.

    Moving between slides

    To move between slides, the user would either swipe horizontally, tap on the slide's thumbnail, or tap on a navigation arrow.

    Time indicator

    The time indicator sits in the middle of the toolbar. It is initially in Clock mode, but can also be set to Countdown or Stopwatch mode.

    Proposal by mahfiaz

    Open Problems

    Presentation of Slide Notes

    In the same view as slide thumbnails In a separate view
    • Allows the user to see the slide as well as the notes that accompany it simultaneously.
    • Doesn't require a tab bar (useful if we want to use the slide gesture to advance slides)
    • Make it possible to present a bigger preview of the slide and more of the notes.

    Final decision: In the same view as slide thumbnails

    Advancement of Slides

    The following are non-exclusive, and we may choose a combination of solutions.

    Using on-screen buttons Using a slide gesture By tapping on the slide thumbnail or notes
    • Allows the use of a tab bar for a slide gesture.
    • Doesn't have to be explained to the user in advance.
    • Makes it possible to navigate both back and forward.
    • Makes it possible to advance the slide without looking at the screen.
    • Makes it possible to navigate both back and forward.
    • Intuitive to touch users, who use the same gestures for moving between photos.
    • Familiar to desktop users

    Final decision: Using a slide gesture

    Portrait vs. Landscape Mode

    Show the same info Use different views
    • Consistent
    • Fast view change
    • Presenter doesn't have to look at the screen to change views
    • Consistent with Apple Keynote Remote behavior

    Final decision: Show the same info

    Clock Placement

    In the action bar Below the slide thumbnail
    • Makes the clock stand out
    • Allows use of a large font size
    • Leaves room for buttons or tabs in the action bar

    Final decision: In the action bar

    Open Topics

    Screen Blackout

    Final decision: "Blackout Screen" item in the overflow menu.

    Proposal by Mirek2

    Include a "Blackout screen" item in the slide browser (see below).

    Landscape Mode

    Final decision: Proposal below.

    Proposal by Mirek2

    Switch Clock Modes

    Final decision: Proposal below.

    Proposal by Mirek2

    To switch clock modes, tap on the clock in the title bar, which will bring up a secondary toolbar. Tapping the stopwatch or countdown icon will show a tertiary toolbar, allowing the user to start, pause, reset, or set the countdown time. To get rid of the toolbars, tap on the title bar again or on the slide thumbnail/notes underneath.

    Slide Browser

    Final decision: Proposal below, without the "Blackout screen" button.

    Proposal by Mirek2

    In Need of Design

    Computer Selection

    Has yet to be designed.

    PIN generation

    Has yet to be designed.

    PIN entry in Impress

    Has yet to be designed.

    Option to use hardware buttons for moving between slides

    Has yet to be designed.

    Option to auto-decline calls

    Has yet to be designed.

    Relevant Art