La revolución SPI e ItsNat: siguientes pasos

Como es sabido ItsNat está fuertemente orientado al desarrollo de sitios web (no sólo aplicaciones) basadas en una única página web sin recargas, es decir, siguiendo el paradigma Single Page Interface, sin perder las características propias de una web paginada (SEO, accesibilidad, favoritos, botones adelante/atrás, contadores de visitas etc).

En el objetivo de promover la evolución hacia el SPI publiqué reciéntemente el Manifiesto SPI, como muestra de que el SPI puede ser realidad en sitios web, como ejemplo la web corporativa innowhere.com fue convertida a SPI conservando la misma apariencia que la versión antigua, pero conservando el SEO, favoritos, contadores etc.  

 El siguiente paso consistió en desarrollar un tutorial mostrando cómo podía realizarse un sitio web SPI con ItsNat, en dicho tutorial se mostró cómo la estética de los estados puede diseñarse como HTML plano y por tanto de forma muy similar a como se diseña cualquier web convencional paginada (en el caso de ItsNat el HTML plano no contiene lógica alguna que se ejecute en el servidor). El tutorial constaba de la correspondiente demo online. Constatar que recientemente actualicé ligeramente el tutorial para mostrar que es posible simular el funcionamiento de los botones Atrás/Adelante (Back/Forward) sin necesidad de recargar la página (como estaba inicialmente), es decir más puro SPI aún.

Posteriormente Jorge Rubira, Iván Zaera y yo grabamos un podcast sobre Single Page Interface. En aquel podcast surgió el tema de las dificultades de llevar el paradigma SPI a cualquier sitio web de gran público y en medio del debaté planteé porqué no podía convertirse a SPI una web tal y como la de El Corte Inglés. El Corte Inglés para quienes no lo conozcais, es la mayor empresa española (capital y sede)  de comercio al por menor en España (Wikipedia) y una de las más grandes del mundo. Iván comentaba que una de las principales razones era que la legislación española imponía que las empresas de cierto tamaño estaban obligadas a cumplir reglas de accesibilidad algo antiguas tal y como que la web sea funcional sin JavaScript (la legislación española todavía no se ha actualizado a las nuevas posibilidades de accesibilidad con JavaScript que ofrece el WAI-ARIA).

Ciertamente el requisito de que una web SPI funcione también sin JavaScript (obviamente en ese modo ya no será SPI) es un requisito difícil... PERO NO IMPOSIBLE. De hecho el requisito de que la web funcione también sin JavaScript es un requisito muy similar a que sea SEO compatible, algo básico para cualquier sitio web.

El siguiente paso en la promoción de la revolución SPI parece obvio...¿por qué no convertir el sitio web de El Corte Inglés a SPI?

Pues eso es lo que he hecho... mejor dicho una pequeña parte del sitio web ha sido clonada como Single Page Interface sin perder ninguna característica en general exigible a cualquier sitio web de gran público y que cumpla con la legislación española:

    * Navegación sin recargas.

    * Los estados pueden ser "Favoritos" (bookmarks)

    * Compatible SEO (prueba a desactivar JavaScript para entender "como" es visto el sitio web por los indexadores de los buscadores).
    * Soporte (simulación) de Atrás/Adelante y en general navegación a través de la historia del navegador SIN RECARGA.
    * Plenamente funcional con JavaScript desactivado.

    * El "layout" es casi exactamente el mismo que la web original

    * Como plus típico de ItsNat existe la opción del control remoto de otros usuarios viendo el sitio web.

  Lee cuidadosamente la información de la página de entrada y las condiciones de uso del mismo. También se cuenta qué parte es la clonada y funcional como SPI.

  Por razones de diverso tipo no voy a publicar el código fuente, si alguien quiere verlo que me escriba un correo y lo estudiaré, aunque adelanto que la redistribución de fuente y/o binarios quedará prohibida y tendrá una finalidad de objeto de estudio y no será ejecutado con otro fin. De todas formas no hay nada esencialmente diferente a lo que se puede encontrar en el tutorial SPI.

  Enlace a la DEMO.