From: Thomas Fillon Date: Tue, 8 Oct 2013 10:17:16 +0000 (+0200) Subject: Add poster for presentation at CMMR 2013 X-Git-Tag: CMMR2013-slides~13 X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=5697eeee6008f7a889efeedf3fb87bd948f6b411;p=telemeta-doc.git Add poster for presentation at CMMR 2013 --- diff --git a/CMMR_2013/poster/beamerthemeTF.sty b/CMMR_2013/poster/beamerthemeTF.sty new file mode 100644 index 0000000..a37ca2d --- /dev/null +++ b/CMMR_2013/poster/beamerthemeTF.sty @@ -0,0 +1,158 @@ +% 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=darkBlue,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}{.07\paperwidth} + \begin{center} + \includegraphics[width=1.2\linewidth]{img/logo_CREM.png}\\ + % \hspace{1cm} + \includegraphics[width=1.2\linewidth]{img/logo_LESC.png} + \end{center} + \vskip1ex + \end{column} + \begin{column}{.675\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}{.25\paperwidth} + \vskip1cm + \begin{center} + \includegraphics[width=.65\linewidth]{img/parisson_logo.png}\\ + \vspace{2.5cm} + \includegraphics[width=.6\linewidth]{img/upmc.png} + \end{center} + \vskip1.5cm + \end{column} + \begin{column}{.03\paperwidth} + \end{column} + \end{columns} + \end{beamercolorbox} + \begin{beamercolorbox}[wd=\paperwidth]{lower separation line head} + \rule{0pt}{2pt} + \end{beamercolorbox} +} + +% \setbeamertemplate{headline}{ +% \leavevmode +% \begin{beamercolorbox}[sep=0.5cm,wd=.8\paperwidth]{headline} +% \usebeamercolor{title in headline}{\raggedleft\color{fg}\textbf{\LARGE{\inserttitle}}\\[1ex]} +% \usebeamercolor{author in headline}{\raggedleft\color{fg}\large{\insertauthor}\\[1ex]} +% \usebeamercolor{institute in headline}{\raggedleft\color{fg}\large{\insertinstitute}\\[1ex]} +% \end{beamercolorbox}% +% \begin{beamercolorbox}[wd=.2\paperwidth]{logo in headline} +% \centering +% \LARGE{LOGO} +% \end{beamercolorbox} + + +%} + +%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% +\setbeamertemplate{footline}{ + + \begin{beamercolorbox}[wd=\paperwidth]{CMMR 2013 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/CMMR_2013/poster/colorsTF.sty b/CMMR_2013/poster/colorsTF.sty new file mode 100644 index 0000000..935d28d --- /dev/null +++ b/CMMR_2013/poster/colorsTF.sty @@ -0,0 +1,51 @@ +% Defines the tango palette for use with LaTeX. +% +% Copyright 2006 by Patrick Pletscher +% +% This program can be redistributed and/or modified under the terms +% of the GNU Public License, version 2. + +% butter (yellowish) +\definecolor{tabutter}{rgb}{0.98824, 0.91373, 0.30980} % #fce94f +\definecolor{ta2butter}{rgb}{0.92941, 0.83137, 0} % #edd400 +\definecolor{ta3butter}{rgb}{0.76863, 0.62745, 0} % #c4a000 + +% orange +\definecolor{taorange}{rgb}{0.98824, 0.68627, 0.24314} % #fcaf3e +\definecolor{ta2orange}{rgb}{0.96078, 0.47451, 0} % #f57900 +\definecolor{ta3orange}{rgb}{0.80784, 0.36078, 0} % #ce5c00 + +% chocolate (brownish) +\definecolor{tachocolate}{rgb}{0.91373, 0.72549, 0.43137} % #e9b96e +\definecolor{ta2chocolate}{rgb}{0.75686, 0.49020, 0.066667} % #c17d11 +\definecolor{ta3chocolate}{rgb}{0.56078, 0.34902, 0.0078431} % #8f5902 + +% chameleon (greenish) +\definecolor{tachameleon}{rgb}{0.54118, 0.88627, 0.20392} % #8ae234 +\definecolor{ta2chameleon}{rgb}{0.45098, 0.82353, 0.086275} % #73d216 +\definecolor{ta3chameleon}{rgb}{0.30588, 0.60392, 0.023529} % #4e9a06 + +% sky blue +\definecolor{taskyblue}{rgb}{0.44706, 0.56078, 0.81176} % #728fcf +\definecolor{ta2skyblue}{rgb}{0.20392, 0.39608, 0.64314} % #3465a4 +\definecolor{ta3skyblue}{rgb}{0.12549, 0.29020, 0.52941} % #204a87 + +% plum (violettish) +\definecolor{taplum}{rgb}{0.67843, 0.49804, 0.65882} % #ad7fa8 +\definecolor{ta2plum}{rgb}{0.45882, 0.31373, 0.48235} % #75507b +\definecolor{ta3plum}{rgb}{0.36078, 0.20784, 0.4} % #5c3566 + +% scarlet red +\definecolor{tascarletred}{rgb}{0.93725, 0.16078, 0.16078} % #ef2929 +\definecolor{ta2scarletred}{rgb}{0.8, 0, 0} % #cc0000 +\definecolor{ta3scarletred}{rgb}{0.64314, 0, 0} % #a40000 + +% aluminium +\definecolor{taaluminium}{rgb}{0.93333, 0.93333, 0.92549} % #eeeeec +\definecolor{ta2aluminium}{rgb}{0.82745, 0.84314, 0.81176} % #d3d7cf +\definecolor{ta3aluminium}{rgb}{0.72941, 0.74118, 0.71373} % #babdb6 + +% gray +\definecolor{tagray}{rgb}{0.53333, 0.54118, 0.52157} % #888a85 +\definecolor{ta2gray}{rgb}{0.33333, 0.34118, 0.32549} % #555753 +\definecolor{ta3gray}{rgb}{0.18039, 0.20392, 0.21176} % #2e3436 diff --git a/CMMR_2013/poster/img/CMMR2013banner.png b/CMMR_2013/poster/img/CMMR2013banner.png new file mode 100644 index 0000000..2b27d4e Binary files /dev/null and b/CMMR_2013/poster/img/CMMR2013banner.png differ diff --git a/CMMR_2013/poster/img/CMMR2013footer.png b/CMMR_2013/poster/img/CMMR2013footer.png new file mode 100644 index 0000000..cfc8441 Binary files /dev/null and b/CMMR_2013/poster/img/CMMR2013footer.png differ diff --git a/CMMR_2013/poster/img/CMMR2013footer_alpha.png b/CMMR_2013/poster/img/CMMR2013footer_alpha.png new file mode 100644 index 0000000..aff5e79 Binary files /dev/null and b/CMMR_2013/poster/img/CMMR2013footer_alpha.png differ diff --git a/CMMR_2013/poster/img/logo_CREM.png b/CMMR_2013/poster/img/logo_CREM.png new file mode 100644 index 0000000..a56bb60 Binary files /dev/null and b/CMMR_2013/poster/img/logo_CREM.png differ diff --git a/CMMR_2013/poster/img/logo_LESC.png b/CMMR_2013/poster/img/logo_LESC.png new file mode 100644 index 0000000..06a7fd5 Binary files /dev/null and b/CMMR_2013/poster/img/logo_LESC.png differ diff --git a/CMMR_2013/poster/img/logo_telemeta_2.png b/CMMR_2013/poster/img/logo_telemeta_2.png new file mode 100644 index 0000000..62cec47 Binary files /dev/null and b/CMMR_2013/poster/img/logo_telemeta_2.png differ diff --git a/CMMR_2013/poster/img/parisson_logo.png b/CMMR_2013/poster/img/parisson_logo.png new file mode 100644 index 0000000..bdd93f3 Binary files /dev/null and b/CMMR_2013/poster/img/parisson_logo.png differ diff --git a/CMMR_2013/poster/img/upmc.png b/CMMR_2013/poster/img/upmc.png new file mode 100644 index 0000000..1a35dd7 Binary files /dev/null and b/CMMR_2013/poster/img/upmc.png differ diff --git a/CMMR_2013/poster/poster_cmmr2013.tex b/CMMR_2013/poster/poster_cmmr2013.tex new file mode 100644 index 0000000..f75b083 --- /dev/null +++ b/CMMR_2013/poster/poster_cmmr2013.tex @@ -0,0 +1,210 @@ +\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[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] + +\title[TELEMETA, audio web CMS for ethnomusicological sound archives]{TELEMETA, audio web Content Management System \\for ethnomusicological sound archives} + +\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 national french 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}{}%\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{img/logo_telemeta_2.png} + + \colorbox{yellow!50}{\textbf{\url{http://telemeta.org/}}} + \vskip1ex + \colorbox{yellow!50} + { Contact : \href{mailto:guillaume@parisson.com}{guillaume@parisson.com} } + \end{center} + \end{minipage} + \end{block} + \begin{block}{Keyword}\small% bloc à virer ? est-ce utile ? +\textbf{Sound archives, Metadata, Ethnomusicology, Database, Audio labelling, Web platform} + \end{block} + +% ================================== +% --------- Corps ----------------- +% ================================== + \begin{columns}[t] + +% ================================== +% --------- Colonne gauche --------- +% ================================== + \begin{column}[T]{.49\linewidth} + \begin{block}{Introduction}\small + + \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{Telemeta}\\ +\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 First prototype online since 2008 : \emph{Archives sonores du CNRS, Musée de + l'Homme}, \url{http://archives.crem-cnrs.fr} . +\end{itemize} + + \end{block} + +\begin{block}{Web audio content management features and architecture}\small +\begin{figure}[htbp] + \centering + \includegraphics[width=0.4\paperwidth]{../img/telemeta.png} + \caption{Screenshot excerpt of the \emph{Telemeta} web interface}\label{fig:Telemeta} +\end{figure} + +\end{block} +\begin{block}{Metadata}\small + \begin{itemize} + \item In addition to the audio data, an efficient and dynamic + management of the associated metadata is also required. + \item Dynamically handling metadata in a collaborative manner optimises + the continuous process of knowledge gathering and enrichment of + the materials in the database. + \item Compatibility : integration of the metadata standards protocols \emph{Dublin Core} + and \emph{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 \emph{time-coded markers} associated with annotations +\item a list of of \emph{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}\small +One specificity of the Telemeta architecture is to rely on an external component, \emph{TimeSide}, that offers audio player integration together with audio signal processing analysis capabilities. + \begin{figure}[htbp] + \centering + \includegraphics[width=0.4\paperwidth]{../img/timeside_schema.pdf} + \caption{TimeSide architecture (see \url{https://code.google.com/p/timeside/})}\label{fig:TimeSide_Archi} +\end{figure} +\textbf{Audio management}\\ +TimeSide provides the following main features: +\begin{itemize} +\item \emph{Secure archiving, editing and publishing of audio files} over + internet. +\item Smart \emph{audio player} with enhanced visualisation (waveform, spectrogram) +\item \emph{Multi-format support}: reads all available audio and video formats through Gstreamer, transcoding with smart streaming and caching methods +\item "On the fly" \emph{audio analyzing, transcoding and metadata + embedding} based on an easy plugin architecture +\end{itemize} + +\textbf{Audio features extraction}\\ +TimeSide incorporates some state-of-the-art audio feature extraction libraries such as \href{http://aubio.org}{Aubio}, \href{http://yaafe.sourceforge.net}{Yaafe} and \href{http://www.vamp-plugins.org}{Vamp plugins} \cite{brossierPhD,yaafe_ISMIR2010,vamp-plugins}. +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 automatic annotation, segmentation and similarity analysis. + \end{block} + \begin{block}{Examples}\small + + \end{block} +\begin{block}{Références}\tiny +\bibliographystyle{../splncs03} +%\label{sec:ref} +\vspace{-1cm} +\begin{multicols}{2}[] +\bibliography{../cmmr_2013} +\end{multicols} + \end{block} + \end{column} +\end{columns} +\end{frame} +\end{document} +%%% Local Variables: +%%% mode: latex +%%% TeX-master: t +%%% End: