Introduccion al desarrollo movil

  • 427 views
Uploaded on

Una breve reseña de lo que implica el desarrollo móvil, en el que se abarcan conceptos sobre los tipos de aplicaciones, adaptación/porting a otros dispositivos, principios de diseño y tendencias de …

Una breve reseña de lo que implica el desarrollo móvil, en el que se abarcan conceptos sobre los tipos de aplicaciones, adaptación/porting a otros dispositivos, principios de diseño y tendencias de mercado.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
427
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
20
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Introducci´on al desarrollo m´ovil Ing. Diego Mercado Black Tobacco www.black-tobacco.com 2013
  • 2. Desarrollo m´ovil Comercializaci´on Licencia / License El presente documento ha sido realizado por Black Tobacco S.R.L. bajo Licencia Creative Commons Atribuci´on-NoComercial-CompartirIgual 3.0 Unported. Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 3. Desarrollo m´ovil Comercializaci´on Follow us! Black Tobacco www.Black-Tobacco.com https://www.facebook.com/blacktobacco https://www.linkedin.com/company/1201557 Ing. Diego Mercado diego.mercado@black-tobacco.com https://www.linkedin.com/in/diegomercado https://twitter.com/mercadodiego Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 4. Desarrollo m´ovil Comercializaci´on Indice 1 Desarrollo m´ovil Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI 2 Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 5. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI ¿De qu´e se trata el desarrollo m´ovil? Mobile application development is the process by which application software is developed for low-power handheld devices, such as personal digital assistants, enterprise digital assistants or mobile phones. These applications can be pre-installed on phones during manufacturing, downloaded by customers from various mobile software distribution platforms, or delivered as web applications using server-side or client-side processing (e.g. JavaScript) to provide an ”application-like” experience within a Web browser. Wikipedia 2013 Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 6. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI ¿De qu´e se trata el desarrollo m´ovil? ...low-power... ...handheld devices... ...applications can be pre-installed... ...or downloaded by customers from various mobile software distribution platforms... ...or delivered as web applications .... to provide an ”application-like” experience Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 7. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Clasificaci´on Consideramos la siguiente clasificaci´on: Aplicaciones nativas Aplicaciones web Aplicaciones hibridas Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 8. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Aplicaciones nativas Aplicaciones nativas Es una aplicaci´on creada y dise˜nada especificamente para ejecutarse en el sistema operativo del dispositivo y su firmware Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 9. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Aplicaciones nativas - Ventajas/Desventajas Ventajas: Acceso completo y directo a la API Aprovecha al m´aximo los recursos de hardware Ofrece la mejor experiencia de usuario Comercializable a trav´es de los stores propios de cada plataforma Desventajas: Costo de Portabilidad (nuevos lenguajes por plataforma, fragmentaci´on de dispositivos, etc) Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 10. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Aplicaciones nativas - Plataformas Existen diversas plataformas de desarrollo m´ovil nativo. Entre las m´as populares destacamos iOS, Android, Windows Phone y Blackberry Cada plataforma esta acompa˜nada por un SDK que permite desarrollar dichas aplicaciones El binario consiste t´ıpicamente en un archivo empaquetado (apk, cod/alx, app, etc...) que contiene el c´odigo ya compilado y los recursos locales necesarios (im´agenes, base de datos, etc.) Algunos aspectos a considerar son: Lenguaje de programaci´on Interfaz de desarrollo (IDE) SDK (API, herramientas de desarrollo, emuladores, etc) Licencias Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 11. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Aplicaciones web Aplicaciones web Son aquellas que despliegan una p´agina web optimizada para el uso del lado m´ovil y que reside en un servidor web Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 12. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Aplicaciones web - Ventajas/Desventajas Ventajas: HTML, CSS y JS para la mayor´ıa de las plataformas Actualizaciones en tiempo real Portabilidad Desventajas: Acceso restringido a las funciones de hardware Peor experiencia de usuario No puede hacer uso del store de la plataforma → no puede venderse Si bien algunos browsers m´oviles permiten el acceso a la c´amara y la geolocalizaci´on, no todos lo soportan Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 13. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Aplicaciones h´ıbridas Aplicaciones h´ıbridas Son aplicaciones web con un wrapper nativo. Depliega el contenido web en un componente interno provisto por la API (no es el navegador nativo literalmente) El contenido web puede ser local o remoto Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 14. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Aplicaciones h´ıbridas - Ventajas/Desventajas Ventajas: Puede comercializarse en el store de la plataforma Algunas APIs y hardware est´an disponibles a trav´es del wrapper Las limitaciones propias de la diferencias entre el navegador nativo y el componente est´an resueltas Desventajas: Alto acoplamiento Requieren de una r´apida actualizaci´on para dar soporte a las ´ultimas versiones Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 15. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Aplicaciones h´ıbridas - Plataformas Entre las m´as populares destacamos PhoneGap (www.phonegap.com) Open Source Es una soluci´on basada en web Soporta las plataformas m´as populares Appcelerator Titanium (www.appcelerator.com) Open Source Puro JavaScript que genera c´odigo nativo Soporta menos plataformas pero brinda mayor performance Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 16. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 17. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI ¿Cu´al tipo de aplicaci´on elegir? Algunos de los aspectos a considerar son: Plataforma Complejidad Recursos Humanos Conectividad Versionamiento Escalabilidad Acceso al Hardware Performance Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 18. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Caracter´ısticas Al momento del desarrollo deben considerarse algunas de las siguientes caracter´ısticas de HW y SW: Sistema operativo (tipo y versi´on) Pantalla (tama˜no y resoluci´on) Entradas (Teclado f´ısico, Trackball, touch/multitouch) Sensores (Aceler´ometro, Br´ujula, etc) C´amara (frontal y trasera) Memoria (interna y expandible) NFC, Bluetooth GPS Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 19. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Dispositivos - iOS iOS dispone de los siguientes 11 dispositivos 1: iPhone: 4, 4S y 5 iPod Touch: 4 y 5 iPad: 1, 2, 3 y 4 iPad mini Apple TV: 3 1 solo aquellos que pueden ejecutar la ´ultima versi´on de firmware (6.1.3) Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 20. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 21. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Versiones - iOS Enero 2013 Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 22. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Dispositivos - Android Android, es una especificaci´on y un sistema operativo open source A diferencia de iOS, no est´a ligado a un hardware espec´ıfico Podemos encontrar algunas de las siguientes familias Samsung Galaxy Series Motorola RAZR Series HTC One Series LG Optimus Google Nexus Asus Transformer ... No es posible saber al d´ıa de hoy cuantos dispositivos existen en el mercado (consideremos cual ser´ıa el n´mero de tablets gen´ericas chinas) Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 23. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Versiones - Android Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 24. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Versiones - Android Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 25. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Dispositivos - Blackberry Blackberry, presenta los siguientes dispositivos 8000/9000 Series - 11 familias - 44 dispositivos - 2006: Electron (320x240), Pearl (240x260), Pearl Flip (240x320), 88XX (320x240), Curve (320x240 / 480x360), Bold (480x320/360), Storm (360x480), Tour (480x360), Style (360x400), Torch (360x480 / 480x640), Bold Touch (640x480) 10 Series - 2 dispositivos: Z10 (1280x768), Q10 (720x720) Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 26. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Dispositivos - Windows Windows, presenta los siguientes dispositivos Windows Phone 7 - 10 dispositivos: LG Optimus/Quantum, Samsung Focus/Omnia, HTC 7 Pro/Surround/Trophy/Mozart, Dell Venue Pro Windows Phone 7.5 - 17 dispositivos: Nokia Lumia, Samsung Omnia, HTC Titan, ZTE Orbit/Tania, Alcatel One touch, etc. Resoluci´on: 480x800 Windows Phone 7.8 - 1 dispositivo: Nokia Lumia 505 (480x800) Windows Phone 8 - 12 dispositivos: Nokia Lumia Series, HTC Windows Phone, Samsung Ativ Series. Resoluciones: 480x800 y 720x1280 Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 27. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Fragmentaci´on de dispositivos No siempre se dispone del dispositivo en cuesti´on. En ocasiones es imposible Los calidad de los simuladores var´ıa seg´un la plataforma La fragmentaci´on va en continuo aumento incrementando los costos de portabilidad ”Fragmentation is forever. Deal with it” (Richard Wong) Elegir con cuidado las plataformas a desarrollar de acuerdo al mercado y zona geogr´afica, y el tipo de aplicaci´on (nativa o h´ıbrida) que mejor se adapte (HTML5 no es la soluci´on definitiva) ”Big fish, small pond”, en ocasiones la fragmentaci´on puede ser muy buena cuando se insta a desarrollar nuevos mercados Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 28. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Introducci´on Como hemos observado existen diversas caracter´ısticas que afectan el dise˜no de una aplicaci´on m´ovil. Destacamos: Plataformas Dispositivos Interacci´on Memoria limitada Contexto y disponibilidad de uso Necesidades del usuario Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 29. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Principios de dise˜no Principios de dise˜no: Aprendizaje Eficiencia Recuerdo Recuperaci´on ante eventuales errores Simplicidad Expectativas de funcionamiento Visibilidad Feedback Consistencia Intuici´on Entrada de usuario Customizaci´on Satisfacci´on Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 30. Desarrollo m´ovil Comercializaci´on Concepto Tipos de aplicaciones Dispositivos m´oviles Consideraciones de UI Gu´ıas de usabilidad Gu´ıas de usabilidad: Garantizar el requerimiento del usuario lo m´as r´apido posible La entrada de usuario sea lo m´as simple posible Indicar claramente que ha sido seleccionado Descartar lo que no sea esencial Los controles b´asicos siempre deben estar disponilbles Interacci´on intuitiva Consistencia Minimizar los tiempos de respuesta El 20% de la funcionalidad debe garantizar el 80% de las necesidades del usuario Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 31. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Introducci´on Cada plataforma hoy en d´ıa cuenta con diferentes formas de distribuir una aplicaci´on Todos requieren generaci´on de certificados para la firma de las aplicaciones que permitan la autenticaci´on al momento de su publicaci´on Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 32. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa iOS - App Store iOS: App Store Inaugurado en Abril del 2008 ´Unica forma de distribuci´on legal de aplicaciones Se debe sincronizar v´ıa iTunes Retiene el 30% de toda venta Pago anual entre 99 USD y 300 USD para publicar aplicaciones Apps en total: 775.000 (Enero 2013) Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 33. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa iOS - App Store Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 34. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Android - Google Play Android: Google Play Inaugurado en Octubre del 2008 como Android Market Al fusionarse con Google Music se renombra a Google Play Retiene el 30% de toda venta Pago anual de 25 USD para publicar aplicaciones Apps en total: 700.000 (Abril 2013) En ciertos paises no est´a disponible que El usuario pueda comprar aplicaciones Los desarrolladores puedan vender aplicaciones El usuario pueda descargar otros contenido multimedia (m´usica, libros, pel´ıculas, etc) No es la ´unica forma de distribuci´on de aplicaciones Android pero si el m´as importante Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 35. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Android - Google Play Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 36. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Android - Samsung Apps Android: Samsung Apps Inaugurado en Septiembre de 2009 Retiene el 30% de toda venta Gratis para publicar aplicaciones Apps en total: 13.000 (aprox) Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 37. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Android - Amazon Appstore Android: Amazon Appstore Inaugurado en Marzo de 2011 Retiene el 30% de toda venta Pago anual de 99 USD para publicar aplicaciones Apps en total: 78.500 (Abril 2013) Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 38. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Blackberry AppWorld Blackberry: Blackberry AppWorld Inaugurado en Abril de 2009 Retiene el 30% de toda venta Gratis para publicar aplicaciones Apps en total: 100.000 (Abril 2013) El store esta disponible desde la versi´on 4.5.0 Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 39. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Blackberry AppWorld Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 40. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Windows Phone Store Windows Mobile: Windows Phone Store Inaugurado en Octubre de 2010 Dise˜nado para Windows Phone 7 Retiene el 30% de toda venta 99 USD para publicar aplicaciones. Las primeras 100 son gratis Apps en total: 130.000 (Abril 2013) Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 41. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Windows Store Windows Phone: Windows Store Inaugurado en Octubre de 2012 Dise˜nado para Windows RT (conocido como Windows on ARM) y Windows 8 Retiene el 30% de toda venta (o 20% si las ventas excenden los 25k USD) Gratis para publicar aplicaciones (estudiantes), 50 USD (individuos) y 99 USD (empresas) Apps en total: 35.000 (Diciembre 2012) Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 42. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 43. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 44. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 45. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 46. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 47. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 48. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 49. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 50. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 51. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Tendencias 2013 1 Las experiencias m´oviles ir´an eclipsando a las de escritorio El 80% el total de handsets ser´an dispositivos m´oviles Para el 2015, el 50% de las laptos ser´an tablets 2 Mejorar´a el rendimiento de JS y por ende, las apps basadas en HTML5 3 Personal Cloud Los servicios ser´an m´as importantes que los dispositivos 4 Estrategia para ”Big Data” Es el momento de las bases de datos no relacionales (NoSQL) 5 Ecosistemas integrados Mayor infraestructura para dar soporte a la carga de trabajo 6 Mobile Payments Passbook, Google Wallet, NFC Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 52. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Bibliograf´ıa (1/2) http://developer.apple.com http://developer.android.com http://developer.blackberry.com http://developer.windowsphone.com http://adlmobile.wikispaces.com/Native+Apps http://blog.vimviv.com/web-apps/ native-apps-web-apps-hybrid-apps http://www.universalmind.com/mindshare/entry/ mobile-html5-phonegap-vs-appcelerator-titanium Ing. Diego Mercado Introducci´on al desarrollo m´ovil
  • 53. Desarrollo m´ovil Comercializaci´on Softwares de distribuci´on Tendencias Bibliograf´ıa Bibliograf´ıa (2/2) http://pablomromeu.wordpress.com/2013/03/04/ por-que-desarrollar-para-ios-225-millones-mas-de-clien http://venturebeat.com/2012/04/16/ 5-reasons-mobile-fragmentation-is-actually-good-for-ap http://www.scribd.com/doc/33158304/ Mobile-UI-and-Usability-Guide http: //www.forbes.com/sites/ericsavitz/2012/10/23/ gartner-top-10-strategic-technology-trends-for-2013 http://www.businessinsider.com/ heres-an-excellent-presentation-about-the-rise-of-mobi http://en.wikipedia.org Ing. Diego Mercado Introducci´on al desarrollo m´ovil