creation d'un site web

Sujet Vous devez développer un gestionnaire de post-its multi utilisateurs. Le principe de cette application est le suivant. : les utilisateurs doivent tout d’abord s’inscrire ; ensuite ils peuvent se connecter sur l’application ; après connexion, l’application permet de visualiser les différents post-its publiés par l’utilisateur, ainsi que les différents post-its qu’on lui a partagés. Il est possible de cliquer sur chaque post-it afin de voir son contenu. Fonctionnalités Écran de connexion L’écran de connexion permet à un utilisateur de se connecter. Pour cela il doit fournir un mail ainsi qu’un mot de passe. L’écran de connexion doit fournir un lien vers l’écran d’inscription. Si l’utilisateur arrive à se connecter, il doit être redirigé vers l’écran d’accueil. Sinon, un message d’erreur doit expliquer pourquoi la tentative de connexion à échouée. Écran d’inscription L’écran de connexion permet à un utilisateur de s’inscrire. Pour cela il doit fournir un mail, un mot de passe qui doit être saisi deux fois pour éviter les erreurs. Il doit aussi fournir un nom, un prénom, une date de naissance. Une fois l’utilisateur inscrit, il doit être redirigé vers l’écran de connexion. Un script Javascript doit vérifier avant l’envoi du formulaire que le mot de passe fait au moins 6 caractères, que le mail est dans un format correct , et que la date de naissance est dans le format correct (AAAAMMJJ). En outre, toutes les données demandées doivent être saisies. Si les données saisies par l’utilisateur ne sont pas correctes, elles doivent être affichées sur fond rouge. Dans ce cas des messages, également en rouge, doivent expliquer pourquoi les données ne sont pas correctes. Attention, il ne peut y avoir qu’un seul utilisateur ayant une adresse mail donnée. Écran d’accueil L’écran d’accueil permet à un utilisateur connecté de voir la liste des post-its qui l’intéresse. Il est séparé en deux zones : la zone des post-its dont il est propriétaire (possédés), et la zone des post-its qu’on lui a partagé (partagés). Enfin l’écran d’accueil doit fournir un lien vers l’écran d’ajout de post-its, et un lien qui permet de se déconnecter et de retourner sur l’écran de connexion. Zone des post-its possédés Cette zone affiche la liste des titres de post-its dont l’utilisateur est propriétaire, ainsi que la date à laquelle ils ont été postés. Ils sont classés par dates d’ajouts (le plus récent en premier). Un clic sur le titre doit amener à l’écran de visualisation de post-its. En outre, à coté de chaque post-its, il doit y avoir un lien qui permet de supprimer le post-it et un lien qui permet d’éditer le post-it. Zone des post-its partagés Cette zone affiche la liste des titres de post-its partagés à l’utilisateur, ainsi que la date à laquelle ils ont été postés et le propriétaire des post-its. Ils sont classés par dates d’ajouts (le plus récent en premier). Un clic sur le titre doit amener à l’écran de visualisation de post-its. Écran de visualisation des post-its Cet écran doit afficher le titre du post-it, la date d’ajout, le propriétaire et la liste des utilisateurs avec lesquels il est partagé. Quand l’utilisateur courant est le propriétaire, il doit y avoir en outre un lien qui permet d’éditer le post-it et un lien qui permet de supprimer le post-it. Écran d’ajout/édition des post-its Cet écran doit afficher un formulaire permettant de saisir le titre du post-it (maximum 150 caractères), et la liste des utilisateurs avec lesquels il est partagé. Le propriétaire ainsi que la date d’ajout (ou de dernière mise à jour si le formulaire est en mode édition) seront automatiquement calculés en PHP. En mode édition, les champs permettant de saisir le titre, contenu et utilisateurs doivent être pré-remplis. Une attention particulière sera apportée à la manière dont vous gérez le partage avec les autres utilisateurs. En effet, il ne faut pas présager que celui qui saisit le post-it connaît les mails des utilisateurs avec lesquels il veut partager le po