AppleWatch Vs AndroidWear_codemotion2015
-
Upload
ruth-paramio -
Category
Technology
-
view
94 -
download
0
Transcript of AppleWatch Vs AndroidWear_codemotion2015
![Page 1: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/1.jpg)
Android Wearvs
Apple WatchEl futuro en tu muñeca
Ruth Paramio. CEO meronapps.comcodemotion 27 Noviembre
![Page 2: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/2.jpg)
- Historia de los smartwatches- Evolución de Android Wear- Evolución de Apple Watch- ¿Qué se puede hacer desde el punto de vista del desarrollo de aplicaciones?
Agenda
![Page 3: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/3.jpg)
En los 80’
1945Dick Tracy
1982Seiko NL C01
1984Seiko RC1000
1985Seiko RC20
Sincronización de datos via cablePantalla táctilEjecutar aplicaciones
![Page 4: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/4.jpg)
En los 90’
1998Ruputer
1999Samsung SPH-WP10
Sincronización de datos via cablePantalla táctilEjecutar aplicaciones
1994Timex Datalink
Transferencia de datos vía wirelessTeléfono en el reloj
![Page 5: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/5.jpg)
En 2000
Sincronización de datos via cablePantalla táctilEjecutar aplicaciones
2001WatchPad
Transferencia de datos vía wirelessTeléfono en el reloj
Bluetooth/ IrDAAcelerómetroVibraciónSensor por huellas
2010Sony LiveView
Compatible con Android
![Page 6: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/6.jpg)
2013Pebble
Sony Smartwatch 2Samsung Galaxy Gear
2015Apple Watch
2012Motorola's Motoactv
2014Android Wear
Actualidad
![Page 7: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/7.jpg)
EVOLUCIÓNANDROID WEAR
![Page 8: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/8.jpg)
12:30 “Ok Google”
Marzo 18, 2014
Extensión de Android para los relojes. - Google Cards- Notificaciones- “Ok google”- Monitorización de salud y ejercicio
- Acceso y control de otros dispositivos
![Page 9: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/9.jpg)
12:30 “Ok Google”
Octubre 23, 2014
GPS en dispositivos Android Wear
Diciembre 10, 2014Watch Face API para Android Wear
Mayo 21, 2015
Soporte Multi-wearable
Always-on apps
Conectividad Wi-Fi
Agosto 20, 2015
Watch faces interactivos
Agosto 31, 2015
Android Wear compatible con iPhone
Noviembre, 2015
Android Wear running Android 6.0 Marshmallow- Conectividad celular- Permisos
![Page 10: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/10.jpg)
EVOLUCIÓNAPPLE WATCH
![Page 11: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/11.jpg)
WatchOS 2
- Notificaciones- Aplicaciones- Glances- Complications
![Page 12: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/12.jpg)
WatchOS 2
- Aplicaciones nativas- Complications en apps de terceros- Time Travel- Conectividad WiFi
![Page 13: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/13.jpg)
¿Qué podemos hacer desde el punto de vista del desarrollo?
WATCH FACES
NOTIFICACIONES APLICACIONES
![Page 14: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/14.jpg)
APLICACIONES
NOTIFICACIONES EN ANDROID WEAR
Notificaciones de móvil se envían automáticamente al reloj.
Implementación de funcionalidades específicas en el wearable.
- Botones de acción- Páginas
- Agrupación de notificaciones- Google Now Cards
![Page 15: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/15.jpg)
NOTIFICACIONES EN APPLE WATCH
Dos tipos de vista:
The Short-Look Interface:- Interfaz por defecto del
mensaje- No scroll- No customizable
The Long-Look Interface: 3 áreas de personalización
- Sash- Contenido de la notificación- Botones accionables
![Page 16: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/16.jpg)
APLICACIONES EN ANDROID WEAR
Google Play Services
- Sincronización de datos - Envío de mensajes- Contiene la aplicación
![Page 17: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/17.jpg)
APLICACIONES EN ANDROID WEAR
Android SDK
Limitaciones- Tamaño del dispositivo y funcionalidades- Usuarios no se descargan directamente las
apps en el reloj (vs Desarrollo)- APIs no soportadas:
- android.webkit- android.print- android.app.backup- android.appwidget- android.hardware.usb
Apps se ejecutan directamente en reloj
![Page 18: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/18.jpg)
APLICACIONES EN ANDROID WEAR
Full screen UI app:- 2D Picker- Custom
Layout
![Page 19: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/19.jpg)
APLICACIONES EN ANDROID WEAR
Full screen UI app:- Custom Layout
Layout
Listas
![Page 20: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/20.jpg)
APLICACIONES EN ANDROID WEAR
Aplicaciones“Always-on”- Modo interactivo- Modo ambiente
![Page 21: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/21.jpg)
APLICACIONES EN APPLE WATCH
Watch Connectivity Framework
- Envío de mensajes- Envío de ficheros- Contiene al WatchApp, Glances y Dynamic Notif.
![Page 22: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/22.jpg)
APLICACIONES EN APPLE WATCH
Interfaz de la aplicación la implementan conjuntamente:
- Watch app- WatchKit extension
![Page 23: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/23.jpg)
APLICACIONES EN APPLE WATCH
Principales componentes de diseño:- Labels- Imágenes- Grupos- Tablas- Botones- Switch- Sliders- Menu contextual
![Page 24: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/24.jpg)
GLANCES EN APPLE WATCH
Son una extensión de la aplicaciónMuestran información relevante a tiempo realNo permiten interactividad
![Page 25: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/25.jpg)
WATCH FACES EN ANDROID WEAR
Canvas OpenGL- colores- fondos dinámicos- animaciones- información integrada que se actualiza
![Page 26: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/26.jpg)
WATCH FACES EN ANDROID WEAR
Consideraciones en el diseño:- Modelos circulares y cuadrados- Modo ambiente e interactivo- Optimización según la tecnología de la pantalla- Tener en cuenta los elementos propios del sistema como:
- cards- indicadores- “Ok Google”
![Page 27: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/27.jpg)
WATCH FACES EN ANDROID WEAR
Watch faces interactivos- Tap target- Tap regions
- Cambios estéticos en el watch face- Mostrar información en la pantalla del reloj- Completar acciones- Lanzar una actividad específica
![Page 28: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/28.jpg)
COMPLICATIONS EN APPLE WATCH
Elementos de pequeño tamaño presentes en el watch face- muestran información actualizada- acceso directo a las aplicaciones- tienen diferentes familias:
![Page 29: AppleWatch Vs AndroidWear_codemotion2015](https://reader035.fdocuments.net/reader035/viewer/2022062901/58f2eac21a28ab790c8b458d/html5/thumbnails/29.jpg)
COMPLICATIONS EN APPLE WATCH
Principales limitaciones:- Plantillas fijas- Actualizaciones de
información mostrada limitadas