380 lines
20 KiB
HTML
380 lines
20 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<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>
|
||
<body>
|
||
<div class="reveal">
|
||
<div class="slides">
|
||
<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 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>
|
||
</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 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>
|
||
<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 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>
|
||
</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"></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>
|
||
<script src="dist/reveal.js"></script>
|
||
<script src="plugin/notes/notes.js"></script>
|
||
<script src="plugin/markdown/markdown.js"></script>
|
||
<script src="plugin/highlight/highlight.js"></script>
|
||
<script>
|
||
// More info about initialization & config:
|
||
// - https://revealjs.com/initialization/
|
||
// - https://revealjs.com/config/
|
||
Reveal.initialize({
|
||
hash: true,
|
||
// Learn about plugins: https://revealjs.com/plugins/
|
||
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|