%===============================================================================
% Zweck:    KTR-Präsentation-Vorlage
% Erstellt: 15.04.2013
% Update:   04.07.2016
% Autor:    M.G.
%===============================================================================

%\newcommand*{\footcite}[1]{\footnote{\autocite{#1}}}

\newcommand\ratio{169}
\documentclass[10pt,aspectratio=\ratio,
%draft,
%handout,
compress
]{beamer}

\newcommand\meta{../meta}
\input{\meta/config/commands}
\newcommand{\backupbegin}{
   \newcounter{finalframe}
   \setcounter{finalframe}{\value{framenumber}}
}
\newcommand{\backupend}{
   \setcounter{framenumber}{\value{finalframe}}
}

\def\signed #1{{\leavevmode\unskip\nobreak\hfil\penalty50\hskip2em
  \hbox{}\nobreak\hfil(#1)%
  \parfillskip=0pt \finalhyphendemerits=0 \endgraf}}

\newsavebox\mybox
\newenvironment{aquote}[1]
  {\savebox\mybox{#1}\begin{fancyquotes}}
  {\signed{\usebox\mybox}\end{fancyquotes}}


\input{\meta/config/hyphenation}

\setbeamertemplate{caption}[numbered]
%\numberwithin{figure}{section}


 %\bibliographystyle{plain}
 \bibliography{../ThesTeX/content/literature.bib}

\begin{document}
  %===============================================================================
  % Zum Kompilieren latexmk ausführen.
  %	Konfiguration in texmaker: Options -> Configure Texmaker -> Quick Build -> Select Latexmk + ViewPD
  %	Entsprechende Informationen in den config/metainfo verändern
  % Zur Auswahl der Sprache im folgenden Befehl
  % ngerman für deutsch eintragen, english für Englisch.
  %===============================================================================
\selectlanguage{english}
\ifnum\ratio<169
\frame{\titlepage}
\else
\frame[plain]{\titlepage}
\fi

%\AtBeginSection[]
%{
%  \frame<handout:0>
%  {
%    \frametitle{Outline}
%    \tableofcontents[currentsection,hideallsubsections]
%  }
%}

%\AtBeginSubsection[]
%{
%  \frame<handout:0>
%  {
%    \frametitle{Outline}
%    \tableofcontents[sectionstyle=show/hide,subsectionstyle=show/shaded/hide,subsubsectionstyle=hide]
%  }
%}

\AtBeginSubsubsection[]
{
  \frame<handout:0>
  {
    \frametitle{Outline}
    \tableofcontents[sectionstyle=show/hide,subsectionstyle=show/shaded/hide,subsubsectionstyle=show/shaded/hide]
  }
}

\newcommand<>{\highlighton}[1]{%
  \alt#2{\structure{#1}}{{#1}}
}

\newcommand{\icon}[1]{\pgfimage[height=1em]{#1}}

\section*{}
\phantomsection
\begin{frame}{Content}
\tableofcontents[hideallsubsections]
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%% Content starts here %%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\section{Location based Games}
\begin{frame}{Location based Games}
\framesubtitle{Put the 'fun' in education}
	\begin{columns}
	\column{0.55\linewidth}
Intersection of GIS and gaming technology\footnotemark
		\begin{itemize}
			\item Game actions tied to real-world spatial places ('Break the magic circle')%TODO citation
			\item Locomotion as essential game part
			\item Trade-offs between board and race style games\footnotemark
			\item Foster recognition of environment
			\item Focus through game related tasks
		\end{itemize}
	\column{.45\linewidth}
		\image{.5\textwidth}{gg2}{Geogame map view}{img:gg2}
	\end{columns}
	\addtocounter{footnote}{-1}
	\footcitetext{Ahlqvist2018}\stepcounter{footnote}
	\footcitetext{1705427}
\end{frame}

\begin{frame}{Research with location based games}
	\begin{columns}
	\column{0.35\linewidth}
		\begin{itemize}
			\item Define mission statement
			\item Build statistical framework
			\item Questionnaires
			\begin{itemize}
				\item Pre
				\item Post
			\end{itemize}
			\item {[Data entry]}
			\item Statistical processing
		\end{itemize}
	\column{.6\linewidth}
		\image{\textwidth}{biodiv-schaal}{Statistical framework for BioDiv2Go\footnotemark}{img:biodiv-schaal}
	\end{columns}
	%\addtocounter{footnote}{-1}
	\footcitetext{Schaal2017}%\stepcounter{footnote}
\end{frame}

\section{Goal definition}
\begin{frame}{Goal definition}
\framesubtitle{A Framework for the Analysis of Spatial Game Data}
\begin{itemize}
	\item Framework for analysis
	\item Two target groups:
		\begin{itemize}
		\item Expert users/researchers
		\item Staging/designing staff
		\end{itemize}
	\item Integration of external data (questionnaire results)
	\item Adaptable for multiple games
\end{itemize}
\end{frame}

\begin{frame}{Components}
Prerequisites: Game log
\begin{itemize}
	\item Creation
	\item Storage
\end{itemize}
New components
\begin{itemize}
	\item Per-game importer (Web client, File loader, …)
	\item Analyzer modules (number crunching)
	\item Output \& Visualization (CSV, [Geo]JSON, KML, Graphs, …)
	\item Interface (Configuration)
	\item Cross-game comparisons
\end{itemize}
\end{frame}

\section{State of research}
  \frame
  {
    \tableofcontents[sectionstyle=show/hide,hideothersubsections]
  }

\subsection{Log processing}
\begin{frame}{Modern log processing stacks}
Technologies: Collection, Time-series databases, Frontend
\begin{itemize}
	\item ELK (Elastic search, Logstash, Kibana)\autocite{andreassen2015monitoring} \autocite{yang2016aggregated} \autocite{steinegger2016analyse} \autocite{sanjappa2017analysis}
	\item Collectd, Influx DB, Grafana \autocite{komarek2017metric}
	\item …
\end{itemize}
\begin{itemize}
	\item[+] widely deployed
	\item[+] powerful query languages %TODO example
	\item mainly web/container/hardware monitoring
	\item[-] spatial analysis: heavily anonymized
	\item[-] fast-paced environment
\end{itemize}
\end{frame}

\subsection{Pedestrian traces}
\begin{frame}{Analyzing pedestrian movement}
\framesubtitle{… based on GPS logs}
\begin{itemize}
	\item GPS overestimates systematically \autocite{Ranacher_2015}
	\item GPS is a suitable instrument for spatio-temporal data\autocite{van_der_Spek_2009}
	\item Activity mining \autocite{Gong_2014}
		\begin{itemize}
		\item Speed-based Clustering \autocite{ren2015mining}
		%\item \autocite{Ferrante_2016} % closed access
		\item Machine Learning \autocite{pattern_recog} %TODO
		\end{itemize}
	\item E.g.: Improve tourist management \autocite{tourist_analysis2012}
\end{itemize}
\end{frame}


\begin{frame}{Heatmap}
\image{.81\textwidth}{strava}{Heatmap: Fitnesstracker\autocite{strava}}{img:strava}
\end{frame}

\begin{frame}{Space-time cube}
\image{.72\textwidth}{space-time}{Space-time cube examples\autocite{bach2014review}}{img:spacetime}
\end{frame}

\begin{frame}{Trajectory patterns}
\image{\textwidth}{traj-pattern}{Flock and meet trajectory pattern\autocite{jeung2011trajectory}}{img:traj-pattern}
\end{frame}

\begin{frame}{Generalization}
\image{\textwidth}{generalization}{Trajectories and generalizations with varying radius parameter \autocite{adrienko2011spatial}}{img:generalization}
\end{frame}

\subsection{Analyzing games}
\begin{frame}{Analyzing games}
\begin{itemize}
	\item there's more than heatmaps
	\item combine position with game actions
	\item identify patterns, balancing issues
	\item manual processes %\citetitle{Drachen2013}\citetitle{AHLQVIST20181}
\end{itemize}
\vspace{-42pt}
%\image{.5\textwidth}{game-an}{chat logs with players location \autocite{Drachen2013}}{img:chatlogs}
%\image{.5\textwidth}{ac3-death}{identify critical sections \autocite{Drachen2013}}{img:ac3death}
\twofigures{0.5}{game-an}{Chat logs with players location}{img:chatlogs}{ac3-death}{Identify critical sections}{img:ac3death}{Game analytics \cite{Drachen2013}}{fig:gameanal}
\end{frame}

%\subsection{Location based games}

\subsection{Summary}
\begin{frame}{Summary}
\begin{itemize}
	\item Log processing: Powerful stacks
	\item Movement analysis: Large field already explored (GPS influence, Patterns, Behavior recognition, …)
	\item Track rendering: Track (with attributes), Space-time cube, Heatmap, …
	\item Spatial analysis of digital games with GIS
	\item Analysis of location based games: Laborious manual process
\end{itemize}
\end{frame}

\section{Solution approach}
  \frame
  {
    \tableofcontents[sectionstyle=show/hide,hideothersubsections]
  }
\subsection{Requirements}
\begin{frame}{Requirements}
\framesubtitle{Wait, what did I want to do again?}
\begin{itemize}
	\item Per-game importer (Web client, File loader, …)
	\item Analyzer modules (number crunching)
	\item Output \& Visualization (CSV, [Geo]JSON, KML, Graphs, …)
	\item Interface (Configuration)
		\begin{itemize}
		\item Expert users/researchers
		\item Staging/designing staff
		\end{itemize}
	\item Cross-game comparisons
	\item Integration of external data (questionnaire results)
\end{itemize}
\end{frame}

\subsection{Architecture}
\begin{frame}{Experiment: Kibana}
\image{.85\textwidth}{kibana}{Game trace in Kibana}{img:kibana}
\end{frame}
\begin{frame}{Experiment: Kibana}
\image{.85\textwidth}{kibana2}{Game trace in Kibana}{img:kibana2}
\end{frame}
\begin{frame}{Experiment: Grafana}\hspace{.3\textwidth}a\\[-24pt]
\image{.85\textwidth}{grafana}{Side project: Weather station with Grafana}{img:grafana}
\end{frame}

\begin{frame}{Architecture}
\begin{itemize}
	\item Based on map-reduce
	\item Map: Analysis
	\begin{itemize}
		\item Iterate Log entries
		\item Feed log entry through analyzer queue
		\begin{itemize}
			\item Augment entries
			\item Filter entries
			\item Sequential order
		\end{itemize}
	\end{itemize}
	\item Reduce: Collect summaries from analyzers
	\begin{itemize}
		\item Rendering
		\item Post-processing, Comparison, …
	\end{itemize}
\end{itemize}
\end{frame}
\begin{frame}{Architecture scheme}
\image{\textwidth}{../../ThesTeX/images/map-reduce.pdf}{Data flows}{img:flow}
\end{frame}

%%%%%%%%%%%%%%%%%55
% PRESENTATION 2
%%%%%%%%%%%%%%%%%%%%


\section{Implementation}

\subsection{Technologies}
\begin{frame}{Implementation}
	\begin{columns}
	\column{0.55\linewidth}
		Analysis
		\begin{itemize}
			\item Python (3.6)
			\item Standalone library/CLI tool
			\item Web based configuration/Runner/API (Flask, Celery)
		\end{itemize}
		Rendering
		\begin{itemize}
			\item Matplotlib, Numpy
			\begin{itemize}
				\item Graphs
			\end{itemize}
			\item Javascript
			\begin{itemize}
				\item Leaflet
				\item Web visualization: Maps, Tracks, …
			\end{itemize}
		\end{itemize}
		\pic{.5\textwidth}{matplotlib}
	\column{0.4\linewidth}
		\pic{.5\textwidth}{python}
		\pic{.4\textwidth}{flask}
		\pic{.4\textwidth}{leaflet}
	\end{columns}
\end{frame}

\subsection{Microservice Composition}
\begin{frame}{Microservice Composition}
\framesubtitle{Dockerize everything!}
	\begin{columns}
	\column{0.45\linewidth}
		\begin{itemize}
			\item Analysis framework: Celery
			\item User interface: Flask
			\item Result server: Nginx
			\item Connection Flask - Celery: Redis
			\item Public frontend: Traefik (external)
			\item Orchestration: Docker-Compose
		\end{itemize}
	\column{0.525\linewidth}
		\image{\textwidth}{../../ThesTeX/images/architecture}{Service structure}{img:microservices}
	\end{columns}
\end{frame}

\subsection{Classes}

\begin{frame}{Analysis}
\twofigures{0.5}{code/analyzer}{Analyzer interface}{code:anif}{code/mask-spatials}{Sample analyzer}{code:mask}{Analyzer stub and implementation}{fig:pyan}
\end{frame}

\begin{frame}{Result}
\image{\textwidth}{code/result}{Result class}{code:result}
\end{frame}

\begin{frame}{Render}
\twofigures{0.5}{code/render}{Render interface}{code:reif}{code/render-board}{Sample render}{code:rebo}{Render stub and implementation}{fig:pyre}
\end{frame}

\subsection{Configuration}
\begin{frame}{Configuration \& result}
\twofigures{0.5}{oeb-kml}{Analyzer configuration}{img:oebkml}{oeb-ge}{Result visualized}{img:oebge}{Example: Generate KML tracks (BioDiv2Go; Oberelsbach2016)}{fig:oeb2016}
\end{frame}

\begin{frame}{ActivityMapper}
\image{.7\textwidth}{track-fi}{Combined screen activity and spatial progress}{img:trackfi}
\end{frame}

\begin{frame}{Graphs}
	\begin{columns}
	\column{0.45\linewidth}
		\image{\textwidth}{simu-retries}{Experimentational rounds}{img:retries}
	\column{0.45\linewidth}
		\image{\textwidth}{speed}{Speed distribution}{img:speed}
	\end{columns}
\end{frame}
\begin{frame}{Graphs}
\image{.9\textwidth}{time-rel}{Time distribution}{img:time}
\end{frame}

\section{Evaluation}
\subsection{Setup}

\begin{frame}{Evaluation}
\begin{itemize}
	\item Analyse other geogames
	\item Describe effort
	\item ?
	\item Profit
\end{itemize}
\end{frame}

\begin{frame}{Evaluation}
Clients
\begin{longtable}[H]{ccp{0.6\textwidth}}
Geogame & Log files & Notes \\
\hline
BioDiv2Go & $\approx430$ & SQLite database with JSON log entries, references to game config; import base case\\
GeoTicTacToe & $\approx13$ & CSV with pipes; no temporal data; events + tracks\\
\caption{Geogame client log data}
\label{tab:logscli}
\end{longtable}

Servers
\begin{longtable}[H]{ccp{0.6\textwidth}}
Geogame & Log files & Notes \\
\hline
GeoTicTacToe & $\approx2$ & intermediate log format\\
GeoTTT & $\approx130$ & fragmented structure: incomplete or splitted?\\
Neocartographer & $\approx400$ & Partly broken GPX: missing description information; one GPX file per player\\
MissingLink & $\approx6$ & Partly broken GPX: missing spatial information; one GPX file per player\\
Equilibrium & $\approx40$ & GPX with missing end tag\\
\caption{Geogame servers log data}
\label{tab:logssrv}
\end{longtable}
\end{frame}

\subsection{Results}
\begin{frame}{Evaluation results}

\end{frame}

\section{Demotime}
\begin{frame}{It's time for...}
\huge{...a demo!}
\end{frame}


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%% References          %%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\section*{}
\begin{frame}[allowframebreaks]{References}
 \def\newblock{\hskip .11em plus .33em minus .07em}
 \scriptsize
 \setbeamertemplate{bibliography item}[text]
 \printbibliography
 \normalsize
\end{frame}

\appendix
\backupbegin



\end{document}