Aplicaciones híbridas con HTML5, JavaScript e Icenium

15
Aplicaciones Híbridas HTML5 – JavaScript – Icenium +

description

Presentación de la charla Aplicaciones híbridas con HTML5, JavaScript e Icenium.

Transcript of Aplicaciones híbridas con HTML5, JavaScript e Icenium

Page 1: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Aplicaciones Híbridas HTML5 – JavaScript – Icenium

+

Page 2: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Aplicaciones Híbridas HTML5 – JavaScript – Icenium

Julio Cesar AvellanedaMicrosoft MVP ASP.NET/IIS

MCT – MCSD – MCS - MCTS

http://julitogtu.com

http://bdotnet.org

@julitogtu

Page 3: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Aplicaciones Híbridas HTML5 – JavaScript – Icenium

El desarrollo de aplicaciones móviles es un

tema complicado, y los developers enfrentan

diferentes desafíos:

Variedad en SO

Diferentes SDK

Lenguajes para cada SO

Diferentes tools

Capacidades del disp

Tamaños de pantalla

Page 4: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Antes de desarrollar

Qué plataformas serán soportadas?

Cómo se desarrollará la aplicación?

(Pronto...)

Page 5: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Cross-Platform

Nativo

Web

Hibrido

App

Page 6: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Desarrollo Nativo

Desarrollo independiente por cada Sistema

Operativo, usando lenguajes y SDK’s

específicos.Ventajas Desventaja

Acceso full API Diferentes lenguajes y tolos

Máximo rendimiento Diferentes skills

Mejor experiencia Poco reúso de código

Page 7: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Desarrollo Web Desarrollo cross para todos los sistemas,

utilizando el mismo desarrollo web desktop.

Responsive Design o Mobile Web Apps.

Ventajas Desventaja

Desarrollo conocido (html,js, css)

Acceso limitado API dispositivo

Despliegue sencillo. No acceso a mobile stores

1 App – n dispositivos Alto grado dependencia Internet

Page 8: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Desarrollo Híbrido

Combina las Mobile Web Apps (html.,js,

css) con el poder las aplicaciones nativas.

Ventajas Desventaja

Desarrollo conocido (html,js, css)

Build diferente para cada aplicación

Distribución por mobile store

Reglas independientes por store

Código base común Despliegue complejo

Acceso API del dispositivo

Page 9: Aplicaciones híbridas con HTML5, JavaScript e Icenium

3 Pasos Dev App Híbridas

Desarrollo de la aplicación con HTML, JavaScript y CSS

Compilar y construir la aplicación

Enviar la aplicación a la store

Page 10: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Arquitectura App Híbridas

Base de

datos

Servicios

Page 11: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Telerik Icenium ICE (Integrated Cloud Enviorment), ofrece las

características y herramientas necesarias

para construir aplicaciones híbridas.

Sintáxis

Refactorin

Control de versiones

Code navigation

Page 12: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Telerik Icenium Apache Cordova como punto central: API’s

que permite acceder a las funciones del

dispositivo desde JavaScript

Page 13: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Telerik Icenium Tres diferentes y colaborativas opciones:

Page 14: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Un poco de código…

Page 15: Aplicaciones híbridas con HTML5, JavaScript e Icenium

Preguntas