eibhearPublic/blueskyArchitecture
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

reveal.js is somewhere else now

Browse source
This commit is contained in:
Éibhear Ó hAnluain 2024-05-25 20:28:44 +01:00
parent cdcafff446
commit e54e5e9cbd
Signed by: eibhear
GPG key ID: D124FE9CF2177106
3 changed files with 159 additions and 160 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

316
BlueskyArchitecture.html
View file

@ -9,9 +9,9 @@
<style type="text/css"> <style type="text/css">
.underline { text-decoration: underline; } .underline { text-decoration: underline; }
</style> </style>
<link rel="stylesheet" href="./reveal.js/dist/reveal.css"/> <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="../reveal.js/dist/theme/white.css" id="theme"/>
<link rel="stylesheet" href="./e-reveal.css"/> <link rel="stylesheet" href="./e-reveal.css"/>
@ -27,30 +27,30 @@
<h2>Table of Contents</h2> <h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc"> <div id="text-table-of-contents" role="doc-toc">
<ul> <ul>
<li><a href="#/slide-orge7e476c">Introduction</a></li> <li><a href="#/slide-org9ccac15">Introduction</a></li>
<li><a href="#/slide-org64099ae">General social media architectures</a></li> <li><a href="#/slide-orgecc07a4">General social media architectures</a></li>
<li><a href="#/slide-org890d10f">Federated social media services</a></li> <li><a href="#/slide-org2b980de">Federated social media services</a></li>
<li><a href="#/slide-org39218aa">Bluesky</a></li> <li><a href="#/slide-org1c58401">Bluesky</a></li>
<li><a href="#/slide-org61fb0ad">Bluesky &#x2013; Identities</a></li> <li><a href="#/slide-org3b3e36e">Bluesky &#x2013; Identities</a></li>
<li><a href="#/slide-org202c2bc">Bluesky &#x2013; Composable Feeds</a></li> <li><a href="#/slide-org08fb271">Bluesky &#x2013; Composable Feeds</a></li>
<li><a href="#/slide-orge44470c">Bluesky &#x2013; The AppView</a></li> <li><a href="#/slide-orgcd374ae">Bluesky &#x2013; The AppView</a></li>
<li><a href="#/slide-orgbbe2078">Bluesky &#x2013; The Relay and the PDS</a></li> <li><a href="#/slide-org11ff99e">Bluesky &#x2013; The Relay and the PDS</a></li>
<li><a href="#/slide-orgdbbeb53">Bluesky &#x2013; Moderation</a></li> <li><a href="#/slide-org2dec4ec">Bluesky &#x2013; Moderation</a></li>
<li><a href="#/slide-org077707d">Bluesky</a></li> <li><a href="#/slide-orgdc59907">Bluesky</a></li>
<li><a href="#/slide-orgace6b66">Resources and further reading</a></li> <li><a href="#/slide-org8fc9925">Resources and further reading</a></li>
</ul> </ul>
</div> </div>
</div> </div>
</section> </section>
<section> <section>
<section id="slide-orge7e476c" data-background="./bCardBackground.png"> <section id="slide-org9ccac15" data-background="./bCardBackground.png">
<h2 id="orge7e476c">Introduction</h2> <h2 id="org9ccac15">Introduction</h2>
<div class="outline-text-2" id="text-orge7e476c"> <div class="outline-text-2" id="text-org9ccac15">
</div> </div>
</section> </section>
<section id="slide-orga9a294a" data-background="./bCardBackground.png"> <section id="slide-orgf294eb5" data-background="./bCardBackground.png">
<h3 id="orga9a294a">Éibhear Ó hAnluain</h3> <h3 id="orgf294eb5">Éibhear Ó hAnluain</h3>
<div class="e-frame"> <div class="e-frame">
<ul> <ul>
<li class="fragment appear">IT professional since 1994</li> <li class="fragment appear">IT professional since 1994</li>
@ -71,8 +71,8 @@
</ul> </ul>
</div> </div>
</section> </section>
<section id="slide-orgcd3ef43" data-background="./bCardBackground.png"> <section id="slide-org28122e7" data-background="./bCardBackground.png">
<h3 id="orgcd3ef43">What is Bluesky</h3> <h3 id="org28122e7">What is Bluesky</h3>
<div class="e-frame"> <div class="e-frame">
<ul> <ul>
<li class="fragment appear">A new social media service</li> <li class="fragment appear">A new social media service</li>
@ -101,28 +101,28 @@ when ready</li>
</section> </section>
</section> </section>
<section> <section>
<section id="slide-org64099ae" data-background="./bCardBackground.png"> <section id="slide-orgecc07a4" data-background="./bCardBackground.png">
<h2 id="org64099ae">General social media architectures</h2> <h2 id="orgecc07a4">General social media architectures</h2>
<div class="outline-text-2" id="text-org64099ae"> <div class="outline-text-2" id="text-orgecc07a4">
</div> </div>
</section> </section>
<section id="slide-orga51d901" data-background="./bCardBackground.png"> <section id="slide-org561c31e" data-background="./bCardBackground.png">
<h3 id="orga51d901">Simplistic view 1/2 &#x2013; overview</h3> <h3 id="org561c31e">Simplistic view 1/2 &#x2013; overview</h3>
<div class="e-frame"> <div class="e-frame">
<div id="orgb64bdec" class="figure"> <div id="org3650cce" class="figure">
<p><img src="structurizr-1-001-GenericSocial-01.png" alt="structurizr-1-001-GenericSocial-01.png" width="90%" /> <p><img src="structurizr-1-001-GenericSocial-01.png" alt="structurizr-1-001-GenericSocial-01.png" width="90%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-orgb10542d" data-background="./bCardBackground.png"> <section id="slide-orga310422" data-background="./bCardBackground.png">
<h3 id="orgb10542d">Simplistic view 2/2 &#x2013; services</h3> <h3 id="orga310422">Simplistic view 2/2 &#x2013; services</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns"> <div class="one_of_2_columns">
<div id="orgc1d349b" class="figure"> <div id="org05cdedb" class="figure">
<p><img src="structurizr-1-002-GenericSocial-02.png" alt="structurizr-1-002-GenericSocial-02.png" width="40%" /> <p><img src="structurizr-1-002-GenericSocial-02.png" alt="structurizr-1-002-GenericSocial-02.png" width="40%" />
</p> </p>
</div> </div>
@ -138,23 +138,23 @@ when ready</li>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org623f3d3" data-background="./bCardBackground.png"> <section id="slide-org81c5775" data-background="./bCardBackground.png">
<h3 id="org623f3d3">More realistic view 1/4 &#x2013; overview</h3> <h3 id="org81c5775">More realistic view 1/4 &#x2013; overview</h3>
<div class="e-frame"> <div class="e-frame">
<div id="org939ee27" class="figure"> <div id="org8b9da19" class="figure">
<p><img src="structurizr-1-003-RealisticSocial-01.png" alt="structurizr-1-003-RealisticSocial-01.png" width="90%" /> <p><img src="structurizr-1-003-RealisticSocial-01.png" alt="structurizr-1-003-RealisticSocial-01.png" width="90%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-orgc1bfe3e" data-background="./bCardBackground.png"> <section id="slide-org8c410e9" data-background="./bCardBackground.png">
<h3 id="orgc1bfe3e">More realistic view 2/4 &#x2013; basic services</h3> <h3 id="org8c410e9">More realistic view 2/4 &#x2013; basic services</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns"> <div class="one_of_2_columns">
<div id="org4ce05da" class="figure"> <div id="orgb398180" class="figure">
<p><img src="structurizr-1-004-RealisticSocial-02.png" alt="structurizr-1-004-RealisticSocial-02.png" width="70%" /> <p><img src="structurizr-1-004-RealisticSocial-02.png" alt="structurizr-1-004-RealisticSocial-02.png" width="70%" />
</p> </p>
</div> </div>
@ -172,13 +172,13 @@ when ready</li>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-orgd47a558" data-background="./bCardBackground.png"> <section id="slide-orge1aa03f" data-background="./bCardBackground.png">
<h3 id="orgd47a558">More realistic view 3/4 &#x2013; the algorithm</h3> <h3 id="orge1aa03f">More realistic view 3/4 &#x2013; the algorithm</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns"> <div class="one_of_2_columns">
<div id="org4698712" class="figure"> <div id="org23a679f" class="figure">
<p><img src="structurizr-1-005-RealisticSocial-03.png" alt="structurizr-1-005-RealisticSocial-03.png" width="70%" /> <p><img src="structurizr-1-005-RealisticSocial-03.png" alt="structurizr-1-005-RealisticSocial-03.png" width="70%" />
</p> </p>
</div> </div>
@ -197,13 +197,13 @@ when ready</li>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org6e15148" data-background="./bCardBackground.png"> <section id="slide-org5b5e0f3" data-background="./bCardBackground.png">
<h3 id="org6e15148">More realistic view 4/4 &#x2013; content moderation</h3> <h3 id="org5b5e0f3">More realistic view 4/4 &#x2013; content moderation</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns"> <div class="one_of_2_columns">
<div id="org352eec0" class="figure"> <div id="org29bbdd9" class="figure">
<p><img src="structurizr-1-006-RealisticSocial-04.png" alt="structurizr-1-006-RealisticSocial-04.png" width="100%" /> <p><img src="structurizr-1-006-RealisticSocial-04.png" alt="structurizr-1-006-RealisticSocial-04.png" width="100%" />
</p> </p>
</div> </div>
@ -225,28 +225,28 @@ when ready</li>
</section> </section>
</section> </section>
<section> <section>
<section id="slide-org890d10f" data-background="./bCardBackground.png"> <section id="slide-org2b980de" data-background="./bCardBackground.png">
<h2 id="org890d10f">Federated social media services</h2> <h2 id="org2b980de">Federated social media services</h2>
<div class="outline-text-2" id="text-org890d10f"> <div class="outline-text-2" id="text-org2b980de">
</div> </div>
</section> </section>
<section id="slide-orgb6a43e8" data-background="./bCardBackground.png"> <section id="slide-orga398dbc" data-background="./bCardBackground.png">
<h3 id="orgb6a43e8">Federated services 1/8 &#x2013; overview</h3> <h3 id="orga398dbc">Federated services 1/8 &#x2013; overview</h3>
<div class="e-frame"> <div class="e-frame">
<div id="orgfe94043" class="figure"> <div id="org4ad1c2c" class="figure">
<p><img src="structurizr-1-007-FederatedSocial-01.png" alt="structurizr-1-007-FederatedSocial-01.png" width="75%" /> <p><img src="structurizr-1-007-FederatedSocial-01.png" alt="structurizr-1-007-FederatedSocial-01.png" width="75%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-orgcafff73" data-background="./bCardBackground.png"> <section id="slide-orgbec2724" data-background="./bCardBackground.png">
<h3 id="orgcafff73">Federated services 2/8 &#x2013; internal, administration and content moderation services</h3> <h3 id="orgbec2724">Federated services 2/8 &#x2013; internal, administration and content moderation services</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns"> <div class="one_of_2_columns">
<div id="orge0b86a5" class="figure"> <div id="org30fa294" class="figure">
<p><img src="structurizr-1-008-FederatedSocial-02.png" alt="structurizr-1-008-FederatedSocial-02.png" width="70%" /> <p><img src="structurizr-1-008-FederatedSocial-02.png" alt="structurizr-1-008-FederatedSocial-02.png" width="70%" />
</p> </p>
</div> </div>
@ -267,13 +267,13 @@ when ready</li>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org849d750" data-background="./bCardBackground.png"> <section id="slide-org06f0adf" data-background="./bCardBackground.png">
<h3 id="org849d750">Federated services 3/8 &#x2013; federation 1</h3> <h3 id="org06f0adf">Federated services 3/8 &#x2013; federation 1</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns" style="width: 60%"> <div class="one_of_2_columns" style="width: 60%">
<div id="org598f1fc" class="figure"> <div id="orgbc419b6" class="figure">
<p><img src="structurizr-1-009-FederatedSocial-03.png" alt="structurizr-1-009-FederatedSocial-03.png" width="100%" /> <p><img src="structurizr-1-009-FederatedSocial-03.png" alt="structurizr-1-009-FederatedSocial-03.png" width="100%" />
</p> </p>
</div> </div>
@ -298,51 +298,51 @@ when ready</li>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org3de06f3" data-background="./bCardBackground.png"> <section id="slide-org9eeed58" data-background="./bCardBackground.png">
<h3 id="org3de06f3">Federated services 4/8 &#x2013; federation 2</h3> <h3 id="org9eeed58">Federated services 4/8 &#x2013; federation 2</h3>
<div class="e-frame"> <div class="e-frame">
<div id="org699e2a2" class="figure"> <div id="orgaa3a02f" class="figure">
<p><img src="structurizr-1-010-FederatedSocial-04.png" alt="structurizr-1-010-FederatedSocial-04.png" width="75%" /> <p><img src="structurizr-1-010-FederatedSocial-04.png" alt="structurizr-1-010-FederatedSocial-04.png" width="75%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org5fa9d1f" data-background="./bCardBackground.png"> <section id="slide-org2c884a1" data-background="./bCardBackground.png">
<h3 id="org5fa9d1f">Federated services 5/8 &#x2013; federation 3</h3> <h3 id="org2c884a1">Federated services 5/8 &#x2013; federation 3</h3>
<div class="e-frame"> <div class="e-frame">
<div id="orge6a4f9c" class="figure"> <div id="org6c07421" class="figure">
<p><img src="structurizr-1-011-FederatedSocial-05.png" alt="structurizr-1-011-FederatedSocial-05.png" width="75%" /> <p><img src="structurizr-1-011-FederatedSocial-05.png" alt="structurizr-1-011-FederatedSocial-05.png" width="75%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org3e8a5ec" data-background="./bCardBackground.png"> <section id="slide-orga02bdaf" data-background="./bCardBackground.png">
<h3 id="org3e8a5ec">Federated services 6/8 &#x2013; federation 4</h3> <h3 id="orga02bdaf">Federated services 6/8 &#x2013; federation 4</h3>
<div class="e-frame"> <div class="e-frame">
<div id="org6bdea5b" class="figure"> <div id="orge29a477" class="figure">
<p><img src="structurizr-1-012-FederatedSocial-06.png" alt="structurizr-1-012-FederatedSocial-06.png" width="75%" /> <p><img src="structurizr-1-012-FederatedSocial-06.png" alt="structurizr-1-012-FederatedSocial-06.png" width="75%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org0a42309" data-background="./bCardBackground.png"> <section id="slide-org490ac3a" data-background="./bCardBackground.png">
<h3 id="org0a42309">Federated services 7/8 &#x2013; federation 5</h3> <h3 id="org490ac3a">Federated services 7/8 &#x2013; federation 5</h3>
<div class="e-frame"> <div class="e-frame">
<div id="org4132423" class="figure"> <div id="org59eee6e" class="figure">
<p><img src="structurizr-1-013-FederatedSocial-07.png" alt="structurizr-1-013-FederatedSocial-07.png" width="75%" /> <p><img src="structurizr-1-013-FederatedSocial-07.png" alt="structurizr-1-013-FederatedSocial-07.png" width="75%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org1a2a5a9" data-background="./bCardBackground.png"> <section id="slide-orgab66133" data-background="./bCardBackground.png">
<h3 id="org1a2a5a9">Federated services 8/8 &#x2013; federation 6</h3> <h3 id="orgab66133">Federated services 8/8 &#x2013; federation 6</h3>
<div class="e-frame"> <div class="e-frame">
<div id="orgc0f089d" class="figure"> <div id="org78782bf" class="figure">
<p><img src="structurizr-1-014-FederatedSocial-08.png" alt="structurizr-1-014-FederatedSocial-08.png" width="75%" /> <p><img src="structurizr-1-014-FederatedSocial-08.png" alt="structurizr-1-014-FederatedSocial-08.png" width="75%" />
</p> </p>
</div> </div>
@ -350,28 +350,28 @@ when ready</li>
</section> </section>
</section> </section>
<section> <section>
<section id="slide-org39218aa" data-background="./bCardBackground.png"> <section id="slide-org1c58401" data-background="./bCardBackground.png">
<h2 id="org39218aa">Bluesky</h2> <h2 id="org1c58401">Bluesky</h2>
<div class="outline-text-2" id="text-org39218aa"> <div class="outline-text-2" id="text-org1c58401">
</div> </div>
</section> </section>
<section id="slide-orgcb24f75" data-background="./bCardBackground.png"> <section id="slide-org4dad692" data-background="./bCardBackground.png">
<h3 id="orgcb24f75">Basic Bluesky 1/2</h3> <h3 id="org4dad692">Basic Bluesky 1/2</h3>
<div class="e-frame"> <div class="e-frame">
<div id="orgc43cf74" class="figure"> <div id="org4f17692" class="figure">
<p><img src="structurizr-1-015-BlueskyBasic-01.png" alt="structurizr-1-015-BlueskyBasic-01.png" width="100%" /> <p><img src="structurizr-1-015-BlueskyBasic-01.png" alt="structurizr-1-015-BlueskyBasic-01.png" width="100%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org9a6b8e9" data-background="./bCardBackground.png"> <section id="slide-org28d95b1" data-background="./bCardBackground.png">
<h3 id="org9a6b8e9">Basic Bluesky 2/2</h3> <h3 id="org28d95b1">Basic Bluesky 2/2</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns" style="width: 70%"> <div class="one_of_2_columns" style="width: 70%">
<div id="orgf51ab31" class="figure"> <div id="org88f86d8" class="figure">
<p><img src="structurizr-1-016-BlueskyBasic-02.png" alt="structurizr-1-016-BlueskyBasic-02.png" width="100%" /> <p><img src="structurizr-1-016-BlueskyBasic-02.png" alt="structurizr-1-016-BlueskyBasic-02.png" width="100%" />
</p> </p>
</div> </div>
@ -393,18 +393,18 @@ when ready</li>
</section> </section>
</section> </section>
<section> <section>
<section id="slide-org61fb0ad" data-background="./bCardBackground.png"> <section id="slide-org3b3e36e" data-background="./bCardBackground.png">
<h2 id="org61fb0ad">Bluesky &#x2013; Identities</h2> <h2 id="org3b3e36e">Bluesky &#x2013; Identities</h2>
<div class="outline-text-2" id="text-org61fb0ad"> <div class="outline-text-2" id="text-org3b3e36e">
</div> </div>
</section> </section>
<section id="slide-org6323d46" data-background="./bCardBackground.png"> <section id="slide-org54b695f" data-background="./bCardBackground.png">
<h3 id="org6323d46">Bluesky Identities 1/4</h3> <h3 id="org54b695f">Bluesky Identities 1/4</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns" style="width: 35%"> <div class="one_of_2_columns" style="width: 35%">
<div id="org2abe175" class="figure"> <div id="org34ac80b" class="figure">
<p><img src="structurizr-1-017-BlueskyIdentity-01.png" alt="structurizr-1-017-BlueskyIdentity-01.png" width="100%" /> <p><img src="structurizr-1-017-BlueskyIdentity-01.png" alt="structurizr-1-017-BlueskyIdentity-01.png" width="100%" />
</p> </p>
</div> </div>
@ -433,7 +433,7 @@ Domain-based handle resolves to a DID, either by DNS or <code>.well-known</code>
<pre class="src src-shell" ><code trim>$ dig _atproto.eibhear.gibiris.org TXT <pre class="src src-shell" ><code trim>$ dig _atproto.eibhear.gibiris.org TXT
... ...
;; ANSWER SECTION: ;; ANSWER SECTION:
_atproto.eibhear.gibiris.org. 3600 IN TXT <span style="color: #8b2252;">"did=did:plc:23mysztmt7dh3l5lzhinzafi"</span> _atproto.eibhear.gibiris.org. 3600 IN TXT <span style="color: #ffa07a;">"did=did:plc:23mysztmt7dh3l5lzhinzafi"</span>
$ curl https://theauldsthretch.bsky.social/.well-known/atproto-did $ curl https://theauldsthretch.bsky.social/.well-known/atproto-did
did:plc:avzdf5esd7xpbgsgh7lx4kzq did:plc:avzdf5esd7xpbgsgh7lx4kzq
@ -444,31 +444,31 @@ did:plc:avzdf5esd7xpbgsgh7lx4kzq
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org9e16e1c" data-background="./bCardBackground.png"> <section id="slide-orga7295f1" data-background="./bCardBackground.png">
<h3 id="org9e16e1c">Bluesky Identities 2/4</h3> <h3 id="orga7295f1">Bluesky Identities 2/4</h3>
<div class="e-frame"> <div class="e-frame">
<div id="org9079127" class="figure"> <div id="org1998a63" class="figure">
<p><img src="structurizr-1-018-BlueskyIdentity-02.png" alt="structurizr-1-018-BlueskyIdentity-02.png" width="100%" /> <p><img src="structurizr-1-018-BlueskyIdentity-02.png" alt="structurizr-1-018-BlueskyIdentity-02.png" width="100%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org46dba9e" data-background="./bCardBackground.png"> <section id="slide-orgc5df1be" data-background="./bCardBackground.png">
<h3 id="org46dba9e">Bluesky Identities 3/4</h3> <h3 id="orgc5df1be">Bluesky Identities 3/4</h3>
<div class="e-frame"> <div class="e-frame">
<div id="org8b3b272" class="figure"> <div id="org66ca3bd" class="figure">
<p><img src="structurizr-1-019-BlueskyIdentity-03.png" alt="structurizr-1-019-BlueskyIdentity-03.png" width="100%" /> <p><img src="structurizr-1-019-BlueskyIdentity-03.png" alt="structurizr-1-019-BlueskyIdentity-03.png" width="100%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org41d0c5b" data-background="./bCardBackground.png"> <section id="slide-org2c0008d" data-background="./bCardBackground.png">
<h3 id="org41d0c5b">Bluesky Identities 4/4</h3> <h3 id="org2c0008d">Bluesky Identities 4/4</h3>
<div class="e-frame"> <div class="e-frame">
<div id="orgb415158" class="figure"> <div id="org533df2a" class="figure">
<p><img src="structurizr-1-020-BlueskyIdentity-04.png" alt="structurizr-1-020-BlueskyIdentity-04.png" width="100%" /> <p><img src="structurizr-1-020-BlueskyIdentity-04.png" alt="structurizr-1-020-BlueskyIdentity-04.png" width="100%" />
</p> </p>
</div> </div>
@ -476,18 +476,18 @@ did:plc:avzdf5esd7xpbgsgh7lx4kzq
</section> </section>
</section> </section>
<section> <section>
<section id="slide-org202c2bc" data-background="./bCardBackground.png"> <section id="slide-org08fb271" data-background="./bCardBackground.png">
<h2 id="org202c2bc">Bluesky &#x2013; Composable Feeds</h2> <h2 id="org08fb271">Bluesky &#x2013; Composable Feeds</h2>
<div class="outline-text-2" id="text-org202c2bc"> <div class="outline-text-2" id="text-org08fb271">
</div> </div>
</section> </section>
<section id="slide-org5ffc94e" data-background="./bCardBackground.png"> <section id="slide-org3a41380" data-background="./bCardBackground.png">
<h3 id="org5ffc94e">Bluesky Composable Feeds 1/3</h3> <h3 id="org3a41380">Bluesky Composable Feeds 1/3</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns" style="width: 70%"> <div class="one_of_2_columns" style="width: 70%">
<div id="orgf85a188" class="figure"> <div id="orgefa6bb4" class="figure">
<p><img src="structurizr-1-021-BlueskyFeeds-01.png" alt="structurizr-1-021-BlueskyFeeds-01.png" width="100%" /> <p><img src="structurizr-1-021-BlueskyFeeds-01.png" alt="structurizr-1-021-BlueskyFeeds-01.png" width="100%" />
</p> </p>
</div> </div>
@ -516,21 +516,21 @@ did:plc:avzdf5esd7xpbgsgh7lx4kzq
</div> </div>
</div> </div>
</section> </section>
<section id="slide-orge01370a" data-background="./bCardBackground.png"> <section id="slide-org8b76c2d" data-background="./bCardBackground.png">
<h3 id="orge01370a">Bluesky Composable Feeds 2/3 &#x2013; feeds as a separate application type</h3> <h3 id="org8b76c2d">Bluesky Composable Feeds 2/3 &#x2013; feeds as a separate application type</h3>
<div class="e-frame"> <div class="e-frame">
<div id="org1229de1" class="figure"> <div id="org40b6633" class="figure">
<p><img src="structurizr-1-023-BlueskyFeeds-03.png" alt="structurizr-1-023-BlueskyFeeds-03.png" width="100%" /> <p><img src="structurizr-1-023-BlueskyFeeds-03.png" alt="structurizr-1-023-BlueskyFeeds-03.png" width="100%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org006cbeb" data-background="./bCardBackground.png"> <section id="slide-org8c023dc" data-background="./bCardBackground.png">
<h3 id="org006cbeb">Bluesky Composable Feeds 3/3 &#x2013; Generic feeds</h3> <h3 id="org8c023dc">Bluesky Composable Feeds 3/3 &#x2013; Generic feeds</h3>
<div class="e-frame"> <div class="e-frame">
<div id="org8d8538b" class="figure"> <div id="org9113ddd" class="figure">
<p><img src="structurizr-1-024-BlueskyFeeds-04.png" alt="structurizr-1-024-BlueskyFeeds-04.png" width="100%" /> <p><img src="structurizr-1-024-BlueskyFeeds-04.png" alt="structurizr-1-024-BlueskyFeeds-04.png" width="100%" />
</p> </p>
</div> </div>
@ -538,18 +538,18 @@ did:plc:avzdf5esd7xpbgsgh7lx4kzq
</section> </section>
</section> </section>
<section> <section>
<section id="slide-orge44470c" data-background="./bCardBackground.png"> <section id="slide-orgcd374ae" data-background="./bCardBackground.png">
<h2 id="orge44470c">Bluesky &#x2013; The AppView</h2> <h2 id="orgcd374ae">Bluesky &#x2013; The AppView</h2>
<div class="outline-text-2" id="text-orge44470c"> <div class="outline-text-2" id="text-orgcd374ae">
</div> </div>
</section> </section>
<section id="slide-org05f764d" data-background="./bCardBackground.png"> <section id="slide-org9fb3197" data-background="./bCardBackground.png">
<h3 id="org05f764d">Bluesky AppView 1/3</h3> <h3 id="org9fb3197">Bluesky AppView 1/3</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns" style="width: 60%"> <div class="one_of_2_columns" style="width: 60%">
<div id="orgc60665b" class="figure"> <div id="org515eb99" class="figure">
<p><img src="structurizr-1-025-BlueskyAppView-01.png" alt="structurizr-1-025-BlueskyAppView-01.png" width="100%" /> <p><img src="structurizr-1-025-BlueskyAppView-01.png" alt="structurizr-1-025-BlueskyAppView-01.png" width="100%" />
</p> </p>
</div> </div>
@ -577,13 +577,13 @@ did:plc:avzdf5esd7xpbgsgh7lx4kzq
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org1b4751a" data-background="./bCardBackground.png"> <section id="slide-org0992db0" data-background="./bCardBackground.png">
<h3 id="org1b4751a">Bluesky AppView 2/3 &#x2013; A 3rd-party independent AppView</h3> <h3 id="org0992db0">Bluesky AppView 2/3 &#x2013; A 3rd-party independent AppView</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns" style="width: 60%"> <div class="one_of_2_columns" style="width: 60%">
<div id="org3dc12fb" class="figure"> <div id="org7b9997d" class="figure">
<p><img src="structurizr-1-027-BlueskyAppView-03.png" alt="structurizr-1-027-BlueskyAppView-03.png" width="100%" /> <p><img src="structurizr-1-027-BlueskyAppView-03.png" alt="structurizr-1-027-BlueskyAppView-03.png" width="100%" />
</p> </p>
</div> </div>
@ -617,11 +617,11 @@ did:plc:avzdf5esd7xpbgsgh7lx4kzq
</div> </div>
</div> </div>
</section> </section>
<section id="slide-orgf5d9361" data-background="./bCardBackground.png"> <section id="slide-org399c6de" data-background="./bCardBackground.png">
<h3 id="orgf5d9361">Bluesky AppView 3/3 &#x2013; Generic AppView</h3> <h3 id="org399c6de">Bluesky AppView 3/3 &#x2013; Generic AppView</h3>
<div class="e-frame"> <div class="e-frame">
<div id="orga6d993a" class="figure"> <div id="orgfc397a7" class="figure">
<p><img src="structurizr-1-028-BlueskyAppView-04.png" alt="structurizr-1-028-BlueskyAppView-04.png" width="70%" /> <p><img src="structurizr-1-028-BlueskyAppView-04.png" alt="structurizr-1-028-BlueskyAppView-04.png" width="70%" />
</p> </p>
</div> </div>
@ -629,18 +629,18 @@ did:plc:avzdf5esd7xpbgsgh7lx4kzq
</section> </section>
</section> </section>
<section> <section>
<section id="slide-orgbbe2078" data-background="./bCardBackground.png"> <section id="slide-org11ff99e" data-background="./bCardBackground.png">
<h2 id="orgbbe2078">Bluesky &#x2013; The Relay and the PDS</h2> <h2 id="org11ff99e">Bluesky &#x2013; The Relay and the PDS</h2>
<div class="outline-text-2" id="text-orgbbe2078"> <div class="outline-text-2" id="text-org11ff99e">
</div> </div>
</section> </section>
<section id="slide-org7a475d3" data-background="./bCardBackground.png"> <section id="slide-org897fac7" data-background="./bCardBackground.png">
<h3 id="org7a475d3">Bluesky Relay 1/2 &#x2013; 1 PDS into many</h3> <h3 id="org897fac7">Bluesky Relay 1/2 &#x2013; 1 PDS into many</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns" style="width: 70%"> <div class="one_of_2_columns" style="width: 70%">
<div id="org8c9b5a0" class="figure"> <div id="org03c7907" class="figure">
<p><img src="structurizr-1-029-BlueskyRelay-01.png" alt="structurizr-1-029-BlueskyRelay-01.png" width="100%" /> <p><img src="structurizr-1-029-BlueskyRelay-01.png" alt="structurizr-1-029-BlueskyRelay-01.png" width="100%" />
</p> </p>
</div> </div>
@ -655,13 +655,13 @@ did:plc:avzdf5esd7xpbgsgh7lx4kzq
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org07eb435" data-background="./bCardBackground.png"> <section id="slide-orgce2dfdf" data-background="./bCardBackground.png">
<h3 id="org07eb435">Bluesky Relay 2/2 &#x2013; Relay, as a proxy to the PDSes</h3> <h3 id="orgce2dfdf">Bluesky Relay 2/2 &#x2013; Relay, as a proxy to the PDSes</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns" style="width: 70%"> <div class="one_of_2_columns" style="width: 70%">
<div id="org02cc73b" class="figure"> <div id="org46c6eac" class="figure">
<p><img src="structurizr-1-030-BlueskyRelay-02.png" alt="structurizr-1-030-BlueskyRelay-02.png" width="100%" /> <p><img src="structurizr-1-030-BlueskyRelay-02.png" alt="structurizr-1-030-BlueskyRelay-02.png" width="100%" />
</p> </p>
</div> </div>
@ -687,31 +687,31 @@ did:plc:avzdf5esd7xpbgsgh7lx4kzq
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org1a4fb5b" data-background="./bCardBackground.png"> <section id="slide-org9b06846" data-background="./bCardBackground.png">
<h3 id="org1a4fb5b">Bluesky PDS 1/3 &#x2013; An independent PDS: "federation" of a sort</h3> <h3 id="org9b06846">Bluesky PDS 1/3 &#x2013; An independent PDS: "federation" of a sort</h3>
<div class="e-frame"> <div class="e-frame">
<div id="org8ea43db" class="figure"> <div id="orgbaafeca" class="figure">
<p><img src="structurizr-1-032-BlueskyPDS-01.png" alt="structurizr-1-032-BlueskyPDS-01.png" width="90%" /> <p><img src="structurizr-1-032-BlueskyPDS-01.png" alt="structurizr-1-032-BlueskyPDS-01.png" width="90%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-orge7c1b17" data-background="./bCardBackground.png"> <section id="slide-org98204cf" data-background="./bCardBackground.png">
<h3 id="orge7c1b17">Bluesky PDS 2/3 &#x2013; An independent PDS: "federation" of a sort</h3> <h3 id="org98204cf">Bluesky PDS 2/3 &#x2013; An independent PDS: "federation" of a sort</h3>
<div class="e-frame"> <div class="e-frame">
<div id="org4748967" class="figure"> <div id="org7ced10c" class="figure">
<p><img src="structurizr-1-034-BlueskyPDS-03.png" alt="structurizr-1-034-BlueskyPDS-03.png" width="90%" /> <p><img src="structurizr-1-034-BlueskyPDS-03.png" alt="structurizr-1-034-BlueskyPDS-03.png" width="90%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org6a4f134" data-background="./bCardBackground.png"> <section id="slide-org97b3d45" data-background="./bCardBackground.png">
<h3 id="org6a4f134">Bluesky PDS 3/3 &#x2013; PDS: "federation" of a sort</h3> <h3 id="org97b3d45">Bluesky PDS 3/3 &#x2013; PDS: "federation" of a sort</h3>
<div class="e-frame"> <div class="e-frame">
<div id="org1465166" class="figure"> <div id="org9b4c327" class="figure">
<p><img src="structurizr-1-035-BlueskyPDS-04.png" alt="structurizr-1-035-BlueskyPDS-04.png" width="80%" /> <p><img src="structurizr-1-035-BlueskyPDS-04.png" alt="structurizr-1-035-BlueskyPDS-04.png" width="80%" />
</p> </p>
</div> </div>
@ -719,18 +719,18 @@ did:plc:avzdf5esd7xpbgsgh7lx4kzq
</section> </section>
</section> </section>
<section> <section>
<section id="slide-orgdbbeb53" data-background="./bCardBackground.png"> <section id="slide-org2dec4ec" data-background="./bCardBackground.png">
<h2 id="orgdbbeb53">Bluesky &#x2013; Moderation</h2> <h2 id="org2dec4ec">Bluesky &#x2013; Moderation</h2>
<div class="outline-text-2" id="text-orgdbbeb53"> <div class="outline-text-2" id="text-org2dec4ec">
</div> </div>
</section> </section>
<section id="slide-org4d54bcb" data-background="./bCardBackground.png"> <section id="slide-org18fcb5e" data-background="./bCardBackground.png">
<h3 id="org4d54bcb">Bluesky Moderation 1/2</h3> <h3 id="org18fcb5e">Bluesky Moderation 1/2</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns" style="width: 70%"> <div class="one_of_2_columns" style="width: 70%">
<div id="org807252c" class="figure"> <div id="orgbb030f9" class="figure">
<p><img src="structurizr-1-036-BlueskyModeration-01.png" alt="structurizr-1-036-BlueskyModeration-01.png" width="100%" /> <p><img src="structurizr-1-036-BlueskyModeration-01.png" alt="structurizr-1-036-BlueskyModeration-01.png" width="100%" />
</p> </p>
</div> </div>
@ -752,13 +752,13 @@ did:plc:avzdf5esd7xpbgsgh7lx4kzq
</div> </div>
</div> </div>
</section> </section>
<section id="slide-orge712a09" data-background="./bCardBackground.png"> <section id="slide-org76eea11" data-background="./bCardBackground.png">
<h3 id="orge712a09">Bluesky Moderation 2/2 &#x2013; A 3rd-party independent Moderation service</h3> <h3 id="org76eea11">Bluesky Moderation 2/2 &#x2013; A 3rd-party independent Moderation service</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div class="one_of_2_columns" style="width: 70%"> <div class="one_of_2_columns" style="width: 70%">
<div id="org159f38f" class="figure"> <div id="orga3fb7e8" class="figure">
<p><img src="structurizr-1-038-BlueskyModeration-03.png" alt="structurizr-1-038-BlueskyModeration-03.png" width="100%" /> <p><img src="structurizr-1-038-BlueskyModeration-03.png" alt="structurizr-1-038-BlueskyModeration-03.png" width="100%" />
</p> </p>
</div> </div>
@ -785,23 +785,23 @@ did:plc:avzdf5esd7xpbgsgh7lx4kzq
</section> </section>
</section> </section>
<section> <section>
<section id="slide-org077707d" data-background="./bCardBackground.png"> <section id="slide-orgdc59907" data-background="./bCardBackground.png">
<h2 id="org077707d">Bluesky</h2> <h2 id="orgdc59907">Bluesky</h2>
<div class="outline-text-2" id="text-org077707d"> <div class="outline-text-2" id="text-orgdc59907">
</div> </div>
</section> </section>
<section id="slide-org47c3376" data-background="./bCardBackground.png"> <section id="slide-org9e351b5" data-background="./bCardBackground.png">
<h3 id="org47c3376">Bluesky &#x2013; Current architecture</h3> <h3 id="org9e351b5">Bluesky &#x2013; Current architecture</h3>
<div class="gridded_frame_with_columns e-frame"> <div class="gridded_frame_with_columns e-frame">
<div id="org2b8c214" class="figure"> <div id="org3936a39" class="figure">
<p><img src="structurizr-1-038-BlueskyModeration-03.png" alt="structurizr-1-038-BlueskyModeration-03.png" width="100%" /> <p><img src="structurizr-1-038-BlueskyModeration-03.png" alt="structurizr-1-038-BlueskyModeration-03.png" width="100%" />
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section id="slide-org724f5b5" data-background="./bCardBackground.png"> <section id="slide-org0002bbf" data-background="./bCardBackground.png">
<h3 id="org724f5b5">Bluesky &#x2013; Roadmap</h3> <h3 id="org0002bbf">Bluesky &#x2013; Roadmap</h3>
<div class="e-frame"> <div class="e-frame">
<p> <p>
Planned for 2024 Planned for 2024
@ -828,8 +828,8 @@ an application password</li>
</section> </section>
</section> </section>
<section> <section>
<section id="slide-orgace6b66" data-background="./bCardBackground.png"> <section id="slide-org8fc9925" data-background="./bCardBackground.png">
<h2 id="orgace6b66">Resources and further reading</h2> <h2 id="org8fc9925">Resources and further reading</h2>
<div class="e-frame"> <div class="e-frame">
<ul> <ul>
<li>Original <a href="https://knightcolumbia.org/content/protocols-not-platforms-a-technological-approach-to-free-speech"><i>Protocols, Not Platforms: A Technological Approach to Free Speech</i></a> paper</li> <li>Original <a href="https://knightcolumbia.org/content/protocols-not-platforms-a-technological-approach-to-free-speech"><i>Protocols, Not Platforms: A Technological Approach to Free Speech</i></a> paper</li>
@ -856,10 +856,10 @@ an application password</li>
</section> </section>
</div> </div>
</div> </div>
<script src="./reveal.js/dist/reveal.js"></script> <script src="../reveal.js/dist/reveal.js"></script>
<script src="./reveal.js/plugin/markdown/markdown.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/zoom/zoom.js"></script>
<script src="./reveal.js/plugin/notes/notes.js"></script> <script src="../reveal.js/plugin/notes/notes.js"></script>
<script> <script>

2
BlueskyArchitecture.org
View file

@ -12,7 +12,7 @@
#+DESCRIPTION: A discussion of Bluesky's architecture as it relates to other social media services #+DESCRIPTION: A discussion of Bluesky's architecture as it relates to other social media services
#+LANGUAGE: en #+LANGUAGE: en
#+REVEAL_ROOT: ./reveal.js #+REVEAL_ROOT: ../reveal.js
#+REVEAL_INIT_OPTIONS: transition:'none', margin: 0.1, slideNumber:true #+REVEAL_INIT_OPTIONS: transition:'none', margin: 0.1, slideNumber:true
#+REVEAL_THEME: white #+REVEAL_THEME: white

1
reveal.js
View file

@ -1 +0,0 @@
/home/eibhear/development/reveal.js