Aller au contenu principal

Interface Web

L’interface web de Sync-in offre une expérience de navigation moderne, claire et modulaire, structurée autour de plusieurs zones fonctionnelles pour une efficacité maximale.

Fonctionnalités​

  • 🧭 Navigation fluide entre les différentes applications.
  • 🧱 Menu contextuel intelligent qui s’adapte à l’application sélectionnée et aux actions disponibles.
  • 🖱️ Menu clic-droit complet sur chaque élément pour accéder rapidement aux principales actions.
  • 📁 Zone de contenu dynamique, avec vue liste ou galerie, tri, filtrage, et actions contextuelles selon les éléments sélectionnés.
  • 🧵 Fil d’Ariane interactif permettant de remonter rapidement dans la hiérarchie des dossiers ou menus.
  • 🌙 Thèmes clair et sombre : l’interface s’adapte automatiquement à votre environnement système.

Organisation​

Cette section décrit les différents composants de l’interface web de Sync-in, afin d’en faciliter la prise en main et d’en comprendre l’organisation fonctionnelle.

Web UIWeb UI

1. Barre d’applications (latérale gauche)

  • Donne accès aux applications principales : Fichiers, Recherche, Synchronisation, Compte, Administration, etc.
  • L’icône Sync-in (premier élément en haut à gauche) permet d’ouvrir ou de réduire le menu de navigation 2.
  • Le survol des icônes applicatives déclenche l’affichage des sous-menus dans le menu de navigation 2.

2. Menu de navigation de l’application

  • Affiche les menus spécifiques à l’application sélectionnée dans la barre d’applications 1.

3. Nom de l’application

  • Indique le nom de l’application sélectionnée ou survolée.
  • Les boutons chevrons, situés à droite du nom, permettent de revenir à un chemin précédent ou d’avancer vers le suivant.

4. Fil d’Ariane

  • Affiche le titre et l’icône du menu actif (issu du menu de navigation 2).
  • Dans certaines applications, comme Fichiers, il montre le chemin complet du dossier courant, chaque segment étant cliquable pour remonter dans la hiérarchie.

5. Barre contextuelle (latérale droite)

  • Se déploie ou se rétracte lorsqu’une icône est sélectionnée.
  • Affiche l’avatar de l’utilisateur (en haut à droite), donnant accès aux préférences.
  • Présente également les utilisateurs en ligne, les notifications, les tâches.
  • Peut proposer des fonctionnalités supplémentaires selon l’application active (ex. : Commentaires, Parcours par arborescence, Gestion des fenêtres, etc.).

6. Panneau de la barre contextuelle

  • Affiche le contenu ou la fonctionnalité liée à l’icône sélectionnée dans la barre contextuelle 5.

7. Barre d’actions applicative

  • Présente les actions spécifiques à l’application en cours (ex. : Créer, Télécharger, Partager), en fonction du menu sélectionné dans le menu de navigation 2.
  • Permet de modifier l’affichage de la zone de contenu 8 (ex. : vue liste ou galerie).
  • Propose également des options de filtrage pour les éléments affichés dans la zone de contenu 8.

8. Zone de contenu

  • Affiche les éléments liés au menu sélectionné dans le menu de navigation 2.
  • Par exemple, dans Fichiers, elle présente la liste ou les vignettes des fichiers et dossiers du répertoire courant.

9. Menu contextuel (clic droit)

  • Regroupe l’ensemble des actions disponibles sur l’élément sélectionné (ex. : Voir, Renommer, Commenter, Partager, Supprimer), en complément de la barre d’actions 7.