Infografías interactivas: ventajas e inconvenientes

AUTORA: Maider Ansorena Cambra

Una infografía es dinámica si tiene movimiento propio y es interactiva si requiere que el usuario actúe mediante clics, pasando el ratón, arrastrando elementos o respondiendo preguntas. Los tipos de interacción más conocidos incluyen los mapas explorables, las líneas de tiempo navegables, los diagramas de arrastrar y soltar, los puzles, las imágenes con puntos de información ocultos o los cuestionarios multimedia.

Sitios web de calidad con Google Sites

 AUTOR: Diego Allué Vicente

Crear un sitio web con Sites te ayuda a entender el interés de planificar y organizar, tanto su contenido como su diseño visual. La herramienta es muy sencilla y bastante intuitiva. Pero, para conseguir un sitio de calidad profesional es importante partir de información interesante, imágenes profesionales, y escribir y organizar los textos de forma clara, atractiva y accesible. Veamos algunos consejos útiles para crear un sitio atractivo.

Infografías de calidad

AUTORA: Elisa Fernández Gómez

Cuando queremos transmitir información, en lo primero que pensamos es en escribir un texto. A menudo, el texto se alarga. Pero, pocas veces nos paramos a valorar el potencial de las infografías. La wikipedia explica que una infografía es la representación multimedia de información, con el fin de explicarla (la información) de manera concisa, figurativa, didáctica... y que esté dirigida a la difusión masiva. En un proyecto nos pidieron crear una infografía para incluirla en una página web. A primera vista parecía una tarea sencilla, pero, cuando nos pusimos a ello, nos dimos cuenta de que crear una infografía de calidad es algo más que combinar texto con algunas imágenes.

Prototipos con plantillas de Canva

AUTORA: Laura Moreno Resa 

Un prototipo de interfaz es un boceto que presenta de forma visual la estructura, contenidos y distribución de la futura interfaz. Puede ser navegable. Los prototipos son una herramienta clave para entender bien las necesidades del cliente, tanto respecto al alcance como a la calidad de los productos a realizar.

Edita y anima imágenes con GIMP

AUTOR: Pablo Ascorbe Fernández
La manipulación de imágenes está estrechamente relacionada con la creación y publicación de vídeos. Quizá necesites modificar alguna fotografía antes de incluirla en el vídeo, en la cabecera del canal o del sitio web donde vayas a publicarlo. Por ejemplo puedes necesitar pixelar alguna zona, pegar una silueta o logotipo sobre la imagen de cabecera, etc. Muchas tareas las podrás hacer con programas simples como paint o Xpaint, pero otras precisarán de una herramienta más potente como GIMP.

Alternativas a Google Analytics

AUTOR: Miguel Alonso Angulo
A la hora de realizar un proyecto que involucre la creación de una página web, se puede dar el caso de que el cliente incluya como requisito la administración de visitantes o la medición de indicadores del tráfico de dicha web (datos sobre la audiencia, el comportamiento de esta, las adquisiciones que se llevan a cabo...).

Estadísticas de tests: alternativas a ClassMarker

AUTOR: David González Romero
ClassMarker es una herramienta online para configurar pruebas de tipo test a partir de un banco de preguntas que se puede dividir en categorías. Su versión gratuita no permite guardar las estadísticas de los tests contestados de usuarios sin registrar.

Aumenta el rendimiento de tu web con CloudFlare

AUTOR: Rodrigo Tomé Nieto
¿Se notará diferencia? Sí, la web parecerá más rápida. Te vendrá muy bien si utilizas un hosting de bajas prestaciones, donde el servidor no puede con toda la carga.

Optimiza tu web para móviles con AMP

AUTOR: Rodrigo Tomé Nieto
La tecnología AMP (Accelerated Mobile Pages) permite que las páginas web se cargen más rápido en dispositivos móviles. Para utlizarla solo hay que dar cuatro clicks de ratón.

Enlaza en tu web contenidos de calidad

AUTOR: Unai Lizarralde Imaz
Un aspecto que añade valor a un sitio web, como los  desarrollados en nuestros proyectos académicos, es la calidad de los contenidos que enlaza. Para expandir los temas presentados en las páginas web se enlazan artículos y otras fuentes de información que profundizan en cada uno. Para seleccionar contenidos apropiados y fiables conviene tener en cuenta algunos criterios de calidad.

Parametrización de enlaces a vídeos de Youtube

AUTOR: Ignacio Barriocanal
Al introducir un vídeo de YouTube en una página web se puede parametrizar de forma que su presentación se adapte a las especificaciones deseadas. Explicaremos cómo incluir una descripción de los parámetros más útiles que se pueden introducir en el enlace al reproductor para poder modificarlo según las necesidades de la web.

Herramienta sencilla de prototipado: Adobe XD

AUTOR: Alejandro Martínez Martínez
Un prototipo permite mostrar al cliente nuestra idea del producto de forma gráfica y tangible. Puede tener su importancia para la aceptación del proyecto. Hay muchas herramientas para hacer prototipos de páginas web y aplicaciones móviles. Una muy útil con una curva de aprendizaje muy baja es Adobe Experience Design (Adobe XD).

Compatibilidad entre licencias CC

AUTOR: Samuel Ojeda Delgado
Al utilizar un recurso externo con licencia Creative Commons, para integrarlo en un producto elaborado por nosotros, como por ejemplo un sitio web, un canal o un vídeo, debemos asegurarnos de que la licencia del recurso sea compatible con la que pondremos a nuestro producto.

Dominio externo y WordPress

AUTOR: Óscar Martínez Martínez
Tras instalar WordPress en el servidor de la empresa de hosting 000webhost, cambiamos el dominio a otro más fácil de recordar. Decidimos comprar el dominio a través de un servicio externo porque nos nos gustaban las opciones que ofrecía 000webhost. Sorprendentemente, el cambio de URL introdujo automáticamente numerosos cambios que producían fallos graves.

Estadísticas de las visitas al sitio web con el plugin Google Analytics

AUTOR: Iván Cagide Galilea
El plugin Google Analytics Dashboard for WP genera estadísticas y gráficas sobre las visitas recibidas en nuestro sitio WordPress.

Por qué justificar textos no es tan bueno como se cree

AUTOR: Sergio Tobal
Siempre se ha dicho que justificar da un mejor aspecto al texto, que crea una línea divisoria entre bloques. Sin embargo, aunque lo hayan vendido como un gran beneficio, no siempre es así.

Limitaciones del alojamiento gratuito en Joomla

AUTOR: Miguel Bastida Rodríguez
Tenemos multitud de opciones la hora de crear un nuevo sitio web. La más costosa y manejable es escribir directamente en HTML, CSS, JavaScript… y alojar la web en un hosting de pago. El problema es su elevado coste en tiempo y dinero y la necesidad de conocer muy bien todas estas tecnologías. Existen plataformas como Joomla, Wordpress o Drupal que constituyen una buena alternativa a la opción anterior. Aquí explicaremos las opciones que ofrece Joomla.

Lo barato sale caro (hosting)

AUTOR: Laura Soria García
Al realizar un proyecto para una asignatura donde necesitamos alojar contenidos en un sitio web, no nos paramos a pensar si nos conviene pagar por el servicio de alojamiento (hosting). Se debe a que el proyecto no será de gran envergadura ni necesitará un alto rendimiento. Eso pensábamos nosotros pero al final lo pagamos caro.
Primero investigamos los diferentes hostings gratuitos. Nos decantamos por Hostinger porque ofrecía buen soporte, tenía muchas páginas alojadas y ofrecía buenos recursos como 2GB de espacio y 100 GB de tráfico en su plan gratuito. Esto parecía suficiente para cubrir de sobra nuestras necesidades.

Formularios para Wordpress con Form Maker

AUTOR: Salvador Peñalva García
Google Forms es una herramienta muy sencilla para crear formularios web que recopilen datos. Sin embargo, no permite incluir funcionalidades como Captchas o presentar las preguntas del formulario en varios idiomas. Una alternativa es el plugin Form Maker para Wordpress, que permite tanto el uso de Captcha mediante Recaptcha (que irónicamente es de Google) como hacerlo multiidioma. Un inconveniente es la limitación a siete campos, pero se puede superar utilizando un segundo formulario vacío, copiando el HTML generado e insertándolo en la página.

Pisarse el trabajo en Wordpress

AUTOR: Salvador Peñalva García
Wordpress es una herramienta para realizar blogs que permite que varios usuarios realicen modificaciones a la vez. Esto se puede conseguir tanto accediendo con la misma cuenta de usuario como desde varias. Sin embargo, esta forma de trabajar no está exenta de peligros ya que si dos personas con la misma cuenta actualizan la misma sección del blog simultáneamente, los cambios que introduce una persona pueden perderse debido a que los pisan los cambios de la otra persona. Además esto puede ocurrir también en otras secciones de la página como configuraciones, página de menú, selección de temas etc. incluso usando dos usuarios distintos.