usar nativas hibridas ejemplos como app aplicaciones iphone android html5 cordova

iphone - nativas - como usar phonegap



Uso de Phonegap para el desarrollo de aplicaciones nativas (7)

Antes de expresar mi opinión sobre Phonegap, necesito emitir un pequeño descargo de responsabilidad diciendo que, de ninguna manera, soy un desarrollador web. Para mí, escribir JavaScript y CSS es como tirar los dientes. Dicho esto, no me gusta Phonegap.

Hay algunos aspectos muy atractivos del marco, principalmente la apelación de "Escribir una vez, ejecutar cualquier cosa" y el "No tengo que aprender a objetivar C". apelación. El marco puede incluso darle acceso a algunas de las funciones de hardware como el acelerómetro. Todos estos son válidos, hasta cierto punto.

Dicho esto, ninguna de las grandes aplicaciones de iOS está construida con cualquier tipo de marco de plataforma cruzada. Hay tantas interacciones de UI sutiles y elegantes que los controles UIKit nativos manejan para usted, que muchos usuarios y desarrolladores dan por sentado hasta que faltan, como la gran cantidad de curvas de animación de vista detallada y rebotes de desplazamiento que no están allí en la interfaz de usuario basada en la vista web. Podrías esforzarte por reproducirlos a la perfección, pero para esa inversión de tiempo, ¿por qué no simplemente convertirte en nativo?

Un segundo punto a tener en cuenta es que la comunidad de soporte para aplicaciones iOS construidas con Phonegap es drásticamente más pequeña que las aplicaciones desarrolladas nativamente. Si confía en la comunidad durante los proyectos, esto también debería darle una pausa.

Al final todo se reduce a la calidad de experiencia que desea brindar. El límite superior es más bajo con Phonegap. Si está listo para aceptar una experiencia de usuario inferior a la excelente a cambio de tiempos de desarrollo reducidos y mayor portabilidad, entonces es un marco muy viable.

Como subtexto para cualquiera que esté interesado, Marco Arment y Dan Benjamin discutieron recientemente este tema. Puedes escucharlo here .

Recientemente me encontré con Phonegap . ¿Alguno de ustedes lo ha intentado? Es una herramienta increíble que afirma que los desarrolladores pueden usar un marco basado en HTML 5 como Sencha touch y Jquery al mismo tiempo tener acceso a funciones nativas en el teléfono. Además, el código es portátil desde Android a Iphone con cierto esfuerzo. Antes de sumergirme, quiero saber cuál es la experiencia del foro con Phonegap. ¿Cuáles son los puntos débiles y es realmente escalable para el desarrollo de aplicaciones de nivel empresarial.

Aquí están todas las mejores guías de rendimiento que he leído para PhoneGap ... hay mucho de qué preocuparse para asegurarse de que tenga un rendimiento sólido y estable ... pero puede recogerlo todo en una sola noche de lectura.

Estas son las mejores pepitas:

PhoneGap / Mobile Web Performance Tips

Habilitando nuevas funciones

Arquitectura

Diseñando su aplicación en Ext JS 4: http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-2

El procedimiento de instalación incluye una serie de paquetes (Java, Apache Ant, Ruby, iOS SDK, Android SDK y PhoneGap) que deben instalarse y configurarse correctamente. Esto puede ser un gran esfuerzo. Para ser justos, tienen algo llamado PhoneGap Build en beta que debería hacer esto mucho más fácil.

Lo usamos con NS Basic / App Studio para producir aplicaciones que califican para tiendas de aplicaciones.

He creado un par de aplicaciones usando PhoneGap, y por lo que proporciona, es genial. Hay un par de notas rápidas que me gustaría señalar, que podrían ayudarlo.

Disable device-based features you''re not using El acelerómetro, las funciones de geolocalización están activadas por defecto. Si no los está usando, los desactivé, ya que su aplicación se cargará más rápido (se inicializará) y se ejecutará sin problemas.

onDeviceReady : este es el método que se llama una vez que Phonegap se ha cargado y está listo. $ (document) .ready o lo que sea que esté acostumbrado, en realidad no se aplica aquí, a menos que solo esté haciendo cosas de interfaz / HTML codificado. Si está interactuando con las funciones de iPhone, como GeoLocation, tendrá que hacer todo después de llamar aDeviceReady.

Pick a UI/library Hay un montón de opciones para la interfaz / bibliotecas, jquery-mobile, sencha touch, jqtouch, etc. Cada una de ellas ofrece un enfoque único y un conjunto de funciones. Investigue un poco y use uno, pero evite combinarlo. Puede leer sobre algunas opciones más, herramientas aquí: http://www.phonegap.com/tool (enlace actualizado)

Also, more on just mobile development in general, with PhoneGap Si está buscando construir aplicaciones, que se distribuyen a través del mercado de Android y la tienda de aplicaciones de iPhone, leería a través de sus listas exhaustivas las pautas sobre cómo desarrollar su aplicación. Por ejemplo, en el enlace de herramientas anterior, hay una "herramienta / complemento" llamada Easy APNS , aunque es útil para Android, y técnicamente factible en el iPhone, infringe el acuerdo de desarrollo, ya que establece que debe usar la notificación de Apple. red, etc. Esto es solo un ejemplo, pero leer sobre eso te ahorrará muchos dolores de cabeza, si ese es tu objetivo final.

En general, es ideal para aplicaciones ligeras, especialmente si proviene de un fondo de desarrollo web. LocalStorage, GeoLocation, etc. funciona realmente bien. Espero que esto ayude un poco ... y sienta la necesidad de hacer preguntas.

Edición adicional:

Realmente creo que se trata de lo que quieres hacer y de lo que sabes hacer. Matt señaló que desarrollar aplicaciones nativas, para iOS es mejor, etc. Sí, si tienes el tiempo y el conocimiento para aprender eso, por supuesto que nativo será mejor. Pero PhoneGap está hecho para desarrolladores web que pueden tomar sus habilidades existentes y crear aplicaciones. Además, PhoneGap le permite crear aplicaciones rápidamente, para iOS, Android, Symbian, Palm, Blackberry. Con ajustes menores en su base de código para cada uno.

No se menciona un "dolor" al implementar entre varios dispositivos diferentes: cuantos más dispositivos, mayor es la curva de aprendizaje. Para implementar dispositivos iOS con PhoneGap, deberá aprender los conceptos básicos de Xcode en una Mac. Para implementar en Android, deberá instalar y aprender Eclipse, el SDK de Android, etc. Las otras plataformas exigen que se usen sus propios SDK. Aprender algunos rudimentarios Xcode, Javascript y Java me ayuda a comprender los errores y la sintaxis general.

"Crear una vez, implementar en todas partes" ¡omite MUCHOS pasos!

Si no necesita ninguna de las características de hardware o rendimiento más allá de lo que ofrecen HTML5 y Phonegap, una aplicación web encapsulada (más algún acceso limitado a otras funciones) es una gran solución.

Muchas empresas implementan aplicaciones web a gran escala. Phonegap (o simplemente un control de vista web simple con contenido incrustado) le permitirá ejecutar estas aplicaciones web sin conexión (excepto, por supuesto, para cualquier información en línea requerida).

si no estás haciendo un juego ni un artilugio, simplemente una aplicación atractiva, entonces Phonegap es tu elección.

Pero debe tener cuidado con su JS, evite hacer cualquier cosa en JS, por ejemplo, si desea hacer alguna animación, evite configurar un temporizador con pequeños intervalos (por ejemplo, 100 ms), evite jquery y animaciones similares. Por ejemplo, en lugar de animar el fundido configurando un temporizador de período corto que disminuye la opacidad en cada punto paso a paso (así es como funciona el jquery fade), debe usar transiciones css3 de la opacidad 1 a la opacidad 0.

Mi consejo es ir con algo como zeptojs.com, después de que todo el teléfono no se ejecute ie6 :-)

Consulte algunos tutoriales sobre cómo hacer que su JS sea más ligero

http://bcksp.blogspot.com/