{"version":3,"sources":["webpack:///./components/latex.css","webpack:///./components/panel.css","webpack:///./components/example.css","webpack:///./routes/calcoloNumerico.js","webpack:///./components/todo.js","webpack:///./components/timer.js","webpack:///./components/panel.js","webpack:///./components/example.js","webpack:///./components/timer.less","webpack:///./components/latex.js","webpack:///./components/split.js","webpack:///./components/todo.css","webpack:///./components/split.css"],"names":["module","exports","r","String","raw","CalcoloNumerico","render","title","href","Component","Todo","class","style","todo","this","props","children","Timer","state","Date","now","timer","componentDidMount","setInterval","setState","componentWillUnmount","clearInterval","dateTo","className","parts","milliseconds","seconds","minutes","hours","days","to","timeLeft","Math","floor","expired","unknown","count","text","remaining","Panel","getStyle","panel","undefined","id","Example","example","Latex","src","alt","latex","Split","Array","isArray","map","element","splitchild","split","splitparent"],"mappings":"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","file":"route-calcoloNumerico.chunk.5e3f8.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"latex\":\"latex__3Esv7\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"panel\":\"panel__1ubJw\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"example\":\"example__P0_NL\"};","import {Component} from 'preact'\nimport Split from \"../components/split\";\nimport Latex from \"../components/latex\";\nimport Panel from \"../components/panel\";\nimport Example from \"../components/example\";\nimport Todo from \"../components/todo\";\nimport Timer from \"../components/timer\";\n\nconst r = String.raw;\n\nexport default class CalcoloNumerico extends Component {\n    render() {\n        return (\n            <div>\n                <h1>Calcolo Numerico</h1>\n                <Split title={\"Contatti\"}>\n                    <Panel title={\"Email della prof.ssa\"}>\n                        <p>\n                            <a href={\"mailto:silvia.bonettini@unimore.it\"}>silvia.bonettini@unimore.it</a>\n                        </p>\n                    </Panel>\n                    <Panel title={\"Ricevimento\"}>\n                        <p>\n                            Su appuntamento.\n                        </p>\n                    </Panel>\n                </Split>\n                <Split title={\"Esame\"}>\n                    <Panel title={\"Orale\"}>\n                        <p>\n                            E' composto da:\n                        </p>\n                        <ul>\n                            <li>2 domande sugli argomenti teorici</li>\n                            <li>1 domanda di implementazione algoritmo in MATLAB <small>(facoltativa per i punteggi migliori del TBL)</small></li>\n                        </ul>\n                        <p>\n                            Prossimo appello:\n                            <Timer/>\n                        </p>\n                    </Panel>\n                </Split>\n                <Split title={\"Algoritmi\"}>\n                    <Panel title={\"Algoritmi numerici\"}>\n                        <p>\n                            Algoritmi che hanno:\n                        </p>\n                        <ul>\n                            <li>numeri reali in input e output</li>\n                            <li>successioni delle quattro operazioni aritmetiche fondamentali come passi</li>\n                        </ul>\n                    </Panel>\n                </Split>\n                <Split title={\"Errore di rappresentazione\"}>\n                    <Panel title={\"Errore di rappresentazione\"}>\n                        <p>\n                            Con i numeri floating point può capitare che un certo numero <Latex>{r`\\alpha`}</Latex> non sia rappresentato correttamente.\n                        </p>\n                        <p>\n                            In tal caso, il numero si indica con <Latex>{r`\\alpha^*`}</Latex>.\n                        </p>\n                    </Panel>\n                    <Panel title={\"Errore assoluto\"}>\n                        <p>\n                            È la differenza tra il numero desiderato e il numero rappresentato:\n                        </p>\n                        <p>\n                            <Latex>{r`E_a = \\left | \\alpha - \\alpha^* \\right |`}</Latex>\n                        </p>\n                        <Example>\n                            Vale sempre 0, tranne in caso di underflow o overflow.\n                        </Example>\n                    </Panel>\n                    <Panel title={\"Errore relativo\"}>\n                        <p>\n                            Indica quanto il numero rappresentato differisce dal numero desiderato:\n                        </p>\n                        <p>\n                            <Latex>{r`\\forall \\alpha \\neq 0, E_r = \\frac{E_a}{\\left | \\alpha \\right |}`}</Latex>\n                        </p>\n                    </Panel>\n                </Split>\n                <Split title={\"Floating point\"}>\n                    <Panel title={\"Precisione di macchina\"}>\n                        <p>\n                            L'errore relativo di un numero reale rappresentato in virgola mobile è minore o uguale alla <i>precisione di macchina</i>:\n                        </p>\n                        <p>\n                            <Latex>{r`E_r \\leq k \\cdot \\beta^{1-t}`}</Latex>\n                        </p>\n                        <ul>\n                            <li>\n                                <Latex>\\beta</Latex> è uguale alla base utilizzata (solitamente 2).\n                            </li>\n                            <li>\n                                <Latex>t</Latex> è uguale al numero di cifre della mantissa.\n                            </li>\n                            <li>\n                                <Latex>k</Latex> è uguale a <Latex>1</Latex> se il numero viene rappresentato per troncamento oppure a <Latex>{r`\\frac{1}{2}`}</Latex> se viene rappresentato per arrotondamento.\n                            </li>\n                        </ul>\n                    </Panel>\n                </Split>\n                <Split title={\"Operazioni di macchina\"}>\n                    <Panel title={\"Un nuovo insieme\"}>\n                        <p>\n                            L'insieme <Latex>F</Latex> è il sottoinsieme dei numeri reali rappresentabili in floating point dalla macchina che stiamo usando.\n                        </p>\n                        <p>\n                            Operazioni tra elementi di <Latex>F</Latex> producono risultati in <Latex>{r`\\mathbb{R}`}</Latex>, che però decaderanno nuovamente a elementi di <Latex>F</Latex>, perdendo informazioni.\n                        </p>\n                        <p>\n                            Il teorema della precisione di macchina si applica quindi anche ai risultati delle operazioni.\n                        </p>\n                    </Panel>\n                    <Panel title={\"Caratteristiche delle operazioni di macchina\"}>\n                        <ul>\n                            <li>Hanno più di un elemento neutro.</li>\n                            <li>Un numero ha più opposti.</li>\n                            <li>Non sono associative.</li>\n                            <li>Non sono distributive.</li>\n                            <li>Non vale la legge di annullamento del prodotto.</li>\n                        </ul>\n                    </Panel>\n                    <Panel title={\"La funzione fl\"}>\n                        <p>\n                            Indica che un valore è soggetto alla precisione di macchina:\n                        </p>\n                        <p>\n                            <Latex>{r`fl(x) = (x)(1 + \\epsilon_x)`}</Latex>\n                        </p>\n                    </Panel>\n                </Split>\n                <Split title={\"Errori nelle operazioni di macchina\"}>\n                    <Panel title={\"Errore inerente\"}>\n                        <p>\n                            Errore dipendente <b>solo dai dati</b>.\n                        </p>\n                        <p>\n                            <Todo>TODO: qual è la formula?</Todo>\n                        </p>\n                        <p>\n                            È l'errore che si presenterebbe se <Latex>{r`\\epsilon_1 = \\epsilon_2 = \\dots = 0`}</Latex>.\n                        </p>\n                    </Panel>\n                    <Panel title={\"Errore algoritmico\"}>\n                        <p>\n                            Errore dipendente <b>solo dalle operazioni effettuate</b>.\n                        </p>\n                        <p>\n                            <Todo>TODO: qual è la formula?</Todo>\n                        </p>\n                        <p>\n                            È l'errore che si presenterebbe se <Latex>{r`\\epsilon_x = \\epsilon_y = \\dots = 0`}</Latex>.\n                        </p>\n                    </Panel>\n                </Split>\n                <Split>\n                    <Panel title={\"Problema ben condizionato\"}>\n                        <p>\n                            Un problema poco sensibile all'<b>errore inerente</b>.\n                        </p>\n                        <Example>\n                            <Latex>{r`y = \\frac{1}{x}`}</Latex> è mal condizionato intorno allo 0 e ben condizionato lontano dallo 0.\n                        </Example>\n                    </Panel>\n                    <Panel title={\"Algoritmo stabile\"}>\n                        <p>\n                            Un algoritmo poco sensibile all'<b>errore algoritmico</b>.\n                        </p>\n                        <Example>\n                            <p>\n                                Cerchiamo un algoritmo che risolva <Latex>{r`2x = 4`}</Latex>.\n                            </p>\n                            <p>\n                                Calcolare prima <Latex>{r`t = fl \\left( \\frac{1}{4} \\right)`}</Latex> e poi <Latex>{r`x^* = fl ( 2 \\cdot t )`}</Latex> porta a una perdita di precisione.\n                            </p>\n                            <p>\n                                Calcolare direttamente <Latex>{r`x^* = fl \\left( \\frac{2}{4} \\right)`}</Latex> non ha alcuna perdita di precisione e rende l'algoritmo <b>più stabile</b> del precedente.\n                            </p>\n                        </Example>\n                    </Panel>\n                </Split>\n                <Split>\n                    <Panel title={\"Indice di condizionamento\"}>\n                        <p>\n                            È il coefficiente di proporzionalità tra i dati e l'<b>errore inerente</b>.\n                        </p>\n                        <p>\n                            Essendo sempre maggiore di uno, si può dire che sia un coefficiente di amplificazione.\n                        </p>\n                        <p>\n                            Minore è l'indice di condizionamento, meglio condizionato è un problema.\n                        </p>\n                    </Panel>\n                    <Panel title={\"Indice algoritmico\"}>\n                        <p>\n                            È il coefficiente di proporzionalità tra i dati e l'<b>errore algoritmico</b>.\n                        </p>\n                        <p>\n                            Essendo sempre maggiore di uno, si può dire che sia un coefficiente di amplificazione.\n                        </p>\n                    </Panel>\n                </Split>\n                <Split title={\"Le cose più difficili di Algebra Lineare\"}>\n                    <Panel title={\"Matrice singolare\"}>\n                        <p>\n                            Matrice con determinante 0.\n                        </p>\n                        <p>\n                            Le matrici singolari <b>non sono invertibili</b>.\n                        </p>\n                    </Panel>\n                </Split>\n                <Split title={\"Norme\"}>\n                    <Panel title={\"Norma vettoriale\"}>\n                        <p>\n                            Funzione che associa un valore positivo a ogni vettore diverso da 0, e 0 al vettore zero.\n                        </p>\n                        <Example>\n                            <a href={\"https://it.wikipedia.org/wiki/Norma_(matematica)#/media/File:Vector_norms.svg\"}>Esempi su Wikipedia</a>\n                        </Example>\n                    </Panel>\n                    <Panel title={\"Norma a infinito\"}>\n                        <p>\n                            Massimo dei valori assoluti di tutti gli elementi del vettore.\n                        </p>\n                        <p>\n                            <Latex>{r`\\Vert x \\Vert_\\infty = max_{i = 1..n} | x_i |`}</Latex>\n                        </p>\n                    </Panel>\n                    <Panel title={\"Norma a 1\"}>\n                        <p>\n                            Somma dei valori assoluti di tutti gli elementi del vettore.\n                        </p>\n                        <p>\n                            <Latex>{r`\\Vert x \\Vert_1 = \\sum_{i = 1}^n | x_i |`}</Latex>\n                        </p>\n                    </Panel>\n                    <Panel title={\"Norma a 2\"}>\n                        <p>\n                            Radice quadrata della somma dei quadrati di tutti gli elementi del vettore.\n                        </p>\n                        <p>\n                            <Latex>{r`\\Vert x \\Vert_2 = \\sqrt{\\sum_{i = 1}^n x_i^2}`}</Latex>\n                        </p>\n                    </Panel>\n                </Split>\n                <Split>\n                    <Panel title={\"Norma matriciale indotta\"}>\n                        <p>\n                            Funzione che associa un valore positivo a ogni matrice diversa da 0, e 0 alla matrice zero.\n                        </p>\n                        <p>\n                            Si ricavano dalle norme vettoriali:\n                        </p>\n                        <p>\n                            <Latex>{r`\\Vert A \\Vert = sup_{x \\in \\mathbb{R}, x \\neq 0} \\frac{\\Vert A \\cdot x \\Vert}{\\Vert x \\Vert}`}</Latex>\n                        </p>\n                        <Example>\n                            <Latex>sup</Latex> è l'estremo superiore di un insieme. E' molto simile al massimo: ricordi le prime lezioni di Analisi?\n                        </Example>\n                    </Panel>\n                    <Panel title={\"Norma a infinito\"}>\n                        <p>\n                            Massimo delle somme dei valori assoluti di tutti gli elementi di ogni riga di una matrice.\n                        </p>\n                        <p>\n                            <Latex>{r`\\Vert A \\Vert_\\infty = max_{i = 1..n} \\sum_{j = 1}^n | a_{ij} |`}</Latex>\n                        </p>\n                    </Panel>\n                    <Panel title={\"Norma a 1\"}>\n                        <p>\n                            Massimo delle somme dei valori assoluti di tutti gli elementi di ogni colonna di una matrice.\n                        </p>\n                        <p>\n                            <Latex>{r`\\Vert A \\Vert_1 = max_{j = 1..n} \\sum_{i = 1}^n | a_{ij} |`}</Latex>\n                        </p>\n                    </Panel>\n                    <Panel title={\"Norma a 2\"}>\n                        <p>\n                            Radice quadrata del rango del prodotto tra una matrice e la sua trasposta.\n                        </p>\n                        <p>\n                            <Latex>{r`\\Vert A \\Vert_2 = \\sqrt{\\rho ( A^T \\times A ) }`}</Latex>\n                        </p>\n                    </Panel>\n                </Split>\n                <Split>\n                    <Panel title={\"Errore relativo tra vettori e matrici\"}>\n                        <p>\n                            Le norme sono usate per calcolare l'errore relativo tra due vettori o matrici:\n                        </p>\n                        <p>\n                            <Latex>{r`\\frac{\\Vert x - y \\Vert}{\\Vert x \\Vert}`}</Latex>\n                        </p>\n                    </Panel>\n                </Split>\n                <Split title={\"Fattorizzazione\"}>\n                    <Panel title={\"Cos'è?\"}>\n                        <p>\n                            La fattorizzazione è il processo che permette di risolvere sistemi di equazioni lineari rappresentati in forma di matrice.\n                        </p>\n                        <p>\n                            Esistono molteplici algoritmi in grado di realizzarla: mentre tutti portano alla stessa soluzione, possono avere <b>velocità</b> e <b>indici algoritmici</b> diversi.\n                        </p>\n                        <p>\n                            Il sistema lineare da risolvere viene diviso in due parti: la <i>matrice dei coefficienti</i> e il <i>vettore termine noto</i>.\n                        </p>\n                    </Panel>\n                    <Panel title={\"Teorema di Rouché-Capélli\"}>\n                        <p>\n                            \n                        </p>\n                    </Panel>\n                </Split>\n            </div>\n        )\n    }\n}\n","import style from \"./todo.css\";\r\nimport { Component } from 'preact';\r\n\r\nexport default class Todo extends Component {\r\n\trender() {\r\n\t\treturn <span class={style.todo}>{this.props.children}</span>;\r\n\t}\r\n}\r\n","import {Component} from 'preact'\r\nimport style from \"./timer.less\"\r\n\r\n\r\nexport default class Timer extends Component {\r\n    constructor() {\r\n        super();\r\n        this.state = {\r\n            \"now\": Date.now()\r\n        };\r\n        this.timer = null;\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.timer = setInterval(() => {\r\n            this.setState({\"now\": Date.now()})\r\n        }, 1000)\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        if(this.timer !== null) {\r\n            clearInterval(this.timer)\r\n        }\r\n    }\r\n\r\n    render() {\r\n        let dateTo = \"Unknown date\";\r\n        let className = style.timer;\r\n\r\n        let parts = {\r\n            milliseconds: \"?\",\r\n            seconds: \"?\",\r\n            minutes: \"?\",\r\n            hours: \"?\",\r\n            days: \"?\",\r\n        };\r\n\r\n        if(this.props.to) {\r\n            dateTo = new Date(this.props.to);\r\n            let timeLeft = dateTo - this.state.now;\r\n\r\n            if(timeLeft > 0) {\r\n                parts = {\r\n                    milliseconds: timeLeft % 1000,\r\n                    seconds: Math.floor(timeLeft / 1000) % 60,\r\n                    minutes: Math.floor(timeLeft / 60000) % 60,\r\n                    hours: Math.floor(timeLeft / 3600000) % 24,\r\n                    days: Math.floor(timeLeft / 86400000),\r\n                };\r\n            }\r\n\r\n            else {\r\n                parts = {\r\n                    milliseconds: 0,\r\n                    seconds: 0,\r\n                    minutes: 0,\r\n                    hours: 0,\r\n                    days: 0,\r\n                };\r\n\r\n                className += \" \" + style.expired;\r\n            }\r\n        }\r\n        else {\r\n            className += \" \" + style.unknown;\r\n        }\r\n\r\n        return (\r\n            <div class={className} title={dateTo}>\r\n                <div class={style.days + \" \" + style.count}>\r\n                    {parts.days}\r\n                </div>\r\n                <div className={style.days + \" \" + style.text}>\r\n                    giorni\r\n                </div>\r\n                <div class={style.hours + \" \" + style.count}>\r\n                    {parts.hours}\r\n                </div>\r\n                <div className={style.hours + \" \" + style.text}>\r\n                    ore\r\n                </div>\r\n                <div class={style.minutes + \" \" + style.count}>\r\n                    {parts.minutes}\r\n                </div>\r\n                <div className={style.minutes + \" \" + style.text}>\r\n                    minuti\r\n                </div>\r\n                <div class={style.seconds + \" \" + style.count}>\r\n                    {parts.seconds}\r\n                </div>\r\n                <div class={style.seconds + \" \" + style.text}>\r\n                    secondi\r\n                </div>\r\n                <div class={style.remaining}>\r\n                    rimasti\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n","import style from \"./panel.css\";\nimport { Component } from 'preact';\n\nexport default class Panel extends Component {\n\tgetStyle() {\n\t\treturn style.panel;\n\t};\n\n\trender() {\n\t\tlet title = null;\n\t\tif(this.props.title !== undefined) {\n\t\t\ttitle = (<h3>{this.props.title}</h3>);\n\t\t}\n\n\t\treturn (\n\t\t\t<div class={this.getStyle()} id={this.props.id}>\n\t\t\t\t{title}\n\t\t\t\t{this.props.children}\n\t\t\t</div>\n\t\t);\n\t}\n}\n","import style from \"./example.css\";\nimport {Component} from \"preact\";\n\nexport default class Example extends Component {\n    render() {\n        return (\n            <blockquote class={style.example}>\n                {this.props.children}\n            </blockquote>\n        )\n    }\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"timer\":\"timer__23gHK\",\"days\":\"days__3ZzFX\",\"hours\":\"hours__3LtGw\",\"minutes\":\"minutes__1_j61\",\"seconds\":\"seconds__gE-gj\",\"count\":\"count__28Md8\",\"text\":\"text__2kIQZ\",\"remaining\":\"remaining__1HVwa\",\"unknown\":\"unknown__teMQN\",\"expired\":\"expired__3wewI\"};","import style from './latex.css';\nimport { Component } from 'preact';\n\nexport default class Latex extends Component {\n\trender() {\n\t\tlet equation = `{\\\\color{White} ${this.props.children} }`;\n\t\treturn (\n\t\t\t<img src={`https://latex.codecogs.com/svg.latex?${equation}`}\n\t\t\t\t alt={this.props.children}\n\t\t\t     title={this.props.children}\n\t\t\t     class={style.latex}\n\t\t\t/>);\n\t}\n}","import style from \"./split.css\";\nimport { Component } from 'preact';\n\nexport default class Split extends Component {\n\trender() {\n\t    let title = null;\n\t    if(this.props.title !== undefined) {\n            title = (<h2>{this.props.title}</h2>)\n        }\n\n        let children;\n        if(Array.isArray(this.props.children)) {\n            children = this.props.children.map(element => {\n                return (<div class={style.splitchild}>{element}</div>);\n            });\n        }\n        else {\n            children = <div class={style.splitchild}>{this.props.children}</div>;\n        }\n\t\treturn (\n\t        <div class={style.split}>\n                {title}\n                <div class={style.splitparent}>{children}</div>\n            </div>\n        );\n\t}\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"todo\":\"todo__1pOoN\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"split\":\"split__3qCWp\",\"splitparent\":\"splitparent__2xagg\",\"splitchild\":\"splitchild__3cEoc\"};"],"sourceRoot":""}