El diseño responsive o diseño multidispositivo

Me imagino que a estas alturas gran parte de los profesionales del entorno web sabe lo que es un diseño multidispositivo. La verdad es que nosotros llevamos poniéndolo en práctica en nuestros proyectos desde hace años aunque no siempre es fácil que los clientes entiendan el esfuerzo que requiere.

La idea es básica, no es lo mismo ver un sitio web o aplicación en un ordenador con pantalla de 21″ que en uno de 12″, o mejor aún, no es lo mismo que verlo en un samsung ace de 320×480 a 165 ppi.

responsive-dispositivosAl inicio de los tiempos del móvil, la idea más extendida con respecto a los sitios web adaptados era que la mejor opción partía de crear un sitio web paralelo para móviles y mantener el mismo sitio web para tablets.

Hoy en día cada vez tenemos más claro que la “presentación” o frontend del sitio web es lo único que debe cambiar y que pare ello hay herramientas más que de sobra para conseguir un gran resultado para todos los dispositivos.

Hoy en día casi el 100% de nuevas plantillas para CMS como wordpress o joomla incluyen ya un soporte básico para la visualización multidispositivo que se traduce en la inclusión de frameworks como bootstrap o foundation que permiten de un modo sencillo la adaptación del sitio web a diferentes anchos haciendo la página flexible para ser vista en pequeños móviles o grandes pantallas de televisión.

No podemos conformarnos con que nuestro sitio web se vea correctamente en nuestra pantalla o en la de nuestro cliente, la realidad es que no podemos obviar que hoy en día un navegador web puede abrirse en multiples dispositivos y que no basta con “alejar o acercar el zoom” de nuestra pantalla para ver correctamente el contenido.

Nosotros por si acaso lo recordamos para que quede constacia 🙂

Google opina que el diseño de tu sitio es importante

El otro día estudiando la documentación de Google Adwords para los exámenes de certificación me encontré una pregunta muy curiosa que os dejo aquí para clientes excépticos-conformistas y en general dedicada a todo aquel que pretenda anunciarse y venderse en internet y que tiene dudas acerca de la importancia de construir un sitio web con más o menos dedicación, esfuerzo y/o dinero.

Ahí va la pregunta:

Un anunciante ha realizado cambios al diseño de la página de destino asociada con un grupo de anuncios. El anunciante observa que el nivel de calidad de muchas de las palabras clave de ese grupo de anuncios ha aumentado. ¿Cuál es la posible causa de ese aumento?

  • a) El anunciante ha excluido las visitas de AdWords™ a la página de destino como parte de los cambios.
  • b) El sistema de AdWords™ volvió a visitar la página de destino y ha determinado que sea de una calidad mayor que antes.
  • c) El sistema de AdWords™ determinó que la página de destino del competidor más cercana a la anunciante es de baja calidad.
  • d) La clasificación del anunciante en el índice de búsquedas de Google ha aumentado recientemente.

 

¿Que has respondido?

Si has respondido b) sabes de que estoy hablando y además has acertado, enhorabuena !!!

 

Openframeworks Programación Creativa

Dentro de las posibilidades que ofrecen las nuevas tecnologías y los diferentes lenguajes de programación hoy os presentamos una herramienta que facilita a los nuevos creadores y artistas dejar volar la imaginación y poner en marcha proyectos innovadores y sugerentes integrando la imagen, el video y el sonido. Las posibilidades son ilimitadas y permite generar aplicaciones de diferente tipología con resultados asombrosos para el usuario o el espectador.

Os dejamos un video presentación y os recomendamos que paséis por su galería de trabajos para que se os active la imaginación: http://openframeworks.cc/gallery/

¿Problemas con el reCaptcha en Joomla y k2?

Si trabajas con joomla y tienes activado el reCaptcha en tu página puede que hayas experimentado problemas para hacer que funcione correctamente, y sobre todo con versiones antiguas de joomla y k2.

Uno de los problemas más extendidos ha sido el que viene derivado del cambio de la dirección de las APIs que usa reCaptcha. Tanto el plugin reCaptcha de joomla como versiones no actualizadas del famoso componente K2 apuntan a APIs antiguas. Google aloja ahora bajo su dominio dichas APIs.

¿Donde encuentro las urls?

Plugin joomla:

Buscar archivo:
plugins\captcha\recaptcha\recaptcha.php

Cambiar en dichos archivos
api.recaptcha.net/js/recaptcha_ajax.js
por
www.google.com/recaptcha/api/js/recaptcha_ajax.js

Componente K2:

Buscar archivos:
\components\com_k2\views\item\view.html.php
\components\com_k2\views\comments\view.html.php
\plugins\system\k2\k2.php

Cambiar en dichos archivos
api.recaptcha.net/js/recaptcha_ajax.js

por
www.google.com/recaptcha/api/js/recaptcha_ajax.js

Recordad que deberéis tener activado el reCaptcha para que funcione. Tanto el plugin como activar el recaptcha en las preferencias de k2 si queréis que funcione con k2.

Espero que os sirva de ayuda como nos ha servido a nosotros.

 

 

Datos demográficos e intereses de tu público con Google Analytics

Google Analytics sigue añadiendo funcionalides y aunque nos incomode cada cierto tiempo tener que adaptarnos a estos cambios, casi siempre son para mejor 🙂

En este caso se ha añadido un apartado dedicado a los intereses de los usuarios que permiten recopilar datos muy interesantes para segmentar y conocer algo más de los usuarios que nos visitan.

Para poder activar esta funcionalidad tendremos que ir a la pestaña de Público > Intereses y nos aparecerá un mensaje parecido a la imagen que hay a continuación:

Imagen de Google Analytics
Imagen de la pantalla de intereses de google analytics antes de activar el código de seguimiento

Después de Habilitar esta función tendremos que proceder a modificar el código de seguimiento para que podamos recibir los datos correctamente. Esta modificación es muy sencilla y como explica google solo afecta a una linea.

Tendremos que cambiar:

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

por lo siguiente:

ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';

Una vez hayamos realizado dicho cambio, volveremos a nuestra pestaña de Público > Intereses y validaremos el código.

Pantalla para validad código de seguimiento
Pantalla para validar código de seguimiento

Después de validarlo aparecerá una pantalla que nos indica que ya estamos recibiendo los datos y que podemos por fin usar esta funcionalidad.

Muy importante no introducir comentarios u otras modificaciones del código ya que podrían hacer que no validara.

También es interesante actualizar la política del sitio o aviso legal como Google nos explica en el siguiente enlace: políticas para la publicidad de display 

Bueno, espero que os animéis a usar esta nueva funcionalidad que puede aportar datos muy intersantes acerca de las personas que se acercan a tu sitio web.

 

Realidad Aumentada: Just Customize (Versión Móvil)

Hace poco publicamos un artículo en el que se daba una muestra de una aplicación que creamos en Panorama: “JustCustomize”. La aplicación es un ejemplo de las posibilidades que nos ofrece la Realidad Aumentada de cara a la muestra de productos y a la personalización e interacción que permite de los mismos por parte del usuario. Ahora os mostramos una nueva muestra de la aplicación adaptada para dispositivos móviles. Gracias al uso de Unity3d y a la implementación de los plugins de qualcomm de realidad aumentada somos capaces mediante programación de conseguir interacción con el modelo y un acabado realmente sorprendente por su fiabilidad en la detección y por su nivel de detalle. Por supuesto este nivel de detalle no sería posible sin un gran trabajo de modelado realizado con anterioridad (no se enfaden nuestros especialistas en 3d).

Bueno, sin más os dejamos con un pequeño vídeo demostración que hemos grabado para que os hagáis una idea del resultado. Esperamos que próximamente podamos publicar nuevas creaciones en las que estamos trabajando.

Rutas Turísticas y Realidad Aumentada

Nos gustaría explicar en este post las posibilidades que ofrece el uso de la realidad aumentada para mejorar y enriquecer la experiencia de los visitantes de cualquier ciudad, parque, museo, monumento, etc…Intentaremos detallar cómo y por qué el uso de estas técnicas pueden revolucionar el modo de entender una visíta turística.

En otros artículos publicados en el blog, hemos comentado diferentes usos y aplicaciones de la realidad aumentada poniendo énfasis en algo que nos parece muy interesante: la realidad aumentada modifica el modo de interaccionar con las máquinas y nos propone métodos más humanos de entender esa interacción.

Partiendo del reconocimiento de imágenes, o sea, de la idea de que mediante una cámara instalada en un dispositivo es posible identificar imágenes y formas, podemos también ofrecer información adicional sobre esa imagen en forma de videos, modelados 3d, audios, contenido HTML, etc…

La inegración del GPS en los dispositivos móviles tambíen está implicada en la creación de navegadores que posibilitan localizar puntos de interés y hacerlos más atractivos mediante el uso de la realidad aumentada.

Si pensamos en algo más concreto, esto se traduce en que sería posible enfocar con nuestra cámara a la Giralda de Sevilla y ver una imagen de la misma hace 100 años, un video del interior o un texto explicativo que nos indique su situación mediante GPS, su distancia y el camino que hay que seguir para subir a la torre.

Esta tecnología es una realidad que se extiende a velocidad imparable y que tiene grandes posibilidades. Actualmente hay ejemplos del uso de esta tecnología en aplicaciones como Layar o Wikitude que ofrecen un navegador que permite añadir información mediante el uso de capas a elementos geoposicionados.

Video sobre el uso de Layar

Existen muchas iniciativas que intentan aprovechar nuevas técnicas para fomentar el turismo y hacer las visitas de los turistas más atractivas. Relacionado con la ciudad de Londres se ha generado un proyecto que pretende mostrar al usuario la relevancia de la ciudad como escenario natural para múltiples películas: Augmented Reality Cinema. El visitante según en la zona en la que se encuentre de la ciudad puede ver escenas que han sido grabadas allí.

Augmented Reality Cinema

Dentro de las rutas que podrían beneficiarse visiblemente de estas técnicas, están las rutas turísticas históricas. Rutas en las que lo importante es contar el pasado e imaginar como eran las cosas antes. Hasta ahora, cuando visitábamos el Partenón o el Coliseo, teníamos que hacer un enorme esfuerzo para imaginarnos el espacio en su máxima plenitud. Gracias a la realidad aumentada y técnicas de modelado 3d es posible superponer a la imagen real una imagen tridimensional del espacio como era antiguamente y observarla con la cámara de nuestro móvil o tablet. Nunca más una aburrida visita guiada para 30 personas, ni tampoco una molesta audioguía, a partir de ahora podemos pensar en un tablet o teléfono móvil como nuestra interfaz interactiva personal e intrasferible que nos permite obtener la información que deseemos en el modo que deseemos.

Gladiator School Carnuntum (visita a una antigua escuela de gladiadores en Austria)

Viendo los avances que se producen en este campo queda claro que la tecnología avanza a pasos agigantados. Personalmente y entendiendo todas esas posibilidades que aporta la realidad aumentada pienso que es la imaginación la que terminará por definir las posibilidades que nos puede brindar esta tecnología en el futuro.

Realidad Aumentada: eventos, exposiciones y congresos

Las posibilidades que nos ofrece el uso de la realidad aumentada son enormes. Las barreras que separan nuestra imaginación del mundo real se difuminan gracias al progreso de la tecnología en los últimos años. En el campo de la realización de eventos, congresos, exposiciones, y actividades en las que la comunicación se da en un espacio físico cercano, esta tecnología se perfila como un medio de interacción que eleva las posibilidades de la comunicación creativa y minimiza las barreras tecnológicas que en ocasiones imponen los soportes.

¿Qué podemos hacer?

El primer paso es saber aquello que queremos comunicar. La Realidad Aumentada nos aporta un medio para dar el mensaje como una experiencia única, interactiva y multisensorial que enriquece el proceso de comunicación.

Eventos

  • La realidad aumentada puede aportar mejoras a la hora de la gestión del evento proporcionando un sistema de registro y de control basados en reconocimiento facial (face.com) o en el uso de qrcodes que nos proporcionan todos los datos del registro del usuario. Todo este proceso puede ser automatizado y gestionado online.
  • Es posible mediante tecnologías como Layar que los usuarios obtengan información geoposicionada en el contexto del evento. Mediante su dispositivo móvil o tablet rastreando el espacio con su cámara, podrán obtener información de lo que sucede, como por ejemplo saber quién es la persona que está pasando al fondo de la sala y ver encima de su cabeza cual es el último tweet que ha escrito, su blog y su perfil de facebook. También podemos saber apuntando con nuestra cámara hacia una sala, a qué hora será la próxima charla, quién será el ponente y descargarme el video de la charla anterior.
  • En exposiciones o congresos podemos hacer que un visitante apunte la cámara de móvil sobre mi stand y que pueda ver el último anuncio de mi marca, ver ofertas especiales, descargarse el catálogo de productos o simplemente jugar a un videojuego.
  • Los espacios grandes pueden dejar de ser fríos y estáticos sin grandes inversiones en mobiliario o fuegos artificiales, sólo mediante una cámara y una proyección. Animales salvajes con National Geographic, La selección escocesa en persona presenta la nueva equipación con Adidas
  • Podemos apoyar nuestro mensaje en un speak, charla, o ponencia, aportando algo más para atraer y fijar la atención por parte del público.

Statoil event

En la actualidad hay numerosas iniciativas de Realidad Aumentada al respecto que cada vez se integrarán más en nuestra vida diaria. El hecho es que la tecnología está consiguiendo “aumentar” las posibilidades de comunicación e interacción entre los usuarios y que la Realidad aumentada es algo que llega de forma directa a la gente, gracias a su integración con el mundo físico, sin cables, ni teclados, ni ratones.

DISNEY EN NUEVA YORK

Mas información acerca de Realidad Aumentada.