La mayoría de vosotros habréis oído hablar de ReactNative, un framework de desarrollo multiplataforma basado en Javascript y el framework web ReactJS. ReactNative nacío como alternativa a las soluciones híbridas existentes pero plantea un enfoque tecnológico distinto. En el año 2020 fue el framework más utilizado para aplicaciones móviles multiplataforma.
Nos iniciaremos en el desarrollo de aplicaciones con ReactNative, explicando los conceptos básicos del framework y poniendo en práctica varios de estos conceptos en un par de ejercicios que nos servirán a modo de ejemplo.
PhoneGap es un framework para el desarrollo de aplicaciones móviles producido por Nitobi, y comprado posteriormente por Adobe Systems. Principalmente, PhoneGap permite a los programadores desarrollar aplicaciones para dispositivos móviles utilizando herramientas genéricas tales como JavaScript, HTML5 y CSS3. Las aplicaciones resultantes son híbridas, es decir que no son realmente aplicaciones nativas al dispositivo (ya que el renderizado se realiza mediante vistas web y no con interfaces gráficas específicas de cada sistema), pero no se tratan tampoco de aplicaciones web (teniendo en cuenta que son aplicaciones que son empaquetadas para poder ser desplegadas en el dispositivo incluso trabajando con el API del sistema nativo).
Meetup TestingUy 2019 - Plataforma de integración y testing continuoTestingUy
Oradores: Javier Castro y Mónica Wodzislawski
Resumen: Muchas organizaciones comienzan a aplicar metodologías ágiles para la construcción de productos de software. Sin embargo, en nuestra experiencia en el Centro de Ensayos de Software (CES), a través de múltiples proyectos y consultorías de testing de software, observamos que las empresas enfrentan dificultades importantes para articular las actividades de desarrollo, testing y puesta en producción, con la eficiencia y calidad requerida.
Se presentará una plataforma de integración continua que incluye el testing automatizado en los diferentes niveles de la pirámide de Cohn. Esta plataforma sirve como prototipo para presentar en la industria de TI, mostrar sus beneficios y contribuir a resolver los obstáculos que enfrentan las empresas y organizaciones.
La mayoría de vosotros habréis oído hablar de ReactNative, un framework de desarrollo multiplataforma basado en Javascript y el framework web ReactJS. ReactNative nacío como alternativa a las soluciones híbridas existentes pero plantea un enfoque tecnológico distinto. En el año 2020 fue el framework más utilizado para aplicaciones móviles multiplataforma.
Nos iniciaremos en el desarrollo de aplicaciones con ReactNative, explicando los conceptos básicos del framework y poniendo en práctica varios de estos conceptos en un par de ejercicios que nos servirán a modo de ejemplo.
PhoneGap es un framework para el desarrollo de aplicaciones móviles producido por Nitobi, y comprado posteriormente por Adobe Systems. Principalmente, PhoneGap permite a los programadores desarrollar aplicaciones para dispositivos móviles utilizando herramientas genéricas tales como JavaScript, HTML5 y CSS3. Las aplicaciones resultantes son híbridas, es decir que no son realmente aplicaciones nativas al dispositivo (ya que el renderizado se realiza mediante vistas web y no con interfaces gráficas específicas de cada sistema), pero no se tratan tampoco de aplicaciones web (teniendo en cuenta que son aplicaciones que son empaquetadas para poder ser desplegadas en el dispositivo incluso trabajando con el API del sistema nativo).
Meetup TestingUy 2019 - Plataforma de integración y testing continuoTestingUy
Oradores: Javier Castro y Mónica Wodzislawski
Resumen: Muchas organizaciones comienzan a aplicar metodologías ágiles para la construcción de productos de software. Sin embargo, en nuestra experiencia en el Centro de Ensayos de Software (CES), a través de múltiples proyectos y consultorías de testing de software, observamos que las empresas enfrentan dificultades importantes para articular las actividades de desarrollo, testing y puesta en producción, con la eficiencia y calidad requerida.
Se presentará una plataforma de integración continua que incluye el testing automatizado en los diferentes niveles de la pirámide de Cohn. Esta plataforma sirve como prototipo para presentar en la industria de TI, mostrar sus beneficios y contribuir a resolver los obstáculos que enfrentan las empresas y organizaciones.
Smad TI - Phonegap Aplicaciones Nativas Móviles con HTML5Smad IT
Esta presentacion fue creada para el Demo Day de Parquesfot Quindio que se realizo en la Universidad del Quindio; en ella podra encontrar informacion de como construir aplicaciones moviles nativas multipilataforma con phonegap y html5.
IBM Worklight ayuda a las organizaciones a ampliar su negocio a dispositivos móviles. Proporciona una plataforma de aplicaciones móviles abierta, exhaustiva y avanzada para crear, ejecutar y gestionar aplicaciones móviles.
Con Worklight, puede desarrollar, ejecutar y gestionar de manera eficiente aplicaciones HTML5, híbridas y nativas. Reduzca los costes de desarrollo, mejore el tiempo de comercialización y la seguridad y el control de las aplicaciones móviles. IBM Worklight utiliza tecnologías basadas en estándares que evitan el uso de conversión de código, intérpretes de propiedad o lenguajes de script impopulares.
Con IBM Worklight, las organizaciones pueden:
Dar soporte a varios entornos operativos y dispositivos con la sencillez de una única base de código compartida
Conecte y sincronice fácilmente con datos, aplicaciones y servicios en la nube de la empresa
Proteja la seguridad móvil en el dispositivo, la aplicación y la capa de red
Controle la cartera de aplicaciones móviles desde una interfaz central.
OE Mobile es una nueva herramienta que le permite construir aplicaciones móviles de forma rápida y sencilla (drag & drop). La filosofía es hacer un único desarrollo y desplegarlo en múltiples plataformas. De ahora en adelante las aplicaciones Progress tendrán una forma natural de ofrecer accesos móviles.
Smad TI - Phonegap Aplicaciones Nativas Móviles con HTML5Smad IT
Esta presentacion fue creada para el Demo Day de Parquesfot Quindio que se realizo en la Universidad del Quindio; en ella podra encontrar informacion de como construir aplicaciones moviles nativas multipilataforma con phonegap y html5.
IBM Worklight ayuda a las organizaciones a ampliar su negocio a dispositivos móviles. Proporciona una plataforma de aplicaciones móviles abierta, exhaustiva y avanzada para crear, ejecutar y gestionar aplicaciones móviles.
Con Worklight, puede desarrollar, ejecutar y gestionar de manera eficiente aplicaciones HTML5, híbridas y nativas. Reduzca los costes de desarrollo, mejore el tiempo de comercialización y la seguridad y el control de las aplicaciones móviles. IBM Worklight utiliza tecnologías basadas en estándares que evitan el uso de conversión de código, intérpretes de propiedad o lenguajes de script impopulares.
Con IBM Worklight, las organizaciones pueden:
Dar soporte a varios entornos operativos y dispositivos con la sencillez de una única base de código compartida
Conecte y sincronice fácilmente con datos, aplicaciones y servicios en la nube de la empresa
Proteja la seguridad móvil en el dispositivo, la aplicación y la capa de red
Controle la cartera de aplicaciones móviles desde una interfaz central.
OE Mobile es una nueva herramienta que le permite construir aplicaciones móviles de forma rápida y sencilla (drag & drop). La filosofía es hacer un único desarrollo y desplegarlo en múltiples plataformas. De ahora en adelante las aplicaciones Progress tendrán una forma natural de ofrecer accesos móviles.
Presentación para el CONISOFT: Congreso Nacional de Ingeniería de Software 2013).
Location: Xalapa México
Paper: "Propuesta de integración para el consumo de múltiples datasets de linked data"
Author: Cristian A. Rodríguez Enríquez
Abstract: La Web Semántica es el siguiente paso en la evolución de la Web. Las consultas hacia Linked Data se esta convirtiendo en una nueva forma de trabajar sobre la Web. Diversos grupos de trabajo e investigación se han interesado en el consumo y explotación de Linked Data sobre datasets específicos o de un mismo dominio de conocimiento. Una de las mayores dificultades de la unificación en el consumo de Linked Data es que cada dataset posee características especificas para establecer consultas sobre sus puntos de acceso. En este trabajo se propone una arquitectura que permita el consumo de distintos dataset de Linked Data como DBPedia y Music Brainz, para la recuperación y consulta de Linked Data.
Propuesta de integración para el consumo de múltiples datasets de linked data
02 Building cross platform mobile applications with PhoneGap / Desarrollo de Aplicaciones Cross-Platform para Dispositivos Moviles
1. Desarrollo de Aplicaciones Cross-
Platform para Dispositivos Móviles
Building Cross-Platform Mobile Applications
M.S.C. Raquel Vásquez Ramírez
M.S.C. Cristian A. Rodríguez Enríquez
2. Contenido
• Hydration
• Push Update
• Update Tradicional
• Instalar Extension PhoneGap for Brackets
• Estructura de una aplicación en PhoneGap
• Ripple Emulator
• Agregando jQuery Mobile a PhoneGap
• Conclusiones
Building Cross-Plaftform Mobile Applications – PhoneGap
Slide 02 of 18
3. Hydration
Building Cross-Plaftform Mobile Applications – PhoneGap
Slide 03 of 18
It’s a tool that delivers updates directly to your device while
also significantly cutting down compile times during
development.
Hydration is a tool that has two main benifits for developers
and testers:
• Compilation times are improved significantly.
• Updates are pushed directly to the application installed on a
device.
10. Building Cross-Plaftform Mobile Applications – PhoneGap
Slide 10 of 18
Estructura de una aplicación en PhoneGap [2/5]
Considerando que se está utilizando la “sample starter application” se requiere
eliminar el código innecesario dentro de las etiquetas <body></body>.
Únicamente se mantienen los <script> y se agrega una <div> en el <body>
que contendrá el código de la aplicación.
<div id=”"></div>
11. Building Cross-Plaftform Mobile Applications – PhoneGap
Slide 11 of 18
Estructura de una aplicación en PhoneGap [3/5]
<meta name="viewport" content="width=device-width, initial-scale=1">
Adicionalmente se modifica el viewport a los siguientes valores
12. Building Cross-Plaftform Mobile Applications – PhoneGap
Slide 12 of 18
Estructura de una aplicación en PhoneGap: deviceready [4/5]
This is an event that fires when PhoneGap is fully loaded.
Supported Platforms
• Android
• BlackBerry WebWorks (OS 5.0 and higher)
• iPhone
document.addEventListener("deviceready”,
yourCallbackFuncBon,
false);
13. Building Cross-Plaftform Mobile Applications – PhoneGap
Slide 13 of 18
Estructura de una aplicación en PhoneGap: phonegap.js [5/5]
The phonegap.js file is automatically injected by
PhoneGap Build at build time.
No es necesario contar con el archivo durante el
desarrollo con PhoneGap Build.
14. Tip: http://emulate.phonegap.com/
Building Cross-Plaftform Mobile Applications – PhoneGap
Slide 14 of 18
Ripple Emulator
Apache Ripple™ is a web based mobile environment
simulator designed to enable rapid development of
mobile web applications for various web application
frameworks, such as Apache Cordova™ and
BlackBerry® WebWorks™.
Para emular el API de PhoneGap para propósitos de testing en
un browser se requiere de Google Chrome con la extensión de
Ripple.
15. Building Cross-Plaftform Mobile Applications – PhoneGap
Slide 15 of 18
Agregando jQuery Mobile a PhoneGap
1) Agregar jQuery Mobile al proyecto de PhoneGap
2) Setup de jQuery Mobile en la aplicación
3) Integrar el HTML y JS relacionado con jQuery Mobile
16. Building Cross-Plaftform Mobile Applications – PhoneGap
Slide 16 of 18
PhoneGap & jQuery Mobile [1/]
Abrir la aplicación a actualizar o agregar una nueva en
PhoneGap Build
17. Building Cross-Plaftform Mobile Applications – PhoneGap
Slide 17 of 18
PhoneGap & jQuery Mobile [1/]
1
2
3
Cargar el archivo zip con el proyecto de PhoneGap
4
18. Conclusiones
• PhoneGap permite utilizar frameworks Web de
terceros
• Desarrollo para múltiples plataformas a través de
compilación en la nube
• Hydra permite actualizar sin reinstalar utilizando
push
Building Cross-Plaftform Mobile Applications – PhoneGap
Slide 18 of 18