iPad con drag and drop (HTML5)

Con la llegada del Apple iPAD los portales en Internet, principalmente diarios y revistas, deberán tomar la decisión de crear sus aplicaciones específicamente para iPAD, con un mercado muy reducido, o fortalecer su presencia en la Web haciendo uso de tecnologías que han sido fuertemente promovidas a partir de la creación de este dispositivo.

Qué tipos de aplicaciones puedo crear para iPAD?

El dispositivo iPad soporta dos tipos de aplicaciones: iOS Apps y Web Apps.

Las aplicaciones iOS son las preferidas por los usuarios de iPAD. Están desarrolladas en tecnología Objetive C y se instalan en los dispositivos a través de la tienda de aplicaciones de Apple. Para poder publicarlas en la tienda de aplicaciones, es necesario pasar por un proceso de aprobación establecido por Apple. El mismo, puede ser muy sencillo o muy complejo dependiendo del tipo de aplicación, el contenido a exhibir o la funcionalidad a resolver.

Las aplicaciones Web no requieren ningún tipo de control por parte de Apple y son liberadas al mercado de forma directa. Están desarrolladas en tecnologías Web conocidas y pueden funcionar en cualquier plataforma PC, MAC o móvil con soporte HTML5 / CSS3.

En última instancia, la decisión sobre construir una aplicación iOS o Web deberá evaluarse en función del requerimiento funcional del aplicativo.

La Web en iPAD: HTML5

Como ya hemos comentado en otros artículos, HTML5 / CSS3 están ganando terreno día a día en el campo del desarrollo de aplicaciones dinámicas en Internet (RIA) y sitios web interactivos. Ofrecen una seria de funcionalidades hasta ahora sólo conseguidas con productos como Flash, Flex o Silverlight que requieren la instalación de complementos en el navegador del usuario.

Apple ha excluido el soporte de complementos y ha impulsado fuertemente el estándar HTML5 como la única opción viable para desarrollar aplicaciones en la Web. Esta posición, más allá de las críticas, se encuentra alineada con acciones de empresas como Google.

Qué es HTML5 / CSS3?

HTML5 es la evolución de la especificación de la Web desarrollada en 1997. Son nuevas funcionalidades que se agregan el estándar de codificación HTML y por las cuales será posible lo que hasta ahora se lograba con la incorporación de otras tecnologías a nuestros desarrollos.

HTML5 / CSS3 permite:

Además de estas nuevas opciones de funcionalidad HTML5 ofrece características técnicas que facilitan implementaciones de sitios de alto tráfico:

- Al estar construido a partir de archivos Javascript y CSS, pueden trasmitirse en modo GZIP / DEFLATE al cliente, reduciendo significativamente el tamaño de una página

- Permite persistir funcionalidad interactiva del lado del cliente

- No requiere complementos en el cliente (Flash Player)

Aplicaciones sólo para iPAD?

Cuando desarrollamos Web Apps para iPAD basadas en HTML5 lo hacemos pensando en que funcionarán en Safari, pero sabemos que también funcionarán en otros navegadores de diferentes dispositivos y computadoras de escritorio (Google Chrome, Internet Explorer 9, FireFox 3.6).

Por otro lado ¿podemos pensar que los desarrollos creados para otros dispositivos funcionarán en iPAD correctamente? En la amplia mayoría de los casos, los sitios podrán visualizarse sin problemas. No obstante, el manejo de eventos de la interfaz Web deberá contemplar eventos táctiles para poder ser utilizados.

Durante mucho tiempo, las organizaciones desarrollaban versiones especiales de sus sitios Web optimizadas para dispositivos móviles. Actualmente, deberán abandonar esa concepción para desarrollar aplicaciones con soporte para dispositivos táctiles y funcionalidad enriquecida soportada por navegadores de última generación.

De esta forma, las empresas pueden tener presencia en el segmento de usuarios iPAD y re-aprovechar esa inversión para mejorar su presencia global en la Web.

HTML5 es la nueva especificación de HTML y XHTML, núcleo de la Web como la conocemos. Uno de los principales objetivos de HTML5 es llevar a los usuarios una experiencia de navegación superior al mismo tiempo que reduce la necesidad de utilizar componentes de terceras partes como Adobe Flash y Microsoft Silverlight.

HTML5 vs FLASH es probablemente una de las discusiones más intensas de la Web en la actualidad. A continuación exploramos que es HTML5 y porque comienza a tener un rol importante en la Web más allá de la discusión técnica.

HTML5 incorpora dentro de sus capacidades: cache de aplicaciones, almacenamiento de datos  desconectado (offline), drag and drop, edición de documentos, audio y video, geolocalización, etc. El cache de aplicaciones, introducido por Adobe Flash, permite que aplicaciones Web se comporten como aplicaciones de escritorio. Por otro lado,  el almacenamiento de datos offline permite que utilicemos aplicaciones Web y naveguemos por contenido mientras estamos desconectados de Internet.

HTML5 propone realizar esto mismo pero utilizando código JAVASCRIPT. Muchos de los avance producidos por frameworks de Javascript como JQUERY, Ajax y otros forman parte de la propuesta de especificación de HTML5. Algunos ejemplos de lo que podemos hacer con HTML5 en: http://html5demos.com/

Mas allá de la discusión técnica sobre la superioridad de ADOBE Flash sobre HTML5 (o viceversa) tenemos que considerar los siguientes hechos que dan cuenta de  una tendencia en la Web:

1. GOOGLE: fue la primera compañía que comenzó a incorporar HTML5 como tecnología de núcleo en sus sistemas. Es lo que  posibilita utilizar la mayoría de sus aplicaciones de forma desconectada incluyendo GMAIL, Google Docs, Google Reader, etc. A su vez, durante la última conferencia Google I/,  HTML5 estuvo presente en muchas de las sesiones donde se presentaron los adelantos esa tecnología: Chrome Web Store, cloud solutions, etc.

2. APPLE ‘pensamientos sobre Flash’: mediante una carta abierta al mundo, Steve Jobs (CEO de Apple),  explica porque sus productos no soportan o soportarán Adobe Flash. Apple considera que Flash es el pasado y HTML5 es el futuro. Por esa razón, no es posible visualizar sitios Flash en iPhone o Ipad. De acuerdo a Apple, Flash es un sistema propietario, no apto para dispositivos táctiles, con serios problemas de seguridad, estabilidad y rendimiento.

3. YOUTUBE HTML5 BETA [http://www.youtube.com/html5]: Youtube comenzó a desarrollar una alternativa abierta al uso de Flash Player.

4. Microsoft Internet Explorer 9: claramente el foco de esta nueva versión es HTML5, el soporte para GPU-Accelerated HTML5 y el nuevo motor de Javascript.

5. ADOBE DREAMWEAVER: a pesar de haber declarado públicamente que HTML5 como plataforma de video enviaría la Web a la edad de piedra, Adobe dice estar comprometida con el desarrollo de HTML5.

Por un lado, considera que las capacidades de reproducción de video (múltiples codecs) soportados por Flash no serán igualadas por HTML5. Por otro lado, ha liberado un paquete de productos vinculados a HTML5, principalmente HTML5 PACK FOR DREAMWEAVER, que posibilita que los diseñadores Web generen código HTML5 / CSS3.

Finalmente, es importante destacar que HTML5 es una especificación en desarrollo. No obstante, posee aplicación práctica en sistemas productivos empresariales como Google Apps.