| 22 |      1 | \documentclass[dvipsnames,14pt,t,xelatex]{beamer}
 | 
|  |      2 | \usepackage{../slides}
 | 
| 32 |      3 | \usepackage{../graphics}
 | 
| 22 |      4 | \usepackage{../langs}
 | 
|  |      5 | %\usepackage{../data}
 | 
|  |      6 | 
 | 
|  |      7 | \hfuzz=220pt 
 | 
|  |      8 | 
 | 
|  |      9 | %\setmonofont[Scale=.88]{Consolas}
 | 
|  |     10 | %\newfontfamily{\consolas}{Consolas}
 | 
|  |     11 | 
 | 
|  |     12 | \lstset{language=Scala,
 | 
|  |     13 |         style=mystyle,
 | 
|  |     14 |         numbersep=0pt,
 | 
|  |     15 |         numbers=none,
 | 
|  |     16 |         xleftmargin=0mm}
 | 
|  |     17 | 
 | 
|  |     18 | \newcommand{\bl}[1]{\textcolor{blue}{#1}}     
 | 
|  |     19 | 
 | 
|  |     20 | % beamer stuff 
 | 
|  |     21 | \renewcommand{\slidecaption}{PEP (Scala) 01, King's College London}
 | 
|  |     22 | 
 | 
|  |     23 | 
 | 
|  |     24 | \begin{document}
 | 
|  |     25 | 
 | 
|  |     26 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |     27 | \begin{frame}[t]
 | 
|  |     28 | \frametitle{%
 | 
|  |     29 |   \begin{tabular}{@ {}c@ {}}
 | 
|  |     30 |   \\[5mm]
 | 
|  |     31 |   \huge PEP Scala (1) 
 | 
|  |     32 |   \end{tabular}}
 | 
|  |     33 | 
 | 
|  |     34 |   \normalsize
 | 
|  |     35 |   \begin{center}
 | 
|  |     36 |   \begin{tabular}{ll}
 | 
|  |     37 |   Email:  & christian.urban at kcl.ac.uk\\
 | 
|  |     38 |   Office: & S1.27 (1st floor Strand Building)\\
 | 
|  |     39 |   Slides \& Code: & KEATS
 | 
|  |     40 |   \end{tabular}
 | 
|  |     41 |   \end{center}
 | 
|  |     42 | 
 | 
|  |     43 | 
 | 
|  |     44 | \end{frame}
 | 
|  |     45 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%     
 | 
|  |     46 | 
 | 
|  |     47 | 
 | 
|  |     48 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |     49 | \begin{frame}[c]
 | 
|  |     50 | \frametitle{Why Scala?}
 | 
|  |     51 | 
 | 
| 23 |     52 | \begin{textblock}{6}(3,4)
 | 
| 22 |     53 | \begin{tabular}{l}
 | 
|  |     54 | \mbox{}\hspace{-1mm}\includegraphics[scale=0.36]{../pics/twitter.png}\\[-1mm]
 | 
|  |     55 | \includegraphics[scale=0.30]{../pics/linked.png}\\
 | 
|  |     56 | \includegraphics[scale=0.30]{../pics/guardian.jpg}\\[-3mm]
 | 
|  |     57 | \mbox{}\hspace{-2mm}\includegraphics[scale=0.38]{../pics/morgan.png}\\[-3mm]
 | 
|  |     58 | \includegraphics[scale=0.30]{../pics/suisse.png}\\
 | 
| 23 |     59 | {\large\bf ...}
 | 
|  |     60 | \end{tabular}
 | 
|  |     61 | \end{textblock}
 | 
|  |     62 | 
 | 
|  |     63 | \begin{textblock}{6}(9,4)
 | 
|  |     64 | \begin{tabular}{l}
 | 
| 22 |     65 | \includegraphics[scale=0.20]{../pics/edf.png}\\[-1mm]
 | 
|  |     66 | \includegraphics[scale=0.08]{../pics/novell.png}\\[-1mm]
 | 
|  |     67 | \includegraphics[scale=0.30]{../pics/foursquare.png}\\
 | 
|  |     68 | \includegraphics[scale=0.30]{../pics/hsbc.png}\\
 | 
|  |     69 | {\large\bf ...}
 | 
|  |     70 | \end{tabular}
 | 
|  |     71 | \end{textblock}
 | 
|  |     72 | 
 | 
|  |     73 | \end{frame}
 | 
|  |     74 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%     
 | 
|  |     75 | 
 | 
| 23 |     76 | 
 | 
|  |     77 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |     78 | \begin{frame}[c]
 | 
|  |     79 | \frametitle{Why Scala?}
 | 
|  |     80 | 
 | 
|  |     81 | \begin{itemize}
 | 
| 34 |     82 | \item compiles to the JVM\\
 | 
|  |     83 |   \textcolor{gray}{(also JavaScript, native X86 in the works)}\medskip
 | 
| 32 |     84 | \item integrates seamlessly with Java\medskip
 | 
| 33 |     85 | \item combines \underline{\bf functional} and {\bf object-oriented} programming\bigskip
 | 
| 34 |     86 | \item it is a bit on the ``mathematical'' side\\
 | 
|  |     87 |   \textcolor{gray}{(no pointers, no \texttt{null})}
 | 
|  |     88 |   
 | 
| 33 |     89 | \item often one can write very concise and elegant code
 | 
|  |     90 | \end{itemize}\bigskip\medskip  
 | 
|  |     91 | 
 | 
|  |     92 | \small
 | 
|  |     93 | alternatives: Elm, Haskell, Ocaml, ML, Lisp (Racket), \ldots
 | 
| 23 |     94 | 
 | 
|  |     95 | \end{frame}
 | 
| 22 |     96 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
| 23 |     97 | 
 | 
|  |     98 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |     99 | \begin{frame}[c]
 | 
| 32 |    100 | \frametitle{Java vs Scala}
 | 
|  |    101 | 
 | 
|  |    102 | {\lstset{language=java}\fontsize{12}{12}\selectfont
 | 
|  |    103 | \texttt{\lstinputlisting{Point.java}}}
 | 
|  |    104 | 
 | 
| 33 |    105 | \rule{11cm}{0.3mm}\\[-2mm]
 | 
|  |    106 | 
 | 
| 32 |    107 | {\lstset{language=scala}\fontsize{12}{12}\selectfont
 | 
|  |    108 | \texttt{\lstinputlisting{Point.scala}}}
 | 
|  |    109 | 
 | 
|  |    110 | \begin{textblock}{6}(13,3)
 | 
|  |    111 | \textbf{\large Java}
 | 
| 33 |    112 | \end{textblock}
 | 
|  |    113 | 
 | 
| 32 |    114 | 
 | 
| 33 |    115 | 
 | 
|  |    116 | \begin{textblock}{6}(13,13.4)
 | 
| 32 |    117 | \textbf{\large Scala}
 | 
|  |    118 | \end{textblock}  
 | 
|  |    119 | 
 | 
|  |    120 | \end{frame}
 | 
|  |    121 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
|  |    122 | 
 | 
| 33 |    123 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    124 | \begin{frame}[c]
 | 
|  |    125 | \frametitle{Scala Tools}
 | 
| 32 |    126 | 
 | 
| 33 |    127 | \begin{itemize}
 | 
|  |    128 | \item there is a plugin for Eclipse (called Scala IDE)\medskip
 | 
|  |    129 | \item there is also a plugin for IntelliJ\bigskip
 | 
|  |    130 | \item I use the venerable Emacs ;o)
 | 
|  |    131 | \end{itemize}  
 | 
|  |    132 | 
 | 
|  |    133 | \end{frame}
 | 
|  |    134 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
| 32 |    135 | 
 | 
|  |    136 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    137 | \begin{frame}[c]
 | 
| 23 |    138 | \frametitle{Types}
 | 
|  |    139 | 
 | 
|  |    140 | \begin{itemize}
 | 
| 33 |    141 | \item Base types\smallskip
 | 
| 23 |    142 | 
 | 
| 33 |    143 |   \begin{tabular}{@{}l@{}}
 | 
| 23 |    144 |     \textcolor{codegreen}{\texttt{Int}},
 | 
|  |    145 |     \textcolor{codegreen}{\texttt{Long}},
 | 
|  |    146 |     \textcolor{codegreen}{\texttt{BigInt}},
 | 
|  |    147 |     \textcolor{codegreen}{\texttt{Float}},
 | 
|  |    148 |     \textcolor{codegreen}{\texttt{Double}}\\
 | 
|  |    149 |     \textcolor{codegreen}{\texttt{String}},
 | 
| 25 |    150 |     \textcolor{codegreen}{\texttt{Char}}\\
 | 
|  |    151 |     \textcolor{codegreen}{\texttt{Boolean}}
 | 
| 23 |    152 |   \end{tabular}
 | 
|  |    153 | 
 | 
| 33 |    154 | \item Compound types \smallskip   
 | 
| 23 |    155 | 
 | 
| 33 |    156 |   \begin{tabular}{@{}ll@{}}
 | 
| 23 |    157 |     \textcolor{codegreen}{\texttt{List[Int]}}     & lists of Int's \\
 | 
|  |    158 |     \textcolor{codegreen}{\texttt{Set[Double]}}   & sets of Double's \\
 | 
|  |    159 |     \textcolor{codegreen}{\texttt{(Int, String)}} & Int-String pair\\
 | 
|  |    160 |     \textcolor{codegreen}{\texttt{List[(BigInt, String)]}} &
 | 
|  |    161 |                                       lists of BigInt-String\\
 | 
|  |    162 |                                       & pairs\\
 | 
| 26 |    163 |     \textcolor{codegreen}{\texttt{List[List[Int]]}} & list of lists of Int's\\                                  
 | 
| 23 |    164 |   \end{tabular}
 | 
|  |    165 | 
 | 
|  |    166 | \end{itemize}  
 | 
|  |    167 | 
 | 
|  |    168 | \end{frame}
 | 
|  |    169 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
|  |    170 | 
 | 
| 32 |    171 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    172 | \begin{frame}[c]
 | 
|  |    173 | \frametitle{An Http Request}
 | 
|  |    174 |   
 | 
|  |    175 | \begin{textblock}{1}(2,5)
 | 
|  |    176 | \begin{tabular}{c}
 | 
|  |    177 | \includegraphics[scale=0.15]{../pics/servers.png}\\[-2mm]
 | 
|  |    178 | \small Server
 | 
|  |    179 | \end{tabular}
 | 
|  |    180 | \end{textblock}
 | 
|  |    181 | 
 | 
|  |    182 | \begin{textblock}{1}(5.6,4)
 | 
|  |    183 |   \begin{tikzpicture}[scale=1.1]
 | 
|  |    184 |   \draw[white] (0,1) node (X) {};
 | 
|  |    185 |   \draw[white] (2,1) node (Y) {};
 | 
|  |    186 |    \draw[white] (0,0) node (X1) {};
 | 
|  |    187 |   \draw[white] (2,0) node (Y1) {};
 | 
|  |    188 |    \draw[white] (0,-1) node (X2) {};
 | 
|  |    189 |   \draw[white] (2,-1) node (Y2) {};
 | 
|  |    190 |   \draw[red, <-, line width = 2mm] (X) -- (Y);
 | 
|  |    191 |   \node [inner sep=5pt,label=above:\textcolor{black}{GET request}] at ($ (X)!.5!(Y) $) {};
 | 
|  |    192 |   \draw[red, ->, line width = 2mm] (X1) -- (Y1);
 | 
|  |    193 |   \node [inner sep=5pt,label=above:\textcolor{black}{webpage}] at ($ (X1)!.5!(Y1) $) {};
 | 
|  |    194 |   \draw[red, <-, line width = 2mm] (X2) -- (Y2);
 | 
|  |    195 |   \node [inner sep=7pt,label=above:\textcolor{black}{POST data}] at ($ (X2)!.5!(Y2) $) {};
 | 
|  |    196 |   \end{tikzpicture}
 | 
|  |    197 | \end{textblock}
 | 
|  |    198 | 
 | 
|  |    199 | 
 | 
|  |    200 | \begin{textblock}{1}(9,5.5)
 | 
|  |    201 | \begin{tabular}{c}
 | 
|  |    202 | \includegraphics[scale=0.15]{../pics/laptop.png}\\[-2mm]
 | 
|  |    203 | \small Browser
 | 
|  |    204 | \end{tabular}
 | 
|  |    205 | \end{textblock}
 | 
|  |    206 | \end{frame}
 | 
|  |    207 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
|  |    208 | 
 | 
|  |    209 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    210 | \begin{frame}[c]
 | 
|  |    211 | 
 | 
|  |    212 | {\lstset{language=Java}\fontsize{7}{8}\selectfont
 | 
|  |    213 | \texttt{\lstinputlisting{URLReader.java}}}
 | 
|  |    214 | 
 | 
|  |    215 | \only<2>{
 | 
|  |    216 | \begin{textblock}{5}(12,2)
 | 
|  |    217 | \includegraphics[scale=0.50]{../pics/skeleton.jpg}\\
 | 
|  |    218 | \end{textblock}}
 | 
|  |    219 | \end{frame}
 | 
|  |    220 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
|  |    221 | 
 | 
| 33 |    222 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    223 | \begin{frame}[c]
 | 
|  |    224 | \frametitle{Conclusion}
 | 
|  |    225 | 
 | 
|  |    226 | \begin{itemize}
 | 
|  |    227 | \item Scala is still under heavy development\\ (the compiler is terribly slow)\medskip
 | 
|  |    228 | \item {\bf\url{http://www.scala-lang.org/}}\bigskip
 | 
|  |    229 | \item it is a rather \textbf{\alert{deep}} language\ldots i.e.~gives you a lot of
 | 
|  |    230 |   rope to shoot yourself\bigskip\bigskip 
 | 
|  |    231 | 
 | 
|  |    232 | \item hope you have fun with the coursework  
 | 
|  |    233 | \end{itemize}
 | 
|  |    234 | \end{frame}
 | 
|  |    235 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
|  |    236 | 
 | 
|  |    237 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    238 | \begin{frame}[c]
 | 
|  |    239 | \frametitle{\begin{tabular}{c}\\[3cm]\alert{Questions?}\end{tabular}}
 | 
|  |    240 | 
 | 
|  |    241 | \mbox{}
 | 
|  |    242 | \end{frame}
 | 
|  |    243 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
|  |    244 | \end{document}
 | 
| 32 |    245 | 
 | 
|  |    246 | 
 | 
| 22 |    247 | \end{document}
 | 
|  |    248 | 
 | 
|  |    249 | %%% Local Variables:  
 | 
|  |    250 | %%% mode: latex
 | 
|  |    251 | %%% TeX-master: t
 | 
|  |    252 | %%% End: 
 | 
|  |    253 | 
 |