Description
An operator screen allows someone running an experiement to observe (on an external screen) how far through a participant is, images that are on the participant screen and up-to-the-minute statistics relating to performance.
Practical Use
XAML code can define this screen's appearance and content at the level of the experiment in the code snippets. Read-only variables such as reaction time can be viewed in either text or graphical format, using XAML code to define both the graphical design and the content (the binding variables). See below for example code displaying an operator screen binding to a number of pre-defined variables such as reaction time (RT), current block and the outcome of each trial. These stats will be displayed in real time, in both text and graphical format.
<Border BorderBrush="Black" CornerRadius="15" BorderThickness="4"><Grid Margin="5"
TextBlock.FontSize="48" TextBlock.Foreground="Orange">
<Grid.Background>
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
<LinearGradientBrush.GradientStops>
<GradientStop Offset="0" Color="LightGray"/>
<GradientStop Offset="0.2" Color="Silver"/>
<GradientStop Offset="1" Color="Black"/>
</LinearGradientBrush.GradientStops>
</LinearGradientBrush>
</Grid.Background>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="350"/>
<ColumnDefinition Width="350"/>
<ColumnDefinition Width="350"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="500"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Orientation="Vertical" Grid.Column="0" Grid.Row="0">
<TextBlock Text="Block #:"/>
<TextBlock TextAlignment="Center" Text="{Binding CurrentBlock}"/>
<TextBlock Text="RT:"/>
<TextBlock TextAlignment="Center" Text="{Binding RT}"/>
<TextBlock Text=" Outcome:"/>
<TextBlock TextAlignment="Center" Text="{Binding TrialResStr}"/>
<TextBlock Text=" Trial:"/>
<TextBlock TextAlignment="Center" Text="{Binding CurrInd}"/>
</StackPanel>
<Border Margin="20" BorderThickness="4" Grid.Column="1" Grid.Row="0" Grid.ColumnSpan="2" BorderBrush="Brown" CornerRadius="3">
<Image Source="{Binding CurrentScreen}"/>
</Border>
<Image Margin="5" Grid.Column="0" Grid.Row="1" Source="{Binding distanceGraph}"/>
<Image Margin="5" Grid.Column="1" Grid.Row="1" Source="{Binding rtGraph}"/>
<Image Margin="5" Grid.Column="2" Grid.Row="1" Source="{Binding crGraph}"/>
</Grid></Border>