Skip to content

F
FloodSimulation-Browser
Commit 3c0a77e3 authored by icyrizard's avatar icyrizard
Browse files
Options

worked on end presentation

parent 38a1b959
Hide whitespace changes
Inline Side-by-side
Showing with 441 additions and 0 deletions
docs/end_presentation/Makefile 0 → 100644
View file @ 3c0a77e3
presentation.pdf: presentation.tex
%.pdf: %.tex
pdflatex $^
pdflatex $^
%.bbl: %.bib
pdflatex scriptie.tex
bibtex scriptie
pdflatex scriptie.tex
pdflatex scriptie.tex
clean:
rm -f *.aux *.toc *.log *.out
realclean:
rm -f *.aux *.toc *.log *.out *.pdf
docs/end_presentation/presentation.nav 0 → 100644
View file @ 3c0a77e3
\beamer@endinputifotherversion {3.10pt}
\headcommand {\slideentry {0}{0}{1}{1/1}{}{0}}
\headcommand {\beamer@framepages {1}{1}}
\headcommand {\sectionentry {1}{Introductie}{2}{Introductie}{0}}
\headcommand {\beamer@sectionpages {1}{1}}
\headcommand {\beamer@subsectionpages {1}{1}}
\headcommand {\slideentry {1}{0}{2}{2/2}{}{0}}
\headcommand {\beamer@framepages {2}{2}}
\headcommand {\sectionentry {2}{Doel Flood Simulation Browser}{3}{Doel Flood Simulation Browser}{0}}
\headcommand {\beamer@sectionpages {2}{2}}
\headcommand {\beamer@subsectionpages {2}{2}}
\headcommand {\slideentry {2}{0}{3}{3/3}{}{0}}
\headcommand {\beamer@framepages {3}{3}}
\headcommand {\sectionentry {3}{De requirements}{4}{De requirements}{0}}
\headcommand {\beamer@sectionpages {3}{3}}
\headcommand {\beamer@subsectionpages {3}{3}}
\headcommand {\slideentry {3}{0}{4}{4/4}{}{0}}
\headcommand {\beamer@framepages {4}{4}}
\headcommand {\sectionentry {4}{App Design}{5}{App Design}{0}}
\headcommand {\beamer@sectionpages {4}{4}}
\headcommand {\beamer@subsectionpages {4}{4}}
\headcommand {\slideentry {4}{0}{5}{5/5}{}{0}}
\headcommand {\beamer@framepages {5}{5}}
\headcommand {\sectionentry {5}{Platform keuze}{6}{Platform keuze}{0}}
\headcommand {\beamer@sectionpages {5}{5}}
\headcommand {\beamer@subsectionpages {5}{5}}
\headcommand {\slideentry {5}{0}{6}{6/6}{}{0}}
\headcommand {\beamer@framepages {6}{6}}
\headcommand {\sectionentry {6}{Implementatie}{7}{Implementatie}{0}}
\headcommand {\beamer@sectionpages {6}{6}}
\headcommand {\beamer@subsectionpages {6}{6}}
\headcommand {\slideentry {6}{0}{7}{7/7}{}{0}}
\headcommand {\beamer@framepages {7}{7}}
\headcommand {\slideentry {6}{0}{8}{8/8}{}{0}}
\headcommand {\beamer@framepages {8}{8}}
\headcommand {\slideentry {6}{0}{9}{9/9}{}{0}}
\headcommand {\beamer@framepages {9}{9}}
\headcommand {\slideentry {6}{0}{10}{10/10}{}{0}}
\headcommand {\beamer@framepages {10}{10}}
\headcommand {\slideentry {6}{0}{11}{11/11}{}{0}}
\headcommand {\beamer@framepages {11}{11}}
\headcommand {\slideentry {6}{0}{12}{12/12}{}{0}}
\headcommand {\beamer@framepages {12}{12}}
\headcommand {\sectionentry {7}{Server Testing}{13}{Server Testing}{0}}
\headcommand {\beamer@sectionpages {7}{12}}
\headcommand {\beamer@subsectionpages {7}{12}}
\headcommand {\slideentry {7}{0}{13}{13/13}{}{0}}
\headcommand {\beamer@framepages {13}{13}}
\headcommand {\slideentry {7}{0}{14}{14/14}{}{0}}
\headcommand {\beamer@framepages {14}{14}}
\headcommand {\slideentry {7}{0}{15}{15/15}{}{0}}
\headcommand {\beamer@framepages {15}{15}}
\headcommand {\slideentry {7}{0}{16}{16/16}{}{0}}
\headcommand {\beamer@framepages {16}{16}}
\headcommand {\sectionentry {8}{Referenties}{17}{Referenties}{0}}
\headcommand {\beamer@sectionpages {13}{16}}
\headcommand {\beamer@subsectionpages {13}{16}}
\headcommand {\slideentry {8}{0}{17}{17/17}{}{0}}
\headcommand {\beamer@framepages {17}{17}}
\headcommand {\slideentry {8}{0}{18}{18/18}{}{0}}
\headcommand {\beamer@framepages {18}{18}}
\headcommand {\beamer@partpages {1}{18}}
\headcommand {\beamer@subsectionpages {17}{18}}
\headcommand {\beamer@sectionpages {17}{18}}
\headcommand {\beamer@documentpages {18}}
\headcommand {\def \inserttotalframenumber {18}}
docs/end_presentation/presentation.tex 0 → 100644
View file @ 3c0a77e3
\documentclass[10pt,a4paper]{beamer}
\usepackage[utf8]{inputenc}
\usepackage{amsmath}
\usepackage{amsfonts}
\usetheme{Berkeley}
\usepackage{amssymb}
\usepackage{graphicx}
\usepackage{xypic}
\usepackage[all]{xy}
\usepackage{listings}
\lstset{ %
basicstyle=\footnotesize,
numbers=left,
numberstyle=\tiny\color{gray},
tabsize=10,
}
\author{Richard Torenvliet}
\title{Flood Simulation Browser}
\begin{document}
\begin{frame}
\maketitle
\end{frame}
\section{Introductie}
\begin{frame}
\frametitle{Introduction}
\begin{columns}[c]
\column{1.5in}
\begin{itemize}
\item Urban Flood Project
\item Early Warning System
\item Burgers en Hulpdiensten
\item Sensoren in dijk + Internet
\item Water Simulatie
\item Hoogte Kaart
\end{itemize}
\column{2.0in}
\begin{figure}
\includegraphics[scale=0.3]{concept.png}
\caption{Bron: \url{http://urbanflood.eu/aboutus.aspx}}
\end{figure}
\end{columns}
\end{frame}
\section{Doel Flood Simulation Browser}
\begin{frame}
\frametitle{Doel Flood Simulation Browser}
\begin{columns}[c]
\column{5cm}
\begin{itemize}
\item Visualisatie laten zien
\item Informeren over overstromingsgebied
\item Zien wat er als eerst onderwater gaat
\item Evacuatie routes
\item Hulpdienst routes
\item Browse door alle simulaties
\item Nieuwe simulatie uitvoeren
\end{itemize}
\column{5cm}
\begin{figure}
\includegraphics[scale=0.5]{simulation.png}
\caption{Bron: \url{http://urbanflood.eu/default.aspx}}
\end{figure}
\end{columns}
\end{frame}
\section{De requirements}
\begin{frame}
\frametitle{Requirements}
\begin{itemize}
\item Browser geschikt maken voor Tablets
\item Server levert plaatjes + coördinaten (Bounding Box)
\item Plaatjes over Google maps leggen - uitgebreid API support voor overlays
\item Intuïtief design
\item Taal/framework keuze
\item Mijn eis is: Crossplatform
\end{itemize}
\end{frame}
\section{App Design}
\begin{frame}
\frametitle{App Design}
\begin{columns}[c]
\column{5cm}
\begin{itemize}
\item Hoe mensen tablets vasthouden (Clark, 2012)
\item Letten op hierachie in importantie bij plaatsing componenten
\item Weergeven van simulaties (Locaties en bijbehorende simulaties)
\item Simulatiestappen kunnen doorlopen (controls).
\end{itemize}
\column{5cm}
\begin{figure}
\includegraphics[scale=0.2]{touch.png}
\caption{Bron: \url{} (Clark 2012)}
\end{figure}
\end{columns}
\end{frame}
\section{Platform keuze}
\begin{frame}
\frametitle{Platform keuze}
\begin{itemize}
\item
\begin{itemize}
\item iOS Objective C - niet crossplatform - hoge leercurve
\item Android Java - idem
\item jQuery Mobile - problemen met fixed headers \& footers, combinatie PhoneGap
\item Titanium - Makkelijk, maar vrij groot, veel geheugen gebruik. Design anders op andere telefoons en niet ECHT crossplatform
\end{itemize}
\item Sencha Touch 2
\item Voordelen
\begin{itemize}
\item Crossplatform
\item MVC Design Pattern
\item Mobiele website of App
\item Android en iOS
\item Geen PhoneGap nodig
\end{itemize}
\item Nadelen vooraf
\begin{itemize}
\item Verschilt veel met huidige persoonlijke kennis webtechnologiën
\item Highlevel specificatie
\item Mogelijk onvoorziene problemen
\end{itemize}
\end{itemize}
\end{frame}
\section{Implementatie}
\begin{frame}
\frametitle{Implementatie}
\begin{columns}
\column{5cm}
\begin{itemize}
\item Sencha Touch 2
\item Layout
\item Flex 1, 2
\item List Objecten
\item Map Object
\end{itemize}
\column{5cm}
\begin{figure}
\includegraphics[scale=0.3]{docktop.png}
\end{figure}
\begin{figure}
\includegraphics[scale=0.1]{ui/fsb_layout.png}
\end{figure}
\end{columns}
\end{frame}
\begin{frame}
\begin{itemize}
\item List \& Stores
\end{itemize}
\begin{figure}[h!]
\xymatrix{
*+<5ex>[F]{Store}\ar[r]^{\txt<5pc>{fields}} & *+<5ex>[F]{List}\ar[r] & \includegraphics[scale=0.2]{ui/citieslist.png}\ar[dr] \\
*+<5ex>[F]{Store}\ar[r]^{\txt<5pc>{fields}} & *+<5ex>[F]{List}\ar[rr] & & \includegraphics[scale=0.2]{ui/simselected.png}
}
\caption{Store and List}
\end{figure}
\end{frame}
\begin{frame}
\frametitle{Simulatie}
\begin{itemize}
\item Start simulatie
\item Controls, \\
next step, prev step, play forward, play backwards
\item Tap \& Drag
\end{itemize}
\begin{figure}
\includegraphics[scale=0.2]{ui/simselected_full.png}
\end{figure}
\end{frame}
\begin{frame}
\begin{itemize}
\frametitle{Volume Chart}
\item Tap op de kaart
\item Volume informatie van dichtsbijzijnde locatie van tap
\item Tap \& Drag
\end{itemize}
\begin{figure}
\includegraphics[scale=0.2]{ui/floodchart.png}
\end{figure}
\end{frame}
\begin{frame}
\begin{itemize}
\frametitle{Simulatie Mensen}
\item Selecteer simulatie Lsm
\item Tap locatie, tap simulatie
\end{itemize}
\begin{figure}
\includegraphics[scale=0.2]{ui/select_lsm.png}
\end{figure}
\begin{figure}
\includegraphics[scale=0.2]{ui/lsm.png}
\caption{lsm}
\end{figure}
\end{frame}
\begin{frame}
\begin{itemize}
\frametitle{Deployment}
\item Test in Browser
\item Build: \textit{sencha app build native}
\begin{itemize}
\item iOSSimulator
\item iOS
\item Android
\item AndroidEmulator
\end{itemize}
\end{itemize}
\end{frame}
\section{Server Testing}
\begin{frame}[fragile]
\begin{itemize}
\item Tool: Siege
\item \url{sangkil.science.uva.nl}
\item file met verschillende requests, random uitgevoerd
\item Concurrente processen
\item Herhalingen
\end{itemize}
\begin{lstlisting}
#!/bin/bash
rep=(10 50 100 200 300 400 500)
for i in "${rep[@]}"
do
siege -i -b -f /path/to/requests_file.txt -c $i -r $1
done
\end{lstlisting}
\end{frame}
\begin{frame}
\begin{figure}
\includegraphics[scale=0.4]{siege_10r.png}
%siege_100r.log.png
%siege_200r.log.png}
\caption{10 repetities, getest: 10 50 200 300 400 500 concurrent}
\end{figure}
\end{frame}
\begin{frame}
\begin{figure}
\includegraphics[scale=0.4]{siege_100r.png}
%siege_100r.log.png
%siege_200r.log.png}
\caption{100 repetities, test: 10 50 200 300 400 500 concurrent}
\end{figure}
\end{frame}
\begin{frame}
\begin{figure}
\includegraphics[scale=0.4]{siege_200r.png}
%siege_100r.log.png
%siege_200r.log.png}
\caption{200 repetities, getest: 10 50 200 300 400 500 concurrent}
\end{figure}
\end{frame}
\section{Referenties}
\begin{frame}
\begin{thebibliography}{9}
\frametitle{Referenties}
\bibitem{urban flood}
Urban Flood Project,
\url{http://urbanflood.eu/default.aspx}.
Retrieved 9 april
\bibitem{Sencha Touch}
Sencha Touch 2.
\url{http://docs.sencha.com/touch/2-0/}.
Retrieved 9 april
\bibitem{Google Maps API}
Google Maps API,
\url{https://developers.google.com/maps/}.
Retrieved 9 april
\bibitem{PhoneGap}
PhoneGap
\url{http://www.PhoneGap.com}.
Retrieved 9 april
\bibitem{Titanium Mobile}
Titanium Appcelerator,
\url{http://www.appcelerator.com/}.
Retrieved 9 april
\end{thebibliography}
\end{frame}
\begin{frame}
\bibliographystyle{plain}
\bibliography{references}
\end{frame}
\end{document}
\ No newline at end of file
docs/end_presentation/presentation.vrb 0 → 100644
View file @ 3c0a77e3
\begin {itemize}
\item Tool: Siege
\item \url{sangkil.science.uva.nl}
\item file met verschillende requests, random uitgevoerd
\item Concurrente processen
\item Herhalingen
\end{itemize}
\begin{lstlisting}
#!/bin/bash
rep=(10 50 100 200 300 400 500)
for i in "${rep[@]}"
do
siege -i -b -f /path/to/requests_file.txt -c $i -r $1
done
\end{lstlisting}
docs/end_presentation/references.bib 0 → 100644
View file @ 3c0a77e3
@misc{Titanium-Appcelerator,
title = "Appcelerator, \url{http://www.appcelerator.com/}",
url = "\url{http://www.appcelerator.com/}",
}
@article{memoryleak,
title = "Why you should stay away from appcelerator titanium \\
\url{http://usingimho.wordpress.com/2011/0614/} \\
\url{why-you-should-stay-away-from-appcelerators-titanium/} ",
url = "\url{http://usingimho.wordpress.com/2011/06/14/why-you-should-stay-away-from-appcelerators-titanium/}",
author = "A. Dallera" ,
}
@misc{CSS3,
title = "CSS3 Support, \url{http://www.caniuse.com/}",
url = "\url{http://www.caniuse.com/}",
}
@misc{designing-touch,
title = "designing-touch",
author = "Clark, J.",
year = "2012",
url = "\url{http://www.netmagazine.com/features/designing-touch}",
note = "Retrieved March 31, 2012"
}
@misc{jQuery-Mobile,
title = "jQuery Mobile, \url{http://jquerymobile.com/}",
url = "\url{http://jquerymobile.com/}",
}
@misc{PhoneGap,
title = "PhoneGap, \url{http://www.phonegap.com/}",
url = "\url{http://www.phonegap.com/}",
}
@misc{sencha,
title = "Sencha Touch, \url{http://www.sencha.com/products/touch}",
url = "\url{http://www.sencha.com/products/touch}",
}
@misc{Siege,
title = "Siege, \url{http://www.joedog.org/siege-home/}",
url = "\url{http://www.joedog.org/siege-home/}",
}
%http://www.sencha.com/products/touch
%http://usingimho.wordpress.com/2011/06/14/why-you-should-stay-away-from-appcelerators-titanium/
%http://caniuse.com/
%http://www.joedog.org/siege-home/
%http://www.netmagazine.com/features/designing-touch John Clark 2012 on February 01, 2012
%http://www.appcelerator.com/
%http://jquerymobile.com/
%http://www.phonegap.com/
%\end{document}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment