slides/2024-04-04-kritik-digital/presentation/index.html

938 lines
15 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<title>Den Digitale Selvhjælpscafé: Introduktion til data.coop</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<!-- fonts TODO -->
<style type="text/css">
/* latin */
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-display: swap;
src: local('Space Grotesk Regular'), local('SpaceGrotesk-Regular'), url(fonts/spacegrotesk/webfont/SpaceGrotesk-Regular.woff2) format('woff2');
}
/* latin */
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Space Grotesk Bold'), local('SpaceGrotesk-Bold'), url(fonts/spacegrotesk/webfont/SpaceGrotesk-Bold.woff2) format('woff2');
}
/* latin */
@font-face {
font-family: 'Space Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Space Mono'), local('SpaceMono-Regular'), url(fonts/spacemono/spacemono-regular.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Space Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Space Mono Bold'), local('SpaceMono-Bold'), url(fonts/spacemono/spacemono-bold.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Variables */
:root {
--base-grid : 40px;
--base-font-size : 20px;
--text-color : #4b3aba;
--bg-color : #fff;
--alt-bg-color : #a8f3f4;
--bar-color : #f0dcac;
--burger_size : 45px;
}
body {
font-family: 'Space Grotesk';
background : var(--bg-color);
color : var(--text-color);
}
h1, h2, h3 {
font-family: 'Space Grotesk';
font-weight: bold;
line-height: 1.1;
color: var(--text-color);
}
a {
color: #333;
text-decoration: underline;
}
.left-column {
background: var(--alt-bg-color);
color: #fff;
width: 50%;
height: 100%;
display: table-cell;
vertical-align: middle;
padding: 30px;
text-align: center;
}
.right-column {
width: 50%;
height: 100%;
display: table-cell;
vertical-align: middle;
padding: 30px;
padding-left: 50px;
text-align: left;
font-size: 1.3em;
line-height: 130%;
}
.right-column2 {
width: 50%;
height: 100%;
display: table-cell;
vertical-align: middle;
padding: 30px;
padding-left: 50px;
text-align: left;
background: #efefef;
}
pre
{
text-align: left;
white-space: pre-wrap;
font-family: "Space Mono";
}
code {
font-family: "Space Mono";
}
table {
border-collapse: collapse;
border: 0;
margin: 0 auto;
}
td, th
{
font-weight: normal;
font-size: 0.8em;
padding: 10px;
margin: 0;
background: #eee;
border: 0;
text-align: left;
}
tr
{
margin: 2px;
}
img
{
max-width: 80%;
max-height: 80%;
margin: auto auto;
display: block;
border: 4px dotted #CF2B52;
border-radius: 5px;
padding: 5px;
}
.no-border-img img {
border: 0;
padding: 0;
}
.hide-counter .remark-slide-number,
{
display: none;
}
.slide-columns {padding: 0 height: 100%; display: table-row;}
.fancy-headline-slide .left-column {
width: 20%;
background: var(--bar-color);
writing-mode: vertical-rl;
text-orientation: mixed;
}
.fancy-headline-slide .right-column {
width: 80%;
}
.fancy-headline-slide .right-column2 {
width: 80%;
}
.fancy-headline-slide1 .left-column {
background: var(--bar-color);
}
.fancy-headline-slide2 .left-column {
background: var(--bar-color);
}
.fancy-headline-slide3 .left-column {
background: var(--bar-color);
}
.picture-slide .right-column {
padding: 0;
width: 100%;
}
.picture-slide .right-column img {
max-width: 100%;
}
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
.remark-slide-content {height: 100%;}
.remark-slide {padding: 0}
.talk-terms {
overflow: scroll;
max-height: 200px;
}
table {
border: 2px solid #999;
border-radius: 5px;
border-collapse: collapse;
}
td, th {
border: 2px solid #999;
}
th {
font-weight: bold;
color: #FFF;
background: #444;
}
th a {
font-weight: bold;
color: #FFF;
}
blockquote {
border-left: 4px solid #CCC;
padding-left: 20px;
font-size: 130%;
line-height: 130%;
}
.center-contents h1, h2, h3, h4, h5 {
text-align: center
}
</style>
</head>
<body>
<textarea id="source">
name: big-title
count: false
class: title-slide, slide-columns, hide-counter, no-border-img
.left-column[
# Den Digitale Selvhjælpscafé: Introduktion til data.coop
## 4. april 2024
]
.right-column[
<img src="logo_da.svg">
]
???
---
name: big-title
count: false
class: title-slide, slide-columns, hide-counter, no-border-img, center-contents
.left-column[
# Den Digitale Selvhjælpscafé: Introduktion til data.coop
## 4. april 2024
]
.right-column[
#### Benjamin Balder Bach (3xB)
#### Mikkel Munch Mortensen (3xM)
Slides | [https://git.data.coop/data.coop/slides](https://git.data.coop/data.coop/slides)
----------|-------------------------------------------------------------
Fediverse | [@datacoop@social.data.coop](https://social.data.coop/@datacoop)
WWW | [https://data.coop](https://data.coop)
]
???
---
class: fancy-headline-slide, fancy-headline-slide1, slide-columns, hide-counter
.left-column[
# Vores oplæg
]
.right-column[
<pre>
1. Introduktion
2. Den kooperative model
3. data.coop's opbygning
4. Kort om Føderation
5. Udfordringer i vores model
6. Utopi og fremtid for data.coop
</pre>
]
???
---
class: left, middle, section-title, center-contents
# Introduktion
---
name: big-title
class: title-slide, slide-columns
.left-column[
# Hvad er data.coop?
]
.right-column[
Det starter _altid_ med et sejt domæne!
]
???
* 2014, snak på Twitter (dengang det stadig var cool) om at lave fælles self hosting.
* En løs bunke folk der på forskellig vis (og med forskellige baggrund/evner) er kritiske overfor de store datamonopoler. Dels ift. koncentrationen af datamængder på få hænder, uden gennemsigtighed. Dels at det strider mod internettets oprindelige ånd om decentralicering.
* Faldt over .coop, juridiske krav.
---
name: big-title
class: title-slide, slide-columns
.left-column[
# Hvad er data.coop?
]
.right-column[
# § 2. Formål
Foreningens hovedformål er at stille digital infrastruktur til rådighed for sine medlemmer, på en måde hvor foreningens kerneprincipper privatlivsbeskyttelse, kryptering, decentralisering og zero-knowledge for foreningen som tjenesteudbyder er i fokus.
]
???
* Stiftende generalforsamling online.
* Så skete der ingenting. Prøvede igen. Der skete ingenting. Masser af gode intentioner, alt for lidt tid.
---
name: big-title
class: title-slide, slide-columns, no-border-img
.left-column[
# Hvad er data.coop?
]
.right-column[
<img src="roadtrip-kode.jpg">
]
???
* Omkring 2018 forsøges igen.
* Vi får mulighed for at købe 2 "rigtige" servere, som hentes i Norge.
* Får stablet en god kerne på benene som både klarer det formelle (bestyrelse) og det praktiske (administration).
---
name: big-title
class: title-slide, slide-columns
.left-column[
# Hvad er data.coop?
]
.right-column[
# I dag...
]
???
* XX medlemmer.
* En række services (Nextcloud, Mastodon, Forgejo, Matrix, ...).
* Hej-dage.
---
class: left, middle, section-title, center-contents
# Den kooperative model 📚️ 🎓️
---
name: big-title
class: title-slide, slide-columns
.left-column[
# Classic
]
.right-column[
* Arbejderkooperativ
* Forbrugerkooperativ
* Indkøbskooperativ
]
???
Eksempler:
* Logic & Co er et arbejderkooperativ. Eller f.eks. Købenbenhavns Cykelkooperativ.
* Coop/brugsforeningerne er forbrugerkooperativer, LetsGo
* Lærernes Indkøbscentral var et indkøbskooperativ. Nu findes dette måske mere i form af rabatter gennem fagforeninger.
* Nogen, der kender et nuværende indkøbskooperativ? Fødevarefællesskabet?
Der findes selvfølgelig hybrider og beslægtede koncepter
* Kreditforeninger
* Andelsbevægelsen, boligforeninger etc.
---
name: big-title
class: title-slide, slide-columns
.left-column[
# Digitale modeller
]
.right-column[
* "Tech coop"
* Ofte anvendt om arbejderkooperativer
* "Data cooperative"
* Anvendt om forbrugerkooperativer, som sælger sine data‼
* "Platform cooperative"
]
???
A platform cooperative, or platform co-op, is a cooperatively owned, democratically governed business that establishes a two-sided market via a computing platform, website, mobile app or a protocol to facilitate the sale of goods and services.
---
name: big-title
class: title-slide, slide-columns
.left-column[
# Eksempler
]
.right-column[
* "Tech coop"
* https://tetrabit.coop
* "Data cooperative"
* https://midata.coop
* "Platform cooperative"
* https://fairbnb.coop/
]
???
A platform cooperative, or platform co-op, is a cooperatively owned, democratically governed business that establishes a two-sided market via a computing platform, website, mobile app or a protocol to facilitate the sale of goods and services.
---
class: fancy-headline-slide, fancy-headline-slide2, slide-columns, center-contents
.left-column[
# Pelle Dragsted<br>Nordisk Socialisme
]
.right-column[
### Data kooperativer: It's complicated 😵‍💫️
<img src="nordisksocialisme.png">
]
???
Nogen går sågar så langt som at omtale "data-entreprenører"
---
class: fancy-headline-slide, fancy-headline-slide2, slide-columns, center-contents, no-border-img
.left-column[
# MiData: Borgerejet<br>sundhedsdata
]
.right-column[
<img src="midata.png">
]
???
---
name: big-title
class: title-slide, slide-columns
.left-column[
# Hvad synes I?
]
.right-column[
Er vi et...
* "Tech coop" ❓️
* "Data cooperative" ❓️
* "Platform cooperative" ❓️
]
???
Vi er ingen af delene!! HAHAHA
---
name: big-title
class: title-slide, slide-columns
.left-column[
# Den kooperative model
]
.right-column[
Gennem en fælles vision deler vi på demokratisk vis:
* Hardware
* Strømregning
* Administration
* Udvikling
Dvs. vi er en slags **platform**, som beskytter vores **data** gennem vores kooperative **arbejde**.
]
???
Man kan ikke tale om andele endnu, da vores server-infrastruktur ganske som i almindelige virksomheder er en slags "straks-afskrivning". Vi har kun udgifter, ingen fast ejendom.
---
class: left, middle, section-title, center-contents
# data.coop's opbygning
---
name: big-title
class: title-slide, slide-columns
.left-column[
# data.coop's opbygning
]
.right-column[
* Forening
* Generalforsamling
* Bestyrelse
* Admins
* Moderation
* Services
* Badges
]
---
name: big-title
class: title-slide, slide-columns
.left-column[
# data.coop's opbygning
]
.right-column[
Først og fremmest er vi mennesker
]
???
* Vigtigt ikke bare at blive endnu en leverandør af digitale tjenester.
* Ikke vokse os større end at "vi kender hinanden".
* Den menneskelige relation er (forhåbentligt) med til at sikre sund og respektfuld brug af vores tjenester.
---
class: left, middle, section-title, center-contents
# Kort om føderation (email, Matrix, Mastodon)
---
class: fancy-headline-slide, fancy-headline-slide2, slide-columns, center-contents, no-border-img
.left-column[
# Email
]
.right-column[
<img src="email1.png">
]
???
---
class: fancy-headline-slide, fancy-headline-slide2, slide-columns, center-contents, no-border-img
.left-column[
# Email
]
.right-column[
<img src="email2.png">
]
???
---
class: fancy-headline-slide, fancy-headline-slide2, slide-columns, center-contents, no-border-img
.left-column[
# Email
]
.right-column[
<img src="email3.png">
]
???
---
name: big-title
class: title-slide, slide-columns
.left-column[
# Protokollens rolle
]
.right-column[
## Email = SMTP
## Mastodon = ActivityPub
## Matrix = eh... it's complicated 😵‍💫️
]
???
---
class: fancy-headline-slide, fancy-headline-slide2, slide-columns, center-contents, no-border-img
.left-column[
# Fediverse
]
.right-column[
<img src="federation1.png">
]
???
---
class: fancy-headline-slide, fancy-headline-slide2, slide-columns, center-contents, no-border-img
.left-column[
# Fediverse
]
.right-column[
<img src="federation2.png">
]
???
---
class: left, middle, section-title, center-contents
# Udfordringer i vores model
---
name: big-title
class: title-slide, slide-columns
.left-column[
# Udfordringer i vores model
]
.right-column[
* Føderering med andre medfører moderationsbehov
* Principielle dilemmaer ved føderering: Gode og dårlige aktører.
* Vigtigt ikke bare at blive endnu en leverandør af digitale tjenester.
* Vigtigt ikke at blive endnu en datasilo.
]
---
class: left, middle, section-title, center-contents
# Utopi og fremtid for data.coop
???
---
name: big-title
class: title-slide, slide-columns
.left-column[
## Aktuel udvikling
]
.right-column[
* Vi vil gerne være 50 medlemmer (pt. 30)
* Bygger betalingsløsning
* Individuelle ydelser og betaling
* Mastodon moderation
* Organisationsmedlemskab
* Flere services!
]
---
class: left, middle, section-title, center-contents
name: big-title
class: title-slide, slide-columns
.left-column[
## Større mål og drømme
]
.right-column[
* Hundredevis af medlemmer
* Betale løn til administrator
* Flere kooperativer med fælles interesser og store ressourcer
* Politisk indflydelse
* Internetpolitik (DIFO)
* Når statens services ikke gør det rigtige
]
???
---
name: big-title
class: title-slide, slide-columns
.left-column[
# TAK!
]
.right-column[
* Tid til Q&A 👋️
* Start jeres egne datafællesskaber [https://git.data.coop/data.coop/ansible/](https://git.data.coop/data.coop/ansible/)
* ...Eller start med at blive medlem hos os [https://data.coop](https://data.coop)
]
???
I'd love to accumulate ideas and experiences
Help me develop cases
Let's build something and if it doesn't work for tracking, that seems like a feature not a bug.
</textarea>
<script src="remark.min.js" type="text/javascript">
</script>
<script type="text/javascript">
// https://github.com/gnab/remark/wiki/Configuration
var slideshow = remark.create({
ratio: '16:9',
slideNumberFormat: 'Slide %current% of %total%'
});
</script>
</body>
</html>