Curso de jQuery-Introducción
De WikiEducator
Saltar a: navegación, buscar
PhoneGap
Tutorial para desarrollar aplicaciones móviles multiplataforma
Contenido
Empezando con PhoneGap
Arquitectura
Arquitectura javascript
- Una aplicación mediante PhoneGap tendrá dos partes bien definidas:
- JavaScript para la parte de negocio: Interfaz de usuario y funcionalidad
- Javascript para acceder y controlar el dispositivo
Entorno de desarrollo en Android
- JDK (Android se programa en Java)
- Eclipse
- Android SDK
- Android ADT Plugin para Eclipse
- Android AVD (Android Virtual Device)
- PhoneGap SDK para Android
- Menos PhoneGap, el resto se pueden obtener mediante una descarga única
Nuevo proyecto
- Crear dispositivos AVD Descargar video
- Abrir Eclipse File->New->Android Application Project
- Web Services
- Se usan métodos http
- No tiene control de estado
- Estructura directorios como URI
- Se envían ficheros XML, JavaScript Object Notation (JSON), o ambos.
- Extensa lista de aplicaciones web que permiten consumir Web Services
Tipo de aplicaciones Web con PhoneGap
- PhoneGap sirve para realizar aplicaciones que utilicen las características del dispositivo:
- Camara, GPS, libreta de teléfonos....
- La mayoría de las aplicaciones web basadas en PhoneGap consumirán mediante javascript servicios web
- Ejemplos de aplicaciones de este tipo serían Google Maps, FourSquare...
Necesidades en desarrollos web para móviles
- Desarrollo de la aplicación para varias plataformas
- La experiencia de usuario en la aplicación debe ser consistente entre plataformas:
- Un usuario puede migrar de SO incluso utilizar varios
- La experiencia de usuario podría variar entre dispositivos en función de las características y capacidades de los dispositivos
- Varios equipos de desarrollo no siempre es la mejor opción, por las necesidades de coordinación inherentes.
PhoneGap
- Se basa en la parte común de todos los dispositivos móviles: el navegador
- Los nuevos navegadores se adhieren a estándares como HTML5/CSS3.
- HTML5 nos da mucha funcionalidad: procesos en background mediante web workers, soporte offline, base de datos...
- CSS3 permite que nos despidamos de flash para realizar gradientes, bordes redondeados, páginas responsivas, vistas de impresión, etc.
- Todas las plataformas móviles excepto Windows 7 Phone utilizan un navegador basado en webkit
Webviews
- Piensa en una aplicación PhoneGap como un navegador embebido dentro de la aplicación y que ejecuta HMTL5/CSS.
- Estos navegadores embebidos es lo que se conoce como webview
- Cada una de las pantallas de nuestra aplicación será un webview.
- Desde el webview ejecutaremos código JavaScript que comunicará con código nativo del dispositivo.
- Todos los dispositivos permiten al código en JavaScript hacer llamadas a código nativo en Java/C++/Objective C y al revés.
