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.
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
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
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
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
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
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
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
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