- Added latest version of presentations.

2010-09-03-uva/2010-09-03-uva.tex

@@ -2,12 +2,21 @@
 \usepackage[dutch]{babel}
 \usepackage[utf8]{inputenc}
 \usepackage{beamerthemesplit}
-\usepackage{graphics,epsfig,subfigure}
+\usepackage{graphics}
 \usepackage{url}
+\usepackage{listings}
 
 \definecolor{kugreen}{RGB}{130,151,183}
 \setbeamercovered{transparent}
 
+\lstset
+{
+	tabsize=4,
+	showspaces=false,
+	showstringspaces=false,
+	showtabs=false
+}
+
 \mode<presentation>
 {
 	\usetheme{PaloAlto}
@@ -15,7 +24,7 @@
 	\useinnertheme{circles}
 	\usefonttheme[onlymath]{serif}
 	\setbeamercovered{transparent}
-	\setbeamertemplate{blocks}[rounded][shadow=true]
+	\setbeamertemplate{blocks}[rounded][shadow=false]
 }
 
 \logo{\includegraphics[width=1cm]{images/vo20-logo.png}}
@@ -46,32 +55,63 @@
 \frame
 {
 	\frametitle{Wie? Wat? Waarom?}
+	
+	\begin{itemize}
+		\item Profielwerkstuk 2008
+		\item Informatica / Scheikunde
+		\item Automatisering
+	\end{itemize}
 }
-
-\subsection{Toekomstbeeld}
 	
 \frame
 {
-	\frametitle{Toekomstbeeld}
+	\frametitle{Screenshots: Scheikunde (1)}
+	
+	\includegraphics[width=10cm]{images/toetspagina-1.png}
+}
+	
+\frame
+{
+	\frametitle{Screenshots: Scheikunde (2)}
+	
+	\includegraphics[width=10cm]{images/toetspagina-2.png}
 }
-
-\section{Technologieën}
 	
 \frame
 {
-	\frametitle{DuoScript}
-	% - modules
+	\frametitle{Screenshots: Scheikunde (3)}
+	
+	\includegraphics[width=10cm]{images/toetspagina-3.png}
+}
+	
+\frame
+{
+	\frametitle{Screenshots: Scheikunde (4)}
+	
+	\includegraphics[width=10cm]{images/redox-voorbeeld.png}
 }
 
+\section{Technologieën}
+
 \frame
 {
-	\frametitle{JavaScript}
+	\frametitle{JavaScript preprocessor}
 	
 	\begin{itemize}
-		\item preprocessor
-		\item dependencies
-		\item conditions
-		\item includes
+		\item includes \\
+		\texttt{\#include "ds.form.js"} \\
+		\texttt{\#include "ds.tree.js"} \\
+		\item dependencies \\
+		\texttt{\#define DS\_\$\_hide} \\
+		\texttt{\#include "ds.dom.js"} \\
+		\texttt{\$('\#header$\,$a').hide()} \\
+		\item conditions \\
+		\texttt{\#ifdef DS\_DEBUG} \\
+		\texttt{console.log("$ $user status = "$ $ + user.status);} \\
+		\texttt{\#endif} \\
+		\item macro's \\
+		\texttt{\#define ASSERT(x) $\setminus$ \\
+		\hspace{1cm} (!x \&\& throw new Exception(x))} \\
 	\end{itemize}
 }
 
@@ -81,7 +121,9 @@
 	
 	\begin{itemize}
 		\item nested selectors
+		\lstinputlisting{code/nested-selectors.css}
 		\item server imports
+		\lstinputlisting{code/server-imports.css}
 		\item inline images
 	\end{itemize}
 }
@@ -91,27 +133,50 @@
 \frame
 {
 	\frametitle{Mappenstructuur}
+	
+	\begin{itemize}
+	\item Framework en applicatie gescheiden:
+		\begin{itemize}
+		\item Minder conflicten bij het committen.
+		\item Centrale updates.
+		\item Gescheiden unit tests, bugtracking etc..
+		\end{itemize}
+	\item Gescheiden onderdelen:
+		\begin{itemize}
+		\item Media (JavaScript, stylesheets, images)
+		\item Helpers
+		\item Models
+		\item Modules
+		\item Unit tests
+		\end{itemize}
+	\item applicatie $>$ module $>$ action
+	\end{itemize}
 }
 
 \frame
 {
 	\frametitle{Toegepaste design patterns}
-	% - Model View Controller
-	% - ActiveRecord
-	% - Factory (boot class / db connection handler)
-}
-
-\frame
-{
-	\frametitle{Version control / bug tracking}
-% - version control (Subversion) / Trac
+	
+	\begin{itemize}
+	\item Model View Controller
+	\item ActiveRecord
+	\lstinputlisting[language=PHP]{code/activerecord.php}
+	\item Factory (boot class / db connection handler)
+	\end{itemize}
 }
 
-
 \frame
 {
-	\frametitle{Updates en onderhoud}
-	% - (Debian packages)
+	\frametitle{Onderhoud}
+	
+	\begin{itemize}
+	\item Version control (Subversion of Git) \\
+	\texttt{\\ \$ phake upgrade}
+	\item Bug tracking (Trac)
+	\item Debian packages \\
+	\texttt{\\ \$ sudo apt-get install duoworks} \\
+	\texttt{\$ sudo apt-get update \&\& sudo apt-get upgrade}
+	\end{itemize}
 }
 
 \section{DuoWorks}
@@ -126,118 +191,134 @@
 % - Internationalization (gettext)
 % - Unit testing
 
+\subsection{Gebruikte technieken}
+
 \frame
 {
 	\frametitle{Gebruikte technieken (1)}
-	{\bf Command line interface}
+	
+	\textbf{Command line interface}
 	\begin{itemize}
 	\item Vergemakkelijkt updates en algemene taken.
-	\item Phakefile is gemakkelijk uit te breiden.
+	\item Phakefile is eenvoudig uit te breiden.
+	\end{itemize}
+	\textbf{Data library}
+	\begin{itemize}
+	\item Een driver voor elk database type.
+	\item Database in 3 stappen:
+		\begin{enumerate}
+		\item Design in MySQL Workbench.
+		\item Exporteren SQL bestand.
+		\item Models genereren met Phakefile.
+		\end{enumerate}
 	\end{itemize}
-	{\bf Database in 3 stappen}
-	\begin{enumerate}
-	\item Design in MySQL Workbench.
-	\item Exporteren SQLite/MySQL script.
-	\item Models genereren met Phakefile.
-	\end{enumerate}
 }
 
 \frame
 {
 	\frametitle{Gebruikte technieken (2)}
-	{\bf Facebook's XHP}
+	
+	\textbf{Facebook's XHP}
 	\begin{itemize}
 	\item Objectgeori\"enteerde helpers in XML syntax.
-	\item Vermijdt \emph{cross-site scripting}.
+	\item Voorkomt \emph{cross-site scripting}.
 	\end{itemize}
-	 \includegraphics[scale=.424]{images/xhp.png}
 }
 
 \frame
 {
 	\frametitle{Gebruikte technieken (3)}
-	{\bf Internatinalisering door \texttt{gettext}}
+	
+	\textbf{Internationalisering door \texttt{gettext}}
 	\begin{itemize}
 	\item Gemakkelijke syntax: \texttt{\_('Translate this please...')}.
 	\item Ook leesbaar als vertaling niet beschikbaar is.
 	\item Geschikt gemaakt voor JavaScript.
 	\end{itemize}
-	{\bf Unit testing}
+	\textbf{Unit testing}
 	\begin{itemize}
 	\item Lokaliseren van scriptfouten.
 	\item Alle tests in \'e\'en commando, fouten worden direct geprint.
 	\end{itemize}
 }
 
+\subsection{Beveiliging}
+
 \frame
 {
 	\frametitle{Beveiliging}
-	{\bf Authorisatie en authenticatie}
+	
+	\textbf{Authorisatie en authenticatie}
 	\begin{itemize}
 	\item Centrale \'en lokale authorisatie.
-	\item 
 	\end{itemize}
-	{\bf Overige beveiliging}
+	\textbf{Overige beveiliging}
 	\begin{itemize}
-	\item 
+	\item SQL injections
+	\item Null byte injection
+	\item Remote file inclusion
 	\end{itemize}
 }
 
-\section{Code editor}
+\frame
+{
+	\section{Code editor}
+
+	\subsection{Studenten}
+
+	\frametitle{Code editor: Studenten}
+	
+	\textbf{Studenten}
+
+	\begin{itemize}
+	\item code opslaan en laden (filebrowser)
+	\item code compileren en uitvoeren
+	\item fullscreen weergave
+	\item java API documentatie (en C man pages)
+	\item syntax highlighting
+	\item zonder installatie aan de slag
+	\end{itemize}
+}
 
-\subsection{Studenten}
-% - code opslaan en laden
-% - code compileren en uitvoeren
-% - fullscreen weergave (enkel code venster zichtbaar)
-% - filebrowser voor het openen van andere bestanden
-% - weergeven van de java API documentatie
-% - code wordt weergegeven met syntax highlighting
-% - zonder installatie van software aan de slag
+\frame
+{
+	\subsection{Docenten}
 
-\subsection{Docenten}
-% - version control: in een keer alle opdrachten van alle studenten
-% - specifieke opdracht van alle leerlingen inzien (symbolic links)
+	\frametitle{Code editor: Docenten}
 
-\subsection{Beveiliging}
-% - limieten voor cpu, memory, runtime
-% - sandbox
-% - java policy
-
-%\frame
-%{
-%	\frametitle{Tilfældighed}
-%	Efteråret 2004
-%	\subsection{Valg af projekt og vejleder}
-%
-%	\begin{block}{Kryptering med kaotiske kredsløb}
-%	\begin{columns}
-%	\column{.3\textwidth} \hspace{0.5cm}
-%	\includegraphics[width=0.7\textwidth]{billeder/circuit} 
-%	\column{.7\textwidth}
-%	\textit{Mogens Høgh Jensen}, NBI
-%	\end{columns}
-%	\end{block}
-%
-%	\begin{block}{Sandriller}
-%	\begin{columns}
-%	\column{.3\textwidth} \hspace{0.5cm}
-%	\includegraphics[width=0.7\textwidth]{billeder/sand} 
-%	\column{.7\textwidth}
-%	\textit{Clive Ellegaard}, NBI og \emph{Tomas Bohr}, DTU
-%	\end{columns}
-%	\end{block}
-%}
-
-%\section{Links}
-%
-%\frame
-%{
-%	\frametitle{Link til videre læsning}
-%
-%	\begin{block}{tjansson.dk}
-%	Dette slideshow inklusiv videoer og links til andre sider kan findes på www.tjansson.dk
-%	\end{block}
-%}
+	\textbf{Docenten}
+	
+	\texttt{svn co svn://vo20.nl/uva/binds3/assignments/}
+	
+	\begin{itemize}
+	\item in \'e\'en keer de opdrachten van alle studenten per vak
+	\item specifieke opdracht van alle leerlingen inzien\\
+	\end{itemize}
+	
+	\subsection{Beveiliging}
+	
+	\textbf{Beveiliging}
+	
+	\begin{itemize}
+	\item limieten voor cpu, memory, runtime
+	\item sandbox
+	\item java policy
+	\end{itemize}
+}
+
+\section{Toekomst}
+	
+\frame
+{
+	\frametitle{Toekomstbeeld}
+	
+	\begin{itemize}
+	\item Verschillende vakken
+	\item Nakijk module
+	\item Automatisch nakijken
+	\item Met meerdere gebruikers code schrijven
+	\end{itemize}
+}
 
 \end{document}
 

2010-09-03-uva/code/activerecord.php

+$exams = Exam::find('all', array(
+	'include' => 'course',
+	'where' => array('user_id = $1',
+	                 $this->user->id)
+));
+
+foreach( $exams as $exam ) {
+	echo $exam->course."\n";
+	$exam->update(array('name' => 'foo'));
+}

2010-09-03-uva/code/model.php

+<?php
+
+class Foo extends \DuoWorks\Model
+{
+	protected $columns = array('id','foo','bar');
+	
+	public static function constraints()
+	{
+		return array(
+			// 'foo' is numeric and may not be omitted
+			'foo' => array('required', 'numeric' => _('Only numbers allowed.')),
+			// 'bar' Should be at most 10 characters long
+			'bar' => 'length:-10'
+		);
+	}
+}

2010-09-03-uva/code/nested-selectors.css

+#id ul li.foo { color: red }
+#id div.bar { color: green }
+
+#id {
+	ul li.foo { color: red }
+	div.bar { color: green }
+}

2010-09-03-uva/code/server-imports.css

+@server import url(css/reset.css);
+@server import url(css/header.css);
+@server import url(css/body.css);

2010-09-03-uva/code/xhp.php

+// PHP file:
+<div>
+	<?php
+	if( $some_bool ) {
+	?>
+		<span class="foo"></span>
+	<?php
+	} else {
+	?>
+		<div class="bar"></div>
+	<?php
+	}
+	?>
+</div>
+
+// XHP file:
+<?php
+$foo = $some_bool ? <span class="foo" /> : <div class="bar" />;
+echo <div>{$foo}</div>;
+?>