Skip to content

Video Tutorials Technical Overview

Overview

The Video Tutorials screen provides users with step-by-step instructional videos covering the setup and operation of the Smarta Pump Management System. Each video corresponds to a key onboarding or configuration step, with overlays and navigation controls for a guided learning experience.

Key Functionalities

1. Multi-Step Video Playback

  • Step Navigation:
    • Users can navigate between multiple tutorial steps, each with its own video and instructional overlay.
    • Navigation is available via previous/next buttons and step titles.
  • Source Selection:
    • The app attempts to stream videos from a remote server for up-to-date content.
    • If remote streaming fails, it automatically falls back to bundled local video files for offline access.

2. Playback Controls & Overlays

  • Play/Pause:
    • Users can play or pause the current video at any time.
  • Auto-Advance:
    • When a video finishes, the next step is automatically loaded and played.
  • Instructional Overlays:
    • Each step displays a title and text overlay with concise instructions, visible when the video is paused or stopped.
  • Sound Playback:
    • Some steps may include a separate sound button for additional audio instructions.

3. User Experience & Feedback

  • Loading Indicators:
    • A loading spinner and message are shown while videos are buffering or loading.
  • Source Indicator:
    • The UI displays whether the current video is being streamed remotely or played from local storage.
  • Responsive Design:
    • The video player and controls are optimized for mobile screens and touch interaction.

4. Robustness & Error Handling

  • Automatic Fallback:
    • If a remote video fails to load, the app seamlessly switches to the local version.
  • State Management:
    • Playback, loading, and navigation states are managed to ensure a smooth user experience.