jops/talk-social-autogestiti
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

presentazione copernico

Browse source
This commit is contained in:
jops 2024-10-26 19:42:04 +02:00
parent 7ff5318dbd
commit 64358d58f6
1 changed files with 309 additions and 391 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

108
index.html
View file

@ -3,13 +3,10 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>reveal.js</title>
<link rel="stylesheet" href="dist/reset.css">
<link rel="stylesheet" href="dist/reveal.css">
<link rel="stylesheet" href="dist/theme/black.css">
<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="plugin/highlight/monokai.css">
</head>
@ -26,39 +23,30 @@
<aside class="notes" >
<p style="font-size:12px;">
claudio unguendoli
</p></aside>
</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 l’organizzazione 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>
</p>
</aside>
</section>
<section>
<h2>Parleremo di Social Network</h2>
<p></p>
<ol>
<li>Problematiche e soluzioni trovate
<br>
</li>
<li>Fediverso
</li>
@ -66,24 +54,18 @@ hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi p
</li>
<li>Nostra esperienza
</li>
</ol>
<aside class="notes" >
</p></aside>
</p>
</aside>
</section>
<section>
<h2>Quali sono i social network conosciuti?</h2>
<img src="/images/socialnetworks.jpeg">
</ol>
<aside class="notes" >
</p></aside>
</p>
</aside>
</section>
<section>
<h2>Alcuni aspetti positivi</h2>
@ -95,10 +77,8 @@ hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi p
<li>Strumento per l’apprendimento 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>
@ -108,10 +88,8 @@ hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi p
</ul>
</aside>
</section>
<section>
<h2>Aspetti negativi</h2>
<ul>
<li class="fragment">Dipendenza, gamification</li>
<li class="fragment">Contenuti sessisti, razzisti e fascisti</li>
@ -122,75 +100,54 @@ hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi p
<li class="fragment">Commercializzazione dell’attenzione</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>
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.
@ -199,13 +156,9 @@ Struttura data in affidamenteo agli anarchici come risarcimento da parte delle f
</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>
@ -214,7 +167,6 @@ Struttura data in affidamenteo agli anarchici come risarcimento da parte delle f
<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.
@ -226,15 +178,11 @@ Struttura data in affidamenteo agli anarchici come risarcimento da parte delle f
<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>
<aside class="notes"></aside>
</section>
<section>
<h2>Come Funziona ActivityPub</h2>
@ -247,7 +195,6 @@ Struttura data in affidamenteo agli anarchici come risarcimento da parte delle f
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>
@ -261,7 +208,6 @@ Struttura data in affidamenteo agli anarchici come risarcimento da parte delle f
</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;">
@ -284,8 +230,6 @@ curl -X POST https://mastodon.bida.im/inbox \
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;">
@ -336,9 +280,6 @@ curl -X POST https://livellosegreto.it/inbox \
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;">
@ -357,7 +298,6 @@ curl -X POST https://livellosegreto.it/inbox \
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;">
@ -376,13 +316,9 @@ curl -X POST https://livellosegreto.it/inbox \
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>
@ -392,21 +328,15 @@ curl -X POST https://livellosegreto.it/inbox \
<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>
<ul></ul>
</aside>
</section>
<section>
<h2>Link utili</h2>
<ul>
<li class="">https://mastodon.bida.im</li>
<li class="">https://mastodon.help</li>
@ -415,34 +345,23 @@ curl -X POST https://livellosegreto.it/inbox \
<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>
<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>
<script src="dist/reveal.js"></script>
<script src="plugin/notes/notes.js"></script>
<script src="plugin/markdown/markdown.js"></script>
@ -453,7 +372,6 @@ hackers, ovvero per chi vuole gestirsi la vita come preferisce e sa s/battersi p
// - https://revealjs.com/config/
Reveal.initialize({
hash: true,
// Learn about plugins: https://revealjs.com/plugins/
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
});