[[PageOutline(2-5,Contents,pullout)]] == Web UI [wiki:WikiStart#web-ui Overview] === Observations View When the [wiki:WikiStart#stats-view Statistics] view provides an high-level overview of the aggregated results the //Observations// view is about looking into the details of Observations and the raw sensory output. To help to coupe with amounts of data several controls are provided to help make a specific selection from a given time period and location. [#fig1-1 Figure 1.1] provides an annotated screenshot of the //Observations// view and its various controls. [#fig1-2 Figure 1.2] shows the raw data spectrum graph of an Observation that has detected oil pollution. The figures: [#fig1-3 1.3], [#fig1-4 1.4] and [#fig1-5 1.5] demonstrate raw data spectrum graphs of invalid Observations. Frequent invalid observations are a sign of device failure or of an approaching maintenance window. ==== Figure 1.1 - Observations View - Observation without Oil Pollution #fig1-1 The annotated circles numbered from 1..11 can be clicked to jump to the details of each presented control. {{{ #!html 1 2 3 4 5 6 7 8 9 10 11 }}} [[Image(ov-observations-oil-normal.png, nolink, usemap="#fig1-1-map")]] ===== 1. Observer Selection #fig1-1-ctrl1 By default Observations are split per Observer and an Observer is always selected. ===== 2. Date Selection (Calendar) #fig1-1-ctrl2 The calendar allows to select a date which will act as a 24 hour range for selected Observer's Observations. A green dot icon in the calendar's date field's upper right corner indicates that the selected Observer has Observations on that date. ===== 3. Observation Type Selection #fig1-1-ctrl3 The Observation Type for which data is loaded into the controls below. ===== 4. Auto-update Spectrum, Live Feed Selection #fig1-1-ctrl4 When //Auto-update spectrum's// checkbox is ticked the spectrum of the last new Observation is loaded automatically into the [#fig1-1-ctrl6 Raw Spectrum Graph]. When //Live feed// checkbox is ticked the [#fig1-1-ctrl7 Selected Hour Plot] and [#fig1-1-ctrl10 24h Window] will start to automatically update themselves as new measurements arrive. ===== 5. Save Spectrum to CSV #fig1-1-ctrl5 Allows to save the raw data spectrum of selected Observation as a CSV file. If no Observation is selected the button is not visible. ===== 6. Raw Spectrum Graph #fig1-1-ctrl6 The raw data spectrum for the selected Observation Type and Observation. The spectrum presented on [#fig1-1 Figure 1.1] for Oil Pollution shows a regular spectrum pattern when no oil was found. ===== 7. Selected Hour Plot #fig1-1-ctrl7 The hour plot presents an overview of peaks in the selected hour of the 24 hour range corresponding to the date selection in the calendar. ===== 8. Single Observation Selector #fig1-1-ctrl8 The marker for a single selected Observation. The single Observer selection will also trigger a data update for the raw data spectrum graph and for the map, showing the Observation location. ===== 9. Map, Location Visualization #fig1-1-ctrl9 Location visualization and Observation details on the map. ===== 10. 24h Hour Window #fig1-1-ctrl10 The slider window representing the 24 hour range corresponding to a selected date in the calendar. ===== 11. 1h Slide Window #fig1-1-ctrl11 The one hour slide window in the 24 hour range allowing to move back and forth in the 24 hour range. ==== Figure 1.2 - Observations View - Observation with Oil Pollution #fig1-2 [[Image(ov-observations-oil-hit.png, nolink)]] ==== Figure 1.3 - Observations View - Invalid Observations #fig1-3 The screenshot below shows how invalid Observations are presented on the [#fig1-1-ctrl7 Selected Hour Plot] as separate red line-markers of which one is annotated with the blue circle labeled 1. Also, notice the differences between the shapes of raw data spectrum in [#fig1-2 Figure 1.2] - a valid Observation, and in the given [#fig1-3 Figure 1.3] representing an invalid Observation. [[Image(ov-observations-invalid-reads.png, nolink)]] ==== Figure 1.4 - Observations View - Invalid Observations 1 #fig1-4 [[Image(ov-observations-invalid-reads1.png, nolink)]] ==== Figure 1.5 - Observations View - Invalid Observations 2 #fig1-5 [[Image(ov-observations-invalid-reads2.png, nolink)]]