Navan Robot Server

Web-based control interface for the Navan autonomous water cleanup boat. This repository contains the frontend dashboard that communicates with the robot-planning system to provide intuitive manual control and real-time monitoring capabilities.

Overview

The robot-server provides a responsive web interface for operating Navan, featuring manual controls, live camera feed, and seamless mode switching between manual and autonomous operation. Built with vanilla HTML, CSS, and JavaScript for maximum compatibility and minimal dependencies.

Features

• Intuitive Control Interface: Button-based and keyboard controls for easy operation
• Live Camera Feed: Real-time video stream from the boat with auto-refresh
• Dual Operation Modes:
  • Manual Mode: Full operator control via keyboard/buttons
  • Auto Mode: Switch to autonomous plastic detection
• Visual Feedback:
  • Motor speed visualization
  • Direction indicators
  • Connection status monitoring
• Flexible Speed Control:
  • Slider-based speed adjustment (0-9)
  • Acceleration control for smooth movement
• Keyboard Shortcuts: Quick control without clicking buttons
• Responsive Design: Works on desktop and mobile devices

Interface Components

Control Panel

• Direction Controls: Forward, Left, Right, Stop buttons
• Speed Slider: Adjust motor speed from 0 (stop) to 9 (maximum)
• Acceleration Control: Fine-tune acceleration/deceleration (1-10)
• Mode Toggle: Switch between Manual and Auto modes

Status Bar

• Connection Indicator: Real-time connection status
• Current Mode Display: Shows active operation mode (Manual/Auto)
• Speed Display: Current speed value in real-time

Camera Feed

• Live Image Stream: Latest captured images from boat camera
• Auto-refresh Toggle: Enable/disable automatic image updates
• Refresh Interval: Configurable update frequency (1-60 seconds)
• Manual Refresh: Force immediate image update
• Last Updated Timestamp: Track when image was last refreshed

Visual Feedback

• Motor Visualization: Circular gauge showing motor activity
• Direction Display: Current movement direction
• Status Messages: Real-time command feedback

Keyboard Controls

Key	Action
W or ↑	Move Forward
A or ←	Turn Left
D or →	Turn Right
Space	Stop
0-9	Set Speed (0=stop, 9=max)