Jeremy Foster | @codefoster Michael Palermo | @palermo4 03 | Visual Assets and User Interaction Jeremy Foster | @codefoster Michael Palermo | @palermo4

Module Overview Creating app images Keyboard input Pointer input Mouse Pen Touch Speech input

Creating App Images

Creating App Images codefoster.com/media codefoster.com/appimages

Keyboard Input

Keyboard Input It's simple… it's just JavaScript onkeydown, onkeypress, onkeyup events

Keyboard Input in IE

Pointer Input

Pointer Input Mouse has been supported forever Pen support came in separately Touch support came in separately Pointer events (formerly MSPointer) aggregates them all

codeShow: Pointer Input

Gestures, Manipulations, and Interactions A gesture is the physical motion such as a touch, a drag, or a hold. A manipulation is the UI object's reaction to a gesture. An interaction is the resulting function or final interpretation of the manipulation.

codeShow: Gestures

Speech Input

Speech Input Voice Command for phone only Speech synthesizer (TTS) works on both

codeShow: Speech

Voice command functionality in codeShow

Summary Creating app images Keyboard input Pointer input Speech input