Slide 1

Slide 1 text

imanolteran.com NOTION Revoluciona tu vida digital Notion

Slide 2

Slide 2 text

Notion imanolteran.com HOLA, SOY IMANOL DESARROLLADOR WEB CONSULTOR DE ESTRATEGIA DIGITAL FORMADOR EN NUEVAS TECNOLOGÍAS [email protected] @imanolteran

Slide 3

Slide 3 text

Notion imanolteran.com PODCAST SI DUDAS, HAZLO Spotify Apple Podcasts Google Podcasts imanolteran.com Notion

Slide 4

Slide 4 text

Notion imanolteran.com OTROS PROYECTOS DE FORMACIÓN REMOTEWORKTOOLS.ES 👉 PASATEAONLINE.COM 👈

Slide 5

Slide 5 text

imanolteran.com 1. Introducción 2. ¿Qué es Notion? 3. Páginas 4. Bloques 5. Bases de datos 6. Relaciones índice Notion

Slide 6

Slide 6 text

imanolteran.com 7. Fórmulas y funciones 8. Integraciones 9. Trabajo Colaborativo 10. Publicar web desde Notion 11. Extras índice Notion

Slide 7

Slide 7 text

imanolteran.com 01 Introducción Pongámonos en situación Notion

Slide 8

Slide 8 text

Notion imanolteran.com • Actualmente, contamos con un montón de soluciones software para ayudarnos a gestionar nuestra vida digital. • Gestores de tareas. • Bases de datos. • Calendarios. • Centros de conocimiento. • Herramientas de facturación. Introducción 01 8

Slide 9

Slide 9 text

Notion imanolteran.com • Actualmente, contamos con un montón de soluciones software para ayudarnos a gestionar nuestra vida digital. • Dashboards para analítica de datos. • Editores de texto. • Presentaciones. • CRM. • Toma de notas. • … Introducción 01 9

Slide 10

Slide 10 text

Notion imanolteran.com • Son todas herramientas muy bien hechas, que realmente nos facilitan mucho todas las tareas en entorno digital. • El problema es que hay muchas aplicaciones y servicios, y cada semana surgen nuevas alternativas. • Difícil saber qué herramienta utilizar. Introducción 01 10

Slide 11

Slide 11 text

Notion imanolteran.com • La realidad es que acabamos usando 1000 servicios, utilidades y herramientas diferentes, una para cada cosa. • Corremos el riesgo de conseguir el efecto contrario: • Desorganización. • Falta de organización. • Desconcierto. • Falta de tiempo. Introducción 01 11

Slide 12

Slide 12 text

Notion imanolteran.com • ¿Y si encontraremos una herramienta tan versátil que cubriera muchas de nuestras necesidades y nos permitiera centralizar toda nuestra actividad digital en ella? Introducción 01 12

Slide 13

Slide 13 text

imanolteran.com 02¿Qué es? Notion Notion

Slide 14

Slide 14 text

Notion imanolteran.com • Es difícil definir qué es Notion. • Notion puede ser prácticamente lo que tú quieras. • Precisamente en su versatilidad y capacidad de adaptación está su potencial. • Se trata de un espacio de trabajo todo-en-uno. ¿Qué es? 02 14

Slide 15

Slide 15 text

Notion imanolteran.com • Puedes crear una cuenta con tu correo electrónico, cuenta de Google o Apple. • Existe un plan gratuito. • Puedes acceder a todas sus funcionalidades a partir de $4 al mes. • https://www.notion.so/pricing ¿Qué es? 02 15

Slide 16

Slide 16 text

Notion imanolteran.com • Puede usarse de diferentes formas: • Web. • App de escritorio. (macOS y Windows) • App móvil. (iOS y Android) • Extensión de navegador. (Chrome, Safari, Firefox) ¿Qué es? 02 16

Slide 17

Slide 17 text

Notion imanolteran.com • Tiene modo de trabajo offline. • Puedes editar tus documentos sin conexión a Internet, y cuando vuelvas a estar online, se sincronizan los cambios. ¿Qué es? 02 17

Slide 18

Slide 18 text

Notion imanolteran.com • Podemos decir que, en general, el espacio de trabajo se divide en 3 áreas: • Barra superior. • Barra lateral. • Editor de página. ¿Qué es? 02 18 ESPACIO DE TRABAJO

Slide 19

Slide 19 text

Notion imanolteran.com • Nombre y ruta de la página actual. • Opciones de compartir. • Control de versiones. • Estilos y ajustes de página. ¿Qué es? 02 19 ESPACIO DE TRABAJO > BARRA SUPERIOR

Slide 20

Slide 20 text

Notion imanolteran.com • Espacio/s de trabajo. • Búsquedas. • Actualizaciones/Notificaciones. • Ajustes. ¿Qué es? 02 20 ESPACIO DE TRABAJO > BARRA LATERAL

Slide 21

Slide 21 text

Notion imanolteran.com • Páginas. • Plantillas. • Importar. • Papelera. ¿Qué es? 02 21 ESPACIO DE TRABAJO > BARRA LATERAL

Slide 22

Slide 22 text

Notion imanolteran.com • Área de trabajo principal en la que componemos nuestras páginas a través de diferentes bloques. ¿Qué es? 02 22 ESPACIO DE TRABAJO > EDITOR DE PÁGINA

Slide 23

Slide 23 text

imanolteran.com 03Páginas Notion

Slide 24

Slide 24 text

Notion imanolteran.com • La página es la clave y la unidad mínima de Notion. • Se trata de un lienzo en blanco donde empezaremos a construir nuestro ecosistema digital. • Para crear nuevas páginas: • Botón + de la barra lateral. • Atajo de teclado: /page Páginas 03 24

Slide 25

Slide 25 text

Notion imanolteran.com • En Notion no existe el concepto de archivos o carpetas. • La forma de organizar la información de forma jerárquica es ir anidando páginas. • Una página puede albergar tantas páginas como necesitemos. • De esta forma podemos organizar toda nuestra información. Páginas 03 25

Slide 26

Slide 26 text

Notion imanolteran.com • Las páginas contienen un enlace único. • De esta forma, aunque cambiemos una página de sitio, los enlaces hacia ella no se romperán. • Acciones a realizar sobre las páginas: • Eliminar. • Copiar. • Duplicar. • Mover. Páginas 03 26

Slide 27

Slide 27 text

Notion imanolteran.com • Hace poco se ha añadido el concepto de backlink. • Las páginas que son referenciadas desde otras páginas, incluyen en su parte superior enlaces a las páginas desde las que se la está referenciando. • Hay que tener cuidado y organizar bien la información para no perderse cuando empecemos a tener muchas páginas. Páginas 03 27

Slide 28

Slide 28 text

Notion imanolteran.com • Las páginas tienen tal importancia que incluso son el elemento clave de las bases de datos. • De hecho, cada elemento de una base de datos, es a su vez una página. Páginas 03 28

Slide 29

Slide 29 text

Notion imanolteran.com • Aparte del lienzo en blanco, las páginas tienen una serie de características que podemos personalizar: • Título. • Icono. • Imagen de cabecera. Páginas 03 29

Slide 30

Slide 30 text

Notion imanolteran.com • Además, podemos seleccionar diferentes puntos de partida: • Página en blanco. • Seleccionar una plantilla. • Importar datos desde servicio externo. • Empezar a partir de una base de datos. Páginas 03 30

Slide 31

Slide 31 text

Notion imanolteran.com • Si partimos de una página en blanco, comenzamos a utilizarlo como un editor de textos. • Como en cualquier editor de texto, podremos dar estilo a lo que vayamos escribiendo. • También podemos cambiar el color del texto y de su fondo (subrayado). • Se puede enlazar un texto a una url externa o a cualquier página dentro de nuestro espacio de trabajo. Páginas 03 31

Slide 32

Slide 32 text

Notion imanolteran.com • Si las páginas son la base de nuestro sistema en Notion, la base que forman las páginas son los bloques. Páginas 03 32

Slide 33

Slide 33 text

imanolteran.com 04Bloques Notion

Slide 34

Slide 34 text

Notion imanolteran.com • Es gracias a la cantidad de bloques diferentes que existen en Notion, que podemos adaptarlo a nuestro gusto y crear el sistema que mejor se ajuste a nuestras necesidades. • Los bloques se combinan entre sí para formas páginas. • Para acceder a todo el listado de bloques y añadir los que queramos, basta con pulsar la tecla “/”. Bloques 04 34

Slide 35

Slide 35 text

Notion imanolteran.com • A tener en cuenta que, al igual que Notion, los bloques son entidades flexibles. • Esto quiere decir que los bloques pueden convertirse en bloques de otro tipo de forma muy sencilla. • Conseguimos que las distintas piezas que conforman nuestro espacio de trabajo, pueden adoptar la forma que queramos en cada momento. Bloques 04 35

Slide 36

Slide 36 text

Notion imanolteran.com • Los bloques se organizan en distintos tipos: • Bloques básicos. • Bloques de página. • Bloques especiales. • Bloques avanzados. Bloques 04 36

Slide 37

Slide 37 text

Notion imanolteran.com • Texto. • Encabezados. • Listas. • Checkbox. • Citas. Bloques 04 37 BLOQUES BÁSICOS

Slide 38

Slide 38 text

Notion imanolteran.com • Callouts. • Desplegables. • Separadores. Bloques 04 38 BLOQUES BÁSICOS

Slide 39

Slide 39 text

Notion imanolteran.com • Uno de los bloques que podemos añadir en una página, es a su vez una página. • En este caso, aplica todo lo mencionado en el apartado 3. Bloques 04 39 BLOQUES DE PÁGINA

Slide 40

Slide 40 text

Notion imanolteran.com • Bloques en línea. • Bloques de bases de datos. • Bloques de multimedia. • Bloques para incrustar. Bloques 04 40 BLOQUES ESPECIALES

Slide 41

Slide 41 text

Notion imanolteran.com • Bloques que se incrustan en línea con el texto que estemos escribiendo. • Se invocan mediante el símbolo “@“. • Menciones. • Fechas/Recordatorios. • Emojis. “:” y empezar a escribir nombre del emoji Bloques 04 41 BLOQUES ESPECIALES > BLOQUES EN LÍNEA

Slide 42

Slide 42 text

Notion imanolteran.com • Páginas. • Crea un nuevo enlace a una página. • Personas. • Recibe una notificación. • Fechas. • Crea una marca de tiempo en ese punto. • Today, tomorrow, yesterday, @mes/día Bloques 04 42 MENCIONES

Slide 43

Slide 43 text

Notion imanolteran.com • Funciona igual que las fechas, pero antes de la fecha hay que incluir la palabra remind. • @remind tomorrow • @remind 12/30 Bloques 04 43 RECORDATORIOS

Slide 44

Slide 44 text

Notion imanolteran.com • Solo hay que escribir : y el nombre del emoji que queramos. • :rocket 🚀 Bloques 04 44 EMOJIS

Slide 45

Slide 45 text

Notion imanolteran.com • Seguramente los bloques más potentes en Notion. • Notion nos permite introducir 6 tipos distintos de BBDD. • En realidad se tratan de los mismos datos, mostrados de forma diferente. • Nos darán opción de crearla en línea o a pantalla completa. Bloques 04 45 BLOQUES ESPECIALES > BLOQUES DE BBDD

Slide 46

Slide 46 text

Notion imanolteran.com • Calendario. • Lista. • Galería. • Tabla. • Tablero. • Línea temporal. Bloques 04 46 BLOQUES ESPECIALES > BLOQUES DE BBDD

Slide 47

Slide 47 text

Notion imanolteran.com • Imágenes o gifs. • Marcadores visuales de páginas web. • Vídeo. • Audio. • Código. • Archivos. Bloques 04 47 BLOQUES ESPECIALES > BLOQUES DE MULTIMEDIA

Slide 48

Slide 48 text

Notion imanolteran.com • Podemos incrustar cualquier página web dentro de una página de Notion. • Además, se integra de forma directa con un montón de servicios externos. Bloques 04 48 BLOQUES ESPECIALES > BLOQUES EMBED

Slide 49

Slide 49 text

Notion imanolteran.com • Google Drive. • Twitter. • Google Maps. • Figma. • Invision. • Miro. Bloques 04 49 BLOQUES ESPECIALES > BLOQUES EMBED

Slide 50

Slide 50 text

Notion imanolteran.com • Documentos PDF. • Loom. • Typeform. • Codepen. Bloques 04 50 BLOQUES ESPECIALES > BLOQUES EMBED

Slide 51

Slide 51 text

Notion imanolteran.com • Tabla de contenidos. • Breadcrumb. • Template button. • Ecuaciones matemáticas. • Bloques sincronizados Bloques 04 51 BLOQUES AVANZADOS.

Slide 52

Slide 52 text

imanolteran.com 05Bases de datos Notion

Slide 53

Slide 53 text

Notion imanolteran.com • Gracias a las bases de datos podemos estructurar y visualizar información de diferentes maneras. • También vamos a poder categorizar y filtros lo datos. • Tienen una serie de peculiaridades frente a sistema de bases de datos tradicionales. Bases de datos 05 53

Slide 54

Slide 54 text

Notion imanolteran.com • Cada elemento de una base de datos es, a su vez, su propia página, en la que recogeremos toda su información asociada. • Puedes añadir diferentes propiedades a cada elemento. • Podemos incluirlas en cualquier momento. • Servirán también a la la hora de filtrar y de personalizar la visualización de los datos. Bases de datos 05 54

Slide 55

Slide 55 text

Notion imanolteran.com • Actualmente contamos con 6 modos de visualización: • Lista. • Tabla. • Calendario. • Galería. • Tablero. • Línea temporal. Bases de datos 05 55

Slide 56

Slide 56 text

Notion imanolteran.com • Que creemos una BBDD con una visualización determinada, no quiere decir que siempre tenga que ser así. • En cualquier momento podemos crear nuevas vistas de esa base de datos. • De esta forma, consultamos los mismos datos de formas diferentes, dependiendo del contexto. Bases de datos 05 56

Slide 57

Slide 57 text

Notion imanolteran.com • Podemos crear las bases de datos de dos formas diferentes: • En línea. • A pantalla completa. Bases de datos 05 57

Slide 58

Slide 58 text

Notion imanolteran.com • Diferencias: • Las inline pueden convivir con otros bloques de información diferentes en una misma página. • Las que son a pantalla completa, solo aceptan nuevos ítems a la tabla, no podemos añadir ningún otro tipo de contenido. Bases de datos 05 58

Slide 59

Slide 59 text

Notion imanolteran.com • Elegir uno u otro tipo, es reversible. • Volvemos a utilizar el concepto de los bloques básicos de “turn into”. • Turn into inline. • Turn into page. Bases de datos 05 59

Slide 60

Slide 60 text

Notion imanolteran.com • Tenemos diferentes tipos de propiedades, para definir la estructura de información de los ítems de nuestra BBDD. • Todas pueden mostrarse u ocultarse cuando queramos. • También crear filtros, ordenar y elegir distintas vistas. • Estas propiedades se dividen en: • Básicas. • Avanzadas Bases de datos 05 60

Slide 61

Slide 61 text

Notion imanolteran.com • Nombre. • Texto. • Número. • Selector. • Selector múltiple. • Fecha. Bases de datos 05 61 PROPIEDADES BÁSICAS.

Slide 62

Slide 62 text

Notion imanolteran.com • Persona. • Archivos y medios. • Checkbox. • URL. • Email. • Teléfono. Bases de datos 05 62 PROPIEDADES BÁSICAS.

Slide 63

Slide 63 text

Notion imanolteran.com • Hora de creación. • Creador/a. • Última edición. • Última persona en editar. Bases de datos 05 63 PROPIEDADES AVANZADAS

Slide 64

Slide 64 text

Notion imanolteran.com • Relaciones. • Rollups. • Fórmulas. Bases de datos 05 64 PROPIEDADES AVANZADAS

Slide 65

Slide 65 text

Notion imanolteran.com • Notion nos permite que filtremos los datos de nuestra base de datos, por cualquiera de las propiedades que hayamos añadido a la misma. • Para añadir filtros: • Filter / Add a filter • Filter / Add a filter group Bases de datos 05 65 FILTROS

Slide 66

Slide 66 text

Notion imanolteran.com • También podemos ordenar de forma ascendente o descendente en base a cualquiera de las propiedades. • Igual que con los filtros, podemos añadir varios criterios de ordenación. • Si queremos recurrir a estos filtros y ordenaciones, podemos guardarlos en vistas. Bases de datos 05 66 ORDENACIÓN

Slide 67

Slide 67 text

Notion imanolteran.com • Los datos de una BBDD se muestran por defecto con la vista con la que ha sido creada. • Al igual que otro tipo de bloques, podemos convertirlos en otro tipo de visualización. • También podemos crear y guardar diferentes visualizaciones para un mismo conjunto de datos. Bases de datos 05 67 VISTAS

Slide 68

Slide 68 text

Notion imanolteran.com • Estas vistas podemos guardarlas con un nombre y asignadles criterios de filtrado y ordenación. • Esto es muy útil para consultar los datos diferentes dependiendo del contexto desde el que lo consultemos. Bases de datos 05 68 VISTAS

Slide 69

Slide 69 text

Notion imanolteran.com • Lista. • Tabla. • Calendario. • Galería. • Tablero. • Línea temporal. Bases de datos 05 69 TIPOS DE BBDD

Slide 70

Slide 70 text

Notion imanolteran.com • Vista más simple y condensada de todas. • En muchos casos puede ser útil. • Podemos elegir qué propiedades mostrar. • Que nos muestre menos información no quiere decir nada, dentro de cada ítem sigue estando todo el contenido de la página. Bases de datos 05 70 LISTA

Slide 71

Slide 71 text

Notion imanolteran.com • Vista más tradicional de todas. • Se parece mucho al concepto clásico de hoja de cálculo (Excel, Google Sheets, Numbers…). • Cada propiedad que elijamos mostrar, creará una nueva columna en la tabla. • Podemos mostrar, ocultar o reordenar las propiedades. Bases de datos 05 71 TABLA

Slide 72

Slide 72 text

Notion imanolteran.com • Es posible hacer que el tamaño de las celdas se ajuste a su contenido (Wrap cells), o que lo contengan. Bases de datos 05 72 TABLA

Slide 73

Slide 73 text

Notion imanolteran.com • Para que funcione, necesitamos haber definido al menos un campo de tipo fecha: • Date. • Created time. • Last edited time. Bases de datos 05 73 CALENDARIO

Slide 74

Slide 74 text

Notion imanolteran.com • Muy útil si queremos mostrar contenido visual. • Cada elemento se representa en forma de cuadrado, con una imagen que lo represente de forma clara. • Para contar con una buena apariencia, es necesario que cada elemento cuente con un valor asignado en una propiedad de tipo imagen. Bases de datos 05 74 GALERÍA

Slide 75

Slide 75 text

Notion imanolteran.com • Vista muy útil si queremos resaltar el estado en el que se encuentra un ítem dentro de un proceso determinado. • Podemos mover los ítems de una fase a otra. • Cuando los ítems se muestran en forma de tarjeta, podemos elegir las propiedades a mostrar en la misma. • Podemos ocultar columnas en las vistas que queramos. Bases de datos 05 75 TABLERO

Slide 76

Slide 76 text

Notion imanolteran.com • Las tarjetas se agrupan en base a valores de una propiedad. • Tipos de propiedades que nos permiten agrupar: • Select. • Multi select. • Person. • Cambiar en “Group by” Bases de datos 05 76 TABLERO

Slide 77

Slide 77 text

Notion imanolteran.com • Vista similar a un Diagrama de Gantt. • Vista temporal, con scroll horizontal. • Indispensable contar con campo de fecha, idealmente fecha inicio y fecha fin. Bases de datos 05 77 LÍNEA TEMPORAL

Slide 78

Slide 78 text

imanolteran.com 06Relaciones Notion

Slide 79

Slide 79 text

Notion imanolteran.com • Estamos ante una de las grandes funcionalidades de las bases de datos en Notion. • Las relaciones permiten enlazar bases de datos entre ellas. • Como punto de partida, necesitamos al menos dos BBDD. • De esta forma, relacionamos todo el contenido y propiedades de un elemento de una tabla, con uno de otra. Relaciones 06 79

Slide 80

Slide 80 text

Notion imanolteran.com • Así, podemos acceder a todo el contenido de esa página, no solo a la propiedad que relacionamos. • También se puede relacionar una BBDD consigo misma. Relaciones 06 80

Slide 81

Slide 81 text

Notion imanolteran.com • Una vez hemos relacionado dos BBDD, la propiedad Rollup nos permite mostrar el valor de una propiedad de la BBDD relacionada, como si perteneciera a la BBDD en la que nos encontramos. • Depende totalmente de Relation, sin una relación creada anteriormente, no podemos hacer un Rollup. Relaciones 06 81 ROLLUPS

Slide 82

Slide 82 text

Notion imanolteran.com • Tenemos 3 posibilidades a la hora de crear un Rollup: • Relation. • Propiedad a mostrar. • Cálculo a realizar. Relaciones 06 82 ROLLUPS

Slide 83

Slide 83 text

imanolteran.com 07 Fórmulas Y funciones Notion

Slide 84

Slide 84 text

Notion imanolteran.com • Para operar con fórmulas, debemos añadir al menos una propiedad de tipo fórmula en una BBDD. • Al pulsar en un campo de esa propiedad, se nos despliegan una serie de opciones: • Propiedades. • Constantes. • Operadores. • Funciones. Fórmulas 07 84

Slide 85

Slide 85 text

imanolteran.com 08Integraciones Con otros servicios Notion

Slide 86

Slide 86 text

Notion imanolteran.com • Ahora mismo, Notion incluye varias integraciones con servicios de terceros, como los embed. • También hay proyectos, que permiten automatizar tareas entre Notion y otras plataformas como: • Asana. • Trello. • Twitter. Integraciones 08 86

Slide 87

Slide 87 text

Notion imanolteran.com • También hay proyectos, que permiten automatizar tareas entre Notion y otras plataformas como: • Webflow • Todoist. • Google Drive. • Google Calendar. • https://notion-automations.com Integraciones 08 87

Slide 88

Slide 88 text

Notion imanolteran.com • Pero el gran salto ha venido con la liberación de su API pública. • Esto hace que pueda relacionarse con casi cualquier servicio, de forma nativa o mediante herramientas de automatización. Integraciones 08 88

Slide 89

Slide 89 text

imanolteran.com 9 Trabajo Colaborativo Notion

Slide 90

Slide 90 text

Notion imanolteran.com •Hay diversas formas de trabajar con Notion de forma colaborativa: •Menciones. •Comentarios. •Compartir. Colaboración 9 90

Slide 91

Slide 91 text

Notion imanolteran.com •Opciones para compartir: •Acceso total. •Edición. •Comentar. •Visualizar. Colaboración 9 91

Slide 92

Slide 92 text

imanolteran.com 10 Publicar web Desde Notion Notion

Slide 93

Slide 93 text

Notion imanolteran.com •Para muchos proyectos, puede ser interesante publicar una página de Notion bajo un dominio propio. •Landing page. •Web corporativa. •Tienda online. •Cursos formativos. •Dashboards para analítica. Publicar web 10 93

Slide 94

Slide 94 text

Notion imanolteran.com •Para muchos proyectos, puede ser interesante publicar una página de Notion bajo un dominio propio. •Onboardings empresa. •Centros de conocimiento. •Blog. •Podcast. Publicar web 10 94

Slide 95

Slide 95 text

Notion imanolteran.com •Para hacerlo, hay que hacer uso de plataformas externas: •https://super.so •https://fruitionsite.com •https://notion2site.com Publicar web 10 95

Slide 96

Slide 96 text

imanolteran.com 11 Extras Notion

Slide 97

Slide 97 text

Notion imanolteran.com •Han surgido un montón de servicios que complementan y amplían las posibilidades de Notion: •Widgets. •Iconos. •Visualización de datos. •Presentaciones. •Formularios. •Templates. Extras 11 97

Slide 98

Slide 98 text

Notion imanolteran.com •https://www.notioneverything.com/toolbox •https://www.notion.so/Notion- Tools-25d054da911344199cdf403cc04f317c Extras 11 98

Slide 99

Slide 99 text

imanolteran.com Notion [email protected] Eskerrik asko