diff options
| author | Filip Wandzio <contact@philw.dev> | 2025-10-03 00:25:24 +0200 |
|---|---|---|
| committer | Filip Wandzio <contact@philw.dev> | 2025-10-03 00:25:24 +0200 |
| commit | fee6fdbfbd445ed8453856ed133d2b41068d785e (patch) | |
| tree | 9238bb8ef440a55de3c8bed5568ba9e06e4c2da3 /main.tex | |
| download | mm_03102025_matrix-master.tar.gz mm_03102025_matrix-master.zip | |
Diffstat (limited to 'main.tex')
| -rw-r--r-- | main.tex | 205 |
1 files changed, 205 insertions, 0 deletions
diff --git a/main.tex b/main.tex new file mode 100644 index 0000000..7e1d7c9 --- /dev/null +++ b/main.tex | |||
| @@ -0,0 +1,205 @@ | |||
| 1 | \documentclass{beamer} | ||
| 2 | \usepackage[T1]{fontenc} | ||
| 3 | \usepackage[utf8]{inputenc} | ||
| 4 | \usepackage{graphicx} | ||
| 5 | \usepackage[inkscapeformat=png]{svg} | ||
| 6 | \usepackage{tikz} | ||
| 7 | \usetikzlibrary{positioning,arrows.meta, calc} | ||
| 8 | \usepackage{caption} | ||
| 9 | |||
| 10 | \definecolor{darkgreen}{RGB}{0,100,0} | ||
| 11 | \setbeamercolor{title}{fg=darkgreen} | ||
| 12 | \setbeamercolor{frametitle}{fg=darkgreen} | ||
| 13 | \setbeamercolor{structure}{fg=darkgreen} | ||
| 14 | \setbeamercolor{normal text}{fg=black,bg=white} | ||
| 15 | |||
| 16 | \usetheme{default} | ||
| 17 | \setbeamertemplate{footline}[frame number]{} | ||
| 18 | \setbeamertemplate{navigation symbols}{} | ||
| 19 | |||
| 20 | \setbeamerfont{frametitle}{size=\huge,series=\mdseries} | ||
| 21 | \setbeamerfont{title}{size=\huge,series=\mdseries} | ||
| 22 | |||
| 23 | \setbeamertemplate{frametitle}{ | ||
| 24 | \vspace{1.5em} | ||
| 25 | \begin{centering} | ||
| 26 | \usebeamerfont{frametitle}\insertframetitle\par | ||
| 27 | \end{centering} | ||
| 28 | \vspace{0.5em} | ||
| 29 | } | ||
| 30 | \title{Enter the [matrix]} | ||
| 31 | \author{Filip Wandzio\vspace{0.5em}\\\texttt{contact@philw.dev}\\\texttt{@philw:matrix.philw.dev}} | ||
| 32 | \date{} | ||
| 33 | |||
| 34 | \begin{document} | ||
| 35 | |||
| 36 | \begin{frame} | ||
| 37 | \titlepage | ||
| 38 | \end{frame} | ||
| 39 | |||
| 40 | \begin{frame}{O mnie} | ||
| 41 | \centering | ||
| 42 | \vspace{0.5cm} | ||
| 43 | \includesvg[width=0.3\textwidth]{assets/web} | ||
| 44 | \vspace{0.5cm} | ||
| 45 | \begin{center} | ||
| 46 | \begin{minipage}{0.15\textwidth} | ||
| 47 | \centering | ||
| 48 | \includesvg[width=0.9\linewidth]{assets/wsb} | ||
| 49 | \end{minipage}\hfill | ||
| 50 | \begin{minipage}{0.15\textwidth} | ||
| 51 | \centering | ||
| 52 | \includesvg[width=0.9\linewidth]{assets/mad} | ||
| 53 | \end{minipage}\hfill | ||
| 54 | \begin{minipage}{0.15\textwidth} | ||
| 55 | \centering | ||
| 56 | \includesvg[width=0.9\linewidth]{assets/k7} | ||
| 57 | \end{minipage}\hfill | ||
| 58 | \end{center} | ||
| 59 | \end{frame} | ||
| 60 | |||
| 61 | \begin{frame}{Czym jest [matrix]?} | ||
| 62 | \begin{itemize} | ||
| 63 | \item Otwarty protokół komunikacji RT rozwijany przez \texttt{matrix.org} | ||
| 64 | \end{itemize} | ||
| 65 | \end{frame} | ||
| 66 | |||
| 67 | \begin{frame}{Nazwy własne} | ||
| 68 | \begin{itemize} | ||
| 69 | \item \textbf{Homeserver} – oprogramowanie umożliwiające zarządzanie użytkownikami, przechowywanie danych i obsługę komunikacji. | ||
| 70 | \item \textbf{Federacja} – mechanizm komunikacyjny tworzący zdecentralizowaną sieć. | ||
| 71 | \item \textbf{Client} – oprogramowanie umożliwiające korzystanie z usług homeservera. | ||
| 72 | \item \textbf{Bridge} – integrator/agregator innych systemów (np. IRC, Slack, Discord). | ||
| 73 | \end{itemize} | ||
| 74 | \end{frame} | ||
| 75 | |||
| 76 | \begin{frame}{Jak działa [matrix]?} | ||
| 77 | \centering | ||
| 78 | \resizebox{0.9\textwidth}{!}{ | ||
| 79 | \begin{tikzpicture}[node distance=1.2cm] | ||
| 80 | \tikzset{ | ||
| 81 | box/.style={draw, thick, minimum width=3.5cm, minimum height=1cm, align=center, rounded corners}, | ||
| 82 | client/.style={draw, thick, minimum width=3.0cm, minimum height=0.9cm, align=center, rounded corners}, | ||
| 83 | arrow/.style={-{Stealth}, thick}, | ||
| 84 | } | ||
| 85 | |||
| 86 | \node[client] (clientA) {Client A}; | ||
| 87 | \node[client, right=4cm of clientA] (clientB) {Client B}; | ||
| 88 | |||
| 89 | \node[box, below=of clientA] (serverA) {Server A}; | ||
| 90 | \node[box, below=of clientB] (serverB) {Server B}; | ||
| 91 | |||
| 92 | \draw[arrow] (clientA.south) -- node[right,align=center] {events\\CS-API} (serverA.north); | ||
| 93 | \draw[arrow] (serverA.north) -- ++(0,0.8) -| (clientA.south); | ||
| 94 | |||
| 95 | \draw[arrow] (clientB.south) -- node[left,align=center] {events\\CS-API} (serverB.north); | ||
| 96 | \draw[arrow] (serverB.north) -- ++(0,0.8) -| (clientB.south); | ||
| 97 | |||
| 98 | \draw[<->,thick] (serverA.east) -- node[above,align=center] {SS-API (HTTPS)} (serverB.west); | ||
| 99 | \end{tikzpicture} | ||
| 100 | } | ||
| 101 | \\ | ||
| 102 | {\scriptsize Źródło: \url{https://matrix.org/docs/matrix-concepts/elements-of-matrix/}} | ||
| 103 | \end{frame} | ||
| 104 | |||
| 105 | \begin{frame}{Jak działa [matrix]?} | ||
| 106 | \begin{center} | ||
| 107 | \texttt{contact@philw.dev <-> contact@phil.xyz} | ||
| 108 | \texttt{@philw:matrix.philw.dev <-> @phil:phil.xyz} | ||
| 109 | \end{center} | ||
| 110 | \end{frame} | ||
| 111 | |||
| 112 | \begin{frame}{Jak działa [matrix]?} | ||
| 113 | \begin{itemize} | ||
| 114 | \item Komunikacja: REST API | ||
| 115 | \item Synchronizacja: \texttt{sync} lub \texttt{sliding-sync} – mechanizm aktualizacji | ||
| 116 | \item E2EE: | ||
| 117 | \begin{itemize} | ||
| 118 | \item Olm (1:1) | ||
| 119 | \item Megolm (1:n) | ||
| 120 | \end{itemize} | ||
| 121 | \item WebRTC | ||
| 122 | \end{itemize} | ||
| 123 | \end{frame} | ||
| 124 | |||
| 125 | |||
| 126 | \begin{frame}{[matrix] a wybrane systemy} | ||
| 127 | \begin{center} | ||
| 128 | \begin{tabular}{|l|c|c|c|c|} | ||
| 129 | \hline | ||
| 130 | & \textbf{Matrix} & \textbf{Signal} & \textbf{Slack} & \textbf{Discord} \\ | ||
| 131 | \hline | ||
| 132 | Decentralizacja & Tak & Nie & Nie & Nie \\ | ||
| 133 | E2EE & Tak & Tak & Nie & Nie \\ | ||
| 134 | E2EE (a/v) & Tak & Tak & -- & Tak \\ | ||
| 135 | Otwartość & Tak & Nie & Nie & Nie \\ | ||
| 136 | Bridge & Tak & Tak* & Tak* & Tak* \\ | ||
| 137 | Self-host & Tak & Nie & Nie & Nie \\ | ||
| 138 | \hline | ||
| 139 | \end{tabular} | ||
| 140 | \end{center} | ||
| 141 | \end{frame} | ||
| 142 | |||
| 143 | \begin{frame} | ||
| 144 | \vspace{0.5em} | ||
| 145 | \centering | ||
| 146 | {\usebeamerfont{frametitle}\usebeamercolor[fg]{frametitle}\Huge Jak zacząć korzystać z [matrix]?} | ||
| 147 | \vspace{1em} | ||
| 148 | \end{frame} | ||
| 149 | |||
| 150 | \begin{frame}{Wybór oprogramowania} | ||
| 151 | \begin{center} | ||
| 152 | \begin{minipage}{0.45\textwidth} | ||
| 153 | \centering | ||
| 154 | \includesvg[width=0.9\linewidth]{assets/servers} | ||
| 155 | \captionsetup{labelformat=empty} | ||
| 156 | \captionof{figure}{Lista serwerów} | ||
| 157 | \end{minipage}\hfill | ||
| 158 | \begin{minipage}{0.45\textwidth} | ||
| 159 | \centering | ||
| 160 | \captionsetup{labelformat=empty} | ||
| 161 | \includesvg[width=0.9\linewidth]{assets/clients} | ||
| 162 | \captionof{figure}{Lista klientów} | ||
| 163 | \end{minipage} | ||
| 164 | \end{center} | ||
| 165 | \end{frame} | ||
| 166 | |||
| 167 | \begin{frame}{Whiterabbit} | ||
| 168 | \begin{itemize} | ||
| 169 | \item Automatyczna konfiguracja wybranych serwerów [matrix] | ||
| 170 | \item Automatyczna konfiguracja Coturn | ||
| 171 | \item Automatyczne TLS/SSL | ||
| 172 | \item Konteneryzacja | ||
| 173 | \end{itemize} | ||
| 174 | \centering | ||
| 175 | \includesvg[width=0.25\textwidth]{assets/whgit} | ||
| 176 | \captionsetup{labelformat=empty} | ||
| 177 | \captionof{figure}{Repozytorium Git} | ||
| 178 | \end{frame} | ||
| 179 | |||
| 180 | \begin{frame} | ||
| 181 | \vspace{0.5em} | ||
| 182 | \centering | ||
| 183 | {\usebeamerfont{frametitle}\usebeamercolor[fg]{frametitle}\Huge Jak to działa?} | ||
| 184 | \vspace{1em} | ||
| 185 | \end{frame} | ||
| 186 | |||
| 187 | \begin{frame}{Pytania} | ||
| 188 | |||
| 189 | \begin{center} | ||
| 190 | \begin{minipage}{0.45\textwidth} | ||
| 191 | \centering | ||
| 192 | \includesvg[width=0.9\linewidth]{assets/email} | ||
| 193 | \captionsetup{labelformat=empty} | ||
| 194 | \captionof{figure}{E-mail} | ||
| 195 | \end{minipage}\hfill | ||
| 196 | \begin{minipage}{0.45\textwidth} | ||
| 197 | \centering | ||
| 198 | \captionsetup{labelformat=empty} | ||
| 199 | \includesvg[width=0.9\linewidth]{assets/matrix} | ||
| 200 | \captionof{figure}{Matrix} | ||
| 201 | \end{minipage} | ||
| 202 | \end{center} | ||
| 203 | \end{frame} | ||
| 204 | |||
| 205 | \end{document} | ||
