Flash vs html5

Lo importante no es la tecnología, sino la estrategia creativa de negocios.
Lo importante es que llegue el mensaje, el producto.

Con el masivo impacto de dispositivos móviles que comenzó con la introducción del iPhone en el 2007, se ha estado debatiendo la imperiosa necesidad de poder visualizar en ellos sitios basados en flash. En contrapunto están los standardistas que enarbolan la bandera de que todo el contenido de la web debe poder visualizase sin ningún tipo de plugin en los navegadores.

Flash o html, cada uno tiene sus fortalezas y debilidades, ninguno es mejor que el otro, sino que cada uno puede ser mas apto para ciertos objetivos.

Si un dispositivo no soporta algún plugin, se debe buscar la herramienta mas apropiada para que la estrategia creativa llegue a sus usuarios.

La web es una plataforma de negocios.
Si un sitio esta realizado en html, ajax, flash, php, asp, etc, no le es importante al usuario.

La pelea entre html y flash, o mejor dicho Apple y Adobe o plataformas abiertas y cerradas es en realidad una pelea por el negocio de la venta y distribución de contenidos. Y ademas en el caso de dispositivos como el iPhone e iPad por el control de la experiencia del usuario como el rendimiento del procesador y duración de la batería.

Por ello la estrategia nunca debe basarse en la preferencia de una tecnología, sino que esta ultima debe estar al servicio del negocio.

Semántica, buscadores y negocio

Entre las recomendaciones de la wc3 se encuentra la de la programación de html de manera semántica. La cual lleva consigo enormes ventajas, tanto en la implementación de gráfica, programación y optimización para indexación en motores de búsqueda.

A que llaman semántica.

Hay que remitirse a los comienzos de internet para poder entender el sentido y la necesidad de esta recomendación. En sus orígenes internet, como la red DARPA, era utilizada para compartir información entre diferentes sistemas. Esto requería que se utilizara un standard para esa documentación, un formato que no sea propietario de alguna plataforma en particular y que pueda ser visualizado en todas ellas.

Para ello establecieron el html. Este tipo de archivo poseía ciertas características que respondían asa necesidades de establecer que papel posee cada elemento que compone un documento.

¿Qué elementos define?
Para ello se evaluó que compone un documento. Un título, subtítulos, párrafos, listados, definiciones, imágenes, enlaces entre documentos, etc. No es realmente una estructura muy compleja, pero cubre las necesidades básicas para redactar un documento. Estos elementos definen la semántica, el papel y la interrelacion de estos entre si y el documento completo y sus jerarquías.

En cuanto se visualiza este documento en un programa que soporte este formato (navegadores web en su mayoría), sus contenidos son estilizados (tipografía, color, márgenes, dimensiones) según su papel definido en el código.

Con la proliferación de internet y su aplicación comercial, este estándar de construcción de documentos limitaba la aplicación de elementos gráficos publicitarios, identidad en interfase; agravado por la marcada falta de soporte de estándares por parte de los navegadores.

15 años después, y luego de ampliar los estándares para cubrir estas necesidades, los navegadores han comenzado a darle la importancia debida a estas tecnologías, permitiendo a diseñadores y desarrolladores crear sitios según sus imaginaciones les dicten y trabajar con un estándar único.

¿Qué es lo que permite esta evolución se los estándares?

Gracias a estos lineamientos únicos, lo que el usuario visualiza como un sitio web, en su código, nos es mas que un documento estructurado de manera jerárquica y semántica. Si esta correctamente armado, ese mismo sitio que contiene un layout complejo con imágenes, animaciones, textos en tipografías especiales y menús desplegables, al quitarle la capa gráfica se vería como un simple documento de texto, con títulos, subtítulos, párrafos e índices.

La implementación de estos estándares en el desarrollo de sitos trae aparejadas enormes ventajas en varios niveles de cada proyecto.

Buscadores y negocios

Ignorar hoy la incidencia de los buscadores en una estrategia de negocios online es un error enorme. Estos representan un canal de ingreso a los sitios de suma importancia. Pero para poder utilizarlos para nuestro beneficio es necesario entender como funcionan.

Lejos estamos de la época en que los metatags y palabras claves insertados en el código de los sitios garantizaban su correcta indexación por los motores de búsqueda. Hoy utilizan algoritmos más complejos tomando muchos más datos que solo el titulo de la página y metatags. Los motores de búsqueda han evolucionado exponencialmente dándole mayor importancia a los contenidos de cada sitio.

Estos nuevos algoritmos logran comprender ciertos aspectos subyacentes de los contenidos de los sitios, como contextualidades, aspectos semánticos, temáticas y ciertas ontonomacias. De esta forma pueden indexar la web se manera mas precisa y útil.

Aquí es donde se une la estrategia comercial con el aspecto técnico del desarrollo de cada proyecto web. Aprovechando todos los recursos disponibles de los estándares web, unido de una estrategia de optimización de contenidos es factible potenciar enormemente la indexación del sitio acorde a los objetivos comerciales de cada proyecto.

Un sitio gráficamente atractivo y cuidado puede llegar a ser una botella con un mensaje en un océano. Por ello es de suma importancia darle el debido cuidado a los contenidos textuales del un sitio como a su código html tal como se cuida su imagen.

El impuesto al futuro

El conocido y lamentable impuestazo tecnológico que se quiere implementar en Argentina, no es mas que otra medida retrógrada de la cual nos lamentaremos por muchas generaciones.

En argentina ha sido aprobada por la cámara de diputados, y aguarda la correspondiente aprobación por la cámara de senadores, la ley conocida como impuestazo tecnológico, por la cual se reducen cargas impositivas al polo tecnológico de Tierra del Fuego y se incrementa el I.V.A. a todo producto que no sea fabricado allí.

Con esta medida se pretende fomentar la producción y compra de productos de manufactura nacional y hacer mano al dinero de lo que llaman la gente con alto poder adquisitivo y realizar una redistribución de la riqueza y generar planes de ayuda a la gente con menos recursos.

Pero es sabido que no es cuento nuevo, esto se repite a lo largo de la historia argentina, como por ejemplo los temporales impuestos a las patentes automotrices, o el impuesto al cheque, ambos con una lamentable vigencia.

No se discute aquí la necesidad de planes amplios, efectivos y a largo plazo para las clases necesitadas, estos son una realidad innegable. Pero lo que parece inentendible es esa sistemática manera de coartar el crecimiento del país imponiendo medidas para salir de problemas sin medir los verdaderos alcances de tamaña imposición arbitraria.

Unos de los aspectos mas artificiales que se contempla en esta ley es el fomento de fabricación y compra de productos nacionales, cuando en realidad no solo la infraestructura no está ni cerca de satisfacer la totalidad de la demanda interna, sino que los productos fabricados son solo unos pocos en relación a los importados, sin mencionar que muchos de ellos también son inferiores en calidad y prestaciones.

Esta media lo único que logra es limitar nuestro derecho de elección, obligando al consumidor a un catalogo limitado de productos, que ya se sabe, no es tecnología de punta, sino que va siempre varios pasos atrás en innovaciones.

Otro aspecto, mucho mas importante y de fondo, es la limitación tecnológica que se le aplica al país. Después de la revolución industrial, la cual solo hemos visto pasar de lejos, vino la revolución tecnológica que todavía estamos transitando y que se ha potenciado con la aparición de Internet. De lo poco que Argentina había logrado industrializarse, las políticas económicas de los gobiernos militares se encargaron de estancar su crecimiento, y luego la aplicación de políticas neoliberalistas en la década del 90 terminaron de dilapidar. Esta nueva medida, de ser aprobada, va a tener un efecto tanto o mas perjudicial al país que lo hecho con sector industrial.

Las implicancias de este impuesto se verán a corto plazo, en un estancamiento de la renovación de tecnología a nivel empresarial, lo que obviamente perjudicara a la economía que se dice proteger, y a largo plazo esto limitará la capacidad de crecimiento en capacitación y coartará la competitividad que actualmente tiene el país en por ejemplo el desarrollo de software, además de nuevamente hacernos dependientes del desarrollo de países que han sabido tomar medidas que fomentan el crecimiento.

Por esto, lo que se juega aquí no es que la clase alta pague un poco mas por sus juguetes y caprichos tecnológicos, como se quiere promocionar esta medida, sino que nuevamente se sacrifica una enorme posibilidad de crecimiento e inserción en el mercado mundial de la cual se lamentaran muchas generaciones futuras, tal como nos lamentamos nosotros de medidas similares de nuestro pasado.

La importancia de los estándares

Desde la creación de la World Wide Web Consortium (WC3) en el año 1994 el desarrollo sobre plataformas web tiene una serie clara de que guías debe seguir para crear diseños escalables, flexibles, semánticos y accesibles.

Esta entidad se ha encargado de redactar documentación relacionada con lenguajes como xml, xhtml, html, css, svg. uri/url y otros. Sobre estos documentos los desarrolladores de navegadores web se han basado, o no tanto, para crear sus motores de renderizado que interpretan el código de la páginas web para luego mostrarlas en pantalla. Sin estas reglas cada navegador interpretaría ese código como quisiera y no tendríamos consistencia en la visualización de los sitios entre un navegador y otro.

De la teoría a la realidad

En teoría suena muy bien, pero es sabido que estos estándares no están 100% soportados en los navegadores, y para peor el navegador mas utilizado, el Microsoft Internet Explorer, tanto en su versión 6 como en la reciente versión 7, son los que menos estándares soportan, sin mencionar los códigos propietarios que utilizan. Pero a pesar de esto, desarrollar siguiendo los estándares es lo más aconsejable ya que trae ventajas a corto y largo plazo, tanto para el que programa las paginas como para el que las mantiene, actualiza y para el negocio que este montado sobre ese sitio.

Separación de diseño, estructura y contenidos

En el desarrollo con estándares se aboga por la separación. Esto se podría ver en 3 capas:

  • La estructura: Comprende a la parte html de un sitio, donde se definen las áreas de contenidos.
  • Los datos: Comprende los contenidos del sitio, artículos, notas, productos, etc. Solo aplicable a sitios donde sus contenidos estén albergados en una base de datos, de lo contrario esta capa estaría integrada en la estructura.
  • El diseño: Comprende el aspecto visual del sitio, situado en los CSS.

Ventajas

Compatibilidad con los navegadores

Desarrollar con estándares no solo es compatible con los navegadores actuales, sino que degrada bien en navegadores antiguos, navegadores de solo texto, lectores de pantalla y los mas importante son completamente compatibles con navegadores futuros, que a medida que se siguen mejorando actualizan su soporte para estándares.

Accesibilidad

Siguiendo las normas de html, semántica y la utilización de CSS los sitios no solo son mas accesibles al usuario web común, sino que da la ventaja de que el mismo sitio pueda se accedido desde un navegador de solo texto, desde un celular, desde un pda, con lectores de pantalla para ciegos, una consola de juegos, etc.

Velocidad y peso de archivos

Al utilizar CSS y evitar las tablas como elemento de layout del sitio y ayudad con el uso correcto del HTML podemos disminuir la cantidad de código hasta un 40% haciendo el sitio mas liviano y rápido, no solo beneficiando al usuario sino disminuyendo el ancho de banda consumido.

Mantenimiento

Al tener las tres capas que componen el desarrollo hacer cualquier cambio resulta muchísimo más sencillo, ya que por ejemplo si hace falta hacer un cambio en la apariencia del sitio, tan solo con editar pocas lineas en el CSS podemos hacer modificaciones que afectan globalmente al sitio.

Indexabilidad y negocios

Cuando uno toma la decisión de montar un negocio en internet debe tener en cuenta a la indexación en los buscadores y hoy estos se alimentan de texto. Y mientras más claro este este texto, mientras mejor construido con estándares mejor será la indexación del sitio, y por lo tanto mas público atraerá, lo que es mejor para los negocios.

En resumen

Puede que al tratar de empezar a adoptar los estándares en el proceso de desarrollo cueste un poco, pero los beneficios tanto a corto como a largo plazo bien lo valen, y desde y punto de vista profesional de a poco en el mundo se esta solicitando este conocimiento, lo que lo hace también valioso en el futuro laboral de los desarrolladores.

10 de años de evolución, o no tanto.

Internet es relativamente joven, pero ha crecido mas allá de la cantidad de años que tiene, ha evolucionado y mutado y lo seguirá haciendo. Nosotros como desarrolladores, ¿Estamos siguiéndole el paso?

Un poco de Historia

Me he dedicado al diseño web desde hace varios años ya, desde la época en que se hacían cuatro versiones de sitios, una para netscape, quien tenia la mayoría del mercado otra para explorer, un nuevo navegador que Microsoft nos regalaba en pos de quitarle usuarios al omnipresente Netscape, otra para el emergente mecardo movil con wap y finalmente otra para impresión. Eran tiempos en los que teníamos que tener en cuenta conexiones de 28.8kbps o menos. de resoluciones de pantalla de 640 x 480 a 256 colores, donde Flash todavía eraFutureSplash, HTML iba recién por su versión 3.2 y Google era tan solo un proyecto universitario. Muchas cosas has sucedido desde esos días hasta hoy, y mucho por cierto ha cambiado, no creo que haga falta enumerarlas, tecnologías, plataformas, sistemas operativos, todos han evolucionado de manera exponencial. Esta velocidad casi vertiginosa nos ha obligado a los diseñadores y desarrolladores web a estar constantemente informados sobre que sucede a nuestro alrededor y a estar en una permanente capacitación. Y si, por momentos se hace difícil mantenerse al día: asp, php, mysql, actionscript, html, xhtml, css, xml, WebDav, Ajax, Flex, javascript, java, wap, etc.

En la actualidad

Pero lo que he notado, tanto aquí en Argentina por experiencia propia, como alrededor del mundo leyendo en la web, es que en realidad la tasa de capacitación permanente por parte de los diseñadores y desarrolladores web es relativamente baja. Es cierto que no se puede saber todo, y menos saberlo en profundidad, por esa razón cada vez mas se están surgiendo ramas de especialización en cada una de las areas que se han ido abriendo en el desarrollo web. Habiendo puesto todo esto en perspectiva, me pregunto, ¿porqué muchos diseñadores hoy todavía programan sitios html como si estuviéramos en 1996, utilizando tablas para delimitar el layout, gifs trasparentes de 1px x 1px por todos lados, tags de fonts desparramados por todo el sitio, la falta de DocType y otros tantos vicios heredados de los principios de la web? Después de hablar con mucha gente del ambiente, tanto diseñadores como empleadores y clientes encontré una respuesta casi única: ¿hay otra forma de programar html?. A lo que suelen agregar: ¿para que hacerlo diferente si no cambia en nada en la forma en que se ve? He aquí donde entro en conflicto con estas posturas. si siempre están tratando de realizar sitios mas llamativos, pensando en utilizar cosas nuevas y novedosas, como 3D, flash con altas dosis de ActionScript avanzado, video y demás ¿porque no pueden ver las ventajas que trae actualizarse en la programación HTML?

Internet, negocios y buscadores

No tengo estadísticas, pero estimo, y no creo equivocarme al decir que hay mas sitios html que sitios flash y hay muchas razones por la cuales actualizarse es importante desde el punto de vista del desarrollo, de los negocios y la información. Hoy los buscadores no solo se han tornado mas sofisticados, sino que son parte de la estrategia comercial de cualquier emprendimiento en internet. Como ya es sabido estos buscadores indexan los sitios navegándolos leyendo el código HTML, dejando fuera a los sitios desarrollados con Flash, haciendo a estos últimos una opción no de los mas óptima desde el punto de vista económico para una empresa que quiera realizar negocios en internet. Igualmente como en todo, los extremos no son buenos, no con esto estoy diciendo que la tecnología flash no se deba usar para nada, de hecho es una muy buena herramienta para tanto sitios basados en html como para realizar sitios enteramente en flash. Sí hay que tener en perspectiva cuales son los objetivos de cada desarrollo y sus necesidades.

Las ventajas de actualizarse

El hecho de hablar de capacitarse en la programación HTML se apoya en las ventajas que trae tanto para desarrolladores como para los emprendimientos, ventajas que enumero y que mas adelante me explayaré mas detenidamente en cada una:

  • Separación de estructura y diseño
  • Más faicil desarrollo y actualización
  • Más Flexibilidad
  • Accesibilidad
  • Una sola versión para varios medios
  • Más Indexabilidad por buscadores (SEO)
  • Sitios mas livianos y rápidos
  • Compatiblidad a futuro