presentazione copernico

This commit is contained in:
jops 2024-10-26 19:34:46 +02:00
parent 485975dea7
commit 7ff5318dbd
29 changed files with 707 additions and 2 deletions

11
.gitignore vendored Normal file
View file

@ -0,0 +1,11 @@
.idea/
*.iml
*.iws
*.eml
out/
.DS_Store
.svn
log/*.log
tmp/**
node_modules/
.sass-cache

5
.npmignore Normal file
View file

@ -0,0 +1,5 @@
/test
/examples
.github
.sass-cache
gulpfile.js

View file

@ -0,0 +1,50 @@
# Slide per il Linux Day 2024
Queste slide sono state create per la presentazione "*Social Network Autogestiti, Fediverso e l'istanza bolognese Mastodon Bida*" in occasione del *Linux Day 2024*, che si doveva tenere **sabato 26 ottobre 2024** presso il *Liceo Scientifico Copernico* di Bologna ma rinviato a data da destinarsi per motivi meteorologici.
La presentazione esplora i concetti di social network autogestiti e il fediverso, con un approfondimento sull'istanza locale di Mastodon del collettivo *Bida* che si propone come alternativa etica e decentralizzata ai social network tradizionali.
## Struttura del progetto
- **`index.html`**: File principale delle slide, creato con *Reveal.js*.
- **`css/`**: Cartella con eventuali stili CSS personalizzati per il design delle slide.
- **`js/`**: Cartella con eventuali script JavaScript di supporto.
- **`images/`**: Cartella contenente le immagini utilizzate nelle slide.
- **`README.md`**: Questo file, che spiega come avviare le slide e fornisce una panoramica della presentazione.
## Prerequisiti
Le slide sono costruite utilizzando [Reveal.js](https://revealjs.com/), una libreria JavaScript per la creazione di presentazioni moderne e interattive.
**Prerequisiti per visualizzare le slide:**
1. Un browser moderno (come Chrome, Firefox, Safari) che supporti JavaScript.
2. (Facoltativo) Node.js e npm per l'esecuzione in ambiente locale.
## Come avviare le slide
### Opzione 1: Aprire le Slide direttamente in un Browser
1. Scarica o clona il progetto sul tuo computer.
2. Apri il file `index.html` con il tuo browser.
> **Nota**: Non è necessario un server per visualizzare le slide, ma per alcune funzionalità avanzate (come il supporto a WebSockets) potrebbe essere utile.
### Opzione 2: Avviare un Server Locale (Consigliato)
Per unesperienza ottimale, è possibile avviare un server locale. Di seguito i passaggi:
1. Assicurati di avere *Node.js* e *npm* installati.
2. Apri il terminale nella cartella del progetto e installa le dipendenze:
```bash
npm install
```
3. Avvia il server Reveal.js con:
```bash
npm start
```
4. Ora le slide dovrebbero essere disponibili allindirizzo `http://localhost:8000`.
Accedi poi all'indirizzo `http://localhost:8000` per visualizzare la presentazione.
---

BIN
images/activitypub.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

BIN
images/berneri.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 719 KiB

BIN
images/bida-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

217
images/bida-logo.svg Normal file
View file

@ -0,0 +1,217 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="1024.000000pt" height="768.000000pt" viewBox="0 0 1024.000000 768.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,768.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M4974 6881 c-58 -35 -112 -130 -153 -267 l-21 -70 -61 -13 c-52 -10
-69 -20 -109 -60 -80 -80 -119 -234 -105 -414 l7 -89 -30 -31 c-124 -128 -104
-360 54 -624 54 -91 54 -93 39 -122 -23 -45 -34 -150 -25 -228 15 -120 46
-192 158 -373 122 -197 154 -292 197 -595 22 -149 20 -160 -13 -90 -16 33 -48
89 -71 124 -48 75 -57 105 -65 221 -22 298 -119 480 -254 480 -27 0 -31 5 -52
63 -47 129 -118 252 -181 316 -43 43 -87 61 -144 61 -42 0 -52 5 -128 72 -144
125 -261 188 -349 188 -49 0 -117 -37 -137 -73 -12 -22 -17 -24 -50 -16 -52
12 -142 11 -182 -2 -45 -15 -78 -46 -96 -88 -28 -66 -12 -212 34 -317 11 -24
19 -79 23 -146 6 -97 10 -113 45 -185 46 -94 146 -197 250 -259 65 -38 69 -43
80 -90 15 -64 26 -84 72 -124 53 -47 124 -77 223 -94 111 -19 111 -19 161 -78
81 -97 184 -113 322 -50 37 17 95 34 128 38 72 8 86 -2 160 -114 47 -71 159
-291 159 -312 0 -18 -16 -10 -30 15 -15 28 -57 35 -66 11 -4 -10 -15 -13 -39
-9 -32 5 -35 3 -62 -50 -21 -42 -50 -73 -119 -130 -105 -86 -149 -135 -209
-232 -77 -122 -125 -291 -125 -435 0 -82 25 -216 57 -302 36 -96 127 -230 208
-306 36 -34 65 -65 65 -69 0 -5 -31 -40 -70 -78 -38 -38 -70 -76 -70 -85 -1
-8 -18 -27 -39 -42 -77 -53 -79 -141 -6 -206 l44 -39 2 -197 1 -198 -126 -127
-126 -128 0 -55 c0 -51 -2 -56 -20 -51 -36 10 -89 -7 -120 -38 -27 -27 -30
-37 -30 -89 0 -48 5 -64 26 -89 43 -52 113 -59 176 -17 42 28 49 56 42 189
l-6 122 126 125 c101 100 126 130 126 152 0 34 10 35 38 5 16 -17 22 -36 22
-68 0 -43 -3 -47 -105 -149 l-105 -105 0 -132 0 -133 -30 0 c-63 0 -101 -75
-64 -128 12 -17 25 -22 58 -22 73 0 76 9 76 215 l0 179 105 106 105 107 0 58
c0 56 -2 60 -50 111 -39 41 -50 60 -50 86 l0 33 86 -86 86 -86 0 -83 0 -83
-121 -121 -121 -121 0 -71 c0 -49 4 -75 14 -83 8 -7 14 -27 13 -46 -1 -43 35
-85 73 -85 73 0 106 85 54 137 -22 22 -31 24 -68 19 -49 -8 -56 0 -56 62 0 33
10 47 102 139 57 57 106 103 110 103 17 0 -2 -55 -26 -72 -20 -16 -26 -28 -26
-59 0 -49 27 -79 73 -79 74 0 104 88 47 138 l-30 26 0 151 0 150 -105 105
-105 105 0 97 c0 54 4 98 9 98 23 0 71 55 81 91 14 52 -14 120 -59 144 -17 8
-31 19 -31 23 0 10 123 132 134 132 4 0 41 -16 83 -36 l75 -36 -41 -42 -41
-42 0 -130 0 -130 -30 -22 c-64 -48 -22 -153 55 -138 68 13 89 97 35 138 l-30
22 0 116 0 116 49 48 49 48 49 -8 c42 -8 48 -13 51 -35 2 -19 -6 -35 -27 -57
-36 -36 -39 -69 -10 -106 28 -35 80 -36 114 -1 34 33 32 70 -5 107 -33 32 -43
85 -14 74 9 -3 29 -6 45 -6 l29 0 0 -201 0 -202 -90 -91 -90 -92 0 -271 0
-272 -55 6 c-52 6 -56 4 -91 -31 -34 -34 -36 -40 -31 -83 12 -105 133 -141
199 -59 10 11 18 30 18 41 0 11 9 34 20 50 18 27 20 47 20 215 l0 184 65 -64
65 -64 -29 -31 c-42 -42 -53 -79 -41 -124 32 -118 200 -136 246 -26 8 19 14
47 14 62 0 35 -32 88 -62 103 -13 7 -76 64 -140 128 -116 115 -118 117 -118
162 0 44 3 48 90 135 65 65 90 97 90 115 1 24 1 24 35 -12 l35 -38 0 -126 0
-126 -30 -28 c-56 -53 -27 -140 46 -140 71 0 99 90 44 138 -30 26 -30 27 -30
134 0 60 4 108 8 108 4 0 36 -28 70 -63 l62 -63 0 -123 0 -124 -35 -34 c-30
-29 -35 -41 -35 -78 0 -35 6 -52 29 -77 26 -29 35 -33 81 -33 46 0 55 4 81 33
47 53 33 140 -28 173 -15 8 -23 21 -23 38 0 24 4 22 55 -29 44 -43 55 -61 55
-86 0 -58 55 -89 99 -57 56 42 28 123 -42 123 -27 0 -44 12 -100 68 l-67 68 0
79 0 80 -155 155 -155 155 0 147 c0 81 3 149 8 151 18 11 122 18 122 8 0 -5
-12 -27 -26 -48 -22 -32 -25 -46 -22 -91 5 -61 29 -99 79 -124 102 -53 219 18
219 132 0 82 -65 150 -142 150 -21 0 -38 5 -38 10 0 6 6 10 13 10 6 0 43 16
81 35 78 39 67 42 142 -34 l34 -33 0 -142 0 -142 -35 -17 c-19 -9 -44 -31 -56
-49 -38 -62 -7 -160 61 -188 26 -11 30 -18 30 -49 0 -28 7 -44 30 -66 17 -16
30 -35 30 -43 0 -7 -13 -25 -30 -39 -38 -31 -41 -80 -7 -110 32 -29 49 -33 85
-17 56 23 65 98 16 131 -13 8 -24 24 -24 35 0 11 -13 36 -30 55 -39 44 -40 85
-3 102 25 12 30 9 92 -53 65 -65 65 -66 53 -99 -38 -104 30 -196 137 -184 36
4 52 13 78 41 38 41 42 74 17 136 -20 50 -61 74 -125 72 -44 -1 -48 2 -118 72
-65 65 -72 76 -62 94 24 45 -1 117 -50 146 l-29 17 0 162 0 163 -54 53 -54 53
83 82 c139 136 219 286 251 469 56 322 -94 660 -373 841 -39 25 -75 56 -78 67
-11 33 -75 99 -96 99 -11 0 -19 2 -19 5 0 15 72 189 104 252 30 61 114 206
144 252 8 11 19 7 56 -18 179 -123 340 -112 411 29 24 47 26 49 120 80 225 75
340 165 385 302 16 49 19 53 68 69 64 22 151 79 193 127 18 20 44 61 58 92 22
47 26 69 26 156 l1 101 41 49 c76 90 113 188 94 247 -24 72 -99 113 -227 124
-60 5 -74 9 -82 27 -20 42 -83 104 -127 125 -131 61 -299 -4 -480 -188 -48
-49 -77 -71 -94 -71 -81 0 -162 -115 -235 -337 -27 -80 -43 -114 -56 -118 -32
-10 -92 -86 -126 -161 -33 -70 -85 -260 -100 -361 -8 -59 -14 -70 -81 -159
-70 -94 -176 -272 -210 -356 -16 -37 -30 -68 -33 -68 -9 0 8 234 24 327 18
104 63 237 98 285 12 18 53 69 91 113 81 94 194 260 243 356 86 171 110 323
66 421 l-21 47 29 58 c68 138 100 299 81 409 -21 116 -87 217 -179 271 l-44
26 9 46 c15 85 10 241 -10 293 -30 77 -127 148 -203 148 -14 0 -32 28 -71 108
-79 162 -150 232 -235 232 -18 0 -47 -9 -64 -19z m55 -209 c1 -74 -1 -83 -16
-80 -9 2 -30 22 -46 45 -35 49 -33 69 15 134 l32 44 7 -30 c4 -16 7 -67 8
-113z m72 111 c54 -61 54 -58 20 -112 -58 -89 -61 -87 -61 33 0 58 4 106 8
106 5 0 19 -12 33 -27z m108 -175 c45 -105 55 -123 71 -125 8 -1 36 -5 62 -8
45 -6 108 -44 108 -65 0 -9 -93 -119 -284 -339 l-91 -104 -7 39 c-4 21 -7 153
-7 293 l-1 254 50 53 c28 29 50 58 50 63 0 30 21 3 49 -61z m-177 -366 c2
-161 0 -292 -3 -292 -3 0 -45 39 -93 88 -89 89 -199 240 -235 324 l-20 46 21
19 c14 12 41 20 91 23 l71 5 21 75 c33 118 26 114 88 55 l55 -52 4 -291z
m-312 19 c70 -117 119 -179 226 -280 l92 -87 1 -277 c1 -152 -1 -277 -4 -277
-4 0 -50 33 -103 73 -106 79 -287 249 -364 340 -55 66 -54 72 10 139 l35 37 2
173 c1 141 5 182 20 223 13 36 21 45 27 35 4 -8 31 -53 58 -99z m764 -4 c-1
-51 -8 -117 -16 -147 -8 -30 -12 -63 -10 -73 2 -10 23 -27 47 -38 91 -43 175
-142 160 -189 -13 -41 -111 -178 -174 -243 -36 -38 -103 -94 -149 -124 -82
-55 -222 -123 -253 -123 -15 0 -17 30 -18 293 l-2 294 198 230 c128 149 202
227 208 221 6 -5 9 -50 9 -101z m186 -700 c-12 -44 -39 -117 -61 -161 -21 -43
-39 -84 -39 -90 0 -6 11 -33 25 -60 14 -27 25 -66 25 -87 0 -33 -10 -48 -97
-140 -141 -148 -430 -389 -434 -362 -1 4 -4 146 -8 316 l-6 307 50 16 c197 65
401 224 510 398 l50 79 3 -67 c2 -45 -4 -95 -18 -149z m-865 -86 c50 -42 123
-98 162 -126 59 -42 72 -56 77 -85 8 -48 8 -600 -1 -600 -20 0 -174 129 -275
231 -116 116 -118 119 -118 164 0 25 11 72 25 107 14 34 25 66 25 71 0 5 -27
52 -60 104 -69 110 -115 222 -130 318 -19 121 -11 121 103 0 55 -59 142 -142
192 -184z m1761 14 c19 -14 48 -51 67 -82 29 -51 37 -57 67 -59 19 -2 65 -5
101 -7 37 -3 72 -8 79 -12 6 -4 -28 -25 -82 -49 -92 -42 -240 -127 -328 -190
-25 -18 -51 -36 -59 -41 -12 -7 -13 12 -8 121 5 132 26 254 53 320 14 33 18
36 46 30 17 -3 46 -18 64 -31z m-156 -32 c-24 -77 -38 -183 -44 -327 -3 -65
-6 -119 -8 -120 -29 -20 -261 -210 -303 -247 -30 -29 -59 -49 -63 -45 -9 10
-9 442 1 487 6 32 10 35 35 32 23 -4 42 11 137 104 104 103 203 172 246 173
16 0 15 -5 -1 -57z m-2738 -151 c82 -91 163 -240 214 -397 18 -55 31 -101 29
-103 -1 -2 -54 24 -117 58 -115 62 -286 180 -292 203 -18 68 -46 166 -52 181
-6 17 -4 18 17 13 13 -4 41 -10 61 -13 34 -6 38 -4 50 22 18 41 39 74 48 74 4
0 23 -17 42 -38z m96 14 c67 -34 166 -109 244 -184 l68 -65 41 13 c70 23 87 6
132 -129 45 -137 87 -337 87 -415 l0 -56 -88 72 c-97 81 -210 165 -260 194
-19 11 -35 29 -38 44 -31 146 -122 353 -208 473 -60 84 -57 93 22 53z m3162
-53 c0 -15 -9 -46 -21 -70 -19 -39 -24 -43 -56 -43 -46 0 -163 21 -163 30 0
10 204 108 228 109 7 1 12 -11 12 -26z m-3514 -24 c17 -33 45 -121 40 -126 -1
-2 -34 29 -72 69 -62 64 -67 72 -49 79 41 16 64 10 81 -22z m-46 -91 l72 -78
-80 0 c-91 0 -92 1 -92 80 0 52 8 83 20 78 4 -2 40 -38 80 -80z m2584 -218
l-1 -260 -117 -111 c-64 -61 -119 -110 -121 -107 -8 7 13 283 24 310 5 14 22
32 37 40 22 11 31 29 56 112 34 115 104 276 121 276 1 0 2 -117 1 -260z m836
194 c33 -4 60 -9 60 -12 0 -2 -15 -22 -34 -42 l-34 -38 5 -100 c4 -68 2 -101
-5 -106 -20 -12 -134 14 -197 45 -58 28 -175 114 -175 127 0 4 51 42 114 84
l114 76 46 -13 c25 -8 73 -17 106 -21z m-1200 -129 c-64 -185 -312 -531 -455
-634 l-45 -32 0 143 1 143 61 40 c102 66 216 162 338 285 63 64 116 115 118
115 1 -1 -7 -28 -18 -60z m-2058 -2 c60 -50 187 -132 285 -183 46 -23 81 -46
78 -50 -9 -15 -147 -41 -240 -47 -90 -5 -226 12 -289 36 -29 11 -29 12 -22 76
4 38 2 73 -3 84 -6 10 -19 41 -30 70 l-21 51 99 0 99 0 44 -37z m802 -100 c24
-49 56 -123 71 -165 33 -94 43 -104 86 -89 18 6 34 9 36 7 2 -2 11 -50 19
-107 17 -114 50 -278 65 -318 6 -16 -38 24 -110 99 -104 108 -120 130 -120
159 -2 92 -62 398 -96 484 -4 9 -4 17 -1 17 3 0 26 -39 50 -87z m2149 -2 c54
-39 149 -80 220 -93 37 -7 67 -15 67 -19 0 -18 -65 -91 -105 -119 -45 -31
-139 -70 -169 -70 -27 0 -46 -30 -46 -72 0 -45 -21 -97 -51 -124 -18 -16 -21
-16 -61 0 -57 22 -77 40 -122 110 -48 75 -87 111 -153 138 -29 12 -53 25 -53
28 0 8 190 171 295 253 l70 55 38 -32 c21 -17 53 -42 70 -55z m-1726 -40 c56
-54 139 -127 185 -161 46 -34 91 -68 101 -76 15 -12 17 -33 17 -159 l0 -146
-42 26 c-24 14 -53 31 -65 37 -11 6 -29 30 -38 55 -9 24 -54 106 -100 182
-101 168 -128 220 -148 289 -9 28 -15 52 -14 52 2 0 48 -44 104 -99z m-716
-178 c135 -96 286 -220 277 -228 -1 -1 -53 -16 -115 -34 -118 -32 -328 -106
-421 -147 -30 -13 -57 -24 -59 -24 -3 0 -4 19 -3 43 4 64 3 65 -42 88 -74 37
-188 121 -230 168 -38 43 -106 167 -96 176 2 2 26 -3 53 -12 38 -13 88 -17
210 -17 144 0 168 3 240 26 44 14 83 26 86 27 3 0 48 -29 100 -66z m1648 -38
c-4 -49 -8 -122 -8 -160 l-1 -71 -60 -59 c-33 -33 -60 -56 -60 -52 0 28 56
263 75 312 25 68 55 129 60 123 1 -1 -1 -43 -6 -93z m342 -15 c71 -28 113 -63
150 -124 42 -70 86 -113 126 -127 19 -6 32 -16 30 -22 -6 -20 -155 -89 -251
-117 l-91 -27 -31 -58 c-40 -77 -52 -84 -98 -56 -59 37 -117 136 -147 251
l-11 45 131 127 c71 71 132 128 135 128 3 0 28 -9 57 -20z m-1411 -61 c32 -62
58 -172 70 -296 6 -65 13 -131 16 -148 l4 -30 -20 21 c-30 30 -120 402 -120
498 0 16 2 16 16 5 8 -7 24 -29 34 -50z m-140 -266 c67 -71 126 -136 131 -145
8 -15 -1 -20 -63 -38 -110 -32 -205 -69 -282 -108 l-68 -36 -52 57 c-59 64
-95 82 -181 92 -67 8 -144 36 -187 66 -35 25 -35 34 0 47 15 6 81 31 147 57
97 37 399 133 427 135 3 0 61 -57 128 -127z m1215 18 c11 -67 68 -173 118
-218 l47 -43 -33 0 c-42 0 -117 36 -195 94 -34 25 -69 46 -77 46 -38 0 -199
-277 -285 -489 -22 -54 -40 -106 -40 -115 0 -17 -26 -33 -37 -22 -11 11 50
177 107 290 82 161 170 287 278 399 53 53 99 97 103 97 4 0 10 -18 14 -39z
m-547 -23 c-11 -28 -25 -79 -33 -112 -9 -42 -13 -52 -14 -31 -1 17 -4 53 -7
81 -6 48 -5 52 27 82 19 18 37 32 41 32 3 0 -3 -23 -14 -52z m-139 12 l49 -30
6 -163 c10 -276 12 -577 4 -577 -9 0 -14 31 -28 200 -14 157 -52 427 -74 520
-23 96 -26 92 43 50z m-278 -303 c118 -158 133 -184 182 -307 57 -146 63 -164
47 -158 -7 2 -31 44 -53 93 -65 145 -148 284 -209 348 l-56 60 -94 -5 c-76 -5
-105 -11 -158 -37 -36 -17 -81 -34 -100 -37 -31 -7 -34 -6 -22 8 22 27 318
136 372 137 8 0 49 -45 91 -102z m199 -665 c0 -8 -67 -154 -270 -587 -54 -115
-117 -250 -140 -300 l-42 -90 -29 61 c-88 185 -75 433 33 611 80 132 204 233
349 283 91 32 99 34 99 22z m367 -32 c332 -127 497 -513 365 -854 -15 -38 -32
-71 -38 -73 -6 -2 -28 34 -49 79 -36 79 -172 370 -331 711 -41 87 -74 162 -74
167 0 13 37 4 127 -30z m-142 -367 c55 -119 102 -220 103 -224 2 -5 -91 -9
-207 -9 -116 0 -211 2 -211 4 0 1 41 90 91 197 50 107 95 206 101 222 5 15 13
27 16 27 4 0 52 -98 107 -217z m264 -567 c39 -85 71 -159 71 -164 0 -16 -134
-101 -201 -127 -119 -47 -250 -57 -381 -30 -87 19 -155 48 -238 105 -74 50
-75 36 17 230 l66 140 297 0 297 0 72 -154z m-39 -556 c21 0 50 -46 50 -79 0
-72 -84 -109 -137 -59 -31 29 -32 87 0 115 26 24 47 33 65 27 8 -2 18 -4 22
-4z m-905 -65 c14 -13 25 -33 25 -45 0 -28 -35 -60 -67 -60 -61 0 -85 71 -37
109 34 27 50 26 79 -4z m486 -1 c9 -11 10 -20 2 -32 -24 -39 -82 -15 -68 28 8
24 47 27 66 4z m701 -241 c27 -24 24 -87 -4 -107 -34 -24 -73 -20 -97 10 -27
34 -27 62 1 91 26 27 73 30 100 6z m-942 -8 c26 -31 -13 -82 -44 -56 -16 14
-22 52 -9 64 11 12 40 8 53 -8z m1253 -337 c21 -25 22 -47 1 -76 -31 -45 -114
-18 -114 37 1 65 69 89 113 39z m-273 -69 c15 -27 -5 -51 -39 -47 -26 3 -38
26 -27 54 8 22 54 17 66 -7z m-460 -14 c31 -38 -27 -96 -65 -65 -18 15 -20 51
-3 68 17 17 53 15 68 -3z m394 -182 c9 -22 -13 -45 -38 -41 -26 4 -33 38 -11
54 20 15 41 9 49 -13z m-204 -3 c30 -30 10 -70 -37 -70 -33 0 -48 35 -28 66
19 29 38 31 65 4z m-266 -51 c49 -38 23 -111 -41 -111 -28 0 -63 32 -63 59 0
24 20 54 43 63 31 12 31 12 61 -11z m-464 -25 c10 -11 11 -23 4 -42 -17 -48
-84 -38 -84 12 0 43 53 63 80 30z m-557 -86 c9 -7 19 -25 22 -40 10 -39 -34
-83 -73 -73 -33 8 -52 31 -52 64 0 50 62 80 103 49z m666 -68 c25 -13 33 -37
21 -61 -12 -21 -50 -25 -68 -7 -18 18 -15 55 6 67 21 13 20 13 41 1z m-275
-102 c23 -37 -35 -78 -60 -43 -20 27 3 68 35 62 8 -1 19 -10 25 -19z m-220
-34 c9 -8 16 -19 16 -24 0 -13 -30 -40 -44 -40 -17 0 -36 21 -36 40 0 19 19
40 36 40 7 0 20 -7 28 -16z"/>
<path d="M4075 3294 c-16 -7 -64 -21 -106 -30 l-77 -17 20 -33 c13 -23 22 -60
25 -114 l6 -80 -34 7 c-19 5 -74 8 -124 7 -122 -1 -190 -28 -265 -103 -86 -87
-129 -204 -130 -352 -1 -259 130 -413 336 -396 80 6 138 38 184 100 l35 47 3
-75 3 -75 81 0 c79 0 80 0 72 23 -13 38 -17 818 -4 965 6 74 10 135 8 136 -2
2 -16 -3 -33 -10z m-199 -370 l65 -17 -3 -231 c-3 -223 -4 -233 -28 -281 -34
-67 -90 -98 -172 -93 -82 6 -128 39 -170 125 -31 64 -33 73 -33 178 0 264 119
375 341 319z"/>
<path d="M3092 3280 c-12 -5 -30 -25 -39 -45 -15 -32 -15 -38 -1 -68 34 -70
126 -73 162 -6 17 32 18 40 6 68 -20 50 -75 72 -128 51z"/>
<path d="M6142 3270 c-12 -5 -30 -25 -39 -45 -15 -32 -15 -38 -1 -68 34 -70
126 -73 162 -6 17 32 18 40 6 68 -20 50 -75 72 -128 51z"/>
<path d="M2135 3235 c22 -83 27 -188 23 -559 -4 -331 -7 -409 -21 -449 l-15
-48 261 3 c242 3 266 5 317 26 114 45 177 129 187 250 9 113 -32 199 -117 242
-33 17 -118 40 -155 41 -22 0 -11 7 45 24 135 44 190 112 190 240 0 87 -22
138 -79 187 -71 60 -121 68 -400 66 -237 -3 -242 -3 -236 -23z m432 -90 c168
-50 160 -289 -11 -340 -49 -15 -190 -20 -220 -9 -14 5 -16 31 -16 179 0 129 3
175 13 178 28 12 186 6 234 -8z m-8 -466 c68 -14 112 -45 139 -99 41 -81 21
-186 -47 -243 -59 -49 -202 -73 -278 -47 -47 17 -53 43 -53 230 l0 170 95 0
c51 0 117 -5 144 -11z"/>
<path d="M3155 3024 c-27 -7 -67 -14 -89 -14 -35 0 -38 -2 -31 -22 33 -104 36
-157 33 -463 -2 -170 -7 -317 -11 -325 -6 -13 7 -15 89 -15 l95 0 -5 25 c-24
110 -27 184 -23 468 3 169 8 319 12 335 8 31 5 32 -70 11z"/>
<path d="M6511 3023 c-19 -8 -65 -17 -102 -20 l-68 -6 20 -28 c42 -59 51 -151
46 -459 -3 -157 -8 -297 -12 -312 l-7 -28 89 0 89 0 -4 243 c-4 202 -2 253 12
307 23 88 57 137 113 162 97 43 184 1 198 -95 9 -57 0 -565 -10 -594 -7 -23
-7 -23 90 -23 96 0 97 0 90 23 -4 12 -10 132 -12 267 -6 271 1 330 45 381 67
81 215 78 260 -5 15 -27 17 -65 17 -296 0 -146 -4 -289 -8 -317 l-8 -53 97 0
96 0 -6 33 c-4 17 -10 174 -14 347 -7 308 -8 317 -32 365 -31 62 -74 92 -145
100 -115 15 -220 -24 -280 -102 l-32 -42 -17 40 c-29 65 -105 109 -191 109
-88 0 -175 -49 -236 -133 l-29 -40 0 91 c0 50 -3 93 -7 95 -5 2 -23 -2 -42
-10z"/>
<path d="M6205 3014 c-27 -7 -67 -14 -89 -14 -35 0 -38 -2 -31 -22 33 -104 36
-157 33 -463 -2 -170 -7 -317 -11 -325 -6 -13 7 -15 89 -15 l95 0 -5 25 c-24
110 -27 184 -23 468 3 169 8 319 12 335 8 31 5 32 -70 11z"/>
<path d="M5860 2250 c-39 -39 -12 -120 40 -120 52 0 78 77 40 118 -26 27 -54
28 -80 2z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 15 KiB

BIN
images/faccinaride.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

BIN
images/faccinaride.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1,003 KiB

BIN
images/fediverse.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 447 KiB

BIN
images/hacklabbo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

BIN
images/hacklabbo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

BIN
images/hackmeeting.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

BIN
images/hod.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 683 KiB

BIN
images/io.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

BIN
images/mastodon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
images/presentazione1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 501 KiB

BIN
images/presentazione2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

BIN
images/presentazione3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

BIN
images/presentazione4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 KiB

BIN
images/presentazione5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 395 KiB

BIN
images/primamastodon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 143 KiB

BIN
images/sad.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
images/socialnetworks.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

BIN
images/stallman.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 242 KiB

BIN
images/xm24.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 621 KiB

View file

@ -16,8 +16,430 @@
<body>
<div class="reveal">
<div class="slides">
<section>Slide 1</section>
<section>Slide 2</section>
<section>
<!-- <a href="https://revealjs.com">
<img src="https://static.slid.es/reveal/logo-v1/reveal-white-text.svg" alt="reveal.js logo" style="height: 180px; margin: 0 auto 4rem auto; background: transparent;" class="demo-logo">
</a> -->
<h3>Social Network Autogestiti, fediverso e l'istanza bolognese Mastodon Bida</h3>
<p>
<small>Jops, Hacklabbo (Collettivo Bida)</small>
<aside class="notes" >
<p style="font-size:12px;">
claudio unguendoli
</p></aside>
</section>
<section>
<h2>Mi presento</h2>
<p></p>
<div class="r-stack">
<img src="images/io.png" width="600" height="500" class="fragment">
<img src="images/bida-logo.png" width="550" height="450" class="fragment">
<img src="images/hacklabbo.jpg" width="600" height="500" class="fragment">
</div>
<aside class="notes" >
Siamo un gruppo di hacker e tecnici critici impegnati nello sviluppo e nella distribuzione di strumenti digitali per supportare lorganizzazione autonoma delle persone. Utilizziamo e creiamo software libero e open source, puntando a un internet libero basato su federazione, decentralizzazione e accessibilità. Da anarchici, crediamo che per costruire una società di solidarietà e libertà sia essenziale considerare il ruolo delle tecnologie; per questo promuoviamo un uso consapevole degli strumenti digitali e ci impegniamo a sensibilizzare sulle implicazioni del rapporto tra persone e tecnologia.
vag= spazio libero autogestito
hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi per farlo. Anche se non ha mai visto un computer in vita sua
</p></aside>
</section>
<section>
<h2>Parleremo di Social Network</h2>
<p></p>
<ol>
<li>Problematiche e soluzioni trovate
<br>
</li>
<li>Fediverso
</li>
<li>Strumenti Free Software e Social Autogestiti
</li>
<li>Nostra esperienza
</li>
</ol>
<aside class="notes" >
</p></aside>
</section>
<section>
<h2>Quali sono i social network conosciuti?</h2>
<img src="/images/socialnetworks.jpeg">
</ol>
<aside class="notes" >
</p></aside>
</section>
<section>
<h2>Alcuni aspetti positivi</h2>
<ul>
<li>Connessione e comunicazione globale</li>
<li>Pubblicazione aperta</li>
<li>Accesso all'informazione</li>
<li>Supporto per le cause sociali e attivismo</li>
<li>Strumento per lapprendimento e la crescita personale</li>
<li>Sostegno e creazione di comunità</li>
</ul>
<!-- Immagine con faccina che ride in alto a destra -->
<img src="/images/faccinaride.png" alt="Faccina che ride" style="position: absolute; top: 50px; right: 30px; width: 200px;">
<aside class="notes">
<ul>
<li>Piattaforme di espressione e creatività</li>
<li>Opportunità professionali e networking</li>
<li>Sostegno emotivo e comunità</li>
<li>Strumento di intrattenimento</li>
</ul>
</aside>
</section>
<section>
<h2>Aspetti negativi</h2>
<ul>
<li class="fragment">Dipendenza, gamification</li>
<li class="fragment">Contenuti sessisti, razzisti e fascisti</li>
<li class="fragment">Profilazione</li>
<li class="fragment">Effetto echo chamber e polarizzazione</li>
<li class="fragment">Censura</li>
<li class="fragment">Manipolazione da parte degli algoritmi</li>
<li class="fragment">Commercializzazione dellattenzione</li>
<li class="fragment">Software chiuso</li>
</ul>
<!-- Immagine con faccina triste in alto a destra -->
<img src="/images/sad.png" alt="Faccina triste" style="position: absolute; top: 50px; right: 10px; width: 200px;">
<aside class="notes">
<ul>
</ul>
</aside>
</section>
<section>
<h4>Cosa ci ha portato a questo studio?</h4>
<div style="position: relative; width: 500px; height: 500px; margin: 0 auto;">
<!-- Prima immagine (in alto) -->
<img src="/images/hackmeeting.jpeg" alt="Immagine 1" class="fragment" style="position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 300px;">
<!-- Seconda immagine (in basso a sinistra) -->
<img src="/images/berneri.jpeg" alt="Immagine 2" class="fragment" style="position: absolute; bottom: 30%; left: 10%; transform: translate(-50%, 50%); width: 300px;">
<!-- Terza immagine (in basso a destra) -->
<img src="/images/xm24.jpg" alt="Immagine 3" class="fragment" style="position: absolute; bottom: 30%; right: 10%; transform: translate(50%, 50%); width: 300px;">
</div>
<aside class="notes">
<p style="font-size:12px;">
Struttura data in affidamenteo agli anarchici come risarcimento da parte delle forze antifasciste attraverso una delibera comunale del 1972 (sindaco Zagheri) come risarcimento per la distruzione da parte delle squadracce fasciste della sede della Camera del Lavoro di via lame, costruita dalla cooperativa Terraioli, e in cui al secondo piano c'erano gli ananarchici. Sia anche come riconoscimento per il contributo alla resistenza </p>
</aside>
</section>
<section>
<h4>Free software la risposta</h4>
<img src="/images/stallman.jpg" height="400px" >
<aside class="notes">
<p style="font-size:12px;">
<!-- Note a piè di pagina -->
</p>
</aside>
</section>
<section>
<h2>Alcuni tentativi</h2>
<img src="/images/primamastodon.png" style="width: 80%; max-width: 1000px; height: auto; display: block; margin: 0 auto;">
<aside class="notes">
<p style="font-size: 12px;">
Questi progetti hanno aperto la strada a piattaforme come Mastodon, mostrando la domanda di alternative più etiche e controllate dagli utenti nel panorama dei social media.
</p>
</aside>
</section>
<section>
<img src="/images/mastodon.png" alt="" style="position: absolute; top: 0px; right: 0px; width: 400px;">
<br><br>
<p>
Mastodon è un social network distribuito, federabile, simile a Twitter, ma amministrato in modo decentralizzato. Ogni server (o "instance") mantiene la propria autonomia e dialoga con altre instance attraverso gli standard aperti (ActivityPub). <br>
Ogni instance di mastodon rappresenta un'isola dove gli/le utent* condividono degli interessi e una policy di comportamento.
</p>
<aside class="notes">
<p style="font-size: 12px;">
Mastodon è stato lanciato nel 2016 e ha guadagnato popolarità come alternativa etica a piattaforme centralizzate. Gli utenti possono scegliere la propria istanza in base ai loro interessi e valori.
</p>
</aside>
</section>
<section data-background-iframe="https://www.youtube.com/embed/l77qyyaD10I" data-background-interactive>
</section>
<section>
<img src="/images/mastodon.png" alt="" style="position: absolute; top: 0px; right: 0px; width: 400px;">
<br><br>
<h3>Caratteristiche principali:</h3>
<ul>
<li class="fragment">Decentralizzazione: Non esiste un unico server centrale.</li>
<li class="fragment">Privacy: Maggiore controllo sui dati personali.</li>
<li class="fragment">Comunità: Ogni istanza ha la sua cultura e le sue regole.</li>
<li class="fragment">Interoperabilità: Gli utenti possono seguire altri utenti su istanze diverse.</li>
<li class="fragment">Free Software</li>
</ul>
<aside class="notes">
<p style="font-size: 12px;">
Mastodon è stato lanciato nel 2016 e ha guadagnato popolarità come alternativa etica a piattaforme centralizzate. Gli utenti possono scegliere la propria istanza in base ai loro interessi e valori.
</p>
</aside>
</section>
<section data-background-image="/images/presentazione1.png" data-background-size="cover" data-background-position="center"></section>
<section data-background-image="/images/presentazione2.png" data-background-size="cover" data-background-position="center"></section>
<section data-background-image="/images/presentazione3.png" data-background-size="cover" data-background-position="center"></section>
<section data-background-image="/images/presentazione4.png" data-background-size="cover" data-background-position="center"></section>
<section data-background-image="/images/presentazione5.png" data-background-size="cover" data-background-position="center"></section>
<section data-background-image="/images/mastodon-tecnicamente.png" data-background-size="cover" data-background-position="center"></section>
<section>
<h2>Cos'è ActivityPub?</h2>
<p>ActivityPub è uno standard di protocollo aperto per la comunicazione tra diversi server e piattaforme social. Permette agli utenti su piattaforme diverse di interagire tra loro, creando un network distribuito.</p>
<aside class="notes">
ActivityPub è uno standard W3C, pensato per facilitare l'interoperabilità tra piattaforme e consentire interazioni senza centralizzazione.
</aside>
</section>
<section>
<h2>Come Funziona ActivityPub</h2>
<ul>
<li><strong>Client-Server:</strong> L'utente invia azioni (come "pubblica" o "commenta") al server della piattaforma tramite un'interfaccia client.</li>
<li><strong>Server-Server:</strong> I server comunicano tra loro per consegnare le azioni agli utenti su piattaforme diverse.</li>
<li><strong>Fediverso:</strong> Il network federato di server permette agli utenti di interagire indipendentemente dalla piattaforma utilizzata.</li>
</ul>
<aside class="notes">
ActivityPub funziona su due livelli: client-server (utente e server della piattaforma) e server-server (server che comunicano tra loro).
</aside>
</section>
<section>
<h2>Componenti Principali di ActivityPub</h2>
<ul>
<li><strong>Actor:</strong> Rappresenta l'utente o entità che esegue un'azione.</li>
<li><strong>Activity:</strong> Azione svolta dall'attore, come "pubblica" o "segue".</li>
<li><strong>Object:</strong> L'oggetto su cui l'azione è compiuta, ad esempio un post o un'immagine.</li>
<li><strong>Inbox e Outbox:</strong> Canali di invio e ricezione delle attività tra server.</li>
</ul>
<aside class="notes">
Actor, Activity e Object sono i principali elementi di ActivityPub. Ogni attore ha una inbox (per ricevere attività) e una outbox (per inviarle).
</aside>
</section>
<section data-background-image="/images/activitypub.png" data-background-size="cover" data-background-position="center"></section>
<section>
<h2>Esempio di Creazione di un Post a George</h2>
<pre style="max-width: 800px; overflow-x: auto;">
<code class="bash" style="font-size: 20px;">
curl -X POST https://mastodon.bida.im/inbox \
-H "Content-Type: application/json" \
-d '{
"@context": "https://www.w3.org/ns/activitystreams",
"type": "Create",
"actor": "https://mastodon.bida.im/users/alice",
"object": {
"type": "Note",
"content": "Ciao George!",
"to": ["https://mastodon.bida.im/users/george"]
}
}'
</code>
</pre>
<aside class="notes">
Questo comando `curl` mostra come Alice può creare un nuovo post destinato specificamente a George, che si trova nello stesso server di Alice. L'oggetto di tipo "Create" viene inviato all'inbox di George su `mastodon.bida.im`, contenente un oggetto di tipo "Note" con il contenuto "Ciao George!". L'array "to" indica il destinatario specifico del messaggio.
</aside>
</section>
<section>
<h2>Esempio di Invio di un Messaggio a Bob</h2>
<pre style="max-width: 800px; overflow-x: auto;">
<code class="bash" style="font-size: 20px;">
curl -X POST https://livellosegreto.it/inbox \
-H "Content-Type: application/json" \
-d '{
"@context": "https://www.w3.org/ns/activitystreams",
"type": "Create",
"actor": "https://mastodon.bida.im/users/alice",
"object": {
"type": "Note",
"content": "Ciao Bob!",
"to": ["https://livellosegreto.it/users/bob"]
}
}'
</code>
</pre>
<aside class="notes">
Questo comando `curl` invia un messaggio direttamente a Bob su `livellosegreto.it`. Il server di Bob gestirà la ricezione del messaggio nella sua inbox.
</aside>
</section>
<section>
<h2>Esempio di Invio di un Messaggio a Più Destinatari</h2>
<pre style="max-width: 800px; overflow-x: auto;">
<code class="bash" style="font-size: 20px;">
curl -X POST https://livellosegreto.it/inbox \
-H "Content-Type: application/json" \
-d '{
"@context": "https://www.w3.org/ns/activitystreams",
"type": "Create",
"actor": "https://mastodon.bida.im/users/alice",
"object": {
"type": "Note",
"content": "Ciao a tutti!",
"to": [
"https://livellosegreto.it/users/bob",
"https://livellosegreto.it/users/carol"
]
},
"to": [
"https://www.w3.org/ns/activitystreams#Public"
]
}'
</code>
</pre>
<aside class="notes">
Questo comando `curl` invia un messaggio dal server di Alice a più destinatari, inclusi Bob e Carol su `livellosegreto.it.
</aside>
</section>
<section>
<h2>Esempio di Richiesta di Follow</h2>
<pre style="max-width: 800px; overflow-x: auto;">
<code class="bash" style="font-size: 20px;">
curl -X POST https://livellosegreto.it/inbox \
-H "Content-Type: application/json" \
-d '{
"@context": "https://www.w3.org/ns/activitystreams",
"type": "Follow",
"actor": "https://mastodon.bida.im/users/alice",
"object": "https://livellosegreto.it/users/bob"
}'
</code>
</pre>
<aside class="notes">
Questo comando `curl` invia una richiesta di follow da Alice a Bob. Bob riceverà questa richiesta nella sua inbox e potrà accettarla o rifiutarla.
</aside>
</section>
<section>
<h2>Esempio di Messaggio Like</h2>
<pre style="max-width: 800px; overflow-x: auto;">
<code class="bash" style="font-size: 20px;">
curl -X POST https://livellosegreto.it/inbox \
-H "Content-Type: application/json" \
-d '{
"@context": "https://www.w3.org/ns/activitystreams",
"type": "Like",
"actor": "https://mastodon.bida.im/users/alice",
"object": "https://livellosegreto.it/users/bob/statuses/12345"
}'
</code>
</pre>
<aside class="notes">
Questo comando `curl` invia un like da Alice a un post specifico di Bob, identificato dall'ID `12345`. Bob riceverà la notifica del like nel suo inbox, evidenziando l'interesse di Alice per il suo contenuto.
</aside>
</section>
<section data-background-image="/images/fediverse.png" data-background-size="contain" data-background-position="center"></section>
<section>
<h2>La nostra esperienza</h2>
<ul>
<li class="fragment">Dal lancio del 2018 abbiamo piu' di 20.000 iscritti</li>
<li class="fragment">Gli attivi molto meno, ora siamo piu' o meno sul migliaio</li>
<li class="fragment">Bida organizza asseblee dal vivo per creare una communita' nell'istanza</li>
<li class="fragment">Moderazione: la vera sfida, piu' che tecnica e' umana</li>
<li class="fragment">Mastodon ha raggiunto i 7 milioni di utenti, il fediverso 11 milioni</li>
<li class="fragment">Arrivo di Meta</li>
<li class="fragment">Modifiche in mastodon? Noi forkiamo con Bastodon</li>
</ul>
<!-- Immagine con faccina triste in alto a destra -->
<img src="/images/bida-logo.png" alt="Faccina triste" style="position: absolute; top: -9px; right: -107px; width: 151px;">
<img src="/images/mastodon-bida-logo.png" alt="Faccina triste" style="position: absolute; top: 200px; right: -107px; width: 151px;">
<aside class="notes">
<ul>
</ul>
</aside>
</section>
<section>
<h2>Link utili</h2>
<ul>
<li class="">https://mastodon.bida.im</li>
<li class="">https://mastodon.help</li>
<li class="">https://joinmastodon.org/it/servers</li>
<li class="">https://fediverse.party/</li>
<li class="">https://bida.im</li>
<li class="">https://liste.indivia.net/listinfo/hacklabbo</li>
</ul>
<!-- Immagine con faccina triste in alto a destra -->
<img src="/images/bida-logo.png" alt="Faccina triste" style="position: absolute; top: -9px; right: -107px; width: 151px;">
<img src="/images/mastodon-bida-logo.png" alt="Faccina triste" style="position: absolute; top: 200px; right: -107px; width: 151px;">
<aside class="notes">
<ul>
</ul>
</aside>
</section>
<section>
<section data-background-image="/images/hod.png" data-background-size="contain" data-background-position="center"></section>
<aside class="notes">
<ul>
hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi per farlo. Anche se non ha mai visto un computer in vita sua
</ul>
</aside>
</section>
</div>
</div>