iOS7, el cambio mas grande desde la introduccion del iphone
Upcoming SlideShare
Loading in...5
×
 

iOS7, el cambio mas grande desde la introduccion del iphone

on

  • 470 views

 

Statistics

Views

Total Views
470
Views on SlideShare
352
Embed Views
118

Actions

Likes
0
Downloads
11
Comments
0

1 Embed 118

http://www5.genexus.com 118

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Introducción contando que voy a contar mi historia personal de como viví la aparición de iOS 7 desde el viaje a la WWDC y en lo que trabajamos en el generador.
  • - Pedir a Nicolas para asistir a la WWDC en Marzo / Abril (explicar que es la WWDC). - Prepararme para la compra de entradas (sold-out 71 s, 2012 2hs, 2011 12hs, 2010 8 dias).
  • - Domingo a registrarme sobre el mediodía y ya había cola. - Historia de hace 2 años con Alejandro Panizza de 5am, entonces este año a la 1am.
  • - Introducción chiste próxima slide (fanatico)
  • Contar que en la keynote se introducen los cambios y luego en el correr de la semana se profundiza en cada uno
  • A fines de Octubre del año pasado deja su cargo
  • Antes solo hardware, ahora diseño en general (Hardware + Software)
  • Antes solo OSX, ahora Software en general (OSX + iOS)
  • Sobre las características de iOS 7, voy a hablar sobre estos temas principales y para que sirven
  • La interfaz se re-diseñó por completo, basada en estos tres pilares
  • Deferencia al contenido, toda la pantalla
  • Similitud con objetos reales (esqueuomorfismo) removido, sin bordes, brillos, sobras, gradientes.
  • Uso de transparencia para dar contexto
  • - Texto legible en todos los tamaños (Dynamic Type) - Claridad de Iconos - Uso de color clave para destacar interactividad o importancia
  • Capas visuales pueden ayudar a entender la relación entre objetos en la pantalla
  • Ejemplo app calendario: ayuda a entender visualmente la jerarquia año / mes / día
  • En el video se ve mejor el concepto, desde el menu principal hasta el dia.
  • ¿Por que estos cambios? Scar esqueuomorfismo y adoptar estos principios
  • Antes y después del iPhone, al introducir el iPhone era necesario el esqueuomorfismo, ya que los telefonos eran con botones físicos, ayudó a que las personas se acostumbren. Ahora todos estan acostumbrados tocando una pantalla, por lo que es posible eliminar el esqueuomorfismo, para mejorar en otros aspectos.
  • Dynamic Type: sus dos caracteristicas mas importantes
  • Comparación de mail con diferentes el ajuste de tamaño de texto
  • Basado en el principio de deferencia, el contenido ahora ocupa toda la pantalla, inclusive por debajo de las barras.
  • Con fondo transparente y va por encima del contenido de la aplicación.
  • Status bar tiene dos modos: contenido oscuro (letras blancas) y contenido claro (letras negras)
  • - Preferir texto cuando el icono puede ser confuso - Los iconos del sistema son seguros - Evitar mezclar iconos y texto
  • Nuevos tamaños
  • Los bordes redondeados son diferentes
  • Muchos cambios en controles, de aspecto y de métricas.
  • Novedades en animaciones, las cuales pueden ser separadas en estas tres categorias
  • Motor de físicas declarativo sobre vistas: Permite declarar colisiones, gravedad, fuerzas..
  • En el primero se ven como los mensajes están atados entre si por resortes. En el segundo la pantalla de bloqueo tiene gravedad y colisiona con el fondo.
  • Transiciones entre pantallas interactivas que reaccionan a gestos y se pueden cancelar
  • API para poder saber cual es el punto de vista del usuario
  • Novedades mas importantes de multitarea
  • Caso de uso: aplicaciones de red social o de noticias.
  • Problema: contenido no disponible al abrir la app.
  • Casos de uso: Mensajería instantánea Mensajería de imágenes o video
  • Casos de uso: Bajar contenido basado en episodios (TV Shows, Podcasts) Sincronización de compras Sincronización de archivos
  • Util para ser en conjunto con los demás servicios. Se aprovecha el mejor momento para realizar la descarga.
  • Extendieron funcionalidad que tenian en la aplicación de mapas a aplicaciones de terceros. - API para obtener direcciones (como llegar), con opciones como conduciendo / caminando, rutas alternativas, tiempo estimado. - Convertir a imagen es útil cuando se quiere imprimir.
  • La primera es una mejora que difiere en base a tiempo o distancia llamar a la aplicación, lo que otorga hasta un 40% de ahorro de batería. iBeacons: para resolver región monitor, dispone de información de cercanía.
  • iBeacons: para resolver región monitor, dispone de información de cercanía.
  • Utiliza Bluetooth LE para el descubrimiento y luego Wifi P2P para la transferencia. Equivalente al compartir por NFC, pero sin la necesidad de estar chochando telefonos y es posible con mas de uno a la vez.
  • A la vuelta, tuvimos una reunion con el equipo de desarrollo, les hice una presentación de las novedades y Analizamos que necesitábamos hacer en GX para utilizar estas características de iOS 7 de manera sencilla.
  • Hay un propiedad en el tema para poder elegir el color clave de la aplicación.
  • Hay una propiedad a nivel de imagen para elegir el modo.
  • Hay nuevas propiedades en el main.

iOS7, el cambio mas grande desde la introduccion del iphone iOS7, el cambio mas grande desde la introduccion del iphone Presentation Transcript

  • #GX23 iOS 7: el cambio más grande desde la introducción del iPhone Fabian Inthamoussu Artech
  • WWDC 2013
  • WWDC 2013 View slide
  • Para ver esta película, debe disponer de QuickTime™ y de un descompresor . View slide
  • KEYNOTE TIM COOK Apple CEO
  • iOS 7
  • iOS 7 • Re-diseño de UI • Tipografía • Animaciones • Multitarea • Mapas • Localización • AirDrop & P2P • Otros
  • Re-diseño de UI • Deferencia • Claridad • Profundidad
  • Deferencia
  • Deferencia
  • Deferencia
  • Claridad
  • Profundidad
  • Profundidad
  • Re-diseño de UI ¿Por qué?
  • Re-diseño de UI Antes Después
  • Tipografía • Tamaño • Estilo Dynamic Type
  • Tamaño
  • Estilo
  • Dynamic Type
  • Re-diseño de UI
  • Re-diseño de UI El contenido ocupa toda la pantalla
  • Re-diseño de UI Transparente con efecto difuminado
  • Re-diseño de UI Status bar transparente
  • Contenido Claro Contenido Oscuro
  • Re-diseño de UI Botones en barras
  • Re-diseño de UI Botones sin bordes
  • Re-diseño de UI Iconos y texto
  • Re-diseño de UI Iconos de aplicación
  • Re-diseño de UI Iconos de aplicación
  • Re-diseño de UI iOS 7 iOS 7 iOS 6iOS 6
  • Animaciones • Dinamismo • Transiciones • Movimiento
  • Animaciones • Dinamismo • Transiciones • Movimiento
  • Animaciones UIKit Dynamics
  • Animaciones • Dinamismo • Transiciones • Movimiento
  • Animaciones • Dinamismo • Transiciones • Movimiento
  • Animaciones Motion Effects
  • Para ver esta película, debe disponer de QuickTime™ y de un descompresor H.264. Para ver esta película, debe disponer de QuickTime™ y de un descompresor H.264.
  • Para ver esta película, debe disponer de QuickTime™ y de un descompresor H.264.
  • Multitarea • Background Fetch • Remote Notifications • Background Transfer Service
  • Multitarea • Background Fetch • Remote Notifications • Background Transfer Service
  • Multitarea Background Fetch Resuelve el tener contenido fresco al entrar al la aplicación.
  • Multitarea Background Fetch
  • Multitarea Background Fetch • Llama a varias apps a la vez • Es sensible al uso de energía y datos • Se adapta al uso de la app
  • Multitarea Background Fetch
  • Multitarea • Background Fetch • Remote Notifications • Background Transfer Service
  • Multitarea Remote Notifications
  • Multitarea Remote Notifications
  • Multitarea Silent Remote Notifications
  • Multitarea • Background Fetch • Remote Notifications • Background Transfer Service
  • Multitarea Background Transfer Service Resuelve el bajar o subir datos de manera eficiente y sin tener que estar ejecutando la aplicación.
  • Mapas • Direcciones • Modo 3D • Convertir a imagen
  • Localización • Diferir actualizaciones • iBeacons
  • Localización iBeacons
  • AirDrop Permite compartir fotos, documentos, URLs y otros tipos de datos con dispositivos cercanos
  • Otras novedades SpriteKit GameControllers
  • Generador iOS
  • Generador iOS Nuevo Theme para iOS 7
  • Generador iOS Color Clave
  • Generador iOS Rendering Mode
  • Generador iOS Nuevos Iconos
  • Generador iOS • Contenido de pantalla completa • Modos de la status bar • Compatibilidad de controles • Transiciones interactivas • Diferir actualizaciones de localización. De forma automática:
  • Generador iOS Dynamic Type
  • Generador iOS Dynamic Type Smalest Medium Largest
  • Generador iOS Dynamic Type Smalest Medium Largest
  • Generador iOS Dynamic Type Smalest Medium Largest
  • Generador iOS • AirDrop • Multitarea • Nuevo tipo de Push Notifications • Background Fetch • Localización: iBeacons • Animaciones: Parallax y Motion Effects A incluir:
  • ¿Por qué?
  • Adopción de iOS 7
  • Adopción de iOS 7
  • ¡Muchas gracias! Fabian Inthamoussu Artech finthamoussu@genexus.com