Práctica: Un almacén de conocimiento de internet

Estoy seguro de que has estado navegando por internet, por twitter, reddit o cualquier foro y de repente encuentras un artículo que te llama la atención.

Sin embargo, no tienes nada a mano en ese momento y dices: “Ya lo guardaré al llegar a casa”

Y al final, el día a día nos come y acabamos olvidándonos de hacerlo.

Es por eso que vamos a crear una tabla que nos va a servir para guardar todos los recursos interesantes que encontremos en internet y poder categorizarlos para tenerlos siempre a mano.

⁠

Lo primero que tendremos que hacer es definir nuestra estructura de la tabla que contendrá nuestros recursos. Y pensando en cómo funcionan estos artículos, se nos ocurren una serie de elementos que tendrán que estar sí o si:

Nombre: Un titular llamativo del artículo

Link al artículo: Lo más importante para poder releer el contenido

Página/Lugar donde lo encontraste: Una manera de recordar dónde has encontrado el contenido

Categoría: Poder categorizar el enlace según su tipo

Tiempo de lectura: Para saber si te lleva 1 minuto o 30 leerlo

Pequeña descripción: Un breve texto para saber de qué va cada contenido de manera rápida

Con esto, podemos empezar a pensar en estructurar nuestra base, dando un tipo de campo que se adopte a cada uno de ellos de la mejor manera posible:

Nombre: Un campo de tipo Texto, que será el primero de la tabla.

Link: Un campo de tipo URL para que te lleve a el directamente

Página/Lugar: Puede ser un texto plano o un selector entre distintas opciones

Categoría: Igual que el anterior, lo óptimo es que sea un selector de opciones

Tiempo de lectura: Podemos configurar un desplegable de opciones para que sea más sencillo seleccionar

Pequeña descripción: Texto plano seguro

Asi que vamos a ello. Estos son los pasos a seguir:

Crea una nueva tabla, llámala 📦 El almacén

Añade 5 columnas

Configura los nombres y tipos de columnas que hemos definido*

Si no sabes cómo configurar un campo de tipo selector,

mira este pequeño tutorial.⁠

⁠

Te quedará algo como esto 👇

Una vez que tengamos esta estructura básica creada, es el momento de mejorar un poco la experiencia de introducir elementos.

Para ello, vamos a hacerlo de dos maneras:

Creando un formulario para añadir elementos

Utilizando la extensión de Coda para Chrome

¡Vamos a ello!

Como hemos visto en la lección anterior, podemos añadir vistas sobre nuestra tabla que nos sirva para añadir diferentes elementos. Es por eso que vamos a aprovechar esto para mejorar la experiencia de añadir elementos a nuestra tabla.

Crearemos una vista de tipo formulario:

⁠

Nocodehackers 2022-04-05 at 12.10.29.png

⁠

Te quedará algo parecido a esto 👇

Una vez que lo tengas creado, verás que esto te permite añadir elementos de una manera muy sencilla, y que encontrarás dos opciones interesantes, que son poder publicar el form y configurar su layout.

Publish form: Te permite tener un enlace que compartir para que la gente pueda añadir elementos a tu base. →

Enlace de demo⁠

⁠

Edit Layout: Configura cómo se muestra tu formulario.

Te dejo que explores ambas opciones. Yo he dejado el formulario final de esta manera. Puedes encontar un tutorial más a fondo sobre cómo personalizar el formulario en esta lección.

Con esto, ya tendremos una manera de añadir recursos de manera sencilla, pero podemos incluso simplificarlo gracias a la extensión de coda.

Todo esto cobra más sentido cuando puedes añadirlos de una manera más sencilla gracias a una extensión de Chrome.

De esta manera, cuando estés navegando por la web será tan sencillo como hacer click e instalarla.

Para ello sigue los siguientes pasos:

Instala la extensión de Coda: Vete a Google Chrome Extension Store y buscala o

sigue este enlace.⁠

⁠

Haz click en Bookmark Setup Esto te permitirá configurar dónde quieres guardar tus recursos

Configura cómo quieres guardarlo y dónde: Selecciona el Doc que has creado, la tabla de El almacén y los campos para el Link y el nombre:

⁠

Nocodehackers 2022-04-05 at 12.22.23.png

⁠

¡Listo!

Ahora podrás añadir elementos simplemente haciendo click en la extensión y dándole a Bookmark. No podrás añadir todos los campos automáticamente, pero es mejor que perder la información que te gustaría recordar para siempre.

Puedes incluso crear distintas visualizaciones para crear algo más complejo. Nosotros hemos dedicado un poco de cariño para crear un dashboard más accesible.

¿Quieres verlo? Haz click aquí.

Hasta aquí esta práctica. ¿Cómo te ha ido?

Práctica: Un almacén de conocimiento de internet

Creando la estructura del almacén

👀 Mejorando la introducción de elementos

Añadiendo una vista de formulario

Añade elementos automáticamente con la extensión de Coda