diff --git a/rapport.pdf b/rapport.pdf
index 0ea248fa49d2beb7a94c104fabb6051dd7b57223..61e233a058d3b271748719c28c2d7e77a51d1743 100755
Binary files a/rapport.pdf and b/rapport.pdf differ
diff --git a/rapport.tex b/rapport.tex
index 7861bd90db5f43186c25625dbfb7cfbb3d808292..4fc99d6fce9da2d1b890883bb5894d10c21da1d6 100755
--- a/rapport.tex
+++ b/rapport.tex
@@ -70,9 +70,9 @@ Guillaume \textsc{Gamelin}\\[3cm]
 \textcolor{sec}{\section{Introduction}}
 
 Aujourd'hui, la gestion des photos d'�v�nements et soir�es � l'ENSIIE est encore tr�s basique. Une fois connect� sur iiens.net, l'upload
-des photos se fait par dossiers, tout comme la consultation. Bien que le site soit tout � fait fonctionnel, son interface n�cessiterait d'�tre mise � jour et son ergonomie repens�e pour mieux combler les attentes actuelles des utilisateurs. Notre but est donc de proposer des focntionnalit�s innovantes, en plus des anciennes fonctionnalit�s du site, avec une nouvelle interface sous la forme d'une application web (qui pourrait plus tard �tre int�gr�e
+des photos se fait par dossiers, tout comme la consultation. Bien que le site soit tout � fait fonctionnel, son interface n�cessiterait d'�tre mise � jour et son ergonomie repens�e pour mieux combler les attentes actuelles des utilisateurs. Notre but est donc de proposer des fonctionnalit�s innovantes, en plus des anciennes fonctionnalit�s du site, avec une nouvelle interface sous la forme d'une application web (qui pourrait plus tard �tre int�gr�e
 � iiens.net).\\ 
-Notre objectif est de produire un site au design moderne, qui s'adapte aux appareils mobiles et qui permet une personnalisation de l'exp�rience utilisateur (profil modifiable, barre de navigation personnelle). L'affichage des photos sera totalement revu : il se fera sous forme de timeline avec la possibilit� de zoomer sur une certaine p�riode. Cela permettra d'avoir � la fois un aper�u global de l'avancement de la soir�e et de pouvoir se focaliser sur une partie de la soir�e. Enfin, notre site aura une dimension sociale : possibilit� de liker une photo, de commenter, de consulter le profil des autres utilisateurs et d'identifier ceux-ci mais aussi d'�lire une photo lors de concours r�guliers.
+Notre objectif est de produire un site au design moderne, qui s'adapte aux appareils mobiles et qui permet une personnalisation de l'exp�rience utilisateur (profil modifiable, barre de navigation personnelle). L'affichage des photos sera totalement revu : il se fera sous forme de timeline avec la possibilit� de zoomer sur une certaine p�riode. Cela permettra d'avoir � la fois un aper�u global de l'avancement de la soir�e et de pouvoir se focaliser sur une partie de la soir�e. Enfin, notre site aura une dimension sociale : possibilit� de liker une photo, de commenter, de consulter le profil des autres utilisateurs et d'identifier ceux-ci, mais aussi d'�lire une photo lors de concours r�guliers.
 
 
 \textcolor{sec}{\section{Conception}}
@@ -95,7 +95,7 @@ Lors de cette inscription, il saisit ses informations personnelles (nom , pr
 \item[Importation des photos :] chaque utilisateur � la possibilit� d'importer des photos sur le site en pr�cisant ses infos (ann�e, th�me).
 Nous avons choisi de ne pas permettre l'ajout multiple de photos � partir d'un fichier zip ou tar pour des raisons expliqu�es plus bas.
 
-\item[Consultation des photos:]chaque utilisateur peut avoir acc�s aux photos post�es sur le site. Pour cela, il doit choisir une ann�e et une soir�e, il aura alors acc�s � une liste de photos. Il peut cliquer sur une photo pour l'agrandir. Nous avons choisi de ne pas permettre le slide d'une photo � une autre dans la consultation d'ensemble des photos d'une soir�e de part la mise en place de la timeline.
+\item[Consultation des photos:]chaque utilisateur peut avoir acc�s aux photos post�es sur le site. Pour cela, il doit choisir une ann�e et une soir�e, il aura alors acc�s � une liste de photos. Il peut cliquer sur une photo pour l'agrandir. Nous avons choisi de ne pas permettre le slide d'une photo � une autre dans la consultation d'ensemble des photos d'une soir�e de par la mise en place de la timeline.
 
 \end{description}
 
@@ -103,19 +103,19 @@ Nous avons choisi de ne pas permettre l'ajout multiple de photos 
 
  \begin{description}
  
-\item [Importation des photos plus compl�te :] les photos s'ajoutent une � une car l'utilisateur doit renseigner l'heure de prise de la photo en plus des informations sur la soir�e afin qu'elle soit imm�diatement jointe � la Timeline. Le posteur peut aussi mettre un commentaire sur cette photo.
+\item [Importation des photos plus compl�te :] les photos s'ajoutent une � une, car l'utilisateur doit renseigner l'heure de prise de la photo en plus des informations sur la soir�e afin qu'elle soit imm�diatement jointe � la Timeline. Le posteur peut aussi mettre un commentaire sur cette photo.
 
 \item [Timeline :] am�lioration de la consultation des photos. Celle-ci se fera toujours par soir�e (identifi� par une ann�e et un th�me), mais l'utilisateur pourra naviguer le long de la Timeline et associer � chaque photo une heure dans la soir�e. L'application fournit ainsi une version temporalis�e de la consultation existante. La Timeline pr�sente donc toutes les photos d'une soir�e, ind�pendamment du photographe.
 
 \item [Contact  :]pour toute question, information ou r�clamation, l'utilisateur peut contacter l'administrateur en lui envoyant un mail.
 
-\item [Afficher les commentaires :]chaque utilisateur peut lire les commentaires post�es sur une photo en cliquant sur celle-ci.
+\item [Afficher les commentaires :]chaque utilisateur peut lire les commentaires post�s sur une photo en cliquant sur celle-ci.
 
 \item [Partie utilisateur personnalis�e:] sur la partie gauche de l'�cran, l'utilisateur a acc�s � une barre de navigation qui lui est propre. Il peut ainsi modifier ses informations personnelles (quote, avatar, surnom ou mot de passe), mais aussi avoir acc�s � toutes les photos qu'il a post�es (notamment celles ayant remport� un concours) et celles o� il est identifi�.
 
 \item [Affichage des photos hors timeline :] les photos peuvent �tre consult�es en dehors de la timeline sous forme de carousel (slide de la pr�c�dente � la suivante possible) et l'utilisateur peut agrandir la photo en cliquant sur celle-ci pour afficher des informations suppl�mentaires.
 
-\item [Mise en avant des derni�res photos post�es :] sur la page acceuil, carousel pr�sentant les 10 derni�res photos post�es.
+\item [Mise en avant des derni�res photos post�es :] sur la page accueil, carousel pr�sentant les 10 derni�res photos post�es.
 
 \item [Consultation de profil :] un utilisateur peut afficher le profil d'un autre en cliquant sur son surnom ou son avatar, il a alors acc�s � ses informations personnelles (surnom, quote, avatar) mais aussi ses posts, ses wins et ses identifications.
 
@@ -123,7 +123,7 @@ Nous avons choisi de ne pas permettre l'ajout multiple de photos 
 
 \textcolor{para}{\subsubsection*{Features incompl�tes}}
 
-Dans cette partie, nous allons vous pr�senter les features pr�vues initialement, commenc�es mais qui ne sont pas encore impl�ment�es par manque de temps.
+Dans cette partie, nous allons vous pr�senter les features pr�vues initialement, commenc�es, mais qui ne sont pas encore impl�ment�es par manque de temps.
 
 \begin{description}
 
@@ -147,13 +147,13 @@ Le projet est divis
 Sur Timeline, on trouve deux types de structure de pages :
 
 \begin{itemize}
-\item les pages de timeline photos qui sont compos�es d'une barre de navigation horizontale en haut de l'�cran pour acc�der aux diff�rentes rubriques du site et l'affichage de la Timeline sur toute la largeur de l'�cran. 
+\item les pages de timeline photos qui sont compos�es d'une barre de navigation horizontale en haut de l'�cran pour acc�der aux diff�rentes rubriques du site et l'affichage de la Timeline sur toute la largeur de l'�cran. 
 \item les autres pages suivent un autre mod�le : la m�me barre de navigation horizontale en haut de l'�cran, mais aussi un menu vertical personnel � gauche de l'�cran. Le contenu prend la place restante. Ces barres de navigation sont incluses dans chaque page gr�ce � \texttt{menu.php}.
 \end {itemize}
 
 \textcolor{para}{\subsubsection*{Base de donn�es}}
 
-Pour r�pondre aux exigences fonctionnelles du site, nous avons utilis� la base de donn�es repr�sent�e ci-dessous. Celle-ci a du �tre modifi�e � de nombreuses reprises au cours du codage pour faciliter ce dernier (exemple du stockage de l'extension de la photo de profil dans avatar).
+Pour r�pondre aux exigences fonctionnelles du site, nous avons utilis� la base de donn�es repr�sent�e ci-dessous. Celle-ci a d� �tre modifi�e � de nombreuses reprises au cours du codage pour faciliter ce dernier (exemple du stockage de l'extension de la photo de profil dans avatar).
 
 \includegraphics[scale=0.5]{DiagUML.jpeg}
 
@@ -163,16 +163,16 @@ Pour r
 
 La contrainte de temps du projet �tait forte : nous avons eu un peu plus d'un mois et demi pour r�aliser beaucoup de choses et nous n'avions pas forc�ment les comp�tences n�cessaires au pr�alable. Il a fallu faire beaucoup de recherche, d�couvrir des fonctionnalit�s et apprendre par soi-m�me. Certaines parties du travail pr�vues comme rapide ont au final pris plus de temps que pr�vu. Voici les diff�rentes �tapes de notre travail :\\
 \begin{description}
-\item[29 Mars - 12 Avril :] �laboration de la base de donn�es, de la liste des features (minimales, envisag�es, pr�vues) et de la maquette du site avec Balsamiq. Cette �tape a �t� couteuse en temps mais nous a permis d'avoir un aper�u global du site et de faciliter les requ�tes SQL et la mise en page CSS. Le bilan avec le charg� de groupe a permis de faire �voluer la base de donn�e, de mieux comprendre les technologies derri�re chaque fonctionnalit�, d'appr�hender les difficult�s et de trier les fonctionnalit�s � impl�menter par ordre de priorit�.
-\item[12 Avril - 24 Avril :] choix des technologies, d�couverte de GitLab et Bootstrap, consultation de \\ \emph{http://www.phptherightway.com/}. Apr�s avoir identifi� les modules et les t�ches � accomplir pour chacun, nous commencons le d�veloppement des features minimales.
+\item[29 Mars - 12 Avril :] �laboration de la base de donn�es, de la liste des features (minimales, envisag�es, pr�vues) et de la maquette du site avec Balsamiq. Cette �tape a �t� couteuse en temps, mais nous a permis d'avoir un aper�u global du site et de faciliter les requ�tes SQL et la mise en page CSS. Le bilan avec le charg� de groupe a permis de faire �voluer la base de donn�es, de mieux comprendre les technologies derri�re chaque fonctionnalit�, d'appr�hender les difficult�s et de trier les fonctionnalit�s � impl�menter par ordre de priorit�.
+\item[12 Avril - 24 Avril :] choix des technologies, d�couverte de GitLab et Bootstrap, consultation de \\ \emph{http://www.phptherightway.com/}. Apr�s avoir identifi� les modules et les t�ches � accomplir pour chacun, nous commen�ons le d�veloppement des features minimales.
 \item[24 Avril - 10 Mai :] int�gration des diff�rentes fonctionnalit�s, d�veloppement des features ajout�es, p�riode de test (navigateurs, appareils, tests unitaires et fonctionnels, s�curit�).
 \end{description}
 
 \textcolor{sec}{\subsection{R�partition du travail}}
 
-Au d�but du projet, nous avions d�cid� de nous r�partir les t�ches en fonctions des langages utilis�s (PHP, Javascript, HTML et CSS). Nous avons remis en question ce d�coupage puisque celui-ci �tait impossible � mettre en oeuvre efficacement et inint�ressant d'un point de vue individuel. Par cons�quent, nous nous sommes mis d'accord sur l'arborescence du projet et ses modules et nous avons d�velopp� conjointement ou par �quipe de 2 en utilisant GitLab. La maquette �tant �tablie au pr�alable, celle-ci nous servait de charte graphique � respecter. \\
+Au d�but du projet, nous avions d�cid� de nous r�partir les t�ches en fonctions des langages utilis�s (PHP, JavaScript, HTML et CSS). Nous avons remis en question ce d�coupage puisque celui-ci �tait impossible � mettre en oeuvre efficacement et inint�ressant d'un point de vue individuel. Par cons�quent, nous nous sommes mis d'accord sur l'arborescence du projet et ses modules et nous avons d�velopp� conjointement ou par �quipe de 2 en utilisant GitLab. La maquette �tant �tablie au pr�alable, celle-ci nous servait de charte graphique � respecter. \\
 
-A tour de r�le, un membre du groupe �tait charg� de l'int�gration des fichiers et fonctions et de la r�alisation des diff�rents tests : le fichier n'�tait int�gr� au reste du travail que si celui-ci �tait valide d'un point de vue technique et graphique.\\
+� tour de r�le, un membre du groupe �tait charg� de l'int�gration des fichiers et fonctions et de la r�alisation des diff�rents tests : le fichier n'�tait int�gr� au reste du travail que si celui-ci �tait valide d'un point de vue technique et graphique.\\
 
 \textcolor{sec}{\section {R�alisation technique}}
 
@@ -181,24 +181,24 @@ A tour de r
 \textcolor{para}{\subsubsection*{Nos choix}}
 
 \begin{description}
-\item[Bootstrap :] nous avons choisi d'utiliser Bootstrap, m�me si aucun de nous n'�tait familier avec ce framework, pour son approche du responsive design et la facilit� de mise en page que son utilisation apporte. Bootstrap est livr� avec des fichiers CSS et JS qui ont �t� tr�s utile pour l'affichage du carousel ou du pop-up lors du click sur une photo.
-\item[Javascript :] nous avons utilis� JavaScript pour presque tous les formulaires, cela permettant de v�rifier l'input de l'utilisateur rapidement du c�t� client et d'augmenter la s�curit� de la base de donn�e. Nous avons aussi r�aliser certaines animations pour rendre l'exp�rience utilisateur plus fluide. Une partie du code javaScript a �t� r�alis� avec jQuery par facilit�, nous esp�rons cependant en avoir fait une utilisation correcte. Enfin, le code javaScript est souvent reli� � des requ�tes AJAX pour le lier aux scripts PHP.
-\item[PHP :] utilis� pour toute interaction avec le serveur. Nous avons choisi de faire nos requ�tes SQL en PDO et en pr�parant celles-ci pour �viter les injections. Le hashage du mot de passe se fait �galement gr�ce � l'API native de gestion de mot de passe.
-\item[sendmail.tar :] utilisation d'un executable pour g�rer l'envoi d'emails aux administrateurs. 
-\item[GitLab :] choix impos� mais tr�s utile pour permettre le travail de groupe et le versioning.
+\item[Bootstrap :] nous avons choisi d'utiliser Bootstrap, m�me si aucun de nous n'�tait familier avec ce framework, pour son approche du responsive design et la facilit� de mise en page que son utilisation apporte. Bootstrap est livr� avec des fichiers CSS et JS qui ont �t� tr�s utiles pour l'affichage du carousel ou du pop-up lors du click sur une photo.
+\item[JavaScript :] nous avons utilis� JavaScript pour presque tous les formulaires, cela permettant de v�rifier l'input de l'utilisateur rapidement du c�t� client et d'augmenter la s�curit� de la base de donn�es. Nous avons aussi r�alis� certaines animations pour rendre l'exp�rience utilisateur plus fluide. Une partie du code JavaScript a �t� r�alis� avec jQuery par facilit�, nous esp�rons cependant en avoir fait une utilisation correcte. Enfin, le code JavaScript est souvent reli� � des requ�tes AJAX pour le lier aux scripts PHP.
+\item[PHP :] utilis� pour toute interaction avec le serveur. Nous avons choisi de faire nos requ�tes SQL en PDO et en pr�parant celles-ci pour �viter les injections. Le hachage du mot de passe se fait �galement gr�ce � l'API native de gestion de mot de passe.
+\item[sendmail.tar :] utilisation d'un ex�cutable pour g�rer l'envoi d'emails aux administrateurs. 
+\item[GitLab :] choix impos�, mais tr�s utile pour permettre le travail de groupe et le versioning.
 \item[Phppgadmin :] maintenance de la base de donn�es facilit�e.
 \end{description}
 
 \textcolor{para}{\subsubsection*{Choix �cart�s}}
 
 \begin{description}
-\item[Framework MVC :] aucun des membres n'�tant familier avec ceux-ci, nous avons fait le choix de s'en passer car notre projet �tait de petite envergure. Nous n'aurions peut �tre pas du car les fichiers se sont vite multipli�s et l'organisation est devenue un peu probl�matique.
-\item[ElasticSearch :] utilisation pr�vue mais non effectu� � cause d'un manque de temps.
+\item[Framework MVC :] aucun des membres n'�tant familier avec ceux-ci, nous avons fait le choix de s'en passer, car notre projet �tait de petite envergure. Nous n'aurions peut �tre pas d� car les fichiers se sont vite multipli�s et l'organisation est devenue un peu probl�matique.
+\item[ElasticSearch :] utilisation pr�vue, mais non effectu�e � cause d'un manque de temps.
 \end{description}
 
 \textcolor{secp}{\subsection {Charte graphique}}
 
-L'ergonomie d'un site est un point tr�s important. Notre objectif principal �tait donc de faciliter l'utilisation du site pour les utilisateurs et de d�finir une identiti� graphique. Pour cela, nous avons d�fini certaines contraintes : \\
+L'ergonomie d'un site est un point tr�s important. Notre objectif principal �tait donc de faciliter l'utilisation du site pour les utilisateurs et de d�finir une identit� graphique. Pour cela, nous avons d�fini certaines contraintes : \\
 
 \begin{description}
 \item [Accessibilit� des navigateurs :] l'application doit �tre fonctionnelle sous les principaux navigateurs (Chrome, Firefox, Internet Explorer). Les diff�rentes fonctionnalit�s ont donc �t� test�es sur ces trois navigateurs.
@@ -208,34 +208,28 @@ L'ergonomie d'un site est un point tr
 \item [Le syst�me de navigation :] la navigation doit �tre simple, m�me pour les utilisateurs d�butants. Il est donc indispensable que l'apprentissage du site ne demande pas d' efforts � l'utilisateur. L'utilisation de menus qui r�pertorient les principales fonctionnalit�s permet � l'utilisateur de minimiser son effort mental et de trouver son chemin sans effort.\\
 La \textbf{barre de navigation}, qui est un menu horizontal fix� en haut de chaque page est donc compos�e de :
 	\begin{itemize}
-	\item acceuil : page d'acceuil pr�sentant les 10 derni�res photos post�es
-	\item soir�es : permet d'acc�der � la timeline de chaque soir�e
+	\item accueil : page d'accueil pr�sentant les 10 derni�res photos post�es
+	\item soir�es : permet d'acc�der � la timeline de chaque soir�e
 	\item ajout : permet d'ajouter une photo � une soir�e
 	\item contact : contacter l'administrateur
 	\item concours : consulter les concours actuels et pass�s, voter pour une photo et voir celles qui sont d�j� nomin�es
 	\end{itemize}
-La \textbf{barre personnelle} est un menu vertical situ� � gauche de l'�cran et permet d'acc�der � : mon profil, mes posts , mes identifications et mes wins. Il permet aussi de se d�connecter.
+La \textbf{barre personnelle} est un menu vertical situ� � gauche de l'�cran et permet d'acc�der � : mon profil, mes posts , mes identifications et mes wins. Il permet aussi de se d�connecter.
 \end{description}
 
 \textcolor{secp}{\subsection {Probl�mes rencontr�s}}
 
-Les principales difficult�s rencontr�es sont du � un manque de temps et d'exp�rience.\\
-\begin{description}
-\item [Upload de fichiers :] validation de l'uplaod probl�matique (essai avec requ�te AJAX infructeux), stockage des photos et des avatars mal pens� au d�part, il nous a fallu modifier la base de donn�es.
-\item [Mise en page de la Timeline :] difficile � mettre en place de fa�on responsive et compl�te, nous avons fait le choix de cacher certains fonctionnalit�s selon l'affichage.
-\item [Gestion des heures avec PHP :] probl�me entre le formatage et les conditions.
-\item [Requ�te AJAX simultan�es avec javaScript :] r�solu en r�alisant une seule requ�te et format de donn�es JSON.
-\end{description}
+Les principales difficult�s rencontr�es sont du � un manque de temps et d'exp�rience.\\ \begin{description} \item [Upload de fichiers :] validation de l'uplaod probl�matique (essai avec requ�te AJAX infructueux), stockage des photos et des avatars mal pens� au d�part, il nous a fallu modifier la base de donn�es. \item [Mise en page de la Timeline :] difficile � mettre en place de fa�on responsive et compl�te, nous avons fait le choix de cacher certaines fonctionnalit�s selon l'affichage. \item [Gestion des heures avec PHP :] probl�me entre le formatage et les conditions. \item [Requ�tes AJAX simultan�es avec JavaScript :] r�solu en r�alisant une seule requ�te et avec le format de donn�es JSON. \end{description}
 
 \textcolor{sec}{\section {Conclusion}}
 
-Les exigences fonctionnelles fix�es d�s le d�but par notre cahier des charges ont presque �t� men�es � bien. En effet, les features minimales ont �t� d�velopp�es et les principales fonctionnalit�es caract�risant un r�seau social ont �t� commenc�es.\\
+Les exigences fonctionnelles fix�es d�s le d�but par notre cahier des charges ont presque �t� men�es � bien. En effet, les features minimales ont �t� d�velopp�es et les principales fonctionnalit�s caract�risant un r�seau social ont �t� commenc�es.\\
 
 L'ergonomie du site est satisfaisante pour les utilisateurs d'apr�s les tests d'utilisabilit�, sur diff�rents navigateurs (Chrome, Firefox, Explorer) et sur diff�rents appareils (smartphone, tablette). Il reste toutefois des am�liorations graphiques � effectuer.\\
 
-D'un point de vue s�curit�, le site propose une protection contre les injections SQL basique et un hashage du mot de passe. L'affichage des informations stock�e dans la base de donn�e et entr�es par l'utilisateur sur le site n'est cependant pas s�curis�. \\
+D'un point de vue s�curit�, le site propose une protection contre les injections SQL basique et un hachage du mot de passe. L'affichage des informations stock�es dans la base de donn�es et entr�es par l'utilisateur sur le site n'est cependant pas s�curis�. \\
 
-Certains points (pr�sent�s dans la partie features incompl�tes) n'ont pas pu �tre d�velopp�e faute de temps mais leur int�gration serait facilement envisageable.\\
+Certains points (pr�sent�s dans la partie features incompl�tes) n'ont pas pu �tre d�velopp�s faute de temps mais leur int�gration serait facilement envisageable.\\
 
 Si nous �tions amen�s � approfondir le d�veloppement de cette application, nous pourrions envisager une spatialisation de la Timeline. En projetant celle-ci sur un plan de l'�cole, il serait possible de situer les photos dans l'espace et dans le temps et de fournir un mode de navigation innovant et encore plus convivial.\\