Papas fritas: marco gratuito para desarrollar aplicaciones de Android usando HTML, CSS y JavaScript

Fries de Jaune Sarmiento acaba de llegar a la versión número 1.0. El proyecto ofrece un marco para el desarrollo de aplicaciones web con la apariencia de las aplicaciones nativas de Android. Si está familiarizado con la interfaz de usuario de Android desde la versión 4 en adelante, definitivamente sabrá cómo moverse una vez que obtenga Fries. En su iteración actual, Fries está optimizado para cooperar con PhoneGap, lo que le permite crear experiencias nativas de Android.

Fries no es solo para prototipos

Primero permítanme señalar que Fries está disponible bajo los términos de la muy liberal licencia MIT, lo que significa que puede usarlo de forma gratuita en proyectos privados y comerciales. El marco está alojado en Github, pero también se puede descargar en el sitio de demostración.

Desinflado de su contenedor ZIP, Fries pesa alrededor de 470 kb, donde las partes esenciales del sistema solo ocupan una parte de 370 kb. El resto se trata de ejemplos y demostraciones. En su versión 1 reciente, Fries cambió para admitir los íconos oficiales de Android, lo que hace que se parezca aún más a las aplicaciones nativas de Android.

Fries funciona con HTML, CSS y JavaScript. El marco consta de archivos CSS y JavaScript, que contienen el aspecto y el conjunto de funciones. Como Fries sigue un enfoque modular, cada característica se realiza como un JavaScript separado, cuando es necesario, se complementa con un archivo CSS correspondiente. De esa manera, la extensión colaborativa de la funcionalidad se hace fácil, el propio Sarmiento ya tiene alrededor de una docena de ideas en mente.

La funcionalidad esencial, el apilamiento de las páginas de una experiencia de aplicación típica de Android, se realiza mediante un JavaScript llamado Stacks.js, que Sarmiento «tomó prestado» de Push.js de Ratchet. Push.js solo funciona en iOS. Stacks.js funciona como un cargador de elementos de página y contenido, cuando es necesario a través de Ajax.

Patatas fritas: sistema de componentes simples con tareas compartidas inteligentes

Crear una aplicación Fries es simple, teóricamente. Todos los elementos de navegación, como barras de acción o pestañas, se escriben en Div de la clase pagemientras que todos los elementos de contenido se almacenan en un Div clasificado content. Stacks.js se preocupa por las asignaciones y la carga de contenido, si es necesario. También es responsable de las transiciones típicas de Android entre páginas, que se realizan mediante transformaciones CSS3.

Principalmente, una aplicación creada con Fries se puede servir a través de su servidor web común, lo que probablemente sea el camino a seguir durante el proceso de desarrollo. Una vez que su aplicación se acerque a su estado final, debería considerar usar PhoneGap de Adobe. PhoneGap como contenedor elimina varios límites que impondría el navegador móvil. En primer lugar, el navegador móvil no le permite usar la pantalla completa, al menos no sin soluciones alternativas. Este no es un punto crítico, pero aún da una apariencia menos profesional de lo posible. Además, PhoneGap tiene soporte para cualquier API de Android disponible.

Al momento de escribir, Fries tiene componentes listos para usar para barras de acciones, botones, pestañas, listas y formularios. Spinners le permite definir selecciones en la forma de Android que ahorra espacio:

El sitio web de demostración le permite probar todos los componentes individualmente. Como mencioné, Fries viene bajo MIT y PhoneGap bajo licencia Apache. Ambas soluciones forman un equipo, lo que permite a los desarrolladores web crear aplicaciones con la apariencia elegante de Android, sin invertir un solo dólar.

Si tan solo supiera qué giro de la mente se le ocurrió a Sarmiento, cuando nombró al proyecto Fries, no me quedaría con una pregunta sin respuesta…

enlaces relacionados

• papas fritas | Sitio de demostración
• papas fritas | Github
• Brecha telefónica | Página de descarga