blueskyArchitecture/BlueskyArchitecture.html

220 lines
7.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Bluesky Architecture compared to other social media services</title>
<meta name="author" content="Éibhear Ó hAnluain"/>
<meta name="description" content="A discussion of Bluesky's architecture as it relates to other social media services"/>
<meta name="keywords" content=""/>
<style type="text/css">
.underline { text-decoration: underline; }
</style>
<link rel="stylesheet" href="./reveal.js/dist/reveal.css"/>
<link rel="stylesheet" href="./reveal.js/dist/theme/white.css" id="theme"/>
<link rel="stylesheet" href="./e-reveal.css"/>
<link rel="stylesheet" href="./gridding.css"/>
</head>
<body>
<div class="reveal">
<div class="slides">
<section id="sec-title-slide" data-background="./bCardBackground.png"><h1 class="title">Bluesky Architecture compared to other social media services</h1><p class="subtitle"><a href="?print-pdf">Printable version</a></p>
<h2 class="author">Éibhear Ó hAnluain</h2><h2 class="email"><a href="mailto:eibhear.geo@gmail.com">eibhear.geo@gmail.com</a></h2><h2 class="date">2024-05-24 Fri 00:00</h2>
</section>
<section id="sec-table-of-contents" data-background="./bCardBackground.png"><div id="table-of-contents" role="doc-toc">
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
<li><a href="#/slide-org2d545f3">Introduction</a></li>
<li><a href="#/slide-org1010f01">General social media architectures</a></li>
<li><a href="#/slide-org003a8ec">Federated social media services</a></li>
</ul>
</div>
</div>
</section>
<section>
<section id="slide-org2d545f3" data-background="./bCardBackground.png">
<h2 id="org2d545f3">Introduction</h2>
<div class="e-frame">
<p>
Boo!
</p>
</div>
</section>
</section>
<section>
<section id="slide-org1010f01" data-background="./bCardBackground.png">
<h2 id="org1010f01">General social media architectures</h2>
<div class="outline-text-2" id="text-org1010f01">
</div>
</section>
<section id="slide-org89686e0" data-background="./bCardBackground.png">
<h3 id="org89686e0">Simplistic view 1/2 &#x2013; overview</h3>
<div class="e-frame">
<div id="orgb6005a1" class="figure">
<p><img src="structurizr-1-001-GenericSocial-01.png" alt="structurizr-1-001-GenericSocial-01.png" width="90%" />
</p>
</div>
</div>
</section>
<section id="slide-orgf2ed27f" data-background="./bCardBackground.png">
<h3 id="orgf2ed27f">Simplistic view 2/2 &#x2013; services</h3>
<div class="e-frame">
<div id="org15115b0" class="figure">
<p><img src="structurizr-1-002-GenericSocial-02.png" alt="structurizr-1-002-GenericSocial-02.png" width="20%" />
</p>
</div>
</div>
</section>
<section id="slide-org410f558" data-background="./bCardBackground.png">
<h3 id="org410f558">More realistic view 1/4 &#x2013; overview</h3>
<div class="e-frame">
<div id="org6f55442" class="figure">
<p><img src="structurizr-1-003-RealisticSocial-01.png" alt="structurizr-1-003-RealisticSocial-01.png" width="90%" />
</p>
</div>
</div>
</section>
<section id="slide-org9dadd8a" data-background="./bCardBackground.png">
<h3 id="org9dadd8a">More realistic view 2/4 &#x2013; basic services</h3>
<div class="e-frame">
<div id="orgdb2b082" class="figure">
<p><img src="structurizr-1-004-RealisticSocial-02.png" alt="structurizr-1-004-RealisticSocial-02.png" width="40%" />
</p>
</div>
</div>
</section>
<section id="slide-org3ac93ef" data-background="./bCardBackground.png">
<h3 id="org3ac93ef">More realistic view 3/4 &#x2013; the algorithm</h3>
<div class="e-frame">
<div id="org7365515" class="figure">
<p><img src="structurizr-1-005-RealisticSocial-03.png" alt="structurizr-1-005-RealisticSocial-03.png" width="40%" />
</p>
</div>
</div>
</section>
<section id="slide-org522a4e7" data-background="./bCardBackground.png">
<h3 id="org522a4e7">More realistic view 4/4 &#x2013; content moderation</h3>
<div class="e-frame">
<div id="orgbcb5188" class="figure">
<p><img src="structurizr-1-006-RealisticSocial-04.png" alt="structurizr-1-006-RealisticSocial-04.png" width="60%" />
</p>
</div>
</div>
</section>
</section>
<section>
<section id="slide-org003a8ec" data-background="./bCardBackground.png">
<h2 id="org003a8ec">Federated social media services</h2>
<div class="outline-text-2" id="text-org003a8ec">
</div>
</section>
<section id="slide-org890aad6" data-background="./bCardBackground.png">
<h3 id="org890aad6">Federated services 1/8 &#x2013; overview</h3>
<div class="e-frame">
<div id="org7500818" class="figure">
<p><img src="structurizr-1-007-FederatedSocial-01.png" alt="structurizr-1-007-FederatedSocial-01.png" width="75%" />
</p>
</div>
</div>
</section>
<section id="slide-org1ef0297" data-background="./bCardBackground.png">
<h3 id="org1ef0297">Federated services 2/8 &#x2013; internal, administration and content moderation services</h3>
<div class="e-frame">
<div id="orga90dd9a" class="figure">
<p><img src="structurizr-1-008-FederatedSocial-02.png" alt="structurizr-1-008-FederatedSocial-02.png" width="40%" />
</p>
</div>
</div>
</section>
<section id="slide-orgb28a1c7" data-background="./bCardBackground.png">
<h3 id="orgb28a1c7">Federated services 3/8 &#x2013; federation 1</h3>
<div class="e-frame">
<div id="orge2edf10" class="figure">
<p><img src="structurizr-1-009-FederatedSocial-03.png" alt="structurizr-1-009-FederatedSocial-03.png" width="75%" />
</p>
</div>
</div>
</section>
<section id="slide-org3b4e10b" data-background="./bCardBackground.png">
<h3 id="org3b4e10b">Federated services 4/8 &#x2013; federation 2</h3>
<div class="e-frame">
<div id="org0e3b031" class="figure">
<p><img src="structurizr-1-010-FederatedSocial-04.png" alt="structurizr-1-010-FederatedSocial-04.png" width="75%" />
</p>
</div>
</div>
</section>
<section id="slide-orgabd564a" data-background="./bCardBackground.png">
<h3 id="orgabd564a">Federated services 5/8 &#x2013; federation 3</h3>
<div class="e-frame">
<div id="org8193960" class="figure">
<p><img src="structurizr-1-011-FederatedSocial-05.png" alt="structurizr-1-011-FederatedSocial-05.png" width="75%" />
</p>
</div>
</div>
</section>
<section id="slide-org3192c60" data-background="./bCardBackground.png">
<h3 id="org3192c60">Federated services 6/8 &#x2013; federation 4</h3>
<div class="e-frame">
<div id="org8fc780a" class="figure">
<p><img src="structurizr-1-012-FederatedSocial-06.png" alt="structurizr-1-012-FederatedSocial-06.png" width="75%" />
</p>
</div>
</div>
</section>
<section id="slide-org0ed36e8" data-background="./bCardBackground.png">
<h3 id="org0ed36e8">Federated services 7/8 &#x2013; federation 5</h3>
<div class="e-frame">
<div id="org229c0dd" class="figure">
<p><img src="structurizr-1-013-FederatedSocial-07.png" alt="structurizr-1-013-FederatedSocial-07.png" width="75%" />
</p>
</div>
</div>
</section>
<section id="slide-orgda39674" data-background="./bCardBackground.png">
<h3 id="orgda39674">Federated services 8/8 &#x2013; federation 6</h3>
<div class="e-frame">
<div id="org4c36e78" class="figure">
<p><img src="structurizr-1-014-FederatedSocial-08.png" alt="structurizr-1-014-FederatedSocial-08.png" width="75%" />
</p>
</div>
</div>
</section>
</section>
</div>
</div>
<script src="./reveal.js/dist/reveal.js"></script>
<script src="./reveal.js/plugin/markdown/markdown.js"></script>
<script src="./reveal.js/plugin/zoom/zoom.js"></script>
<script src="./reveal.js/plugin/notes/notes.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
plugins: [RevealMarkdown, RevealZoom, RevealNotes],
transition:'none', margin: 0.1, slideNumber:true
});
</script>
</body>
</html>