Merge pull request #6 from exot/latex-only

Präsentationen direkt in LaTeX
master
Wolf 4 years ago committed by GitHub
commit 632b6e6c82
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 14
      .gitignore
  2. 68
      Makefile
  3. 21
      README.md
  4. 0
      dates/.keep
  5. 6
      dates/16_06_22.yaml
  6. 6
      dates/16_12_13.yaml
  7. 6
      dates/17_05_20.yaml
  8. 6
      dates/18_02_06.yaml
  9. 72
      decks/alles-7-8kl-90min.tex
  10. 41
      decks/alles-7-8kl-90min.yaml
  11. 21
      decks/foej-workshop-180min.yaml
  12. 27
      decks/medinetzkongress.yaml
  13. 41
      decks/saferinternetday.yaml
  14. 32
      generate.rb
  15. 46
      latex_template.tex.erb
  16. 9
      makefile_template.erb
  17. 58
      presentations/2016-06-22_alles-7-8kl-90min.tex
  18. 34
      presentations/2016-12-13_foej-workshop-180min.tex
  19. 43
      presentations/2017-05-20_medinetzkongress.tex
  20. 58
      presentations/2018-02-06_saferinternetday.tex
  21. 46
      presentations/cms.cls
  22. 18
      presentations/content/alternate/alternate.tex
  23. 6
      presentations/content/ccc/ccc_bundesweit.tex
  24. 2
      presentations/content/ccc/ccc_lokal.tex
  25. 0
      presentations/content/fazit/alles-7-8kl-90min.tex
  26. 0
      presentations/content/fazit/medinetzkongress.tex
  27. 12
      presentations/content/firefox/firefox_plugins.tex
  28. 4
      presentations/content/geldfrei/geldfrei.tex
  29. 2
      presentations/content/geraetesicherheit/app_permissions.tex
  30. 14
      presentations/content/geraetesicherheit/foss_programme_apps.tex
  31. 0
      presentations/content/geraetesicherheit/schutzmoeglichkeiten.tex
  32. 4
      presentations/content/geraetesicherheit/unerwuenschte_funktionalitaet.tex
  33. 0
      presentations/content/gruppen/fsfw.tex
  34. 2
      presentations/content/internet/kollektive.tex
  35. 4
      presentations/content/internet/kommunikationsmodelle.tex
  36. 12
      presentations/content/internet/server_kabel_router.tex
  37. 12
      presentations/content/internet/tor.tex
  38. 10
      presentations/content/metadaten/alternative_dienste.tex
  39. 10
      presentations/content/metadaten/antitracking.tex
  40. 2
      presentations/content/metadaten/contacts.tex
  41. 4
      presentations/content/metadaten/location_heatmap.tex
  42. 12
      presentations/content/metadaten/nextcloud.tex
  43. 4
      presentations/content/metadaten/nextcloud_weniger.tex
  44. 2
      presentations/content/metadaten/social-media-fingerprint.tex
  45. 4
      presentations/content/metadaten/tracking.tex
  46. 2
      presentations/content/metadaten/vds.tex
  47. 6
      presentations/content/metadaten/zeitstempel.tex
  48. 14
      presentations/content/motivation/freesoftware.tex
  49. 4
      presentations/content/motivation/stasi_vs_nsa.tex
  50. 2
      presentations/content/soziale_netzwerke/geschaeftsmodelleraten.tex
  51. 4
      presentations/content/soziale_netzwerke/ocean_modell.tex
  52. 0
      presentations/content/soziale_netzwerke/umfrage.tex
  53. 0
      presentations/content/soziale_netzwerke/umgangsformen.tex
  54. 2
      presentations/content/tracking/browser_fingerprinting.tex
  55. 2
      presentations/content/tracking/tracking.tex
  56. 0
      presentations/content/verhalten/datensparsamkeit.tex
  57. 0
      presentations/content/verhalten/passwoerter.tex
  58. 20
      presentations/content/verschluesselung/e2e.tex
  59. 2
      presentations/content/verschluesselung/https_everywhere.tex
  60. 0
      presentations/content/verschluesselung/messenger_vergleich.tex
  61. 6
      presentations/content/verschluesselung/tls.tex
  62. 2
      presentations/content/wirtschaft/sharing-economy.tex
  63. 0
      presentations/img/502400-64.png
  64. 0
      presentations/img/Beta-badge.pdf
  65. 0
      presentations/img/Beta-badge.svg
  66. 0
      presentations/img/F-Droid_Logo_2.pdf
  67. 0
      presentations/img/F-Droid_Logo_2.svg
  68. 0
      presentations/img/Gnupg_logo.pdf
  69. 0
      presentations/img/Gnupg_logo.svg
  70. 0
      presentations/img/Internet_map_1024.jpg
  71. 0
      presentations/img/LibreOffice.pdf
  72. 0
      presentations/img/LibreOffice.svg
  73. 0
      presentations/img/Mozilla_Thunderbird_3.png
  74. 0
      presentations/img/Replicant_logo_alpha.pdf
  75. 0
      presentations/img/Replicant_logo_alpha.svg
  76. 0
      presentations/img/TextSecure_Icon.png
  77. 0
      presentations/img/Tux.pdf
  78. 0
      presentations/img/Tux.svg
  79. 0
      presentations/img/Wohnhaeuser_PHV.jpg
  80. 0
      presentations/img/Wohnhaeuser_PHV_cut.jpg
  81. 0
      presentations/img/akten1.png
  82. 0
      presentations/img/akten2.png
  83. 0
      presentations/img/anonymous.jpg
  84. 0
      presentations/img/asym_encryption.png
  85. 0
      presentations/img/auth.png
  86. 0
      presentations/img/backdoor-android.png
  87. 0
      presentations/img/backdoor-apps.png
  88. 0
      presentations/img/backdoor-av.png
  89. 0
      presentations/img/backdoor-flashlight.png
  90. 0
      presentations/img/backdoor-ios.png
  91. 0
      presentations/img/backdoor-samsung.png
  92. 0
      presentations/img/backdoor-samsung2.png
  93. 0
      presentations/img/backdoor-windows.png
  94. 0
      presentations/img/backdoor-windows2.png
  95. 0
      presentations/img/backdoor_gb.png
  96. 0
      presentations/img/better_privacy.png
  97. 0
      presentations/img/bitmessagelogo.png
  98. 0
      presentations/img/bote.jpg
  99. 0
      presentations/img/bridge1.png
  100. 0
      presentations/img/bridge2.png
  101. Some files were not shown because too many files have changed in this diff Show More

14
.gitignore vendored

@ -1,4 +1,10 @@
dates/*
!dates/*.yaml
decks/*
!decks/*.yaml
*.aux
*.log
*.toc
*.nav
*.snm
*.out
*.synctex.gz
/presentations/*.pdf
/presentations/auto
/presentations/build/

@ -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)
distclean: clean
rm -f presentations/*.pdf
# 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’
# 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.
# Keep Makefiles
.SECONDARY: $(patsubst dates/%/ALL, dates/%/Makefile, $(MAKE_TARGETS))
define DECK_template
$(1): $(shell perl -ne '/includegraphics[^\{]*\{([^\}]*)\}/ && print "presentations/", $$1, " "' $(1))
test -f $(1) && touch $(1)
endef
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 $@)
# Files contained in decks are only considered at top-level.
dates/%/ALL: dates/%/Makefile
$(MAKE) -C $(shell dirname $@)
$(foreach deck, $(wildcard presentations/content/*/*.tex), \
$(eval $(call DECK_template, $(deck))))

@ -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

@ -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}