(12) Patent Application Publication (10) Pub. No.: US 2007/0211071 A1 Slotznick Et Al

Total Page:16

File Type:pdf, Size:1020Kb

(12) Patent Application Publication (10) Pub. No.: US 2007/0211071 A1 Slotznick Et Al US 20070211071A1 (19) United States (12) Patent Application Publication (10) Pub. No.: US 2007/0211071 A1 Slotznick et al. (43) Pub. Date: Sep. 13, 2007 (54) METHOD AND APPARATUS FOR (52) U.S. Cl. .............................................................. 34.5/594 INTERACTING WITH A VISUALLY DISPLAYED DOCUMENT ON A SCREEN (57) ABSTRACT READER User interaction of a visually displayed document is pro vided via a graphical user interface (GUI). The document (76) Inventors: Benjamin Slotznick, Mt. Gretna, PA includes, and is parsed into, a plurality of text-based gram (US); Stephen C. Sheetz, Lititz, PA matical units. An input device modality is selected from a (US) plurality of input device modalities which determines the Correspondence Address: type of input device in which a user interacts with to make AKN GUMPSTRAUSS HAUER & FELD a selection. One or more grammatical units of the document L.L.P. are then selected using the selected type of input device. ONE COMMERCE SQUARE Each grammatical unit that is selected is read aloud to the 2005 MARKET STREET, SUITE 2200 user by loading the grammatical unit into a text-to-speech PHILADELPHIA, PA 19103 (US) engine. The text of the grammatical unit is thereby auto matically spoken. Furthermore, a Switching modality is (21) Appl. No.: 11/642,247 selected from a plurality of switching modalities. The (22) Filed: Dec. 20, 2006 Switching modality determines the manner in which one or more Switches are used to make a selection. Using the Related U.S. Application Data selected Switching modality, a user steps through at least Some of the grammatical units in an ordered manner by (60) Provisional application No. 60/751,855, filed on Dec. physically activating one or more Switches associated with 20, 2005. the GUI. Each activation steps through one grammatical Publication Classification unit. Each grammatical unit that is stepped through is read aloud by loading the grammatical unit into a text-to-speech (51) Int. C. engine, thereby causing the text of the grammatical unit to G9G 5/02 (2006.01) be automatically spoken. READING MODE WAIT FOR NEXT INPUT 1502 BUTTON IS PUSHED 1503 IS THIS THE STEP HIGHILIGHT AND READ 50s FORWARD THENEXT SENTENCE BUTTON OR OBJECT 1507 IS THIS THE RE-READ SENTENCE 509 REPEAT STEP OR OBJECT BUTTON 1511 HIGHILIGHT AND READ PREVIOUS SENTENCE OR OBJECT 1515 WAIT (1502) ACTIVATE LINK OR CLICKABLE OBJECT 1521 - Y - GET NEW CHANGE PAGE 1523 1ss THIS IS THE TO CHANGEMODE HYPER w BUTTON LINK GOTO MODE START 1527 15O1 Patent Application Publication Sep. 13, 2007 Sheet 1 of 19 US 2007/0211071 A1 `ISIARISIS inSSAOOHd JLSHOO™ETRI LII HILIAASILRIAASTRIQINV HOHAGOOCIRIHIGOW SXINITCÍNWJLX£IL :RIVAALHOS;) 3ÐV?g?AGSHVä i|JUNGIITOYHOEIST). Patent Application Publication Sep. 13, 2007 Sheet 2 of 19 US 2007/0211071 A1 {{TOCIOWN zOIH… |£I{ºshaxvadsH?AO| „,HO33?S-OL-LXILHLIAAºbvà83A(TVRI |JXEJLH8OCI?L?VIJSCINQOS| (ISIHOLOSISOOHOLIZ&IXRL IZIWORTH Patent Application Publication Sep. 13, 2007 Sheet 4 of 19 US 2007/0211071 A1 (LHVHOIHA) Patent Application Publication Sep. 13, 2007 Sheet 6 of 19 US 2007/0211071 A1 (LHVHOTHA) & Patent Application Publication Sep. 13, 2007 Sheet 7 of 19 US 2007/0211071 A1 Z'9ICH (LHVHOTHd) OQ +) Patent Application Publication Sep. 13, 2007 Sheet 8 of 19 US 2007/0211071 A1 89ICH (LHVHOTHd) Patent Application Publication Sep. 13, 2007 Sheet 9 of 19 US 2007/0211071 A1 YA Patent Application Publication Sep. 13, 2007 Sheet 10 of 19 US 2007/0211071 A1 0['9ICH (LHVHOTHà) ? Patent Application Publication Sep. 13, 2007 Sheet 11 of 19 US 2007/0211071 A1 II'9IAI (LHVHOTHA) Patent Application Publication Sep. 13, 2007 Sheet 12 of 19 US 2007/0211071 A1 ZI(9IAI (LXIVHOTHA) Patent Application Publication Sep. 13, 2007 Sheet 13 of 19 US 2007/0211071 A1 9.I’9ICI (LHVHOTHA). Patent Application Publication Sep. 13, 2007 Sheet 14 of 19 US 2007/0211071 A1 SOME KEYASSIGNMENTS FOR USING STANDARD KEYBOARD Fingers to be used Key Action Finger Left hand only: Tab change mode little finger 2 step backward ring finger 3 repeat step middle finger 4 step forward pointerfinger Space bar activate thumb Left hand plus: Tab change mode little finger one finger on 2 step backward ring finger the right hand 3 repeat step middle finger 4 step forward pointerfinger Enter activate right hand pointer Left plus two: 2 step backward ring finger two fingers on 3 repeat step middle finger the right hand 4. step forward pointer finger Enter activate right hand pointer Ctrl or Alt change mode right hand thumb Right hand only: Space bar activate thumb (zero) 0 step forward pointerfinger (minus) - repeat step middle finger (plus) + step backward ring finger \ and change mode little finger Right hand plus: Tab activate left hand pointer one finger on the left hand (zero) 0 step forward pointerfinger (minus) - repeat step middle finger (plus) + step backward ring finger “\ and change mode little finger Right hand plus: Tab activate left hand pointer two fingers on Ctrl or Alt change mode left hand thumb the left hand (zero) step forward pointer finger (minus) - repeat step middle finger (plus) + step backward ring finger Fig. 14 Patent Application Publication Sep. 13, 2007 Sheet 15 of 19 US 2007/0211071 A1 READING MODE WAIT FOR NEXT INPUT 1502 Fig. 15 BUTTON IS PUSHED 1503 IS HIGHILIGHT AND READ THIS THE STEP 505 FORWARD THE NEXT SENTENCE BUTTON OR OBJECT 1507 NO IS THIS THE RE-READ SENTENCE 509 REPEAT STEP OR OBJECT BUTTON? 1511 IS THIS THE STEPY. HIGHILIGHT AND READ 513 BACKWARD PREVIOUS SENTENCE OR OBJECT BUTTON 1515 GO TO NO WAIT (1502) ACTIVATE IS LINK OR THIS THE CLICKABLE 1517 ACTIVATE BUTTON? OBJECT 1521 CHANGE PAGE 1523 TO 1ss THIS IS THE HYPER CHANGE MODE BUTTON LINK MODE 1527 Patent Application Publication Sep. 13, 2007 Sheet 16 of 19 US 2007/0211071 A1 HYPERLINK MODE WAIT FOR NEXT INPUT 1601 Fig. 16 BUTTON IS PUSHED 1603 IS HIGHILIGHT AND READ THIS THE STEP 605 THE NEXT HYPERLINK FORWARD BUTTON OR CLICKABLE OBJECT 1607 NO IS THIS THE RE-READ HYPERLINK 1609 REPEAT STEP OR CLICKABLE BUTTON? OBJECT 1611 IS HIGHILIGHT AND READ THIS THE STEP PREVIOUS HYPERLINK 1613 BACKWARD OR CLICKABLE BUTTON? OBJECT 1615 No ACTIVATE IS LINK OR THIS THE CLICKABLE 1617 ACTIVATE BUTTON OBJECT 1621 GET NEW CHANGE PAGE 1623 15 THIS IS THE TO CHANGE MODE NAVIGA BUTTON TION MODE 1627 Patent Application Publication Sep. 13, 2007 Sheet 17 of 19 US 2007/0211071 A1 NAVIGATION MODE d WAIT FOR NEXT INPUT 1701 F 19 1 7 BUTTON IS PUSHED 1703 IS THIS THE STEP HIGHILIGHT AND READ 05 FORWARD NEXT NAVIGATION BUTTON BUTTON OR TAB 1707 IS RE-READ THIS THE NAVIGATION 1709 REPEATSTEP BUTTON OR TAB BUTTON? HIGHILIGHT AND READ IS PREVIOUS THIS THE STEP NAVIGATION BUTTON 713 BACKWARD ORTAB 1715 BUTTON WAIT (1701) No IS ACTIVATE THIS THE NAVIGATION 1717 ACTIVATE BUTTON OR BUTTON TAB 1719 GET NEW CHANGE PAGE 1723 TO 1725 THIS IS THE READ CHANGE MODE ING BUTTON MODE 1727 Patent Application Publication Sep. 13, 2007 Sheet 18 of 19 US 2007/0211071 A1 [08] £18I11816081L081S081€081IL181S181|318 e6edq?AN?IdueS Patent Application Publication Sep. 13, 2007 Sheet 19 of 19 US 2007/0211071 A1 w 606I O you III8I608IL08S08£08ILI8ISI8||$18 O US 2007/021 1 071 A1 Sep. 13, 2007 METHOD AND APPARATUS FOR INTERACTING 0007 i. People who cannot read or who have difficulty WITH A VISUALLY DISPLAYED DOCUMENT ON reading, but who can hear and comprehend conversational A SCREEN READER speech. CROSS-REFERENCE TO RELATED 0008 ii. People who may have poor vision, but who can APPLICATIONS see high contrasts. 0001) This application claims the benefit of U.S. Provi 0009 iii. People with hand-motor limitations who can sional Application No. 60/751,855 filed Dec. 20, 2005 move and position a pointing device (such as a mouse) but entitled “User Interface for Stepping Through Functions of nonetheless may have a difficulty clicking on mouse buttons. a Screen Reader.” 0010 iv. People who may have learning disabilities, or cognitive disabilities (such as traumatic brain injury, mental COMPACT DISC APPENDIX retardation, or Alzheimer's disease) which make reading 0002 This patent application includes an Appendix on difficult. one compact disc having a file named appendix.txt, created 0011. However, there are people whose vision or manual on Dec. 19, 2006, and having a size of 36,864 bytes. The dexterity is even more limited than currently required for compact disc is incorporated by reference into the present Point-and-Read. Just as importantly, many disabilities are patent application. This compact disc appendix is identical progressive and increase with age, so that some people who in content to the compact disc appendix that was incorpo have the ability to use Point-and-Read may lose that ability rated by reference into U.S. Patent Application Publication as they age. The present invention is intended to extend No. 2002/0178007 (Slotznicket al.). some of the benefits of using a screen-reader like Point-and Read to Such people. COPYRIGHT NOTICE AND AUTHORIZATION 0012 (Most screen-readers, and much of assistive tech 0003 Portions of the documentation in this patent docu nology, focus on compensating for one physical disability, ment contain material that is subject to copyright protection. usually by relying upon other abilities and mental acuity. The copyright owner has no objection to the facsimile This approach does not help people who have multiple reproduction by anyone of the patent document or the patent disabilities, especially if one of their disabilities is cogni disclosure as it appears in the Patent and Trademark Office tive.) file or records, but otherwise reserves all copyright rights whatsoever.
Recommended publications
  • Predicting Search Task Difficulty
    Predicting Search Task Difficulty Jaime Arguello University of North Carolina at Chapel Hill [email protected] Abstract. Search task difficulty refers to a user's assessment about the amount of effort required to complete a search task. Our goal in this work is to learn predictive models of search task difficulty. We evaluate features derived from the user's interaction with the search engine as well as features derived from the user's level of interest in the task and level of prior knowledge in the task domain. In addition to user-interaction fea- tures used in prior work, we evaluate features generated from scroll and mouse-movement events on the SERP. In some situations, we may prefer a system that can predict search task difficulty early in the search session. To this end, we evaluate features in terms of whole-session evidence and first-round evidence, which excludes all interactions starting with the second query. Our results found that the most predictive features were different for whole-session vs. first-round prediction, that mouseover fea- tures were effective for first-round prediction, and that level of interest and prior knowledge features did not improve performance. 1 Introduction Search engine users engage in a wide variety of search tasks. A large body of prior research focused on characterizing different types of search tasks (see Li and Belkin [10]). The motivation behind this prior work is to understand how task characteristics influence search behavior and how search systems can provide customized interactions for different task types. One important search task characteristic is search task difficulty.
    [Show full text]
  • The Fancytooltips Package∗†
    The fancytooltips package∗y Robert Maˇr´ık [email protected] May 4, 2009 1 Introduction The package fancytooltips is a package for LATEX. The pdf can be created by pdflatex or by latex + dvips + AdobeDistiller1 + Adobe Acrobat2. It allows to create tooltips in a similar way like cooltooltips package, but the tooltip is a page from another PDF file. In this way you can use mathematics, pictures and animations in your tooltips. The resulting PDF file can be used also with free Abobe Reader. The tooltips are activated by clicking the active area on the screen and deac- tivated after closing page or by moving mouse outside the link. You can try the links here (Einstein's formula) and also here (animation { numbers from 1 to 6). You have to use the free Adobe Reader or nonfree Adobe Acrobat to see the effect (xpdf, evince and others fail to work with JavaScripts). For more examples how the presentation may look like see the example.pdf and example-min.pdf files in the examples subdirectory. The buttons are created using eforms.sty which is a part of AcroTeX bundle. 2 Usage 2.1 The file with tooltips The file with tooltips is an ordinary pdf file, one tooltip per page, tooltips should be in the top right corner at the page, in a colored box and the rest of the page should be transparent. If you consider to use movetips option (see below), then every page should have the dimensions equal to the dimen- sions of the colored box with tooltip3.
    [Show full text]
  • Visualizing User Interface Events Event Stream Summarization Through Signs
    Visualizing User Interface Events Event Stream Summarization through Signs Vagner Figueredo de Santana and Maria Cecília Calani Baranauskas Institute of Computing, University of Campinas (UNICAMP), Albert Einstein Av., 1251, Campinas, Brazil Keywords: Semiotics, User Interface Events, Visualization of Usage Data, Log Visualization, Event Icons, Icon Library, Image Library, User Interface Evaluation, Usability Evaluation, Accessibility Evaluation, Web Usage Mining. Abstract: Effective visual representation is related to how people interpret signs created to carry specific information. In the last years many user interface evaluation tools are considering detailed usage data to represent users’ actions. The volume of data gathered is leading developers to represent usage in a summarized way through graphical representations. If visual components used to represent complex data are not effective, then graphics used to summarize data may turn the interpretation of complex terms even harder. This work presents a study about graphical representations for user interface (UI) events and contributes with the validation of usage graph visualization and an open set of signs to support the summarization of client-side logs. The study involved 28 Information Technology specialists, potential users of UI evaluation tools. From the results one expects that evaluation tool developers, evaluators, and Web usage miners can reuse the validated usage graph representation and proposed set of signs to represent usage data in a summarized way. 1 INTRODUCTION these events is called, respectively, client-side logs and server-side logs (Santana and Baranauskas, The evaluation of user interface (UI) is a key task 2010a). when developing information systems and is part of In the last decade, website evaluation tools using a number of Software Engineering development server-side data (i.e., based on Web server logs) processes.
    [Show full text]
  • Clickjacking: Attacks and Defenses
    Clickjacking: Attacks and Defenses Lin-Shung Huang Alex Moshchuk Helen J. Wang Carnegie Mellon University Microsoft Research Microsoft Research [email protected] [email protected] [email protected] Stuart Schechter Collin Jackson Microsoft Research Carnegie Mellon University [email protected] [email protected] Abstract such as a “claim your free iPad” button. Hence, when Clickjacking attacks are an emerging threat on the web. the user “claims” a free iPad, a story appears in the user’s In this paper, we design new clickjacking attack variants Facebook friends’ news feed stating that she “likes” the using existing techniques and demonstrate that existing attacker web site. For ease of exposition, our description clickjacking defenses are insufficient. Our attacks show will be in the context of web browsers. Nevertheless, the that clickjacking can cause severe damages, including concepts and techniques described are generally applica- compromising a user’s private webcam, email or other ble to all client operating systems where display is shared private data, and web surfing anonymity. by mutually distrusting principals. We observe the root cause of clickjacking is that an Several clickjacking defenses have been proposed and attacker application presents a sensitive UI element of a deployed for web browsers, but all have shortcomings. target application out of context to a user (such as hiding Today’s most widely deployed defenses rely on frame- the sensitive UI by making it transparent), and hence the busting [21, 37], which disallows a sensitive page from user is tricked to act out of context. To address this root being framed (i.e., embedded within another web page).
    [Show full text]
  • Pen Computer Technology
    Pen Computer Technology Educates the reader about the technologies involved in a pen computer Fujitsu PC Corporation www.fujitsupc.com For more information: [email protected] © 2002 Fujitsu PC Corporation. All rights reserved. This paper is intended to educate the reader about the technologies involved in a pen computer. After reading this paper, the reader should be better equipped to make intelligent purchasing decisions about pen computers. Types of Pen Computers In this white paper, "pen computer" refers to a portable computer that supports a pen as a user interface device, and whose LCD screen measures at least six inches diagonally. This product definition encompasses five generally recognized categories of standard products, listed in Table 1 below. PRODUCT TARGET PC USER STORAGE OPERATING RUNS LOCAL EXAMPLE CATEGORY MARKET INTERFACE SYSTEM PROGRAMS Webpad Consumer & No Standard Flash Windows CE, Only via Honeywell Enterprise browser memory Linux, QNX browser WebPAD II plug-ins CE Tablet Enterprise No Specialized Flash Windows CE Yes Fujitsu applications memory PenCentra Pen Tablet Enterprise Yes Windows & Hard drive Windows 9x, Yes Fujitsu specialized NT-4, 2000, Stylistic applications XP Pen-Enabled Consumer Yes Windows Hard drive Windows 9x, Yes Fujitsu & Enterprise 2000, XP LifeBook B Series Tablet PC Consumer Yes Windows Hard drive Windows XP Yes Many under & Enterprise Tablet PC development Edition Table 1: Categories of Pen Computers with LCD Displays of Six Inches or Larger Since the different types of pen computers are often confused, the following paragraphs are intended to help explain the key distinguishing characteristics of each product category. Pen Computers Contrasted Webpad: A Webpad's primary characteristic is that its only user interface is a Web browser.
    [Show full text]
  • V9 User Manual (PDF)
    This section of the manual gives a basic introduction to AB Tutor, and describes some of the concepts, such as network layout and passwords. AB Tutor manual Introduction What is AB Tutor? Basic ABT setup Advanced setup options Introduction to passwords Startup passwords Connection password Startup switches Introduction What is AB Tutor? AB Tutor is a networked classroom, instruction, monitoring and teaching tool that lets you train students in a networked classroom or lab, simply, effectively, at a very affordable price. Teachers, trainers and administrators can use the software to easily control, manage, monitor and support their students. This is a list of the key features of AB Tutor Cross platform Windows central server Windows and Mac tutor applications Windows and Mac client applications Computer Monitoring Real-time remote screen watch Simultaneous watch by multiple tutors Network efficient sizeable thumbnail views, with changeable refresh times Create different thumbnail arrangements for each group Monitor running applications and files Identify what site/file the student is working on Monitor and log student activity (applications, printing, websites and keystrokes) Take time and name-stamped snapshots of student activity Record and play back student screen activity Live search for users/computers Monitor multiple class groups simultaneously Keyword Notification Inform tutor when specific keywords are typed Automatically take snapshots of violations Trigger remote screen recording upon violation View and export all violations
    [Show full text]
  • How to Edit a Virtual Poster
    How to Edit a Virtual Poster Go to virtualeventplace.com. Click the LOGIN or SIGN UP – IT’S FREE button. On the Login for Existing Users tab, click the Forgot Password? hyperlink and enter your email address. You will receive an email with your password to log into the site. *This email will be coming from [email protected]. When you first log-in, you will be prompted to change your password. Click on your profile photo then click on My Company or you can click here as well. How to Edit a Virtual Poster Click on the Admin Button Mouseover the Tradeshow tab and click on Booths (your poster is considered a “booth”) Scroll down and you will have the option to Display/Edit your poster booth by clicking the arrow. How to Edit a Virtual Poster You will then be able to view your poster booth in edit mode. *Please note that the overall booth design will look different than the screenshots below but the editing capabilities remain the same. How to Edit a Virtual Poster You can click on any of the Edit icons to begin editing each section of your poster booth. Clicking on the section’s Edit icon, you can add in any information you would like. You can also edit the header of each section when in the editing pop up for that section. How to Edit a Virtual Poster Have a video to share to one of the panels? Select the embedded video option when editing the section. Note that videos must be hosted on YouTube and either unlisted or public (not private).
    [Show full text]
  • 10 Things You Can Do in 10 Minutes with the Toolkit
    10 Things You Can Do in 10 Minutes With The Toolkit Darryl Hopkins Nilufer Uslu Avectra Agenda • Introduction – Purpose – What is the Toolkit? • 10 Exercises in 10 Minutes • Conclusion • Questions Purpose • Quick and easy improvements to your site that you may not know you could do with the Toolkit • Old and new tricks that are not necessarily in the training curriculum • 10 things to expand our vision and explore possibilities with the Toolkit What is the Toolkit? • History – Before AMS, Avectra built CMS – Software to build software • Concept – Everything is a data row in a database table – An engine to render this data into a web page • What does it do? – Helps expand database and software to address custom needs – Keeps customizations in structure, allows getting new features/bug fixes via upgrades and service packs • Who uses it? – Clients – Partners – Avectra Developers (R&D, Implementers) 1 of 10 – Child Forms • Adding a Copy Record Feature to a child form • BONUS: Two varieties of child form mouseover previews Requirement • Ability to copy an existing organization relationship of an individual Solution • Modify individual organization child form • Add a “copy” link in a child form to allow user to copy an existing record • Link will open the “Add” page and default certain values based on the record being copied Modify Child Form • Save a tiny “copy” GIF file in /iweb/images/img_copy.gif • Modify the Child Form Select SQL: • See wiki for more. Result • Before: • After: Result • When user clicks “copy” link, add form pops up and
    [Show full text]
  • Glossary of Terms
    Glossary of Terms Use this glossary to find the definitions of common technology terms used in Learning.com resources. Term Definition Action Settings In presentation software, allow you to use shapes and pictures as links to other slides, files, websites, or sounds. advanced search In database software, a search that involves more than one field match. alignment Positioning of data relative to a fixed point, such as the page margin; the most common types of alignment are right, left, center, and justified. alphanumeric Containing letters and/or numbers; many passwords are alphanumeric. analog information Words, symbols, or pictures made visible by varying frequencies of sound and light waves. anchor tags HTML code that can either mark a position, or anchor, in a document or create a link to other documents or anchors in the same document. Apple menu Allows the user to see a list of most available programs and access system settings; used in the Macintosh OS and is usually located in the upper left corner. Compare Start menu. application A software program designed to help a user to perform a certain task or set of tasks. Ascending Sort Tool In spreadsheet or database software, arranges a selected sequence of items in ascending order, alphabetically from A to Z, or from lowest to highest number. attachment A file sent along with an email message. Back Button In web browsing software, a button that lets the user move back among the pages previously viewed. background color In HTML code, an attribute of the body tag which changes the color of a web page background from the default color, usually white, to the color a user indicates.
    [Show full text]
  • Creating and Configuring a Custom Visualization Component
    ORACLE CORPORATION Creating and Configuring a Custom Visualization Component Oracle Big Data Discovery Version 1.1.x Copyright © 2015, Oracle and/or its affiliates. All rights reserved Oracle Big Data Discovery v1.1.x Page 1 of 38 Rev 1 Table of Contents Overview .........................................................................................................................................3 Process Overview .....................................................................................................................4 Creating a Custom Visualization Component in Studio’s Control Panel ......................4 Instantiating and Configuring a CVC in a Studio Project: .............................................13 Overview of the API features of the Donut_Pie Chart Example ..................................16 Publishing a Custom Visualization Component ..................................................................17 Unpublishing a Custom Visualization Component .............................................................17 Deleting a Custom Visualization Component .....................................................................17 Visualization Configuration ....................................................................................................18 EQL........................................................................................................................................18 Token Substitution ...............................................................................................................19
    [Show full text]
  • Web Programming
    Web Programming Lecture 4 – JavaScript and HTML Documents The JavaScript Execution Environment • Browsers display XHTML documents in a window, which is an object in its own right. JavaScript has a Window object that represents the window displaying the document. • All JavaScripts can see the various properties of the Window object. • Every Window has a Document object that represents the display XHTML documents, which has properties of its own. 1 Window Object History Location Document Link Anchor Text Form Select Text- Options Radio Button box Check- Password Submit Reset box The Document Object Model • DOM ( Document Object Model) is an API (Application Programming Interface) that defines an interface between HTML documents and application program. • It is an abstract model that applies to a variety of programming language. • Essentially, the various structures in an HTML document that are marked up with tags are considered objects, complete with properties and methods. • The attributes of an HTML tag corresponds to a property for the corresponding object. 2 A table in XHTML <!DOCTYPE html> <!-- table2.html A simple table to demonstrate DOM trees --> <html lang = "en"> <head> <title> A simple document </title> <meta charset = "utf-8" /> </head> <body> <table> <tr> <th> </th> <td> Apple </td> <td> Orange </td> </tr> <tr> <th> Breakfast </th> <td> 1 </td> <td> 0 </td> </tr> </table> </body> </html> 3 DOM Structure of the Document Document <head> <body> <title> <table> "A simple document" <tr> <tr> <th> <td> <td> <th> <td> <td> Apple Orange Breakfast 0 1 DOM – An Example • The following tag: <input type = "text" name = "address"> corresponds to an object, which has two properties type (which is text ) and name (which is address ).
    [Show full text]
  • Mouse, Touch, Or Fich: Comparing Traditional Input Modalities to a Novel Pre-Touch Technique
    Mouse, Touch, or Fich: Comparing Traditional Input Modalities to a Novel Pre-Touch Technique Jonas Müller, Lea Rieger, Ilhan Aslan, Christoph Anneser, Malte Sandstede, Felix Schwarzmeier, Björn Petrak and Elisabeth André [email protected] Human-Centered Multimedia Lab, Augsburg University Augsburg, Germany ABSTRACT However, an increasing number of today’s personal computers Finger touch and mouse-based interaction are today’s predominant are equipped with touch screens. These touch interfaces usually lack modalities to interact with screen-based user interfaces. Related a similar technique to mouseover, which would allow especially work suggests that new techniques interweaving pre-touch sensing novice users of a graphical user interface to safely explore the and touch are useful future alternatives. In this paper, we introduce application without having to be cautious of performing errors Fich, a novel pre-touch technique that augments conventional touch (e.g., pressing the wrong links or buttons) and recovering from interfaces with tooltips and further “fingerover” effects, opening these. up the space in front of the screen for user interaction. To study Constraints of graphical touch interfaces are well known. Fellow Fich in-depth, we developed a Fich-enabled weather application and researchers have, for example, proposed combining touch with compared user experience and interface discovery (“serendipity”) pre-touch sensing (e.g., [2, 9, 12]) in order to address them. While of Fich against the traditional input modalities Mouse and finger techniques combining touch and mid-air interaction have already Touch in a user study with 42 subjects. We report on the results, been proposed in previous research, there is a gap in studying the implying Fich’s user experience to be rated significantly higher effects of such techniques in typical everyday applications with in terms of hedonic quality and significantly lower in terms of multiple pre-touch enabled interactive elements, and in comparing pragmatic quality, as compared to traditional input modalities.
    [Show full text]