Add a few more things

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "appuntiweb",
-  "version": "0.5.8",
+  "version": "0.8.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -2267,9 +2267,9 @@
       "dev": true
     },
     "bluelib": {
-      "version": "0.15.1",
+      "version": "0.15.2",
-      "resolved": "https://registry.npmjs.org/bluelib/-/bluelib-0.15.1.tgz",
+      "resolved": "https://registry.npmjs.org/bluelib/-/bluelib-0.15.2.tgz",
-      "integrity": "sha512-ZedqpBtoAYsXfOpJOeZfXraYMH0k6HxRFplaQWNm7G5PXZssmRWO/nP7X+rWSlI5LBHDdmjycNA6VbtCNd6DNg==",
+      "integrity": "sha512-l+ePA0+bvDiLvn9FKs5ifYF4e0lKBVnMqhZcVvq1qmMfiKD/vzBvgg0TXX0koaBVGFl3Z9pVvfSSDSLEQqkWHg==",
       "requires": {
         "@fortawesome/fontawesome-svg-core": "^1.2.29",
         "@fortawesome/free-brands-svg-icons": "^5.13.1",
@@ -4317,9 +4317,9 @@
       "dev": true
     },
     "dequal": {
-      "version": "1.0.1",
+      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/dequal/-/dequal-1.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.2.tgz",
-      "integrity": "sha512-Fx8jxibzkJX2aJgyfSdLhr9tlRoTnHKrRJuu2XHlAgKioN2j19/Bcbe0d4mFXYZ3+wpE2KVobUVTfDutcD17xQ=="
+      "integrity": "sha512-q9K8BlJVxK7hQYqa6XISGmBZbtQQWVXSrRrWreHC94rMt1QL/Impruc+7p2CYSYuVIUr+YCt6hjrs1kkdJRTug=="
     },
     "des.js": {
       "version": "1.0.1",
@@ -11910,13 +11910,28 @@
       "dev": true
     },
     "use-deep-compare-effect": {
-      "version": "1.3.1",
+      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/use-deep-compare-effect/-/use-deep-compare-effect-1.3.1.tgz",
+      "resolved": "https://registry.npmjs.org/use-deep-compare-effect/-/use-deep-compare-effect-1.4.0.tgz",
-      "integrity": "sha512-ejL+Al+aeDyC9Sywx56ti4PtSwkf6BH27tEptMWF2cfO41/auG0nRRsArh6Vv5bUyBe3z7IyxmgQCK5nas70hg==",
+      "integrity": "sha512-46rF7ULcRnxI4+1Zoul95+KB48hpn1MUH1aXEBMyU+Sh1KJDqrTAkwhnxQL6ydBAqu3gLebYylcr0zpVBzbxxQ==",
       "requires": {
-        "@babel/runtime": "^7.7.2",
+        "@babel/runtime": "^7.11.2",
         "@types/use-deep-compare-effect": "^1.2.0",
-        "dequal": "^1.0.0"
+        "dequal": "^2.0.2"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.11.2",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.11.2.tgz",
+          "integrity": "sha512-TeWkU52so0mPtDcaCTxNBI/IHiz0pZgr8VEFqXFtZWpYD08ZB6FaSwVAS8MKRQAP3bYKiVjwysOJgMFY28o6Tw==",
+          "requires": {
+            "regenerator-runtime": "^0.13.4"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.7",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
+          "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew=="
+        }
       }
     },
     "util": {

package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "appuntiweb",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "license": "AGPL-3.0-or-later",
   "scripts": {
     "start": "preact watch --template src/template.html",
@@ -21,7 +21,7 @@
     "@fortawesome/react-fontawesome": "^0.1.11",
     "@sentry/browser": "^5.19.0",
     "@sentry/integrations": "^5.19.0",
-    "bluelib": "^0.15.1",
+    "bluelib": "0.15.2",
     "chart.js": "^2.9.3",
     "css-loader": "^3.6.0",
     "file-loader": "^5.1.0",

src/components/Link.js

@@ -1,7 +1,7 @@
 import ErrorAbbr from './ErrorAbbr';
 import {
     faDiscord,
-	faGithub,
+    faGithub, faGoogleDrive,
     faRedditAlien,
     faSteam,
     faTelegram,
@@ -10,7 +10,14 @@ import {
     faWikipediaW,
     faYoutube
 } from '@fortawesome/free-brands-svg-icons';
-import {faExternalLinkAlt, faLockOpen, faMagnet, faMugHot, faQuestion} from '@fortawesome/free-solid-svg-icons';
+import {
+    faEnvelope,
+    faExternalLinkAlt,
+    faLockOpen,
+    faMagnet,
+    faMugHot,
+    faQuestion
+} from '@fortawesome/free-solid-svg-icons';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {BaseLink} from 'bluelib';
 
@@ -43,6 +50,8 @@ const icons = Object.freeze({
     "discord.com": faDiscord,
 
     "ko-fi.com": faMugHot,
+
+    "drive.google.com": faGoogleDrive,
 });
 
 export default function (props) {
@@ -65,6 +74,8 @@ export default function (props) {
             iconObj = null;
         } else if (url.protocol === "http:") {
             iconObj = faLockOpen;
+        } else if (url.protocol === "mailto:") {
+            iconObj = faEnvelope;
         } else if (url.protocol === "https:") {
             iconObj = icons[url.host];
             if (iconObj === undefined) {

src/components/MenuList.js

@@ -0,0 +1,9 @@
+import style from "./MenuList.less";
+
+export default function(props) {
+    return (
+        <ul class={style.menulist}>
+            {props.children}
+        </ul>
+    )
+}

src/components/MenuList.less

@@ -0,0 +1,7 @@
+.menulist {
+    font-size: large;
+
+    small {
+        font-size: small;
+    }
+}

src/index.js

@@ -1,3 +1,5 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+
 let Sentry = null;
 if (process.env.NODE_ENV === "development") {
 	console.debug("Initializing Preact Debugger...")
@@ -29,7 +31,7 @@ import './meta/favicon.ico';
 
 import Router from 'preact-router';
 import {createHashHistory} from "history";
-import {BasicContainer, Bluelib, BoxColors, CurrentPage, LatexRenderColor, Panel} from "bluelib";
+import {BasicContainer, Bluelib, BoxColors, CurrentPage, LatexRenderColor, Panel, Todo} from "bluelib";
 import Home from './routes/Home';
 import Fisica from './routes/Fisica';
 import VlDiGeometria from './routes/VlDiGeometria';
@@ -45,6 +47,7 @@ import AlgoritmiEStruttureDati from "./routes/AlgoritmiEStruttureDati";
 import {useState} from "preact/hooks";
 import Link from "./components/Link";
 import RipassoDiAlgebraLineare from "./routes/RipassoDiAlgebraLineare";
+import {faPrint} from "@fortawesome/free-solid-svg-icons";
 
 // noinspection JSUnusedGlobalSymbols
 export default function (props) {
@@ -53,30 +56,15 @@ export default function (props) {
         setCurrentPage(event.url);
     };
 
-    let [latexColor, _setLatexColor] = useState("White");
+    let [latexColor, setLatexColor] = useState("White");
-
-    function setLatexColor(color) {
-        return function () {
-            _setLatexColor(color);
-        }
-    }
 
     function stampa() {
-        return function () {
+        setLatexColor("Black");
         print();
-        }
+        setLatexColor("White");
     }
 
-    return (
+    /*
-        <CurrentPage.Provider value={currentPage}>
-            <LatexRenderColor.Provider value={latexColor}>
-
-                <Bluelib>
-                    <h1>
-                        <Link href={"/"} icon={false}>Appuntiweb</Link> di <Link
-                        href={"https://steffo.eu"}>Steffo</Link>
-                    </h1>
-                    <BasicContainer>
     <Panel color={BoxColors.LIME} title={"NOVITÀ: Stampa pagina"}>
         <ul>
             <li>
@@ -89,6 +77,22 @@ export default function (props) {
             </li>
         </ul>
     </Panel>
+     */
+
+    return (
+        <CurrentPage.Provider value={currentPage}>
+            <LatexRenderColor.Provider value={latexColor}>
+
+                <Bluelib>
+                    <h1>
+                        <Link href={"/"} icon={false}>Appuntiweb</Link> di <Link
+                        href={"https://steffo.eu"}>Steffo</Link>
+                    </h1>
+                    <Panel>
+                        <button onClick={stampa}><FontAwesomeIcon icon={faPrint}/> Stampa</button>
+                        <Todo>TODO: Non funziona ancora come dovrebbe.</Todo>
+                    </Panel>
+                    <BasicContainer>
                         <Router history={createHashHistory()} onChange={onPageChange}>
                             <Home path="/"/>
                             <Fisica path="/fisica"/>

src/routes/BasiDiDati.js

@@ -7,21 +7,12 @@ export default function (props) {
     return (
         <div>
             <h1>Basi di dati</h1>
-            <Section title={"Informazioni"}>
+            <Section title={"Esame"}>
                 <Panel title={"Contatti"}>
                     <ul>
                         <li><a href={"mailto:riccardo.martoglia@unimo.it"}>Prof. Riccardo Martoglia</a></li>
                     </ul>
                 </Panel>
-                <Panel title={"Archivio"}>
-                    <p>
-                        Se sei uno <b>studente dell'Unimore</b>, puoi accedere all'<b><a
-                        href={"https://drive.google.com/drive/folders/1q3bOf9czDXq7Bd5-kwdICuz-9Nx1zVp_"}>archivio del
-                        corso su Google Drive</a></b>.
-                    </p>
-                </Panel>
-            </Section>
-            <Section title={"Esame"}>
                 <Panel title={"Scritto"}>
                     <p>
                         Uno scritto con tre domande:

src/routes/CalcoloNumerico.js

@@ -1,5 +1,7 @@
-import {ILatex, Panel, PLatex, Section, Timer} from "bluelib";
+import {ILatex, Panel, PLatex, Section, Timer, Todo} from "bluelib";
 import Example from "../components/Example";
+import Link from "../components/Link";
+import MenuList from "../components/MenuList";
 
 const r = String.raw;
 
@@ -8,27 +10,12 @@ export default function (props) {
     return (
         <div>
             <h1>Calcolo Numerico</h1>
-            <Section title={"Informazioni"}>
+            <Section title={"Esame"}>
                 <Panel title={"Contatti"}>
                     <ul>
-                        <li><a href={"mailto:silvia.bonettini@unimore.it"}>Prof.ssa Silvia Bonettini</a></li>
+                        <li><Link href={"mailto:silvia.bonettini@unimore.it"}>Prof.ssa Silvia Bonettini</Link></li>
                     </ul>
                 </Panel>
-                <Panel title={"Archivio"}>
-                    <p>
-                        Se sei uno <b>studente dell'Unimore</b>, puoi accedere all'<b><a
-                        href={"https://drive.google.com/drive/folders/1gqY-QIe4UeOSHpcho0R-Nvh2IRAlTFmf"}>archivio del
-                        corso su Google Drive</a>.</b>.
-                    </p>
-                </Panel>
-                <Panel title={"Prerequisiti"}>
-                    <p>
-                        <a href={"/ripassodialgebralineare"}>Prima di studiare Calcolo Numerico, guardati i prerequisiti
-                            di Algebra Lineare!</a>
-                    </p>
-                </Panel>
-            </Section>
-            <Section title={"Esame"}>
                 <Panel title={"Orale"}>
                     <p>
                         E' composto da:
@@ -38,16 +25,29 @@ export default function (props) {
                         <li>1 domanda di implementazione algoritmo in MATLAB</li>
                     </ul>
                 </Panel>
-                <Panel title={"Appelli"}>
+                <Panel title={"Prossimi appelli"}>
                     <ol>
                         <li><Timer to={"2020-08-31 09:00"}/></li>
+                        <li><Timer to={"2020-09-14 09:00"}/></li>
                     </ol>
                 </Panel>
             </Section>
+            <Section title={"Informazioni"}>
+                <Panel title={"Ripasso di Algebra Lineare"}>
+                    <p>
+                        Prima di iniziare a studiare Calcolo Numerico, potrebbe essere una buona idea ripassare un pochino Algebra Lineare:
+                    </p>
+                    <MenuList>
+                        <li>
+                            <a href={"/calcolonumerico/ripassodialgebralineare"}>Ripasso di Algebra Lineare</a> <small>(per studenti sperduti di Calcolo Numerico)</small>
+                        </li>
+                    </MenuList>
+                </Panel>
+            </Section>
             <Section title={"Algoritmi"}>
                 <Panel title={"Algoritmi numerici"}>
                     <p>
-                        Algoritmi che hanno:
+                        Particolari algoritmi che hanno:
                     </p>
                     <ul>
                         <li>numeri reali in input e output</li>
@@ -114,7 +114,7 @@ export default function (props) {
             <Section>
                 <Panel title={"Precisione di macchina"}>
                     <p>
-                        L'errore relativo di un numero reale rappresentato in virgola mobile è minore o uguale alla <i>precisione
+                        Un numero reale rappresentato in <b>virgola mobile</b> ha un <b>errore relativo</b> minore o uguale alla <i>precisione
                         di macchina</i>:
                     </p>
                     <p>
@@ -163,11 +163,11 @@ export default function (props) {
                 </Panel>
                 <Panel title={"Caratteristiche delle operazioni di macchina"}>
                     <ul>
-                        <li>Hanno più di un elemento neutro.</li>
+                        <li>Hanno <b>più elementi neutri</b>.</li>
-                        <li>Un numero ha più opposti.</li>
+                        <li>Un numero ha <b>più opposti</b>.</li>
-                        <li>Non sono associative.</li>
+                        <li><b>Non</b> sono associative.</li>
-                        <li>Non sono distributive.</li>
+                        <li><b>Non</b> sono distributive.</li>
-                        <li>Non vale la legge di annullamento del prodotto.</li>
+                        <li><b>Non</b> vale la legge di annullamento del prodotto.</li>
                     </ul>
                 </Panel>
             </Section>
@@ -177,7 +177,7 @@ export default function (props) {
                         Errore derivato da underflow sui <b>dati</b>.
                     </p>
                     <p>
-                        Si indica con <ILatex>{r`\epsilon_{variabile}`}</ILatex>.
+                        Si indica con <ILatex>{r`\epsilon_{nome\_var}`}</ILatex>.
                     </p>
                     <Example>
                         L'errore sulla variabile <ILatex>x</ILatex> si indica con <ILatex>{r`\epsilon_{x}`}</ILatex>.
@@ -188,7 +188,7 @@ export default function (props) {
                         Errore derivato da underflow durante l'<b>esecuzione dell'algoritmo</b>.
                     </p>
                     <p>
-                        Si indica con <ILatex>{r`\epsilon_{passo}`}</ILatex>.
+                        Si indica con <ILatex>{r`\epsilon_{num\_passo}`}</ILatex>.
                     </p>
                     <Example>
                         L'errore al primo passo dell'algoritmo si indica con <ILatex>{r`\epsilon_{1}`}</ILatex>.
@@ -245,79 +245,112 @@ export default function (props) {
                     </p>
                 </Panel>
             </Section>
-
+            <Section title={"Problema: Risoluzione di sistemi lineari"}>
-            <Section>
+                <Panel title={"Descrizione"}>
-                <Panel title={"Norma matriciale indotta"}>
+                    <Todo>TODO</Todo>
-                    <p>
-                        Funzione che associa un valore positivo a ogni matrice diversa da 0, e 0 alla matrice zero.
-                    </p>
-                    <p>
-                        Si ricavano dalle norme vettoriali:
-                    </p>
-                    <p>
-                        <ILatex>{r`\Vert A \Vert = sup_{x \in \mathbb{R}, x \neq 0} \frac{\Vert A \cdot x \Vert}{\Vert x \Vert}`}</ILatex>
-                    </p>
-                    <Example>
-                        <ILatex>sup</ILatex> è l'estremo superiore di un insieme. E' molto simile al massimo: ricordi le
-                        prime lezioni di Analisi?
-                    </Example>
                 </Panel>
-                <Panel title={"Norma a infinito"}>
-                    <p>
-                        Massimo delle somme dei valori assoluti di tutti gli elementi di ogni riga di una matrice.
-                    </p>
-                    <p>
-                        <ILatex>{r`\Vert A \Vert_\infty = max_{i = 1..n} \sum_{j = 1}^n | a_{ij} |`}</ILatex>
-                    </p>
-                </Panel>
-                <Panel title={"Norma a 1"}>
-                    <p>
-                        Massimo delle somme dei valori assoluti di tutti gli elementi di ogni colonna di una matrice.
-                    </p>
-                    <p>
-                        <ILatex>{r`\Vert A \Vert_1 = max_{j = 1..n} \sum_{i = 1}^n | a_{ij} |`}</ILatex>
-                    </p>
-                </Panel>
-                <Panel title={"Norma a 2"}>
-                    <p>
-                        Radice quadrata del rango del prodotto tra una matrice e la sua trasposta.
-                    </p>
-                    <p>
-                        <ILatex>{r`\Vert A \Vert_2 = \sqrt{\rho ( A^T \times A ) }`}</ILatex>
-                    </p>
-                </Panel>
-            </Section>
-            <Section title={"Sistemi lineari"}>
                 <Panel title={"Condizionamento"}>
-
+                    <p>
+                        Il condizionamento della risoluzione di sistemi lineari è:
+                    </p>
                     <PLatex>{r`\frac{{\color{yellow} \|A\| \cdot \|A^{-1}\|} \cdot \| \Delta b \|}{\| b \|}`}</PLatex>
                     <p>
-                        In particolare, le <b>numero di condizionamento</b>:
+                        In particolare, è segnato in giallo nella formula il <b>numero di condizionamento</b>:
                     </p>
                     <PLatex>
-                        {r`k(A) = `}
+                        {r`k(A) = \| A \| \cdot \| A^{-1} \|`}
                     </PLatex>
                 </Panel>
             </Section>
-            <Section title={"Fattorizzazione"}>
+            <Section>
-                <Panel title={"Cos'è?"}>
+                <Panel title={"Metodi diretti"}>
                     <p>
-                        La fattorizzazione è il processo che permette di risolvere sistemi di equazioni lineari
+                        Metodi che trovano la soluzione esatta<abbr title={"Per quanto possibile nell'algebra di macchina."}>*</abbr> di un sistema lineare.
-                        rappresentati in forma di matrice.
                     </p>
                     <p>
-                        Esistono molteplici algoritmi in grado di realizzarla: mentre tutti portano alla stessa
+                        Tipicamente prevedono la <b>fattorizzazione</b> della matrice dei coefficienti in due sottomatrici più facili da risolvere.
-                        soluzione, possono avere <b>velocità</b> e <b>indici algoritmici</b> diversi.
                     </p>
                     <p>
-                        Il sistema lineare da risolvere viene diviso in due parti: la <i>matrice dei coefficienti</i> e
+                        Generalmente hanno una complessità temporale <ILatex>{r`O(n^3)`}</ILatex>.
-                        il <i>vettore termine noto</i>.
                     </p>
                 </Panel>
-                <Panel title={"Teorema di Rouché-Capélli"}>
+                <Panel title={"Metodi iterativi"}>
                     <p>
-
+                        Metodi che trovano una soluzione imperfetta<abbr title={"Che però può essere la migliore ottenibile, considerando la precisione di macchina."}>*</abbr> di un sistema lineare.
                     </p>
+                    <p>
+                        Tipicamente prevedono l'applicazione ripetuta di un <b>metodo</b>, in base al quale cambia la <b>velocità di convergenza</b> alla soluzione.
+                    </p>
+                    <p>
+                        Generalmente hanno una complessità temporale <ILatex>{r`O(n^2)`}</ILatex>.
+                    </p>
+                </Panel>
+            </Section>
+            <Section title={"Metodi diretti"}>
+                <Panel title={"Matrice diagonale"}>
+                    <Todo>TODO</Todo>
+                </Panel>
+                <Panel title={"Matrice triangolare"}>
+                    <Todo>TODO</Todo>
+                </Panel>
+            </Section>
+            <Section>
+                <Panel title={<span>Fattorizzazione <ILatex>{r`LU`}</ILatex></span>}>
+                    <Todo>TODO</Todo>
+                </Panel>
+                <Panel title={<span>Fattorizzazione <ILatex>{r`LU`}</ILatex> con pivoting</span>}>
+                    <Todo>TODO</Todo>
+                </Panel>
+                <Panel title={<span>Fattorizzazione <ILatex>{r`LDL^{-1}`}</ILatex></span>}>
+                    <Todo>TODO</Todo>
+                </Panel>
+                <Panel title={<span>Fattorizzazione <ILatex>{r`\mathcal{L} \mathcal{L}^{-1}`}</ILatex></span>}>
+                    <Todo>TODO</Todo>
+                </Panel>
+            </Section>
+            <Section>
+                <Panel title={<span>Fattorizzazione <ILatex>{r`QR`}</ILatex></span>}>
+                    <Todo>TODO</Todo>
+                </Panel>
+            </Section>
+            <Section title={"Metodi iterativi"}>
+                <Panel title={"Metodo di Jacobi"}>
+                    <Todo>TODO</Todo>
+                </Panel>
+                <Panel title={"Metodo di Gauss-Seidel"}>
+                    <Todo>TODO</Todo>
+                </Panel>
+            </Section>
+            <Section title={"Problema: Ricerca degli zeri di funzione"}>
+                <Panel title={"Descrizione"}>
+                    <Todo>TODO</Todo>
+                </Panel>
+                <Panel title={"Condizionamento"}>
+                    <Todo>TODO</Todo>
+                </Panel>
+            </Section>
+            <Section>
+                <Panel title={"Metodi dicotomici"}>
+                    <Todo>TODO</Todo>
+                </Panel>
+                <Panel title={"Metodo delle approssimazioni successive"}>
+                    <Todo>TODO</Todo>
+                </Panel>
+            </Section>
+            <Section title={"Metodi dicotomici"}>
+                <Panel title={"Metodo di bisezione"}>
+                    <Todo>TODO</Todo>
+                </Panel>
+                <Panel title={"Metodo regula falsi"}>
+                    <Todo>TODO</Todo>
+                </Panel>
+            </Section>
+            <Section title={"Metodo delle approssimazioni successive"}>
+                <Panel title={"Metodo generale"}>
+                    <Todo>TODO</Todo>
+                </Panel>
+                <Panel title={"Metodo di Newton"}>
+                    <Todo>TODO</Todo>
                 </Panel>
             </Section>
         </div>

src/routes/Home.js

@@ -1,147 +1,61 @@
-import {BaseLink, Panel, Section, Todo} from "bluelib";
+import {BaseLink, Panel, Section, Split, Todo} from "bluelib";
 import Link from "../components/Link";
+import MenuList from "../components/MenuList";
 
 
 export default function (props) {
     return (
         <div>
-            <Section title="Argomenti in corso">
+            <Section>
-                <Panel title={<Link href="/calcolonumerico">Calcolo Numerico</Link>}>
+                <Panel title={"Benvenuto!"}>
                     <p>
-                        Appunti scritti mentre studiavo per l'esame di Calcolo Numerico del <BaseLink
+                        Ciao! Benvenuto ad <b>Appuntiweb</b>, il sito dove carico tutto il materiale che uso per studiare!
-                        href="https://www.unimore.it/didattica/mlaurea.html?ID=54">corso triennale di
-                        Informatica</BaseLink> all'<BaseLink href="https://www.unimore.it/">Unimore</BaseLink>.
                     </p>
-                </Panel>
-                <Panel title={<Link href="/ottimizzazionelineare">Ottimizzazione lineare intera</Link>}>
                     <p>
-                        Appunti scritti mentre studiavo per l'esame di Ottimizzazione lineare intera del <BaseLink
+                        Se trovi un errore negli appunti o un bug del sito, <a href={"https://github.com/Steffo99/uni.steffo.eu/issues/new"}>segnalamelo su GitHub</a> :)
-                        href="https://www.unimore.it/didattica/mlaurea.html?ID=54">corso triennale di
-                        Informatica</BaseLink> all'<BaseLink href="https://www.unimore.it/">Unimore</BaseLink>.
                     </p>
                 </Panel>
             </Section>
-            <Section title="Archiviati">
+            <Section title={"Appunti"}>
-                <Panel title={<Link href="/basididati">Basi di dati</Link>}>
+                <Panel title={"Esami che sto preparando"}>
                     <p>
-                        Appunti scritti mentre studiavo per l'esame di Basi di dati del <BaseLink
+                        Devo ancora dare questi esami, quindi queste pagine potrebbero essere incomplete o errate. Usate a vostro rischio e pericolo!
-                        href="https://www.unimore.it/didattica/mlaurea.html?ID=54">corso triennale di
-                        Informatica</BaseLink> all'<BaseLink href="https://www.unimore.it/">Unimore</BaseLink>.
                     </p>
+                    <MenuList>
+                        <li><BaseLink href={"/calcolonumerico"}>Calcolo Numerico</BaseLink></li>
+                        <li><BaseLink href={"/ottimizzazionelineare"}>Ottimizzazione lineare intera</BaseLink></li>
+                    </MenuList>
                 </Panel>
-                <Panel title={<Link href="/apprendimento">Apprendimento ed evoluzione in sistemi artificiali</Link>}>
+                <Panel title={"Esami che ho già dato"}>
                     <p>
-                        Appunti scritti mentre studiavo per l'esame di Apprendimento ed evoluzione in sistemi
+                        Ho passato questi esami, quindi probabilmente questi appunti sono giusti :)
-                        artificiali del <BaseLink href="https://www.unimore.it/didattica/mlaurea.html?ID=54">corso
-                        triennale di Informatica</BaseLink> all'<BaseLink
-                        href="https://www.unimore.it/">Unimore</BaseLink>.
-                    </p>
-                </Panel>
-                <Panel title={<Link href="/statistica">Statistica ed elementi di probabilità</Link>}>
-                    <p>
-                        Appunti scritti mentre studiavo per l'esame di <BaseLink
-                        href={"http://personale.unimore.it/rubrica/contenutiad/llarocca/2019/58028/N0/N0/9999"}>Statistica
-                        ed elementi di probabilità</BaseLink> del <BaseLink
-                        href="https://www.unimore.it/didattica/mlaurea.html?ID=54">corso triennale di
-                        Informatica</BaseLink> all'<BaseLink href="https://www.unimore.it/">Unimore</BaseLink> del
-                        Prof. <BaseLink href={"http://personale.unimore.it/rubrica/dettaglio/llarocca"}>Luca La
-                        Rocca</BaseLink>.
-                    </p>
-                </Panel>
-                <Panel title={<Link href="https://github.com/Steffo99/cleaver">Cleaver</Link>}>
-                    <p>
-                        Progetto in Java sviluppato per l'esame di <BaseLink
-                        href="http://personale.unimore.it/rubrica/contenutiad/gcabri/2019/58026/N0/N0/9999">Programmazione
-                        ad Oggetti</BaseLink> del <BaseLink href="https://www.unimore.it/didattica/mlaurea.html?ID=54">corso
-                        triennale di Informatica</BaseLink> all'<BaseLink
-                        href="https://www.unimore.it/">Unimore</BaseLink>, tenuto dai Prof. <BaseLink
-                        href="http://personale.unimore.it/rubrica/dettaglio/gcabri">Giacomo Cabri</BaseLink> e <BaseLink
-                        href="http://personale.unimore.it/Rubrica/Dettaglio/n.capodieci">Nicola Capodieci</BaseLink>.
-                    </p>
-                </Panel>
-                <Panel title={<Link href="/fisica">Fisica</Link>}>
-                    <p>
-                        Appunti delle <BaseLink
-                        href="http://personale.unimore.it/rubrica/contenutiad/brunetti/2019/58025/N0/N0/9999">lezioni di
-                        Fisica</BaseLink> del <BaseLink href="https://www.unimore.it/didattica/mlaurea.html?ID=54">corso
-                        triennale di Informatica</BaseLink> all'<BaseLink
-                        href="https://www.unimore.it/">Unimore</BaseLink>, tenute dalla <BaseLink
-                        href="https://personale.unimore.it/rubrica/dettaglio/brunetti">Prof.ssa Rossella
-                        Brunetti</BaseLink> nel primo semestre dell'Anno Accademico 2019/2020.
-                    </p>
-                </Panel>
-                <Panel title={<Link
-                    href="https://github.com/Steffo99/appunti-universitari/tree/master/2019_SistemiOperativi/Arzigogoli">Sistemi
-                    Operativi</Link>}>
-                    <p>
-                        Soluzioni agli <BaseLink
-                        href="https://weblab.ing.unimore.it/people/andreolini/didattica/sistemi-operativi/index.html#arzigogoli">Arzigogoli</BaseLink> proposti
-                        dal <BaseLink href="https://personale.unimore.it/rubrica/dettaglio/andreolini">Prof. Mauro
-                        Andreolini</BaseLink> durante le <BaseLink
-                        href="https://personale.unimore.it/rubrica/contenutiad/andreolini/2019/58027/N0/N0/9999">lezioni
-                        di Sistemi Operativi</BaseLink> del <BaseLink
-                        href="https://www.unimore.it/didattica/mlaurea.html?ID=54">corso triennale di
-                        Informatica</BaseLink> all'<BaseLink href="https://www.unimore.it/">Unimore</BaseLink> tenutesi
-                        nel primo semestre dell'Anno Accademico 2019/2020.
-                    </p>
-                </Panel>
-                <Panel title={<Link href="/algoritmiestrutturedati">Algoritmi e Strutture Dati</Link>}>
-                    <p>
-                        Appunti delle <BaseLink
-                        href="https://personale.unimore.it/rubrica/contenutiad/mmontangero/2018/58133/N0/N0/9999">lezioni
-                        di Algoritmi e Strutture Dati</BaseLink> del <BaseLink
-                        href="https://www.unimore.it/didattica/mlaurea.html?ID=54">corso triennale di
-                        Informatica</BaseLink> all'<BaseLink href="https://www.unimore.it/">Unimore</BaseLink>, tenute
-                        dalla <BaseLink href="https://personale.unimore.it/rubrica/dettaglio/mmontangero">Prof.ssa
-                        Manuela Montangero</BaseLink> nel secondo semestre dell'Anno Accademico 2018/2019.
-                    </p>
-                    <p>
-                        <Todo>TODO: finisci di migrare da GitHub!</Todo>
-                    </p>
-                </Panel>
-                <Panel title={<Link href="/vldigeometria">Videolezioni di Geometria</Link>}>
-                    <p>
-                        Ottime videolezioni di Geometria con licenza <BaseLink
-                        href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</BaseLink> che ho
-                        trovato sul <BaseLink href="https://dolly.fim.unimore.it/2018/course/view.php?id=14#section-0">portale
-                        Dolly 2018</BaseLink> dell'<BaseLink href="https://www.unimore.it/">Unimore</BaseLink>.
-                    </p>
-                </Panel>
-                <Panel title={<Link href="/mingwinstall">Come installare MinGW</Link>}>
-                    <p>
-                        Un breve tutorial con immagini su come installare e configurare <BaseLink
-                        href="https://it.wikipedia.org/wiki/MinGW">MinGW</BaseLink> per compilare programmi C e C++ su
-                        Windows.
                     </p>
+                    <MenuList>
+                        <li><BaseLink href={"/basididati"}>Basi di dati</BaseLink> <small style={"font-size: small;"}>(non c'è molto, avendo già fatto gli stessi argomenti alle superiori non ho avuto bisogno di studiare)</small></li>
+                        <li><BaseLink href={"/apprendimento"}>Apprendimento ed evoluzione in sistemi artificiali</BaseLink></li>
+                        <li><BaseLink href={"/statistica"}>Statistica ed elementi di probabilità</BaseLink></li>
+                        <li><Link href={"https://github.com/Steffo99/cleaver"}>Progetto Java per Programmazione a Oggetti</Link></li>
+                        <li><BaseLink href={"/fisica"}>Fisica</BaseLink></li>
+                        <li><BaseLink href={"https://github.com/Steffo99/appunti-universitari/tree/master/2019_SistemiOperativi/Arzigogoli"}>Arzigogoli di Sistemi Operativi</BaseLink></li>
+                        <li><BaseLink href={"/algoritmiestrutturedati"}>Algoritmi e Strutture Dati</BaseLink> <small style={"font-size: small;"}>(appunti importati dalla vecchia piattaforma; le formule non si vedono più purtroppo)</small></li>
+                    </MenuList>
                 </Panel>
             </Section>
-            <Section title="Collegamenti utili">
+            <Section>
-                <Panel title={<Link href="https://github.com/topics/unimore-informatica">unimore-informatica</Link>}>
+                <Panel title={"Altri appunti"}>
-                    <p>
+                    <MenuList>
-                        Un topic di GitHub che raccoglie tutti i repository realizzati dagli studenti di Informatica
+                        <li><a href={"/calcolonumerico/ripassodialgebralineare"}>Ripasso di Algebra Lineare</a> <small>(per studenti sperduti di Calcolo Numerico)</small></li>
-                        dell'Unimore.
+                        <li><BaseLink href={"/mingwinstall"}>Come installare MinGW</BaseLink> <small>(per studenti sperduti di Programmazione 2)</small></li>
-                    </p>
+                        <li><BaseLink href={"/vldigeometria"}>Videolezioni di Geometria</BaseLink> <small>(per studenti sperduti di Algebra Lineare)</small></li>
+                    </MenuList>
                 </Panel>
-                <Panel title={<Link href="https://t.me/unimoreinfo">Unimore Informatica</Link>}>
+                <Panel title={"Collegamenti utili"}>
-                    <p>
+                    <MenuList>
-                        Il gruppo <BaseLink href="https://telegram.org/">Telegram</BaseLink> del corso di Informatica
+                        <li><Link href={"https://erre2.fermitech.info/dashboard"}>Erre2</Link></li>
-                        dell'Unimore!
+                        <li><small>Tag GitHub: </small><Link href={"https://github.com/topics/unimore-informatica"}>unimore-informatica</Link></li>
-                    </p>
+                        <li><small>Network Telegram: </small><Link href={"https://t.me/unimoreinfo"}>Unimore Informatica</Link></li>
-                </Panel>
+                        <li><small>Solo studenti Unimore: </small><Link href={"https://drive.google.com/drive/folders/1gqY-QIe4UeOSHpcho0R-Nvh2IRAlTFmf"}>Archivio Lezioni</Link></li>
-                <Panel title={<Link
+                    </MenuList>
-                    href="https://calendar.google.com/calendar?cid=MmYza2o2M3VuZWQ1cmZqaGpmOGY0MWFrNmdAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ">Calendario
-                    Lezioni</Link>}>
-                    <p>
-                        Calendario Google <small>quasi</small> sempre aggiornato delle lezioni e degli esami del secondo
-                        anno dell'<BaseLink href="https://www.unimore.it/">Unimore</BaseLink> durante l'Anno Accademico
-                        2019/2020.
-                    </p>
-                </Panel>
-                <Panel title={<Link href="http://erre2.fermitech.info/dashboard">Erre2</Link>}>
-                    <p>
-                        Portale contenente appunti e riassunti mantenuto da <BaseLink
-                        href="https://github.com/LBindustries">Lorenzo Balugani</BaseLink>.
-                    </p>
                 </Panel>
             </Section>
         </div>

src/routes/RipassoDiAlgebraLineare.js

@@ -7,7 +7,7 @@ const r = String.raw;
 export default function (params) {
     return (
         <div>
-            <h1>Ripasso di <a href={"/vldigeometria"}>Algebra Lineare</a> <small>per <a href={"/calcolonumerico"}>Calcolo
+            <h1>Ripasso di Algebra Lineare <small>per <a href={"/calcolonumerico"}>Calcolo
                 Numerico</a></small></h1>
             <Section title={"Matrici speciali"}>
                 <Panel title={"Matrice identità"}>
@@ -169,7 +169,7 @@ export default function (params) {
                     </Example>
                 </Panel>
             </Section>
-            <Section title={"Norme"}>
+            <Section title={"Norme vettoriali"}>
                 <Panel title={"Norma vettoriale"}>
                     <p>
                         Funzione che associa un valore positivo a ogni vettore diverso da 0, e 0 al vettore zero.
@@ -203,6 +203,49 @@ export default function (params) {
                         <ILatex>{r`\Vert x \Vert_2 = \sqrt{\sum_{i = 1}^n x_i^2}`}</ILatex>
                     </p>
                 </Panel>
+            </Section>
+            <Section title={"Norme matriciali"}>
+                <Panel title={"Norma matriciale indotta"}>
+                    <p>
+                        Funzione che associa un valore positivo a ogni matrice diversa da 0, e 0 alla matrice zero.
+                    </p>
+                    <p>
+                        Si ricavano dalle norme vettoriali:
+                    </p>
+                    <p>
+                        <ILatex>{r`\Vert A \Vert = sup_{x \in \mathbb{R}, x \neq 0} \frac{\Vert A \cdot x \Vert}{\Vert x \Vert}`}</ILatex>
+                    </p>
+                    <Example>
+                        <ILatex>sup</ILatex> è l'estremo superiore di un insieme. E' molto simile al massimo: ricordi le
+                        prime lezioni di Analisi?
+                    </Example>
+                </Panel>
+                <Panel title={"Norma a infinito"}>
+                    <p>
+                        Massimo delle somme dei valori assoluti di tutti gli elementi di ogni riga di una matrice.
+                    </p>
+                    <p>
+                        <ILatex>{r`\Vert A \Vert_\infty = max_{i = 1..n} \sum_{j = 1}^n | a_{ij} |`}</ILatex>
+                    </p>
+                </Panel>
+                <Panel title={"Norma a 1"}>
+                    <p>
+                        Massimo delle somme dei valori assoluti di tutti gli elementi di ogni colonna di una matrice.
+                    </p>
+                    <p>
+                        <ILatex>{r`\Vert A \Vert_1 = max_{j = 1..n} \sum_{i = 1}^n | a_{ij} |`}</ILatex>
+                    </p>
+                </Panel>
+                <Panel title={"Norma a 2"}>
+                    <p>
+                        Radice quadrata del rango del prodotto tra una matrice e la sua trasposta.
+                    </p>
+                    <p>
+                        <ILatex>{r`\Vert A \Vert_2 = \sqrt{\rho ( A^T \times A ) }`}</ILatex>
+                    </p>
+                </Panel>
+            </Section>
+            <Section title={"Errori"}>
                 <Panel title={"Errore relativo tra vettori e matrici"}>
                     <p>
                         Le norme sono usate per calcolare l'errore relativo tra due vettori o matrici: