¿Por qué desarrollar en HTML5?

3 min lectura
Desarrollo / 16 enero 2014
¿Por qué desarrollar en HTML5?
¿Por qué desarrollar en HTML5?

BBVA API Market

El lenguaje HTML5 es, en la actualidad, la piedra angular para el desarrollo de aplicaciones multiplataforma. Puedes plantearte infinidad de posibles usos de esta plataforma e integrarla, incluso, con la cloud tanto como necesites. Sus nuevas especificaciones soportan decenas de elementos y atributos para mejorar el trabajo de desarrollo, desde un reproductor de audio y vídeo, pasando por el desarrollo de juegos, hasta la creación de aplicaciones de ofimática o de gestión.

Si eres desarrollador y quieres crear una buena aplicación en HTML5 no debes olvidar otras tecnologías que van de la mano con este entorno de desarrollo. Por ejemplo, HTML5 ofrece los componentes que podemos usar en nuestras páginas, y a su vez, JavaScript ofrece a los desarrolladores gran dinamismo en la página web, haciendo que los diferentes componentes se integren entre ellos o se comuniquen con algún servidor. Por su parte, CSS3 aporta estilos y colores a la página web, haciendo que quede mucho más vistosa y atractiva.

Claves de un buen desarrollo

Hay que destacar que en HTML5 no existe nada mágico o entornos que lo integren todo, ya que las tecnologías son muy diversas y cada cual utiliza la que cree conveniente según sus necesidades, aunque sí que existen otras que pueden complementar nuestro trabajo haciéndolo más productivo.

Para poder crear una aplicación estándar en HTML5 solo se necesita un editor de texto plano como Notepad. No te asustes, sabemos que en este tipo de editores el proceso de desarrollo es largo y complicado. A día de hoy, muchas cosas ya están pensadas y han surgido infinidad de programas que te ayudan con la sintaxis, haciéndola más vistosa, o sugiriéndote qué tag utilizar. En este caso, tenemos herramientas como Notepad++ o Sublime Text, entre otros.

En paralelo, tienes que saber que han surgido infinidad de frameworks de JavaScript que nos permiten obtener un código más simple y ordenado, con lo que el mantenimiento de la app es mucho mejor. Además, permiten poder hacer templates o plantillas que nos posibilitan reutilizar código HTML5, así como nos permiten separar la ‘vista’ de los ‘datos’. Dos ejemplos de estos entornos de trabajo serían AngularJS o Embers.js, entre otros.

En la parte de CSS, lo más usado es jQuery, que es una integración de Javascript y CSS3. Una herramienta muy útil para crear desarrollos es usar ThemeRoller, que con solo algunos clics permite dotar a la pagina web de un estilo propio.

Con todo esto, para desarrollar una aplicación web podríamos utilizar las tecnologías y los beneficios que nos aporta AngularJS y jQuery, pudiendo elegir como editor de texto Notepad++. Esta sería una interesante propuesta para empezar por el buen camino.

Lo nuevo de HTML5

En la ultima versión se han mejorado los tags de tal manera que han conseguido hacer que el fichero fuente final sea más pequeño, sencillo y fácil de seguir, por lo que mejora el mantenimiento de la pagina web en cuestión. También, hay que destacar que algunos tags de las versiones anteriores han quedado obsoletos o ya no existen, como basefont, applet, center, etc. Estos elementos han sido eliminados o se han re-escrito en HTML5.

Los nuevos tags aportan algunas características como:

– La geolocalizacion: que permite conocer tu localización aproximada, muy útil a la hora de poder hacer filtros en las búsquedas teniendo en cuenta el lugar donde te encuentres, como aplicaciones para localizar restaurantes, etc.

– El almacenamiento en el cliente: muy útil a la hora de desarrollar juegos y que se descarguen los recursos como los audios o imágenes y pudiendo, así, ejecutarse más rápido.

– La posibilidad de usar el hardware del dispositivo (como el flash de cámara de fotos o la webcam).

– El uso de canvas para poder desarrollar animaciones o gráficos en 3D.

– La posibilidad de visionar audio y video sin necesidad de plugins ni complicados desarrollos en JavaScript.

Como parte de este último punto, unos de los mejores ejemplos lo ofrece Vimeo, que ha renovado totalmente su reproductor de vídeo en HTML5. Para Vimeo, los valores por defecto de este nuevo player ofrecen una mejor experiencia visual tanto en el escritorio del ordenador, como en los móviles y las tabletas. Y es que, además, la reproducción de los vídeos se adapta al dispositivo sin necesidad de instalar extensiones. A ello se le une la mayor rapidez de descarga; ahora tarda la mitad de tiempo en comparación con el módulo flash con el que la firma contaba anteriormente.

Perspectivas de futuro

Durante este año 2014, se espera que el lenguaje HTML5 alcance su última fase de desarrollo. Gartner, en su ranking Top 10 de las tecnologías que tendrán un mayor impacto en las empresas durante los próximos cinco años, asegura que durante este año el rendimiento mejorado de JavaScript convertirá el desarrollo en HTML5 en el principal entorno de desarrollo de aplicaciones empresariales. Aunque lo cierto es que, como afirma la propia consultora, “ninguna herramienta por sí sola será óptima para todo tipo de aplicaciones”.

De hecho, las apps híbridas, que combinan el desarrollo integral con HTML5, se impondrán frente a las nativas, íntegramente desarrolladas en el entorno de cada sistema operativo específico, y a las aplicaciones web, completamente desarrolladas en HTML5. Así lo constata SiliconWeek en un artículo donde recoge que, en 2015, el 60% de las apps serán híbridas, mientras que las aplicaciones web y las nativas supondrán un 30% y un 10%, respectivamente.

También podría interesarte