diff -r 3c69029f4a1c -r 03d5c3df745e slides/slides02.tex --- a/slides/slides02.tex Mon Sep 28 00:00:45 2015 +0100 +++ b/slides/slides02.tex Mon Sep 28 00:16:15 2015 +0100 @@ -133,6 +133,105 @@ \end{frame} %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\begin{frame}[c] +\frametitle{\Large\begin{tabular}{c}User-Tracking Without Cookies\end{tabular}} + +Can you track a user {\bf without}: + +\begin{itemize} +\item Cookies +\item JavaScript +\item LocalStorage/SessionStorage/GlobalStorage +\item Flash, Java or other plugins +\item Your IP address or user agent string +\item Any methods employed by Panopticlick\\ +\mbox{}\hfill $\rightarrow$ \textcolor{blue}{\url{https://panopticlick.eff.org/}} +\end{itemize} + +Even when you disabled cookies entirely, have JavaScript turned off and use a VPN +service, and also \ldots + +\end{frame} +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\begin{frame} +\frametitle{Verizon} +\mbox{}\\[-23mm]\mbox{} + +\begin{center} +\includegraphics[scale=0.21]{../pics/verizon.png} +\end{center} +\vfill\footnotesize +\url{http://webpolicy.org/2014/10/24/how-verizons-advertising-header-works} +\end{frame} +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% + + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\begin{frame}[c] +\frametitle{Web-Protocol} + +\only<1->{ +\begin{textblock}{1}(2,2) + \begin{tikzpicture}[scale=1.3] + \draw[white] (0,0) node (X) {\includegraphics[scale=0.12]{../pics/firefox.jpg}}; + \end{tikzpicture} +\end{textblock}} + +\only<1->{ +\begin{textblock}{1}(11,2) + \begin{tikzpicture}[scale=1.3] + \draw[white] (0,0) node (X) {\includegraphics[scale=0.15]{../pics/servers.png}}; + \end{tikzpicture} +\end{textblock}} + +\only<1->{ +\begin{textblock}{1}(5,2.5) + \begin{tikzpicture}[scale=1.3] + \draw[white] (0,0) node (X) {}; + \draw[white] (3,0) node (Y) {}; + \draw[red, ->, line width = 2mm] (X) -- (Y); + \node [inner sep=5pt,label=above:\textcolor{black}{\small GET static.jpg}] at ($ (X)!.5!(Y) $) {}; + \end{tikzpicture} +\end{textblock}} + +\only<2->{ +\begin{textblock}{1}(5,6) + \begin{tikzpicture}[scale=1.3] + \draw[white] (0,0) node (X) {}; + \draw[white] (3,0) node (Y) {}; + \draw[red, <-, line width = 2mm] (X) -- (Y); + \node [inner sep=5pt,label=below:\textcolor{black}{\small ETag: 7b33de1}] at ($ (X)!.5!(Y) $) {}; + \node [inner sep=5pt,label=above:{\includegraphics[scale=0.15]{../pics/tvtestscreen.jpg}}] at ($ (X)!.5!(Y) $) {}; + \end{tikzpicture} +\end{textblock}} + +\only<3->{ +\begin{textblock}{1}(4.2,11) + \begin{tikzpicture}[scale=1.3] + \draw[white] (0,0) node (X) {}; + \draw[white] (3,0) node (Y) {}; + \draw[red, ->, line width = 2mm] (X) -- (Y); + \node [inner sep=5pt,label=above:\textcolor{black}{\small GET static.jpg ETag: 7b33de1}] at ($ (X)!.5!(Y) $) {}; + \end{tikzpicture} +\end{textblock}} + +\only<4->{ +\begin{textblock}{1}(4.2,13.9) + \begin{tikzpicture}[scale=1.3] + \draw[white] (0,0) node (X) {}; + \draw[white] (3,0) node (Y) {}; + \draw[red, <-, line width = 2mm] (X) -- (Y); + \node [inner sep=5pt,label=below:\textcolor{black}{\small HTTP/1.1 304 (Not Modified)}] at ($ (X)!.5!(Y) $) {}; + \end{tikzpicture} +\end{textblock}} + +\end{frame} +%%%%%%%%%%%%%%%%%%%%%%%%%%%%% + %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% \begin{frame}[c] \frametitle{Today's Lecture} @@ -913,7 +1012,7 @@ \begin{columns}[b] \begin{column}{.4\textwidth} \centering -\includegraphics[scale=1.2]{../pics/barrier.jpg}\\ +\includegraphics[scale=0.3]{../pics/barrier.jpg}\\ first lecture \end{column} \begin{column}<2>{.4\textwidth}