commit a804039b9c0f5983f4d04ef4055577e458d743b6
parent be4d0cf81b4e19e696bb86d49cd010e252fc12dd
Author: Georges Dupéron <jahvascriptmaniac+github@free.fr>
Date: Tue, 31 May 2011 11:16:07 +0200
Merge branch 'unstable' of github:jsmaniac/2011-m1s2-ter into unstable
Diffstat:
1 file changed, 51 insertions(+), 7 deletions(-)
diff --git a/rapport/rapport.tex b/rapport/rapport.tex
@@ -922,16 +922,60 @@ Les parties ainsi créées pourront être jouées par les autres joueurs et perm
La version HTML5 du jeu comporte 6 écrans~:
\begin{itemize}
-\item Le «splash» au démarrage;
-\item L'éran d'accueil, avec des liens vers les 4 autres (sauf score);
-\item L'écran du jeu, avec le mot central, le mot du nuage et les quatre relations;
-\item Le score, affiché à la fin de la partie;
-\item Les préférences, qui permettent de choisir le thème de couleurs de l'application;
+\item Le «splash» au démarrage
+\item L'éran d'accueil, avec des liens vers les quatre autres (sauf score)
+\item L'écran du jeu, avec le mot central, le mot du nuage et les quatre relations
+\item Le score, affiché à la fin de la partie
+\item Les préférences, qui permettent de choisir le thème de couleurs de l'application
\item L'écran de connexion, sur lequel on peut se rendre depuis l'écran d'accueil, et qui s'affiche automatiquement lorsqu'on tente de faire
- une action (jouer ou modifier les préférences) sans être connecté;
-\item L'écran «À propos», qui explique l'origine du jeu.
+ une action (jouer ou modifier les préférences) sans être connecté
+\item L'écran «À propos», qui explique l'origine du jeu
\end{itemize}
+
+\begin{figure}[h!]
+ \centering
+ \includegraphics[width=0.3\textwidth]{img/phone-splash.png}
+ \caption{Le «splash» au démarrage}
+\end{figure}
+
+\begin{figure}[h!]
+ \centering
+ \includegraphics[width=0.3\textwidth]{img/phone-frontpage-deco.png}
+ \caption{L'éran d'accueil, avec des liens vers les quatre autres (sauf score)}
+\end{figure}
+
+\begin{figure}[h!]
+ \centering
+ \includegraphics[width=0.3\textwidth]{img/preterit02.jpg}
+ \caption{L'écran du jeu, avec le mot central, le mot du nuage et les quatre relations}
+\end{figure}
+
+\begin{figure}[h!]
+ \centering
+ \includegraphics[width=0.3\textwidth]{img/phone-score.png}
+ \caption{Le score, affiché à la fin de la partie}
+\end{figure}
+
+\begin{figure}[h!]
+ \centering
+ \includegraphics[width=0.3\textwidth]{img/phone-preferences.png}
+ \caption{Les préférences, qui permettent de choisir le thème de couleurs de l'application}
+\end{figure}
+
+\begin{figure}[h!]
+ \centering
+ \includegraphics[width=0.3\textwidth]{img/phone-cnx.png}
+ \caption{L'écran de connexion, sur lequel on peut se rendre depuis l'écran d'accueil, et qui s'affiche automatiquement lorsqu'on tente de faire}
+\end{figure}
+
+
+\begin{figure}[h!]
+ \centering
+ \includegraphics[width=0.3\textwidth]{img/phone-info.png}
+ \caption{L'écran «À propos», qui explique l'origine du jeu}
+\end{figure}
+
Chaque écran est contenu dans un élément HTML (\verb!<div/>!) qui est affiché uniquement lorsque l'utilisateur est sur cet écran.
La navigation entre les écrans et entre chaque mot du nuage lorsqu'on joue s'effectue en modifiant l'identifiant de fragment
