Generic Gaze Interaction Events for Web Browsers

Slides:

Advertisements

Similar presentations

INFORMATION SYSTEMS APPLIED MULTIMEDIA HIGHER This presentation will probably involve audience discussion, which will create action items. Use PowerPoint.

Advertisements

Technical and design issues in implementation Dr. Mohamed Ally Director and Professor Centre for Distance Education Athabasca University Canada New Zealand.

DIGIDOC A web based tool to Manage Documents. System Overview DigiDoc is a web-based customizable, integrated solution for Business Process Management.

MWD1001 Website Production Using JavaScript with Forms.

1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

MULTIMEDIA Development Team.

Computer Science 103 Chapter 4 Advanced JavaScript.

An Integrated Solution for Web-based Mathematical Expression Inputting Wei Su Department of Computer Science, Lanzhou University, PRC Department of Computer.

SELBO SCORM Editor for eLearning Based on Ontologies Part of eLSE project Damyan Mitev University of Plovdiv “Paisii Hilendarski”

Development of mobile applications using PhoneGap and HTML 5

A Product of Enterprise Content Management System (CMS) Web & Portal Content Management Systems for faster web publishing Copyright.

Jennifer O’Donnell EDUC 681 Survey of Instructional Technology Applications Adobe Captivate.

Week 7 Managing eLearning. “...an approach to teaching and learning that is used within a classroom or educational institution... It is designed to.

August 16, 2015Ministry of Regional Development - 2 Polish implementation system for European Funds  National Cohesion Stratergy the overall amount of.

Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.

Selecting and Developing Courses for Police Product Road Map.

Enterprise 2.0 Portals Using portals as web browsers Ensuring continued interest by internal users Creative design techniques and navigating content Consistent.

JavaScript and The Document Object Model MMIS 656 Web Design Technologies Acknowledgements: 1.Notes from David Shrader, NSU GSCIS 2.Some material adapted.

Joel Bapaga on Web Design Strategies Technologies Commercial Value.

JavaScript Teppo Räisänen LIIKE/OAMK HTML, CSS, JavaScript HTML defines the structure CSS defines the layout JavaScript is used for scripting It.

What’s New in Sage SalesLogix V Release Overview Sage SalesLogix v7.5.2 focuses on: −User Enhancements streamline the user experience furthering.

COMPARING SOFTWARE TEC-542 TAWNI GILLEN-MARTIN SEPTEMBER 24, 2014.

12 November 2010 New Way forward to ICT Literacy Training.

Tutorial 1 Getting Started with Adobe Dreamweaver CS3

Human Factor Evaluation for Marine Education by using Neuroscience Tools N. Νikitakos D. Papachristos Professor Ph.d. candidate Dept. Shipping, Trade and.

CS 215 Web Oriented Programming Review Dr. Orland Hoeber orland

Parallels in Tangible Interface & Web 2.0 Sharad Singh Solanki.

CHAPTER TEN AUTHORING.

Extending HTML CPSC 120 Principles of Computer Science April 9, 2012.

Delivering high quality, cost effective, green IT services in an agile manner that support NTU strategic plans NOW Upgrade from 9.4 to 10.2.

CHAPTER TWO INTRODUCTION TO VISUAL BASIC © Prepared By: Razif Razali 1.

Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.

Louisa Lambregts, Louisa Lambregts

IC&IC eLearning solutions Bucarest, 2 September 2010.

ArcGIS Online: Sharing your Content Ben Ramseth John Thieling.

Adaptive Faceted Browsing in Job Offers Danielle H. Lee

E-Hoop Learning Platform Functionalities Prof. Michalis Xenos Dr. Lefteris Kozanidis Eleni Chatzidaki, MSc Hellenic Open University (HOU) “Unified approach.

Leveraging Web Content Management in SharePoint 2013 Christina Wheeler.

Responsive, web-based design and visualisation interface.

Education And Training CTC IT DIVISION PivotLink User Training April 2010.

1 Using jQuery JavaScript & jQuery the missing manual (Second Edition)

Summative Assessment CoAlt Assessment PearsonAccess Training Getting Started Colorado Spring 2013 Field Test.

Learning Management System. Introduction Software application or Web-based technology used to plan, implement, and assess a specific learning process.

Simple Content Creation Tool for.LRN OpenACS and.LRN Conference By Ing. Rocael Hernández & Ing. Byron Linares.

What is Selenium Web Driver? - Selenium Training Collection.

CS 501: Software Engineering Fall 1999 Lecture 23 Design for Usability I.

Best Institutes offering Software Development courses.

Chapter Objectives Explain how to test a website before it is published Describe how to publish a website to a web server Identify ways to promote a published.

Speaker & Author: Victor Manuel García-Barrios

PIWIK JUNIOR TIDAL ASSOCIATE PROF., WEB SERVICES & MULTIMEDIA LIBRARIAN NEW YORK CITY COLLEGE OF TECHNOLOGY, CUNY.

CK121 Psychology & Computing BA (Hons)

The Semiotic Engineering of Human-Computer Interaction Section I Foundation Chapter 1 Introduction.

APPLIED MULTIMEDIA HIGHER

Angular JS Training | Angular JS online Training at GoLogica

Fast App Creation with APEX Blueprints

Publishing and Maintaining a Website

PHP Training at GoLogica in Bangalore

Pentaho and Yahoo User Interface (YUI)

APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.

Download CIW 1D0-621 Exam Latest Questions Answers - Updated 1D Braindumps - Realexamdumps.com

H5P: Using an Interactive Assessment Tool in Moodle

Session I Chapter 18 - How to Design a Web Site

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Timsoft experience in eLearning Project eLearning for Managers:

The InWEnt Blended-learning approach; GC21 as an e-learning and Blended-learning platform 22/02/2019 An introduction course on InWEnt Blended-learning.

Web Design and Development

Digital Marketing Starter Course

LO4 – New This Year and Find Out More

Presentation transcript:

Generic Gaze Interaction Events for Web Browsers Using the Eye Tracker as Input Device 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Agenda Project Learning Environment Eye Tracking Framework Gaze Events Sample Applications Future Work 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Project Adaptable and Adaptive Multimedia Systems Cluster 4 of the ScienceCampus Tübingen Part of the Knowledge Media Research Center (kmrc) Research line: Design of Interactive Informational Environments Includes 4 interdisciplinary Subprojects Participating: Computer Science (Stuttgart) and Psychology (Tübingen, Freiburg) Names of Subprojects: IT Foundations of Adaptable and Adaptive Multimedia Systems (Stuttgart) User-Driven Access to Representations and Self-Regulation in Multimedia Learning (Freiburg) Procedure- and Knowledge-Related Adaptation of Prompts in Multimedia Learning Environments: An Eye-Movement-Based Approach (Freiburg) Using Eye-Movement Parameters for the Design of an Adaptive Access to Multimedia Representations (Tübingen) 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Learning Environment Implemented as Web application Based on ILIAS (eLearning CMS) Two main parts: Dynamic learning view Authoring environment 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Learning View 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Drag & Drop 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Interactive Help 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Dynamic Content 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Dynamic Content 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Templates 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Authoring Environment Integrated in ILIAS Conventions from ILIAS Courses Folders Containers 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Authoring Environment Integrated in ILIAS Conventions from ILIAS Courses Folders Containers 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Authoring Environment Content creation Content manipulation 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Authoring Environment Content creation Content manipulation 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Authoring Environment Content creation Content manipulation 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Authoring Environment Layout and navigation configuration Import and Export 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Motivation Requirements for Learning Environment Adaptable User Interface, Adaptable Content by User, Interactive Help, Assessments, …, Eye Tracking Requirements for Eye Tracking Access to data in real-time Correlate data to content elements Data has to be accessible within Learning Environment 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Eye Tracking Tracking user gaze on screen Analysis of data Scanpath Heatmap Statistics Applied in Marketing-, Usability- and Psychology-Research Can also be used for User Interaction Selecting Elements Activating Elements 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Framework iTrackServer Connect Eye Tracker to Web browser Custom protocol Generic Eye Tracker support JavaScript API Control Eye Tracker Access gaze samples Generate gaze events 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Gaze Events Generate events on DOM-Level in Web browser Using ElementFromPoint to get target objects for events Events derived from mouse events: gazeOver, gazeMove, gazeOut, gazeEnter and gazeLeave Additional events fixationStart and fixationEnd Uses jQuery event system 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Implementation Quirks Screen to Web browser client coordinate conversion for ElementFromPoint Trick with mouse button click Special treatment for area tags within image maps 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Coordinate Evaluation Validated with SMI Experiment Center Compared gaze position within Web browser with global position on screen 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Coordinate Evaluation Validated with SMI Experiment Center Compared gaze position within Web browser with global position on screen 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Sample Applications Interactive highlighting Quiz Pong 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Sample Applications Interactive highlighting Quiz Pong 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Sample Applications Interactive highlighting Quiz Pong 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Learning Environment: Highlighting of Relations 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Learning Environment: Assessments & Prompts LU1 RA1 LU2 prompt B RA2 RA3 false Pretest true Analysis prompt C prompt A 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Learning Environment: Assessments & Prompts 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Learning Environment: Assessments & Prompts 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Future Work Calibration within Web browser coordinate adaptation is no longer required Gaze sample filter API + filters High-level gaze events User tools for marking and annotating content in learning view User tools to share enriched data Optimizations for mobile devices 16 April, 2012 Benjamin Wassermann, Media University Stuttgart

Benjamin Wassermann, Media University Stuttgart Thank you. Contact: Benjamin Wassermann Media University Stuttgart Nobelstraße 10 70569 Stuttgart - Germany wassermann@hdm-stuttgart.de 16 April, 2012 Benjamin Wassermann, Media University Stuttgart