Aplicaciones Híbridas
HTML5 – JavaScript – Icenium

+
Aplicaciones Híbridas
HTML5 – JavaScript – Icenium

Julio Cesar Avellaneda
Microsoft MVP ASP.NET/IIS
MCT – MCSD – MCS - MCTS
http://julitogtu.com
http://bdotnet.org
@julitogtu
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



Capacidades del disp



Diferentes SDK



Tamaños de pantalla



Lenguajes para cada SO



…



Diferentes tools
Antes de desarrollar


Qué plataformas serán soportadas?



Cómo se desarrollará la aplicación?

(Pronto...)
Cross-Platform
Nativo

Web

Hibrido

App
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
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
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
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
Arquitectura App
Híbridas

Servicios

Base
de
datos
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



…
Telerik Icenium


Apache Cordova como punto central: API’s que
permite acceder a las funciones del dispositivo
desde JavaScript
Telerik Icenium


Tres diferentes y colaborativas opciones:
Un poco de código…
Preguntas

Aplicaciones híbridas con HTML5, JavaScript e Icenium

  • 1.
    Aplicaciones Híbridas HTML5 –JavaScript – Icenium +
  • 2.
    Aplicaciones Híbridas HTML5 –JavaScript – Icenium Julio Cesar Avellaneda Microsoft MVP ASP.NET/IIS MCT – MCSD – MCS - MCTS http://julitogtu.com http://bdotnet.org @julitogtu
  • 3.
    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  Capacidades del disp  Diferentes SDK  Tamaños de pantalla  Lenguajes para cada SO  …  Diferentes tools
  • 4.
    Antes de desarrollar  Quéplataformas serán soportadas?  Cómo se desarrollará la aplicación? (Pronto...)
  • 5.
  • 6.
    Desarrollo Nativo  Desarrollo independientepor 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
  • 7.
    Desarrollo Web  Desarrollo crosspara 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
  • 8.
    Desarrollo Híbrido  Combina lasMobile 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
  • 9.
    3 Pasos DevApp 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
  • 10.
  • 11.
    Telerik Icenium  ICE (IntegratedCloud Enviorment), ofrece las características y herramientas necesarias para construir aplicaciones híbridas.  Sintáxis  Refactorin  Control de versiones  Code navigation  …
  • 12.
    Telerik Icenium  Apache Cordovacomo punto central: API’s que permite acceder a las funciones del dispositivo desde JavaScript
  • 13.
    Telerik Icenium  Tres diferentesy colaborativas opciones:
  • 14.
    Un poco decódigo…
  • 15.