Créer une application de réservation à créneaux fixes

Permettez de choisir une prestation et un horaire, puis retrouvez les rendez-vous dans un même planning.

Un barbier consulte ses messages entre deux clients. Une personne souhaite une coupe demain, une autre demande le même créneau de l'après-midi et une troisième n'a pas précisé la prestation. Le rendez-vous commence bien avant l'arrivée au salon : il faut s'entendre sur une prestation, une date et un horaire disponible.

Une application de réservation convient lorsque ces choix s'inscrivent dans un planning défini. Commencez par des règles simples et explicites. Un salon avec un seul fauteuil et des créneaux fixes ne fonctionne pas comme une équipe proposant des prestations de durées différentes.

En bref

Définissez les prestations, les horaires, le fuseau horaire et la capacité. Demandez un sélecteur de créneaux et une liste de rendez-vous pour la personne qui gère le salon. Effectuez une réservation d'essai et examinez le créneau occupé. Testez les conflits et vérifiez les autorisations avant de partager l'application.

Préciser la capacité dans la demande

Expliquez ce qui rend un créneau indisponible, comment le visiteur s'identifie et ce que doit voir la personne qui gère le planning. Voici un exemple fictif avec un seul fauteuil :

Markdown
Crée une application de réservation pour un salon de barbier fictif
avec un seul fauteuil. Propose Coupe et Taille de barbe sur des
créneaux fixes de 45 minutes. Affiche les sept prochains jours avec
des créneaux de 10 h à 17 h dans le fuseau Europe/London. Ferme le dimanche.
Permets de choisir une prestation, un jour et un horaire libre, puis
de saisir un nom et une courte note. Affiche un récapitulatif après
la réservation. Autorise une seule réservation par créneau et rends
les horaires occupés indisponibles. Prévois une liste chronologique
des rendez-vous pour le salon. Utilise des réservations d'exemple
pour le brouillon, sans connexion à des calendriers externes.

Remplacez les horaires, le fuseau et les règles de prestation par les vôtres. Pour la création, le partage et les autorisations des collections, consultez Créer une application interactive sur votre canvas. Cette demande décrit le comportement à tester, sans garantir une reproduction exacte de l'exemple.

Essayer l'exemple du barbier

L'exemple comprend un choix de prestation, une liste de jours, des créneaux et un registre des réservations. Les horaires occupés sont visibles pendant la sélection.

Ouvrir dans un nouvel onglet
Sélecteur de rendez-vous chez un barbier avec prestations, horaires disponibles et registre des réservations

Cet exemple utilise des données de démonstration. Le rechargement réinitialise vos modifications.

Essayez ces deux actions :

  1. Choisissez une prestation, un jour et un horaire libre, puis réservez avec un nom fictif. Retrouvez le rendez-vous dans le registre.
  2. Revenez au même jour et examinez l'horaire occupé. Comparez-le à un créneau libre et vérifiez qu'il ne peut plus être sélectionné.

Les données de cet aperçu sont temporaires et les modifications disparaissent au rechargement. Il ne réserve aucun rendez-vous réel, n'envoie aucun e-mail de confirmation et ne synchronise aucun calendrier externe. Les noms du registre illustrent la vue du salon ; décidez qui pourra voir les réservations dans votre application.

Faciliter la prochaine décision du salon

Une amélioration utile porte sur ce qui se passe une fois la réservation reçue :

Markdown
Ajoute un filtre par prestation à la liste des rendez-vous du salon
et affiche la durée à côté de chaque réservation. Conserve tous les
rendez-vous existants. Affiche un message lorsqu'aucun rendez-vous
ne correspond au filtre.

Avant de vous fier à votre application, testez deux tentatives sur le même créneau, le premier et le dernier horaires du jour, ainsi qu'un jour de fermeture. Vérifiez le fuseau affiché et les conséquences d'une annulation. Contrôlez les autorisations des collections pour éviter qu'un visiteur accède aux coordonnées d'autrui. Si l'équipe doit convenir des modalités avant d'accepter le travail, un formulaire de demande de commande sera plus adapté qu'une réservation immédiate.

Donner un avis

Cet article vous a-t-il aidé ?