programacion

HTML5: la piedra angular de la plataforma móvil

Actualidad Desarrollo web programacion W3C , 14 junio 2012 por Laura Rodriguez CastilloBe the first to comment

El pasado miércoles 6 de Junio, tuvimos una cita en Barcelona con el W3C  en forma de taller sobre Web Móvil y HTML5. Los que hayáis seguido el evento a través de nuestra cuenta en Twitter ya conoceréis los grandes titulares de la jornada. Tanto si lo seguisteis como si no, aquí tenéis un análisis en profundidad de los temas que se trataron.

Para entender cuál es la situación actual, contamos con estos datos alentadores :

  • Se prevé que haya 2.1 millones de navegadores web HTML5 en dispositivos móviles para el 2016.
  • Según el CTO Bret Taylor, Facebook promueve HTML5 para móviles y aplicaciones sociales. Cerca del 50% de 800 millones de usuarios acceden a Facebook a través de móvil.
  • El 17% del tráfico en Asia, el 15% en África, el 5,13% en Europa y el 10% en América (8% Norteamérica y 2% en América latina) es vía móvil. De hecho, en muchos lugares del planeta la única forma para acceder a Internet es a través de dispositivos móviles, ya que no disponen de infraestructuras para otro tipo de conexiones.
  • 58% de los usuarios de móvil consume contenidos a través de navegadores (vía TechCrunch)
  • Plataformas de aplicaciones web móviles generarán casi $ 2.6 mil millones en ingresos por servicios en 2015.
  • Google ya tiene más tráfico de búsquedas vía web móvil que vía web escritorio.
código HTML

En la actualidad, hay más de 6.000 millones de dispositivos móviles conectados en todo el mundo. Se estima un crecimiento de un 100% en los próximos 8 años, lo que significaría un total de más de 12.000 millones de dispositivos móviles conectados en 2020. De este modo, el 30% de la población mundial está conectada a Internet con una evolución prevista de hasta un 75%. Teniendo en cuenta estas cifras, 4 de cada 5 usuarios está presente en las redes sociales. Esta tendencia de crecimiento ofrece una significante oportunidad para que la Web llegue a más personas, de distintos perfiles y en entornos completamente distintos de los que estamos acostumbrados. Es por este motivo que el W3C está invirtiendo una gran cantidad de recursos en liderar una actividad alrededor de lo que se conoce como la Web Móvil, un ecosistema basado en la Plataforma Web Abierta y que permite crear sitios web y aplicaciones que se ejecutan en dispositivos móviles, mejorando la experiencia en movimiento del usuario.

Las ponencias más técnicas corrieron a cargo de Dominique Hazaël-Massieux (MWI Activity Lead, W3C) que habló de los beneficios de construir aplicaciones web móviles con estructuras HTML5; Chus García (Coordinador, Oficina W3C España) hizo un repaso a las buenas prácticas en Web Móvil del W3C y mostró como un transcodificador puede aplicar dichas buenas prácticas a la transformación de sitios web “de escritorio” a una experiencia de usuario adecuada para la interacción desde dispositivos móviles; Cristina González Cachón (Experta en Movilidad e Independencia de Dispositivo, CTIC) presentó un avance de MyMobileWeb 5, una plataforma opensource para el desarrollo de aplicaciones web para múltiples dispositivos móviles.

La ponencia más interesante a nivel divulgativo fue la de Bernard Gidon (EMEA Business Development Leader, W3C) que habló de la web móvil y el papel que va a jugar en ella HTML5. Según indicó a lo largo de su presentación, las tendencias que afectan a la sociedad en estos momentos apuntan a la apertura de muchas oportunidades para el Front Office. Día tras día, encontramos navegadores web en diferentes tipos de dispositivos: dispositivos de escritorio, dispositivos móviles (smartphones, tablets, eBooks), impresoras, televisiones, automóviles…etc). Como consecuencia, la web evoluciona cada vez más hacia ser una plataforma móvil. En el caso de los dispositivos móviles, smartphones y tablets principalmente, disponen de navegadores modernos que están preparados para renderizar el lenguaje que ya se presenta, según afirma Gidon, como la piedra angular de la plataforma: HTML5. De este modo, la evolución de HTML ha llevado a un lenguaje capaz de trabajar sobre dispositivos móviles y evolucionar la web móvil y la interacción. Varias plataformas y dispositivos ya son compatibles con este lenguaje al que, además, le ofrecen un creciente apoyo por las grandes posibilidades que ofrece de desarrollo.

Todos estos datos nos dan un claro ejemplo de que el futuro de la plataforma web se encamina hacia la web móvil, dónde los dispositivos móviles van a tener un papel principal y HTML5 será su tecnología estrella.

Post by: Laura Rodriguez Castillo

2013: el año en qué las redes sociales serán accesibles para todos

Desarrollo web programacion W3C , 16 mayo 2012 por kec2 Comments

La accesibilidad web a menudo se confunde con la usabilidad. Se usan los términos indistintamente de modo incorrecto ya que tienen significados distintos. La accesibilidad hace referencia a la capacidad de acceso a la Web y a sus contenidos por el mayor número de personas posible, independientemente de si tienen algún tipo de discapacidad (física, intelectual o técnica). A su vez, la usabilidad se basa en la lógica en el modo de presentación de los elementos que configuran la Web de manera que se puedan encontrar de forma casi intuitiva.

En este post vamos a centrarnos en la relación entre la accesibilidad y  los estándares involucrados en el diseño y la programación web.

A priori, podemos pensar que cumplir las normas puede generarnos más dolores de cabeza que otra cosa, pero en realidad seguir las recomendaciones de la W3C aportará grandes beneficios.

blind man with a computer

Hoy en día, gracias a la tecnología los usuarios discapacitados pueden navegar por la web ayudándose de algunos dispositivos especiales como programas lectores de pantalla, líneas Braille, programas magnificadores de pantalla o softwares como Eldy, que convierte cualquier computadora personal o PC estándar en un equipo fácil de usar para las personas que nunca han usado una computadora antes.

La diferencia principal entre una web diseñada pensando en la accesibilidad y otra que no tenga en cuenta  esta variable es que en el primer caso los usuarios discapacitados que necesiten utilizar dispositivos especiales como los nombrados anteriormente podrán acceder en condición de igualdad a los contenidos pero en el segundo caso no les será posible hacerlo. Vamos a entenderlo mejor con unos cuantos ejemplos:

  1. Cuando un sitio tiene un código XHTML semánticamente correcto, al mismo tiempo estamos proporcionando un texto equivalente alternativo (el llamado alt) a las imágenes y a los enlaces dándoles un nombre significativo. Esto permite a los usuarios invidentes utilizar lectores de pantalla o líneas Braille para acceder a los contenidos y conocer así qué aparece en los recursos visuales.
  2. Cuando los vídeos disponen de subtítulos, los usuarios con dificultades auditivas podrán entenderlos plenamente.
  3. Si los contenidos están escritos en un lenguaje sencillo e ilustrados con diagramas y animaciones, los usuarios con dislexia o problemas de aprendizaje están en mejores condiciones de entenderlos.
  4. Si el tamaño del texto es lo suficientemente grande, los usuarios con problemas visuales puedan leerlo sin dificultad.
  5. Si se evitan las acciones que dependan de un dispositivo concreto (pulsar una tecla, hacer clic con el ratón) el usuario con problemas motrices podrá escoger el dispositivo que más le convenga.

En cuanto a accesibilidad, el máximo organismo dentro de la jerarquía de Internet que se encarga de esta cuestión es el World Wide Web Consortium (W3C),  con representación en nuestro país.  Su grupo de trabajo Web Accessibility Initiative (WAI)  se encarga desde 1999 de manejar cuestiones de accesibilidad y emitir documentos al respecto.

Braille reader

El grado de accesibilidad se establece en niveles denominados A, AA, y AAA, correspondiendo respectivamente a criterios mínimos de accesibilidad, extendidos y accesibilidad máxima. Técnicamente,  la accesibilidad se implementa mediante pautas de lógica estructural de documentos, contenido auto-explicativo y semántica adicional, con la intención de permitir, a una audiencia lo más extensa posible de usuarios con distintos niveles de dotación tecnológica y capacidad sensorial, acceder a la información que se intenta representar y transmitir.

¿Cómo nos ayudan los estándares?
La W3C nos hace un listado de recomendaciones ordenadas por prioridad, teniendo en cuenta el nivel de accesibilidad que queramos obtener (A, AA, o AAA) entre las cuáles encontramos:

  1. Asegúrese de que toda la información transmitida a través de los colores también esté disponible sin color, por ejemplo mediante el contexto o por marcadores facilitaría el acceso a personas daltónicas.
  2. Organice el documento de forma que puede ser leído sin hoja de estilo. Por ejemplo, cuando un documento HTML es interpretado sin las hojas de estilo asociadas, debe seguir siendo posible leer el documento.
  3. Modere y use con consideración suficiente las tecnologías punteras (entiéndase por ejemplo animaciones con Adobe Flash, JavaScript, AJAX) para llegar al máximo conjunto posible de usuarios con una funcionalidad suficiente, sin desvirtuar el concepto de acceso frente al de avance tecnológico de moda, y prestando especial cuidado de ofrecer información alternativa.

Estos son tres ejemplos que podemos encontrar en el “full-checklist“, un documento que nos será de mucha utilidad realizar y que pone a nuestra disposición la WAI como documento de trabajo y revisión.

Además, la W3C nos proporciona validadores como Markup Validation Service o CSS Validation Service para que nuestro código sea semántico y no carezca de los atributos obligatorios.

Con todas estas herramientas a nuestra disposición, deberíamos intentar hacer un esfuerzo para intentar llegar al máximo número de usuarios posibles. Sin embargo, las redes sociales no suelen respetar las bases de accesibilidad, tal y como se demuestra en el estudio del Observatorio de la Accesibilidad TIC. Dado el gran éxito y utilidad de estas plataformas, los miembros de varias organizaciones como la ONCE o CERMI (Comité Español de Representantes de Personas con Discapacidad) han pedido que abran sus puertas a los discapacitados y que las habiliten para su uso convirtiéndolas así en redes accesibles. Tal y como constatan en sus quejas, la ley les ampara. La regulación contenida en la LIONDAU (Ley 51/2003 de 2 de diciembre, de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad), establece que “en el plazo máximo de 10 años desde su aprobación (2003) será obligatoria la puesta en marcha de las condiciones de accesibilidad y no discriminación para el acceso y utilización de tecnologías, productos y servicios relacionados con los servicios de la sociedad de la información y de cualquier medio de comunicación social, siempre que sea susceptible de ajustes razonables”.

Qué pensais vosotros, ¿creéis que en los próximos meses las redes sociales incluiran los cambios pertinentes y se convertiran en redes accesibles?

Post by Laura Rodríguez Castillo con la colaboración de Marta Jarpa Ruíz.

JQuery, “El Framework”

programacion , 28 enero 2011 por Laura Rodriguez CastilloBe the first to comment

jQuery es una Biblioteca o Libreria de JavaScript que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX.

Fue presentada el 14 de enero de 2006 en NYC bajo una doble licencia del MIT y la Licencia Pública General de GNU v2, permitiendo su uso en proyectos libres y privativos.

jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en JavaScript que de otra manera requerirían de mucho más código. Es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio.

Empresas tan importantes como  Microsoft y Nokia anunciaron que incluirán la biblioteca en sus futuros proyectos web.

Su potencia, flexibilidad y sencillez la ha convertido en la librería más utilizada en el sector, tal y como podemos ver en Usage Statistics and Maket Share of Javascript Libraries for Websites: Podemos afirmar que este framework sigue las premisas del Principio_KISS: “Keep it simple, stupid!” :)

Gracias a JQuery los desarrolladores son capaces de generar interfícies tan visuales y sencillas como las siguientes:

Animate Curtains Opening with jQuery


jQuery Spritely


De esta manera, JQuery se consolida como el Framework Javascript más importante. Pero, ¿cúal es el futuro de JQuery?

jQuery Mobile!

Su desarrollo está casi terminado y se prevé su salida para  el 16 de octubre de este año. La idea base es la de poder crear aplicaciones interactivas multidispositivo con HTML y jQuery. Incluyendo soporte para dispositivos Android, iPhone, iPad, Blackberry, Nokia y los que posteriormente se puedan sumar.

jQuery Mobile incluirá soporte de eventos touch y multitouch, HTML5, Canvas movil y lo más importante, el mismo archivo jQuery utilizado para aplicaciones web nos servirá para jQuery Mobile.

¿Qué opináis de JQuery? ¿La usáis o preferís otra librería Javascript?

Esperamos vuestros comentarios!