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

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

3. Creating App Images

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

5. Keyboard Input

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

7. Keyboard Input in IE

8. Pointer Input

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

10. codeShow: Pointer Input

11. 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.

12. codeShow: Gestures

13. Speech Input

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

15. codeShow: Speech

16. Voice command functionality in codeShow

17. Summary
Creating app images
Keyboard input
Pointer input
Speech input