Com fer apunts digitals amb Notion

Guia oficial

Welcome to the connected workspace where better, faster work happens. Let’s cover all the things you need to know to begin exploring Notion.

https://www.notion.so/help/category/new-to-notion

Altres guies no oficials

Notion Fundamentals

Idees bàsiques del Notion

El Notion s’estructura en blocs.

Hi ha diferents tipus de blocs: text, imatges, títols grans, títols mitjans, títols petits, blocs d’equacions, elements de llistes, links, taules, cites, blocs de codi, fitxers…

Cada bloc té a la seva esquerra dos botonets: per crear un nou bloc, i per desplaçar-lo o canviar a un altre tipus de bloc.

Per invocar un bloc escrivim / seguit del nom del bloc (normalment en anglès).

Exemples de com invocar els diferents tipus de blocs

Extret de: .

Slash commands

Pressing / in Notion brings up a full menu of content blocks you can choose to insert. You can shortcut this further by pressing / and then typing what you want. Here are your choices:

Basic

/text or /plain creates a new text block.

/page creates a new page (and will open it automatically when you press enter).

/bullet creates a bulleted list.

/num creates a numbered list.

/todo creates a to-do list with checkboxes.

/toggle creates a toggle list.

/div creates a light gray divider.

/quote creates a quote block of larger text.

/h1 or /# creates a large heading.

/tog h1 per fer un títol desplegable nivell 1

/h2 or /## creates a medium-sized heading.

/tog h2 per fer un títol desplegable nivell 2

/h3 or /### creates a small heading.

/tog h3 per fer un títol desplegable nivell 3

/link creates a link to another page in your workspace.

esc clears the / menu. Handy if you're just trying to use a / in your writing.

Inline

/mention lets you mention a page or a person in your workspace

/date or /reminder lets you add a timestamp or reminder to your page

/in eq per escriure una inline equation

/emoji brings up the emoji picker

Media

/image will bring up the option to upload or embed an image, or add one from Unsplash.

/pdf lets you paste in a URL to any PDF so it will display in-line on your page.

/book lets you paste in a URL to any website to create a web bookmark.

/video lets you upload a video file or embed a video from YouTube, Vimeo, etc.

/audio lets you upload an audio file or embed a recording from SoundCloud, Spotify, etc.

/code creates a code block where you can write and copy any snippet of code.

/file lets you upload any file from your computer or create an embed.

/embed lets you add any one of the 500+ embeds that work with Notion.

Advanced

/comment lets you create a comment on any block.

/duplicate creates an exact copy of the current block.

/moveto lets you move that block to a different page.

/delete deletes the current block.

/toc creates a Table of Contents block.

/button or /template gives you a template button that duplicates any combination of blocks you define.

/bread inserts a breadcrumb menu that shows where your current page is in your workspace.

/equation or /math or /latex lets you add a TeX formula

Latex

Exemples de blocs en latex

També es poden fer demostracions ràpides

Teorema de Noether

O demostracions més llargues, amb explicacions entre mig

Derivació de les equacions de Hamilton a partir del principi de Hamilton modificat

Estem dins el formalisme de Hamilton. Definim una funció

Definim una funció com a la integral temporal de la funció

Imposem que aquesta funció sigui mínima (o màxima) i calculem amb la regla de la cadena.

Calculem la segona (i la quarta) integral per parts.

Per tant el principi de mínima acció resulta equivalent a:

I ja que aquest s’ha de complir per qualsevol desplaçament virtual i obtenim:

Com que el principi s’ha de satisfer per qualsevol interval de temps ens queda:

I veiem que hem arribat a les equacions de Hamilton:

En aquest tipus de derivacions (o simplement apunts) en què es va intercalant text amb blocs d’equacions, són molt útils les inline equations (latex enmig del text):

Exemples de inline equations

“Si no depèn del temps i l’energia s’expressa com a , podem reescriure l’equació de Schrödinger com a .”

“El tensor d’esforços s’expressa amb el símbol i el tensor de deformacions s’escriu , tot i que en alguns llibres fan servir ”.

“ és l’angle entre els vectors i .”

“Aquí és la pressió i és el potencial químic.”

“En el límit de temperatura alta l’energia no està acotada.”

Extra

Recordeu que podeu aprendre LaTeX en la pàgina

🍃

Curs de LaTeX.

Galeria d’Exemples: Imatges, vídeos, simuladors, gràfics, annotacions…

Imatge

Polarització lineal en l’angle de Brewster. Font: webtop.org

GIF

Freqüència de ressonància per dos oscil·ladors harmònics acoblats. Font: Radiium.

El·lipse de polarització i sentit de gir en funció de la fase. Font: Doing Physics With Matlab.

PDF

Normativa reguladora de l’avaluació UB.pdf

251.5KB

PDF com a ‘embed’ (incrustat)

Vídeo de YouTube

Web com a bookmark

EMANIM: Interactive animation of electromagnetic waves

EMANIM is a web app displaying interactive animations of electromagnetic waves and presenting phenomena such as polarization, superposition, interference, absorption, refraction, and optical activity (linear and circular dichroism and birefringence).

https://emanim.szialab.org/index.html

Simulador embed

Mapa conceptual Lucidspark embed

Clicar a dalt a la dreta el botó de [Expand]

Posar pantalla completa

Mapa conceptual Excalidraw embed

Per veure-ho bé:

Clicar [ View original] a dalt a la dreta

Si surt un quadre de diàleg clicar el botó vermell [Replace my content]

Prémer [Alt+R] i [Alt+Z] per posar-se en mode visualització i [Fn+F11] per fer pantalla completa

Mapa conceptual SVG

Clicar a [] i després a [ View original] per poder fer zoom dins el mapa

Més informació sobre el tema a la pàgina .

Gràfic SVG

No crec que sigui de gran utilitat però els gràfics a part de poder-los posar com a jpg o png, també es poden posar com a svg, permetent una millor visualització si aquest té molts detalls.

Clicar a [] i després a [ View original] per poder fer el zoom necessari

Gràfic interactiu embed

Aquest gràfic ha estat fet amb Plotly, una llibreria de Python. Per aprendre a crear gràfics interactius entrar a

Taula simple de Notion

ㅤ	Estadística clàssica	Estadística Quàntica
Nivells discrets	La llàstima és que	no s’hi poden
Nivells continus	posar	equacions

Taula a Latex

Més info a:

Vídeo (amb Manim)

A part de vídeos de YouTube, també es poden visualitzar vídeos en mp4 directament.

Aquest vídeo ha estat fet mitjançant una llibreria de Python. Per si teniu curiositat o voleu aprendre a fer petits vídeos divulgatius, entreu a .

Presentació (amb Manim Slides)

També es poden posar presentacions (com si fos Power Point però més xulet).

Utilitza les fletxes del teclat per moure’t endavant i enrere en la presentació.

Aquesta presentació ha estat feta amb Manim Slides, per aprendre a crear aquest tipus de contingut entrar aquí.

Gràfic interactiu 3D

Gràfic senzill amb Sketchfab

Funció generada com a objecte 3D amb Blender i penjada a Sketchfab.

Gràfic senzill amb Vectary

Figura de difracció d’una obertura rectangular generada amb Matlab i penjada a Vectary.

Per més informació:

Animacions 3D Sketchfab

Ona electromagnètica propagant-se pel buit.

Combinacions d’orbitals i orbitals moleculars corresponents.

Diagrama d’orbitals moleculars animat per la molècula .

Hibridació AXE3 - Geometria piramidal trigonal.

Anotacions (externes)

📌

Fixar-se que el text és seleccionable. Al mateix temps, la mida de l’anotació s’ajusta a la resolució de la pantalla i a l’amplada disponible en el document. Cada anotació és una pàgina web estàtica publicada a GitHub Pages.

Informació extra

Exemple

Important

Recordatori

Conclusió o Identitat

Anotacions (Notion)

Informació extra

Informació extra

Les equacions de Maxwell, així com tota l’electrodinàmica quàntica, són conseqüència d’imposar simetria de fase local al lagrangià de Dirac.

Exemple

Exemple

Els vectors i són ortogonals ja que . Però ja que , no són ortonormals.

Important

Important

La relació directa (isomorfisme canònic ) que hi ha entre vectors i covectors, és conseqüència directa de definir un producte escalar.

Recordatori

Recordatori

Un escalar és un element pertanyent a un cos . Els nombres reals tenen estructura de cos però no cal oblidar els nombres complexes també.

Conclusió

Conclusió

Per qualsevol matriu hermítica podrem definir una matriu unitària de manera que aquesta sigui un canvi de base que permeti la diagonalització ortogonal.

Demostració

Demostració

Si és una matriu idempotent, és una matriu unitària, i és la matriu resultant del canvi de base ortogonal, també serà idempotent.

Clarificació

Clarificació

Donada una seqüència tindrem que la seva sèrie serà . La seqüència pot convergir o no (a un valor) i la sèrie pot convergir (valor finit) o no convergir (valor infinit o oscil·lant). Així doncs en general són dues coses diferents.

Diagrama amb Notion (Mermaid)

Clicar a Preview per canviar a l’opció a Code o Split i veure el codi del diagrama


graph TD;
A["Start"] --> B["Preheat oven to 350°F (175°C)"];
B --> C["Gather ingredients"];
C --> D["Melt butter and chocolate"];
D --> E["Mix dry ingredients"];
E --> F["Combine wet and dry ingredients"];
F --> G["Pour batter into greased pan"];
G --> H["Bake for 25-30 minutes"];
H --> I["Check with toothpick"];
I --> J{"Is it done?"};
J -- Yes --> K["Cool for 10 minutes"];
J -- No --> L["Bake for 5 more minutes"];
L --> I;
K --> M["Cut into squares"];
M --> N["Serve and enjoy!"];

Diagrama per fer un Brownie.

Toggle headings

La informació també es pot estructurar amb toggle headings (títols desplegables).

1r apartat

Subapartat

Bla bla

Informació extra

Bla bla

Subapartat

Bno, s'entén la idea no?

2n apartat

Important

També es poden fer toggle headings més grans. Això és un ‘/h3’ que podria estar dins d’un toggle heading ‘/h2’ o ‘/h1’.

Aviam, realment és una qüestió de gustos. A mi personalment m’agrada més anar desplegant els títols si hi ha molt de contingut que tenir-ho tot amb títols normals i una pàgina molt llarga.

Avantatges de fer les pàgines amb títols normals

L’índex generat a la dreta de la pàgina queda maco, ja que inclou tots els subapartats

La visualització és més semblant a la d’una web

Desavantatges de fer les pàgines amb títols normals

Si hi ha molt de contingut (imatges, vídeos de YT, embeds…) ha de carregar-ho tot de cop i fa que la pàgina vagi més lenta.

Amb títols desplegables només ha de carregar l’apartat que desplegues

És més difícil moure’s per la pàgina i entendre com està estructurada la informació.

Shortcuts

Ctrl+Shift+L per canviar a dark mode

Ctrl+P o Ctrl+K per obrir el buscador

Ctrl+Shift+H per canviar a l’últim color de text utilitzat

Ctrl+K per afegir un link al text seleccionat o Ctrl+V per inserir el link ja copiat.

Ctrl+Shift+E per convertir text a LaTeX

Tab i Shift+Tab per estructurar la indentació dels blocs

Altres

💡

Tip: Pots escriure un emoticona a Notion escrivint : seguit del nom de l’emoji, (normalment en anglès), per exemple :apple per 🍎 o :clapping per 👏

Pots crear un salt de línia de text sense trencar el bloc amb Shift+Enter.

Per seleccionar tot el text d’un bloc sense seleccionar el bloc mateix fer Ctrl+A.

Si escrius --- crees un divisor (línia grisa horitzontal)

Si escrius - seguit d’un espai crees una bulleted list

Si escrius ### seguit d’un espai crees un títol de nivell 3

Si escrius “ seguit d’un espai crees una cita

Si escrius > seguit d’un espai crees un desplegable

Pots convertir un bloc de text en un títol (de nivell 2 per exemple) fent Ctrl+Shift+2

Pots convertir un bloc de text en un desplegable fent Ctrl+Shift+7

Tip extra: Pots escriure en el bloc “/turn” i prémer enter per convertir el bloc en text normal.

Per més informació: .

Recomanacions

Preneu apunts en el vostre workspace personal

Segurament ja disposeu d’un usuari de Notion i potser el feu servir per organitzar-vos una mica la vida, podeu crear-hi una pàgina en què tingueu els vostres “Apunts Personals”.

Ja que aquests apunts només els veureu vosaltres, podeu anar al vostre ritme.

També resulta més còmode, si és que no sou editors VIPs (guests), editar una pàgina teva que la d’un espai publicat. Ja que com veureu la navegació és més fàcil en el teu espai personal, i no es pot suprimir elements afegits per altres persones (com fitxers o imatges).

Un cop tingueu algun tema d’una assignatura o un apartat, més o menys currat, podeu duplicar aquella pàgina, i moure la còpia a l’espai de “📚FÍSICA UB - WIKIBLOG”.

Un cop fet això, poseu-la dins la pàgina de la wiki que correspongui (per exemple posaríem els nostres apunts de “🧪 Física Estadística” dins de l’assignatura “🥳FIESTA”).

Nota: intenteu seguir dins del possible el .

A partir d’aquí es pot procedir de diferents maneres.

Si la pàgina de la wiki no té res, o pràcticament res (4 enllaços comptats, algun vídeo de YouTube i algun apartat mig redactat)

Borreu la pàgina original i poseu-hi en el seu lloc la pàgina nova feta per vosaltres.
Tot i així, si podeu (i ho considereu oportú) incorporeu les 4 coses que la pagina vella ja tenia.

Si la pàgina ja conté un gran redactat, enllaços i recursos i vosaltres només esteu afegint un apartat.

Copieu-lo i enganxeu-lo. Potser alguns enllaços els heu de tornar a posar perquè no s’han guardat bé però en general serà 1 minut.
Sempre podeu reestructurar si ho considereu oportú els apartats (títols, subtítols…) que ja hi havia per tal que encaixi amb el format desitjat.

Si esteu afegint una part que creieu que requereix la seva pròpia subpàgina, simplement poseu la vostra subpàgina dins del apartat que correspongui.
Si teniu dubtes de com procedir, feu un apartat al final de la pàgina de la wiki que es digui “Noves incorporacions” o per l’estil, i deixeu la vostra pàgina allà juntament amb la vostra idea.

Nota: Recordeu que si teniu noves idees o propostes podeu deixar-les a la , i si voleu col·laborar més activament, podeu enviar un correu o entrar al grup de whatsapp.

Extra: Prendre apunts a classe en directe amb el Notion

Si us veieu amb cor, proveu-ho. Realment no és tan difícil (o lent) un cop li pilles el truquillo a escriure ràpid a latex.

És molt més còmode que intentar prendre apunts amb l’Overleaf, ja que un/a no ha de compilar res (es fa automàtic) i la part de redactat de text és molt més atractiva visualment.

Un cop acaba la classe ja són apunts en net, i sempre els podeu completar a posteriori amb imatges, gràfics, nous subapartats…

Després, ja que esteu dins del Notion, podreu afegir amb molta facilitat els vostres apunts de classe a la pagina/assignatura de la wiki.

Informació addicional

Historial i còpies de seguretat

Està bé saber que no passa res si sense voler la lieu i esborreu informació important. Degut a que el notion es poden duplicar workspaces sencers molt fàcilment, disposem d’una còpia de seguretat de tota la web, i aquesta l’anem actualitzant aproximadament 1 cop al semestre.

També està bé saber que es poden bloquejar pàgines per tal que ningú les editi. Per exemple aquesta pàgina mateixa és una de les poques (juntament amb la principal) que està bloquejada.

Per últim, afegir que aquest workspace (la web) s’ha creat des d’un Notion Plus Plan (gratis per estudiants), de manera que està activada la funció page history i es poden veure els canvis que s’han fet a cada pàgina fins a 30 dies, i restaurar si és necessari versions anteriors.

Per més informació: .

A posteriori (si algun dia això funciona de veritat)

Recentment s’ha incorporat a Notion la funció de convertir un workspace en una wiki (literalment es diu així) i permetent funcionalitats com ara les verified pages, que cada pàgina tingui un moderador, uns col·laboradors, poder posar propietats a cada pàgina com ara el seu estat, el tipus de pàgina, quan ha estat la última modificació i qui l’ha fet, afegir-hi links (per exemple si és una assignatura posar-hi el link al drive), etc.

Si d’aquí un temps a la web hi ha suficients editors actius (uns 10) es podria implementar.

Aquí en podeu veure una demo: .

I aquí està explicat en detall: .