From acafa9ac1c8da09cd6696d641d2c2bdaf8854569 Mon Sep 17 00:00:00 2001 From: Thomas Fillon Date: Fri, 24 Jan 2014 16:59:14 +0100 Subject: [PATCH] AES 53 : add poster --- AES_53_2013/poster/beamerthemeTF.sty | 145 ++++++++++++ AES_53_2013/poster/poster_aes53.tex | 325 +++++++++++++++++++++++++++ 2 files changed, 470 insertions(+) create mode 100644 AES_53_2013/poster/beamerthemeTF.sty create mode 100644 AES_53_2013/poster/poster_aes53.tex diff --git a/AES_53_2013/poster/beamerthemeTF.sty b/AES_53_2013/poster/beamerthemeTF.sty new file mode 100644 index 0000000..d69f1e4 --- /dev/null +++ b/AES_53_2013/poster/beamerthemeTF.sty @@ -0,0 +1,145 @@ +% this style was created by Philippe Dreuw and Thomas Deselaers +\ProvidesPackage{beamerthemeTF} + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\RequirePackage{colorsTF} +\selectcolormodel{cmyk} +\mode + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% + +\definecolor{veryLightBlue}{rgb}{0.95,0.9,0.95} % +\definecolor{lightBlue}{rgb}{0.8,0.8,1} % dark blue +\definecolor{darkBlue}{rgb}{0,0,0.7} % dark blue +\definecolor{textBG}{rgb}{0.95,0.95,1} % dark blue + + +\setbeamercolor{headline}{fg=black,bg=white} +\setbeamercolor{footline}{fg=black, bg=white} +\setbeamerfont{footline}{size=\large,series=\sf} +\setbeamercolor{separation line}{bg=black} +\setbeamercolor{title in headline}{fg=black, bg=} +\setbeamercolor{author in headline}{fg=black, bg=} +\setbeamercolor{institute in headline}{fg=black, bg=} + +\setbeamercolor{framesubtitle}{fg=ta3orange, bg=veryLightBlue} +\setbeamercolor{author in head/foot}{fg=black, bg=white} +\setbeamercolor{title in head/foot}{fg=black, bg=white} + +\setbeamercolor*{normal text}{fg=black, bg=veryLightBlue} + +\setbeamercolor*{block body}{bg=white,fg=black} +\setbeamercolor*{block title}{bg=telemetaRed,fg=white} +\setbeamerfont{block title}{size=\large,series=\bf} +\setbeamercolor{upper separation line head}{fg=red} + +\setbeamercolor*{example body}{fg=ta3aluminium,bg=white} +\setbeamercolor*{example text}{fg=ta3aluminium,bg=white} +\setbeamercolor*{example title}{bg=taorange,fg=ta2gray} + +\setbeamercolor{alerted text}{fg=red, bg=white} +\setbeamercolor*{alerted body}{fg=ta3aluminium,bg=white} + +%\setbeamercolor{example text}{fg=taorange} +\setbeamercolor{structure}{fg=ta3skyblue} + +\setbeamertemplate{itemize items}[triangle] +\setbeamertemplate{navigation symbols}{} % no navigation on a poster + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\setbeamertemplate{block begin}{ + \vskip.75ex + \begin{beamercolorbox}[rounded=true,shadow=true,leftskip=1cm,colsep*=.75ex]{block title}% + \usebeamerfont*{block title}\insertblocktitle + \end{beamercolorbox}% + {\ifbeamercolorempty[bg]{block body}{}{\nointerlineskip\vskip-0.5pt}}% + \usebeamerfont{block body}% + \begin{beamercolorbox}[rounded=true,shadow=true,colsep*=.75ex,sep=.75ex,vmode]{block body}% + \ifbeamercolorempty[bg]{block body}{\vskip-.25ex}{\vskip-.75ex}\vbox{}% + } + \setbeamertemplate{block end}{ + \end{beamercolorbox} +} + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% + +\setbeamertemplate{headline}{ + \leavevmode + \begin{beamercolorbox}[wd=\paperwidth]{headline} + \begin{columns}[T] + \begin{column}{.02\paperwidth} + \end{column} + \begin{column}{.08\paperwidth} + \begin{center} + \includegraphics[width=\linewidth]{img/logo_CREM.png}\\ + % \hspace{1cm} + \includegraphics[width=\linewidth]{img/logo_LESC.png} + \end{center} + \vskip1ex + \end{column} + \begin{column}{.7\paperwidth} + \vskip4ex \raggedleft + + \usebeamercolor{title in + headline}{\color{fg}\textbf{\LARGE{\inserttitle}}\\[1ex]} + \usebeamercolor{author in + headline}{\color{fg}\large{\insertauthor}\\[1ex]} + \usebeamercolor{institute in + headline}{\color{fg}\large{\insertinstitute}\\[1ex]} + \end{column} +\begin{column}{.02\paperwidth} + \end{column} + \begin{column}{.14\paperwidth} + \vskip1cm + \begin{center} + \includegraphics[width=\linewidth]{img/parisson_logo_FINALE_com.pdf}\\ + \vspace{2.5cm} + \includegraphics[width=\linewidth]{img/upmc.png} + \end{center} + \vskip1.5cm + \end{column} + \begin{column}{.02\paperwidth} + \end{column} + \end{columns} + \end{beamercolorbox} + \begin{beamercolorbox}[wd=\paperwidth]{lower separation line head} + \rule{0pt}{2pt} + \end{beamercolorbox} +} + + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\setbeamertemplate{footline}{} + +% \begin{beamercolorbox}[wd=\paperwidth]{Footer} +% \begin{center} + % \includegraphics[width=0.5\paperwidth]{img/CMMR2013banner.png} +% \end{center} + +% \end{beamercolorbox} + +% \begin{beamercolorbox}[wd=\paperwidth]{upper separation line foot} +% \rule{0pt}{2pt} +% \end{beamercolorbox} +% \vskip1ex +% \leavevmode% +% \begin{beamercolorbox}[ht=5ex,leftskip=1cm,rightskip=1cm]{author in head/foot}% +% %\includegraphics[width=5.5cm]{img/CMMR2013footer.png} \hskip2cm% +% {\large \textbf{10th International Symposium on Computer Music Multidisciplinary Research (CMMR) Sound, Music and Motion , \hspace{1cm} Marseilles , \hspace{1cm} 15-18 October 2013}} + +% \vskip1ex +% \end{beamercolorbox} + +% \vskip0pt% +% \begin{beamercolorbox}[wd=\paperwidth]{lower separation line foot} +% \rule{0pt}{2pt}\begin{picture}(0,0) \put(0,0){\includegraphics[width=\paperwidth]{img/CMMR2013footer_alpha.png}}\end{picture} +% \end{beamercolorbox} +%} + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +% Display a grid to help align images ... and it looks nice with this color scheme +%\beamertemplategridbackground[1cm] + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\mode + diff --git a/AES_53_2013/poster/poster_aes53.tex b/AES_53_2013/poster/poster_aes53.tex new file mode 100644 index 0000000..55c3524 --- /dev/null +++ b/AES_53_2013/poster/poster_aes53.tex @@ -0,0 +1,325 @@ +\documentclass[final, hyperref, table]{beamer} +\mode +{ +\usetheme{TF} + } + + \usepackage[english,francais]{babel} % "babel.sty" +% \usepackage{french} % "french.sty" +% \usepackage{franglais} % "franglais.sty" (a defaut) + \usepackage{times} % ajout times le 30 mai 2003 + +%% -------------------------------------------------------------- +%% CODAGE DE POLICES ? +%% Si votre moteur Latex est francise, il est conseille +%% d'utiliser le codage de police T1 pour faciliter la césure, +%% si vous disposez de ces polices (DC/EC) +\usepackage[utf8]{inputenc} +\usepackage[T1]{fontenc} + + +%% ============================================================== +%\usepackage{graphicx} +\usepackage{amsmath,amsfonts} +%\usepackage[table]{xcolor} +\usepackage{subfigure} +\usepackage{fancybox} +%\usepackage{hyperref} +\usepackage{multicol} +\usepackage{wrapfig} +\usepackage{listings} +\usepackage{xcolor} +\usepackage[orientation=portrait,size=a0,scale=1.4]{beamerposter} + +% Display a grid to help align images +%\beamertemplategridbackground[1cm] + +%We will get the normal bibliography style (number or text instead of icon) by including the following code +\setbeamertemplate{bibliography item}[text] +\setbeamerfont{caption}{size=\footnotesize} +% listings settings +\definecolor{lstComments}{rgb}{0,0.6,0} +\definecolor{lstBkgrd}{rgb}{1,1,0.8} +\lstset{% + language=Python, % the language of the code + frame=single, % adds a frame around the code + commentstyle=\color{lstComments},% comment style + backgroundcolor=\color{lstBkgrd}, % choose the background color + basicstyle=\scriptsize, % the size of the fonts that are used for the code + keywordstyle=\color{blue}, % keyword style + showstringspaces=false, % underline spaces within strings only +} +\title[TELEMETA, open web audio platform for +sound archives]{TELEMETA : open web audio platform for +sound archives\\in the use case of +ethnomusicology} + +\author[Fillon, Pellerin, Brossier, Simonnot]{Thomas Fillon \inst{1,2}, Guillaume Pellerin\inst{1}, Paul Brossier\inst{1}, Jos{\'e}phine Simonnot\inst{3}} + + +\institute[Parisson]{\small + \inst{1}% + Parisson, France\\ + \inst{2}% + LAM, Institut Jean Le Rond d'Alembert, UPMC Univ. Paris 06, UMR CNRS 7190, + 11 rue de Lourmel, 75015 Paris, France\\ + \inst{3}% + CREM, LESC, UMR CNRS 7186, MAE, Université Paris Ouest Nanterre La Défense, +21 Allée de l'Université - 92023 Nanterre, France\\ +%Thanks +\vskip1ex + {\small \textcolor{red}{\emph{This work was partially done inside the DIADEMS project\\ funded by the French National Research Agency ANR (CONTINT)}}} +} + +\date[03/09/2013]{03 septembre 2013} +%\usebackgroundtemplate{\centering \includegraphics[width=\paperwidth]{../presentation/piano_wallpaper_red.png}} +\begin{document} +%\maketitle +\begin{frame}[containsverbatim]{}%\pgfsetfillopacity{0.9} +% ================================== +% --------- Résumé ----------------- +% ================================== + \begin{block}{Abstract}\small + + \begin{minipage}{0.74\linewidth} + \begin{itemize} + \item \emph{Telemeta} is an \alert{open-source audio web Content + Management System} (CMS) dedicated to \alert{digital sound + archives} secure storing, indexing and publishing. + \item The demonstration presents the features of this platform + in the context of \alert{\emph{ethnomusicological} research}. + \item It focuses on the enhance and collaborative + user-experience in accessing audio items and their associated + metadata and on the possibility for the expert user to further + enrich those metadata. + \item \emph{Telemeta} also provides integrated \alert{audio signal + processing tools} for automatic analysis of sound items. + \end{itemize} + \end{minipage} + \begin{minipage}{0.24\linewidth} + \begin{center} + \includegraphics[scale=0.9]{img/logo_telemeta_1-1.pdf} + + \hspace{-3cm}\colorbox{yellow!50}{\Large \textbf{\url{http://telemeta.org/}}} + \vskip1ex + \colorbox{yellow!50} + { Contact : \href{mailto:guillaume@parisson.com}{guillaume@parisson.com} } + \end{center} + \end{minipage} + \colorbox{red!20}{\textbf{KEYWORDS : Sound archives, Metadata, Ethnomusicology, Database, Audio labelling, Web platform}} + \end{block} + +% ================================== +% --------- Corps ----------------- +% ================================== + \begin{columns}[t] +\footnotesize +% ================================== +% --------- Colonne gauche --------- +% ================================== + \begin{column}[T]{.49\linewidth} + \begin{block}{Introduction} + \textbf{Needs}\\ + \begin{itemize} + \item In social sciences like anthropology and linguistics, + researchers have to work on multiple types of multimedia + documents such as photos, videos, sound recordings or + databases. + \item The need to easily access, visualize and annotate + such materials can be problematic given their diverse formats, + sources and given their chronological nature. + \end{itemize} + +\textbf{The \emph{Telemeta} project}\\ +\begin{itemize} +\item The CREM laboratory and Parisson have been developing an innovative, + collaborative and interdisciplinary open-source web-based multimedia + platform since 2007. +\item Goal : fit the professional requirements from both sound archivists and + researchers in ethnomusicology. +\item Official Platform online since 2011 : \emph{Archives sonores du CNRS, Musée de + l'Homme}: +\end{itemize} +\begin{center} + \colorbox{yellow!50} {\normalsize \hskip3ex \bf \url{http://archives.crem-cnrs.fr} \hskip3ex } +\end{center} + + \end{block} + +\begin{block}{Web audio content management features and architecture} + \begin{itemize} + \item \emph{Telemeta} is a free and open source ({\scriptsize CeCILL + Free Software License Agreement}) web audio content management + system which introduces efficient and secure methods for + \alert{backuping}, \alert{indexing}, \alert{transcoding}, \alert{analysing} and \alert{publishing} any + digitalized audio file with its metadata. + \item \emph{Telemeta} is ideal for + professional collaborators who wants to easily organize, backup, archive and + publish documented sound collections of audio files, CDs, + digitalized vinyls and magnetic tapes over a strong database in + accordance with \alert{open web standards}. + \item \emph{Telemeta} architecture + is \alert{flexible} and can easily be adapted to particular database + organization of a given sound archives. + \end{itemize} + +\begin{figure}[htbp] + \centering + \includegraphics[width=0.47\paperwidth]{img/player_mark.png} + \caption{Screenshot excerpt of the \emph{Telemeta} web interface} +\end{figure} + + + +The main features of \emph{Telemeta} are: +\vspace{-0.1cm} +\begin{itemize} +\item \alert{Pure HTML} web user interface including high level \alert{search engine} +\item \alert{Smart workflow management} with contextual user lists, profiles and rights + % \item RSS and JSON feed generators + % \item XML serialized backup +\item Model-View-Controller (\alert{MVC}) architecture +\item Strong Structured Query Language (\alert{SQL}) or Oracle backend + +\end{itemize} +Beside database management, the audio support is mainly provided through an external component, \emph{TimeSide}. + +\end{block} +\begin{block}{Metadata} + \begin{itemize} + \item In addition to the audio data, an efficient and \alert{dynamic + management} of the associated metadata is also required. + \item Dynamically handling metadata in a \alert{collaborative} manner optimises + the continuous process of knowledge gathering and enrichment of + the materials in the database. + \item Interoperability : integration of the metadata standards protocols \alert{Dublin Core} + and \alert{OAI-PMH} (Open Archives Initiative Protocol for Metadata + Harvesting) \cite{DublinCore,OAI-PMH}. + \end{itemize} + +\textbf{Contextual Information}\\ +In ethnomusicology, contextual information could be geographic, cultural and musical. It could also store archive related information and include related materials in any multimedia format. + +\textbf{Annotations and segmentation}\\ +Metadata also consist in temporal information such as: +\begin{itemize} +\item a list of \alert{time-coded markers} associated with annotations +\item a list of of \alert{time-segments} associated with labels. +\end{itemize} +The ontology for those labels is relevant for ethnomusicology (e.g. speech versus singing voice segment, chorus, ...). +It should be noted that annotations and segmentation can be done either by a human expert or by some automatic signal processing analysis. + +\end{block} + \end{column} + +% ================================== +% ------- Colonne droite ----------- +% ================================== +\begin{column}[T]{.49\linewidth} + \begin{block}{TimeSide : open web audio processing framework} +One specificity of the \emph{Telemeta} architecture is to rely on an external component, \emph{TimeSide}, that offers audio player integration together with low and high level audio signal processing capabilities. + +\begin{center} + \colorbox{yellow!50}{\bf \hskip3ex \url{https://github.com/yomguy/TimeSide/} \hskip3ex } +\end{center} + + \begin{figure}[htbp] + \centering + \includegraphics[width=0.4\paperwidth]{../img/timeside_schema.pdf} + \caption{TimeSide architecture} +\end{figure} + +\textbf{Goals}\\ + +\begin{itemize} +\item \alert{Do} asynchronous and fast audio processing with Python. +\item \alert{Decode} ANY audio or video format into numpy arrays thanks to Gstreamer. +\item \alert{Analyze} audio content with some external audio feature extraction libraries. +\item \alert{Organize}, \alert{serialize} and \alert{save} analysis metadata through various formats. +\item \alert{Draw} various fancy waveforms, spectrograms and other cool graphers. +\item \alert{Transcode} audio data in various media formats and stream them through web apps. +\item \alert{Playback}, \alert{index}, \alert{tag} and \alert{interact} on demand with a smart high-level HTML5 extensible player. +\end{itemize} + +\textbf{Audio features extraction}\\ +TimeSide incorporates some state-of-the-art audio feature extraction libraries such as: + + \begin{itemize} + \item \textbf{Aubio: + \colorbox{yellow!50}{\hskip1ex \url{http://aubio.org} \hskip1ex }} + \cite{brossierPhD} + \item \textbf{Yaafe: + \colorbox{yellow!50}{\hskip1ex \url{http://yaafe.sourceforge.net}\hskip1ex }} + \cite{yaafe_ISMIR2010} + \item \textbf{Vamp plugins: + \colorbox{yellow!50}{\hskip1ex \url{http://www.vamp-plugins.org}\hskip1ex }} + \cite{vamp-plugins} + \end{itemize} + + +Given the extracted features, every sound item in a given collection can be automatically analyze. The results of this analysis can be displayed as a support to ethnomusicological studies. +Further works lead by the DIADEMS project will incorporate advance Music Information Retrieval methods in order to provide \alert{automatic annotation}, \alert{segmentation} and \alert{similarity} analysis. +\end{block} +\begin{block}{Code Example (Python)} +\vskip1ex + \begin{minipage}{0.6\linewidth} + \begin{lstlisting} + +import timeside + +# Define some processors: +decoder = timeside.decoder.FileDecoder('sweep.wav') +analyzer = timeside.analyzer.Level() +grapher = timeside.grapher.Spectrogram() +encoder = timeside.encoder.VorbisEncoder('sweep.ogg') + +# Then, the magic pipeline: +(decoder | analyzer | grapher | encoder).run() + +# Get the results: +grapher.render(output='image.png') +for key in analyzer.results.keys(): + print '%s in %s : %s'% (analyzer.results[key].name, + analyzer.results[key].unit, + analyzer.results[key].data) + +\end{lstlisting} +\end{minipage} +\hskip2ex +\begin{minipage}{0.32\linewidth} + \begin{center} + \textbf{Results} + \begin{figure} + \centering + \includegraphics{img/spectrogram.png} + \caption{Spectrogram (sweep signal)} + \end{figure} + \end{center} +\vskip5ex +\begin{lstlisting} + + Level Analyzer Max:[-6.021] + Level Analyzer RMS:[-9.856] + +\end{lstlisting} + + +\end{minipage} + + \end{block} +\begin{block}{Références}\tiny +\bibliographystyle{plain} +%\label{sec:ref} +\vspace{-1cm} +\begin{multicols}{2}[] +\bibliography{../aes53_Telemeta} +\end{multicols} + \end{block} + \end{column} +\end{columns} +\end{frame} +\end{document} +%%% Local Variables: +%%% mode: latex +%%% TeX-master: t +%%% End: -- 2.39.5