Las aplicaciones móviles híbridas son aplicaciones que se ejecutan en dispositivos móviles utilizando tecnologías web como HTML5, CSS y JavaScript, y tienen acceso a funcionalidades nativas a través de plugins. Se pueden crear rápidamente para múltiples sistemas operativos usando frameworks como Apache Cordova o PhoneGap Build. Son una buena opción para proyectos que requieren desarrollo rápido o cuando se quiere aprovechar conocimientos web existentes.

1. Aplicaciones Móviles Híbridas
1.¿Qué son?
2.¿Como se hacen?
3.¿Cuándo es buena idea desarrollar una aplicación híbrida?
4.Tips para crear aplicaciones móviles híbridas
5.Ejemplos

2. ¿Qué son las Aplicaciones móviles Híbridas?
•Son aplicaciones que se ejecutan en dispositivos y sistemas operativos móviles (Android, iOS, Windows Phoneetc.)
•Son creadas con tecnologías Web: HTML5, JavaScript y CSS
•Se ejecutan sobre un contendor nativo utilizando el motor de un navegador móvil para procesar el HTML, JS y CSS de manera local (WebView)
•Tienen una capa intermedia que habilita el acceso a capacidades nativas del sistema operativo en el que se ejecutan, tales como el almacenamiento, acelerómetro, cámara etc.
=

4. Ejemplo de WebView en Android
Un WebView despliega una URL o documento Web local en el dispositivo

5. •Las Aplicaciones Móviles híbridas NO se ejecutan en un servidor web local del dispositivo como Apache o IIS.
•Los datos que muestran y con los que interactúa el usuario pueden provenir de:
•Archivos Locales (SQLlite, documentos XML etc.)
•Servicios REST (Node.js, Ruby onRails, ASP.NET WEB API)

6. Apps Híbridas vs Apps Nativas
Pros:
•No se requiere saber los lenguajes de programación nativos de cada plataforma para crearlas.
•Existen muchas herramientas que facilitan el desarrollo y generación de aplicaciones híbridas.
•Se pueden generar aplicaciones para múltiples sistemas operativos móviles relativamente rápido usando el mismo código para todos.
Contras:
•Dependiendo de la complejidad de la aplicación híbrida el desempeño de la misma puede ser malo.
•Se pueden generar dependencias sobre frameworks usados para crearlas.
•Las Apps híbridas no tienen acceso a todos los API’s y recursos de los sistemas operativos.

7. ¿Cómo Crear Aplicaciones Móviles Híbridas?
Existen varios Frameworks que facilitan la creación de aplicaciones híbridas por medio de herramientas como:
•Plugins para acceso a funcionalidad nativa vía JavaScript, listos para usarse
•IDE’sy simuladores para pruebas de las aplicaciones en diferentes resoluciones.
•Servicios de compilación en la nube, lo que evita tener que configurar ambientes de desarrollo para múltiples plataformas.
•Backendas a Service: Proveen servicios de uso común en aplicaciones móviles, tales como notificaciones PUSH o Administración de usuarios
•Asistentes para publicación de las aplicaciones en las App Stores.
•Desarrollo colaborativo de apps.
•ETC.

8. Apache Cordova
EstosframeworksutilizanApacheCordova,unsetdeAPI’squepermitenaccesoafuncionesnativasdeldispositivodesdecódigoJavaScript

10. PhoneGap Build

14. Frameworks de JavaScript para Desarrollo Móvil

15. Kendo ListViewWidget
Kendo SplitViewWidget

16. Servicios de Backend en la Nube Para Aplicaciones Móviles
•AWS Mobile Services
•Telerik’s Everlive
•Heroku
•Buddy.com
•Notificaciones PUSH
•Envío de Correo Electrónico
•Procesamiento de Imágenes
•Servicio de Autenticación de usuarios
•Almacenamiento de Archivos
•Análisis de datos
•Sincronización de Archivos
Ejemplos de Proveedores
Ejemplos de Servicios

17. ¿Cuándo es Buena Idea Desarrollar una Aplicación Híbrida?
•Cuando se requiere crear un proyecto relativamente rápido. Por ejemplo para validar una idea por medio de un prototipo sencillo en múltiples sistemas operativos móviles.
•Cuando se requiere utilizar conocimientos existentes vs aprender los lenguajes nativos de cada plataforma.
•Para aplicaciones que muestran pocos datos y que no requieren demasiadas animaciones.

18. Tips Para el Desarrollo De Aplicaciones Móviles Híbridas
1.Aplicaciones que presentan una gran cantidad de datos e interactúan con múltiples recursos pueden no ser un candidato ideal para ser Híbridas debido a que pueden tener un mal desempeño
2.Siempre siempre siempre prueba en dispositivos móviles reales!
3.Evitar Jquery Mobile, es pesado
4.Considera siempre el mantenimiento de la aplicación ante cosas como las actualizaciones del sistema operativo o actualización de los frameworks, es particularmente importante para apps híbridas!
5.Antes de publicar tus apps en las tiendas de aplicaciones asegúrate de probarlas en los principales dispositivos del mercado. (Apple es especialmente delicado)
6.Considera todos los escenarios de una app móvil que normalmente no existen en una app web de escritorio, por ejemplo: La rotación de la pantalla, el estado de la red, el estado de los servicios de geolocalización, la capacidad de almacenamiento, el ciclo de vida de la app en el sistema operativo, la disponibilidad de sensores y cámara etc.
7.La teoría dice que el mismo código que escribes funciona para todas las plataformas, en la práctica esto no siempre es así, hay veces que se necesita hacer código particular para cada plataforma, sobre todo en apps muy complejas, de ahí la importancia del primer punto.

19. Facebook (2012)
Untappd
TIPWeb-IT Mobile
(Appbuilder+ Kendo UI Mobile + .NET)
Ejemplos de Apps Híbridas

20. Referencias
•Apache Cordova: http://cordova.apache.org/
•Adobe PhoneGap: http://phonegap.com/
•AWS Mobile Services: http://aws.amazon.com/mobile/
•Devgirl.org (Blog con muchos recursos de desarrollo hibrido usando PhoneGap): http://devgirl.org/
•Intel XDK: https://software.intel.com/en-us/html5/tools
•PhoneGap Plugin Directory: build.phonegap.com/plugins
•Sitio de Talento de Scio: www.scio.com.mx
•Telerik AppBuilderwww.telerik.com/appbuilder1
•Telerik BackendServices: www.telerik.com/backend-services

21. ¿Preguntas?
•Google Plus:https://plus.google.com/+DanielCalzada/
•Twitter: @danielcalzada
•Email: jdcalzada@sciodev.com
•Descarga esta presentación en www.danielcalzada.com/docs