sen-material: comparison slides/slides01.tex

equal deleted inserted replaced

-:efcac3016613
+:3d585e603927
 \documentclass[dvipsnames,14pt,t, xelatex]{beamer}
 \usepackage{beamerthemeplaincu}
 \usepackage{fontenc,xltxtra,xunicode}
 \defaultfontfeatures{Mapping=tex-text}
-\usepackage[latin1]{inputenc}
+%%\usepackage[latin1]{inputenc}
 \usepackage{mathpartir}
 \usepackage[absolute,overlay]{textpos}
 \usepackage{ifthen}
 \usepackage{tikz}
 \usepackage{pgf}
 \usepackage{calc}
 \usepackage{ulem}
-\usepackage{courier}
+%%\usepackage{courier}
 \usepackage{listings}
 \renewcommand{\uline}[1]{#1}
 \usetikzlibrary{arrows}
 \usetikzlibrary{automata}
 \usetikzlibrary{shapes}
 \definecolor{javared}{rgb}{0.6,0,0} % for strings
 \definecolor{javagreen}{rgb}{0.25,0.5,0.35} % comments
 \definecolor{javapurple}{rgb}{0.5,0,0.35} % keywords
 \definecolor{javadocblue}{rgb}{0.25,0.35,0.75} % javadoc
+\makeatletter
+\lst@CCPutMacro\lst@ProcessOther {"2D}{\lst@ttfamily{-{}}{-{}}}
+\@empty\z@\@empty
+\makeatother
 \lstset{language=Java,
-	basicstyle=\ttfamily,
+	basicstyle=\consolas,
 	keywordstyle=\color{javapurple}\bfseries,
 	stringstyle=\color{javagreen},
 	commentstyle=\color{javagreen},
 	morecomment=[s][\color{javadocblue}]{/**}{*/},
 	numbers=left,
 for,if,implicit,import,match,mixin,%
 new,null,object,override,package,%
 private,protected,requires,return,sealed,%
 super,this,throw,trait,true,try,%
 type,val,var,while,with,yield},
-otherkeywords={=>,<-,<\%,<:,>:,\#,@},
+otherkeywords={=>,<-,<\%,<:,>:,\#,@,->},
 sensitive=true,
 morecomment=[l]{//},
 morecomment=[n]{/*}{*/},
 morestring=[b]",
 morestring=[b]',
 morestring=[b]"""
 }
 \lstset{language=Scala,
-	basicstyle=\ttfamily,
+	basicstyle=\consolas,
 	keywordstyle=\color{javapurple}\bfseries,
 	stringstyle=\color{javagreen},
 	commentstyle=\color{javagreen},
 	morecomment=[s][\color{javadocblue}]{/**}{*/},
 	numbers=left,
 \begin{center}
 \includegraphics[scale=1.3]{pics/barrier.jpg}
 \end{center}
 \normalsize
 \begin{center}
 \begin{tabular}{ll}
 Email:  & christian.urban at kcl.ac.uk\\
 Office: & S1.27 (1st floor Strand Building)\\
 Slides: & KEATS
 \end{tabular}
 \end{center}
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 \mode<presentation>{
 \begin{frame}[c]
+\frametitle{\begin{tabular}{@ {}c@ {}}Breaking Things\end{tabular}}
+For example:
+\begin{center}
+\begin{tikzpicture}
+\draw (0,0) node[inner sep=2mm,fill=cream, ultra thick, draw=red, rounded corners=2mm]
+{\normalsize\color{darkgray}
+\begin{minipage}{10cm}\raggedright\small
+Prof.~V.~Nasty gives the following final exam question (closed books, closed notes):\bigskip
+\noindent
+\begin{tabular}{@ {}l}
+Write the first 100 digits of pi:\\
+3.\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_\,\_
+\end{tabular}
+\end{minipage}};
+\end{tikzpicture}
+\end{center}
+How do you ``break'' this and how to defend against it?
+\end{frame}}
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+\mode<presentation>{
+\begin{frame}[c]
 \frametitle{\begin{tabular}{@ {}c@ {}}Chip-and-PIN\end{tabular}}
 \begin{center}
 \includegraphics[scale=0.3]{pics/creditcard1.jpg}\;
 \includegraphics[scale=0.3]{pics/creditcard2.jpg}
 \includegraphics[scale=0.01]{pics/andersonbook1.jpg}\;
 \includegraphics[scale=1.5]{pics/anderson.jpg}
 \end{flushright}
 \begin{itemize}
-\item same group successfully attacked this year card readers and ATM machines
+\item same group successfully attacked in 2012 card readers and ATM machines
 \item the problem: several types of ATMs generate poor random numbers, which are used as nonces
 \end{itemize}
 \end{frame}}
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 \mode<presentation>{
 \begin{frame}[c]
-\frametitle{\begin{tabular}{c}The Problem \ldots\end{tabular}}
+\frametitle{\begin{tabular}{c}The Real Problem \ldots\end{tabular}}
 \begin{textblock}{1}(3,4)
 \begin{tabular}{c}
 \includegraphics[scale=0.3]{pics/bank.png}\\[-2mm]
 \end{tikzpicture}
 \end{textblock}
 \begin{textblock}{14}(1,13.5)
 \begin{itemize}
-\item the burden of proof for fraud and financial liability was shifted to the costumer
+\item the burden of proof for fraud and financial liability was shifted to the costumer (until approx.~2009/10)
 \end {itemize}
 \end{textblock}
 \end{frame}}
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+\mode<presentation>{
+\begin{frame}
+\frametitle{\begin{tabular}{@ {}c@ {}}The Bad Guy Again\end{tabular}}
+\only<1->{
+\begin{textblock}{1}(1,4)
+\begin{tikzpicture}
+\draw (0,0) node[inner sep=2mm,fill=cream, ultra thick, draw=red, rounded corners=2mm]
+{\normalsize\color{darkgray}
+\begin{minipage}{11cm}\raggedright\footnotesize
+``The Annonymous Hacker from earlier:\medskip\\
+Try to use `Verified-By-Visa' and `Mastercard-Securecode' as rarely as possible. If only your CVV2 code is getting sniffed, you are not liable for any damage, because the code is physically printed and could have been stolen while you payed with your card at a store. Same applies if someone cloned your CC reading the magnetic stripe or sniffing RFID. Only losing your VBV or MCSC password can cause serious trouble.''\\
+\hfill{}\textcolor{blue}{\url{goo.gl/UWluh0}}
+\end{minipage}};
+\end{tikzpicture}
+\end{textblock}}
+\end{frame}}
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 \mode<presentation>{
 \begin{frame}[c]
 \frametitle{\begin{tabular}{c}Being Screwed Again\end{tabular}}
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 \mode<presentation>{
 \begin{frame}[c]
+\frametitle{\begin{tabular}{c}Why Scala?\end{tabular}}
+\begin{textblock}{6}(1,3)
+\begin{tabular}{l}
+\mbox{}\hspace{-1mm}\includegraphics[scale=0.36]{pics/twitter.png}\\[-1mm]
+\includegraphics[scale=0.30]{pics/linked.png}\\
+\includegraphics[scale=0.30]{pics/guardian.jpg}\\[-3mm]
+\mbox{}\hspace{-2mm}\includegraphics[scale=0.38]{pics/morgan.png}\\[-3mm]
+\includegraphics[scale=0.30]{pics/suisse.png}\\
+\includegraphics[scale=0.20]{pics/edf.png}\\[-1mm]
+\includegraphics[scale=0.08]{pics/novell.png}\\[-1mm]
+\includegraphics[scale=0.30]{pics/foursquare.png}\\
+\includegraphics[scale=0.30]{pics/hsbc.png}\\
+{\large\bf ...}
+\end{tabular}
+\end{textblock}
+\only<2->{
+\begin{textblock}{6}(6,3)
+\includegraphics[scale=0.35]{pics/jobgraph.png}\\
+\end{textblock}}
+\only<3->{
+\begin{textblock}{6}(7.3,9.2)
+\begin{tabular}{l}
+\footnotesize 2013: 1$\%$\\[-2mm]
+\footnotesize 2014: 3$\%$\\[-2mm]
+\footnotesize 2015: 9$\%$\\[-2mm]
+\footnotesize 2016: 27$\%$\\[-2mm]
+\footnotesize 2017: 81$\%$\\[-2mm]
+\footnotesize 2018: 243$\%$ \raisebox{-1mm}{\includegraphics[scale=0.02]{pics/smiley.jpg}}
+\end{tabular}
+\end{textblock}}
+\only<3->{
+\begin{textblock}{6}(6,9.5)
+\footnotesize 5 yrs $\begin{cases}\mbox{}\\[1.4cm]\end{cases}$
+\end{textblock}}
+\only<4->{
+\begin{textblock}{11}(5,14.1)
+\textcolor{gray}{
+\footnotesize {\bf in London today:} 1 Scala job for every 30 Java jobs;\\[-2mm]
+Scala programmers seem to get up to 20\% better salary}
+\end{textblock}}
+\only<5->{
+\begin{textblock}{1}(3,6)
+\begin{tikzpicture}
+\draw (0,0) node[inner sep=2mm,fill=cream, ultra thick, draw=red, rounded corners=2mm]
+{\normalsize\color{darkgray}
+\begin{minipage}{8.5cm}\raggedright\normalsize
+Scala is a functional and object-oriented programming language; compiles to the JVM; does not
+need null-pointer exceptions; a course on Coursera\\
+\mbox{}\hfill\textcolor{blue}{\url{http://www.scala-lang.org}}
+\end{minipage}};
+\end{tikzpicture}
+\end{textblock}}
+\end{frame}}
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+\mode<presentation>{
+\begin{frame}[c]
 \frametitle{\begin{tabular}{c}Scala + Play\end{tabular}}
-\footnotesize a simple response from the server:
+\small a simple response from the server:
 {\lstset{language=Scala}\fontsize{8}{10}\selectfont
 \texttt{\lstinputlisting{../progs/app0.scala}}}\bigskip
-\footnotesize
+\small
 alternative response:\\
 {\lstset{language=Scala}\fontsize{8}{10}\selectfont
 \texttt{\lstinline{Ok("<H1>Hello world!</H1>").as(HTML)}}}
 \end{frame}}
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 \mode<presentation>{
 \begin{frame}[c]
 \draw (0,0) node[inner sep=2mm,fill=cream, ultra thick, draw=red, rounded corners=2mm]
 {\normalsize\color{darkgray}
 \begin{minipage}{10cm}\raggedright\small
 {\bf EU Privacy Directive about Cookies:}\smallskip\\
 ``In May 2011, a European Union law was passed stating that websites that leave non-essential cookies on visitors' devices have to alert the visitor and get acceptance from them. This law applies to both individuals and businesses based in the EU regardless of the nationality of their website's visitors or the location of their web host. It is not enough to simply update a website's terms and conditions or privacy policy. The deadline to comply with the new EU cookie law was 26th May 2012 and failure to do so could mean a fine of up to \pounds{}500,000.''
-\hfill\small\textcolor{gray}{$\rightarrow$BBC News}
+\hfill\small\textcolor{gray}{$\rightarrow$BBC News}, \textcolor{blue}{\url{goo.gl/RI4qhh}}
 \end{minipage}};
 \end{tikzpicture}
 \end{textblock}}
 \end{frame}}
 \begin{itemize}
 \item SHA-1 is a cryptographic hash function\\
 (MD5, SHA-256, SHA-512, \ldots)
 \item message $\rightarrow$ digest
-\item no known attack exists, except brute force\bigskip\pause
+\item attack exists $2^{80} \rightarrow 2^{61}$ \bigskip\pause
 \item but dictionary attacks are very ef$\!$fective for extracting passwords (later)
 \end{itemize}
 \end{frame}}
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 \draw[red, <-, line width = 2mm] (X) -- (Y);
 \node [inner sep=5pt,label=above:\textcolor{black}{\small should be random}] at ($ (X)!.5!(Y) $) {};
 \end{tikzpicture}
 \end{textblock}
-\begin{textblock}{1}(6.6,4.9)
+\begin{textblock}{1}(6.6,5.1)
 \begin{tikzpicture}[scale=1.3]
 \draw[white] (0,0) node (X) {};
 \draw[white] (1,-1) node (Y) {};
 \draw[red, <-, line width = 2mm] (X) -- (Y);
 \node [inner sep=5pt,label=above:{}] at ($ (X)!.5!(Y) $) {};

changeset 98	3d585e603927
parent 97	efcac3016613
child 99	77125c0496e6