Vous êtes sur la page 1sur 16

Les mockup de l’application

-Front Office :
Partie publique de l’application (n’importe qui peut visualiser son contenu).

1) « presentation » :
cette partie contient une présentation de l’équipe, avec un
menu , formulaire de contact et logo de l’équipe.

2) « authentification :
cette partie pour l’authentification , avec un menu et logo
de l’equipe .

3) « liste des membre de l’equipe :


cette partie contient des photos de la liste des membres de
l’équipe avec leur cv , avec un menu et logo de l’équipe .
4) « expérience:
cette partie contient formulaire de l’état civile ,ainsi les
formation , l’expérience professionnel ,compétence
technique avec un menu et logo de l’équipe .
5) « travaux de recherche  :
cette partie contient un tableau qui a comme attribut les
travaux avec leur date de publication , avec un menu et
logo de l’équipe .
-Back Office :
une fois authentifier ,le système affiche la session du membre ,donc
le membre a le droit d accéder a les différentes options du menu :
pour un simple membre :

 Mon cv
 Mes documents
 Fil d’actualité
 
pour l’administrateur :

 Mon cv
 Mes documents
 Fil d’actualite
 Gestion le contrôle
 Ajouter un compte
 Gestion de compte
 Infos de base

1) Fil d’actualité de membre:


Cette page est un fil d’actualité de membre contient : logo
d’application, menu, des publications Et il permet
d’effectuer des recherches et d’ajouter des publications.

On peut mettre des signales sur des contenu indésirable


Et modifier votre contenu

2) Fil d’actualité d’administrateur:


Cette page est un fil d’actualité d’administrateur qui
contient : logo, menu ,des publications Et il permet
d’effectuer des recherches et d’ajouter des publications .

3) Mockup :Gestion de contrôle:
Cette page comporte des publications qui est signalé par
le membre.
L’administrateur permet de supprimer l’article et bloquer le compte
de membre de cette publication.

4) Mockup : Ajouter un membre:


L’administrateur a besoin le nom , le prénom et l’Email
d’un personne pour l’ajouter dans l’équipe et devient un
membre.

5) Mockup « mes documents » :


cette mockup contient la liste des documents du membre , ce dernier
a la possibilité de visualiser et imprimer un document
6) Mockup « mon cv  » :
- Si le membre clique sur le bouton mon cv , le système lui

afficherai son cv .

- Pour modifier une information du cv le membre doit cliquer

sur le bouton modifier puis il peut modifier l’information

- Pour ajouter une competences , une formation ,une experience

le membre doit cliquer sur + et le système va afficher un

formulaire ou il peut ajouter les nouvelles informations puis le

membre doit soit cliquer sur ajouter pour que le système

enregistre les information et affiche le cv avec les nouvelles

informations ,soit cliquer sur annuler pour ignorer les

ajouts ,et aucun ajouts ne serai pris en considération .


7) Mockup « infos de base » :
Seul l administrateur peut acceder a cette mockup , l 'administrateur
peut modifier les informations de base de l’application ,il peut
changer le logo,le nom de l’equipe ,la presentation de l’equipe .

7.1 confirmation des modifications :


Apres d’avoir modifier les informations un message d’alerte serait
afficher donc l’administrateur doit soit confirmer les modification
pour que le système les enregistre soit d annuler les modification
8) Mockup « gestion de compte  » :
Seul l administrateur qui peut accéder cette mockup il peut soit

activer un compte en cliquant sur le bouton activer soit désactiver

un compte en cliquant sur désactiver


Lors de la désactivation d’un compte un message d’alerte serait
afficher ,l’administrateur doit choisir entre la confirmation ou
l’annulation en cas de confirmation le compte serait désactiver
sinon il y’aurait aucun changement .

Lors de l’activation d’un compte un message d’alerte serait afficher,


l’administrateur doit choisir entre la confirmation ou l’annulation
en cas de confirmation le compte serait activer sinon il y’aurait
aucun changement.

Vous aimerez peut-être aussi