[[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 figure [#fig1-2 1.2] demonstrates 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 }}} [[Image(observations.png, nolink, usemap="#fig1-1-map")]] ===== 1. Observer Selection #fig1-1-ctrl1 By default Observations are split per Observer and an Observer needs to be selected to visualize data. ===== 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. Track latest record, Format spectrum as CSV #fig1-1-ctrl3 When //Track latest record// checkbox is ticked the spectrum of the last new Observation is loaded automatically into the [#fig1-1-ctrl4 Raw Spectrum Graph]. Also the [#fig1-1-ctrl5 Selected Hour Plot] and [#fig1-1-ctrl7 24h Window] will start to automatically update themselves as new measurements arrive. The //Format spectrum as CSV// allows to save the raw data spectrum of selected Observation as a CSV file. If no Observation is selected the button is not visible. ===== 4. Raw Spectrum Graph #fig1-1-ctrl4 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 spectrum pattern when oil was found. ===== 5. Selected Hour Plot / Single Observation Selector #fig1-1-ctrl5 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. 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. ===== 6. Map, Location Visualization #fig1-1-ctrl6 Location visualization and Observation details on the map. ===== 7. 24h Hour Window #fig1-1-ctrl7 The slider window representing the 24 hour range corresponding to a selected date in the calendar. ===== 8. 1h Slide Window #fig1-1-ctrl8 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 - Invalid Observations #fig1-2 The screenshot below shows how invalid Observations are presented on the [#fig1-1-ctrl5 Selected Hour Plot] as separate red dot. [[Image(observations_invalid_reading.png, nolink)]]