329 lines
9.7 KiB
TeX
329 lines
9.7 KiB
TeX
\documentclass{beamer}
|
|
\usepackage[utf8]{inputenc}
|
|
\usepackage[frenchb]{babel}
|
|
\usepackage{tikz}
|
|
\usetikzlibrary{shapes,positioning,snakes,calc}
|
|
\usetheme{Warsaw}
|
|
|
|
% \setbeamercolor{alerted text}{fg=blue}
|
|
|
|
\def\android{Android\texttrademark}
|
|
|
|
\title{FMIN200 \\ TER~: Reconception du jeu PtiClic sous \android{}}
|
|
\author{DUPÉRON Georges \and\\ CHARRON John \and\\ BRUN Bertrand \and\\ BONAVERO Yoann}
|
|
\institute{Université Montpellier II, Département informatique}
|
|
\date{Lundi, 23 mai 2011}
|
|
|
|
\defbeamertemplate*{footline}{shadow theme}
|
|
{%
|
|
\leavevmode%
|
|
\hbox{\begin{beamercolorbox}[wd=.5\paperwidth,ht=2.5ex,dp=1.125ex,leftskip=.3cm plus1fil,rightskip=.3cm]{author in head/foot}%
|
|
\usebeamerfont{author in head/foot}\insertframenumber\,/\,\inserttotalframenumber\hfill\url{http://pticlic.fr/}
|
|
\end{beamercolorbox}%
|
|
\begin{beamercolorbox}[wd=.5\paperwidth,ht=2.5ex,dp=1.125ex,leftskip=.3cm,rightskip=.3cm plus1fil]{title in head/foot}%
|
|
\usebeamerfont{title in head/foot}\insertshorttitle%
|
|
\end{beamercolorbox}}%
|
|
\vskip0pt%
|
|
}
|
|
|
|
\begin{document}
|
|
|
|
\begin{frame}
|
|
\titlepage
|
|
\end{frame}
|
|
|
|
\section{Le Jeu}
|
|
\begin{frame}
|
|
\begin{block}{Version Native}
|
|
\centering
|
|
dessus
|
|
\end{block}
|
|
\begin{block}{Version HTML5}
|
|
\centering
|
|
dessous
|
|
\end{block}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
% bertrand
|
|
Caractéristique d'\android{}~:
|
|
\begin{itemize}
|
|
\item<+-> fondé sur un noyau Linux
|
|
\item<+-> interface de programmation en Java (Dalvic VM)
|
|
\item<+-> basé sur le modéle MVC
|
|
\end{itemize}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
Le framework~:
|
|
\begin{itemize}
|
|
\item<+-> SDK
|
|
\item<+-> Emulateur
|
|
\item<+-> Plugin Eclipse
|
|
\end{itemize}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
Le developpement~:
|
|
\begin{itemize}
|
|
\item<+-> Le patron de conception MVC (Modele-Vue-Controlleur) % mettre schema MVC Propre a Android
|
|
\end{itemize}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
Planning
|
|
\begin{itemize}
|
|
\item planning initial~: quatre itérations
|
|
\item planning réel~: deux itérations
|
|
\end{itemize}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
Planning : deux itérations = 2 prototypes
|
|
\begin{itemize}
|
|
\item prototype Android Java
|
|
\item prototype Smartphone
|
|
\end{itemize}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
% Georges
|
|
\begin{tikzpicture}[
|
|
mynode/.style = {circle, minimum size=1.5cm},
|
|
mc/.style = {mynode,draw=red,text=red},
|
|
mn/.style = {mynode,draw},
|
|
mi/.style = {mynode,draw=gray,text=gray},
|
|
rel/.style = {font=\footnotesize},
|
|
guess/.style = {->,dashed},
|
|
exist/.style = {->},
|
|
auto,swap
|
|
]
|
|
\node[mc] (mc) {Chat};
|
|
\node[mn] (mn0) at (0,3) {Souris};
|
|
\node[mi] (mi1) at (3,-2) {matou};
|
|
\node[mn] (mn2) at (6,0) {animal};
|
|
\path[exist] (mc) edge[bend right] node[rel]{idée associée} (mn0);
|
|
\path[exist] (mc) edge node[rel]{synonyme} (mi1);
|
|
\path[exist] (mi1) edge node[rel]{sorte de} (mn2);
|
|
\path[guess,swap] (mc) edge node[rel]{sorte de ?} (mn2);
|
|
\path[guess,swap] (mc) edge[bend left] node[rel]{\shortstack{sorte de ?\\synonyme ?\\\dots}} (mn0);
|
|
\end{tikzpicture}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
Ferdinand de Saussure (1857-1913), Cours de linguistique général
|
|
\begin{itemize}
|
|
\item Signe linguistique
|
|
\item Arbitraire du signe
|
|
\item Synchronie et diachronie
|
|
\item Langue et Parole
|
|
\end{itemize}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
\begin{figure}[h!]
|
|
\centering
|
|
\includegraphics[width=0.5\textwidth]{img/signe-conceptimageacoustique.jpeg}
|
|
\end{figure}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
\begin{figure}[h!]
|
|
\centering
|
|
\includegraphics[width=0.5\textwidth]{img/signe-cheval.jpeg}
|
|
\end{figure}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
\begin{figure}[h!]
|
|
\centering
|
|
\includegraphics[width=0.5\textwidth]{img/trianglesemiotique.jpeg}
|
|
\end{figure}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
Réseau lexical JeuxDeMots
|
|
\begin{itemize}
|
|
\item noeuds
|
|
\item relations
|
|
\end{itemize}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
Réseau lexical JeuxDeMots~: types de noeuds
|
|
\begin{itemize}
|
|
\item termes
|
|
\item catégories grammaticales
|
|
\item informations métalinguistiques supplémentaires (types 18 et 36)
|
|
\end{itemize}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
Réseau lexical JeuxDeMots~: types de relations
|
|
\begin{itemize}
|
|
\item morphologique
|
|
\item syntaxique
|
|
\item sémantique
|
|
\item pragmatique
|
|
\item métalinguistique
|
|
\end{itemize}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
Réseau lexical JeuxDeMots~: quelques statistiques
|
|
\begin{itemize}
|
|
\item environ 45\% des noeuds ne sont pas liés à des relations sémantiques sortantes
|
|
\item environ 70\% des noeuds ne sont pas liés à des relations sémantiques entrantes
|
|
\end{itemize}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
Réseau lexical JeuxDeMots~: bruits et silences
|
|
\begin{itemize}
|
|
\item bruits = relations plus fortes que la réalité
|
|
\item silence = relations non existantes ou trop faible par rapport à la réalité
|
|
\item bruits + silences = couverture de relations sémantiques hétérogènes
|
|
\end{itemize}
|
|
\end{frame}
|
|
|
|
|
|
\begin{frame}
|
|
\begin{figure}
|
|
\begin{minipage}{\textwidth}
|
|
\centering
|
|
\includegraphics[width=0.75\textwidth]{img/jdm.jpeg}
|
|
\end{minipage}
|
|
\end{figure}
|
|
\end{frame}
|
|
|
|
|
|
\begin{frame}
|
|
\begin{figure}
|
|
\begin{minipage}{\textwidth}
|
|
\centering
|
|
\includegraphics[width=0.75\textwidth]{img/lsa.jpeg}
|
|
\end{minipage}
|
|
\end{figure}
|
|
\end{frame}
|
|
|
|
|
|
\begin{frame}
|
|
\begin{center}
|
|
\begin{tabular}{ | l | l | l | l | p{5cm} |}
|
|
\hline
|
|
RELATION & 'mc' & 'mn' & 'remarques' \\ \hline
|
|
-1 => "'mn' n'est pas lié à 'mc'" & adj, adv, noms, verbes & adj, adv, noms, verbes & \\ \hline
|
|
0 => "'mc' est en rapport avec 'mn'" & adj, adv, noms, verbes & adj, adv, noms, verbes & \\ \hline
|
|
5 => "'mc' est un synonyme de 'mn'" & adj, adv, noms, verbes & adj, adv, noms, verbes & même POS \\ \hline
|
|
6 => "'mc' est une sorte de 'mn'" & noms & noms & \\ \hline
|
|
7 => "Un contraire de 'mc' est 'mn'" & adj, adv, noms, verbes & adj, adv, noms, verbes & même POS \\ \hline
|
|
8 => "Un spécifique de 'mc' est 'mn'" & noms & noms & \\ \hline
|
|
9 => "'mn' est une partie de 'mc'" & noms & noms & \\ \hline
|
|
10 => "'mc' fait partie de 'mn'" & noms & noms & \\ \hline
|
|
13 => "Quoi/Qui pourrait 'mc'" & verbes & noms & \\ \hline
|
|
15 => "Le lieu pour 'mc' est 'mn'" & noms, verbes & noms (lieu NON!!) & \\ \hline
|
|
16 => "Un instrument pour 'mc' est 'mn'" & verbes & noms & \\ \hline
|
|
17 => "Un caractéristique de 'mc' est 'mn'" & noms & adj & \\ \hline
|
|
\end{tabular}
|
|
\end{center}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
\begin{itemize}
|
|
\item Site web
|
|
\begin{itemize}
|
|
\item Présentation de l'application
|
|
\item Le jeu
|
|
\end{itemize}
|
|
\item Page de création de parties
|
|
\begin{itemize}
|
|
\item Architecture
|
|
\item Bonus
|
|
\end{itemize}
|
|
\end{itemize}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
% Georges
|
|
\texttt{\textcolor{gray}{http://pticlic.fr/jeu.html}\#\textcolor{red}{game}/\textcolor{blue}{1306104746953}/\textcolor{blue}{5,0,5,-1}}
|
|
\vskip 1em%
|
|
\begin{tikzpicture}[
|
|
state/.style = {circle,draw,minimum size=1.5cm},
|
|
transition/.style = {->},
|
|
event/.style = {->, decorate, decoration={snake, post length=.5mm}, segment amplitude=.4mm, segment length=2mm},
|
|
source/.style = {},
|
|
auto,
|
|
secondary/.style={draw=gray}
|
|
]
|
|
\node[state] (goto) {goto};
|
|
\node[left=of goto] (arbitrary) {$*$};
|
|
\node[state, right=of goto] (pre-enter) {\shortstack{pre-\\enter}};
|
|
\node[state, right=of pre-enter] (enter) {enter};
|
|
\node[state, right=of enter] (update) {update};
|
|
\node[state, below=of goto] (leave) {leave};
|
|
\node[coordinate, below=of pre-enter] (c1) {};
|
|
\node[coordinate, below=of enter] (c2) {};
|
|
\node[state] (ajax) at ($0.5*(c1) + 0.5*(c2)$) {AJAX};
|
|
\node[source, above=of goto] (hash) {hashchange};
|
|
|
|
\draw[transition] (goto) edge node {2} (pre-enter);
|
|
\draw[transition,dashed] (pre-enter) -- (enter);
|
|
\draw[transition] (enter) -- (update);
|
|
\draw[transition] (goto) edge node {1} (leave);
|
|
\draw[event,draw=red] (hash) -- (goto);
|
|
\draw[event] (arbitrary) -- (goto);
|
|
\draw[event] (arbitrary) to[out=90, in=225] (hash.south west);
|
|
\draw[event,secondary] (pre-enter) -- (ajax);
|
|
\draw[event,secondary] (ajax) -- (enter);
|
|
\draw[event,draw=blue] (hash.east) to[out=0, in=135] (update);
|
|
\end{tikzpicture}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
Conclusion
|
|
\begin{itemize}
|
|
\item reste à faire
|
|
\item alpha tests
|
|
\item situation réelle de réalisation de projet
|
|
\end{itemize}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
\centering
|
|
Merci de votre attention... \\
|
|
Avez-vous des questions~?
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
\begin{tikzpicture}[
|
|
state/.style={draw, text width=2.3cm},
|
|
transition/.style={dashed,->}
|
|
]
|
|
\node[state] (frontpage) {\begin{center}Page de garde\end{center}};
|
|
\node[state, below=of frontpage] (game) {\begin{center}Jeu\end{center}};
|
|
\node[state, below=of game] (score) {\begin{center}Score\end{center}};
|
|
|
|
\draw[transition] (frontpage) -- (game);
|
|
\draw[transition] (game) -- (score);
|
|
\draw[transition] (score) -- ++(-2cm,0) |- (frontpage);
|
|
\draw[transition] (game.north east) ++(-0.3cm,0) arc (180:-90:0.3cm);
|
|
|
|
\node[state,text width=1.2cm, right=of frontpage] (activite) {Activité};
|
|
\draw[transition] ($(activite.south)+(-.75cm,-.5cm)$) -- node[auto,swap,font=\footnotesize,scale=0.8] {\shortstack{\shortstack{Évènement\\(Intent)}}} ($(activite.south)+(.75cm,-.5cm)$);
|
|
\end{tikzpicture}
|
|
\end{frame}
|
|
|
|
\begin{frame}
|
|
\begin{tikzpicture}[bend angle=10, shorten >=0.1cm, shorten <=0.1cm]
|
|
\node[draw] (activite) {Activité};
|
|
\node[draw,below right=of activite] (modele) {Modèle};
|
|
\node[draw,below left=of activite] (xml) {Vue (XML)};
|
|
\draw[->] (activite) edge[bend right] (modele);
|
|
\draw[->] (modele) edge[bend right] (activite);
|
|
\draw[->] (activite) edge[bend left] (xml);
|
|
\draw[->] (xml) edge[bend left] (activite);
|
|
\end{tikzpicture}
|
|
\end{frame}
|
|
|
|
\end{document}
|