SlideShare una empresa de Scribd logo
Introducción a Apache Cordova
Vicente G. Guzman Lucio
@LucioMSP
www.vicenteguzman.mx
Agenda
Parte 1
Conociendo Apache Cordova - TACO
Parte 2
Diferencias entre aplicaciones cross e hibridas
Parte 3
Mi primer proyecto
¿Qué es Apache Cordova?
Tools for Apache Cordova
Desarrollo Móvil hoy en día…
Hibridas
Nativo
WebApps
Cross
Diferencias
Cross - Platform Hibridas
Nuevo proyecto - TACO
Hello World – TACO – OS Android
Hello World – TACO – OS iOS
Resumen
¿Conviene sacrificar la experiencia de usuario y el diseño de la app a cambio de un
menor coste en cuanto a recursos?
¿Necesitamos acceder a características especiales de hardware como GPS, NFC,
sensores y demás?
¿Necesitas que tu app consiga el máximo rendimiento o será una aplicación
sencilla?
¡Gracias!
Vicente G. Guzman Lucio
@LucioMSP
www.vicenteguzman.mx

Más contenido relacionado

PDF
Aplicaciones híbridas: presente y futuro del desarrollo móvil
PPTX
Aplicaciones Web móviles
PPTX
Que son las apps
PDF
Aplicaciones Móviles Híbridas
PPTX
Las apps
DOC
Bimestral sasha
PPSX
Las apps en tipo presentacion
Aplicaciones híbridas: presente y futuro del desarrollo móvil
Aplicaciones Web móviles
Que son las apps
Aplicaciones Móviles Híbridas
Las apps
Bimestral sasha
Las apps en tipo presentacion

La actualidad más candente (20)

PPTX
Actividad 7.2 apps builder
PPTX
Tecnologias emergentes moviles
PDF
Adobe Creative Suite CS6 Design & Web
PDF
Boya.ca - Introducción a Windows Phone
PPTX
Apps builder Detalles
PPTX
COECYS - Introducción al desarrollo de apps multiplataforma con Xamarin.pptx
PPTX
Dia 0 expectativas y objetivos de los presentes
PPTX
S2-PD1-1.2 Aplicaciones
PPTX
Programacion de aplicaciones moviles
PPTX
Como desarrollar aplicaciones moviles, que debemos tener en cuenta?
PPTX
Como y apps_builder
PPTX
Wicus wayra
PPTX
dotNetMálaga 2017 - Taller Hololens con Wave Engine
PPTX
Jornada 10 años ASP NET en Español - Implementación de Notificaciones Push...
PPTX
Diapositivas de desarrollo de programación de aplicaciones moviles
PPTX
Diapositivas de programacion de aplicaciones ii
PPTX
Web apps
PPTX
Teconologia.
PPTX
Aplicaciones moviles
PPTX
Android studio
Actividad 7.2 apps builder
Tecnologias emergentes moviles
Adobe Creative Suite CS6 Design & Web
Boya.ca - Introducción a Windows Phone
Apps builder Detalles
COECYS - Introducción al desarrollo de apps multiplataforma con Xamarin.pptx
Dia 0 expectativas y objetivos de los presentes
S2-PD1-1.2 Aplicaciones
Programacion de aplicaciones moviles
Como desarrollar aplicaciones moviles, que debemos tener en cuenta?
Como y apps_builder
Wicus wayra
dotNetMálaga 2017 - Taller Hololens con Wave Engine
Jornada 10 años ASP NET en Español - Implementación de Notificaciones Push...
Diapositivas de desarrollo de programación de aplicaciones moviles
Diapositivas de programacion de aplicaciones ii
Web apps
Teconologia.
Aplicaciones moviles
Android studio
Publicidad

Similar a Introduccion a Apache Cordova (20)

PPTX
Desarrollo-Movil-con-Apache-Cordova.pptx
PPTX
Software en la actualidad
PPTX
Visual studio 2017 - Mobile Hybrid Application
PDF
Desarrollo de aplicaciones multiplataforma 1/2
PDF
Desarrollo de apps móviles con Apache Cordova
PDF
Consideraciones al escoger apps híbridas vs nativas
ODP
Apache Cordova
PDF
Desarrollo de aplicaciones móviles
PDF
Charla GDG Madrid: Cordova + AngularJS + Ionic
PPTX
PDF
PhoneGap !Qué bueno que viniste¡
PPTX
Desarrollo de aplicaciones móviles con Ionic y Apache Cordova
PDF
HTML5, CSS3 y móviles
PDF
Programando Windows Phone con Phonegap
PPTX
Desarrollo de Apps Multiplataforma con Cordova / Phonegap by BitCuántico
DOCX
PPT
Curso de programacion en android
PDF
202204-Modernizando aplicaciones legacy
ZIP
Desarrollo Móvil y Tecnologías web - Jasson Cascante
PDF
VS 2015 y la nueva ola de desarrolladores
Desarrollo-Movil-con-Apache-Cordova.pptx
Software en la actualidad
Visual studio 2017 - Mobile Hybrid Application
Desarrollo de aplicaciones multiplataforma 1/2
Desarrollo de apps móviles con Apache Cordova
Consideraciones al escoger apps híbridas vs nativas
Apache Cordova
Desarrollo de aplicaciones móviles
Charla GDG Madrid: Cordova + AngularJS + Ionic
PhoneGap !Qué bueno que viniste¡
Desarrollo de aplicaciones móviles con Ionic y Apache Cordova
HTML5, CSS3 y móviles
Programando Windows Phone con Phonegap
Desarrollo de Apps Multiplataforma con Cordova / Phonegap by BitCuántico
Curso de programacion en android
202204-Modernizando aplicaciones legacy
Desarrollo Móvil y Tecnologías web - Jasson Cascante
VS 2015 y la nueva ola de desarrolladores
Publicidad

Más de Vicente Gerardo Guzman Lucio (20)

PPTX
Codificando con Superpoderes Python y GitHub Copilot.pptx
PPTX
AWS Community Day Colombia 2025 - 🗣️ Alexa Para Todos: Integrando Nova Micro ...
PPTX
Amazon Q Dev: Tu Compañero para Programar
PDF
SageMaker: Transformando el Aprendizaje Automático en AWS
PDF
GPPB2024 - Integrando ChatGPT en Power Automate
PPTX
Introducción a Amazon Alexa.pptx
PDF
Creando un Chatbot en C# con ChatGPT.pdf
PPTX
ChatGPT & Alexa.pptx
PDF
Bienvenido .Net MAUI - la evolución de Xamarin.Forms
PPTX
Conectando un Azure Bot con una Alexa Skill
PPTX
Azure DevOps y Blazor Web Assembly
PDF
Desarrollo de Interfaces de Voz: Alexa Skills
PPTX
PPTX
Introducción a Blazor
PPTX
Infraestructura como Código en Azure
PDF
Diseño de Experiencias de Voz con Amazon Alexa
PDF
Alexa Skill con .NETCore & AWS Lambda
PPTX
Skills Nights - Vol.III - Primeros Pasos
PDF
¿Qué es la Nube?
PDF
Consumiendo un servicio externo con Axios en Alexa
Codificando con Superpoderes Python y GitHub Copilot.pptx
AWS Community Day Colombia 2025 - 🗣️ Alexa Para Todos: Integrando Nova Micro ...
Amazon Q Dev: Tu Compañero para Programar
SageMaker: Transformando el Aprendizaje Automático en AWS
GPPB2024 - Integrando ChatGPT en Power Automate
Introducción a Amazon Alexa.pptx
Creando un Chatbot en C# con ChatGPT.pdf
ChatGPT & Alexa.pptx
Bienvenido .Net MAUI - la evolución de Xamarin.Forms
Conectando un Azure Bot con una Alexa Skill
Azure DevOps y Blazor Web Assembly
Desarrollo de Interfaces de Voz: Alexa Skills
Introducción a Blazor
Infraestructura como Código en Azure
Diseño de Experiencias de Voz con Amazon Alexa
Alexa Skill con .NETCore & AWS Lambda
Skills Nights - Vol.III - Primeros Pasos
¿Qué es la Nube?
Consumiendo un servicio externo con Axios en Alexa

Último (11)

PPTX
Fundamentos de Python - Curso de Python dia 1
PPTX
sistemas de informacion.................
PDF
AutoCAD Herramientas para el futuro, Juan Fandiño
PDF
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
PPTX
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
DOCX
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
PPTX
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
PPTX
Conceptos basicos de Base de Datos y sus propiedades
PPTX
Implementación equipo monitor12.08.25.pptx
PDF
Su punto de partida en la IA: Microsoft 365 Copilot Chat
PPTX
Derechos_de_Autor_y_Creative_Commons.pptx
Fundamentos de Python - Curso de Python dia 1
sistemas de informacion.................
AutoCAD Herramientas para el futuro, Juan Fandiño
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
Conceptos basicos de Base de Datos y sus propiedades
Implementación equipo monitor12.08.25.pptx
Su punto de partida en la IA: Microsoft 365 Copilot Chat
Derechos_de_Autor_y_Creative_Commons.pptx

Introduccion a Apache Cordova

Notas del editor

  • #2: Todos sabemos que hoy en día existen diversas plataformas móviles en el mercado tales como iOS, Android, Windows, entre otras, también debemos de saber que hay diversas maneras de acometer los desarrollos para todas estas. Bienvenidos y gracias por su asistencia a pesar de la hora. Comencemos.
  • #3: Esto es lo que veremos el día de hoy: (Leer lo de la ppt) Empecemos por saber primero que es Apache Cordova, para así conforme vayamos avanzando el día de hoy, podamos saber que elegir en un futuro cuando queramos crear aplicaciones.
  • #4: Apache Cordova es un marco de desarrollo móvil de código abierto que nos permite utilizar tecnologías estándar web como HTML5, CSS3 y JavaScript para el desarrollo multiplataforma, evitando el lenguaje nativo de desarrollo para cada plataforma móvil, el resultado, aplicaciones Hibridas. De este modo podemos aprovechar lo que ya sabemos de desarrollo web y sin necesidad de aprender nuevos frameworks o lenguajes, pudiendo además acceder a las APIs nativas desde JavaScript.
  • #5: Ahora bien, TACO es una suite que reúne todas las herramientas necesarias para desarrollar aplicaciones móviles multiplataforma, es decir, para Android, Windows y iOS con el framework Apache Cordova en un mismo entorno de desarrollo que es Visual Studio. Más adelante veremos un ejemplo de esto, pero antes pasemos a la parte dos de la agenda, las diferencias entre Cross e Hibridas.
  • #6: Antes que nada, dejemos bien claro que, si dejamos de lado las Web Apps, estos son los grupos más utilizados en cuanto al desarrollo de aplicaciones móviles. Esto porque en el sector de las aplicaciones para dispositivos móviles, los desarrollos nativos si siguen siendo la mejor opción tanto en rendimiento como en UX, sin embargo, hoy en día pesa más la necesidad de desarrollar soluciones distintas para cada plataforma en un plazo mas corto.
  • #7: Comencemos: Las aplicaciones híbridas, se desarrollan utilizando tecnologías web como HTML, JavaScript y CSS, y que, normalmente, se ejecutarán en el navegador nativo del sistema, por lo tanto, aunque dependerá del framework utilizado, no pueden acceder a tantas funcionalidades del hardware del dispositivo ni a las librerías del sistema. Además de tener normalmente, un peor diseño y un rendimiento más bajo. Las aplicaciones cross – platform se desarrollan utilizando frameworks que optan por un desarrollo único en una cierta tecnología y, a partir de ese código base, generan soluciones pseudo-nativas para las distintas plataformas soportadas.    En este grupo podemos destacar: Appcelerator Titanium El cual trata de un framework open source para el desarrollo de un único código base con Javascript y HTML, que es ejecutado en el intérprete Javascript de cada plataforma, generando para cada una los componentes nativos adecuados, y dando acceso a hardware y funcionalidades de SO subyacente, como el acelerómetro, cámara, contactos, calendario, geolocalización. Las plataformas soportadas son iOS, Android, Blackberry y Tizen. Xamarin En el caso de Xamarin, su tecnología base seleccionada para el desarrollo es C#. Su SDK es una abstracción de las librerías nativas, por lo que al desplegar la aplicación en una plataforma concreta, se genera código 100% nativo. No obstante, no todo el código de la aplicación desarrollada puede ser compartido para todas las plataformas, la interfaz de usuario debe ser específica para cada plataforma. En este caso, las plataformas soportadas son iOS, Android y Windows Phone.
  • #11: En resumen, podríamos decir que cada método cumple las necesidades dependiendo del tipo de aplicación que queramos desarrollar, y para saber cual nos conviene más, podríamos fijarnos en los siguientes factores: ¿Nos conviene sacrificar la experiencia de usuario y el diseño de la app a cambio de un menor coste en cuanto a recursos? Si tenemos en mente hacer crecer nuestra aplicación o crear un modelo de negocio en torno a ella, será mejor fijarse en los detalles y esforzarse al máximo para poder sacarla adelante. ¿Necesitamos acceder a características especiales de hardware como GPS, NFC, sensores y demás? ¿Necesitas que la app consiga el máximo rendimiento o será una aplicación sencilla? Evidentemente hay muchos más factores en los que fijarse a la hora de desarrollar una aplicación, estos son algunos de los más básicos en los que deberías detenerte para elegir un método u otro.