presentazione copernico
This commit is contained in:
parent
7ff5318dbd
commit
64358d58f6
1 changed files with 309 additions and 391 deletions
700
index.html
700
index.html
|
|
@ -1,270 +1,216 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||||
|
<title>reveal.js</title>
|
||||||
<title>reveal.js</title>
|
<link rel="stylesheet" href="dist/reset.css">
|
||||||
|
<link rel="stylesheet" href="dist/reveal.css">
|
||||||
<link rel="stylesheet" href="dist/reset.css">
|
<link rel="stylesheet" href="dist/theme/black.css">
|
||||||
<link rel="stylesheet" href="dist/reveal.css">
|
<!-- Theme used for syntax highlighted code -->
|
||||||
<link rel="stylesheet" href="dist/theme/black.css">
|
<link rel="stylesheet" href="plugin/highlight/monokai.css">
|
||||||
|
</head>
|
||||||
<!-- Theme used for syntax highlighted code -->
|
<body>
|
||||||
<link rel="stylesheet" href="plugin/highlight/monokai.css">
|
<div class="reveal">
|
||||||
</head>
|
<div class="slides">
|
||||||
<body>
|
<section>
|
||||||
<div class="reveal">
|
<!-- <a href="https://revealjs.com">
|
||||||
<div class="slides">
|
<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">
|
||||||
<section>
|
</a> -->
|
||||||
<!-- <a href="https://revealjs.com">
|
<h3>Social Network Autogestiti, fediverso e l'istanza bolognese Mastodon Bida</h3>
|
||||||
<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">
|
<p>
|
||||||
</a> -->
|
<small>Jops, Hacklabbo (Collettivo Bida)</small>
|
||||||
<h3>Social Network Autogestiti, fediverso e l'istanza bolognese Mastodon Bida</h3>
|
<aside class="notes" >
|
||||||
<p>
|
<p style="font-size:12px;">
|
||||||
<small>Jops, Hacklabbo (Collettivo Bida)</small>
|
claudio unguendoli
|
||||||
<aside class="notes" >
|
</p>
|
||||||
<p style="font-size:12px;">
|
</aside>
|
||||||
claudio unguendoli
|
</section>
|
||||||
</p></aside>
|
<section>
|
||||||
</section>
|
<h2>Mi presento</h2>
|
||||||
|
<p></p>
|
||||||
<section>
|
<div class="r-stack">
|
||||||
<h2>Mi presento</h2>
|
<img src="images/io.png" width="600" height="500" class="fragment">
|
||||||
<p></p>
|
<img src="images/bida-logo.png" width="550" height="450" class="fragment">
|
||||||
|
<img src="images/hacklabbo.jpg" width="600" height="500" class="fragment">
|
||||||
<div class="r-stack">
|
</div>
|
||||||
<img src="images/io.png" width="600" height="500" class="fragment">
|
<aside class="notes" >
|
||||||
<img src="images/bida-logo.png" width="550" height="450" class="fragment">
|
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.
|
||||||
<img src="images/hacklabbo.jpg" width="600" height="500" class="fragment">
|
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
|
||||||
</div>
|
</p>
|
||||||
|
</aside>
|
||||||
<aside class="notes" >
|
</section>
|
||||||
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.
|
<section>
|
||||||
|
<h2>Parleremo di Social Network</h2>
|
||||||
vag= spazio libero autogestito
|
<p></p>
|
||||||
|
<ol>
|
||||||
|
<li>Problematiche e soluzioni trovate
|
||||||
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
|
<br>
|
||||||
|
</li>
|
||||||
|
<li>Fediverso
|
||||||
</p></aside>
|
</li>
|
||||||
</section>
|
<li>Strumenti Free Software e Social Autogestiti
|
||||||
|
</li>
|
||||||
<section>
|
<li>Nostra esperienza
|
||||||
<h2>Parleremo di Social Network</h2>
|
</li>
|
||||||
<p></p>
|
</ol>
|
||||||
<ol>
|
<aside class="notes" >
|
||||||
<li>Problematiche e soluzioni trovate
|
</p>
|
||||||
<br>
|
</aside>
|
||||||
|
</section>
|
||||||
</li>
|
<section>
|
||||||
<li>Fediverso
|
<h2>Quali sono i social network conosciuti?</h2>
|
||||||
</li>
|
<img src="/images/socialnetworks.jpeg">
|
||||||
<li>Strumenti Free Software e Social Autogestiti
|
</ol>
|
||||||
</li>
|
<aside class="notes" >
|
||||||
<li>Nostra esperienza
|
</p>
|
||||||
</li>
|
</aside>
|
||||||
|
</section>
|
||||||
</ol>
|
<section>
|
||||||
<aside class="notes" >
|
<h2>Alcuni aspetti positivi</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Connessione e comunicazione globale</li>
|
||||||
</p></aside>
|
<li>Pubblicazione aperta</li>
|
||||||
</section>
|
<li>Accesso all'informazione</li>
|
||||||
|
<li>Supporto per le cause sociali e attivismo</li>
|
||||||
<section>
|
<li>Strumento per l’apprendimento e la crescita personale</li>
|
||||||
<h2>Quali sono i social network conosciuti?</h2>
|
<li>Sostegno e creazione di comunità</li>
|
||||||
<img src="/images/socialnetworks.jpeg">
|
</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;">
|
||||||
</ol>
|
<aside class="notes">
|
||||||
<aside class="notes" >
|
<ul>
|
||||||
|
<li>Piattaforme di espressione e creatività</li>
|
||||||
|
<li>Opportunità professionali e networking</li>
|
||||||
</p></aside>
|
<li>Sostegno emotivo e comunità</li>
|
||||||
</section>
|
<li>Strumento di intrattenimento</li>
|
||||||
<section>
|
</ul>
|
||||||
<h2>Alcuni aspetti positivi</h2>
|
</aside>
|
||||||
<ul>
|
</section>
|
||||||
<li>Connessione e comunicazione globale</li>
|
<section>
|
||||||
<li>Pubblicazione aperta</li>
|
<h2>Aspetti negativi</h2>
|
||||||
<li>Accesso all'informazione</li>
|
<ul>
|
||||||
<li>Supporto per le cause sociali e attivismo</li>
|
<li class="fragment">Dipendenza, gamification</li>
|
||||||
<li>Strumento per l’apprendimento e la crescita personale</li>
|
<li class="fragment">Contenuti sessisti, razzisti e fascisti</li>
|
||||||
<li>Sostegno e creazione di comunità</li>
|
<li class="fragment">Profilazione</li>
|
||||||
</ul>
|
<li class="fragment">Effetto echo chamber e polarizzazione</li>
|
||||||
|
<li class="fragment">Censura</li>
|
||||||
<!-- Immagine con faccina che ride in alto a destra -->
|
<li class="fragment">Manipolazione da parte degli algoritmi</li>
|
||||||
<img src="/images/faccinaride.png" alt="Faccina che ride" style="position: absolute; top: 50px; right: 30px; width: 200px;">
|
<li class="fragment">Commercializzazione dell’attenzione</li>
|
||||||
|
<li class="fragment">Software chiuso</li>
|
||||||
<aside class="notes">
|
</ul>
|
||||||
<ul>
|
<!-- Immagine con faccina triste in alto a destra -->
|
||||||
<li>Piattaforme di espressione e creatività</li>
|
<img src="/images/sad.png" alt="Faccina triste" style="position: absolute; top: 50px; right: 10px; width: 200px;">
|
||||||
<li>Opportunità professionali e networking</li>
|
<aside class="notes">
|
||||||
<li>Sostegno emotivo e comunità</li>
|
<ul>
|
||||||
<li>Strumento di intrattenimento</li>
|
</ul>
|
||||||
</ul>
|
</aside>
|
||||||
</aside>
|
</section>
|
||||||
</section>
|
<section>
|
||||||
|
<h4>Cosa ci ha portato a questo studio?</h4>
|
||||||
<section>
|
<div style="position: relative; width: 500px; height: 500px; margin: 0 auto;">
|
||||||
<h2>Aspetti negativi</h2>
|
<!-- 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;">
|
||||||
<ul>
|
<!-- Seconda immagine (in basso a sinistra) -->
|
||||||
<li class="fragment">Dipendenza, gamification</li>
|
<img src="/images/berneri.jpeg" alt="Immagine 2" class="fragment" style="position: absolute; bottom: 30%; left: 10%; transform: translate(-50%, 50%); width: 300px;">
|
||||||
<li class="fragment">Contenuti sessisti, razzisti e fascisti</li>
|
<!-- Terza immagine (in basso a destra) -->
|
||||||
<li class="fragment">Profilazione</li>
|
<img src="/images/xm24.jpg" alt="Immagine 3" class="fragment" style="position: absolute; bottom: 30%; right: 10%; transform: translate(50%, 50%); width: 300px;">
|
||||||
<li class="fragment">Effetto echo chamber e polarizzazione</li>
|
</div>
|
||||||
<li class="fragment">Censura</li>
|
<aside class="notes">
|
||||||
<li class="fragment">Manipolazione da parte degli algoritmi</li>
|
<p style="font-size:12px;">
|
||||||
<li class="fragment">Commercializzazione dell’attenzione</li>
|
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
|
||||||
<li class="fragment">Software chiuso</li>
|
</p>
|
||||||
</ul>
|
</aside>
|
||||||
|
</section>
|
||||||
<!-- Immagine con faccina triste in alto a destra -->
|
<section>
|
||||||
<img src="/images/sad.png" alt="Faccina triste" style="position: absolute; top: 50px; right: 10px; width: 200px;">
|
<h4>Free software la risposta</h4>
|
||||||
|
<img src="/images/stallman.jpg" height="400px" >
|
||||||
<aside class="notes">
|
<aside class="notes">
|
||||||
<ul>
|
<p style="font-size:12px;">
|
||||||
|
<!-- Note a piè di pagina -->
|
||||||
</ul>
|
</p>
|
||||||
</aside>
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<h4>Cosa ci ha portato a questo studio?</h4>
|
<h2>Alcuni tentativi</h2>
|
||||||
<div style="position: relative; width: 500px; height: 500px; margin: 0 auto;">
|
<img src="/images/primamastodon.png" style="width: 80%; max-width: 1000px; height: auto; display: block; margin: 0 auto;">
|
||||||
|
<aside class="notes">
|
||||||
<!-- Prima immagine (in alto) -->
|
<p style="font-size: 12px;">
|
||||||
<img src="/images/hackmeeting.jpeg" alt="Immagine 1" class="fragment" style="position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 300px;">
|
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>
|
||||||
<!-- Seconda immagine (in basso a sinistra) -->
|
</aside>
|
||||||
<img src="/images/berneri.jpeg" alt="Immagine 2" class="fragment" style="position: absolute; bottom: 30%; left: 10%; transform: translate(-50%, 50%); width: 300px;">
|
</section>
|
||||||
|
<section>
|
||||||
<!-- Terza immagine (in basso a destra) -->
|
<img src="/images/mastodon.png" alt="" style="position: absolute; top: 0px; right: 0px; width: 400px;">
|
||||||
<img src="/images/xm24.jpg" alt="Immagine 3" class="fragment" style="position: absolute; bottom: 30%; right: 10%; transform: translate(50%, 50%); width: 300px;">
|
<br><br>
|
||||||
|
<p>
|
||||||
</div>
|
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.
|
||||||
<aside class="notes">
|
</p>
|
||||||
<p style="font-size:12px;">
|
<aside class="notes">
|
||||||
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>
|
<p style="font-size: 12px;">
|
||||||
</aside>
|
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.
|
||||||
</section>
|
</p>
|
||||||
|
</aside>
|
||||||
<section>
|
</section>
|
||||||
<h4>Free software la risposta</h4>
|
<section data-background-iframe="https://www.youtube.com/embed/l77qyyaD10I" data-background-interactive>
|
||||||
<img src="/images/stallman.jpg" height="400px" >
|
</section>
|
||||||
|
<section>
|
||||||
|
<img src="/images/mastodon.png" alt="" style="position: absolute; top: 0px; right: 0px; width: 400px;">
|
||||||
<aside class="notes">
|
<br><br>
|
||||||
<p style="font-size:12px;">
|
<h3>Caratteristiche principali:</h3>
|
||||||
<!-- Note a piè di pagina -->
|
<ul>
|
||||||
</p>
|
<li class="fragment">Decentralizzazione: Non esiste un unico server centrale.</li>
|
||||||
</aside>
|
<li class="fragment">Privacy: Maggiore controllo sui dati personali.</li>
|
||||||
</section>
|
<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>
|
||||||
<section>
|
<li class="fragment">Free Software</li>
|
||||||
<h2>Alcuni tentativi</h2>
|
</ul>
|
||||||
|
<aside class="notes">
|
||||||
<img src="/images/primamastodon.png" style="width: 80%; max-width: 1000px; height: auto; display: block; margin: 0 auto;">
|
<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.
|
||||||
<aside class="notes">
|
</p>
|
||||||
<p style="font-size: 12px;">
|
</aside>
|
||||||
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.
|
</section>
|
||||||
</p>
|
<section data-background-image="/images/presentazione1.png" data-background-size="cover" data-background-position="center"></section>
|
||||||
</aside>
|
<section data-background-image="/images/presentazione2.png" data-background-size="cover" data-background-position="center"></section>
|
||||||
</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>
|
<section>
|
||||||
|
<h2>Cos'è ActivityPub?</h2>
|
||||||
<img src="/images/mastodon.png" alt="" style="position: absolute; top: 0px; right: 0px; width: 400px;">
|
<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>
|
||||||
<br><br>
|
<aside class="notes"></aside>
|
||||||
<p>
|
</section>
|
||||||
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>
|
<section>
|
||||||
Ogni instance di mastodon rappresenta un'isola dove gli/le utent* condividono degli interessi e una policy di comportamento.
|
<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>
|
||||||
</p>
|
<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">
|
<aside class="notes">
|
||||||
<p style="font-size: 12px;">
|
ActivityPub funziona su due livelli: client-server (utente e server della piattaforma) e server-server (server che comunicano tra loro).
|
||||||
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.
|
</aside>
|
||||||
</p>
|
</section>
|
||||||
</aside>
|
<section>
|
||||||
</section>
|
<h2>Componenti Principali di ActivityPub</h2>
|
||||||
<section data-background-iframe="https://www.youtube.com/embed/l77qyyaD10I" data-background-interactive>
|
<ul>
|
||||||
</section>
|
<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>
|
||||||
<section>
|
<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>
|
||||||
<img src="/images/mastodon.png" alt="" style="position: absolute; top: 0px; right: 0px; width: 400px;">
|
</ul>
|
||||||
<br><br>
|
<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>
|
||||||
<h3>Caratteristiche principali:</h3>
|
</section>
|
||||||
<ul>
|
<section data-background-image="/images/activitypub.png" data-background-size="cover" data-background-position="center"></section>
|
||||||
<li class="fragment">Decentralizzazione: Non esiste un unico server centrale.</li>
|
<section>
|
||||||
<li class="fragment">Privacy: Maggiore controllo sui dati personali.</li>
|
<h2>Esempio di Creazione di un Post a George</h2>
|
||||||
<li class="fragment">Comunità: Ogni istanza ha la sua cultura e le sue regole.</li>
|
<pre style="max-width: 800px; overflow-x: auto;">
|
||||||
<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;">
|
<code class="bash" style="font-size: 20px;">
|
||||||
curl -X POST https://mastodon.bida.im/inbox \
|
curl -X POST https://mastodon.bida.im/inbox \
|
||||||
-H "Content-Type: application/json" \
|
-H "Content-Type: application/json" \
|
||||||
|
|
@ -279,16 +225,14 @@ curl -X POST https://mastodon.bida.im/inbox \
|
||||||
}
|
}
|
||||||
}'
|
}'
|
||||||
</code>
|
</code>
|
||||||
</pre>
|
</pre>
|
||||||
<aside class="notes">
|
<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.
|
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>
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
|
<section>
|
||||||
|
<h2>Esempio di Invio di un Messaggio a Bob</h2>
|
||||||
<section>
|
<pre style="max-width: 800px; overflow-x: auto;">
|
||||||
<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;">
|
<code class="bash" style="font-size: 20px;">
|
||||||
curl -X POST https://livellosegreto.it/inbox \
|
curl -X POST https://livellosegreto.it/inbox \
|
||||||
-H "Content-Type: application/json" \
|
-H "Content-Type: application/json" \
|
||||||
|
|
@ -303,14 +247,14 @@ curl -X POST https://livellosegreto.it/inbox \
|
||||||
}
|
}
|
||||||
}'
|
}'
|
||||||
</code>
|
</code>
|
||||||
</pre>
|
</pre>
|
||||||
<aside class="notes">
|
<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.
|
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>
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<h2>Esempio di Invio di un Messaggio a Più Destinatari</h2>
|
<h2>Esempio di Invio di un Messaggio a Più Destinatari</h2>
|
||||||
<pre style="max-width: 800px; overflow-x: auto;">
|
<pre style="max-width: 800px; overflow-x: auto;">
|
||||||
<code class="bash" style="font-size: 20px;">
|
<code class="bash" style="font-size: 20px;">
|
||||||
curl -X POST https://livellosegreto.it/inbox \
|
curl -X POST https://livellosegreto.it/inbox \
|
||||||
-H "Content-Type: application/json" \
|
-H "Content-Type: application/json" \
|
||||||
|
|
@ -331,17 +275,14 @@ curl -X POST https://livellosegreto.it/inbox \
|
||||||
]
|
]
|
||||||
}'
|
}'
|
||||||
</code>
|
</code>
|
||||||
</pre>
|
</pre>
|
||||||
<aside class="notes">
|
<aside class="notes">
|
||||||
Questo comando `curl` invia un messaggio dal server di Alice a più destinatari, inclusi Bob e Carol su `livellosegreto.it.
|
Questo comando `curl` invia un messaggio dal server di Alice a più destinatari, inclusi Bob e Carol su `livellosegreto.it.
|
||||||
</aside>
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
|
<section>
|
||||||
|
<h2>Esempio di Richiesta di Follow</h2>
|
||||||
|
<pre style="max-width: 800px; overflow-x: auto;">
|
||||||
<section>
|
|
||||||
<h2>Esempio di Richiesta di Follow</h2>
|
|
||||||
<pre style="max-width: 800px; overflow-x: auto;">
|
|
||||||
<code class="bash" style="font-size: 20px;">
|
<code class="bash" style="font-size: 20px;">
|
||||||
curl -X POST https://livellosegreto.it/inbox \
|
curl -X POST https://livellosegreto.it/inbox \
|
||||||
-H "Content-Type: application/json" \
|
-H "Content-Type: application/json" \
|
||||||
|
|
@ -352,15 +293,14 @@ curl -X POST https://livellosegreto.it/inbox \
|
||||||
"object": "https://livellosegreto.it/users/bob"
|
"object": "https://livellosegreto.it/users/bob"
|
||||||
}'
|
}'
|
||||||
</code>
|
</code>
|
||||||
</pre>
|
</pre>
|
||||||
<aside class="notes">
|
<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.
|
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>
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
|
<section>
|
||||||
<section>
|
<h2>Esempio di Messaggio Like</h2>
|
||||||
<h2>Esempio di Messaggio Like</h2>
|
<pre style="max-width: 800px; overflow-x: auto;">
|
||||||
<pre style="max-width: 800px; overflow-x: auto;">
|
|
||||||
<code class="bash" style="font-size: 20px;">
|
<code class="bash" style="font-size: 20px;">
|
||||||
curl -X POST https://livellosegreto.it/inbox \
|
curl -X POST https://livellosegreto.it/inbox \
|
||||||
-H "Content-Type: application/json" \
|
-H "Content-Type: application/json" \
|
||||||
|
|
@ -371,92 +311,70 @@ curl -X POST https://livellosegreto.it/inbox \
|
||||||
"object": "https://livellosegreto.it/users/bob/statuses/12345"
|
"object": "https://livellosegreto.it/users/bob/statuses/12345"
|
||||||
}'
|
}'
|
||||||
</code>
|
</code>
|
||||||
</pre>
|
</pre>
|
||||||
<aside class="notes">
|
<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.
|
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>
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
|
<section data-background-image="/images/fediverse.png" data-background-size="contain" data-background-position="center"></section>
|
||||||
<section data-background-image="/images/fediverse.png" data-background-size="contain" data-background-position="center"></section>
|
<section>
|
||||||
|
<h2>La nostra esperienza</h2>
|
||||||
|
<ul>
|
||||||
<section>
|
<li class="fragment">Dal lancio del 2018 abbiamo piu' di 20.000 iscritti</li>
|
||||||
<h2>La nostra esperienza</h2>
|
<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>
|
||||||
<ul>
|
<li class="fragment">Moderazione: la vera sfida, piu' che tecnica e' umana</li>
|
||||||
<li class="fragment">Dal lancio del 2018 abbiamo piu' di 20.000 iscritti</li>
|
<li class="fragment">Mastodon ha raggiunto i 7 milioni di utenti, il fediverso 11 milioni</li>
|
||||||
<li class="fragment">Gli attivi molto meno, ora siamo piu' o meno sul migliaio</li>
|
<li class="fragment">Arrivo di Meta</li>
|
||||||
<li class="fragment">Bida organizza asseblee dal vivo per creare una communita' nell'istanza</li>
|
<li class="fragment">Modifiche in mastodon? Noi forkiamo con Bastodon</li>
|
||||||
<li class="fragment">Moderazione: la vera sfida, piu' che tecnica e' umana</li>
|
</ul>
|
||||||
<li class="fragment">Mastodon ha raggiunto i 7 milioni di utenti, il fediverso 11 milioni</li>
|
<!-- Immagine con faccina triste in alto a destra -->
|
||||||
<li class="fragment">Arrivo di Meta</li>
|
<img src="/images/bida-logo.png" alt="Faccina triste" style="position: absolute; top: -9px; right: -107px; width: 151px;">
|
||||||
<li class="fragment">Modifiche in mastodon? Noi forkiamo con Bastodon</li>
|
<img src="/images/mastodon-bida-logo.png" alt="Faccina triste" style="position: absolute; top: 200px; right: -107px; width: 151px;">
|
||||||
</ul>
|
<aside class="notes">
|
||||||
|
<ul></ul>
|
||||||
<!-- Immagine con faccina triste in alto a destra -->
|
</aside>
|
||||||
<img src="/images/bida-logo.png" alt="Faccina triste" style="position: absolute; top: -9px; right: -107px; width: 151px;">
|
</section>
|
||||||
<img src="/images/mastodon-bida-logo.png" alt="Faccina triste" style="position: absolute; top: 200px; right: -107px; width: 151px;">
|
<section>
|
||||||
|
<h2>Link utili</h2>
|
||||||
<aside class="notes">
|
<ul>
|
||||||
<ul>
|
<li class="">https://mastodon.bida.im</li>
|
||||||
|
<li class="">https://mastodon.help</li>
|
||||||
</ul>
|
<li class="">https://joinmastodon.org/it/servers</li>
|
||||||
</aside>
|
<li class="">https://fediverse.party/</li>
|
||||||
</section>
|
<li class="">https://bida.im</li>
|
||||||
|
<li class="">https://liste.indivia.net/listinfo/hacklabbo</li>
|
||||||
<section>
|
</ul>
|
||||||
<h2>Link utili</h2>
|
<!-- 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;">
|
||||||
<ul>
|
<img src="/images/mastodon-bida-logo.png" alt="Faccina triste" style="position: absolute; top: 200px; right: -107px; width: 151px;">
|
||||||
<li class="">https://mastodon.bida.im</li>
|
<aside class="notes">
|
||||||
<li class="">https://mastodon.help</li>
|
<ul></ul>
|
||||||
<li class="">https://joinmastodon.org/it/servers</li>
|
</aside>
|
||||||
<li class="">https://fediverse.party/</li>
|
</section>
|
||||||
<li class="">https://bida.im</li>
|
<section>
|
||||||
<li class="">https://liste.indivia.net/listinfo/hacklabbo</li>
|
<section data-background-image="/images/hod.png" data-background-size="contain" data-background-position="center"></section>
|
||||||
</ul>
|
<aside class="notes">
|
||||||
|
<ul>
|
||||||
<!-- Immagine con faccina triste in alto a destra -->
|
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
|
||||||
<img src="/images/bida-logo.png" alt="Faccina triste" style="position: absolute; top: -9px; right: -107px; width: 151px;">
|
</ul>
|
||||||
<img src="/images/mastodon-bida-logo.png" alt="Faccina triste" style="position: absolute; top: 200px; right: -107px; width: 151px;">
|
</aside>
|
||||||
|
</section>
|
||||||
<aside class="notes">
|
</div>
|
||||||
<ul>
|
</div>
|
||||||
|
<script src="dist/reveal.js"></script>
|
||||||
</ul>
|
<script src="plugin/notes/notes.js"></script>
|
||||||
</aside>
|
<script src="plugin/markdown/markdown.js"></script>
|
||||||
</section>
|
<script src="plugin/highlight/highlight.js"></script>
|
||||||
|
<script>
|
||||||
|
// More info about initialization & config:
|
||||||
<section>
|
// - https://revealjs.com/initialization/
|
||||||
<section data-background-image="/images/hod.png" data-background-size="contain" data-background-position="center"></section>
|
// - https://revealjs.com/config/
|
||||||
|
Reveal.initialize({
|
||||||
|
hash: true,
|
||||||
<aside class="notes">
|
// Learn about plugins: https://revealjs.com/plugins/
|
||||||
<ul>
|
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
|
||||||
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>
|
</script>
|
||||||
</aside>
|
</body>
|
||||||
</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>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue