--- /dev/null
+% this style was created by Philippe Dreuw and Thomas Deselaers
+\ProvidesPackage{beamerthemeTF}
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+\RequirePackage{colorsTF}
+\selectcolormodel{cmyk}
+\mode<presentation>
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+
+\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<all>
+
--- /dev/null
+\documentclass[final, hyperref, table]{beamer}
+\mode<presentation>
+{
+\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:
projects / telemeta-doc.git / commitdiff