Page History: Web Browser Element
Compare Page Revisions
Page Revision: 2017/05/09 00:52
|
Web Browser Element
|
| Info |
| Category: |
User Interface |
|
AddIn: |
Base Elements |
| Creator: |
OkazoLab Team |
|
Scope: |
Parent Event |
| Owns Snippets: |
no |
|
Usage: |
Presentation Screen,Status Screen, Code snippets |
Actions aligned with epochs of the parent event
| Epoch | Actions |
|---|
| After experiment onset | The element ... |
| Event rendered |
| Before event onset |
| After event onset |
| Control loop step | The element ... |
| Before event offset |
| Before experiment offset | The element ... |
Properties
Generic Properties
| Name | Property description | Constraints | Type | Upon change |
|---|
| Browser Settings |
| Web Address | Defines the web address of the page shown in the browser. | | String |
| Zoom | Defines the zoom percentage for the loaded webpage. | | Int32 |
| Is Input Enabled | Defines whether the user input is allowed into the GUI layout. If the value is false, the GUI layout is shown but its XAML elements are can not receive an user input (e.g. by the keyboard or mouse). | | Boolean |
| Browser Commands |
| Go Back Now | | Boolean |
| Go Forward Now | | Boolean |
| Run JScript Now | | String |
| Runtime Status |
| Triggering Time | Returns the local event time when the current webpage is fully loaded. The element gets triggered, each time as it happens. | | clTime |
| Is Triggered | Indicates whether the element has been triggered since the onset of the parent event. The element gets triggered each time when the current webpage is fully loaded. | | Boolean |
| Page Size | Returns the size of the current web page. | | clSize |
+=== Properties inherited from clVisualElement ===
| Name | Description | Constraints | Value Type | Upon Runtime Change |
|---|
| VISUAL APPEARANCE |
| Alpha Masking | Defines whether the visual content rendered by this element will be used as an opacity mask which is applied onto the given event surface. The active opacity mask allows one to expose pixels of the parent event surface through a solid background of the given event. If the value is true, the darker pixels of the content will make more transparent holes on the entire event surface. | | Boolean | |
| AntiAliasing | If true, the rendered content will be anti-aliased for smoother visual appearance. If false, rendering will be authentic to its source, e.g. a bitmap. | | Boolean | |
| Position | Defines the position of the element viewport on the screen. The position can be set in any of three coordinate systems: a) pixels, b) polar, c) central. | | clPoint | |
| Size | Defines the size of the element viewport on the screen. The size can be set in any of three coordinate systems: a) pixels, b) visual degrees, c) 'relative-to-screen' size. | | clSize | |
| Z Order | Indicates the current depth order of the element viewport on the surface of the parent event. The greatest number corresponds to the top position. The order can be changed by moving the element up and down in the element list. | | Int32 | |
| Pivot Point | Defines the pivot point (coordinate and the rotation centers) within the element viewport. | | stAlignment or Int32 | |
| Visible | Defines whether the element is currently visible on the event surface. The property is convenient for switching visual content on and off. | | Boolean | |
| Rotation | Defines the rotation angle (in degrees) of element viewport relative to the its pivot point. | | Double in the range 0..360 | |
| EFFECTS |
| Transparent Color | The color of the original pixels of rendered content that will be set as transparent. | | stColor | |
| Transparency Tolerance | Tolerance ratio for choosing colors that become transparent. Zero means that effect is not applied, 1 denotes that all colors will become trasparent. | | Int32, range (0..100) | |
| Color Mask | Produces a multiplicative combination of the original pixels and the selected mask color (except the alpha channel). The effect emulates a look through a colored glass. White or transparent mask color doesn't change the original pixels. | | stColor | |
| Opacity | Opacity of the rendered content. | | Int32, range (0..100) | |
| Contrast | Contrast of the rendered content. | | Int32, range (-100..100) | |
| Brightness | Defines the brighness of the rendered content. | | Int32, range (-100..100) | |
| Saturation | Saturation of the rendered content. | | Double | |
| Pixelation | Defines the pixel scale of the rendering. | | Int32, range (0..100) | |
| Blurring | The radius used in the gaussian blur of rendered content, as a pixel-based factor. The default is 0 which means no blurring. | | Int32 | |
| POSITIONAL JITTER |
| Reset Jitter | Set to true at runtime to reset the current positional jitter. | | Boolean, set true for action | |
| Current Jitter | Jitter range, in pixels (non inclusive). | . | clSize | |
| Jitter Range | Jitter range, centered at the original position of the element. | . | clSize | |
+=== Properties inherited from clElement ===
Inherited properties of clElement
| Name | Description | Constraints | Value Type | Upon Change |
|---|
| Control |
| Is Enabled | If set to false the element is completely omitted when the experiment is run. | | Boolean |
|
| Title | Title of the element. | | String |
|
Web Browser element provides a live web browser to participants. The browser works in a borderless viewport that can be placed anywhere on the parent event's surface. Apart of providing a regular web experience to participants, the browser element allows a full control of the browsing process by a researcher. The control may include a forced navigation, reading HTLM sources, settings regions of interests, custom overlays and even running custom JScripts on pre-existing pages. When coupled with Web Heatmap and Web Scanpath elements, the browser element allows to record eye-tracking data for entire web page, rather than for a currrently visible part.
Description
Short description
Snapshots
 Snapshot 1
| Snapshot 2 |
Practical Use
Technique 1
- Step 1
- Step 2
Technique 2
- Step 1
- Step 2
// Check the trial outcome. Result and RT just other user variables
// insert code snippet here..
Notes
- Insert Notes here..
- Insert Notes here..