Desarrollo para entornos móviles.

Comparativas y tendencias

12 de Marzo 2013Alberto Puche Alcaide

Índice

• Un poco de historia• Situación actual– Comparativa entre plataformas: – Relevancia– Licenciamiento

• Repaso tecnologías– IOS– Android– Windows Phone– Otras plataformas

• Herramientas multiplataforma• Crear aplicaciones sin escribir código• Nichos de mercado

Índice

• Aunque los móviles aparecieron a partir de los 80, los primeros smartphones son mucho más modernos– APPLE 2007– Android 2008

• Desde su aparición y junto con la irrupción del IPAD y las tabletas, las ventas se han disparado

Un poco de historia

• La evolución ha sido enorme

Un poco de historia

• Ventas de SmartPhones finales 2012

Situación Actual

• ¡¡¡ande andará Motorola!!!!• Nokia va cayendo puestos de forma

inexorable.• Copado por fabricantes asiáticos• RIM apuesto un todo o nada a sus

últimos dispositivos

Situación Actual

• Ranking de Sistemas operativos Móviles Febrero2013

Situación Actual

• Sin embargo, la tendencia se invierte:– Apple ha bajado del 63,19% en Abril 2012 a

un 54,91% en Febrero 2013– Android ha pasado de un 19,27% a un

25,65% en el mismo periodo• El resto se reparten la tarta de forma muy

limitada

Situación Actual

Situación Actual

• Ranking de Versiones Febrero 2013

Situación Actual

• La caída de IOS es achacable al iPhone, ha retrocedido desde un 27,36% en Abril 2012 a un20,45% en febrero de 2013

• El IPAD se sigue manteniendo en un 33,59%.

• En Android, la versión 2.3 va dejando terreno a la versión 4.0 que pasa de un 0,94% en Abril 2012 a un 8,41% en Febrero 2013.

Situación Actual

• El tercer puesto se lo disputan BlackBerry y Windows Phone

• Windows phone8 continua poco a poco aumentando su cuota aunque como punto débil tiene su gran dependencia de NOKIA

• BlackBerry acaba de hacer una fuerte apuesta con sus modelos Q10 y Z10 y su sistema operativo OS10.

Situación Actual

• 2013 traerá nuevos combatientes en este mercado en expansión

• Por ejemplo– Firefox OS– Ubuntu Phone OS– Tizen– Etc…

• Podrán ser instalados en móviles existentes.• Seguramente quitarán cuota de mercado a

Android aunque sería difícil que conformen un fenómeno de masas.

Situación Actual

• TABLETS. Un mundo emergente

Situación Actual

• IOS

Licenciamiento

• IOS• Subimos las aplicaciones a AppleSTore– No cobra por aplicaciones gratis– Si es de pago:• 30% para Apple• 70% para el desarrollador

– Otra opción son las compras In-App– Podemos usar el pago por publicidad

• APPLE implementa una fuerte política de control de aplicaciones

Licenciamiento

• ANDROID• Las aplicaciones se suben a Google Play aunque

hay otras tiendas• Cobra 25$ solo una vez– No cobra por aplicaciones gratis– Si es de pago:• 30% para Android• 70% para el desarrollador

Licenciamiento

• BLACKBERRY• Se distribuye a través de BlackBerry World

aunque existen otras posibilidades• No tiene cuota de registro– No cobra por aplicaciones gratis– Si es de pago:• 30% para RIM• 70% para el desarrollador

Licenciamiento

• WINDOWS PHONE• Se distribuye a través de WindowsPhone

DevCenter• Cuota de 99$ anual– Si es de pago:• 30% si es inferior a 25.000$ de ganancias• 20% si es superior a esa cifra

Licenciamiento

• Resumen

Licenciamiento

• Android• Se desarrolla en lenguaje JAVA• Dispone de un entorno integrado a través

de Eclipse• Es necesario descargar las APIS

correspondientes a las versiones de Android con las que queramos trabajar

• Podemos descargar todo desde Developer.android.com

Repaso Tecnologías

• Android• Existen otros entornos de desarrollo,

normalmente de cada fabricante– MOTODEV de Motorola– Samsung– HTC– Etc..

Repaso Tecnologías

• Android. Versiones• 1.0 Septiembre de 2008• 1.5 Cupcake Abril de 2009• 1.6 Donut Septiembre de 2009• 2.0/2.1 Eclair Octubre de 2009 • 2.2 Froyo Mayo de 2010• 2.3 Gingerbread Diciembre de 2010• 3.0/3.2 Honeycomb Febrero de 2011• 4.0 Ice Cream Sandwich Octubre de 2011• 4.1 Jelly Bean noviembre 2012

Repaso Tecnologías

• Android. Fragmentación

Repaso Tecnologías

• Android. Fragmentación

Repaso Tecnologías

• Android– Parte del desarrollo de Android se basa en la

creación de ficheros XML para dar soporte al entorno gráfico y a otros recursos.

– Su principal desventaja es la enorme cantidad de dispositivos y sus diversas características:• Distintas resoluciones de pantalla• Distintos tamaños• Distintos componentes

– Siempre hay que tener en cuenta hasta qué versión debe funcionar mi aplicación

Repaso Tecnologías

• Android.

Repaso Tecnologías

DEMO

• IOS. Versiones– Versión 1 2007– Versión 2 2008 – Versión 3 marzo 2009– Versión 4 Junio 2010– Versión 5 Octubre 2011– Versión 6 Septiembre 2012

Repaso Tecnologías

• IOS. SDK• Se divide en varias partes que en las últimas

versiones van integradas en un solo producto

• Xcode• Interface Builder• Simulador• Instruments

• Accedemos desde https://developer.apple.com/

Repaso Tecnologías

• Xcode• Interfaz gráfico de programación• Se utiliza tanto para Mac OS X como para iOS• Tiene algunas facilidades muy interesantes como

autocompletado de información, ayuda, etc.

Repaso Tecnologías

• Interface BuilderRepaso Tecnologías

• Simulador• Permite probar programas• Hay algunas cosas que NO se puede probar por

ejemplo el GPS)

• Instruments:• Permite hacer profiling de programas.• Comprobar rendimiento, memory leaks, etc.

Repaso Tecnologías

• Simulador

Repaso Tecnologías

• Objective-C– Lenguaje Orientado a Objetos– Superconjunto de C – Basado en SmallTalk-80– Diseñado en los 80

• NeXT Software licenció Objective C en ‐1988.Apple Computer adquirió NeXT in 1996

• Es el lenguaje básico de desarrollo para Mac OS X iPhone/Ipad

Repaso Tecnologías

• Clases – Consta de una interface (.h) y una implementación

(.m). – Las clases por lo general derivan de NSObject, para

poder usar las ventajas del runtime de Objective-C.

Repaso Tecnologías

• XCODE

Repaso Tecnologías

DEMO

• BLACKBERRY• Permite desarrollar con distintas

tecnologías• Dispone de distintas herramientas

dependiendo del tipo de desarrollo que se haga.

• Podemos descargarlas de su página WEB/developer.blackberry.com

Repaso Tecnologías

• BLACKBERRY

Repaso Tecnologías

• WINDOWS PHONE Windows Phone SDK.– Se trabaja en .NET– Visual Studio Express 2012 for Windows

Phone:entorno de desarrollo para Windows Phone– Blend for Visual Studio: Permite construir el

entorno gráfico del proyecto.– Emulador– Otras herramientas adicionales

• La página de descarga esdev.windowsphone.com

Repaso Tecnologías

• Firefox OS• Sus componentes principales son• Gonk• Gecko• Gaia

Repaso Tecnologías

• Firefox OS• Gonk: Es el "sistema operativo" de bajo nivel de B2G. A

grandes rasgos, consiste en un kernel Linux y una capa de abstracción de hardware.

Repaso Tecnologías

• Firefox OS• Gecko: Se puede decir que es el entorno de ejecución.

En Gecko están implementados los estándares de HTML, CSS y JavaScript y permite que esas interfaces se ejectuen correctamente en los distintos sistemas operativos.

• Esto significa que Gecko consiste en una serie de pilas de gráficos, un motor de dibujado, una máquina virtual para JavaScript, etc…

Repaso Tecnologías

• Firefox OS• Gaia: Es la interfaz gráfica del

sistema operativo. Todo lo que aparece en la pantalla desde que B2G se inicia, es parte de Gaia.

• Esta interfaz gráfica está escrita enteramente en HTML, CSS y JavaScript.

Repaso Tecnologías

• Tipos de aplicaciones según su desarrollo– Aplicaciones nativas: aquellas que están

íntegramente programadas en el entorno de desarrollo específico para cada sistema operativo.

– Aplicaciones web: completamente desarrolladas en HTML 5.

– Aplicaciones híbridas: aplicaciones desarrolladas en parte con el entorno de desarrollo nativo y en parte en lenguaje WEB

Multiplataforma

• Tipos de aplicaciones según su desarrollo

Repaso Tecnologías

• Ventajas desarrollos WEB– Compatibilidad: Se reutiliza casi en un 100% el

mismo código fuente para todos los sistemas operativos orientados a móviles

– Rango de usuarios: Se puede llegar a más tipos de dispositivos: no sólo a Android y iOS, sino otros menos comunes, como Bada (Samsung).

– Fácil uso– Más sencillo y rápido de desarrollar es mucho más

fácil desarrollar y diseñar dentro de un browser utilizando HTML, CSS y JavaScript que hacer lo mismo en Java, Objective-C o JavaScript (Appcelerator, Sencha).

Repaso Tecnologías

• Desventajas desarrollos WEB• No existe disponibilidad de ciertos

componentes y funcionalidades nativas del teléfono, entre ellos la cámara u otros sensores

• Posibles problemas con los navegadores en distintos dispositivos

• A veces es complicado darle el look de las aplicaciones nativas

Repaso Tecnologías

• Ventajas aplicaciones nativas– Permiten explotar al máximo las

prestaciones integradas en los dispositivos, tales como el GPS, acelerómetro, etc.

– Permiten aprovechar el canal de distribución y los “stores” de los diferentes fabricantes y operadores.

– El proceso de compra suele ser más sencillo– Suelen disponer de una mejor experiencia

de usuario

Repaso Tecnologías

• Desventajas aplicaciones nativas– Complejidad del desarrollo– Solo valen para un tipo de dispositivo– Están más sometidas al control del

fabricante a la hora de publicar la aplicación

Repaso Tecnologías

• Herramientas multiplataforma– Son productos de tipo “write once, run everywhere”. – Podemos desarrollar con una herramienta y luego distribuir

nuestras aplicaciones las distintas plataformas:• Tenemos distintos productos dependiendo de su alcance

– Flex 4 y Adobe Air Mobile– PhoneGap– Titanium Appcelerator– Corona– Sancha– Jmobile Query– Etc…

Repaso Tecnologías

• Las herramientas multiplataforma hacen más accesible el desarrollo de apps

• Permiten generar aplicaciones para distintos entornos de una forma rápida

• Monetiza más rápidamente nuestros proyectos al poder migrar rápidamente de una plataforma a otra.

• Se basan en su mayor parte n HTML5, CSS, JS y tecnología afines

Repaso Tecnologías

• Adobe Flex

Repaso Tecnologías

• AppAcelerator

Repaso Tecnologías

• jQuery Mobile es un framework basado en HTML5 optimizado para dispositivos móviles táctiles.

• Este framework es de fácil uso y está bien documentado.

• Está desarrollado con jQuery y jQuery UI

Repaso Tecnologías

• jQuery Mobile

Repaso Tecnologías

• Sencha• Sencha Touch 2 es un framework para

desarrollo de aplicaciones móviles basado en HTML5.

• Con este framework se pueden construir apps para iOS, Android, BlackBerry, Kindle Fire y otros.

Repaso Tecnologías

• Sencha

Repaso Tecnologías

• PhoneGap• PhoneGap es un programa de Adobe

gratuito y open source• Permite crear apps para iOS, Android,

Blackberry, Windows Phone, Palm WebOS, Bada y Symbian con HTML, CSS y JavaScript.

• Permite el uso de HTML5 y CSS3 sin problemas.

• Se integra con Dreamweaver.

Repaso Tecnologías

• PhoneGap

Repaso Tecnologías

• Entornos sin escribir código– Existen entornos en el mercado que nos

permiten construir aplicaciones sin escribir una sola línea de código

– Su principal ventaja es su facilidad de uso y de desarrollo

– Su principal desventaja es no poder escribir aplicaciones complejas y su falta de integración con los componentes del dispositivo

Repaso Tecnologías

• MIT APP InventorRepaso Tecnologías

• Ibuild APPRepaso Tecnologías

• AppMakrRepaso Tecnologías

• ¿Por qué quiero desarrollar aplicaciones móviles:– Para hacerme millonario (razón principal en

muchos caso)– Por conocer nuevas tecnologías– Para mi empresa

Nichos de Mercado

• TOP VENTAS• Las aplicaciones más descargadas son

aquellas relacionadas con:– Redes sociales: facebook, whatsup– Servicios de móvil: mapas, buscadores– Productividad: bancos, etc…– Juegos, sobre todo juegos

Nichos de Mercado

• APP STORE: 40 mil millones de descargas totales

Nichos de Mercado

• GOOGLE PLAY: 15 mil millones de descargas totales

Nichos de Mercado

• VENTASNichos de Mercado

• ¿Dónde hay nichos de mercado para entornos móviles?– Desarrollo. Muy saturado y competitivo. La

mayoría de las aplicaciones que se suben a las Stores no se descargan nunca

– Servicios: desarrollando para terceros, por ejemplo para empresas que quieren publicar sus productos.

– Formación: nicho especializado pero que comienza a estar también muy saturado

Nichos de Mercado

• ¿Dónde hay nichos de mercado para entornos móviles?– Dispositivos y gadgets: periféricos de todo

tipo para los dispositivos móviles– Realidad Aumentada

Nichos de Mercado

• Nichos con más perspectiva de futuro– Dispositivos y gadgets: periféricos de todo

tipo para los dispositivos móviles– Realidad Aumentada

Nichos de Mercado

¡Estamos en las Redes Sociales!

http://www.facebook.com/cleformacion

http://www.linkedin.com/company/cleformaci-n

https://twitter.com/CLEFormacion

¡ Síguenos !cursos@cleformación.com