Diseño y desarrollo de aplicaciones iOS

Presentación de la jornada impartida en el Parque Tecnológico de Zamudio (Bizkaia), bajo la iniciativa "Enpresa Digitala", el 2 de Octubre de 2014.
Nivel básico, no se toca nada de programación. Información sobre recursos y herramientas necesarias para adentrarse en el diseño y desarrollo de aplicaciones para iOS.

Transcript

1. Diseño y desarrollo de aplicaciones para iOS Imanol Terán Maruri, WIDDIAPPS S.L. Parque tecnológico de Zamudio (Bizkaia). 2/10/2014
2. ¿Quiénes somos?
3. Imanol Terán ๏ iOS Developer ๏ Front-end Developer ๏ Representante de WIDDIAPPS S.L.
4. Apps Web E-commerce E-books iBeacons Formación http://widdiapps.com
5. Objetivos de la jornada ๏ Conocer el sistema operativo iOS. ๏ Descubrir las herramientas necesarias para diseñar y desarrollar una app para iOS. ๏ Conocer aspectos claves de diseño para una app iOS. ๏ Desarrollar nuestra propia app para iOS. ๏ Mostrar las opciones de monetización de una app iOS. ๏ Conocer el proceso necesario para tener nuestra app disponible en el App Store.
6. Introducción al sistema operativo iOS
7. 2008 2007 2010 2009 2012 2011 2013 https://www.7dayshop.com/blog/ios-timeline-infographic/
9. Novedades iOS 8 Extensions Touch ID PhotoKit Camera controls HealthKit HomeKit CloudKit Handoff
10. Novedades iOS 8 SceneKit SpriteKit Metal
11. Novedades iOS 8 Swift https://developer.apple.com/swift/
12. Herramientas a utilizar
13. Hardware
14. Diseño Desarrollo Software Documentación Plugins Sketch Pixelmator Photoshop Xcode Dash Alcatraz
15. Tipos de aplicaciones
16. Tipos de aplicaciones ๏ Aplicaciones iPhone. ๏ Aplicaciones iPad. ๏ Aplicaciones universales.
17. Monetización
18. – Wikipedia “Monetización es el proceso de convertir algo en dinero”
19. 3 formas ๏ App de pago ๏ App gratuita con publicidad ๏ Freemium (In-App purchases)
20. App de pago
21. App gratuita con publicidad
22. Freemium
23. Top apps por ingresos App Store
24. Diseño de la aplicación
25. iOS Human Interface Guidelines
26. iOS Human Interface Guidelines
27. Aspectos clave ๏ Deferencia ๏ Claridad ๏ Profundidad
28. Deferencia ๏ Simplificar ๏ Maximizar contenido ๏ Colores ๏ Tipografía ๏ Espacio negativo ๏ Estado de los iconos
29. Claridad ๏ Textos legibles ๏ Iconos con significado ๏ Pantallas descriptivas ๏ Significado de los colores
30. Profundidad ๏ Transiciones ๏ Fondos desenfocados
31. ๏ Framework UIKit ๏ Barras ๏ Contenedores ๏ Controles ๏ Vistas temporales Anatomía de una app iOS
32. Plantillas Xcode
33. Plantillas Xcode Master-Detail Application
34. Plantillas Xcode Page-Based Application
35. Plantillas Xcode Single View Application
36. Plantillas Xcode Tabbed Application
37. Plantillas Xcode Game (Sprite Kit)
38. Tipos de navegación
39. Tipos de navegación ๏ Jerárquica ๏ Plana ๏ Basada en contenido o experiencia ! ‣ Se pueden combinar
40. Tipos de navegación Navegación jerárquica
41. Tipos de navegación Navegación plana
42. Tipos de navegación Navegación basa en contenido o experiencia
43. Flat vs Esqueuomorfismo
44. Flat vs Esqueuomorfismo
45. Flat vs Esqueuomorfismo
46. Flat vs Esqueuomorfismo
47. Flat vs Esqueuomorfismo
48. Flat vs Esqueuomorfismo
49. Flat vs Esqueuomorfismo
50. Flat vs Esqueuomorfismo
51. Flat vs Esqueuomorfismo
52. Inspiración
53. – Pablo Picasso “Cuando llegue la inspiración, que me encuentre trabajando.”
54. Inspiración ๏ Leer ๏ Libros ๏ Artículos ๏ Observar y recolectar ๏ Diseños ๏ Colores ๏ Plantillas UI Medium Designer News Twitter Dribbble Sketch App Sources Pinterest
55. Demo Diseño de nuestra app “TecnaliaOctubre14”
56. Desarrollo de la aplicación
57. Interfaz Xcode
58. Interfaz Xcode Área Navegador Área Editor Área Utilidades Área Debug
59. Interfaz Xcode Comenzar/Parar ejecución de la app Seleccionar dispositivo a mostrar en el simulador Mostrar u ocultar paneles Tipo de editor
60. Interfaz Xcode Storyboard
61. Interfaz Xcode Storyboard
62. Interfaz Xcode Propiedades del proyecto
63. Interfaz Xcode Capacidades del proyecto
64. Interfaz Xcode xcassets
65. Simulador iOS
66. Simulador iOS iPhone 4S iPhone 5S iPhone 6
67. Limitaciones Hardware ๏ Soporte de movimientos ๏ Acelerómetro ๏ Giroscopio ๏ Entrada de imagen y audio ๏ Cámara ๏ Micrófono ๏ Sensor de proximidad
68. Otras limitaciones ๏ Notificaciones Push ๏ Alertas de provacidad (Fotos, Contactos, Calendario y Recordatorios) ๏ Sincronización de documentos iCloud ๏ Accesorios externos ๏ Reproductor multimedia
69. Desarrollo de nuestra app “TecnaliaOctubre14” Demo
70. Publicación de la aplicación
71. Requisitos ๏ Darse de alta como desarrollador en https://developer.apple.com/devcenter/ios/index.action ๏ Registrarse en el programa “iOS Developer Program” ๏ Nombre y apellidos sin tildes para evitar problemas. ๏ Pagar cuota anual. Básico $99 ๏ Crear un certificado de desarrollo/distribución ๏ Añadir los dispositivos que queremos usar, en iOS Provisioning Portal ๏ Crear el identificador único para nuestra app.
72. Subir la app ๏ iTunes Connect ๏ Aquí subimos app, descripción, capturas de pantalla.. ๏ Si no queremos que nos rechacen la app, leer bien las guías de publicación de Apple. https://developer.apple.com/app-store/review/ ๏ Introducir datos de la app ๏ Subida a través de Xcode
73. Conclusiones
74. Conclusiones ๏ Necesitamos un ordenador Mac. ๏ Tener claro el sistema de monetización de nuestra ap antes de empezar. ๏ Imprescindible “Apple Human Interface Guidelines”. https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/ ๏ Diseñar nuestra app siguiendo esa guía. ๏ Buscar inspiración.
75. Conclusiones ๏ Descargar Xcode para empezar el desarrollo. ๏ Registrarse en el programa de desarrolladores de Apple. ๏ Probar nuestros desarrollos en equipos reales, siempre que sea posible. Cuantos más, mejor. ๏ Reutilizar código. ๏ Leer, leer y leer. ๏ Probar, probar y probar.
76. Enlaces y recursos
77. Descarga de herramientas ๏ Sketch http://bohemiancoding.com/sketch/ ๏ Pixelmator http://www.pixelmator.com/ ๏ Xcode https://developer.apple.com/xcode/downloads/ ๏ Dash http://kapeli.com/dash ๏ Alcatraz http://alcatraz.io/
78. Recursos, libros, artículos… ๏ http://www.sketchappsources.com/ ๏ https://medium.com/ ๏ https://dribbble.com/ ๏ http://www.pinterest.com/ ๏ https://news.layervault.com/ ๏ http://www.raywenderlich.com/ ๏ http://ios.robs.im/ ๏ http://www.migueldiazrubio.com/ ๏ http://ios.devtools.me/ ๏ http://dev4des.com/ ๏ https://designcode.io/ ๏ http://myapptemplates.com/ ๏ http://ivomynttinen.com/blog/the-ios-7-design- cheat-sheet/ ๏ https://developer.apple.com/swift/ ๏ http://getuicolors.com/ ๏ http://www.pixellove.com/ ๏ http://www.streamlineicons.com/
79. Contacta con nosotros
80. Contacto @itermar itermar@gmail.com @widdiapps info@widdiapps.com
81. Gracias.
82. Diseño y desarrollo de aplicaciones para iOS Imanol Terán Maruri, WIDDIAPPS S.L. Parque tecnológico de Zamudio (Bizkaia). 2/10/2014