en Mobile

10 Ideas Claras sobre PhoneGap

Phonegap-Logo

PhoneGap es una de las mejores opciones (y mi favorita) que existen en el mercado para crear aplicaciones para móviles utilizando HTML5 + CSS3 + JS.

Vamos a intentar dejar claras en este post 10 ideas fundamentales sobre PhoneGap.

  1. PhoneGap es una tecnologia contenedora de aplicaciones que nos permite crear, utilizando HTML, CSS y Javascript, aplicaciones para móviles que se instalan nativamenteBuild-Diagram-3
  2. La interfaz de una aplicación PhoneGap se crea utilizando HTML, CSS y Javascript. Esta interfaz nos la muestra PhoneGap a traves de un componente que es un navegador que toma el 100% del ancho y el 100% del alto de nuestro dispositivo.web-view_updated
  3. La vista web utilizada por PhoneGap es la misma vista web utilizada por el sistema operativo nativo. Asi, en iOS, esta vista será la clase UIWebView de Objective C; en Android será el componente android.webkit.WebView.Al haber diferencias en los motores de renderizado web entre sistemas operativos, tendremos que tener en cuenta esto para el desarrollo (y testeo) de nuestra interfaz.
  4. PhoneGap proporciona una API (Application Programming Interface) que nos permite acceder a las funcionalidades nativas de los dispositivos móviles utilizando Javascript. Así, podemos desarrollar toda la lógica de nuestra aplicación en Javascript y utilizar la API de PhoneGap para acceder a las funcionalidades nativas del dispositivo.API_updated
  5. Además de las funcionalidades que nos ofrece PhoneGap “de serie”, podemos crear nuestros propios “plugins nativos“. Los plugins nativos de PhoneGap nos permiten crear nuestras propias clases nativas con su correspondiente interfaz en Javascript para usarlas en nuestras aplicaciones PhoneGap
  6. Las aplicaciones PhoneGap son desarrolladas con HTML, CSS y Javascript, sin embargo, el producto final de una aplicación PhoneGap es un archivo binario (IPA, APK, XAP…) listo para ser distribuido en los correspondientes marketplacesexport_updatedPara aplicaciones iOS se genera un archivo IPA (iOS Application Archive), para Android se genera in archivo APK (Android Package), para Windows Phone se genera un archivo XAP (Application Package), etc…Estos formatos son los mismo utilizados por las aplicaciones “nativas” y se pueden distribuir a traves de los canales correspondientes (iTunes Store, Android Market, Amazon Market, BlackBerry App World, Windows Phone Marketplace, etc…)
  7. La aplicacion cliente de PhoneGap se comunica con una aplicación en el servidor para recibir/enviar datos. La aplicacion en el servidor gestiona la logica de negocio y se comunica con la Base de Datos.architecture_updatedEl servidor suele ser un servidor web (Apache, IIS, nginx, etc..) que sirve una aplicacion escrita en un lenguaje de servidor como Java, PHP, Ruby, Node.js, etc… PhoneGap es agnostico en cuanto a tecnologia backend y puede trabajar con cualquier aplicacion en el servidor que utilize protocolos web estándares.La aplicación en el servidor implementa la lógica de negocio y los cálculos, y generalmente se encarga de leer/escribir en la base de datos.
  8. Las aplicaciones PhoneGap no suelen hablar directamente con una base de datos. Esta comunicacion es gestionada a traves de una aplicación en el servidor. La comunicacion con el servidor se suele basar en peticiones HTTP standard para contenido HTML, como REST-ful, XML, JSON, SOAP o websockets.Serian exactamente las misma técnicas que utilizarias en una aplicación de escritorio basada en AJAX
  9. La arquitectura de la aplicación cliente suele utilizar un modelo de página única donde toda la lógica de la aplicación está en una única pagina HTML. Esta pagina permanece cargada en memoria y los gestiona todo. Los datos se muestran actualizando el DOM HTML, los datos se guardan desde la aplicacion en el servidor a traves de técnicas AJAX y las variables se mantienen en memoria a traves de Javascript
  10. Para desarrollar aplicaciones PhoneGap, se suelen utilizar frameworks (como jQuery Mobile y Sencha Touch) que nos facilitan hacer que nuestra app se comporte y se vea como una aplicación nativa.

Enlaces y más:

¿Que opinas de PhoneGap? ¿Lo has utilizado ya? ¿Alguna alternativa mejor para desarrollo de aplicaciones para moviles? ¿Cual es tu experiencia? ¿Nos puedes recomendar algun framework para el desarrollo de la interfaz? Esperamos vuestros comentarios

Post Anterior
Post Siguiente

Política de Comentarios de pixelovers

Responsable » Juan Manuel Garrido
Finalidad » Moderación de los comentarios
Legitimación » Tu consentimiento expreso que te será requerido por Disqus.
Destinatarios » Los datos de tus comentarios los guardará Disqus, mi sistema de comentarios, que está acogido al acuerdo de seguridad EU-US Privacy Shield tal y como recoge su politica de privacidad
Derechos » Desde Disqus, por tanto, podrás acceder, rectificar, limitar y suprimir tus comentarios o tu cuenta
Tienes más detalles acerca del tratamiento de los datos relacionados con los comentarios en nuestra (Política de Privacidad)

17 Comentarios

  1. Hola, muy buen resumen de las bondades de phonegap, llevo tiempo experimentando con sus sencillez, si hay algo en lo que me he atorado es en encontrar un buen framework para realizar una UI. jQuery mobile es muy practico, pero tiene algunos problemas en las transiciones y las he dejado a un lado (lo cual no se me hace bonito), Sencha tiene una curva de aprendizaje bastante amplia para mi gusto y tiempo, hay algunos otros más sencillos como Web 2.0 touch (muy fluido en transiciones pero no tienen el poderío de jQuery Mobile). ¿Alguna otra recomendación?

  2. Hola
    Genial, corto y sencillo.
    En una aplicación en código nativo cuando se crea una base de datos lo hace en:
    /data/data/PackageName/databases/NombreBaseDatos
    ¿Una base de datos creada con Phonegap donde y/o como se puede localizar?

  3. Hola. Quería presentaros nuetra gama de memorias usb personalizadas Tenemos más de 600.000 memorias USB fabricadas para nuestros clientes.
    STOCK&GO, es una compañía tecnológica dedicada a la fabricación e importación de productos electrónicos y promocionales, ofreciendo soluciones innovadoras de marketing sobre dispositivos electrónicos de última generación.
    Espero que sea de vuestro interés.. y no dudeis en visitarnos.

  4. When shoes are dirty, and dipped his gently scrub the detergent and water, then rinse with water, dry place ventilation the shade, avoiding direct sunlight.nike free 3.0 v4 dam nike free 4.0 v2 dam Do not use the heater or fire-drying to avoid aging, crack, fade and severely deformed. Washing cannot be soaked for a long time, usually soaking time should not exceed 2 hours

  5. Es papalla, oseahagan una web normal en html, si quieren animenlas con jQuery la comprimen en zip y la suben a phonegap, el solo las compila pa todos los sistemas moviles! pero hay algo, no se por que en windows mobile no e podio instalarlas, si alguien sabe… pues espero…..

  6. Hola, me gustaria que me den una mano con phonegap + socket.io
    La idea es crear una app en phonegap que pueda recibir mensajes en tiempo real utilizando socket.io de node.js