6 consejos para retransmitir eventos de forma gratuita por internet

La posibilidad de retransmitir eventos, reuniones, conferencias… en directo por internet es una necesidad recurrente en algunas de las entidades con las que trabajamos.

Aquellas que necesitan hacerlo con gran frecuencia (semanal o mensualmente) suelen recurrir a soluciones profesionales contrastadas. Pero hay otro grupo de empresas o instituciones que tienen necesidades muy puntuales en el tiempo.

Estos últimos no suelen querer gastarse mucho dinero en el streaming y nos piden consejo sobre posibles soluciones de suficiente calidad que resulten baratas o gratuitas a poder ser.

Recientemente he participado en un taller sobre el tema impartido por Jesús Lizarraga (Mondragon Unibertsitatea). Comparto con vosotros algunas de las cosas que he aprendido en el taller junto con mi experiencia como usuario consumidor de vídeo en streaming.

1. Consigue una cámara de suficiente calidad

Intenta hacerte con una cámara de buena calidad:

  • Marca reconocida (Logitech, Sony, Canon…)
  • Grabación FullHD (1080p)
  • Componentes ópticos de calidad
  • Si tiene zoom que sea óptico. El digital no sirve para nada.

webcam-calidad

Necesitarás gastarte al menos unos 100 €. Por encima de eso, hasta dónde quieras…

2. Asegúrate de capturar una buena calidad de audio

El audio es el gran olvidado del streaming. Muchas retransmisiones en directo fracasan porque la calidad del sonido no es buena. Préstale la mayor atención posible. Incluso más que al vídeo.

Los micrófonos incorporados a las cámaras de vídeo, los portátiles, etc. son en general muy malos. Olvídate de ellos. Consigue micrófonos inalámbricos de solapa o mejor aún micrófonos de diadema.

microfono-solapa-diadema

Si necesitas grabar el sonido de una sala de reuniones y no puedes colocar un micrófono a cada participante, puedes utilizar un micrófono de zapata que sea de calidad.

microfono-zapata

3. Presta atención a la iluminación

Las personas que hablen deben estar correctamente iluminadas. Si lo necesitas, existen kits básicos de iluminación de estudio muy económicos y efectivos.

kit-iluminacion

4. Conecta el vídeo y el audio a un ordenador “potente”

Lo más habitual y económico en estos casos es conectar la salida de vídeo y de audio de tus dispositivos de captura a un ordenador. Que es quien se va a encargar de codificar la señal y enviarla a internet.

Asegúrate que el ordenador tiene suficiente potencia para realizar esta labor con soltura. Ten en cuenta que la codificación de vídeo hace un uso muy intensivo del procesador.

  • Recomendable un procesador Intel Core i7
  • 8 GB de RAM serán suficientes

Para realizar la codificación necesitarás un programa específico para ello. Por ejemplo:

Para emitir vídeo en streaming es suficiente codificar a calidad HD (720p). El Full HD (1080p) se utiliza cada vez más, pero no es necesario para la mayoría de los casos.

Si utilizas Google Hangouts on air para emitir el evento, podrás prescindir del software de codificación.

5. Utiliza un servicio de distribución alojado en la nube

Para que el vídeo sea accesible por internet a un número virtualmente infinito de potenciales usuarios, la solución más sencilla es que utilices un servicio especializado alojado en la nube.

Hay infinidad de ellos. Algunos de los más reconocidos (de pago) son los siguientes:

Si quieres recurrir a un servicio gratuito, los dos más extendidos son:

Tanto YouTube como Hangouts ofrecen un servicio gratuito de muy buena calidad. Suficiente para la mayoría de los casos de retransmisión de eventos puntuales.

6. Asegúrate de disponer de suficiente ancho de banda de subida

La conexión a Internet por la cual vas a subir el vídeo a la nube tiene un ancho de banda de bajada y uno de subida. El de bajada es en el que nos solemos fijar habitualmente. Sin embargo, para el streaming, el que nos importa es el de subida.

Para emitir vídeo HD (720p) es recomendable asegurarnos un ancho de banda de subida de 4 Mbps. Para Full HD el doble (8 Mbps). Teniendo en cuenta que no es recomendable que se trate de una conexión wi-fi porque su ancho de banda disponible fluctúa con mucha mayor facilidad.

Este es un punto muy importante. Si el vídeo sube muy lento, el streaming se corta y la experiencia de uso muy pobre.

Bonus track: haz pruebas con suficiente tiempo de antelación

La retransmisión de un evento en directo es una tarea en la que si algo falla no tienes apenas margen de maniobra y la retransmisión será un fracaso.

Asegúrate de hacer el mayor número de pruebas posibles días antes del evento. Y que estas pruebas sean reales:

  • En el lugar en el que va a transcurrir el evento.
  • Con las cámaras y los micrófonos que vas a utilizar.
  • Con la iluminación real del momento.
  • Con el ordenador que vas a utilizar.

¡Te veo en tú próximo streaming en directo! 😉

Presupuesto de desarrollo web

¿Cuánto cuesta hacer una página web?

¿Cuántas veces nos han podido hacer esa pregunta en Adimedia? Afortunadamente cientos de veces. Precisamente porque, entre otras cosas, desarrollamos sitios web.

La pregunta es siempre la misma, pero la respuesta en nuestro caso siempre será distinta. ¿Y por qué motivo? Por la metáfora de los muebles a medida vs los muebles de IKEA.

La metáfora de los muebles a medida vs los muebles de IKEA

¿Cuánto cuesta una silla? ¿Cuánto cuesta una mesa? ¿Y una cocina?

Los muebles de IKEA, por ejemplo, son económicos. Ofrecen unos mínimos de diseño y calidad aceptables a un precio muy competitivo. Pero a cambio te piden unas contrapartidas:

  • Te piden renunciar a unas medidas personalizadas. Si tu hueco es de 1,20 m de ancho y el mueble de IKEA es de 1 m, perderás 20 cm. No quedará tan bien como un mueble a medida de 1,20 m.
  • Te piden renunciar a cualquier modificación en el diseño. Que a ti te gustaría el armario en un tono un poco más oscuro… Lo siento, tienes que escoger entre los colores disponibles.
  • Te piden que hagas tú gran parte del trabajo. Te tendrás que encargar del transporte y del montaje. Una mesa puede resultar muy fácil de montar, pero ¿has probado a instalar una cocina de IKEA?. Yo sí lo he hecho y te puedo asegurar que es de todo menos fácil. Es lógico, si el proyecto es grande, la complejidad también crece.
  • Te piden que pierdas el trato personalizado. Hoy te atenderá un chico del que no recordarás el nombre. Mañana una chica muy maja que no has vuelto a ver. Cada vez que acudes a IKEA te asiste una persona distinta y tienes que explicarlo todo desde cero.

Los muebles a medida hechos por artesanos con experiencia, por el contrario, son más caros. En ocasiones mucho más caros. Pero sabes que tiene su porqué:

  • El artesano se va a desplazar a tu casa, va a tomar medidas, va a analizar tus necesidades, va a escuchar tus preferencias e ideas… y después de todo eso te ofrecerá sus alternativas. Te aconsejará en base a su experiencia. Te mostrará ejemplos de trabajos anteriores que ha hecho para que veas si su forma de trabajar se ajusta a tus gustos.
  • El artesano te presentará un proyecto a medida. Exclusivo para tí. Y analizará contigo hasta el más mínimo detalle para ofrecerte el mejor resultado al coste que puedes permitirte.
  • El artesano fabricará tu mueble con sus manos y sus herramientas. Durante horas, días o semanas. Se tomará el tiempo que haga falta. Porque cuando el artesano trabaja, primero trabaja para sí mismo y después lo hace para tí. Necesita hacer un trabajo del cual sentirse satisfecho.
  • Una vez terminado, el artesano volverá a ir a tu casa. Te instalará el mueble con mimo. Lo ajustará si alguna pieza no encaja.
  • La próxima vez que necesites un mueble te atenderá la misma persona. Se acordará de tus gustos, de tus manías. Se acordará de tu nombre.

En Adimedia hacemos desarrollo web a medida

Me gusta considerar que en Adimedia somos artesanos de internet. También ofrecemos “muebles de IKEA”, pero no es con lo que de verdad disfrutamos.

Así es que la próxima vez que nos preguntes “¿cuánto cuesta hacer una página web?”, te responderemos encantados. Y tal vez utilicemos esta metáfora para explicarte las diferencias.

Cómo crear sitios web optimizados para móviles que le gusten a Google

A Google le gustan las webs que se encuentran optimizadas para móviles. Dicho de otro modo, Google posiciona mejor aquellas webs que se encuentran optimizadas para móviles.

¿Cómo adapto mi web a los móviles?

Google admite tres estrategias de optimización.

1. Responsive Web Design

No hay contenido duplicado, existe sólo una versión del sitio, que se adapta en función del dispositivo. Las URLs son únicas y no hay redirecciones.

ventajas-e-inconvenientes-responsive

Un ejemplo de web responsive del que nos sentimos particularme satisfechos es la web de Donostia Turismo (http://www.sansebastianturismo.com/). Galardonada con el Premio Diariovasco.com 2013 a la mejor web de la administración.

2. Publicación dinámica o Dynamic Serving

En función del dispositivo (detectando el user-agent) del usuario mostramos distintos contenidos sobre una misma URL en función de si es un equipo de escritorio o un dispositivo móvil.

 3. Web paralela

Diferentes versiones del mismo sitio, una orientada a usuarios que acceden desde un equipo de escritorio y otra orientada a usuarios que acceden desde móviles, con dos URLs distintas.

¿Qué estrategia prefiere Google?

Google recomienda explícitamente utilizar la técnica del Responsive Web Design. Lo dice en su web dirigida a desarrolladores.

responsive-google

Los motivos por los que Google recomienda la técnica son los siguientes:

  • Si se usa una sola URL para una parte de contenido, a los usuarios les resulta más fácil interactuar con el contenido, compartirlo y enlazarlo.
  • No es necesario realizar un redireccionamiento para que los usuarios lleguen a la vista optimizada para móviles, de modo que se reduce el tiempo de carga. Además, el redireccionamiento basado en el user-agent suele producir errores y puede empeorar la experiencia del usuario en tu sitio.
  • Ahorra recursos tanto para tu sitio como para los rastreadores de Google. En el caso de las páginas con diseño web responsive, cualquier user-agent del robot de Google tiene que rastrear tus páginas una vez para recuperar el contenido (en vez de tener que rastrearlas varias veces con diferentes user-agents). Esta mejora en la eficiencia de rastreo puede ayudar de forma indirecta a Google a indexar una parte mayor del contenido del sitio y a mantenerlo adecuadamente actualizado.

¿Qué estrategia de optimización a móviles utiliza tu página web? Si no utilizas ninguna, probablemente estés perdiendo clientes.

Inscripciones a la Behobia – San Sebastián, cronología de un reto

Este año se celebra la 50 edición de la carrera popular Behobia – San Sebastián. Me ha parecido una buena ocasión para rememorar nuestra relación profesional con este evento tan singular.

Hace ya más de 7 años que Iñigo Etxeberria, coordinador general de la carrera, se presentó en las oficinas de Adimedia para pedirnos presupuesto para desarrollar las inscripciones online de la B/SS. Iñigo tenía muy claro que internet tenía que ser a partir de la edición del 2007 el único método de inscripción en la prueba.

Al principio nos pareció un proyecto sencillo, sin demasiadas complicaciones. ¡Qué equivocados estábamos!

Subestimar la envergadura e implicaciones del proyecto nos hizo cometer algunos errores iniciales. De los cuales el que seguramente más han sufrido los participantes han sido las caídas del servidor web durante las primeras horas de la apertura de las inscripciones.

Han tenido que pasar varios años y mucho empeño hasta dar con un proveedor de hosting de confianza que año a año aporta ideas y soluciones para mejorar este momento crítico de apertura de las inscripciones. ¡Un saludo a nuestros amigos de Nerion!

Cada año el servidor funciona mejor y los problemas de saturación son más llevaderos. Tened en cuenta que los recursos económicos con los que cuenta la B/SS no son los de gigantes como Google, Amazon o eBay.

El sistema de inscripción de la B/SS tiene dos características que lo hacen especial y muy complejo:

  1. Es un sistema muy sofisticado.
  2. Da servicio a miles de participantes.

 

Sistema muy SOFISTICADO

En el año 2010, precisamente para paliar los problemas de saturación en la apertura de las inscripciones, se rehizo completamente el sistema de inscripciones. Pasando a una inscripción en varias fases.

  1. Primera fase: inscripción para “habituales 3/5″. Corredores que se han inscrito en al menos 3 carreras B/SS en los últimos 5 años. Cuentan con un periodo de 15 días en el que su plaza está garantizada.
  2. Segunda fase: paso 1 de la inscripción general; la reserva de plaza. La persona interesada se limitará a completar un formulario reducido y simple. Una vez enviado recibirá automáticamente un localizador de su reserva con una fecha límite para el segundo y definitivo paso.
  3. Tercera fase: paso 2 de la inscripción general; formalización de la inscripción. En el segundo paso dispone de un plazo máximo de una semana para formalizar la inscripción, rellenando los restantes datos necesarios con tranquilidad y realizando el pago en la forma escogida (transferencia o tarjeta de crédito).

De esta manera se ha conseguido que sólo haya unos mínimos problemas de ralentización del servidor el día de la apertura de segunda fase (la reserva de plaza). El resto de procesos, en los cuales se realiza el pago, funcionan a toda velocidad.

Pero eso no es todo, además existen inscripciones especiales mediante promociones de los patrocinadores, dorsales solidarios y paquetes turísticos.

Todo ello en lo que respecta a las inscripciones de la carrera “normal”. Hay otras formas especiales de participar en la B/SS que también tienen sus procesos específicos y personalizados de inscripción:

  1. Behobia Txiki
  2. Behobia Gazte. Novedad este año 2014.
  3. B/SS Patinadores
  4. B/SS Discapacitados

De estos procesos, la Behobia Txiki también está suponiendo un reto muy importante porque cada año tiene mayor demanda y probablemente sea el próximo proceso de inscripción que tengamos que optimizar.

 

Dar servicio a miles de participantes

El volumen de participantes es fundamental para entender la complejidad de este proyecto. El efecto y consecuencias de cualquier cambio en el interfaz, cualquier decisión de usabilidad, etc., se multiplica por por miles y miles y pueden llevar a ahorrar o perder muchísimo tiempo tanto a los participantes como a los administradores de este sistema.

En el año 2007, cuando empezamos con el proyecto, se rondaron las 15.000 inscripciones. Este año 2014 el cupo ha sido del doble, 30.000 valientes, y las reservas se han agotado en menos de 20 horas. Récord absoluto de tiempo y volumen desde que se hacen las inscripciones online.

 

El reto continúa

La B/SS es un gran reto para la mayoría de los que participan en ella y también lo es para los que trabajamos para ella. Le deseamos el mejor de los futuros. En Adimedia seguiremos, mientras confíen en nosotros, trabajando duro para que así sea.

¡¡ZORIONAK B/SS!!

Cambio en la legislación española de accesibilidad (2012)

Desde el 2008

Tal y como publicamos en nuestro blog en enero del 2008, la legislación española obliga a que ciertas webs cumplan con al menos el nivel AA de accesibilidad de la Norma UNE 139803. En la práctica la Norma UNE 139803 era equivalente a las WCAG 1.0 de la WAI (W3C).

El REAL DECRETO 1494/2007, de 12 de noviembre, obliga a que sean accesibles las páginas de Internet de:

  • Las administraciones públicas.
  • Entidades y empresas que se encarguen, ya sea por vía concesional o a través de otra vía contractual, de gestionar servicios públicos, en especial, de los que tengan carácter educativo sanitario y servicios sociales.
  • Centros públicos educativos, de formación y universitarios, así como, de los centros privados sostenidos, total o parcialmente, con fondos públicos.
  • Y finalmente, empresas privadas que accedan a financiación pública para el diseño o mantenimiento de páginas de internet.

La Ley 56/2007, de 28 de diciembre, amplia la obligatoriedad a las empresas consideradas de “especial trascendencia económica”, tales como:

  • Entidades bancarias
  • Aseguradoras
  • Agencias de viajes
  • Agencias de transporte de viajeros
  • Suministradores de agua, gas y electricidad.
  • Etc.

Siempre y cuando agrupen a más de 100 trabajadores o su volumen anual de operaciones (calculado conforme a lo establecido en la normativa del IVA) exceda de 6 millones de euros.

A partir del 2012

En el 2012 la Norma UNE 139803 se ha actualizado. Ahora es equivalente a las WCAG 2.0 de la WAI.

En resumen, cumplir con la Norma UNE 139803 es cumplir con las WCAG 2.0, a las que se referencia y remite directamente.

Las WCAG 1.0 y las WCAG 2.0 son parecidas, pero distintas. Por tanto, la implicación directa es que como la legislación española obliga a cumplir con la Norma UNE 139803, y puesto que la Norma UNE 139803:2004 (basada en las WCAG 1.0) queda anulada y sustituida por la Norma UNE 139803:2012 (equivalente a las WCAG 2.0), ahora los contenidos web deberán cumplir con el nivel de adecuación AA de acuerdo a las WCAG 2.0.

3 medidas para evitar ser considerado SPAM

Existen 3 medidas principales para reducir las posibilidades de ser considerado spammer. Estas medidas las tiene que aplicar vuestro proveedor de hosting o el Departamento Informático de vuestra empresa en caso de que se trate de un hosting interno.

1. Que la IP del servidor de envío de correo esté configurado como una entrada de tipo “Reverse PTR” en el servidor DNS

Un reverse PTR sirve para verificar que la IP del servidor de correo que realiza el envío está incluido en el DNS del dominio que realiza el envío del correo (el From).

Este punto es crítico. Es el más importante con diferencia. No tenerlo activado es la manera más fácil de ser considerado SPAM.

2. Utilizar DKIM para firmar los correos enviados

DomainKeys Identified Mail (DKIM) es un mecanismo de autenticación de correo electrónico que permite asegurarse de que el dominio desde el cual se dice que se envía un correo (el From) es realmente el dominio desde el cual se ha enviado el correo (servidor de correo saliente). En la Wikipedia se explica con más detalle en qué consiste.

El mecanismo funciona mediante el sistema de criptografía de clave pública para permitir al origen firmar electrónicamente correos electrónicos legítimos de manera que puedan ser verificados por los destinatarios. No todos los sistemas destinatarios están preparados para comprobar el DKIM. Yahoo y Gmail, por ejemplo, sí lo hacen.

La manera más sencilla de firmar con DKIM un e-mail es a través del servicio MTA. Ejemplos de soluciones de correo que incluyen un MTA son: Sendmail, qmail, Postfix, Exim, Mdaemon, Mercury Mail Transport System, Lotus Notes (IBM) y Microsoft Exchange Server.

Además hay que crear una serie de entradas nuevas en los DNS. Estas entradas son las encargadas de devolver la clave pública de la firma a los servicios receptores de correo que lo soliciten.

3. Configurar una entrada SenderID en las DNS

Este punto es el menos importante de los tres con diferencia y se ha quedado un poco anticuado, pero no es complicado implementarlo. Se trata de crear una nueva entrada DNS con un listado de IPs desde las cuales se van a enviar los correos desde el dominio en cuestión. Es muy parecido al punto 1, pero utilizado principalmente por clientes Microsoft/Hotmail.

Cómo testear cuáles de los anteriores puntos están activados

Hay que consultar las cabeceras del e-mail que envía el servidor al cual queremos diagnosticar. A continuación explico cómo consultar las cabeceras mediante tres métodos distintos.

A través de GMail

Utiliza el menú “Mostrar original” en el correo electrónico que llega para ver el contenido del mensaje en bruto como se ve por el servidor de correo electrónico.

Comprueba lo siguiente en el encabezado:

Received-SPF: pass
Authentication-Results: ... spf=pass ... dkim=pass

Si ves las líneas anteriores es que tienes activado el PTR (le llama SPF) y el DKIM.

A través de check-auth@verifier.port25.com

Un servicio gratuito que nos devolverá un informe detallado a la dirección del From. Envía un correo a esta dirección y recibirás al poco tiempo un e-mail de vuelta con un completo diagnóstico.

Fíjate si aparecen las siguientes líneas:

SPF check:          pass
DomainKeys check:   fail
DKIM check:         pass
Sender-ID check:    pass
SpamAssassin check: ham

SPF es el reverse PTR. No te preocupes si no pasas el DomainKeys. DKIM es la versión actualizada de DomainKeys.

A través de Outlook 2007 o superior

La manera de acceder a los encabezados se explica en la siguiente web:

http://office.microsoft.com/es-es/outlook-help/ver-encabezados-de-mensajes-de-correo-electronico-HA001230300.aspx

Plantillas prediseñadas: ventajas e inconvenientes

En nuestro sector son bien conocidas las webs (de pago o gratuitas) que proporcionan plantillas prediseñadas para su uso en el desarrollo de sitios web.

Las plantillas prediseñadas son diseños y maquetaciones predefinidos que pueden ser incorporados directamente a un CMS (Joomla, WordPress, etc.).

Su principal ventaja es que permiten acortar considerablemente los tiempos de desarrollo y en consecuencia el coste. Sin embargo, tienen algunos importantes condicionantes que hay que tener muy en cuenta a la hora de decidir si usarlas o no en un proyecto.

El principal inconveniente es que no permiten un diseño y una maquetación de la web personalizada.

Tradicionalmente en Adimedia hemos sido reacios al uso de plantillas prediseñadas porque contamos dentro de la casa con diseñadores y maquetadores con una altísima cualificación y años de experiencia que nos permiten afrontar el desarrollo de cualquier diseño y planteamiento personalizado. Entendemos que un diseño correctamente personalizado al cliente, siempre será más adecuado que una plantilla predefinida y de propósito generalista.

Sin embargo, en estos tiempos de recortes presupuestarios, las plantillas prediseñadas pueden ser una opción válida para el desarrollo de sitios web (sin renunciar a la calidad) en determinadas circunstancias:

  • extremada urgencia,
  • soluciones temporales ante necesidades puntuales,
  • soluciones económicas…

Para que un proyecto así sea viable, la clave principal es la renuncia. Para desarrollar una web mediante una plantilla prediseñada es imprescindible renunciar a muchas cosas. Entre otras:

  • Hay que renunciar a un diseño personalizado. No debemos modificar la plantilla, debemos adaptarnos a ella. Evidentemente esta afirmación se puede matizar. En Adimedia contamos con maquetadores que podrían cambiar de arriba a abajo el aspecto de la plantilla, pero entonces perderíamos todo el tiempo que nos ahorra utilizar una plantilla prediseñada. No tiene sentido.
  • Hay que renunciar a presentar el contenido como nos gustaría. Una vez más la plantilla manda. Debemos generar el contenido de acuerdo a la plantilla y no al revés; que es como se haría en un proyecto personalizado de los habituales que desarrollamos en Adimedia.

Si quieres conocer más detalles sobre este tipo de soluciones o si te encuentras en la necesidad de publicar una web en un tiempo record, no dudes en contactar con nosotros y estaremos encantados de atenderte.

¡No me hagas pensar!

Si sólo pudiese recomendar un libro sobre usabilidad web de los que he leído, sería el titulado ¡No me hagas pensar! de Steve Krug.

SONY DSC

El libro de Steve Krug constituye una aproximación rigurosa y a la vez muy divertida y amena a los conceptos básicos de la usabilidad. Está escrito para todos los públicos y su lectura es muy recomendable para cualquiera que tenga responsabilidades relacionadas con la publicación en web y/o el desarrollo de aplicaciones on-line. ¡Además es breve (190 páginas)! ¿Qué más se puede pedir?

Qué es la usabilidad

El término usabilidad, aunque de origen latino, en el contexto que se utiliza deriva directamente del inglés usability. La Organización Internacional para la Estandarización (ISO) define usabilidad como:

 La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso.

En términos más coloquiales podemos hablar de usabilidad como la facilidad de uso, en este caso, de una página web.

Algunos beneficios de la usabilidad

Las ventajas de tener en cuenta criterios de usabilidad en el desarrollo web y de software en general, genera grandes beneficios. Entre los cuales puedo destacar:

  • Mayor calidad del producto final, con lo que la aceptación del mismo por los usuarios finales es mejor y más rápida.
  • Aumento de la productividad de los usuarios y la eficiencia de los procesos, gracias a que disponemos de una aplicación más fácil de entender, usar y recordar.
  • Menor número de reclamaciones por parte de los usuarios, con lo que disminuyen los costos por atención al cliente.
  • Aumento de la satisfacción de los usuarios y disminución del estrés ocasionado por el uso de la aplicación, consiguiendo con ello fidelizar a los mismos, por lo que se convertirán en clientes habituales.
  • Reducción del tiempo de ejecución de tareas por parte de los usuarios y del número de errores en las mismas, con lo que se consigue un mayor número de procesos finalizados exitosamente y un menor número de abandonos en los mismos.
  • Mejorar la experiencia global del usuario, facilitando la interacción y por lo tanto transmitiendo una imagen más amigable.

Gráficos con SVG

Los gráficos SVG (gráficos vectoriales) están recomendados como estándar de gráficos vectoriales por la W3C desde el año 2001. Sin embargo, no han gozado de gran popularidad. Imagino que porque Internet Explorer no los ha soportado hasta la versión 9 de su “navegador”.

Ahora vuelven a estar de actualidad por las ventajas que aportan en el Responsive Web Design. Al ser vectoriales, escalan perfectamente sin que el peso varíe.

Investigando un poco, he descubierto algunas API de JavaScript para la generación de gráficos vectoriales para representar datos. Muy interesantes.

Polychart.JS

polychartjs

Ver demo

Google Charts

google-charts

Ver demo

Data-Driven Documents

d3js

Ver demo

Prioridades: primero táctil, segundo resolución

Una reflexión fruto única y exclusivamente de mi experiencia como consumidor diario de contenido web desde el smartphone y la tablet.

Desde hace meses apenas utilizo el PC fuera de la oficina. El resto de mi tiempo navego mediante el smartphone y en mayor medida desde la tablet (un iPad mini).

La principal barrera que me encuentro en muchas webs no es la resolución. Es decir, no es que el diseño no se adapte a la anchura de la pantalla. ¿Por qué esto no me supone un problema?

  1. Porque la mayor parte de lo diseños están optimizados a 1024 px y el iPad tiene una resolución de 1024 px. 
  2. Porque en el smartphone puedo hacer zoom. Es un poco molesto, pero no es un gran problema.

La principal barrera es que muchas webs no están preparadas para su uso mediante interfaz táctil. No voy a entrar a detallar todos los problemas concretos que me encuentro al navegar en modo táctil, pero son muchos y en no pocas ocasiones impiden el acceso a la información, me desesperan y abandono la web o, lo que es más grave, impiden que finalice una transacción on-line.

Tener en cuenta lo táctil es el primer requisito de cualquier web. Luego, si hay dinero, podemos plantearnos adaptar el diseño a la resolución de la pantalla.

Touch events

Captura de pantalla de la web de QuoJS. Una excelente librería JavaScript para la gestión de eventos táctiles.

Ventajas e inconvenientes del diseño Responsive

Soy de la opinión de que no siempre la solución Responsive Web Design es la ideal para un determinado proyecto web. Hay que estudiar cada caso de manera personalizada. Además del Responsive hay otras alternativas que pueden resultar perfectamente válidas según el caso:

  1. No hacer nada. Es decir, dejar que la web se muestre en el móvil tal y como se ha diseñado para el escritorio. Esta es la opción más adecuada especialmente si no hay presupuesto.
  2. Desarrollar una versión alternativa para los móviles. La típica “m.dominio.com”
  3. Servir una maquetación distinta a los móviles mediante publicación dinámica o Dynamic Serving.
  4. Desarrollar una app nativa.

Sin embargo, considero que en la mayoría de las ocasiones la solución Responsive es la más adecuada. Y que además lo será cada vez más en un futuro.

Las ventajas principales que le encuentro al Responsive son:

  • El Responsive permite que todo el contenido y toda la funcionalidad de la web estén disponibles para móviles. En este sentido defiendo que no se debe eliminar contenido en la versión móvil. No sabemos cuándo el usuario va a necesitar o no dicho contenido. No se lo quites. Facilítale el acceso, pero no se lo impidas.
  • Mantener la misma URL es importante para el SEO (Google lo recomienda) y para la usabilidad (por ejemplo si comparto una URL con un amigo desde el móvil).
  • Mantenimiento. Mantener una única web es más barato que mantener varias.

El principal inconveniente que le veo al Responsive es que puede llegar a ser muy pesado y que eso perjudica a los móviles. Aunque en un futuro esta variable cada vez será menos relevante porque la conexiones y tarifas de datos van mejorando y también las técnicas que permiten disminuir el peso de los archivos que se descargan cuando se accede desde móviles y/o conexiones lentas.

Sistema de permisos de Joomla 2.5

Con la llegada de la versión 2.5 de Joomla el sistema de permisos de Joomla para controlar el acceso a los contenidos ha dado un salto cualitativo importante. Ahora permite un mayor control de los mismos.

Se manejan tres conceptos: Usuarios, Grupos y Niveles de acceso.

Y la funcionalidad que tiene es la siguiente:

– A los artículos y/o menús se les puede dar UN nivel de acceso. Sólo uno.

– A los niveles de acceso se les pueden asociar UNO o VARIOS grupos de usuario.

– Los usuarios pueden pertenecer a UNO o VARIOS grupos de usuario.

Estas son las reglas del juego y con ellas se pueden confeccionar todo tipo de situaciones dependiendo de lo que se quiera en cada proyecto.

Veamos un ejemplo:

En este caso al Artículo1 tienen acceso Usuario1 y Usuario2.

Al Artículo2 tiene acceso Usuario1 y Usuario3.

Al Artículo3 tiene acceso usuario1, Usuario2 y Usuario3.

Reciente legislación sobre accesibilidad web

Repaso a las principales obligaciones impuestas por la legislación española en materia de accesibilidad web.

¿Qué es la accesibilidad web?

La accesibilidad consiste en el acceso a la información sin limitación alguna por razón de deficiencia, discapacidad, minusvalía o de los dispositivos utilizados. Son muchas las personas que acceden a Internet desde contextos muy diferentes a los de la mayoría ya que…

  • Pueden tener problemas de oído, visión, movilidad.
  • Pueden tener dificultades de lectura o comprensión.
  • Quizás no pueden utilizar el teclado o el ratón.
  • Pueden tener un navegador de solo texto, una pantalla pequeña o una conexión lenta.
  • Etc.

Se debe tener presente que la accesibilidad no es de interés únicamente para las personas con discapacidad sino que mejora el acceso a la web en general.

Read More