SlideShare une entreprise Scribd logo
1  sur  36
Desarrollo Móvil &
Tecnologías Web

                     Jasson Cascante
                     Grupo de Investigación de Tecnologías Móviles
                                                 Yeco@elbleg.com
Quien ha desarrollado algo para

iPhone?
Quien ha desarrollado algo para

Android?
Quien ha desarrollado algo para
Blackberry / Symbian...?
Quien ha desarrollado algo para
Todos a la vez?
Quien ha programado algo en
JavaScript / HTML?
(Espero más manos levantadas aquí... No me queden mal)
Si, nice... Pero que tiene que ver?
Mucho
Titanium?
PhoneGap?
Rhodes?
Qué es Titanium (Mobile)?
Titanium es un framework para crear aplicaciones
nativas usando tecnologías web.
Desktop: Windows, Mac, Linux
Mobile: iPhone, iPad, Android (ya casi blackberry)
Open Source (Apache 2.0 License)
Website: http://appcelerator.com
Source: http://github.com/appcelerator
Por qué Titanium?

Aplicaciones Nativas y responsivas.
Aprovecha las capacidades de los dispositivos.
Habilidades y conocimientos que ya existen.
Desarrollo rápido.
Un solo set de tecnologías, muchas plataformas.
Bundle de Textmate y plugin de eclipse.
Arquitectura de Alto nivel
               UI API                                                   Phone API
      contiene asignaciones a                             contiene asignaciones a las capacidades
    componentes de UI nativos,                                      nativas del teléfono
•   Navbar, Tabbar, Toolbar, Menus                          Geo, Acelerometro, Mapas, Sonido
•     Diálogos, Alertas, Botones                          •         DB, File System, Red
                                         JavaScript API




               Tu aplicación                                        Tu aplicación

      UI API    Phone API      Módulos                    UI API      Phone API       Módulos

      JavaScript - Objective-C Bridge                         JavaScript - Java Bridge

          iPhone Objective-C API                                   Android Java API



          iPhone App Nativo                                  Android App Nativo
Media
Paquetes o streaming de audio y video.


Video:




Audio:
+ Media
Interactúa con la cámara del iPhone/Android
Geolocalización
Usá Geolocation para conocer la ubicación del usuario
Acelerómetro
Podés usar gestures avanzados y el movimiento del
telefono para añadir interactividad
BD & File System
Accesa una base de datos SQLite (synch/asynch) y el file
system de la plataforma
Controles IU Nativos
Usá controles nativos a través de una interfaz Javascript
APIs comúnes
Table View en iPhone   Table View en Android
Highlights en Titanium
 Controles nativos = Ejecución eficiente.
 Mejor cobertura de las habilidades del dispositivo.
 Mayor documentación disponible. (how-tos, videos...)
 Soporte para Blackberry en el próximo cuatrimestre.
 Titanium developer.
Qué es PhoneGap?

PhoneGap es un framework JavaScript/CSS/HTML
para crear aplicaciones móviles.
Plataformas: iPhone, Android, Blackberry, Win Mobile
(6, 7), Symbian, Sony Ericsson...
Licencia MIT
Website: http://phonegap.com
Por qué Phonegap?

Soporte para una amplia gama de plataformas.
Comunidad grande y bastante activa.
El código puede ser reutilizado como w3c widget en
devices no soportados (y que soporten w3c widgets).
Mobile-spec (suite de testing)
Plugin de Eclipse
Acelerometro
Contactos
Geo-localización
Vibración
Arquitectura
                                 Web application

                             UI API           Phone API


       Source Code                    Web View
   (HTML, CSS, JavaScript)


                                      Device OS
Soporte de devices
Integración con
dispositivos es
irregular.

Almacenamiento en
el iPhone / Android
se realiza a través
localstorage de
WebKit.

Sony Ericsson
WebSDK
Highlights en Phonegap
Mayor cobertura de dispositivos.
Implementaciones independientes: Phonegap-android,
phonegap-iPhone, phonegap-blackberry...
No controles nativos / UI.
Basado en Webview [SSB].
Documentación algo escasa y aún en progreso.
Phonegap.exec()
Qué es Rhodes?

Rhodes es un framework Ruby para crear aplicaciones
móbiles.
Plataformas: iPhone, Android, Blackberry, Win Mobile
6, Symbian (parcialmente)
Licencia: MIT
Website: http://rhomobile.com
Por qué Rhodes?
Soporte para todos los smartphones*
Framework MVC
Tiene un ORM
Sincronización a tiempo real**
El único que permite un lenguaje dinámico en el device.



                                          * Según sitio web
                                          ** Depende de RhoSync Server
Arquitectura
Soporte de devices

Capacidad limitada en
devices.
Se conecta más con un
API de comunicación
propietario.
Highlights en Rhodes
La mejor cobertura de devices.
Irregular en capacidades específicas.
Ruby no tan común como JS o HTML.
Muchas de sus carácteristicas dependen de RhoSync
Server.
¿?
Preguntas?
Gracias
Más preguntas?
Twitter: @Yeco
Email: Yeco@elBleg.com

Contenu connexe

Tendances (10)

Black berry
Black berryBlack berry
Black berry
 
SISTEMA OPRETIVO Black berry os
SISTEMA OPRETIVO Black berry osSISTEMA OPRETIVO Black berry os
SISTEMA OPRETIVO Black berry os
 
App
AppApp
App
 
Bada
BadaBada
Bada
 
Ios
IosIos
Ios
 
Skype nuevo
Skype nuevoSkype nuevo
Skype nuevo
 
sistemas operativos
sistemas operativossistemas operativos
sistemas operativos
 
Actividad 2 cuadro comparativo
Actividad 2 cuadro comparativoActividad 2 cuadro comparativo
Actividad 2 cuadro comparativo
 
Skype
SkypeSkype
Skype
 
Skype
SkypeSkype
Skype
 

Similaire à Desarrollo Móvil y Tecnologías web - Jasson Cascante

Mobile wars: ¿cuál es la mejor opción para desarrollo móvil multiplataforma? ...
Mobile wars: ¿cuál es la mejor opción para desarrollo móvil multiplataforma? ...Mobile wars: ¿cuál es la mejor opción para desarrollo móvil multiplataforma? ...
Mobile wars: ¿cuál es la mejor opción para desarrollo móvil multiplataforma? ...
Software Guru
 
Presentación Alejandro Poznansky - Seminario Agosto- "Estrategias para inici...
 Presentación Alejandro Poznansky - Seminario Agosto- "Estrategias para inici... Presentación Alejandro Poznansky - Seminario Agosto- "Estrategias para inici...
Presentación Alejandro Poznansky - Seminario Agosto- "Estrategias para inici...
Cámara Argentina de Comercio Electrónico
 
Desarrollo de Apps con la herramienta Phonegap
Desarrollo de Apps con la herramienta PhonegapDesarrollo de Apps con la herramienta Phonegap
Desarrollo de Apps con la herramienta Phonegap
CongresoWeb
 
Presentacion aplicaciones moviles
Presentacion aplicaciones movilesPresentacion aplicaciones moviles
Presentacion aplicaciones moviles
jessica_romeista
 
Introducción Android
Introducción AndroidIntroducción Android
Introducción Android
Fe
 

Similaire à Desarrollo Móvil y Tecnologías web - Jasson Cascante (20)

Presentacion Apps Moviles Atrapalo.com
Presentacion Apps Moviles Atrapalo.comPresentacion Apps Moviles Atrapalo.com
Presentacion Apps Moviles Atrapalo.com
 
Desarrollo de apps multiplataforma Movil
Desarrollo de apps multiplataforma MovilDesarrollo de apps multiplataforma Movil
Desarrollo de apps multiplataforma Movil
 
Mobile wars: ¿cuál es la mejor opción para desarrollo móvil multiplataforma? ...
Mobile wars: ¿cuál es la mejor opción para desarrollo móvil multiplataforma? ...Mobile wars: ¿cuál es la mejor opción para desarrollo móvil multiplataforma? ...
Mobile wars: ¿cuál es la mejor opción para desarrollo móvil multiplataforma? ...
 
Presentación Alejandro Poznansky - Seminario Agosto- "Estrategias para inici...
 Presentación Alejandro Poznansky - Seminario Agosto- "Estrategias para inici... Presentación Alejandro Poznansky - Seminario Agosto- "Estrategias para inici...
Presentación Alejandro Poznansky - Seminario Agosto- "Estrategias para inici...
 
Como desarrollar aplicaciones moviles, que debemos tener en cuenta?
Como desarrollar aplicaciones moviles, que debemos tener en cuenta?Como desarrollar aplicaciones moviles, que debemos tener en cuenta?
Como desarrollar aplicaciones moviles, que debemos tener en cuenta?
 
Taller de introducción a iOS development
Taller de introducción a iOS developmentTaller de introducción a iOS development
Taller de introducción a iOS development
 
Meetup app-moviles
Meetup app-movilesMeetup app-moviles
Meetup app-moviles
 
Android
AndroidAndroid
Android
 
Desarrollo de aplicaciones móviles con Ionic y Apache Cordova
Desarrollo de aplicaciones móviles con Ionic y Apache CordovaDesarrollo de aplicaciones móviles con Ionic y Apache Cordova
Desarrollo de aplicaciones móviles con Ionic y Apache Cordova
 
Share point y los dispositivos moviles
Share point y los dispositivos movilesShare point y los dispositivos moviles
Share point y los dispositivos moviles
 
app
appapp
app
 
Desarrollo de Apps con la herramienta Phonegap
Desarrollo de Apps con la herramienta PhonegapDesarrollo de Apps con la herramienta Phonegap
Desarrollo de Apps con la herramienta Phonegap
 
Phonegap
PhonegapPhonegap
Phonegap
 
Curso Android tema 1
Curso Android tema 1Curso Android tema 1
Curso Android tema 1
 
Presentacion aplicaciones moviles
Presentacion aplicaciones movilesPresentacion aplicaciones moviles
Presentacion aplicaciones moviles
 
Introducción a Android: 10 cosas importantes que hay que entender
Introducción a Android: 10 cosas importantes que hay que entenderIntroducción a Android: 10 cosas importantes que hay que entender
Introducción a Android: 10 cosas importantes que hay que entender
 
Presentación: Alejandro Poznansky -Magic software- Seminario CACE mCommerce- ...
Presentación: Alejandro Poznansky -Magic software- Seminario CACE mCommerce- ...Presentación: Alejandro Poznansky -Magic software- Seminario CACE mCommerce- ...
Presentación: Alejandro Poznansky -Magic software- Seminario CACE mCommerce- ...
 
Android Quick Introduction
Android Quick IntroductionAndroid Quick Introduction
Android Quick Introduction
 
Introducción Android
Introducción AndroidIntroducción Android
Introducción Android
 
SISTEMAS OPERATIVOS MOVILES-Presentar modulo.pptx
SISTEMAS OPERATIVOS MOVILES-Presentar modulo.pptxSISTEMAS OPERATIVOS MOVILES-Presentar modulo.pptx
SISTEMAS OPERATIVOS MOVILES-Presentar modulo.pptx
 

Dernier

FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 

Dernier (20)

SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° grado
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperio
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 

Desarrollo Móvil y Tecnologías web - Jasson Cascante

  • 1. Desarrollo Móvil & Tecnologías Web Jasson Cascante Grupo de Investigación de Tecnologías Móviles Yeco@elbleg.com
  • 2. Quien ha desarrollado algo para iPhone?
  • 3. Quien ha desarrollado algo para Android?
  • 4. Quien ha desarrollado algo para Blackberry / Symbian...?
  • 5. Quien ha desarrollado algo para Todos a la vez?
  • 6. Quien ha programado algo en JavaScript / HTML? (Espero más manos levantadas aquí... No me queden mal)
  • 7. Si, nice... Pero que tiene que ver?
  • 10. Qué es Titanium (Mobile)? Titanium es un framework para crear aplicaciones nativas usando tecnologías web. Desktop: Windows, Mac, Linux Mobile: iPhone, iPad, Android (ya casi blackberry) Open Source (Apache 2.0 License) Website: http://appcelerator.com Source: http://github.com/appcelerator
  • 11. Por qué Titanium? Aplicaciones Nativas y responsivas. Aprovecha las capacidades de los dispositivos. Habilidades y conocimientos que ya existen. Desarrollo rápido. Un solo set de tecnologías, muchas plataformas. Bundle de Textmate y plugin de eclipse.
  • 12. Arquitectura de Alto nivel UI API Phone API contiene asignaciones a contiene asignaciones a las capacidades componentes de UI nativos, nativas del teléfono • Navbar, Tabbar, Toolbar, Menus Geo, Acelerometro, Mapas, Sonido • Diálogos, Alertas, Botones • DB, File System, Red JavaScript API Tu aplicación Tu aplicación UI API Phone API Módulos UI API Phone API Módulos JavaScript - Objective-C Bridge JavaScript - Java Bridge iPhone Objective-C API Android Java API iPhone App Nativo Android App Nativo
  • 13. Media Paquetes o streaming de audio y video. Video: Audio:
  • 14. + Media Interactúa con la cámara del iPhone/Android
  • 15. Geolocalización Usá Geolocation para conocer la ubicación del usuario
  • 16. Acelerómetro Podés usar gestures avanzados y el movimiento del telefono para añadir interactividad
  • 17. BD & File System Accesa una base de datos SQLite (synch/asynch) y el file system de la plataforma
  • 18. Controles IU Nativos Usá controles nativos a través de una interfaz Javascript
  • 19. APIs comúnes Table View en iPhone Table View en Android
  • 20. Highlights en Titanium Controles nativos = Ejecución eficiente. Mejor cobertura de las habilidades del dispositivo. Mayor documentación disponible. (how-tos, videos...) Soporte para Blackberry en el próximo cuatrimestre. Titanium developer.
  • 21. Qué es PhoneGap? PhoneGap es un framework JavaScript/CSS/HTML para crear aplicaciones móviles. Plataformas: iPhone, Android, Blackberry, Win Mobile (6, 7), Symbian, Sony Ericsson... Licencia MIT Website: http://phonegap.com
  • 22. Por qué Phonegap? Soporte para una amplia gama de plataformas. Comunidad grande y bastante activa. El código puede ser reutilizado como w3c widget en devices no soportados (y que soporten w3c widgets). Mobile-spec (suite de testing) Plugin de Eclipse
  • 27. Arquitectura Web application UI API Phone API Source Code Web View (HTML, CSS, JavaScript) Device OS
  • 28. Soporte de devices Integración con dispositivos es irregular. Almacenamiento en el iPhone / Android se realiza a través localstorage de WebKit. Sony Ericsson WebSDK
  • 29. Highlights en Phonegap Mayor cobertura de dispositivos. Implementaciones independientes: Phonegap-android, phonegap-iPhone, phonegap-blackberry... No controles nativos / UI. Basado en Webview [SSB]. Documentación algo escasa y aún en progreso. Phonegap.exec()
  • 30. Qué es Rhodes? Rhodes es un framework Ruby para crear aplicaciones móbiles. Plataformas: iPhone, Android, Blackberry, Win Mobile 6, Symbian (parcialmente) Licencia: MIT Website: http://rhomobile.com
  • 31. Por qué Rhodes? Soporte para todos los smartphones* Framework MVC Tiene un ORM Sincronización a tiempo real** El único que permite un lenguaje dinámico en el device. * Según sitio web ** Depende de RhoSync Server
  • 33. Soporte de devices Capacidad limitada en devices. Se conecta más con un API de comunicación propietario.
  • 34. Highlights en Rhodes La mejor cobertura de devices. Irregular en capacidades específicas. Ruby no tan común como JS o HTML. Muchas de sus carácteristicas dependen de RhoSync Server.

Notes de l'éditeur