Web Browser Element

Modified on 2018/08/03 02:02 by Administrator Categorized as User Interface
<div style="margin-right: 10px; margin-left: 16px; margin-bottom:10px; float: right; width: 500px; overflow: hidden; height: auto; padding: 0px; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));background: -moz-linear-gradient(top, #fbfbfb, #fafafa);border: 1px dashed #ddd;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #ddd, 0 0 0 10px #fff, 0 0 2px 10px #eee;">
== Summary ==
{s:Element Info Panel
| title=Web Browser
| category=User Interface
| icon=[image|Element Icon|{UP(Web-Browser-Element)}Web-Browser-Element-Icon.png]
| author= OkazoLab
| addin= Base Layer
| scope= Parent event
| usage= Stimulus screen
| ownsnippets= None
}
== Properties ==
{|
|-
! Name
! Description                              
! Constraints
! Type
! On<br/>runtime<br/>change
|-
| colspan="5" bgcolor="#AADDDDD" | Browser Settings
|-
| Web Address        
| Defines the web address of the page shown in the browser.        
| {s:atNormal}        
| String        
|  
|-
| Zoom        
| Defines the zoom percentage for the loaded webpage        
| {s:atNormal}        
| Int32        
|  
|-
| Allowed Actions        
| Defines what types of user actions are allowed in the webbrowser.        
| {s:atNormal}        
| Int32        
|  
|-
| Hide In Loading        
| Defines whether the browser viewport is hidden until a new webpage is completely loaded        
| {s:atDesign}        
| Boolean        
|  
|-
| colspan="5" bgcolor="#AADDDDD" | Browser Commands
|-
| Go Back Now        
|          
| {s:atRuntimeAction}        
| Boolean        
|  
|-
| Go Forward Now        
|          
| {s:atRuntimeAction}        
| Boolean        
|  
|-
| Run JScript Now        
|          
| {s:atRuntimeAction}        
| String        
|  
|-
| JScript Result        
|          
| {s:atStatus}        
| Object        
|  
|-
| colspan="5" bgcolor="#AADDDDD" | 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        
| {s:atNormal}        
| clTime        
|  
|-
| Is Triggered        
| Indicates whether the element has been triggered since the onset of the parent event. The element gets triggered, as the current webpage is fully loaded (each time as it happens)        
| {s:atNormal}        
| Boolean        
|  
|-
| Page Size        
| Returns a size of the current webpage in pixels        
| {s:atStatus}        
| clSize        
|  
|-
| View Rect        
| Returns the location and size of the current viewport (visible part of the webpage)        
| {s:atStatus}        
| Rectan..        
|  
|-
| HTML Source        
| Returns the HTML source of the current webpage        
| {s:atNormal}        
| String        
|  
|-
| Is Loading        
| Indicates the loading state of the browser. It returns 'true', while a page is loading and not ready        
| {s:atStatus}        
| Boolean        
|  
|-
| colspan="5" bgcolor="#AADDDDD" |   
|-
|          
|          
| {s:atNormal}        
| Boolean        
|  
|-
| colspan="5" bgcolor="#AADDDDD" | Visual Appearance
|-
| Alpha Masking        
| Defines, whether the visual content is used to create an opacity mask on the event surface. If masking is on, the content's pixel luminance (or, its inverse) defines transparency within element's viewport. The alpha masking allows, for example, create transparent holes on the event surface.        
| {s:atDesign}        
| Int32        
|  
|-
| AntiAliasing        
| if true, the rendered content will be antialiased for smoother visual appeariance. If false, rendering will be authentic to its source, e.g. a bitmap.        
| {s:atNormal}        
| Boolean        
|  
|-
| Position        
| Defines a position of the rendering viewport on the screen        
| {s:atNormal}        
| clPoint        
|  
|-
| Size        
| Defines a size of the element's rendering viewport on the screen        
| {s:atNormal}        
| clSize        
|  
|-
| Z Order        
| Indicates Z Order of the element on the given event        
| {s:atStatus}        
| Int32        
|  
|-
| Pivot Point        
| Defines alignment of the pivot point (or, element's position) relative to element's rendering area. The pivot point sets the center of element's rotation and scale directions.        
| {s:atNormal}        
| stAlig..        
|  
|-
| Visible        
| Defines whether the element is visible        
| {s:atNormal}        
| Boolean        
|  
|-
| Rotation        
| Rotation angle in degrees        
| {s:atNormal}        
| Double        
|  
|-
| colspan="5" bgcolor="#AADDDDD" | Effects
|-
| Transparent Color        
| The color of the original pixels of rendered content that will be set as transparent        
| {s:atNormal}        
| stColor        
|  
|-
| Transparent Tolerance        
| Tolerance ratio for choosing colors that become transparent. Zero means that effect is not applied, 1 denotes that all colors will become trasparent        
| {s:atNormal}        
| Int32        
|  
|-
| 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 dont change the original pixels        
| {s:atNormal}        
| stColor        
|  
|-
| Opacity        
| Opacity of the rendered content        
| {s:atNormal}        
| Int32        
|  
|-
| Contrast        
| Contrast of the rendered content        
| {s:atNormal}        
| Int32        
|  
|-
| Brightness        
| Brightness the rendered content        
| {s:atNormal}        
| Int32        
|  
|-
| Saturation        
| Saturation of the rendered content        
| {s:atNormal}        
| Double        
|  
|-
| Pixelation        
| Pixelation of the rendered content        
| {s:atNormal}        
| Int32        
|  
|-
| Blurring        
| The radius used in the gaussian blur of rendered content, as a pixel-based factor. The default is 0 which means no blurring.        
| {s:atNormal}        
| Int32        
|  
|-
| Scrambling        
|         
| {s:atNormal}        
| Double        
|  
|-
| Scrambling Grid Size        
| Defines a size of the scrambling grid        
| {s:atNormal}        
| clSize        
|  
|-
| colspan="5" bgcolor="#AADDDDD" | Positional Jitter
|-
| Reset Jitter Now        
| Runtime command that resets the positional jitter.        
| {s:atRuntimeAction}        
| Boolean        
|  
|-
| Current Jitter        
| Returns the current jitter        
| {s:atStatus}        
| clPoint        
|  
|-
| Jitter Range        
| Defines a possible range for the random jitter. The range is centered to the position of the element.        
| {s:atNormal}        
| clSize        
|  
|-
| colspan="5" bgcolor="#AADDDDD" | Control
|-
| Is Enabled        
| If set to false the element is completely omitted when the experiment is run        
| {s:atDesign}        
| Boolean        
|  
|-
| Title        
| Title of the element        
| {s:atDesign}        
| String        
|  
|-            
|}
== ==
</div>
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
<!--*****************************************************************************************************************************************************************************-->
'''Web Browser Element''' allows interaction with dynamic webpages on the stimulus screen. 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.<br><br>
{TOC}

== Description ==

Short description

== Snapshots ==
{|
| [imageleft|Snapshot 1 <br/>|{UP(page-name)}*-sm.png|{UP(page-name)}*.png]
|| [imageleft|Snapshot 2 |{UP(page-name)}*-sm.png|{UP(page-name)}*.png]
|}

== Practical Use ==
=== Technique 1 ===

# Step 1
# Step 2

=== Technique 2 ===

# Step 1
# Step 2

@@ csharp // Check the trial outcome. Result and RT just other user variables
// insert code snippet here..
@@

== Notes ==

* Insert Notes here..
* Insert Notes here..
Meta Keywords: EventIDE, Okazolab, stimulus presentation, Usability testing, UX, Web browser
Meta Description:
Change Comment:
EventIDE Wiki

Navigation¶

Web Browser Element
