Documentation utilisateur

Consultation des menus du restaurant

Guide d’utilisation de l’interface permettant d’afficher les menus de la semaine, filtrer par date ou par semaine, choisir la langue et écouter le menu en version audio.

1. Objectif

Cette page permet de consulter les menus quotidiens d’un restaurant sur une semaine complète. L’utilisateur peut sélectionner une date précise ou naviguer par numéro de semaine, choisir un jour, changer la langue d’affichage et écouter le menu lorsqu’un fichier audio est disponible.

L’interface a été pensée pour un usage simple, lisible et adapté aussi bien à l’ordinateur qu’au mobile.

2. Accès à la page

La page s’ouvre dans un navigateur web. Elle présente immédiatement le nom du restaurant, la date du jour ainsi que plusieurs moyens de contact.

Informations visibles en en-tête Nom du restaurant, date du jour, adresse, numéro de téléphone, lien de contact et site web.
Compatibilité L’affichage est responsive et s’adapte aux écrans mobiles, tablettes et ordinateurs.

3. Présentation de l’interface

Zone de gauche : panneau de sélection

Le panneau latéral permet de définir les critères d’affichage :

  • Mode Par date : sélection d’une date précise.
  • Mode Par semaine : sélection de l’année, du numéro de semaine et du jour.
  • Langue : choix entre français, anglais, allemand et italien.
  • Bouton Afficher : applique les filtres sélectionnés.
  • Retour à la période actuelle : revient sur la date du jour en français.

Zone de droite : affichage des menus

Les menus de la semaine apparaissent sous forme de cartes. Chaque carte indique le jour, la date correspondante et le texte du menu. Le jour sélectionné est mis en évidence visuellement.

4. Utilisation

Afficher un menu par date

  1. Sélectionner l’option Par date.
  2. Choisir la date souhaitée.
  3. Sélectionner la langue d’affichage.
  4. Cliquer sur Afficher.

Afficher un menu par semaine

  1. Sélectionner l’option Par semaine.
  2. Choisir l’année.
  3. Choisir le numéro de semaine.
  4. Choisir le numéro du jour.
  5. Cliquer sur Afficher.
Même lorsqu’un jour est ciblé, la page affiche l’ensemble de la semaine pour donner une vue d’ensemble. Le jour demandé est simplement surligné.

5. Gestion des langues

L’utilisateur peut consulter les menus dans plusieurs langues : fr, en, de et it.

Si un menu n’est pas disponible dans la langue demandée, la version française est automatiquement affichée. Un message informe alors l’utilisateur que la traduction n’était pas disponible.

Avantage Le système évite les pages vides lorsqu’une traduction manque.
Comportement La version française sert de contenu de secours pour maintenir la continuité du service.

6. Lecture audio

Lorsque disponible, un lecteur audio apparaît dans la carte du menu pour permettre l’écoute du menu du jour.

  • Le lecteur audio s’affiche automatiquement si un fichier correspondant est trouvé.
  • La lecture se fait directement depuis le navigateur.
  • Si le fichier existe mais est vide, un message d’information est affiché.
Cette fonctionnalité est particulièrement utile pour les utilisateurs préférant une consultation vocale.

7. Messages affichés

Cas possibles

  • Aucun menu disponible : aucun contenu n’a été trouvé pour les filtres choisis.
  • Menu non encore publié : la journée existe dans la semaine, mais aucun menu n’est encore saisi.
  • Traduction indisponible : le menu est affiché en français à défaut de traduction.
  • Fichier audio vide : un fichier existe, mais il ne contient pas de données lisibles.

8. Conseils pratiques

  • Utiliser le mode Par date pour accéder rapidement au menu d’un jour précis.
  • Utiliser le mode Par semaine pour parcourir toute une période.
  • Vérifier la langue choisie avant validation.
  • Sur mobile, faire défiler verticalement pour visualiser toutes les cartes de la semaine.

Remarque de qualité

Dans le code fourni, le lien Nous contacter contient une balise <a> dupliquée et incomplète. Cette partie doit être corrigée pour garantir un HTML valide.

Correction recommandée : conserver une seule balise de lien pour le bouton de contact.