suzanne.soy/2011-m1s2-ter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ajout d'images capture écran version html au document rapport.tex (jc)

Browse Source
This commit is contained in:
John Charron 2011-05-31 11:08:06 +02:00
parent 30966c6567
commit 76c4947a41
1 changed files with 51 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
rapport/rapport.tex
View File

@ -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~: La version HTML5 du jeu comporte 6 écrans~:
\begin{itemize} \begin{itemize}
\item Le «splash» au démarrage; \item Le «splash» au démarrage
\item L'éran d'accueil, avec des liens vers les 4 autres (sauf score); \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 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 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 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 \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é; une action (jouer ou modifier les préférences) sans être connecté
\item L'écran «À propos», qui explique l'origine du jeu. \item L'écran «À propos», qui explique l'origine du jeu
\end{itemize} \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. 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 La navigation entre les écrans et entre chaque mot du nuage lorsqu'on joue s'effectue en modifiant l'identifiant de fragment