Hola a todos, el desarrollo de aplicaciones híbridas cada vez toma más fuerza y así existen diferentes opciones para afrontar este tipo de desarrollo, así que en esta ocasión quiero hacer una introducción a AppBuilder y porque es una excelente opción para el desarrollo de este tipo de aplicaciones.

AppBuilder es un producto de Telerik que está enfocado en el desarrollo de aplicaciones hibidras utilizando HTML5, JavaScript y CCS3, con AppBuilder tenemos la posibilidad de desarrollar aplicaciones “nativas” para iOS, Android y Windows Phone 8, para poder acceder al API nativo del dispositovo hace uso de Apache Cordova.

Para comenzar con AppBuilder y con otros tipos de servicios que ofrece Telerik, lo primero es loguearnos o crear una cuenta en Telerik Platform,luego en el menú seleccionamos la opción de Downloads y luego AppBuilder Hybrid:

Telerik PlatformTelerik Platform – Downloads

Y seleccionamos la opción que más se ajuste a nosotros:

Descargas AppBuilderOpciones de descarga AppBuilder

La siguiente imagen muestra las características principales de AppBuilder:

Características AppBuilderCaracterísticas AppBuilder (Tomada de http://www.telerik.com/appbuilder)

Una de las características más interesantes de AppBuilder, es que tenemos disponible un IDE online, uno que podemos instalar localmente y complementos tanto para Visual Studio como para Sublime Text, adicionalmente lo que hagamos en cada uno de esos clientes estará siempre sincronizado.

Cuando iniciamos un nuevo proyecto, tenemos algunas plantillas que nos van a ayudar a iniciar con el desarrollo de la aplicación, y como es de esperarse varias de esas plantillas vienen configuradas para hacer uso de Kendo UI, que es el framework HTML5 de Telerik:

Plantillas AppBuilder Plantillas en AppBuilder

Una vez seleccionada la plantilla, asignamos un nombre el proyecto y creamos el proyecto, al final lo que tenemos no es más que una típica aplicación Web, los únicos elementos extraños que encontramos es un folder App_Resources con recursos para Android, iOS y Windows Phone, y el archivo cordova.js con su implementación para cada sistema que nos va a permitir acceder al API de cada dispositivo:

Estructura AppBuilderEstructura básica AppBuilder

En la parte superior disponemos de un conjunto de opciones para añadir nuevos archivos o carpetas, configurar el control de versiones, ejecutar la aplicación y publicarla, en la opción de Publish tenemos disponibles cada una de las tiendas de cada sistema así como Telerik AppManager que es exclusivo para iOS y Android, el cual detallaré en otro post:

Publicación en AppBuilderOpciones de publicación en AppBuilder

Otra de las funciones interesantes de AppBuilder es el uso de simuladores, así podemos probar fácilmente la aplicación.

Espero esta pequeña introducción a AppBuilder les sea de interés, y estaré escribiendo sobre todas las características que podemos utilizar.

Saludos!