Lighting Control Graphics for Lutron in Niagara

Topic: Niagara Graphics, Lighting Integration
Difficulty: Intermediate

Overview

Create lighting control graphics for Lutron Vive systems integrated with Niagara. Design HMI touchscreen interfaces for building occupants to control lighting.

Scenario

Executive building with 3 HMI screens on first and second floors. Personnel need to adjust lighting levels and control Lutron Vive-connected lights through Niagara graphics.

Integration Components

• Lutron Vive hubs
• Niagara station (JACE or Supervisor)
• HMI touchscreen displays
• Network connectivity between systems

Lutron Integration Setup

1. Add Lutron Driver to Niagara station
2. Configure Vive Hub connection:
   • IP address of Lutron processor
   • Authentication credentials
   • Telnet/API settings
3. Discover Devices and zones
4. Map Points for control and feedback

Graphic Design for Lighting

Key Elements:

• Zone selection (floor plan or list)
• Dimming slider (0-100%)
• On/Off toggle
• Scene selection buttons
• Status indicators

PX Graphic Structure

<pxView>
  <!-- Floor Plan Background -->
  <image src="floor1_plan.svg"/>
  
  <!-- Zone Control -->
  <slider binding="ord:../LutronVive/Zone1/level"
          min="0" max="100"/>
  
  <!-- On/Off Button -->
  <button binding="ord:../LutronVive/Zone1/on"/>
  
  <!-- Status Light -->
  <statusLight binding="ord:../LutronVive/Zone1/occupied"/>
</pxView>

Scene Control

Create scene buttons for common presets:

• All On: Full brightness
• All Off: Lights off
• Presentation: Dimmed for projector
• Cleaning: Full brightness
• After Hours: Minimal lighting

HMI Considerations

• Use large touch targets (44px minimum)
• High contrast for visibility
• Simple, intuitive layout
• Responsive design for screen size
• Consider ambient light conditions

Best Practices

• Group zones logically by area
• Provide visual feedback for actions
• Include override timer displays
• Log lighting events for energy analysis

Related Topics

• Basic PX Graphics
• Dashboards & Widgets
• Schedules