From 22f08cd07201eb77a457a1d28e2d9c0698078ae7 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Fri, 30 Sep 2022 10:56:07 +0200
Subject: [PATCH] `bigdata`: Lesson 3

---
 pages/year4/bigdata/index.tsx   |   5 +-
 pages/year4/bigdata/pratica.tsx | 131 ++++++++++++++++++++++++++++++++
 2 files changed, 135 insertions(+), 1 deletion(-)
 create mode 100644 pages/year4/bigdata/pratica.tsx

diff --git a/pages/year4/bigdata/index.tsx b/pages/year4/bigdata/index.tsx
index b8ea62c..6240375 100644
--- a/pages/year4/bigdata/index.tsx
+++ b/pages/year4/bigdata/index.tsx
@@ -42,7 +42,10 @@ const Page: NextPage = () => {
                         <Warn1024/>
                         <ListUnordered>
                             <ListUnordered.Item>
-                                <Link href="/year4/bigdata/teoria">Appunti di teoria</Link>
+                                <Link href="/year4/bigdata/teoria">Appunti di teoria (Mandreoli)</Link>
+                            </ListUnordered.Item>
+                            <ListUnordered.Item>
+                                <Link href="/year4/bigdata/pratica">Appunti di pratica (Martoglia)</Link>
                             </ListUnordered.Item>
                         </ListUnordered>
                     </Panel>
diff --git a/pages/year4/bigdata/pratica.tsx b/pages/year4/bigdata/pratica.tsx
new file mode 100644
index 0000000..6b7757a
--- /dev/null
+++ b/pages/year4/bigdata/pratica.tsx
@@ -0,0 +1,131 @@
+import {Heading, Chapter, Box, ListUnordered, ListOrdered, Parenthesis, Idiomatic as I, BringAttention as B, UAnnotation as U, Dialog, Quote, Code} from "@steffo/bluelib-react"
+import type { NextPage, NextPageContext } from 'next'
+import { Link } from '../../../components/link'
+
+
+export async function getStaticProps(_context: NextPageContext) {
+    return {
+        props: {}
+    }
+}
+
+
+const Page: NextPage = () => {
+    return <>
+        <Heading level={2}>
+            <Link href="/year4/bigdata">
+                Big data analytics
+            </Link>
+        </Heading>
+        <Chapter>
+            <Heading level={2}>
+                MongoDB
+            </Heading>
+            <Box>
+                <Heading level={3}>
+                    Cos'è?
+                </Heading>
+                <Dialog>
+                    <Quote>Hu<U>mongo</U>us <U>D</U>ata<U>b</U>ase</Quote>
+                </Dialog>
+                <p>
+                    Un <B>database non-relazionale</B> basato su <B>documenti <I>JSON</I></B>.
+                </p>
+            </Box>
+            <Box>
+                <Heading level={3}>
+                    Vantaggi e svantaggi
+                </Heading>
+                <ListUnordered>
+                    <ListUnordered.Item builtinColor={"lime"}>
+                        Schema flessibile
+                    </ListUnordered.Item>
+                    <ListUnordered.Item builtinColor={"lime"}>
+                        Facilmente scalabile
+                    </ListUnordered.Item>
+                    <ListUnordered.Item builtinColor={"lime"}>
+                        Richiede pochi joins
+                    </ListUnordered.Item>
+                    <ListUnordered.Item builtinColor={"lime"}>
+                        Facilmente interfacciabile con tutti i linguaggi
+                    </ListUnordered.Item>
+                    <ListUnordered.Item builtinColor={"lime"}>
+                        Integra funzionalità utili sia da RDBMS sia da sistemi chiave→valore
+                    </ListUnordered.Item>
+                </ListUnordered>
+                <Parenthesis todo>
+                    E gli svantaggi?
+                </Parenthesis>
+            </Box>
+        </Chapter>
+        <Chapter>
+            <Heading level={2}>
+                Glossario di MongoDB
+            </Heading>
+            <Box todo>
+                <Heading level={3}>
+                    Documenti
+                </Heading>
+            </Box>
+            <Box>
+                <Heading level={3}>
+                    Collezioni
+                </Heading>
+                <p>
+                    <B>Insiemi di documenti</B> <U>senza uno schema fisso</U>, ma con un <B>indice in comune</B>.
+                </p>
+                <Parenthesis>
+                    Come le tabelle relazionali, ma più flessibili!
+                </Parenthesis>
+            </Box>
+            <Box>
+                <Heading level={3}>
+                    Database
+                </Heading>
+                <p>
+                    <B>Insiemi di collezioni</B>.
+                </p>
+            </Box>
+            <Box>
+                <Heading level={3}>
+                    ID
+                </Heading>
+                <p>
+                    Il valore di un documento alla <B>chiave <Code>_id</Code></B>.
+                </p>
+                <p>
+                    Deve essere <B>unico</B>, <B>immutabile</B>, e <B>non-array</B>.
+                </p>
+            </Box>
+        </Chapter>
+        <Chapter>
+            <Heading level={2}>
+                Mettere in relazione i dati in MongoDB
+            </Heading>
+            <Box>
+                <Heading level={3}>
+                    Embedding
+                </Heading>
+                <p>
+                    <B>Inserimento</B> di un dato come <B>documento annidato</B> all'interno di un documento.
+                </p>
+                <p>
+                    Più veloce a costo di spazio, per <B>operazioni molto frequenti</B>.
+                </p>
+            </Box>
+            <Box>
+                <Heading level={3}>
+                    Linking
+                </Heading>
+                <p>
+                    <B>Inserimento</B> di un dato attraverso l'<B>ID del documento</B> che referenzia.
+                </p>
+                <p>
+                    Più lento con guadagno di spazio, per <B>operazioni poco frequenti</B>.
+                </p>
+            </Box>
+        </Chapter>
+    </>
+}
+
+export default Page