Commit 58a40e3b authored by mlkbk's avatar mlkbk
Browse files

mise à jour diapo pour test du samedi

parent df64e704
\documentclass[ignorenonframetext]{beamer}
\documentclass[compress,ignorenonframetext]{beamer}
\usepackage[T1]{fontenc}
\usepackage[francais]{babel}
\usepackage[utf8]{inputenc}
......@@ -21,16 +20,65 @@
% \usetheme[secheader]{CambridgeUS}
% \usetheme[secheader]{Boadilla}
% \usepackage{beamerthemeshadow}
\usetheme{shadow}
%\usetheme{Warsaw}
% \definecolor{links}{HTML}{2A1B81}
% \hypersetup{colorlinks,linkcolor=,urlcolor=links,pdflang={francais}}
%\useoutertheme[footline=authorinstitutetitle]{miniframes}
\useoutertheme{split}
\definecolor{rouge_heraklion}{RGB}{130,39,42} % #89211c
\definecolor{links}{HTML}{2A1B81}
%\useoutertheme{split }
% \useoutertheme{split}
\usetheme{shadow}
\makeatother
\setbeamertemplate{footline}
{
\leavevmode%
\hbox{%
\begin{beamercolorbox}[wd=.333\paperwidth,ht=2.25ex,dp=1ex,center]{author in head/foot}%
\usebeamerfont{author in head/foot} \insertshortauthor \hspace{1em} (\insertshortinstitute)
\end{beamercolorbox}%
\begin{beamercolorbox}[wd=.466\paperwidth,ht=2.25ex,dp=1ex,center]{title in head/foot}%
\usebeamerfont{title in head/foot}\insertshorttitle
\end{beamercolorbox}
\begin{beamercolorbox}[wd=.2\paperwidth,ht=2.25ex,dp=1ex,center]{date in head/foot}%
\insertframenumber\,/\,\inserttotalframenumber\hspace*{1ex}
\end{beamercolorbox}}%
% \begin{beamercolorbox}[wd=.2\paperwidth,ht=2.25ex,dp=1ex,center]{date in head/foot}%
% \usebeamerfont{date in head/foot}\insertshortdate\hspace*{3em}
% \end{beamercolorbox}}%
\vskip0pt%
}
\makeatletter
\setbeamertemplate{navigation symbols}{}
\setbeamercolor{section in head/foot}{bg=rouge_heraklion, fg=white}
\setbeamercolor{subsection in head/foot}{bg=white, fg=rouge_heraklion}
\setbeamercolor{title in head/foot}{fg=rouge_heraklion,bg=white}
\setbeamercolor{author in head/foot}{fg=white,bg=rouge_heraklion}
\setbeamercolor{date in head/foot}{fg=white,bg=rouge_heraklion}
\setbeamercolor{frametitle}{fg=rouge_heraklion,bg=white}
\setbeamercolor{block title}{fg=rouge_heraklion,bg=white}
% \insertframenumber{} / \inserttotalframenumber
% \newcommand*\oldmacro{}%
% \let\oldmacro\insertshorttitle%
% \renewcommand*\insertshorttitle{%
% \oldmacro\hfill%
% \insertframenumber\,/\,\inserttotalframenumber}
% \shorttitle{Collaviz : détection et la visualisation de la dynamique collective}
\title{Détection et la visualisation de la dynamique collective}
\title{Collaviz : un prototype pour la détection et la visualisation de la dynamique collective dans les forums des MOOC}
\author{Malik Koné}
\date{\today}
\subject{Présentation sujet doctorat}
\institute[Le Mans Université et Institut National Polytechnique Houphouët-Boigny]
\institute[Le Mans et INPHB]
{
LIUM, Le Mans Université, France
\and
......@@ -45,7 +93,7 @@
\section{Introduction}
\subsection{Le contexte}
\subsection{Contexte}
\begin{frame}{Le contexte}
\centering
......@@ -56,11 +104,11 @@
\includegraphics<5>[height=.85\textheight]{Images/contexte_41}
\includegraphics<6>[height=.85\textheight]{Images/contexte_50}
\includegraphics<7>[height=.85\textheight]{Images/contexte_60}
\includegraphics<8>[height=.85\textheight]{Images/contexte_70}
\includegraphics<9>[height=.85\textheight]{Images/contexte_80}
% \includegraphics<8>[height=.85\textheight]{Images/contexte_70}
\includegraphics<8>[height=.85\textheight]{Images/contexte_80}
\end{frame}
\subsection{Le Forum}
\subsection{Forum}
\begin{frame}{Le Forum}
\begin{columns}
......@@ -78,7 +126,7 @@
\end{columns}
\end{frame}
\subsection{Le socio-constructivisme}
\subsection{Socio-constructivisme}
\begin{frame}{Le socio-constructivisme}
\begin{columns}
......@@ -107,7 +155,7 @@
\end{columns}
\end{frame}
\subsection{La dynamique collective}
\subsection{Dynamique collective}
\begin{frame}{La Dynamique Collective}
% Dillembourg ajoute que les participants doivent être avoir un status similaire
......@@ -134,15 +182,60 @@
\end{frame}
\begin{frame}{Pourquoi la visualiser?}
\begin{block}{Si elle existe la \emph{Dynamique collective} combine:}
\begin{columns}
\begin{column}{.3\textwidth}
\begin{itemize}
\item du Temps
\end{itemize}
\centering
\vspace{.9cm}
\only<1>{ \includegraphics[width=\textwidth]{./Images/dyn_time_small}}
\only<2->{ \includegraphics[width=\textwidth]{./Images/dyn_time_small2}}
\end{column}
\begin{column}{.3\textwidth}
\begin{itemize}
\item des thèmes (sémantique)
\end{itemize}
\centering
\only<1>{ \includegraphics[width=\textwidth]{./Images/dyn_social_talk_small}}
\only<2->{ \includegraphics[width=\textwidth]{./Images/dyn_social_talk_small2}}
\end{column}
\begin{column}{.3\textwidth}
\begin{itemize}
\item de l'organisation sociale \hspace{.2cm}
\end{itemize}
\centering
\only<1>{ \includegraphics[width=\textwidth]{./Images/dyn_social_inter_small}}
\only<2->{ \includegraphics[width=\textwidth]{./Images/dyn_social_inter_small2}}
\end{column}
\end{columns}
\centering
\begin{itemize}
\item ... \only<2>{et l'interprétation d'un \includegraphics[height=.5cm]{./Images/observer} observateur.}
\end{itemize}
\end{block}
\end{frame}
\begin{frame}{Pourquoi visualiser la dynamique collective?}
% légende ou titre
\begin{columns}
\begin{column}{.49\textwidth}
\begin{itemize}
\item<1-> Transmission rapide d'informations
\item<2-> Facilite la compréhension \tiny{(Twissel et al)}
\item<3> Concretise l'abstrait \\\tiny{(Fekete et al)}
\item Transmission rapide d'informations
\item Facilite la compréhension \tiny{(Twissel et al)}
\item Concretise l'abstrait \\\tiny{(Fekete et al)}
\end{itemize}
\end{column}
\begin{column}{.49\textwidth}
......@@ -163,7 +256,7 @@
\section{Le constat}
\section{Constat}
\begin{frame}{}
......@@ -185,9 +278,9 @@
subsectionstyle=show/show/hide]
\end{frame}
\subsection{Tableaux de bord et visualisations}
\subsection{Tableaux de bord}
\begin{frame}{Les visualisations}
\begin{frame}{Tableaux de bord et visualisation}
\only<1,3,5>{
\begin{columns}
\begin{column}{.49\columnwidth}
......@@ -225,16 +318,16 @@
\end{frame}
\subsection{Les indicateurs d'activité collectives}
\subsection{Indicateurs}
\begin{frame}{Les indicateurs}
\begin{frame}{Les indicateurs d'activités collectives}
\begin{columns}
\begin{column}{.49\textwidth}
\begin{block}{Indicateurs \emph{quantitatifs}}
\begin{itemize}
\item Statistiques sommatives (moyenne, cumule)
\item Contenus ignorés
\item Analyse en fin de cours
\item<2-> Statistiques sommatives
\item<2-> Contenus ignorés
\item<2-> Analyse en fin de cours
\end{itemize}
\end{block}
\end{column}
......@@ -244,23 +337,23 @@
\item<3-> ICAP framework \tiny{(Chi 2001)}
% Interactive-Constructive-Active-Passive
\item<3-> \normalsize Analyse manuelle
\item<3-> Restreint aux petites échelles
\item<3-> à petite échelle
\item<3-> Engagement vs performance
\end{itemize}
\end{block}
\end{column}
\end{columns}
\begin{block}{Indicateurs \emph{mixtes} : TAL et SNA}<4->
\begin{block}{Indicateurs \emph{mixtes} : TAL et SNA}<1->
\begin{itemize}
\item Analyse globale -> Prédiction \tiny (Boroujeni, et al 2017)
\item \normalsize Études de groupes existants \tiny (Dascalu et al 2017)
\item Analyse à postériori
\item<4-> Analyse globale -> Prédiction \tiny (Boroujeni, et al 2017)
\item<4-> \normalsize Études de groupes existants \tiny (Dascalu et al 2017)
\item<4-> Analyse à postériori
\end{itemize}
\end{block}
\end{frame}
\subsection{La problématique}
\subsection{Problématique}
\begin{frame}{Question}
\begin{block}{La problématique}<1->
......@@ -282,8 +375,8 @@
\begin{block}{Verrous Techniques}<3->
\begin{itemize}
\item données massives
\item données langagières
\item contrainte d'interactivité
\item données langagières
\item contrainte de subjectivité
\end{itemize}
\end{block}
......@@ -292,7 +385,7 @@
\end{frame}
\section{Ma démarche}
\section{Démarche}
\begin{frame}{}
\begin{block}{Fin du Constat}<1->
\begin{itemize}
......@@ -307,7 +400,7 @@
\end{frame}
\subsection{Une méthode}
\subsection{Méthode}
% Expliquer comment je veux résoudre chaque problèmes sans aller dans le détail
\begin{frame}
......@@ -386,7 +479,7 @@
\end{frame}
\subsection{La conception d'un modèle}
\subsection{Modèle}
\begin{frame}{Modélisation de la dynamique collective}
......@@ -416,8 +509,8 @@
\begin{block}{Les 3 dimensions de la dynamique collective}
\begin{itemize}
\item<1-> La distance \emph{temporelle}
\item<2-> La distance \emph{thématique}
\item<3-> La distance \emph{sociale}
\item<1-> La distance \emph{thématique}
\item<1-> La distance \emph{sociale}
\end{itemize}
\end{block}
......@@ -425,18 +518,18 @@
\end{columns}
\end{frame}
\begin{frame}{La réciprocité et les circuits}
\begin{frame}{construire les circuits ou trouver la réciprocité}
\includegraphics<1>[height=.9\textheight]{Images/disc_socio_00}
\includegraphics<2>[height=.9\textheight]{Images/disc_socio_10}
\includegraphics<3>[height=.9\textheight]{Images/disc_socio_20}
% \includegraphics<4>[height=.9\textheight]{Images/disc_socio_30}
\includegraphics<4>[height=.9\textheight]{Images/disc_socio_40}
\includegraphics<5>[height=.9\textheight]{Images/disc_socio_50}
% \includegraphics<5>[height=.9\textheight]{Images/disc_socio_50}
\end{frame}
\begin{frame}{Le seuil explicitant}
\begin{frame}{Modéliser le point de vue de l'observateur}
\includegraphics<1>[width=\linewidth]{Images/seuil_00}
\includegraphics<2>[width=\linewidth]{Images/seuil_10}
\includegraphics<3>[width=\linewidth]{Images/seuil_20}
......@@ -445,48 +538,8 @@
\includegraphics<5>[width=\linewidth]{Images/seuil_35}
\end{frame}
\begin{frame}{Formalisation de la dynamique collective}
\footnotesize
\begin{columns}
\begin{column}{.49\textwidth}
\centering
\includegraphics[width=\columnwidth]{Images/Vrac/fonctions2.png}
\end{column}
\begin{column}{.49\textwidth}
\begin{block}{Force implicite}
\begin{align*}
I(A^i, B^j) =
\begin{pmatrix}
\C^{i}_j \\
P_{\Phi}(A^i,B^j)\\
P_{S}(A, B^j)
\end{pmatrix}
\end{align*}
\(\C^{i}_j, P_{\Phi}, P_{S}\) sont respectivement les proximités temporelles, thématiques et structurelles. \(I\in [0,1]^3\).
\end{block}
\end{column}
\end{columns}
\begin{block}{Force explicitée}
\begin{align*}
&E(I,r)=\sum^3_{k=0}B_{3,k}(I)P_{k} \quad \text{où: }
\left \{
\begin{aligned}
&I \in [0,1] \met r\in[0,1]\\
&P_{0}=(0,0),\ P_{3}=(1,1)\\
&P_{1} = P_{2} = (r,1-r) \\
&B_{3,k}(I)=({}^3_{k})I^k(1-I)^{3-k} \text{ \tiny(Polynôme de Bernstein)}
\end{aligned} \right .
\end{align*}
\end{block}
\end{frame}
\subsection{La construction d'un prototype: Collaviz}
\subsection{Prototype: Collaviz}
\begin{frame}{Implémentation: \emph{Exploration}}
\includegraphics[width=\textwidth]{Images/Vrac/dynco_portrait.png}
......@@ -508,12 +561,11 @@
\begin{itemize}
\item Sociogrammes :
\item Parallélisation du code
\item<2> Intégration serveur / IHM
\item Intégration serveur / IHM
\end{itemize}
\end{column}
\begin{column}{.48\textwidth}
\includegraphics<1>[width=\textwidth]{Images/Vrac/graphe_lite.png}
\includegraphics<2>[width=.8\textwidth]{Images/Vrac/process_extended.png}
\end{column}
\end{columns}
......@@ -527,7 +579,7 @@
\subsection{Une évaluation}
\subsection{Évaluation}
\begin{frame}{Évaluation: \emph{déroulement}}
\begin{itemize}
......@@ -546,8 +598,19 @@
\end{center}
\end{frame}
\begin{frame}{Vues de collaviz}
\begin{figure}[ht]
\centering
\includegraphics<1>[width=.5\textwidth]{Images/vue_groupe}
\includegraphics<2>[width=\textwidth]{Images/Vrac/vue_discussion_popup}
\includegraphics<3>[width=\textwidth]{Images/Vrac/vue_discussion_pop2}
\includegraphics<4>[width=\textwidth]{Images/Vrac/vue_detaille_etat_civil_cut}
\includegraphics<5>[width=\textwidth]{Images/Vrac/vue_temporelle}
\end{figure}
\end{frame}
\begin{frame}{Résultats}
\begin{frame}{Évaluation: \emph{Résultats}}
\begin{columns}
\begin{column}{.49\textwidth}
......@@ -630,6 +693,51 @@
\subsection{Remerciements}
\section*{Annexes}
\begin{frame}{Formalisation de la dynamique collective}
\footnotesize
\begin{columns}
\begin{column}{.49\textwidth}
\centering
\includegraphics[width=\columnwidth]{Images/Vrac/fonctions2.png}
\end{column}
\begin{column}{.49\textwidth}
\begin{block}{Force implicite}
\begin{align*}
I(A^i, B^j) =
\begin{pmatrix}
\C^{i}_j \\
P_{\Phi}(A^i,B^j)\\
P_{S}(A, B^j)
\end{pmatrix}
\end{align*}
\(\C^{i}_j, P_{\Phi}, P_{S}\) sont respectivement les proximités temporelles, thématiques et structurelles. \(I\in [0,1]^3\).
\end{block}
\end{column}
\end{columns}
\begin{block}{Force explicitée}
\begin{align*}
&E(I,r)=\sum^3_{k=0}B_{3,k}(I)P_{k} \quad \text{où: }
\left \{
\begin{aligned}
&I \in [0,1] \met r\in[0,1]\\
&P_{0}=(0,0),\ P_{3}=(1,1)\\
&P_{1} = P_{2} = (r,1-r) \\
&B_{3,k}(I)=({}^3_{k})I^k(1-I)^{3-k} \text{ \tiny(Polynôme de Bernstein)}
\end{aligned} \right .
\end{align*}
\end{block}
\end{frame}
\begin{frame}{Intégration serveur}
\includegraphics[width=.8\textwidth]{Images/Vrac/process_extended.png}
\end{frame}
\end{document}
% \subject{Détection et Visualisation des dynamique collectives}
......
\usepackage[T1]{fontenc}
\usepackage[francais]{babel}
\usepackage[utf8]{inputenc}
\usepackage{amsfonts} % plus de lettres de maths
\usepackage{amsmath} % package de base pour les maths
\usepackage{amssymb} % plus de symboles mathématiquse
\usepackage{amsthm} % pour créer de nouveau style de théorèmes
\usepackage{color} % pour ajouter des couleurs
\usepackage{graphicx} % pour les images
\usepackage{lmodern}
\usepackage{multicol} % affiche plusieurs colonnes a télécharger
\usepackage{hyperref}
\usepackage{mlkkone}
\hypersetup{
pdfauthor={Malik Koné},
pdftitle={Collaviz : un prototype pour la détection et la visualisation de la dynamique collective dans les forums des MOOC},
pdflang={English}}
% \usetheme[secheader]{CambridgeUS}
% \usetheme[secheader]{Boadilla}
% \usepackage{beamerthemeshadow}
%\usetheme{Warsaw}
% \definecolor{links}{HTML}{2A1B81}
% \hypersetup{colorlinks,linkcolor=,urlcolor=links,pdflang={francais}}
%\useoutertheme[footline=authorinstitutetitle]{miniframes}
\useoutertheme{split}
\definecolor{rouge_heraklion}{RGB}{130,39,42} % #89211c
\definecolor{links}{HTML}{2A1B81}
%\useoutertheme{split }
% \useoutertheme{split}
\usetheme{shadow}
\makeatother
\setbeamertemplate{footline}
{
\leavevmode%
\hbox{%
\begin{beamercolorbox}[wd=.333\paperwidth,ht=2.25ex,dp=1ex,center]{author in head/foot}%
\usebeamerfont{author in head/foot} \insertshortauthor \hspace{1em} (\insertshortinstitute)
\end{beamercolorbox}%
\begin{beamercolorbox}[wd=.466\paperwidth,ht=2.25ex,dp=1ex,center]{title in head/foot}%
\usebeamerfont{title in head/foot}\insertshorttitle
\end{beamercolorbox}
\begin{beamercolorbox}[wd=.2\paperwidth,ht=2.25ex,dp=1ex,center]{date in head/foot}%
\usebeamerfont{date in head/foot}\insertshortdate\hspace*{3em}
\insertframenumber\,/\,\inserttotalframenumber\hspace*{1ex}
\end{beamercolorbox}}%
\vskip0pt%
}
\makeatletter
\setbeamertemplate{navigation symbols}{}
\setbeamercolor{section in head/foot}{bg=rouge_heraklion, fg=white}
\setbeamercolor{subsection in head/foot}{bg=white, fg=rouge_heraklion}
\setbeamercolor{title in head/foot}{fg=rouge_heraklion,bg=white}
\setbeamercolor{author in head/foot}{fg=white,bg=rouge_heraklion}
\setbeamercolor{date in head/foot}{fg=white,bg=rouge_heraklion}
\setbeamercolor{frametitle}{fg=rouge_heraklion,bg=white}
\setbeamercolor{block title}{fg=rouge_heraklion,bg=white}
% \insertframenumber{} / \inserttotalframenumber
% \newcommand*\oldmacro{}%
% \let\oldmacro\insertshorttitle%
% \renewcommand*\insertshorttitle{%
% \oldmacro\hfill%
% \insertframenumber\,/\,\inserttotalframenumber}
% \shorttitle{Collaviz : détection et la visualisation de la dynamique collective}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment