Download presentation
Presentation is loading. Please wait.
1
GENERALIZATION OF TOOLTIPS
Name : Saira Adams Supervisor : Prof Tucker
2
Project recap: SOLUTION :Generalization of tooltips (Audio & Video)
3
Implementation Install add-on
4
Implementation (2) Debug add-ons
5
Implementation (3) Load Temporary Add-on
6
Welcome Page: User selects preference Selected preference redirects to either audio or SASL video tooltip window
7
Audio tooltip
8
SASL Video tooltip
9
Difficulties experienced
FIREFOX BROWSER ACTIONS LIMITATIONS Unable to edit icons which cannot be removed TOOLTIP DEFINED AS TEXT Converting text to video and audio- editing not allowed Difficulties experienced
10
Changes from prototype
Extension for Firefox. Tooltips positioned within extension rather than on the actual icon. Changes from prototype
11
DEVELOPMENT OF THE SOLUTION
SOLUTION 1 : CONVERT THE TEXT TO AUDIO AND VIDEO FORMATS WHY THIS COULD NOT BE IMPLEMENTED: Tooltiptext : Predefined as a string Browser action properties: Firefox has a list of predefined actions which can be implemented on a button and within the toolbar.
12
Solution 2 WHY THIS COULD NOT BE IMPLEMENTED:
SOLUTION 2 : An on-click tooltip based on a pop-up event defined by Firefox WHY THIS COULD NOT BE IMPLEMENTED: On-click: Users would not be able to use the buttons. No mouse-over: Tooltips are always implemented on hover.
13
Arriving at final solution
Inspired by Instant Translate extension. browserAction.onClicked: Fired when a browser action icon is clicked. This event will not fire if the browser action has a popup. Researching other add-ons
14
Solution in detail browserAction.onClicked: Fired when a browser action icon is clicked. This event will not fire if the browser action has a popup. HTML Table stored with icons. Wrote a JavaScript for mouse- over & mouse-on CSS : positions the video in the correct place and sizing the video.
15
Tools used: SOFTWARE: HARDWARE: HTML 5 & CSS: Design of the UI
JAVASCIPT: Locating the icons Creating mouse-over and mouse-out Sizing and locating the video and audio in the correct place. iMOVIE : Editing of video clips & adding subtitles. SOUNDOFTEXT.COM : Creating the audio clips HARDWARE: VIDEO RECORDER : Recording all video clips
16
Project plan : term 4 Usability Testing : Sample of 4 Deaf computer literate users Usability testing : determine whether tooltip should loop or not. Implement changes from usability testing feedback. Create the user manual: SASL, text, audio. Insert audio and SASL user manuals into extension. Final usability testing Complete documentation and final presentation
17
References (1) P. Christensson Techterms. [ONLINE] Available at: (2).N. Emberton Computer Hope. [ONLINE] Available at: (3)B.L.U Group The linux information project. [ONLINE] Available at: (4) M. Oppenheim. Speech and touch enhanced interface for visually impaired users. Journal of Assistive Technologies, 7(3):146–156, 2013 (4)H. Petrie, W. Fisher, K. Weimann, and G. Weber. Augmenting icons for deaf computer users. In Extended abstracts of the 2004 Conference on Human Factors in Computing Systems, page 1131, Vienna Austria, 2004.
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.