Dossier d’analyse studio32

Mohammed Moussaoui
4 min readDec 13, 2020

Logo

Diagramme UML

Schéma de base de données

Design

Couleurs primaires

Ces couleurs sont utilisées dans la vue ensemble du site (arrière plan, couleur de texte, bouton …)

Le bleu est utilisé pour le titre principal de chaque page mais aussi comme couleur d’ambiance, et pour l’état hover…

Couleurs secondaires

Ces couleurs sont utilisées pour les message d’erreur, message de validation, pour les états dans le DataTable…

Buttons

Champs de texte

Champ de texte état normal

Champ de texte état actif

Champ de texte avec message d’erreur

Dashboard admin

Page Login

Gestion des clients

Créer un nouveau client

Si la date de naissance est un champ pas nécessaire alors

Modifier un client

Cette page contient un bouton supplémentaire qui permet d’envoyer les identifiants de connexion au client par e-mail.

Gestion des galeries

Créer une galerie privée

Dans un premier temps il faut choisir le client pour le quel il faut créer une galerie, le bouton action permet de se rediriger vers la page qui contient le formulaire pour créer une galerie

Ensuite créer la galerie

Gestion des slides

Pour mieux gérer les slides qui s’afficheront sur la page d’accueil, sur cette page on peut facilement créer un nouveau slide et il sera publié automatiquement sur la page d’accueil

Créer un slide

Gestion du blog

Dashboard client

Voir ses galeries

Sur cette page chaque client pourra voir ses propres galeries photos

Voir les photos d’une galerie (avant de confirmer la sélection)

Voir les photos d’une galerie (après avoir confirmé la sélection)

Une fois la sélection de photos est finie le buton télécharger ZIP s’affiche, ce bouton permet de télécharger les photos sélectionner par le clients en haute qualité dans un fichier zippé, il faut attendre bien sûr que l’administrateur met ce fichier ZIP en ligne pour que le bouton s’affiche.

Détails photo avant d’avoir confirmé la sélection de photos

Détails photo après d’avoir confirmé la sélection de photos

Une fois la sélection de photos est validé par le client, le bouton télécharger s’affiche, ce bouton permet de télécharger chaque photo séparément.

--

--