Este documento describe cómo usar JavaScript en aplicaciones web para iPad para incorporar funcionalidades de multi-touch, gestos, GPS y acelerómetro. Explica los eventos touch y objetos touch que permiten detectar interacciones táctiles y gestos. También cubre cómo usar la ubicación y detección de movimiento para agregar contexto geográfico e interactividad a las aplicaciones web. Finalmente, enfatiza continuar usando estándares como HTML5, CSS3 y JavaScript para desarrollar aplicaciones web en lugar de depender de plataformas propietarias.
Guia Basica para bachillerato de Circuitos Basicos
Touch, gestures y acelerómetro con JavaScript en ipad
1. Touch, Gestures,
´
y Acelerometro con
JavaScript para
aplicaciones web en iPad
@@pacocuevas
2. ´ ´
Que aprenderan en 50 mins ?
cuál es la justificación para apostar en las web app´s
que necesito saber y que herramientas tener
para desarrollar mi primer gran web app
conocer los detalles de web app´s en iPhone y iPad
Multi-touch, Gestures, GPS, Acelerómetro todo con
HTML5, CSS3 y JavaScript
4. el número de
búsquedas locales
esta creciendo
exponencialmente !
a un ritmo de 50% anual
Desktop
Mobile 50%
50%
la mitad de las conexiones
a internet son realizadas
desde móviles
21. JavaScript Touch Event Model
touchstart El dedo hace contacto en la pantalla
touchmove El dedo se mueve en la pantalla
touchend El dedo es retirado de la pantalla
touchcancel El contacto ha sido interrumpido
22. TouchEvent Object
tres dedos en contacto
element.addEventListener(‘touchstart’, handleTouchStart, false);
function handleTouchStart(touchEvent) { ...
TouchEvent
Touch (contacto)
TouchList touches
TouchList changedTouches
TouchList targetTouches
23. Touch Object
uno para cada dedo
Touch
unsigned long identi er
EventTarget target
Long screenX
Long screenY
Long pageX
Long pageY
24. Touch Object
ubicando el objeto
Touch
unsigned long identi er
EventTarget target
screenX
Long screenX screenY
Long screenY
Long pageX
Long pageY
40. Recapitulando
desarrolla Web Apps tomando ventaja de una UX
con eventos touch y gestures
agrega contexto geográfico a las funcionalidades
incorpora detección de movimiento para más
interactividad
continua confiando en los estándares (HTML5, CSS3,
JavaScript)