mirror of https://github.com/c3d2/slidenado/
commit
632b6e6c82
|
@ -1,4 +1,10 @@
|
|||
dates/*
|
||||
!dates/*.yaml
|
||||
decks/*
|
||||
!decks/*.yaml
|
||||
*.aux
|
||||
*.log
|
||||
*.toc
|
||||
*.nav
|
||||
*.snm
|
||||
*.out
|
||||
*.synctex.gz
|
||||
/presentations/*.pdf
|
||||
/presentations/auto
|
||||
/presentations/build/
|
||||
|
|
68
Makefile
68
Makefile
|
@ -1,20 +1,60 @@
|
|||
INTERPRETER := ruby
|
||||
GENERATOR='./generate.rb'
|
||||
# Note: this whole makefile is a huge hack, is highly unportable, and probably
|
||||
# won’t even do what it’s supposed to do. So, use with care, have fun :)
|
||||
|
||||
MAKE_TARGETS=$(patsubst dates/%.yaml, dates/%/ALL, $(wildcard dates/*.yaml))
|
||||
CLEAN_TARGETS=$(patsubst dates/%.yaml, dates/%/*, $(wildcard dates/*.yaml))
|
||||
ALL: ${MAKE_TARGETS}
|
||||
PRESENTATIONS=$(patsubst %.tex, %.pdf, $(wildcard presentations/*.tex))
|
||||
BUILD_DIR=build
|
||||
BUILD_DECKS=$(subst presentations/,$(BUILD_DIR)/,$(wildcard presentations/content/*))
|
||||
LATEX=pdflatex -output-directory $(BUILD_DIR)
|
||||
|
||||
all: $(PRESENTATIONS)
|
||||
|
||||
clean:
|
||||
rm -rf ${CLEAN_TARGETS}
|
||||
rm -fr presentations/$(BUILD_DIR)
|
||||
|
||||
# Keep Makefiles
|
||||
.SECONDARY: $(patsubst dates/%/ALL, dates/%/Makefile, $(MAKE_TARGETS))
|
||||
distclean: clean
|
||||
rm -f presentations/*.pdf
|
||||
|
||||
dates/%/Makefile: dates/%.yaml $(wildcard decks/*.yaml)
|
||||
mkdir -p $(shell dirname $@)
|
||||
command -v $(INTERPRETER) || (printf "Could not find '%s' – Please install or add it to PATH!\n" $(INTERPRETER); exit 1)
|
||||
$(INTERPRETER) $(GENERATOR) $< $(shell dirname $@)
|
||||
# Extract dependencies for presentations by looking at the source code and
|
||||
# extracting all calls to \includedeck from them; it returns a list of elements
|
||||
# like ’presentations/content/ccc/ccc_lokal.tex’
|
||||
|
||||
dates/%/ALL: dates/%/Makefile
|
||||
$(MAKE) -C $(shell dirname $@)
|
||||
# Yes, we are using perl: a system that has make probably also has perl; if not,
|
||||
# blame me.
|
||||
|
||||
define presentation_dependencies
|
||||
$(shell perl -ne '/includedeck\{(.*)\}/ && print "presentations/content/", $$1, ".tex "' $(1))
|
||||
endef
|
||||
|
||||
# This template is called with arguments like ‘presentations/xxx.pdf’; it
|
||||
# generates a rule that dependes on the corresponding tex file as well as on all
|
||||
# decks used in that tex file; dependencies are of the form
|
||||
# ‘presentations/content/ccc/ccc_lokal.tex’
|
||||
|
||||
define PRESENTATION_template
|
||||
.ONESHELL: $(1)
|
||||
$(1): $(subst .pdf,.tex,$(1)) $(call presentation_dependencies,$(subst .pdf,.tex,$(1)))
|
||||
echo $$^
|
||||
cd presentations
|
||||
mkdir -p $(BUILD_DECKS)
|
||||
$(LATEX) $$(notdir $$<)
|
||||
$(LATEX) $$(notdir $$<)
|
||||
mv $(subst presentations/,$(BUILD_DIR)/,$(1)) .
|
||||
endef
|
||||
|
||||
$(foreach presentation, $(PRESENTATIONS), \
|
||||
$(eval $(call PRESENTATION_template, $(presentation))))
|
||||
|
||||
# This template is called with a single argument like
|
||||
# ‘presentations/content/ccc/ccc_bundesweit.tex’; it generates a rule that
|
||||
# dependes on all images used by the tex file. The actual recipe just checks
|
||||
# whether the tex file is existent and updates the timestamp.
|
||||
|
||||
define DECK_template
|
||||
$(1): $(shell perl -ne '/includegraphics[^\{]*\{([^\}]*)\}/ && print "presentations/", $$1, " "' $(1))
|
||||
test -f $(1) && touch $(1)
|
||||
endef
|
||||
|
||||
# Files contained in decks are only considered at top-level.
|
||||
|
||||
$(foreach deck, $(wildcard presentations/content/*/*.tex), \
|
||||
$(eval $(call DECK_template, $(deck))))
|
||||
|
|
21
README.md
21
README.md
|
@ -1,14 +1,25 @@
|
|||
# slidenado
|
||||
|
||||
Slide Generator, primarily for Chaos macht Schule
|
||||
|
||||
## Abhängigkeiten
|
||||
|
||||
* make
|
||||
* ruby
|
||||
* pdflatex (z.B. von texlive)
|
||||
* `pdflatex`, z.B. via TeXLive
|
||||
* `make` (optional)
|
||||
|
||||
## Nutzung
|
||||
|
||||
Die vorhandenen Vortrags-Konfigurationen werden mit `make` gebaut.
|
||||
Alle Präsentation können direkt als LaTeX-Datei gebaut werden. Entweder eine
|
||||
Datei in einem TeX-Editor der Wahl öffnen und dort übersetzen, oder auf der
|
||||
Kommandozeile zum Beispiel folgendes aufrufen:
|
||||
|
||||
cd presentations
|
||||
pdflatex 2017-05-20_medinetzkongress.tex
|
||||
|
||||
Alternativ kann auch das Makefile benutzt werden:
|
||||
|
||||
make presentations/2017-05-20_medinetzkongress.pdf
|
||||
|
||||
Präsentationen mit Notizen dazu können erzeugt werden, indem im Aufruf der
|
||||
Dokumentenklasse als optionales Argument `notes` hinzugefügt wird.
|
||||
|
||||
Eigene Zusammenstellungen können in einem separaten Verzeichnis mithilfe der yaml-Dateien konfiguriiert werden. Als Anhalt bitte die vorhandenen decks verwenden.
|
||||
|
|
|
@ -1,6 +0,0 @@
|
|||
title: Digitale Selbstverteidigung
|
||||
presenters: Marius
|
||||
organization: Chaos Computer Club Dresden
|
||||
date: 22.06.2016
|
||||
|
||||
deck: alles-7-8kl-90min.yaml
|
|
@ -1,6 +0,0 @@
|
|||
title: Chaos meets FÖJ
|
||||
presenters: nac, vv0lf
|
||||
organization: Chaos Computer club Dresden
|
||||
date: 13.12.2016
|
||||
|
||||
deck: foej-workshop-180min.yaml
|
|
@ -1,6 +0,0 @@
|
|||
title: Einführung in sichere Kommunikation
|
||||
presenters: Marius Melzer und Reiner Lübeck
|
||||
organization: Chaos Computer Club Dresden, Medinetz Dresden
|
||||
date: 20.05.2017
|
||||
|
||||
deck: medinetzkongress.yaml
|
|
@ -1,6 +0,0 @@
|
|||
title: Digitale Selbstverteidigung
|
||||
presenters: Marius Melzer
|
||||
organization: Chaos Computer Club Dresden
|
||||
date: 06.02.2018
|
||||
|
||||
deck: saferinternetday.yaml
|
|
@ -1,72 +0,0 @@
|
|||
\section{Einleitung}
|
||||
\subsection{}
|
||||
|
||||
% ccc/ccc_bundesweit.tex
|
||||
% ccc/ccc_lokal.tex
|
||||
% motivation/stasi_vs_nsa.tex
|
||||
|
||||
\section{Internet}
|
||||
\subsection{}
|
||||
|
||||
% internet/kommunikationsmodelle.tex
|
||||
% internet/server_kabel_router.tex
|
||||
|
||||
\section{Gerätesicherheit}
|
||||
\subsection{}
|
||||
|
||||
% geraetesicherheit/unerwuenschte_funktionalitaet.tex
|
||||
% geraetesicherheit/schutzmoeglichkeiten.tex
|
||||
% geraetesicherheit/app_permissions.tex
|
||||
% geraetesicherheit/foss_programme_apps.tex
|
||||
|
||||
\section{Verschlüsselung}
|
||||
\subsection{}
|
||||
|
||||
% verschluesselung/ssl.tex
|
||||
% verschluesselung/https_everywhere.tex
|
||||
% verschluesselung/e2e.tex
|
||||
% verschluesselung/messenger_vergleich.tex
|
||||
|
||||
\section{Metadaten}
|
||||
\subsection{}
|
||||
|
||||
% metadaten/vds.tex
|
||||
% metadaten/location_heatmap.tex
|
||||
% metadaten/zeitstempel.tex
|
||||
% metadaten/antitracking.tex
|
||||
% metadaten/alternative_dienste.tex
|
||||
% metadaten/nextcloud.tex
|
||||
|
||||
\section{Soziale Netzwerke}
|
||||
\subsection{}
|
||||
|
||||
% soziale_netzwerke/umfrage.tex
|
||||
% soziale_netzwerke/geschaeftsmodelleraten.tex
|
||||
% soziale_netzwerke/umgangsformen.tex
|
||||
|
||||
\section{Verhalten}
|
||||
\subsection{}
|
||||
|
||||
% verhalten/datensparsamkeit.tex
|
||||
% verhalten/passwoerter.tex
|
||||
|
||||
\section{Fazit}
|
||||
\subsection{}
|
||||
|
||||
\begin{frame}
|
||||
\frametitle{Fazit}
|
||||
\begin{center}
|
||||
\begin{itemize}
|
||||
\item Wegverschlüsselung nutzen (auf HTTPS achten, Plugin: HTTPS Everywhere)
|
||||
\item Ende-zu-Ende-Verschlüsselung nutzen (Email: GPG, Messenger: Signal)
|
||||
\item Metadaten vermeiden (z.B. Alternative Dienste, Plugins: Privacy Badger oder Disconnect)
|
||||
\item Soziale Netzwerke bewusst nutzen, auf Umgangsformen achten
|
||||
\item Wichtig: Datenvermeidung und sichere Passwörter
|
||||
\end{itemize}
|
||||
|
||||
\vspace{5mm}
|
||||
\href{https://github.com/cms/2016_05_04_kleinzschachwitz/}{Folien}: \href{https://creativecommons.org/licenses/by-sa/4.0/}{\cc{by-sa}} Chaos Computer Club Dresden \\
|
||||
\vspace{3mm}
|
||||
CMS Dresden: schule@c3d2.de
|
||||
\end{center}
|
||||
\end{frame}
|
|
@ -1,41 +0,0 @@
|
|||
Einleitung:
|
||||
- ccc/ccc_bundesweit.tex
|
||||
- ccc/ccc_lokal.tex
|
||||
- motivation/stasi_vs_nsa.tex
|
||||
|
||||
Internet:
|
||||
- internet/kommunikationsmodelle.tex
|
||||
- ccc/ccc_lokal.tex
|
||||
- internet/server_kabel_router.tex
|
||||
|
||||
Gerätesicherheit:
|
||||
- geraetesicherheit/unerwuenschte_funktionalitaet.tex
|
||||
- geraetesicherheit/schutzmoeglichkeiten.tex
|
||||
- geraetesicherheit/app_permissions.tex
|
||||
- geraetesicherheit/foss_programme_apps.tex
|
||||
|
||||
Verschlüsselung:
|
||||
- verschluesselung/tls.tex
|
||||
- verschluesselung/https_everywhere.tex
|
||||
- verschluesselung/e2e.tex
|
||||
- verschluesselung/messenger_vergleich.tex
|
||||
|
||||
Metadaten:
|
||||
- metadaten/vds.tex
|
||||
- metadaten/location_heatmap.tex
|
||||
- metadaten/zeitstempel.tex
|
||||
- metadaten/antitracking.tex
|
||||
- metadaten/alternative_dienste.tex
|
||||
- metadaten/nextcloud.tex
|
||||
|
||||
Soziale Netzwerke:
|
||||
- soziale_netzwerke/umfrage.tex
|
||||
- soziale_netzwerke/geschaeftsmodelleraten.tex
|
||||
- soziale_netzwerke/umgangsformen.tex
|
||||
|
||||
Verhalten:
|
||||
- verhalten/datensparsamkeit.tex
|
||||
- verhalten/passwoerter.tex
|
||||
|
||||
Fazit:
|
||||
- fazit/alles-7-8kl-90min.tex
|
|
@ -1,21 +0,0 @@
|
|||
Einleitung:
|
||||
- ccc/ccc_bundesweit.tex
|
||||
- ccc/ccc_lokal.tex
|
||||
- gruppen/fsfw.tex
|
||||
- internet/kommunikationsmodelle.tex
|
||||
- internet/kollektive.tex
|
||||
|
||||
Product Placement:
|
||||
- tracking/tracking.tex
|
||||
- tracking/browser_fingerprinting.tex
|
||||
- wirtschaft/sharing-economy.tex
|
||||
|
||||
Datenschutz:
|
||||
- motivation/freesoftware.tex
|
||||
- motivation/stasi_vs_nsa.tex
|
||||
|
||||
Gegenmaßnahmen:
|
||||
- firefox/firefox_plugins.tex
|
||||
- internet/tor.tex
|
||||
- alternate/alternate.tex
|
||||
- geldfrei/geldfrei.tex
|
|
@ -1,27 +0,0 @@
|
|||
Einleitung:
|
||||
- ccc/ccc_bundesweit.tex
|
||||
- ccc/ccc_lokal.tex
|
||||
|
||||
Internet:
|
||||
- internet/kommunikationsmodelle.tex
|
||||
- internet/server_kabel_router.tex
|
||||
|
||||
Verschlüsselung:
|
||||
- verschluesselung/tls.tex
|
||||
- verschluesselung/https_everywhere.tex
|
||||
- verschluesselung/e2e.tex
|
||||
- verschluesselung/messenger_vergleich.tex
|
||||
|
||||
Metadaten:
|
||||
- metadaten/location_heatmap.tex
|
||||
- metadaten/zeitstempel.tex
|
||||
- metadaten/contacts.tex
|
||||
|
||||
Dezentralisierung:
|
||||
- metadaten/nextcloud.tex
|
||||
|
||||
Verhalten:
|
||||
- verhalten/passwoerter.tex
|
||||
|
||||
Fazit:
|
||||
- fazit/medinetzkongress.tex
|
|
@ -1,41 +0,0 @@
|
|||
Einleitung:
|
||||
- ccc/ccc_bundesweit.tex
|
||||
- ccc/ccc_lokal.tex
|
||||
- motivation/stasi_vs_nsa.tex
|
||||
|
||||
Internet:
|
||||
- internet/kommunikationsmodelle.tex
|
||||
- ccc/ccc_lokal.tex
|
||||
- internet/server_kabel_router.tex
|
||||
|
||||
Gerätesicherheit:
|
||||
- geraetesicherheit/unerwuenschte_funktionalitaet.tex
|
||||
- geraetesicherheit/schutzmoeglichkeiten.tex
|
||||
- geraetesicherheit/app_permissions.tex
|
||||
- geraetesicherheit/foss_programme_apps.tex
|
||||
|
||||
Verschlüsselung:
|
||||
- verschluesselung/tls.tex
|
||||
- verschluesselung/https_everywhere.tex
|
||||
- verschluesselung/e2e.tex
|
||||
- verschluesselung/messenger_vergleich.tex
|
||||
|
||||
Metadaten:
|
||||
- metadaten/location_heatmap.tex
|
||||
- metadaten/zeitstempel.tex
|
||||
- metadaten/antitracking.tex
|
||||
- metadaten/alternative_dienste.tex
|
||||
- metadaten/nextcloud_weniger.tex
|
||||
|
||||
Soziale Netzwerke:
|
||||
- soziale_netzwerke/umfrage.tex
|
||||
- soziale_netzwerke/geschaeftsmodelleraten.tex
|
||||
- soziale_netzwerke/ocean_modell.tex
|
||||
- soziale_netzwerke/umgangsformen.tex
|
||||
|
||||
Verhalten:
|
||||
- verhalten/datensparsamkeit.tex
|
||||
- verhalten/passwoerter.tex
|
||||
|
||||
Fazit:
|
||||
- fazit/alles-7-8kl-90min.tex
|
32
generate.rb
32
generate.rb
|
@ -1,32 +0,0 @@
|
|||
#!/usr/bin/env ruby
|
||||
|
||||
require 'yaml'
|
||||
require 'erb'
|
||||
|
||||
# Load files
|
||||
lecture_path = ARGV[0]
|
||||
lecture = YAML.load_file lecture_path
|
||||
deck = YAML.load_file File.join("decks", lecture['deck'])
|
||||
|
||||
# Convert pathes to be relative to outdir_path
|
||||
deck.each do |name, files|
|
||||
files.map! do |f|
|
||||
File.join("..", "..", "content", f)
|
||||
end
|
||||
end
|
||||
|
||||
# Prepare flat list of included .tex files
|
||||
deck_files = []
|
||||
deck.each do |name, files|
|
||||
deck_files.push *files
|
||||
end
|
||||
|
||||
outdir_path = ARGV[1]
|
||||
makefile_template = ERB.new(File.read("makefile_template.erb"))
|
||||
File.write File.join(outdir_path, "Makefile"), makefile_template.result
|
||||
|
||||
latex_template = ERB.new(File.read("latex_template.tex.erb"))
|
||||
notes=false
|
||||
File.write File.join(outdir_path, "slides.tex"), latex_template.result
|
||||
notes=true
|
||||
File.write File.join(outdir_path, "slides_with_notes.tex"), latex_template.result
|
|
@ -1,46 +0,0 @@
|
|||
\documentclass[12pt, xcolor={svgnames,table}]{beamer}
|
||||
%\documentclass[20pt,handout]{beamer}
|
||||
\usetheme{Darmstadt}
|
||||
\usepackage{graphicx}
|
||||
%\usepackage[german]{babel}
|
||||
\usepackage{ngerman}
|
||||
\usepackage[T1]{fontenc}
|
||||
\usepackage[utf8]{inputenc}
|
||||
\usepackage{tikz}
|
||||
\setbeamertemplate{footline}[frame number]
|
||||
\usepackage{pgfpages}
|
||||
\usepackage{csquotes}
|
||||
\usepackage{comment}
|
||||
<% if notes %>
|
||||
\setbeameroption{show notes on second screen = right}
|
||||
<% end %>
|
||||
|
||||
\newcommand{\cc}[1]{\includegraphics[height=4mm]{../../img/#1.png}\hspace{1mm}}
|
||||
\usepackage{ifthen}
|
||||
\newcommand{\license}[2][]{\\#2\ifthenelse{\equal{#1}{}}{}{\\\scriptsize\url{#1}}}
|
||||
\usepackage{textcomp}
|
||||
\usepackage{hyperref}
|
||||
\usepackage{media9}
|
||||
|
||||
\pgfdeclareimage[height=.6cm]{c3d2logo}{./img/c3d2.pdf}
|
||||
|
||||
\pgfdeclarelayer{foreground}
|
||||
\pgfsetlayers{main,foreground}
|
||||
\logo{\pgfputat{\pgfxy(-1,0)}{\pgfbox[center,base]{\pgfuseimage{c3d2logo}}}}
|
||||
|
||||
\title{<%= lecture['title'] %>}
|
||||
\author{\small <%= lecture['presenters'] %> \\\large <%= lecture['organization'] %>}
|
||||
\date{<%= lecture['date'] %>}
|
||||
|
||||
\begin{document}
|
||||
\maketitle
|
||||
|
||||
<% deck.each do |section, snippets| %>
|
||||
\section{<%= section %>}
|
||||
\subsection{}
|
||||
<% snippets.each do |snippet| %>
|
||||
\input{<%= snippet.sub(/\.tex$/, "") %>}
|
||||
<% end %>
|
||||
<% end %>
|
||||
|
||||
\end{document}
|
|
@ -1,9 +0,0 @@
|
|||
ALL: slides.pdf slides_with_notes.pdf
|
||||
|
||||
slides.pdf: slides.tex <%= deck_files.join " " %>
|
||||
pdflatex -draftmode $<
|
||||
pdflatex $<
|
||||
|
||||
slides_with_notes.pdf: slides_with_notes.tex <%= deck_files.join " " %>
|
||||
pdflatex -draftmode $<
|
||||
pdflatex $<
|
|
@ -0,0 +1,58 @@
|
|||
\documentclass{cms}
|
||||
\title{Digitale Selbstverteidigung}
|
||||
\author{Marius}
|
||||
\date{22.06.2016}
|
||||
|
||||
\begin{document}
|
||||
|
||||
\section{Einleitung}
|
||||
|
||||
\includedeck{ccc/ccc_bundesweit}
|
||||
\includedeck{ccc/ccc_lokal}
|
||||
\includedeck{motivation/stasi_vs_nsa}
|
||||
|
||||
\section{Internet}
|
||||
|
||||
\includedeck{internet/kommunikationsmodelle}
|
||||
\includedeck{ccc/ccc_lokal}
|
||||
\includedeck{internet/server_kabel_router}
|
||||
|
||||
\section{Gerätesicherheit}
|
||||
|
||||
\includedeck{geraetesicherheit/unerwuenschte_funktionalitaet}
|
||||
\includedeck{geraetesicherheit/schutzmoeglichkeiten}
|
||||
\includedeck{geraetesicherheit/app_permissions}
|
||||
\includedeck{geraetesicherheit/foss_programme_apps}
|
||||
|
||||
\section{Verschlüsselung}
|
||||
|
||||
\includedeck{verschluesselung/tls}
|
||||
\includedeck{verschluesselung/https_everywhere}
|
||||
\includedeck{verschluesselung/e2e}
|
||||
\includedeck{verschluesselung/messenger_vergleich}
|
||||
|
||||
\section{Metadaten}
|
||||
|
||||
\includedeck{metadaten/vds}
|
||||
\includedeck{metadaten/location_heatmap}
|
||||
\includedeck{metadaten/zeitstempel}
|
||||
\includedeck{metadaten/antitracking}
|
||||
\includedeck{metadaten/alternative_dienste}
|
||||
\includedeck{metadaten/nextcloud}
|
||||
|
||||
\section{Soziale Netzwerke}
|
||||
|
||||
\includedeck{soziale_netzwerke/umfrage}
|
||||
\includedeck{soziale_netzwerke/geschaeftsmodelleraten}
|
||||
\includedeck{soziale_netzwerke/umgangsformen}
|
||||
|
||||
\section{Verhalten}
|
||||
|
||||
\includedeck{verhalten/datensparsamkeit}
|
||||
\includedeck{verhalten/passwoerter}
|
||||
|
||||
\section{Fazit}
|
||||
|
||||
\includedeck{fazit/alles-7-8kl-90min}
|
||||
|
||||
\end{document}
|
|
@ -0,0 +1,34 @@
|
|||
\documentclass{cms}
|
||||
\title{Chaos meets FÖJ}
|
||||
\author{nac, vv0lf}
|
||||
\date{13.12.2016}
|
||||
|
||||
\begin{document}
|
||||
|
||||
\section{Einleitung}
|
||||
|
||||
\includedeck{ccc/ccc_bundesweit}
|
||||
\includedeck{ccc/ccc_lokal}
|
||||
\includedeck{gruppen/fsfw}
|
||||
\includedeck{internet/kommunikationsmodelle}
|
||||
\includedeck{internet/kollektive}
|
||||
|
||||
\section{Product Placement}
|
||||
|
||||
\includedeck{tracking/tracking}
|
||||
\includedeck{tracking/browser_fingerprinting}
|
||||
\includedeck{wirtschaft/sharing-economy}
|
||||
|
||||
\section{Datenschutz}
|
||||
|
||||
\includedeck{motivation/freesoftware}
|
||||
\includedeck{motivation/stasi_vs_nsa}
|
||||
|
||||
\section{Gegenmaßnahmen}
|
||||
|
||||
\includedeck{firefox/firefox_plugins}
|
||||
\includedeck{internet/tor}
|
||||
\includedeck{alternate/alternate}
|
||||
\includedeck{geldfrei/geldfrei}
|
||||
|
||||
\end{document}
|
|
@ -0,0 +1,43 @@
|
|||
\documentclass{cms}
|
||||
\title{Einführung in sichere Kommunikation}
|
||||
\author{Marius Melzer und Reiner Lübeck}
|
||||
\date{20.05.2017}
|
||||
|
||||
\begin{document}
|
||||
|
||||
\section{Einleitung}
|
||||
|
||||
\includedeck{ccc/ccc_bundesweit}
|
||||
\includedeck{ccc/ccc_lokal}
|
||||
|
||||
\section{Internet}
|
||||
|
||||
\includedeck{internet/kommunikationsmodelle}
|
||||
\includedeck{internet/server_kabel_router}
|
||||
|
||||
\section{Verschlüsselung}
|
||||
|
||||
\includedeck{verschluesselung/tls}
|
||||
\includedeck{verschluesselung/https_everywhere}
|
||||
\includedeck{verschluesselung/e2e}
|
||||
\includedeck{verschluesselung/messenger_vergleich}
|
||||
|
||||
\section{Metadaten}
|
||||
|
||||
\includedeck{metadaten/location_heatmap}
|
||||
\includedeck{metadaten/zeitstempel}
|
||||
\includedeck{metadaten/contacts}
|
||||
|
||||
\section{Dezentralisierung}
|
||||
|
||||
\includedeck{metadaten/nextcloud}
|
||||
|
||||
\section{Verhalten}
|
||||
|
||||
\includedeck{verhalten/passwoerter}
|
||||
|
||||
\section{Fazit}
|
||||
|
||||
\includedeck{fazit/medinetzkongress}
|
||||
|
||||
\end{document}
|
|
@ -0,0 +1,58 @@
|
|||
\documentclass{cms}
|
||||
\title{Digitale Selbstverteidigung}
|
||||
\author{Marius Melzer}
|
||||
\date{06.02.2018}
|
||||
|
||||
\begin{document}
|
||||
|
||||
\section{Einleitung}
|
||||
|
||||
\includedeck{ccc/ccc_bundesweit}
|
||||
\includedeck{ccc/ccc_lokal}
|
||||
\includedeck{motivation/stasi_vs_nsa}
|
||||
|
||||
\section{Internet}
|
||||
|
||||
\includedeck{internet/kommunikationsmodelle}
|
||||
\includedeck{ccc/ccc_lokal}
|
||||
\includedeck{internet/server_kabel_router}
|
||||
|
||||
\section{Gerätesicherheit}
|
||||
|
||||
\includedeck{geraetesicherheit/unerwuenschte_funktionalitaet}
|
||||
\includedeck{geraetesicherheit/schutzmoeglichkeiten}
|
||||
\includedeck{geraetesicherheit/app_permissions}
|
||||
\includedeck{geraetesicherheit/foss_programme_apps}
|
||||
|
||||
\section{Verschlüsselung}
|
||||
|
||||
\includedeck{verschluesselung/tls}
|
||||
\includedeck{verschluesselung/https_everywhere}
|
||||
\includedeck{verschluesselung/e2e}
|
||||
\includedeck{verschluesselung/messenger_vergleich}
|
||||
|
||||
\section{Metadaten}
|
||||
|
||||
\includedeck{metadaten/location_heatmap}
|
||||
\includedeck{metadaten/zeitstempel}
|
||||
\includedeck{metadaten/antitracking}
|
||||
\includedeck{metadaten/alternative_dienste}
|
||||
\includedeck{metadaten/nextcloud_weniger}
|
||||
|
||||
\section{Soziale Netzwerke}
|
||||
|
||||
\includedeck{soziale_netzwerke/umfrage}
|
||||
\includedeck{soziale_netzwerke/geschaeftsmodelleraten}
|
||||
\includedeck{soziale_netzwerke/ocean_modell}
|
||||
\includedeck{soziale_netzwerke/umgangsformen}
|
||||
|
||||
\section{Verhalten}
|
||||
|
||||
\includedeck{verhalten/datensparsamkeit}
|
||||
\includedeck{verhalten/passwoerter}
|
||||
|
||||
\section{Fazit}
|
||||
|
||||
\includedeck{fazit/alles-7-8kl-90min}
|
||||
|
||||
\end{document}
|
|
@ -0,0 +1,46 @@
|
|||
\NeedsTeXFormat{LaTeX2e}[1994/12/01]
|
||||
\ProvidesClass{cms}[2018/08/07 v1.00 Documentclass for CmS Presentations]
|
||||
|
||||
\RequirePackage{etoolbox}
|
||||
|
||||
\newbool{notes}
|
||||
\boolfalse{notes}
|
||||
\DeclareOption{notes}{\booltrue{notes}}
|
||||
|
||||
\DeclareOption*{\PassOptionsToClass{\CurrentOption}{beamer}}
|
||||
|
||||
\ProcessOptions\relax
|
||||
|
||||
\LoadClass[12pt,xcolor={svgnames,table}]{beamer}
|
||||
|
||||
\RequirePackage{graphicx}
|
||||
\RequirePackage[ngerman]{babel}
|
||||
\RequirePackage[T1]{fontenc}
|
||||
\RequirePackage[utf8]{inputenc}
|
||||
\RequirePackage{tikz}
|
||||
\RequirePackage{pgfpages}
|
||||
\RequirePackage{csquotes}
|
||||
\RequirePackage{comment}
|
||||
\RequirePackage{ifthen}
|
||||
\RequirePackage{textcomp}
|
||||
\RequirePackage{hyperref}
|
||||
\RequirePackage{media9}
|
||||
|
||||
\usetheme{Darmstadt}
|
||||
\setbeamertemplate{footline}[frame number]
|
||||
|
||||
\pgfdeclareimage[height=.6cm]{c3d2logo}{./img/c3d2.pdf}
|
||||
|
||||
\pgfdeclarelayer{foreground}
|
||||
\pgfsetlayers{main,foreground}
|
||||
\logo{\pgfputat{\pgfxy(-1,0)}{\pgfbox[center,base]{\pgfuseimage{c3d2logo}}}}
|
||||
|
||||
\ifbool{notes}{
|
||||
\setbeameroption{show notes on second screen = right}}{}
|
||||
|
||||
\newcommand{\license}[2][]{\\#2\ifthenelse{\equal{#1}{}}{}{\\\scriptsize\url{#1}}}
|
||||
\newcommand{\cc}[1]{\includegraphics[height=4mm]{img/#1.png}\hspace{1mm}}
|
||||
|
||||
\newcommand{\includedeck}[1]{\include{content/#1}}
|
||||
|
||||
\AfterBeginDocument{\maketitle}
|
|
@ -49,7 +49,7 @@
|
|||
Plattformübergreifende Synchronisierung von Dateien, Dokumenten, Kalendern, Kontakten, Notizen und News.
|
||||
\column{6cm}
|
||||
\begin{center}
|
||||
\includegraphics[width=6cm]{../../img/owncloud-screenshot.jpg}
|
||||
\includegraphics[width=6cm]{img/owncloud-screenshot.jpg}
|
||||
\par
|
||||
\end{center}
|
||||
\end{columns}
|
||||
|
@ -58,28 +58,28 @@ Plattformübergreifende Synchronisierung von Dateien, Dokumenten, Kalendern, Kon
|
|||
%%% Folie 5 %%%
|
||||
\begin{frame}{Owncloud als Ersatz für Dropbox}
|
||||
\begin{center}
|
||||
\includegraphics[width=9cm]{../../img/owncloud-screenshot.jpg}
|
||||
\includegraphics[width=9cm]{img/owncloud-screenshot.jpg}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
||||
%%% Folie 6 %%%
|
||||
\begin{frame}{Owncloud als Ersatz für Google/Apple-Sync}
|
||||
\begin{center}
|
||||
\includegraphics[width=9cm]{../../img/owncloud-calendar.png}
|
||||
\includegraphics[width=9cm]{img/owncloud-calendar.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
||||
%%% Folie 7 %%%
|
||||
\begin{frame}{Owncloud als Ersatz für Google/Apple-Sync}
|
||||
\begin{center}
|
||||
\includegraphics[width=9cm]{../../img/owncloud-contacts.png}
|
||||
\includegraphics[width=9cm]{img/owncloud-contacts.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
||||
%%% Folie 8 %%%
|
||||
\begin{frame}{Owncloud als Ersatz für Google Docs}
|
||||
\begin{center}
|
||||
\includegraphics[width=9cm]{../../img/owncloud-documents.png}
|
||||
\includegraphics[width=9cm]{img/owncloud-documents.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
||||
|
@ -91,10 +91,10 @@ Plattformübergreifende Synchronisierung von Dateien, Dokumenten, Kalendern, Kon
|
|||
Android-Appstore für freie Software
|
||||
\vspace{0.5cm}
|
||||
\textbf{iOS Open Source Apps}\\
|
||||
\includegraphics{../../img/fdroid.png}
|
||||
\includegraphics{img/fdroid.png}
|
||||
\column{5cm}
|
||||
\begin{center}
|
||||
\includegraphics[width=2cm]{../../img/F-Droid_Logo_2}
|
||||
\includegraphics[width=2cm]{img/F-Droid_Logo_2.pdf}
|
||||
\par\end{center}
|
||||
\begin{center}
|
||||
\par
|
||||
|
@ -117,9 +117,9 @@ Plattformübergreifende Synchronisierung von Dateien, Dokumenten, Kalendern, Kon
|
|||
\end{column}
|
||||
\begin{column}{5cm}
|
||||
\begin{center}
|
||||
\includegraphics[width=0.5\textwidth]{../../img/startp_logo.png}
|
||||
\includegraphics[width=0.5\textwidth]{img/startp_logo.png}
|
||||
\vspace{1cm}
|
||||
\includegraphics[width=0.8\textwidth]{../../img/duckduckgo.png}
|
||||
\includegraphics[width=0.8\textwidth]{img/duckduckgo.png}
|
||||
\end{center}
|
||||
\end{column}
|
||||
\end{columns}
|
|
@ -2,7 +2,7 @@
|
|||
\frametitle{Chaos Computer Club}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[height=0.2\textheight]{../../img/chaosknoten.png}
|
||||
\includegraphics[height=0.2\textheight]{img/chaosknoten.png}
|
||||
\end{center}
|
||||
\begin{itemize}
|
||||
\item<1-> Verein wurde 1981 gegründet (\url{https://ccc.de})
|
||||
|
@ -16,7 +16,7 @@
|
|||
\begin{frame}
|
||||
\frametitle{Chaos Computer Club}
|
||||
\begin{figure}
|
||||
\includegraphics[height=0.7\textheight]{../../img/fingerabdruck.jpg}
|
||||
\includegraphics[height=0.7\textheight]{img/fingerabdruck.jpg}
|
||||
\end{figure}
|
||||
\end{frame}
|
||||
\note{Dies ist die erste von zwei Begebenheiten von der man den Chaos Computer Club, z.B. aus der Presse, kennen könnte. Üblicherweise fangen wir an zu fragen, was das abgebildete ist. Meist kommt als Antwort nur: ein Fingerabdruck. Tatsächlich ist es der Fingerabdruck von Herrn Schäuble, damals noch Innenminister. Der Fingerabdruck wurde bei einer Konferenz von einem Glas von Herrn Schäuble genommen und als Latexaufkleber für den Finger in der Datenschleuder, dem Magazin des CCC, verteilt. Es gibt einige bekannte Fälle in denen Mitglieder des CCC den Fingerabdruck von Herrn Schäuble im Reisepass haben, um damit zu zeigen, dass Fingerabdrücke kein geeignetes Identifikationsmerkmal darstellen und sich gegen die Abgabe der Fingerabdrücke zu widersetzen.}
|
||||
|
@ -24,7 +24,7 @@
|
|||
\begin{frame}
|
||||
\frametitle{Chaos Computer Club}
|
||||
\begin{figure}
|
||||
\includegraphics[height=0.7\textheight]{../../img/trojaner.png}
|
||||
\includegraphics[height=0.7\textheight]{img/trojaner.png}
|
||||
\end{figure}
|
||||
\end{frame}
|
||||
\note{Der Staatstrojaner ist die zweite bekannte Begebenheit. Dieser ist eine Schadsoftware die üblicherweise durch den Zoll auf den Computern von Verdächtigen auf einer Liste installiert wurde um später übers Internet erneut Zugriff auf das Gerät zu haben. Der CCC hat hier gezeigt, dass der Trojaner sehr viel mehr konnte als er verfassungsgemäß dürfte und hat damit den weiteren Einsatz unterbunden. Es ist bis heute umstritten, ob ein verfassungsgemäßer Einsatz von Trojanern überhaupt möglich ist.}
|
|
@ -2,7 +2,7 @@
|
|||
\frametitle{Chaos Computer Club}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[height=0.1\textheight]{../../img/c3d2_logo.png}
|
||||
\includegraphics[height=0.1\textheight]{img/c3d2_logo.png}
|
||||
\end{center}
|
||||
\begin{itemize}
|
||||
\item<1-> Chaos Computer Club Dresden (\url{https://c3d2.de/})
|
|
@ -2,7 +2,7 @@
|
|||
%%% Folie 1 %%%
|
||||
\begin{frame}
|
||||
\frametitle{Firefox Add-ons}
|
||||
\includegraphics{../../img/plugins.png}
|
||||
\includegraphics{img/plugins.png}
|
||||
\begin{itemize}
|
||||
\item Better Privacy
|
||||
\item HTTPS Everywhere
|
||||
|
@ -15,29 +15,29 @@
|
|||
%%% Folie 2 %%%
|
||||
\begin{frame}
|
||||
\frametitle{Better Privacy}
|
||||
\includegraphics[height=0.7\textheight]{../../img/better_privacy.png}
|
||||
\includegraphics[height=0.7\textheight]{img/better_privacy.png}
|
||||
\end{frame}
|
||||
|
||||
%%% Folie 3 %%%
|
||||
\begin{frame}
|
||||
\frametitle{HTTPS Everywhere}
|
||||
\includegraphics[height=0.7\textheight]{../../img/https_everywhere.png}
|
||||
\includegraphics[height=0.7\textheight]{img/https_everywhere.png}
|
||||
\end{frame}
|
||||
|
||||
%%% Folie 4 %%%
|
||||
\begin{frame}
|
||||
\frametitle{NoScript}
|
||||
\includegraphics[height=0.7\textheight]{../../img/noscript.png}
|
||||
\includegraphics[height=0.7\textheight]{img/noscript.png}
|
||||
\end{frame}
|
||||
|
||||
%%% Folie 5 %%%
|
||||
\begin{frame}
|
||||
\frametitle{uBlock Origin}
|
||||
\includegraphics[height=0.7\textheight]{../../img/ublock-edge-extension.png}
|
||||
\includegraphics[height=0.7\textheight]{img/ublock-edge-extension.png}
|
||||
\end{frame}
|
||||
|
||||
%%% Folie 6 %%%
|
||||
\begin{frame}
|
||||
\frametitle{Lightbeam}
|
||||
\includegraphics[height=0.7\textheight]{../../img/lightbeam.png}
|
||||
\includegraphics[height=0.7\textheight]{img/lightbeam.png}
|
||||
\end{frame}
|
|
@ -20,7 +20,7 @@ Eine Utopie für die meisten, aber eine Anregung zur Kreativität
|
|||
\frametitle{Minimalismus}
|
||||
|
||||
\begin{figure}
|
||||
\includegraphics[height=0.7\textheight]{../../img/icecoldminimalism.jpg}
|
||||
\includegraphics[height=0.7\textheight]{img/icecoldminimalism.jpg}
|
||||
\caption[Needs a cusion! by Craig Sunter]{\href{https://flic.kr/p/nT2jEf}{{Needs a cusion!}, Craig Sunter, CC BY-ND 2.0}}
|
||||
\end{figure}
|
||||
\end{frame}
|
||||
|
@ -35,7 +35,7 @@ Eine Utopie für die meisten, aber eine Anregung zur Kreativität
|
|||
\frametitle{Foodsharing}
|
||||
|
||||
\begin{figure}
|
||||
\includegraphics[width=0.9\textwidth]{../../img/foodsharing-cut.jpg}
|
||||
\includegraphics[width=0.9\textwidth]{img/foodsharing-cut.jpg}
|
||||
\caption[Foodsharing by Oliver Hallmann, Ausschnitt]{\href{https://flic.kr/p/kCmbVx}{{Foodsharing: Kochbar - Minden}, Oliver Hallmann, CC BY 2.0}}
|
||||
\end{figure}
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
\column{5cm}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[width=3.5cm]{../../img/permissions-android.png}
|
||||
\includegraphics[width=3.5cm]{img/permissions-android.png}
|
||||
\par\end{center}
|
||||
\end{columns}
|
||||
\end{frame}
|
|
@ -3,19 +3,19 @@
|
|||
\begin{columns}
|
||||
\begin{column}{5cm}
|
||||
\begin{center}
|
||||
\includegraphics[height=0.2\textheight]{../../img/firefox.png} \\
|
||||
\includegraphics[height=0.2\textheight]{img/firefox.png} \\
|
||||
Firefox \\
|
||||
\vspace{0.1\textheight}
|
||||
\includegraphics[height=0.2\textheight]{../../img/libreoffice.jpg}\\
|
||||
\includegraphics[height=0.2\textheight]{img/libreoffice.jpg}\\
|
||||
LibreOffice
|
||||
\end{center}
|
||||
\end{column}
|
||||
\begin{column}{5cm}
|
||||
\begin{center}
|
||||
\includegraphics[height=0.2\textheight]{../../img/thunderbird.png} \\
|
||||
\includegraphics[height=0.2\textheight]{img/thunderbird.png} \\
|
||||
Thunderbird \\
|
||||
\vspace{0.1\textheight}
|
||||
\includegraphics[height=0.2\textheight]{../../img/vlc.png}\\
|
||||
\includegraphics[height=0.2\textheight]{img/vlc.png}\\
|
||||
VLC Media Player
|
||||
\end{center}
|
||||
\end{column}
|
||||
|
@ -39,7 +39,7 @@
|
|||
\column{5cm}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[width=2cm]{../../img/F-Droid_Logo_2}
|
||||
\includegraphics[width=2cm]{img/F-Droid_Logo_2.pdf}
|
||||
\par\end{center}
|
||||
\begin{center}
|
||||
\par\end{center}
|
||||
|
@ -53,13 +53,13 @@
|
|||
\column{6.5cm}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[height=6cm]{../../img/fdroid1.png}
|
||||
\includegraphics[height=6cm]{img/fdroid1.png}
|
||||
\par\end{center}
|
||||
|
||||
\column{5cm}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[height=6cm]{../../img/fdroid2.png}
|
||||
\includegraphics[height=6cm]{img/fdroid2.png}
|
||||
\par\end{center}
|
||||
\end{columns}
|
||||
\end{frame}
|
|
@ -1,7 +1,7 @@
|
|||
\begin{frame}
|
||||
\frametitle{Unerwünschte Funktionalität}
|
||||
\begin{center}
|
||||
\includegraphics[width=0.7\textwidth]{../../img/windows10.png}
|
||||
\includegraphics[width=0.7\textwidth]{img/windows10.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
||||
|
@ -10,7 +10,7 @@
|
|||
\begin{frame}
|
||||
\frametitle{Unerwünschte Funktionalität}
|
||||
\begin{center}
|
||||
\includegraphics[width=7cm]{../../img/backdoor-apps}
|
||||
\includegraphics[width=7cm]{img/backdoor-apps.png}
|
||||
\par\end{center}
|
||||
\end{frame}
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
\frametitle{Experimental living}
|
||||
|
||||
\begin{figure}
|
||||
\includegraphics[height=0.2\textheight]{../../img/Wohnhaeuser_PHV_cut.jpg}
|
||||
\includegraphics[height=0.2\textheight]{img/Wohnhaeuser_PHV_cut.jpg}
|
||||
\caption[Blick von Norden auf PHV, Ausschnitt]{\href{https://de.wikipedia.org/wiki/Datei:Wohnh\%C3\%A4user_PHV.JPG}{User:4028mdk09, CC BY-SA 3.0}}
|
||||
\end{figure}
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
\frametitle{Wie kommunizieren wir im Internet?}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[height=5cm]{../../img/c-s.png}
|
||||
\includegraphics[height=5cm]{img/c-s.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
\note{Stark vereinfacht kommunizieren zwei Internetnutzer, die sich eine Nachricht - beispielsweise über einen Messenger oder ein soziales Netzwerk - zusenden, indem der Sender die Nachrichten durchs Internet an einen Server schickt und dieser sie an den Empfänger weiterleitet. Ein Server ist ein Computer, der 24/7 angeschaltet ist und immer unter der selben Adresse im Internet zu finden ist.}
|
||||
|
@ -10,7 +10,7 @@
|
|||
\begin{frame}
|
||||
\frametitle{Föderation}
|
||||
\begin{center}
|
||||
\includegraphics[height=5cm]{../../img/fed.png}
|
||||
\includegraphics[height=5cm]{img/fed.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
\begin{frame}
|
||||
\frametitle{Server im Rechenzentrum}
|
||||
\begin{center}
|
||||
\includegraphics[height=5cm]{../../img/data_center.jpg}
|
||||
\includegraphics[height=5cm]{img/data_center.jpg}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
||||
|
@ -10,7 +10,7 @@
|
|||
\begin{frame}
|
||||
\frametitle{Traceroute Le Monde}
|
||||
\begin{center}
|
||||
\includegraphics[height=5cm]{../../img/traceroute.png}
|
||||
\includegraphics[height=5cm]{img/traceroute.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
||||
|
@ -19,7 +19,7 @@
|
|||
\begin{frame}
|
||||
\frametitle{Traceroute Facebook}
|
||||
\begin{center}
|
||||
\includegraphics[height=5cm]{../../img/traceroute-facebook.png}
|
||||
\includegraphics[height=5cm]{img/traceroute-facebook.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
\note{Im Traceroute von Facebook sieht man, dass JEDE Anfrage an Facebook erstmal in die USA geht bevor sie dort feststellen, dass jemand aus Europa kommt und das dann auf die Server in Irland umleiten. Trotzdem hat der amerikanische Facebook-Zweig damit auch unsere Daten und nicht nur der datenschutzmäßig besser geschützte Teil in Europa.}
|
||||
|
@ -27,7 +27,7 @@
|
|||
\begin{frame}
|
||||
\frametitle{Internetknoten (Router)}
|
||||
\begin{center}
|
||||
\includegraphics[height=5cm]{../../img/internet_cable_map.png}
|
||||
\includegraphics[height=5cm]{img/internet_cable_map.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
||||
|
@ -36,7 +36,7 @@
|
|||
\begin{frame}
|
||||
\frametitle{Internetknoten (DE-CIX in Frankfurt)}
|
||||
\begin{center}
|
||||
\includegraphics[height=5cm]{../../img/de_cix.jpg}
|
||||
\includegraphics[height=5cm]{img/de_cix.jpg}
|
||||
\\{\small \href{https://de.wikipedia.org/wiki/DE-CIX\#/media/File:DE-CIX\_GERMANY\_-\_Switch\_Rack\_\%286218137120\%29.jpg}{Grafik}: \href{https://creativecommons.org/licenses/by-sa/2.0/}{\cc{by-sa} Stefan Funke}}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
@ -46,7 +46,7 @@
|
|||
\begin{frame}
|
||||
\frametitle{Verbindungskabel}
|
||||
\begin{center}
|
||||
\includegraphics[height=5cm]{../../img/seacable1.jpg}
|
||||
\includegraphics[height=5cm]{img/seacable1.jpg}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
|
@ -2,35 +2,35 @@
|
|||
%%% Folie 1 %%%
|
||||
\begin{frame}
|
||||
\frametitle{Tor}
|
||||
\includegraphics[width=0.5\textwidth, height=0.5\textheight]{../../img/tor.png}
|
||||
\includegraphics[width=0.5\textwidth, height=0.5\textheight]{img/tor.png}
|
||||
\end{frame}
|
||||
|
||||
%%% Folie 2 %%%
|
||||
\begin{frame}
|
||||
\frametitle{So funktioniert Tor}
|
||||
\includegraphics[height=0.7\textheight]{../../img/tor1.png}
|
||||
\includegraphics[height=0.7\textheight]{img/tor1.png}
|
||||
\end{frame}
|
||||
|
||||
%%% Folie 3 %%%
|
||||
\begin{frame}
|
||||
\frametitle{Tor Bundle}
|
||||
\includegraphics[width=1\textwidth, height=0.7\textheight]{../../img/tor_bundle.png}
|
||||
\includegraphics[width=1\textwidth, height=0.7\textheight]{img/tor_bundle.png}
|
||||
\end{frame}
|
||||
|
||||
%%% Folie 4 %%%
|
||||
\begin{frame}
|
||||
\frametitle{Tor Browser}
|
||||
\includegraphics[width=1\textwidth, height=0.7\textheight]{../../img/tor_browser.jpg}
|
||||
\includegraphics[width=1\textwidth, height=0.7\textheight]{img/tor_browser.jpg}
|
||||
\end{frame}
|
||||
|
||||
%%% Folie 5 %%%
|
||||
\begin{frame}
|
||||
\frametitle{Orbot: Tor für Android}
|
||||
\includegraphics[height=0.7\textheight]{../../img/orbot.png}
|
||||
\includegraphics[height=0.7\textheight]{img/orbot.png}
|
||||
\end{frame}
|
||||
|
||||
%%% Folie 6 %%%
|
||||
\begin{frame}
|
||||
\frametitle{Orbot}
|
||||
\includegraphics[height=0.7\textheight]{../../img/orbot1.png}
|
||||
\includegraphics[height=0.7\textheight]{img/orbot1.png}
|
||||
\end{frame}
|
|
@ -13,8 +13,8 @@
|
|||
\end{column}
|
||||
\begin{column}{5cm}
|
||||
\begin{center}
|
||||
\includegraphics[width=0.5\textwidth]{../../img/startp_logo.png}
|
||||
\includegraphics[width=0.8\textwidth]{../../img/duckduckgo.pdf}
|
||||
\includegraphics[width=0.5\textwidth]{img/startp_logo.png}
|
||||
\includegraphics[width=0.8\textwidth]{img/duckduckgo.pdf}
|
||||
\end{center}
|
||||
\end{column}
|
||||
\end{columns}
|
||||
|
@ -37,8 +37,8 @@
|
|||
\end{column}
|
||||
\begin{column}{5cm}
|
||||
\begin{center}
|
||||
\includegraphics[width=0.5\textwidth]{../../img/osm.png}
|
||||
\includegraphics[width=0.8\textwidth]{../../img/openrouteservice.png}
|
||||
\includegraphics[width=0.5\textwidth]{img/osm.png}
|
||||
\includegraphics[width=0.8\textwidth]{img/openrouteservice.png}
|
||||
\end{center}
|
||||
\end{column}
|
||||
\end{columns}
|
||||
|
@ -49,7 +49,7 @@
|
|||
\begin{frame}
|
||||
\frametitle{Alternative Kartendienste}
|
||||
\begin{center}
|
||||
\includegraphics[height=6cm]{../../img/osmand.png}
|
||||
\includegraphics[height=6cm]{img/osmand.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
\frametitle{Disconnect, Privacy Badger (EFF), Ghostery}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[height=0.7\textheight]{../../img/disconnectme.jpg}
|
||||
\includegraphics[height=0.7\textheight]{img/disconnectme.jpg}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
\note{Auf dem PC und Laptop ist das vorgehen gegen Tracking leicht. Es gibt Addons für Chrome, Firefox etc.\ die Webseiten die Kommunikation mit Trackern einfach verbieten. Disconnect und Privacy Badger sind dabei Open Source und sollten wenn möglich dem bekannteren Ghostery vorgezogen werden.}
|
||||
|
@ -11,7 +11,7 @@
|
|||
\frametitle{Android: Antitracking im Firefox Privatmodus}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[height=0.7\textheight]{../../img/ff_antitrack.png}
|
||||
\includegraphics[height=0.7\textheight]{img/ff_antitrack.png}
|
||||
|
||||
\textbf{Installation für Firefox auf Android}\\
|
||||
Firefox-Menü -> Extras -> Add-ons -> Alle Firefox-Addons ansehen -> nach Tracking suchen -> "Enable Tracking Protection" installieren.
|
||||
|
@ -30,7 +30,7 @@
|
|||
\column{5cm}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[width=3.5cm]{../../img/firefox-mobil-antitracking.png}
|
||||
\includegraphics[width=3.5cm]{img/firefox-mobil-antitracking.png}
|
||||
\par\end{center}
|
||||
\end{columns}
|
||||
\end{frame}
|
||||
|
@ -40,7 +40,7 @@
|
|||
\frametitle{Antitracking Browser für iOS: Firefox Klar}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[height=0.5\textheight]{../../img/firefox-klar.jpg}
|
||||
\includegraphics[height=0.5\textheight]{img/firefox-klar.jpg}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
\note{Blockiert Werbung und verhindert Tracking!}
|
||||
|
@ -60,7 +60,7 @@
|
|||
\column{5cm}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[width=3.5cm]{../../img/google-adid.png}
|
||||
\includegraphics[width=3.5cm]{img/google-adid.png}
|
||||
\par\end{center}
|
||||
\end{columns}
|
||||
\end{frame}
|
|
@ -1,6 +1,6 @@
|
|||
\begin{frame}
|
||||
\frametitle{Soziale Kontakte}
|
||||
\begin{center}
|
||||
\includegraphics[width=0.8\textwidth]{../../img/phone-contacts.jpg}
|
||||
\includegraphics[width=0.8\textwidth]{img/phone-contacts.jpg}
|
||||
\end{center}
|
||||
\end{frame}
|
|
@ -1,8 +1,8 @@
|
|||
\begin{frame}
|
||||
\frametitle{Google Takeout}
|
||||
\begin{center}
|
||||
\includegraphics<1>[width=0.8\textwidth]{../../img/google_heat_1.png}
|
||||
\includegraphics<2>[width=0.8\textwidth]{../../img/google_heat_2.png}
|
||||
\includegraphics<1>[width=0.8\textwidth]{img/google_heat_1.png}
|
||||
\includegraphics<2>[width=0.8\textwidth]{img/google_heat_2.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
\note{Dies ist eine sogenannte Heatmap, eine Hitzekarte, die uns die Informationen zeigt, die die Google Maps App im Hintergrund sammelt. Dies geschieht bei neueren Androidgeräten zu jedem Zeitpunkt, wenn das Gerät an ist (selbst wenn die App noch nicht geöffnet wurde). Generell zeigt die Karte wie detailliert man über das Leben eines Menschen nur anhand häufig besuchter Orte schließen kann. Über eine Kirche auf Religion, einen Arzt auf bestimmte Krankheiten, ein abweichendes Wegemuster auf eine Affäre oder eine neue Arbeit.}
|
|
@ -1,36 +1,36 @@
|
|||
\begin{frame}{Nextcloud}
|
||||
\begin{center}
|
||||
\includegraphics[width=\textwidth]{../../img/nextcloud1.png}
|
||||
\includegraphics[width=\textwidth]{img/nextcloud1.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
\note{Nextcloud ist eine gute Alternative für Dropbox, Google Calender/Contacts, Apple iCloud und Google Docs. Es kann alle diese Dinge, ist dabei aber Open Source und man kann sich wie bei Email seinen Anbieter (und damit den Ort wo seine Daten liegen, z.B. bei einem deutschen Anbieter in Deutschland) aussuchen. Wenn man ein bisschen Bescheid weiß, kann man sich sogar eine kleine Nextcloudbox zu Hause hinstellen oder es auf einem eigenen Webspace installieren um noch mehr Kontrolle über seine Daten zu haben.}
|
||||
|
||||
\begin{frame}{Nextcloud}
|
||||
\begin{center}
|
||||
\includegraphics[width=\textwidth]{../../img/nextcloud2.png}
|
||||
\includegraphics[width=\textwidth]{img/nextcloud2.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
||||
\begin{frame}{Nextcloud}
|
||||
\begin{center}
|
||||
\includegraphics[width=\textwidth]{../../img/nextcloud3.png}
|
||||
\includegraphics[width=\textwidth]{img/nextcloud3.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
||||
\begin{frame}{Nextcloud}
|
||||
\begin{center}
|
||||
\includegraphics[width=\textwidth]{../../img/nextcloud4.png}
|
||||
\includegraphics[width=\textwidth]{img/nextcloud4.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
||||
\begin{frame}{Nextcloud}
|
||||
\begin{center}
|
||||
\includegraphics[width=\textwidth]{../../img/nextcloud5.png}
|
||||
\includegraphics[width=\textwidth]{img/nextcloud5.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
|
||||
\begin{frame}{Nextcloud}
|
||||
\begin{center}
|
||||
\includegraphics[width=\textwidth]{../../img/nextcloud6.png}
|
||||
\includegraphics[width=\textwidth]{img/nextcloud6.png}
|
||||
\end{center}
|
||||
\end{frame}
|
|
@ -1,12 +1,12 @@
|
|||
\begin{frame}{Nextcloud}
|
||||
\begin{center}
|
||||
\includegraphics[width=\textwidth]{../../img/nextcloud1.png}
|
||||
\includegraphics[width=\textwidth]{img/nextcloud1.png}
|
||||
\end{center}
|
||||
\end{frame}
|
||||
\note{Nextcloud ist eine gute Alternative für Dropbox, Google Calender/Contacts, Apple iCloud und Google Docs. Es kann alle diese Dinge, ist dabei aber Open Source und man kann sich wie bei Email seinen Anbieter (und damit den Ort wo seine Daten liegen, z.B. bei einem deutschen Anbieter in Deutschland) aussuchen. Wenn man ein bisschen Bescheid weiß, kann man sich sogar eine kleine Nextcloudbox zu Hause hinstellen oder es auf einem eigenen Webspace installieren um noch mehr Kontrolle über seine Daten zu haben.}
|
||||
|
||||
\begin{frame}{Nextcloud}
|
||||
\begin{center}
|
||||
\includegraphics[width=\textwidth]{../../img/nextcloud6.png}
|
||||
\includegraphics[width=\textwidth]{img/nextcloud6.png}
|
||||
\end{center}
|
||||
\end{frame}
|
|
@ -1,7 +1,7 @@
|
|||
\begin{frame}
|
||||
\frametitle{Social Media Fingerprint}
|
||||
\begin{center}
|
||||
\includegraphics<1>[width=0.7\textwidth]{../../img/social-media-fingerprint.png}
|
||||
\includegraphics<1>[width=0.7\textwidth]{img/social-media-fingerprint.png}
|
||||
\note{Auf der Seite \url{https://robinlinus.github.io/socialmedia-leak/} kann man sehen, dass jede Seite wo bspw. ein Like-Button eingebunden ist, sehen kann ob jemand dort eingeloggt ist oder nicht. Auch andersherum funktioniert das: Wenn man bei Facebook eingeloggt ist, dass bekommt Facebook für jede Website die man besucht und die einen Like-Button hat mit, dass man sie besucht hat.}
|
||||
\end{center}
|
||||
\end{frame}
|
|
@ -1,10 +1,10 @@
|
|||
\begin{frame}
|
||||
\frametitle{Metadaten im WWW}
|
||||
\begin{center}
|
||||
\includegraphics<1>[width=0.7\textwidth]{../../img/lightbeam_1.png}
|
||||
\includegraphics<1>[width=0.7\textwidth]{img/lightbeam_1.png}
|
||||
\note{Ist es jemandem schonmal passiert, dass man sich etwas im Internet angeguckt hat und Tage und Wochen später noch Werbung auf ganz anderen Seiten für das gleiche gesehen hat? Das nennt sich Tracking und wird von vielen Firmen, u.a. Google und Facebook, gemacht um Leute auch auf anderen Webseiten verfolgen und ihre Aktivitäten mitschneiden zu können. }
|
||||
|
||||
\includegraphics<2>[width=0.7\textwidth]{../../img/lightbeam_2.png}
|
||||
\includegraphics<2>[width=0.7\textwidth]{img/lightbeam_2.png}
|
||||
\note{Mit dem Addon Lightbeam für Firefox kann man sich anzeigen lassen, welche Tracker auf welchen Seiten eingebunden sind. An diesem Punkt bietet es sich an, das Plugin vorzuzeigen, es ggf. zu resetten und ein paar Websites aufzumachen, z.B. zeit.de, spon.de, google.de, facebook.com, web.de, gmx.de,... Besonders problematisch sind die Tracker (Dreiecke), die bei besonders vielen Websites (Kugeln) eingebunden sind.}
|
||||
\end{center}
|
||||
\end{frame}
|
|
@ -20,7 +20,7 @@
|
|||
|
||||
\begin{frame}
|
||||
\frametitle{Metadaten - VDS}
|
||||
\includegraphics[height=0.7\textheight]{../../img/maltespitz.png}
|
||||
\includegraphics[height=0.7\textheight]{img/maltespitz.png}
|
||||
\end{frame}
|
||||
|
||||
\note{Malte Spitz ist im Vorstand der Grünen. Er hat sich, als es die Vorratsdatenspeicherung eine Weile gab, seine Daten von der Telekom erklagt und Zeit Online hat sie visualisiert. Man kann ihm über Monate weg ``folgen'', sieht wo er war, ggf. mit wem er sich getroffen hat, zu welchen Ärzten er gegangen ist und wann er auf Arbeit war.}
|
|
@ -2,17 +2,17 @@
|
|||
\frametitle{Zeitstempel}
|
||||
\begin{center}
|
||||
\only<1>{
|
||||
\includegraphics[width=0.9\textwidth]{../../img/punch_1.png}
|
||||
\includegraphics[width=0.9\textwidth]{img/punch_1.png}
|
||||
\\ \hfill \small Alan, Microblogging
|
||||
}
|
||||
|
||||
\only<2>{
|
||||
\includegraphics[width=0.9\textwidth]{../../img/punch_2.png}
|
||||
\includegraphics[width=0.9\textwidth]{img/punch_2.png}
|
||||
\\ \hfill \small Bob, Microblogging
|
||||
}
|
||||
|
||||
\only<3>{
|
||||
\includegraphics[width=0.9\textwidth]{../../img/punch_3.png}
|
||||
\includegraphics[width=0.9\textwidth]{img/punch_3.png}
|
||||
\\ \hfill \small Charlie, Github
|
||||
}
|
||||
\end{center}
|
|
@ -31,11 +31,11 @@
|
|||
\column{7cm}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[width=4.5cm]{../../img/stallman}
|
||||
\includegraphics[width=4.5cm]{img/stallman.jpg}
|
||||
\par\end{center}
|
||||
|
||||
\begin{center}
|
||||
\includegraphics[width=5cm]{../../img/logo-fsf}
|
||||
\includegraphics[width=5cm]{img/logo-fsf.pdf}
|
||||
\par\end{center}
|
||||
\end{columns}
|
||||
\end{frame}
|
||||
|
@ -45,19 +45,19 @@
|
|||
\begin{columns}
|
||||
\begin{column}{5cm}
|
||||
\begin{center}
|
||||
\includegraphics[height=0.2\textheight]{../../img/firefox.png} \\
|
||||
\includegraphics[height=0.2\textheight]{img/firefox.png} \\
|
||||
Firefox \\
|
||||
\vspace{0.1\textheight}
|
||||
\includegraphics[height=0.2\textheight]{../../img/libreoffice.jpg}\\
|
||||
\includegraphics[height=0.2\textheight]{img/libreoffice.jpg}\\
|
||||