Facilitando el desarrollo
web móvil, Frameworks
Raúl Jiménez Ortega
raul@pidecurso.es - @hhkaos
¿Quien soy?
Y por qué os cuento esto.


● Emprendedor en:
    ○ GeoRemindMe!
    ○ PideCurso
●   Desarrollador web desde 1999:
    ○ (X)HTML, HTML5, CSS 2.1, CSS3, Javascript, PHP,
      Python+Django, ExtJS, Blueprint, etc.
Móviles
Pongamos a prueba nuestros conocimientos
de la situación en España con 3 preguntas.
¿Cuánto ha crecido la presencia
 smartphones en el último año?


            a) 10%
            b) 20%
            c) 30%
            d) 40%
¿Cuánto ha crecido la presencia
 smartphones en el último año?

               a) 10%
               b) 20%
               c) 30%
               d) 40%
   Fuente IAB Spain:
    De 2008 a 2009 incrementó un 11%
    De 2009 a 2010 incrementó un 18%
    De 2010 a 2011 incrementó un 40%
                                       #PIDECURSO
¿Qué % de la población Española
tiene dispositivos móviles con Inet?


              a) 10%
              b) 15%
              c) 25%
              d) 30%
¿Qué % de la población Española
tiene dispositivos móviles con Inet?

                   a) 10%
                   b) 15%
                   c) 25%
                   d) 30%

 Fuente IAB Spain:
  11.8 Millones de personas en España tienen
  dispositivos móviles con conexión a Internet
                                           #PIDECURSO
¿Qué sistema operativo está
  creando más empleo?


     a) Android
     b) iOS
     c) Blackberry
     d) Windows Mobile
¿Qué sistema operativo está
  creando más empleo?

       a) Android
       b) iOS
       c) Blackberry
       d) Windows Mobile

   Fuente Trovit:
   3.162 empleos de desarrollo móvil
    iPhone 58.9% y Android 41.1%
La gran pregunta
¿Desarrollo nativo, híbrido o web?
La respuesta obvia:
             DEPENDE

Depende de:
  ● Necesidades:
      ○ Rendimiento
      ○ Funcionalidades
      ○ Urgencia
  ●   Presupuesto
  ●   Conocimientos
  ●   Objetivo
  ●   Etc.
Frameworks
Herramientas para desarrollar aplicaciones
web móvil con el mínimo esfuerzo.
Framework LungoJS
Webapps con HTML5, CSS3 y Javascript


- Semántico
- Multiplataforma:
   - iOS
   - Android
   - Blackberry
   - WebOS                           http://www.lungojs.com
                              https://github.com/TapQuo/Lungo.js
- Vectorizado
                           Autor:
- 188 hilos en los foros   Javier Jiménez
                           CEO & Creative
                           Leader in TapQuo Inc.
Wall - App




             http://wall-app.com
TV-Euskadi
jQuery Mobile
Framework multiplataforma

● Soporte para: iOS,
   Android, Blackberry,
   Windows Phone, bada,
   palm webOS, symbian,
   MeeGo
                                      jquerymobile.com
● jQuery Project: 11
   personas + 38
   colaboradores            Autor:
                            John Resign
● Plugins                   CEO & Creative
7167 hilos en los foros     Developer en jQuery Team
Stanford, OpenTable & SlideShare




           http://jquerymobile.com/#sites
Sencha Touch 2
Desarrollo móvil exclusivamente con Javascript y CSS

● Soporta: iOS 4+, BB OS+6,
  Android 2.3+, Kindle OS
  6.2.2

● Productos Sencha:
   ○   Ext JS 4.1
   ○   Sencha GXT 3               sencha.com/products/touch

   ○   Sencha Architect 2
   ○   Sencha Animator           Sencha Team
                                 89 empleados
                                 Redwood EE.UU.
● Formación 700$/día

● Licencia 300$/1 dev.
LungoJS vs jQuery Mobile
Framworks para el desarrollo de webs móviles


Características               LungoJS        jQuery Mobile 1.1.0   Sencha Touch 2

Interfaz sensible nativa         Sí                  No                  No

Lenguajes                  HTML5, CSS3, JS   HTML5, CSS3, JS          Javascript

Plataformas soportadas           4                   8                    4

Tamaño                          12KB               88.8KB              89.9KB

Madurez                       9/12/2011          26/10/2010          17/07/2010

Documentación                  Escasa             Bastante             Mucha

Plugins                       Con Sugar              Sí                  Sí

Themes                         Escasos            Escasos              Varios

                                                                    Dual: GPLv3 o
Licencia                   Dual: GPL o MIT    Dual: GPL o MIT
                                                                      comercial
Titanium
Traductor Javascript-Nativo

● Soporte:
  ○ Android
  ○ iOS

● Clientes: Ebay, Paypal,          appcelerator.com
   NBC, ...

Productos: Titanium SDK,      App Celerator Team:
                              122 Empleados
Titanium Studio,              Mountain View EE.UU.
Appcelerator Analytics,...
Titanium Apps




      http://www.appcelerator.com/thinkmobile/showcase
PhoneGap/Cordova
Empaquetador de aplicaciones web en
aplicaciones nativas.
PhoneGap o Apache Cordova
- API
- Multiplataforma:
   - iPhone
   - Android
   - Blackberry
   - Windows Phone 7
   - Bada
   - Symbian
   - webOS             Autor:
                       Adobe Systems
                       Primera versión 2005
PhoneGap vs Titanium
Frameworks móviles


Características             PhoneGap          Titanium

SDK propia                      Sí               Sí
Genera código nativo           No                Sí
                                             HTML, CSS,
                           HTML, CSS,
Lenguajes de desarrollo                    Javascript, PHP,
                            Javascript
                                            Python & Ruby
Rendimiento                    Baja              Alto
Plataformas soportadas          7                 2
Documentación de la API       Amplia           Amplia
                                            Apache Public
Licencia                  BSD Modificada
                                             License v2
Esto ha sido todo... ¡GRACIAS!

Podéis encontrarme en...
●   Twitter: @hhkaos
●   Linkedin: Raúl Jiménez Ortega
●   Slideshare: hhkaos
●   Youtube: hhkaos
●   Email: raul@pidecurso.es
●   ... Google: hhkaos ;-)

Facilitando el desarrollo web móvil, frameworks nr sevilla

  • 1.
    Facilitando el desarrollo webmóvil, Frameworks Raúl Jiménez Ortega raul@pidecurso.es - @hhkaos
  • 2.
    ¿Quien soy? Y porqué os cuento esto. ● Emprendedor en: ○ GeoRemindMe! ○ PideCurso ● Desarrollador web desde 1999: ○ (X)HTML, HTML5, CSS 2.1, CSS3, Javascript, PHP, Python+Django, ExtJS, Blueprint, etc.
  • 3.
    Móviles Pongamos a pruebanuestros conocimientos de la situación en España con 3 preguntas.
  • 4.
    ¿Cuánto ha crecidola presencia smartphones en el último año? a) 10% b) 20% c) 30% d) 40%
  • 5.
    ¿Cuánto ha crecidola presencia smartphones en el último año? a) 10% b) 20% c) 30% d) 40% Fuente IAB Spain: De 2008 a 2009 incrementó un 11% De 2009 a 2010 incrementó un 18% De 2010 a 2011 incrementó un 40% #PIDECURSO
  • 6.
    ¿Qué % dela población Española tiene dispositivos móviles con Inet? a) 10% b) 15% c) 25% d) 30%
  • 7.
    ¿Qué % dela población Española tiene dispositivos móviles con Inet? a) 10% b) 15% c) 25% d) 30% Fuente IAB Spain: 11.8 Millones de personas en España tienen dispositivos móviles con conexión a Internet #PIDECURSO
  • 8.
    ¿Qué sistema operativoestá creando más empleo? a) Android b) iOS c) Blackberry d) Windows Mobile
  • 9.
    ¿Qué sistema operativoestá creando más empleo? a) Android b) iOS c) Blackberry d) Windows Mobile Fuente Trovit: 3.162 empleos de desarrollo móvil iPhone 58.9% y Android 41.1%
  • 10.
    La gran pregunta ¿Desarrollonativo, híbrido o web?
  • 11.
    La respuesta obvia: DEPENDE Depende de: ● Necesidades: ○ Rendimiento ○ Funcionalidades ○ Urgencia ● Presupuesto ● Conocimientos ● Objetivo ● Etc.
  • 12.
    Frameworks Herramientas para desarrollaraplicaciones web móvil con el mínimo esfuerzo.
  • 13.
    Framework LungoJS Webapps conHTML5, CSS3 y Javascript - Semántico - Multiplataforma: - iOS - Android - Blackberry - WebOS http://www.lungojs.com https://github.com/TapQuo/Lungo.js - Vectorizado Autor: - 188 hilos en los foros Javier Jiménez CEO & Creative Leader in TapQuo Inc.
  • 14.
    Wall - App http://wall-app.com
  • 15.
  • 16.
    jQuery Mobile Framework multiplataforma ●Soporte para: iOS, Android, Blackberry, Windows Phone, bada, palm webOS, symbian, MeeGo jquerymobile.com ● jQuery Project: 11 personas + 38 colaboradores Autor: John Resign ● Plugins CEO & Creative 7167 hilos en los foros Developer en jQuery Team
  • 17.
    Stanford, OpenTable &SlideShare http://jquerymobile.com/#sites
  • 18.
    Sencha Touch 2 Desarrollomóvil exclusivamente con Javascript y CSS ● Soporta: iOS 4+, BB OS+6, Android 2.3+, Kindle OS 6.2.2 ● Productos Sencha: ○ Ext JS 4.1 ○ Sencha GXT 3 sencha.com/products/touch ○ Sencha Architect 2 ○ Sencha Animator Sencha Team 89 empleados Redwood EE.UU. ● Formación 700$/día ● Licencia 300$/1 dev.
  • 21.
    LungoJS vs jQueryMobile Framworks para el desarrollo de webs móviles Características LungoJS jQuery Mobile 1.1.0 Sencha Touch 2 Interfaz sensible nativa Sí No No Lenguajes HTML5, CSS3, JS HTML5, CSS3, JS Javascript Plataformas soportadas 4 8 4 Tamaño 12KB 88.8KB 89.9KB Madurez 9/12/2011 26/10/2010 17/07/2010 Documentación Escasa Bastante Mucha Plugins Con Sugar Sí Sí Themes Escasos Escasos Varios Dual: GPLv3 o Licencia Dual: GPL o MIT Dual: GPL o MIT comercial
  • 22.
    Titanium Traductor Javascript-Nativo ● Soporte: ○ Android ○ iOS ● Clientes: Ebay, Paypal, appcelerator.com NBC, ... Productos: Titanium SDK, App Celerator Team: 122 Empleados Titanium Studio, Mountain View EE.UU. Appcelerator Analytics,...
  • 23.
    Titanium Apps http://www.appcelerator.com/thinkmobile/showcase
  • 24.
  • 25.
    PhoneGap o ApacheCordova - API - Multiplataforma: - iPhone - Android - Blackberry - Windows Phone 7 - Bada - Symbian - webOS Autor: Adobe Systems Primera versión 2005
  • 26.
    PhoneGap vs Titanium Frameworksmóviles Características PhoneGap Titanium SDK propia Sí Sí Genera código nativo No Sí HTML, CSS, HTML, CSS, Lenguajes de desarrollo Javascript, PHP, Javascript Python & Ruby Rendimiento Baja Alto Plataformas soportadas 7 2 Documentación de la API Amplia Amplia Apache Public Licencia BSD Modificada License v2
  • 27.
    Esto ha sidotodo... ¡GRACIAS! Podéis encontrarme en... ● Twitter: @hhkaos ● Linkedin: Raúl Jiménez Ortega ● Slideshare: hhkaos ● Youtube: hhkaos ● Email: raul@pidecurso.es ● ... Google: hhkaos ;-)