Diferencia entre revisiones de «Usuario:Juanda/phonegap/PhoneGap»

De WikiEducator
Saltar a: navegación, buscar
(Página creada con '{{Usuario:juanda/phonegap/nav }} {{#widget:Slides}} {{MiTitulo| Curso de jQuery-Introducción}} <div class="slides layout-regular template-default"> <div class="slide"> = Empe…')
 
Línea 14: Línea 14:
  
 
<div class="slide">
 
<div class="slide">
−
=== Ha pasado antes ===
+
===Arquitectura javascript===
−
*Desarrollos para Linux/Unix, Windows y Mac
+
*Una aplicación mediante PhoneGap tendrá dos partes bien definidas:
−
*Aparece Java
+
*JavaScript para la parte de negocio: Interfaz de usuario y funcionalidad
−
*Desarrollo Web para distintos navegadores: Explorer, Safari y Firefox
+
*Javascript para acceder y controlar el dispositivo
−
*Aparecen nuevos navegadores como Chrome y Opera provocando mayor fragmentación
+
−
*Aparecen frameworks como jquery, YUI o Google Web Toolkit
+
−
*Los navegadores empiezan a seguir las especificaciones de la W3C y últimamente casi todos se apoyan en WebKit (el último Opera).
+
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
  
−
=== Tipos de aplicaciones móviles===
+
===Entorno de desarrollo en Android===
−
*Aplicaciones aisladas
+
*JDK (Android se programa en Java)
−
:Alarma
+
*Eclipse
−
:Gestor de llamadas
+
*Android SDK
−
:Explorador de archivos
+
*Android ADT Plugin para Eclipse
−
:...
+
*Android AVD (Android Virtual Device)
−
*Aplicaciones basadas en web services
+
*PhoneGap SDK para Android
−
:e-mail
+
*Menos PhoneGap, el resto se pueden obtener mediante una [http://developer.android.com/sdk/index.html descarga única]
−
:calendario
+
−
:cliente de Twitter
+
−
:...
+
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
−
===Tipos de desarrollo web===
+
===Nuevo proyecto===
−
*Aplicaciones Web accesibles via navegador
+
*[http://www.youtube.com/watch?feature=player_embedded&v=k2Ly6O9LlPw Crear dispositivos AVD] [http://www.media.formandome.es/android/avd.webm Descargar video]
 +
*Abrir Eclipse File->New->Android Application Project
 +
 
  
 
*Web Services
 
*Web Services

Revisión de 10:53 22 feb 2013


Empezando con PhoneGap


Arquitectura

Arquitectura de una aplicación en PhoneGap

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


  • 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.
Requerimientos para desarrollo de programas para dispositivos móviles

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
Navegador en dispositivos móviles

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.


Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:Juanda/phonegap/PhoneGap&oldid=11567»