\documentclass[xcolor=table,final,hyperref={pdfpagelabels=false}]{beamer}
% February 9, 2016
% http://tex.stackexchange.com/a/38609/17923
\usepackage{etex}
\usepackage{grffile}
\mode<presentation>{\usetheme{UCTCSOE16}} %%%UCTCSOE16, FutureSOC, HPIUCT, CSUCT, Neat, Aachen, I6dv, I6pd2, I6pd, I6td
\usepackage[english]{babel}
\usepackage[latin1]{inputenc}
\usepackage{amsmath,amsthm, amssymb, latexsym}
%\usepackage{times}\usefonttheme{professionalfonts}  % obsolete
%\usefonttheme[onlymath]{serif}
\boldmath
\usepackage[orientation=portrait,size=a1,scale=1.4,debug]{beamerposter}
% change list indention level
% \setdefaultleftmargin{3em}{}{}{}{}{}
%\usepackage{snapshot} % will write a .dep file with all dependencies, allows for easy bundling
\usepackage{array,booktabs,tabularx}
\newcolumntype{Z}{>{\centering\arraybackslash}X} % centered tabularx columns
\newcommand{\pphantom}{\textcolor{ta3aluminium}} % phantom introduces a vertical space in p formatted table columns??!!
%%%\usepackage{authblk}
\usepackage{tikz}
\usepackage{xcolor}
\usepackage{comment}
\usepackage[skip=0pt]{caption}
% February 8, 2016
% http://tex.stackexchange.com/a/91580/17923
\usepackage[export]{adjustbox}
\usepackage{enumerate}
% November 21, 2016
% http://tex.stackexchange.com/a/144342/17923
\usepackage[many]{tcolorbox}
% November 21, 2016
% http://tex.stackexchange.com/a/32822/17923
% \newcommand{\UCTCSOEposterhighlight}[2][l]{%
%   \colorbox{infocolorgray}{\begin{tabular}{@{}#1@{}}#2\end{tabular}}%
% }
\newcommand{\UCTCSOEposterhighlight}[2][l]{%
  \colorbox{white}{\begin{tabular}{@{}#1@{}}#2\end{tabular}}%
}
\listfiles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\graphicspath{{figures/}}
 
\title{Streamlining Technology-driven Orchestration in Formal Learning Spaces}
\author{Lighton Phiri$^1$ $\cdot$ Christoph Meinel$^2$ $\cdot$ Hussein Suleman$^1$}
\institute[University of Cape Town]{$^1$Department of Computer Science, University of Cape Town, South Africa\\$^2$Hasso Plattner Institute, University of Potsdam, Germany}
\date[October 22, 2015]{October 22, 2015}
\hypersetup{colorlinks,linkcolor=blue,citecolor=blue,urlcolor=blue,bookmarks=true,bookmarksnumbered=true}
\hypersetup{
   pdfinfo={
      Title={Streamlining Technology-driven Orchestration in Formal Learning Spaces}, 
      Author={Lighton Phiri}, 
      Subject={Technology Enhanced Learning}, 
      Keywords={Educational Technology, Orchestration, TEL, Technology Enhanced Learning},
      CreationDate={D:20161119234910}%%%,
      %%%ModDate={D:20150330150057}
   }
}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newlength{\columnheight}
\setlength{\columnheight}{105cm}
%%% October 21 2015
%%% Timeline
\newcommand\ytl[2]{
%%%% \color{red!40!black!80}
\parbox[b]{8em}{\hfill{\color{black}\bfseries\sffamily #1}~$\cdots\cdots$~}\makebox[0pt][c]{$\bullet$}\vrule\quad \parbox[c]{4.5cm}{\vspace{7pt}\color{black!80}\raggedright\sffamily #2.\\[7pt]}\\[-3pt]}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\begin{document}
\begin{frame}
  \begin{columns}[T, totalwidth=1\textwidth]
    \begin{column}{0.33\textwidth}
      
      \begin{beamercolorbox}[center,wd=\textwidth]{postercolumn}
        \begin{minipage}[T]{.90\textwidth}  % tweaks the width, makes a new \textwidth
          \parbox[t][]{\textwidth}{ % must be some better way to set the the height, width and textwidth simultaneously
            % Since all columns are the same length, it is all nice and tidy.  You have to get the height empirically
            % ---------------------------------------------------------%
            % fill each column with content 
      
	    \begin{block}{Motivation}
	      \vskip-1ex
	      %%%Supporting educators in formal learning spaces can be improved by facilitating orchestration of learning activities.
	      %%%%%Supporting educators is known to improve educational outcomes.
	      %%%%%\begin{itemize}
	      %%%%%\leftskip -0.1in
	       %%%%%\normalitem Support can be with orchestration.
	      %%%%%\end{itemize}
	      Educators can be more effective when supported with orchestration---the management of learning activities.
	    \end{block}
      
          }
        \end{minipage}
      \end{beamercolorbox}
      
    \end{column}
    \begin{column}{0.33\textwidth}
      
      \begin{beamercolorbox}[center,wd=\textwidth]{postercolumn}
        \begin{minipage}[T]{.95\textwidth}  % tweaks the width, makes a new \textwidth
          \parbox[t][]{\textwidth}{ % must be some better way to set the the height, width and textwidth simultaneously
            % Since all columns are the same length, it is all nice and tidy.  You have to get the height empirically
            % ---------------------------------------------------------%
            % fill each column with content 
      
	    \begin{block}{Orchestration is Flawed}
	      \vskip-1ex
	      Technology-driven orchestration is challenging \cite{Dillenbourg2013} and, arguably, ad hoc.
	      %%%%%\begin{itemize}
	       %%%%%\leftskip -0.1in
	       %%%%%\normalitem It is multi-faceted and not standardised.
	      %%%%%\end{itemize}
	       \textcolor{ta2orange}{\UCTCSOEposterhighlight{It is multi-faceted and not standardised.}}
	    \end{block}
      
          }
        \end{minipage}
      \end{beamercolorbox}
      
    \end{column}
    \begin{column}{0.33\textwidth}
      
      \begin{beamercolorbox}[center,wd=\textwidth]{postercolumn}
        \begin{minipage}[T]{.95\textwidth}  % tweaks the width, makes a new \textwidth
          \parbox[t][]{\textwidth}{ % must be some better way to set the the height, width and textwidth simultaneously
            % Since all columns are the same length, it is all nice and tidy.  You have to get the height empirically
            % ---------------------------------------------------------%
            % fill each column with content 
      
	    \begin{block}{Proposed Solution}
	      \vskip-1.5ex
	      Streamline orchestration by facilitating organisation of learning activities.
	      %%%%%\begin{itemize}
	       %%%%%\leftskip 0.1in
	       %%%%%\normalitem Organisation leads to effectiveness.
% % % % % 	       \colorbox{infocolorgray}{\strut \textcolor{ta2orange}{\; Organisation could lead to effectiveness. \;}}
               \textcolor{ta2orange}{\UCTCSOEposterhighlight{Organisation could lead to effectiveness.}}
	      %%%%%\end{itemize}
	    \end{block}
      
          }
        \end{minipage}
      \end{beamercolorbox}
      
    \end{column}
  \end{columns}
  
  \vfill
  
  \begin{columns}[t, totalwidth=0.98\textwidth]
    % ---------------------------------------------------------%
    % Set up a column 
    \begin{column}{.49\textwidth}
      \begin{beamercolorbox}[center,wd=\textwidth]{postercolumn}
        \begin{minipage}[T]{.95\textwidth}  % tweaks the width, makes a new \textwidth
          \parbox[t][\columnheight]{\textwidth}{ % must be some better way to set the the height, width and textwidth simultaneously
            % Since all columns are the same length, it is all nice and tidy.  You have to get the height empirically
            % ---------------------------------------------------------%
            % fill each column with content   
            \vskip-1ex
% % % % %             \begin{block}{Orchestration Situational Analysis}
% % % % %               \vskip-1ex
% % % % %               %%%%%Scoping and framing stage involved comprehensive analyses, in order to gain a firm understanding of contemporary orchestration.
% % % % %               Comprehensive analyses conducted in order to gain a firm understanding of contemporary orchestration.
% % % % %               \begin{itemize}
% % % % %                \leftskip -0.1in
% % % % %                \normalitem Analysis 1: Archival log analysis of lecture recordings.
% % % % %                \normalitem Analysis 2: Observations of lecture sessions.
% % % % %                \normalitem Analysis 3: Interview sessions with faculty teaching staff.
% % % % %               \end{itemize}
% % % % %               
% % % % % % % % % %               \colorbox{infocolorgray}{\strut \textcolor{ta2orange}{\; Contemporary technology-driven orchestration is ad hoc. \;}}
% % % % %               \textcolor{ta2orange}{\UCTCSOEposterhighlight{Contemporary technology-driven orchestration is ad hoc.}}
% % % % %             \end{block}
% % % % %             
% % % % %             \vskip-1ex
            
            \begin{block}{Streamlined Orchestration Workflow}
               \vskip-1ex
              
% % % % %                 \colorbox{infocolorgray}{\strut \textcolor{ta2orange}{\; Workflow scenario involves four core steps\\ involving pre-session management (Steps 1--3) and session management (Step 4). \;}}
% % % % %                 \vskip 1ex
                
                Streamlining orchestration takes the form of a software orchestration workbench which facilitates the integration and centralised access to tools and services required to orchestrate learning activities.
                
                \vskip 1ex
                
                Orchestration workflow procedure involves four steps.
		
		\vskip 1ex
		   
	      \begin{minipage}[t]{0.50\textwidth}
		
		  \tcboxfit[width=12.2cm,height=6cm,title={Step 1: Activities}, colback=white, colframe=white!0!black,  borderline={0pt}{0pt}{black}]{\large
		    \begin{itemize}
		     \leftskip -0.3in
		     \normalitem Define activities hierarchical structures for modules and sessions.
		     %%%%%\normalitem Associate descriptive metadata.
		    \end{itemize}
		  }
		  
		  \vspace{0.5em}
		  
		  \tcboxfit[width=12.2cm,height=6cm,title={Step 2: Resources}, colback=white, colframe=black!75!black,  borderline={0pt}{0pt}{black}]{\large
		    \begin{itemize}
		     \leftskip -0.3in
		     \normalitem Organised learning resources (e.g. PDFs, videos and URLs).
		     %%%%%\normalitem Associate resources to activities.
		    \end{itemize}
		  }
	      
	      \end{minipage}%
	      \begin{minipage}[t]{0.50\textwidth}
	      
		\tcboxfit[width=12.2cm,height=6cm,title={Step 3: Sequencing}, colback=white, colframe=black!75!black,  borderline={0pt}{0pt}{black}]{\large
		    \begin{itemize}
		     \leftskip -0.3in
		     \normalitem Create sequence chain to define orchestration order of activities.
		     %%%%%\normalitem Save sequence chain for later use.
		    \end{itemize}
		  }
		  
		  \vspace{0.5em}
		  
		  \tcboxfit[width=12.2cm,height=6cm,title={Step 4: Orchestration}, colback=red!5!white, colframe=red!75!black,  borderline={0pt}{0pt}{black}]{\large
		    \begin{itemize}
		     \leftskip -0.3in
		     \normalitem Playback saved sequence chain during learning session.
		     %%%%%\normalitem Optionally share view with learners.
		    \end{itemize}
		  }
	      
	      \end{minipage}%
	      
	      \vskip1ex
	      
	      \textcolor{ta2orange}{\UCTCSOEposterhighlight{Pre-session management is performed in steps 1--3 and \\session management is performed in step 4.}}
	      
            \end{block}
            %%%\vfill
            \vskip-1ex
            \begin{block}{Study 1: Orchestrating a Flipped Class}
              \vskip-1ex
                 Flipped class case study conducted using prototpye Workbench to assess approach in authentic educational setting \cite{Phiri2016Streamlined}.
                 
                 \vskip-1.0ex
		    \begin{minipage}[t]{0.953\textwidth}
		      \centering
		      \begin{figure}
		      \centering
		      \captionsetup{justification=centering}
		      \framebox[\textwidth]{%
			  {\small\input{plots/plot.pilot_study.poster_a1.tex}}%
			}
		      \caption{Learners' Experience Survey Results}
		      \vskip0.8ex
		      \end{figure}
		    \end{minipage}
              
                 \textcolor{ta2orange}{\UCTCSOEposterhighlight{Noticeable neutral flow of activities and potential positive effect \\on learners' learning experience.}}
            \end{block}
            
            \vskip-1ex
            
            \begin{block}{Study 2: Peer-led Guided Orchestration}
              \vskip-1ex
              Controlled study involving 24 Tutors, for first year Computer Science courses, aimed at measuring orchestration load.
              
		    \begin{minipage}[t]{0.54\textwidth}
		      \centering
		      \begin{figure}
		      \centering
		      \captionsetup{justification=centering}
		      \framebox[\textwidth]{%
			  {\small\input{plots/poster-plot-guided_study-weighted_workload-task3.tex}}%
			}
		      \caption{Sequencing Workload Ratings}
		      \vskip0.8ex
		      \end{figure}
		    \end{minipage}\hfill
		    %
		   \begin{minipage}[t]{0.40\textwidth}%
		     \vskip0.31ex
		      NASA-TLX used to measure orchestration load. 
		      \begin{itemize}
		        \leftskip -0.1in
		        \normalitem High values imply high workload.
		        \normalitem Width of bars reflects importance of weight.
		        \normalitem Height of bars represents magnitude of rating.
		      \end{itemize}
		    \end{minipage}
		    
		    \textcolor{ta2orange}{\UCTCSOEposterhighlight{Results suggest minimal workload requirement during scripting.}}
		    
% % % % %               \begin{itemize}
% % % % %                \normalitem Implementation of IMS Global Simple Sequencing standard.
% % % % %                \normalitem End-to-end evaluation of orchestration load.
% % % % %                %%%%%\normalitem Usability evaluation of potential usage scenario.
% % % % %               \end{itemize}
% % % % % 
% % % % %               \textcolor{ta2orange}{\UCTCSOEposterhighlight{Preliminary results indicate no significant workload imposed.}}
              
            \end{block}
            
          }
        \end{minipage}
      \end{beamercolorbox}
    \end{column}
    % ---------------------------------------------------------%
    % end the column
    % ---------------------------------------------------------%
    % Set up a column 
    \begin{column}{.49\textwidth}
      \begin{beamercolorbox}[center,wd=\textwidth]{postercolumn}
        \begin{minipage}[T]{.95\textwidth} % tweaks the width, makes a new \textwidth
          \parbox[t][\columnheight]{\textwidth}{ % must be some better way to set the the height, width and textwidth simultaneously
            % Since all columns are the same length, it is all nice and tidy.  You have to get the height empirically
            % ---------------------------------------------------------%
            % fill each column with content
            \vskip-1ex
            \begin{block}{Study 3: Ad Hoc vs. Organised Orchestration}
              %%%%%\vskip-2ex
              %%%%%\begin{block}{1) Orchestrating a Flipped Class}
                \vskip-1.5ex
		    
		     Controlled study conducted with 61 educators in order to compare ad hoc orchestration and organised orchestration \cite{Phiri2016Comparative}.
		     
		     \begin{itemize}
		      \infoitem \textcolor{ta2orange}{\UCTCSOEposterhighlight{Workbench prototype UI simulated organised orchestration.}}
		      \infoitem \textcolor{ta2orange}{\UCTCSOEposterhighlight{PortableApps simulated ad hoc orchestration.}}
		     \end{itemize}
		     
		    
		    \vskip-1.0ex
		    
		    \begin{minipage}[t]{0.47\textwidth}
		   
		      \begin{figure}
		      \centering
		      \framebox[\textwidth]{%
			  {\small\input{plots/poster-plot-comparative_study-atd_portfolio.tex}}%
			}
		      \caption{Portfolio Presentation}
		      \vskip-0.1ex
		      \end{figure}
		      
		      \begin{figure}
		      \centering
		      \framebox[\textwidth]{%
			  {\small\input{plots/poster-plot-comparative_study-time_on_task-all.tex}}%
			}
		      \caption{Time on Tasks}
		      %%%%%\vskip-1ex
		      \vskip-0.1ex
		      \end{figure}
		      
		    \end{minipage}
		      \hspace{0.2cm}
		    \begin{minipage}[t]{0.47\textwidth}%%%\raggedleft
		      
		      \begin{figure}
		      \centering
		      \framebox[\textwidth]{%
			  {\small\input{plots/poster-plot-comparative_study-atd_dimensions.tex}}%
			}
		      \caption{Dimension Means}
		      \vskip0.31ex
		      \end{figure}
		      
		      {AttrakDiff 2 used an measurement instrument.}
		      
		      {Organised orchestration is:}
		      
		      \begin{itemize}
		       \leftskip -0.1in
		       \normalitem Desirable and 21\% faster.
		       \normalitem Correlated with improved user experience.
		      \end{itemize}
		      
		    \end{minipage}
		    
		    \textcolor{ta2orange}{\UCTCSOEposterhighlight{Organised orchestration more effective than ad hoc.}}
            \end{block}
            
            \vskip-1ex
            \begin{block}{Study 4: Reusable Orchestration OERs}
              \vskip-1ex
              Practical usage scenario assessed through implementation of reusable virtual orchestration appliances (rVOA) \cite{Parker2016RVOA}.
              
              \begin{itemize}
               \normalitem rVOA player: Flexible offline UI workflow component.
               \normalitem rVOA repository: Scalable online repository platform.
              \end{itemize}
              
              \textcolor{ta2orange}{\UCTCSOEposterhighlight{Feasibility of integrating orchestration packages with OERs.}}
              
            \end{block}
% % % % %             \vskip-1ex
% % % % %             \begin{block}{Future Directions}
% % % % %               \vskip-1ex
% % % % %               This work is funded by the Hasso Plattner Institute.
% % % % %             \end{block}
            
            \vskip-1ex
            \begin{block}{Acknowledgements}
              \vskip-1ex
              This work is funded, in part, by the Hasso Plattner Institute.
            \end{block}
            %%%\vfill
            
            \vskip-1ex
            
            \begin{block}{Bibliography}
              \vskip-1ex
              %%%%%\def\bibindent{1em}
              \begin{thebibliography}{10}
                %%%\beamertemplatearticlebibitems
                
                %%%%%\normalitemindent=0.6em % http://stackoverflow.com/a/10305579/664424
                %%%%%\leftmargin=2pt
                \leftskip 0.2in % @February 7, 2016; http://www.wkiri.com/today/?p=76
                %%%%%\parindent -2.1in
                \vskip-2ex
                %%%%%\bibitem{Roschelle2013}
                 %%%Jeremy Roschelle, Yannis Dimitriadis, and Ulrich Hoppe. 
                 %%%%%Jeremy Roschelle et al. Classroom Orchestration: Synthesis. {\em Computers \& Education}, 69:523--526, 2013. DOI: { \href{http://dx.doi.org/10.1016/j.compedu.2013.04.010}{10.1016/j.compedu.2013.04.010}}
                 %%%\newline
                 
                \bibitem{Dillenbourg2013}
                 %%%%%Pierre Dillenbourg. Design for Classroom Orchestration. {\em Computers \& Education}, 69:485--492, 2013.\\ 
                 %%%%%DOI: { \href{http://dx.doi.org/10.1016/j.compedu.2013.04.013}{10.1016/j.compedu.2013.04.013}}
                 Dillenbourg, P. Design for Classroom Orchestration. {\em Computers \& Education}. 69:485--492, November 2013.
                 %%%\newline 
                 
                \bibitem{Parker2016RVOA}
                 %%%%%Nabeel Parker and Morn\'{e} Valentyn. Reusable Virtual Orchestration Appliances.
                 %%%%%URL: { \href{https://goo.gl/qNOF7V}{https://goo.gl/qNOF7V}}
                 Parker, N. and Valentyn, M. Reusable Virtual Orchestration Appliances. Retrieved from {\href{https://goo.gl/qNOF7V}{https://goo.gl/qNOF7V}}
                 %%%\newline
                 
                \bibitem{Phiri2016Comparative}
                 %%%%%Lighton Phiri et al. Ad hoc vs. Organised Orchestration. {\em 8$^{th}$ IEEE International Conference on %%%%%Technology for Education}, 2016.
                 Phiri, L., Meinel, C., and Suleman, H. Ad hoc vs. Organised Orchestration. In {\em 8$^{th}$ IEEE International Conference on Technology for Education}. December 2016.
                 %%%\newline
                \bibitem{Phiri2016Streamlined}
                 %%%%%Lighton Phiri et al. Streamlined Orchestration. {\em Computers \& Education}, 95:231--238, 2016.\\
                 %%%%%DOI: { \href{http://dx.doi.org/10.1016/j.compedu.2016.01.011}{10.1016/j.compedu.2016.01.011}}
                 Phiri, L., Meinel, C., and Suleman, H. Streamlined Orchestration. {\em Computers \& Education}. 95:231--238, April 2016. 
                 
              \end{thebibliography}
              \vskip1ex
            \end{block}
          }
          % ---------------------------------------------------------%
          % end the column
        \end{minipage}
      \end{beamercolorbox}
    \end{column}
    % ---------------------------------------------------------%
    % end the column
  \end{columns}
  \vskip1ex
  %\tiny\hfill\textcolor{ta2gray}{Created with \LaTeX \texttt{beamerposter}  \url{http://www-i6.informatik.rwth-aachen.de/~dreuw/latexbeamerposter.php}}
  %%%\tiny\hfill{Created with \LaTeX \texttt{beamerposter}  \url{http://www-i6.informatik.rwth-aachen.de/~dreuw/latexbeamerposter.php} \hskip1em}
\end{frame}
\end{document}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%% Local Variables: 
%%% mode: latex
%%% TeX-PDF-mode: t
%%% End: