Herramientas de Publicación Web

web

Introducción

Esta lectura es una guía general de las herramientas que pueden utilizar durante el curso y sobre todo para su proyecto final. Son recomendaciones de lo que pueden usar para crear un sitio web que les permita contar una historia con visualizaciones y contextos a estas imágenes. Nos adelantamos para que las puedan probar y comiencen a familiarizarse con alguna de ellas. A la hora de hacer sus ejercicios de clase, pueden montar sus visualizaciones en alguna de ella y presentar el enlace al sitio web. Esto no es obligatorio, pero lo sugiero para que practiquen y lleguen bien preparados al proyecto final donde deben publicar en la web su trabajo.

Looker Studio lookerstudio.google.com

Esta es la aplicación recomendada para la mayoría de ustedes, funciona directamente en el explorador creando una cuenta gratuita. En la siguiente lectura van a encontrar un tutorial para aprender a usar esta herramienta.

Lastimosamente no funciona si residen en los siguientes países:

  • China (permite ver pero no crear)
  • Irán
  • Iraq
  • Crimea
  • Corea del Norte
  • Siria
  • Cuba

check_circleImportar Datos
check_circleModelar Datos
cancelConectar modelos propios
check_circlePlantillas de visualización
check_circlePlantillas de presentación
check_circlePúblicación Web

Ventajas:

  • Excelente documentación y tutoriales oficiales en Español.
  • La fuente de datos puede ser nuestros propios archivos CSV, o múltiples API's del ecosistema de Google (Google Analytics, Google Sheets, Google Ads, YouTube Analytics, entre muchos otros).
  • Compartir los resultados es automático y fácil.

Desventajas:

  • No se puede descargar para usar sin conexión a Internet.
  • Si estamos trabajando de manera granular con código propio, no hay manera de conectar nuestra aplicación con la interfaz de Looker Studio.
  • Podría tener más plantillas de visualización.

Wix www.wix.com

Wix es una de muchas plataformas gratuitas para crear sitios web. En este caso, no es necesariamente la plataforma para modelar y crear visualizaciones de datos, pero nos ofrece una gran variedad de diseños que se pueden llenar con cualquier contenido. A la hora de narrar nuestras ideas de negocio, se pueden encontrar con la necesidad de presentar diferentes elementos que acompañan las visualizaciones para contar una buena historia. Wix les va a permitir usar otros componentes como texto, video, sonido, imágenes, etc. Si están buscando un espacio para integrar sus visualizaciones con otros elementos narrativos, es una excelente opción.

cancelImportar Datos
cancelModelar Datos
cancelConectar modelos propios
cancelPlantillas de visualización
check_circlePlantillas de presentación
check_circlePúblicación Web

Ventajas:

  • Múltiples plantillas de presentación.
  • Gratuito (pero no se puede quitar el logo de Wix).
  • Pueden embeber visualizaciones y organizar la forma de presentarlas.

Desventajas:

  • No se puede descargar para usar sin conexión a Internet.
  • No podemos crear las visualizaciones directamente en la plataforma, hay que crearlas aparte y luego integrarlas.

Replit replit.com

Esta aplicación es para los usuarios avanzados que ya saben programar y pueden crear un sitio web desde cero -tanto el backend como el frontend-. A diferencia de Wix, Replit no trae plantillas pero sí nos permite trabajar con diferentes lenguajes de programación, integrar nuestros propios modelos y diseñar completamente a nuestro gusto. Replit es muy parecido a trabajar localmente con código, su ventaja es que nos ofrece un servidor donde publicar gratuitamente nuestra aplicación y genera un enlace que podemos compartir. En sus propios negocios o empresas, seguramente van a alquilar o comprar sus propios servidores, Replit les permite hacer lo mismo que harían allí sin hacer aún la inversión.

check_circle Importar datos
check_circle Modelar datos
check_circle Conectar modelos propios
error Plantillas de visualización (requiere librería, no lo tiene integrado)
error Plantillas de presentación (requiere librería - ejemplo: Material design material.io)
check_circle Publicación Web

Ventajas:

  • Total libertad de trabajar con programación.
  • Se puede integrar con GitHub si se quiere trabajar localmente y luego publicar en línea cuando esté listo.
  • Lo más parecido a una solución robusta para empresa sin incurrir aún en gastos de servidores propios.

Desventajas:

  • En necesario crear todo desde cero, es más exigente si no se tiene experiencia.
  • Depende de conexión a Internet si se quiere usar la interfaz directamente.

Resumen

Con esto tienen 3 buenas opciones que se adaptarán a sus propios gustos y habilidades:

  • Si no quieren programar, la mejor opción es Looker Studio
  • Si quieren mayor flexibilidad en el diseño y presentación sin programar, Wix es su plataforma de publicación pero deben importar sus visualizaciones. Por ejemplo, hacer módulos en Looker Studio y embeberlos en Wix.
  • Si están trabajando de manera granular con sus propios modelos, pueden programar con total libertad en Replit y generar el sitio web de manera gratuita.

Otras opciones

Similares a Wix

  • SquareSpace es.squarespace.com (No es gratis)
  • Weebly www.weebly.com (El logo es menos invasivo pero tiene menos plantillas que Wix)
  • Wordpress wordpress.com/es (Versión gratuita, buena interfaz para administrar contenido, muy parecido a Wix, la elección es cuestión de gustos).

Similares a Replit

  • Glitch glitch.com (A veces la interfaz es lenta, muy parecido a Replit en todo).
  • CodePen codepen.io (Solamente permite usar lenguajes de programación web: HTML, CSS y JavaScript, excelente para hacer bocetos).
  • GitHub Pages pages.github.com (Solamente permite crear sitios web con HTML estático, requiere conocimiento en Git y Static Site Generators. Si estos términos son ajenos a ustedes, puede ser una empinada curva de aprendizaje para los tiempos de este curso).