Files
viscon24/viscon2024.tex

425 lines
15 KiB
TeX
Raw Blame History

This file contains ambiguous Unicode characters

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.

% Intended LaTeX compiler: pdflatex
\documentclass[t, 11pt]{beamer} % add handout to the options to get slides w/o pauses
\usepackage{pgfpages}
%\setbeameroption{show notes} % show slides with notes below
%\setbeameroption{show notes on second screen=right} % show slides with notes to the right
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage{graphicx}
\usepackage{grffile}
\usepackage{longtable}
\usepackage{wrapfig}
\usepackage{rotating}
\usepackage[normalem]{ulem}
\usepackage{amsmath}
\usepackage{textcomp}
\usepackage{amssymb}
\usepackage{capt-of}
\usepackage{hyperref} % include hyperlinks
\usepackage{booktabs}
\usepackage{verse}
\usepackage{caption}
\usepackage{ccicons}
\captionsetup[figure]{labelformat=empty}
\usetheme{}
\logo{\includegraphics[height=1.0cm]{./img/logo.png}}
\author{ALEXANDER PITSCH\\{alexander.pitsch@fsfe.org}}
\institute{Free Software Foundation Europe e.V. - local group Zurich}
\title{Rethinking Social Media}
%\subtitle{Exploring the Fediverse}
\date{12.10.2024}
\definecolor{fsfe_blue}{RGB}{32,45,121}
\definecolor{fsfe_bluedark}{RGB}{51, 148, 206}
\definecolor{fsfe_bluemedium}{RGB}{74, 21, 240}
\setbeamertemplate{title page}[default]
\setbeamertemplate{titlelike}[shadow=false, bg=white]
\setbeamertemplate{titlesubtitle}[shadow=false, bg=white]
\setbeamertemplate{author}[shadow=false, bg=white]
\setbeamertemplate{institute}[shadow=false, bg=white]
\setbeamertemplate{footline}{\includegraphics[width=\textwidth, height=0.2cm]{img/footer.png}}
\setbeamertemplate{date}[shadow=false, bg=white]
\setbeamercolor*{palette primary}{fg=white, bg=fsfe_blue!75!white}
\setbeamercolor*{palette secondary}{fg=white, bg=fsfe_blue}
\setbeamercolor*{palette tertiary}{fg=white, bg=fsfe_bluemedium}
\setbeamercolor*{palette quaternary}{fg=yellow,bg=gray!5!white}
\setbeamercolor*{palette sidebar primary}{fg=white, bg=fsfe_blue!75!white}
\setbeamercolor*{palette sidebar secondary}{fg=white, bg=fsfe_fsfe_blue}
\setbeamercolor*{palette sidebar tertiary}{fg=white, bg=fsfe_bluemedium}
\setbeamercolor*{palette sidebar quaternary}{fg=yellow,bg=gray!5!white}
\setbeamercolor{title page}{fg=white, bg=fsfe_blue}
\setbeamercolor{titlelike}{fg=fsfe_blue, bg=white}
\setbeamercolor{titlesubtitle}{fg=white, bg=white}
\setbeamercolor{author}{fg=fsfe_bluedark, bg=white}
\setbeamercolor{institute}{fg=white, bg=white}
\setbeamercolor{date}{fg=white, bg=white}
\setbeamercolor{itemize item}{fg=fsfe_blue, bg = fsfe_blue}
\setbeamercolor{itemize subitem}{fg=fsfe_blue, bg = fsfe_blue}
\setbeamercolor{itemize subsubitem}{fg=fsfe_blue, bg = fsfe_blue}
\setbeamercolor{enumerate item}{fg=fsfe_blue, bg = fsfe_blue}
\setbeamercolor{enumerate subitem}{fg=fsfe_blue, bg = fsfe_blue}
\setbeamercolor{enmerate subitem}{fg=fsfe_blue, bg = fsfe_blue}
\setbeamercolor{structure}{fg=fsfe_blue}
\setbeamercolor{frametitle}{fg=fsfe_blue, bg=white}
\setbeamercolor{normal text}{fg=fsfe_blue, bg=white}
\setbeamercolor{block title}{fg=white,bg=fsfe_bluedark}
\setbeamerfont{frametitle}{size=\huge}
\setbeamerfont{title page}{size=\large}
\setbeamerfont{title}{size=\Huge}
\setbeamerfont{footnote}{size=\tiny}
\setbeamerfont{author}{size=\footnotesize}
\hypersetup{
pdfauthor={Alexander Pitsch},
pdftitle={Rethinking Social Media @ VIScon 2024},
pdfkeywords={Free Software; FSFE},
pdfsubject={},
pdfcreator={},
pdflang={English}
}
\usenavigationsymbolstemplate{} % To remove the navigation symbols
\AtBeginSection[]
{
\begin{frame}[c]
\frametitle{Table of Contents}
\tableofcontents[currentsection]
\end{frame}
}
\AtBeginSubsection[]
{
\begin{frame}[c]
\frametitle{Table of Contents}
\tableofcontents[currentsection,currentsubsection]
\end{frame}
}
\begin{document}
\begin{frame}[c]
\begin{figure}
\includegraphics[width=0.9\textwidth]{img/social_media.png}
\caption{Social Media\footnote{\url{https://xkcd.com/1239/}}}
\end{figure}
\end{frame}
\begin{frame}
\maketitle
\tiny{VIScon 2024 $\cdot$ \insertdate} \\
\tiny{\insertinstitute} \\
\tiny{\url{https://git.fsfe.org/fsfe-zh/viscon2024} $\cdot$ \ccbysa}
\end{frame}
\begin{frame}[c]
\begin{block}{\texttt{\$ whoami}}
\begin{itemize}
\pause
\item{Alex} \pause
\item{software developer} \pause
\item{Free Software Foundation Europe [FSFE] supporter} \pause
\item{member of the FSFE local group Zurich}
\end{itemize}
\end{block}
\note{we meet every $2^{nd}$ Thursday of a month}
\end{frame}
\begin{frame}[c]
\begin{block}{\texttt{\$ info fsfe}}
\begin{itemize}
\pause
\item{``a charity that empowers users to control technology''} \pause
\item{non-profit \& non-governmental} \pause
\item{truly European} \pause
\item{active since 2001} \pause
\item{still going strong}
\end{itemize}
\note[item]{legally setup as a German association; but active local groups in Spain, France, UK, Germany, Switzerland, Italy, Austria, Poland}
\note[item]{many activities whereby the main focus is on public awareness, policy advocacy, and legal support for all matters related to Free Software}
\end{block}
\end{frame}
\begin{frame}[c]
\begin{figure}
\includegraphics[width=0.8\textwidth]{img/rant.jpg}
\caption{****\footnote{\url{https://www.larrywinget.com/wp-content/uploads/2011/10/rant.jpg}}}
\end{figure}
\end{frame}
\begin{frame}[c]
\frametitle{Table of Contents}
\tableofcontents
\end{frame}
\section{What's wrong with Social Media?}
\begin{frame}[c]
\frametitle{What do I mean by Social Media?}
\pause
\begin{definition}[Social Media]
Software platforms whose main purpose is to enable (i) sharing
digital content widely and (ii) providing opportunities for
interactions of its users with regard to that content.
\end{definition}
\note{What does widely mean?}
\note{Includes forums, wikis, link aggregators, etc.}
\end{frame}
\begin{frame}[c]
\frametitle{A small caveat}
\centering
I barely use any.
\note{Nevertheless, I feel able to share an insight or two about Social Media.}
\note{But feel free to take my advice with a grain of salt.}
\end{frame}
\begin{frame}[c]
\frametitle{But take it from the inventor of the Web}
\begin{block}{Tim Berners-Lee (2019) - ``30 Years On, Whats Next \#ForTheWeb?''\footnote{\url{https://onezero.medium.com/30-years-on-whats-next-fortheweb-6ce844ed147f}}}
\begin{quote}
\begin{enumerate}
\item Deliberate, malicious intent, such as state-sponsored hacking and attacks, criminal behaviour, and online harassment.\pause
\item System design that creates perverse incentives where user value is sacrificed, such as ad-based revenue models that commercially reward clickbait and the viral spread of misinformation.\pause
\item Unintended negative consequences of benevolent design, such as the outraged and polarised tone and quality of online discourse.
\end{enumerate}
\end{quote}
\end{block}
\end{frame}
\begin{frame}[c]
\frametitle{Malicious intent}
\framesubtitle{Doppelganger 2022-2024}
\begin{block}{04.09.2024: US DoJ Disrupts Covert Russian Government-Sponsored Foreign Malign Influence Operation\footnote{\url{https://www.justice.gov/opa/pr/justice-department-disrupts-covert-russian-government-sponsored-foreign-malign-influence}}}
\begin{quote}
Influence Operation Relied on Influencers, AI-Generated Content,
Paid Social Media Advertisements, and Social Media Accounts to
Drive Internet Traffic to Cybersquatted and Other Domains.
\end{quote}
\end{block}
\note{Open Society and its Enemies}
\end{frame}
\begin{frame}[c]
\frametitle{Perverse incentives}
\framesubtitle{Surveillance Capitalism}
\begin{figure}
\includegraphics[height=0.55\textheight]{img/The-Age-Of-Surveillance-Capitalism-cover.jpg}
\caption{Read this book!\footnote{\url{https://blogsmedia.lse.ac.uk/blogs.dir/30/files/2019/07/The-Age-of-Surveillance-Capitalism-cover.jpg}}}
\end{figure}
\end{frame}
\begin{frame}[c]
\frametitle{Perverse incentives}
\framesubtitle{Surveillance Capitalism}
\begin{figure}
\includegraphics[height=0.65\textheight]{img/discovery-of-behavioral-surplus.jpg}
\caption{How it works\footnote{\url{https://jarche.com/wp-content/uploads/2023/01/discovery-of-behavioral-surplus.jpg}}}
\end{figure}
\end{frame}
\begin{frame}[c]
\frametitle{Power dynamics}
\framesubtitle{Social Media platforms vs. societies at large}
\begin{block}{Tim Berners-Lee (2024) - ``Marking the Webs 35th Birthday''\footnote{\url{https://scribe.rip/@timberners_lee/marking-the-webs-35th-birthday-an-open-letter-ebb410cc7d42}}}
\begin{quote}
Leadership [\ldots] has steered away from a tool for public good
and one that is instead subject to capitalist forces.
\end{quote}
\end{block}
\end{frame}
\begin{frame}[c]
\frametitle{Power dynamics}
\framesubtitle{Social Media platforms vs. individuals}
\begin{block}{Aldous Huxley in a 1958 interview on future threats to US democracy\footnote{\url{https://www.youtube.com/watch?v=alasBxZsb40}}}
\begin{quote}
You're being persuaded below the level of choice and reason.\pause
\[\ldots\]
Essentially the application of propaganda methods of the most
violent kind to individuals.\pause
\[\ldots\]
All these new devices are extremely efficient instruments for
the imposition of power by small groups over larger masses.
\end{quote}
\end{block}
\end{frame}
\section{How can we fix it?}
\begin{frame}[c]
\frametitle{Avoid technosolutionism!}
\centering
The problems with social media are not of a technological nature! \\ \pause
Societal problems require societal solutions.
\end{frame}
\begin{frame}[c]
\frametitle{There are many ways to Rome.}
There is not \textbf{one} fix. \\ \pause
There are \textbf{many}.
\end{frame}
\subsection{Reduce}
\begin{frame}[c]
\frametitle{Better Social Media\ldots}
\framesubtitle{\ldots is less Social Media}\pause
\begin{block}{Deep Fried Frenz (2004) - MF DOOM}
\begin{verse}
\[...\] \\
I found a way to get peace of mind for years and left the hell alone\\
Turn a deaf ear to the cellular phone\\
Send me a letter or better, we could see each other in real life\\
\[...\]
\end{verse}
\end{block}
\note{Are there any MF DOOM fans amongst us?}
\end{frame}
\subsection{Reuse}
\bgroup
\let\oldfootnoterule\footnoterule
\def\footnoterule{\only<2->\oldfootnoterule}
\begin{frame}[c]
\frametitle{Better Social Media\ldots}
\framesubtitle{\ldots lets you control your content} \pause
\begin{definition}[POSSE\footnote<2->{\url{https://indieweb.org/POSSE}}]
[Stands for ``Publish (on) Own Site, Syndicate Elsewhere'']\pause
[Describes] the practice of posting content on your own site
first, then publishing copies or sharing links to third parties
(like social media silos) with original post links to provide
viewers a path to directly interacting with your content.
\end{definition}
\note{Technical audience: you know how to use a static site
generator and register a domain. For your non-techie friends, blog
hosting sites abound.}
\end{frame}
\egroup
\begin{frame}[c]
\frametitle{Better Social Media \ldots}
\framesubtitle{\ldots lets you control your content}
\begin{figure}
\includegraphics[height=0.65\textheight]{img/fsfe-posse-mastodon.png}
\caption{POSSE example on the FSFE's Mastodon account}
\end{figure}
\end{frame}
\subsection{Replace}
\begin{frame}[c]
\frametitle{Better Social Media\ldots}
\framesubtitle{\ldots is FLOSS}
Free, libre and open-source software [FLOSS] gives you the right to \pause
\begin{enumerate}
\item use \pause
\item study \pause
\item share \pause
\item improve \pause
\end{enumerate}
the software \textbf{as you see fit}.
\end{frame}
\begin{frame}[c]
\frametitle{Better Social Media\ldots}
\framesubtitle{\ldots is decentralised}
\begin{figure}
\includegraphics[width=0.9\textwidth]{img/network-models.jpg}
\caption{Centralised - federated - distributed\footnote{\url{https://docs.joinmastodon.org/assets/network-models.jpg}}}
\end{figure}
\end{frame}
\begin{frame}[c]
\frametitle{Better Social Media\ldots}
\framesubtitle{\ldots is human centric (and already exists)}
\begin{figure}
\includegraphics[height=0.6\textheight]{img/Fediverse_logo_proposal.png}
\caption{Fediverse\footnote{By Eukombos - Own work, CC0, \url{https://commons.wikimedia.org/w/index.php?curid=70845534}}}
\end{figure}
\end{frame}
\begin{frame}[c]
\frametitle{Better Social Media\ldots}
\framesubtitle{\ldots is human centric (and already exists)}
\begin{figure}
\includegraphics[height=0.65\textheight]{img/Fediverse_branches_1.2.png}
\caption{Fediverse branches\footnote{By Per Axbom - https://axbom.com/fediverse/, CC BY-SA 4.0, https://commons.wikimedia.org/w/index.php?curid=125076684}}
\end{figure}
\end{frame}
\subsection{Reform}
\begin{frame}[c]
\frametitle{Better Social Media\ldots}
\framesubtitle{\ldots is a collective action problem!} \pause
\begin{block}{Tim Berners-Lee (2024) - ``Marking the Webs 35th Birthday''\footnote{\url{https://scribe.rip/@timberners_lee/marking-the-webs-35th-birthday-an-open-letter-ebb410cc7d42}}}
\begin{quote}
The future hinges on our ability to both reform the current
system and create a new one that genuinely serves the best
interests of humanity.
\end{quote}
\end{block}
\end{frame}
\begin{frame}[c]
\frametitle{Better Social Media\ldots}
\framesubtitle{\ldots is a collective action problem!}
\centering
Changing one's own behavior is necessary.\pause
But it is \textbf{not sufficient}!
\end{frame}
\begin{frame}[c]
\frametitle{Better Social Media\ldots}
\framesubtitle{\ldots is a collective action problem!}
Your job:\pause
\begin{itemize}
\item Adapt your own behavior.\pause
\item Inspire others to adapt theirs.\pause
\item Build/contribute to human-centric tech.\pause
\item But reflect of the social conditions of technology and avoid
technosolutionism.
\end{itemize}
\end{frame}
\begin{frame}[c]
\begin{figure}
\includegraphics[width=0.9\textwidth]{img/infrastructures_large.png}
\caption{Infrastructures\footnote{\url{https://xkcd.com/743/}}}
\end{figure}
% alternative xkcd comic:
% https://xkcd.com/2045/
\end{frame}
\begin{frame}
\frametitle{Recommended resources}
\begin{itemize}
\item \href{https://archive.org/details/digitalni-disidenti}{Digitální disidenti}
\item \href{https://www.newyorker.com/books/under-review/the-deliberate-awfulness-of-social-media}{The deliberate awfulness of social media}
\item \href{https://www.apa.org/monitor/2022/03/feature-minimize-instagram-effects}{APA: How can we minimize Instagram's harmful effects?}
\item \href{https://activitypub.rocks/}{W3C Activity Pub protocol}
\end{itemize}
\end{frame}
\end{document}
%%% Local Variables:
%%% mode: latex
%%% TeX-master: t
%%% End: