Add new talk

2025-01-14-somewhere-flipdot-explained/scripts/videos.py

@@ -0,0 +1,86 @@
+import os
+import requests
+import json
+from PIL import Image
+from io import BytesIO
+
+
+def get_vimeo_thumbnail(video_id):
+    api_url = f'https://vimeo.com/api/v2/video/{video_id}.json'
+    response = requests.get(api_url)
+    if response.status_code == 200:
+        video_data = response.json()[0]
+        return video_data['thumbnail_large']
+    return None
+
+
+def download_vimeo_video(video_id, output_folder):
+    # Set video config URL
+    video_config_url = f'https://player.vimeo.com/video/{video_id}/config'
+
+    # Send GET request to get video JSON config
+    video_config_response = requests.get(video_config_url)
+    video_config_json = video_config_response.json()
+
+    # Get video URL
+    video_config = video_config_json['request']['files']['progressive'][0]
+    video_url = video_config['url']
+
+    # Prepare file name for the video
+    video_name = f'{video_id}_{video_config["quality"]}.mp4'
+    file_path = os.path.join(output_folder, video_name)
+
+    # Check if the file already exists
+    if os.path.exists(file_path):
+        print(f'Video {video_name} already exists. Skipping download.')
+        return
+
+    # Download video
+    print(f'Downloading: {video_name}')
+    video_response = requests.get(video_url)
+
+    # Save video file
+    with open(file_path, 'wb') as video_file:
+        video_file.write(video_response.content)
+
+    print(f'Downloaded: {video_name}')
+
+    # Download and create thumbnail
+    thumbnail_url = get_vimeo_thumbnail(video_id)
+    if thumbnail_url:
+        thumbnail_response = requests.get(thumbnail_url)
+        if thumbnail_response.status_code == 200:
+            thumbnail_image = Image.open(BytesIO(thumbnail_response.content))
+            thumbnail_path = os.path.join(output_folder, f'{video_id}_thumbnail.jpg')
+            thumbnail_image.save(thumbnail_path)
+            print(f'Thumbnail created: {thumbnail_path}')
+        else:
+            print(f'Failed to download thumbnail for video {video_id}')
+    else:
+        print(f'No thumbnail found for video {video_id}')
+
+
+def main():
+    # List of Vimeo video IDs
+    video_ids = [
+        # Wir gründen einen Hackerspace
+        "99109085",
+        # Baustelwochenende
+        "128079323",
+        # in neuen Räumen
+        "214990700",
+    ]
+
+    # Output folder
+    output_folder = 'videos'
+
+    # Create output folder if it doesn't exist
+    if not os.path.exists(output_folder):
+        os.makedirs(output_folder)
+
+    # Download videos
+    for video_id in video_ids:
+        download_vimeo_video(video_id, output_folder)
+
+if __name__ == '__main__':
+    main()

2025-01-14-somewhere-flipdot-explained/slides.tex

@@ -0,0 +1,366 @@
+\documentclass{beamer} \usepackage[ngerman]{babel} \usepackage{multimedia}
+\usepackage{hyperref} \usepackage{graphicx} \usetheme{Madrid}
+\usecolortheme{whale}
+
+\setbeameroption{hide notes} % Only slides
+%\setbeameroption{show only
+% notes} % Only notes \setbeameroption{show notes on second screen=right} % Both slides and notes
+
+\definecolor{customyellow}{RGB}{255, 215, 0}
+
+\setbeamercolor{structure}{fg=customyellow}
+\setbeamercolor{frametitle}{bg=customyellow!80!white, fg=black}
+\setbeamercolor{title}{bg=customyellow!80!white, fg=black} \setbeamercolor{block
+  title}{bg=customyellow!80!white, fg=black} \setbeamercolor{block
+  body}{bg=customyellow!80!white} \setbeamercolor{palette
+  primary}{bg=customyellow, fg=black} \setbeamercolor{palette
+  secondary}{bg=customyellow!80!white, fg=black} \setbeamercolor{palette
+  tertiary}{bg=customyellow!80!white, fg=black}
+
+\title{FlipDot e.V. - Eine kurze Vorstellung} \author{rfl} \date{\today}
+
+\begin{document}
+
+\begin{frame}
+    \titlepage
+\end{frame}
+
+\begin{frame}
+  \begin{figure}
+    \centering \includegraphics[width=\textwidth]{figures/fluepdot.jpg}
+    \caption{Namensgebende flipdot Displays\footnote{software:
+      \url{https://github.com/Fluepke/Fluepdot}}}
+    \label{fig:fluepdot}
+  \end{figure}
+  \note{
+    \begin{itemize}
+    \item der flipdot ist ein verein in kassel
+    \item zu vereinszweck und selbstverständnis kommen wir etwas später
+    \item zu beginn kurz etwas den namen erklären
+    \item früher vor der zeit der flüssigkristallanzeigen (LCDs) wurden an
+      öffentlichen orten und verkehrsmitteln sogenannte Bistabile
+      Anzeigeelemente (FlipDisk Displays) verwendet (magnet pixel
+      funktionsweise)
+    \item einige menschen sind an solche alten bahn/bus anzeigetafeln gekommen
+      und haben dafür software geschrieben
+    \item auf dem bild sieht man eines unserer panel, passend dazu wurden dann
+      auch das logo farblich abgestimmt, doch dazu später mehr
+    \item nun möchte ich etwas die geschichte des flipdot anreißen, dafür holen
+      wir ein klein wenig weiter aus und starten mit diesem mann
+    \end{itemize}
+  }
+\end{frame}
+
+\begin{frame}{History I}
+  \begin{figure}
+    \centering \includegraphics[width=0.45\textwidth]{figures/wau-holland.jpg}
+    \caption{Wau
+      Holland\footnote{\url{https://de.wikipedia.org/wiki/Datei:Wau_Holland.jpg}}}
+    \label{fig:wau-holland}
+  \end{figure}
+  \note{
+    \begin{itemize}
+    \item geboren 1951 in kassel
+    \item Wau Holland co-founded the Chaos Computer Club in 1981. %
+    \item The CCC is one of the world's oldest hacking clubs. %
+    \item Holland was considered the ``Urvater'' (founding father) of the German
+      hacker movement. %
+    \item He played a significant role in shaping the CCC's early direction and
+      philosophy. %
+    \item Holland advocated for ``public data for public use, private data under
+      protection''. %
+    \item He fought against copy protection and all forms of censorship. %
+    \item Holland promoted the idea of informational self-determination. %
+    \end{itemize}
+  }
+\end{frame}
+
+\begin{frame}{History II}
+  \begin{figure}
+    \centering \href{https://digitalcourage.video/w/jn7Ee7PZfmiF9rst8efTDs}{
+      \includegraphics[width=0.9\textwidth,
+        keepaspectratio]{figures/01-movie.png}
+    }\footnote{\url{https://digitalcourage.video/w/jn7Ee7PZfmiF9rst8efTDs}}
+  \end{figure}
+  \note{ trailer zu einem film über die anfänge des chaos computer clubs }
+\end{frame}
+
+\begin{frame}{Chaos Treff Kassel}
+  kein bild :) \note{
+    \begin{itemize}
+    \item es gab schon früh einen chaos treff in kassel der dem ccc sehr nah war
+    \item das interesse war schwerpunktmäßig auf software
+    \item es war allerdings nie verein
+    \item es gab wohl gelder vom ccc für kleinere anschaffungen, monitore und
+      kabel
+    \item aber details sind dem zahn der zeit zum opfer gefallen :)
+    \item teilnehmer\_innen haben oftmals eigene hardware mitgebracht
+    \item keine kosten für strom und räume
+    \item eingeweihte wissen eventuell wo die räume in der murhardtstraße zu
+      finden sind
+    \end{itemize}
+  }
+\end{frame}
+
+\begin{frame}{FlipDot Gründung 2009}
+  \begin{figure}
+    \centering \href{https://vimeo.com/99109085}{
+      \includegraphics[width=0.9\textwidth,
+        keepaspectratio]{figures/fd-founding.png}
+    }\footnote{\url{https://vimeo.com/99109085}}
+    \label{fig:fd-founding}
+  \end{figure}
+  \note{
+    \begin{itemize}
+    \item zuerst lose treffen an verschieden orten in kassel
+    \item man verstand sich als technische zeitgenossenschaft (``sofaecke'')
+    \item schwerpunkt makerspace dh hardware
+    \item gründungstreffen mit 35 mitgliedern, los gings dann ab 2010
+    \item sickingenstraße (alte schuhfabrik) als erster richtiger treffpunkt
+    \item über mehrere jahre parallel zum chaos treff
+    \item schrittweise aufbau eines machinenparks
+    \end{itemize}
+  }
+\end{frame}
+
+\begin{frame}{Atmosphäre}
+  \begin{figure}
+    \centering \href{https://vimeo.com/214990700}{
+      \includegraphics[width=0.9\textwidth,
+        keepaspectratio]{figures/fd-atmosphere.png}
+    }\footnote{\url{https://vimeo.com/214990700}}
+    \label{fig:fd-founding}
+  \end{figure}
+  \note{
+    \begin{itemize}
+    \item hatte mal verscheidene sprachmodelle gefragt, was ein hackspace ist
+    \item aber ich denke, ein kurzes video gibt einen besseren einblick
+    \end{itemize}
+  }
+\end{frame}
+
+\begin{frame}{Selbstverständnis}
+  \begin{itemize}
+  \item Sozialer Treffpunkt für Menschen mit gemeinsamen Interessen in Technik,
+    Wissenschaft und Kunst
+  \item Computer-Ersthilfe und Hilfe zur Selbsthilfe
+  \item Reparatur durch Basteln, aber kein Reparatur-Kaffee
+  \item Umnutzung von Geräten
+  \item Crypto und Aktivismus eher weniger vertreten
+  \item Workshops + Vorträge
+  \item Verbindung zum SFZ (+Jugend Forscht) und Uni :)
+  \item 55 Member
+  \end{itemize}
+  \note{ gemeinsam verwaltete werkstatt, dadurch anschaffung von teuren
+    werkzeugen möglich
+
+    klar das ein 3d drucker da nicht fehlen darf, heutzutage allerdings nicht
+    mehr so teuer
+
+    Einordnung aktueller technologie entwicklungen
+
+    von messtechnik und leiterplattendesign bis zu websiteaccessibility
+
+    bildungseinrichtung
+
+    learning-by-doing und hands-on learning mentalität
+
+    arbeit an gemeinsamen projekten }
+\end{frame}
+
+\begin{frame}{Umzüge}
+  \begin{itemize}
+  \item Kunsttempel, als Gastnutzer im Untergeschoss
+  \item Sickingenstraße Produktionshalle der ehemaligen Schuhfabrik
+  \item Sickingenstraße zwei Räume direkt im Torbogen
+  \item Franz Ulrich Straße 1. OG
+  \item Franz Ulrich Straße EG
+  \item Schillerstraße
+  \end{itemize}
+
+  \note{
+    \begin{itemize}
+    \item erfa kreis fest mit ccc verbunde organisationsform
+    \item für durchführung der aufgaben auf lokaler ebene
+    \item status mit umzug in die nachrichtenmeisterei
+
+    \item mit der zeit hat sich soft + hardware gleichgewicht eingestellt
+
+    \item fast zeitgleich mit umzug in NRM EG kam corona, was leider sehr
+      reingehauen hat
+    \end{itemize}
+  }
+\end{frame}
+
+\begin{frame}
+  \begin{figure}
+    \centering
+    \only<1>{\includegraphics[width=0.9\textwidth]{figures/move-0.jpg}}%
+    \only<2>{\includegraphics[width=0.9\textwidth]{figures/move-1.jpg}}%
+    \only<3>{\includegraphics[width=0.9\textwidth]{figures/move-2.jpg}}
+    \caption{Umzug letztes Jahr}
+    \label{fig:umzug}
+  \end{figure}
+  \note{
+    \begin{itemize}
+    \item aufgefallen, dass keine guten aktuellen bilder
+    \item da müsst ihr wohl vorbeikommen und es euch mal selber ein bild machen
+    \end{itemize}
+  }
+\end{frame}
+
+\begin{frame}{Services}
+  \begin{itemize}
+  \item Mail
+  \item Mastodon
+  \item Matrix (mit Bridges zu Telegram und Co)
+  \item Discourse (Forum)
+  \item WikiJS (Wiki)
+  \item Forgejo (Git)
+  \item HedgeDoc (Notes)
+  \item Mumble (VoIP)
+  \end{itemize}
+  \note{
+    \begin{itemize}
+    \item mit der zeit haben sich eine größere menge an digitalen diensten
+      gesammelt, die wir für mitglieder und externe zur verfügung stellen
+    \item für jüngere member gibt es auch einige temporäre spielserver, die ich
+      jetzt mal nicht mit aufgelistet habe
+    \item sicherlich eine der größeren inhaltliche überschneidung mit den
+      social-technologischen dimensionen
+    \item allerdings tragen viele member an projekten bei, die sowohl software
+      als auch hardware beinhalten, einige möchte ich kurz vorstellen
+    \end{itemize}
+  }
+\end{frame}
+
+\begin{frame}{Space-Projekte I}
+  \begin{figure}
+    \centering \includegraphics[width=0.75\textwidth]{figures/fd-door.jpg}
+    \caption{Türschließsystem Marke Eigenbau}
+    \label{fig:fd-door}
+  \end{figure}
+  \note{
+    \begin{itemize}
+    \item motor der schlüssel dreht und über raspberry pi angesteuert wird
+    \item schließen und öffnen per ssh initierbar
+    \item status auf website
+    \end{itemize}
+  }
+\end{frame}
+
+\begin{frame}{Space-Projekte II}
+  \only<1>{
+    \begin{figure}
+      \centering \href{https://vimeo.com/99109085}{
+        \includegraphics[width=0.9\textwidth,
+          keepaspectratio]{figures/drink-scale.png}
+      }\footnote{\url{https://vimeo.com/234878854}}
+      \label{fig:drink-scale}
+    \end{figure}
+  } \only<2>{
+    \begin{figure}
+      \centering \includegraphics[width=\textwidth]{figures/drinks-mail.png}
+      \caption{Vollautomatische Getränkestrichliste}
+      \label{fig:drinks-mail}
+    \end{figure}
+  } \note{
+    \begin{itemize}
+    \item scanner + buchführung
+    \item es gab auch mal automatische bestellungen und sepa-aufladungen
+    \item wegen umzügen jedoch derzeit nicht maintained
+    \item wie das halt so ist wenn alles auf freiwilligkeit beruht
+    \end{itemize}
+  }
+\end{frame}
+
+\begin{frame}{Space-Projekte III}
+  \begin{figure}
+    \centering \includegraphics[width=\textwidth]{figures/robots.jpg}
+    \caption{Robothardwarespende}
+    \label{fig:robots}
+  \end{figure}
+  \note{ im november haben wir die etwas eingestaubten kassler robocup roboter
+    gespendet bekommen
+
+    hier ein bild vom ersten tag, wir haben schon etwas mehr gebastelt, aber
+    noch keine bilder gemacht
+
+    es gibt schon interesse aus anderen hackspaces, ein/zwei können vielleicht
+    noch von anderen adoptiert werden }
+\end{frame}
+
+\begin{frame}{Ausblick I}
+  \begin{figure}
+    \centering
+    \includegraphics[width=0.9\textwidth]{figures/lasercutter-regensburg.jpg}
+    \caption{Lasercutter
+      (Symbolbild)\footnote{\url{https://wiki.mint-labs.de/uploads/images/cover_book/2022-10/thumbs-440-250/eosLojXuOewnyyFS-pxl-20221015-124455951.jpg}}}
+    \label{fig:lasercutter}
+  \end{figure}
+  \note{
+    \begin{itemize}
+    \item demnächst bekommen wir einen lasercutter als dauerleihgabe
+    \item ich weiß allerdings noch nicht wie er aussieht, obwohl ich die nötigen
+      verträge unterschrieben habe
+    \item noch platz schaffen und um weiter schutzvorrichtungen ergänzen
+    \item bei uns heißt das ``vertrauen in das chaos''
+    \end{itemize}
+  }
+\end{frame}
+
+\begin{frame}{Ausblick II}
+  \begin{figure}
+    \centering \includegraphics[width=0.6\textwidth]{figures/invite-hackday.png}
+    \caption{(Noch nicht offizielle) Einladung
+      2025-03-25%
+      \footnote{%
+      \url{https://events.ccc.de/tag/tag-des-offenen-hackspace/}
+      \url{https://md.ccc-mannheim.de/tdoh-spaces25} } }
+    \label{fig:hackday}
+  \end{figure}
+  \note{ wir müssen noch ein bisschen dafür planen und auch aufräumen
+
+    aber kommt natürlich auch gerne jeden dienstag 19 uhr zum offenen abend }
+\end{frame}
+
+\begin{frame}{CCC Assemblies}
+  \begin{figure}
+    \centering \href{https://youtu.be/tyvrU5t4T1c?t=183}{
+      \includegraphics[width=0.9\textwidth,
+        keepaspectratio]{figures/ccc-assemblies.png}
+    }\footnote{\url{https://www.youtube.com/watch?v=tyvrU5t4T1c}}
+  \end{figure}
+  \note{
+    \begin{itemize}
+    \item aus aktuellem anlass möchte ich noch zwei kleine video beträge zum
+      abschluss zeigen
+    \item zum jahreswechsel findet der chaos communication congress statt
+    \item eines der größten treffen der hackercommunity
+    \end{itemize}
+  }
+\end{frame}
+
+\begin{frame}{In The News}
+  \begin{figure}
+    \centering
+    \href{https://www.zdf.de/nachrichten/heute-19-uhr/heute-19-uhr-vom-27-dezember-2024-100.html}{
+      \includegraphics[width=0.9\textwidth,
+        keepaspectratio]{figures/ccc-zdf.png}
+    }\footnote{\url{https://www.zdf.de/nachrichten/heute-19-uhr/heute-19-uhr-vom-27-dezember-2024-100.html}}
+  \end{figure}
+  \note{
+    \begin{itemize}
+    \item vielleicht sieht man parallelen zum anfang des vortrags
+    \item ich würde sagen, wir als gesellschaft profitieren ungemein von solchen
+      orten wie hackspaces
+    \end{itemize}
+  }
+\end{frame}
+
+\begin{frame}
+  \vfill Danke für Eure Aufmerksamkeit und kommt gerne mal vorbei :) \vfill
+  \note{ und damit danke für eure aufmerksamkeit und guten appetit }
+\end{frame}
+
+\end{document}