Cette application permet aux employés d'une pizzeria de gérer les commandes du restaurant. Les commandes peuvent être constituées de produits (boissons, entrées, plats, desserts, ...) et de menus qui contiennent eux-même des produits.
La base de données est disponible dans le dossier BDD.
La connexion à la base de données se configure dans le fichier db.php qui se situe dans le dossier includes.
Adresse e-mail : [email protected] Mot de passe : admin1234
Les employés se connectent avec leur adresse e-mail et leur mot de passe.
Pour créer un produit dans l'application, la personne responsable de cette tâche devra saisir un nom ainsi qu'un prix. Le produit doit obligatoirement être associé à une photo pour être mis en ligne.
Cette page affiche l'ensemble des produits les uns à côté des autres. Elle permet de les modifier facilement en cliquant sur l'icône "modifier". Un message sur fond rouge apparaît si le produit n'est associé à aucune catégorie.
Les catégories sont affichées dans un tableau, elles peuvent être éditées et supprimées facilement.
Il existe trois types de commande (livraison à domicile, sur place et à emporter).
L'employé doit saisir une adresse de livraison (rue, numéro, code postal, ville, pays). Le champ "rue" propose automatiquement des noms de rues en rapport avec la saisie pour ensuite remplir automatiquement les champs (code postal, ville et pays). L'autocomplétion se base sur les adresses présentes dans la base de données pour proposer des suggestions. L'employé doit également saisir des informations de contact sur le client à livrer (numéro de téléphone, numéro de GSM, adresse e-mail), seulement un champ sur trois est obligatoire.
Seul le choix d'une table est obligatoire.
L'employé doit compléter les informations de contact du client.
La méthode d'ajout de produits/menus à la commande reste la même pour les trois types de commande. Un simple clic sur le boutton "ajouter" et le produit/menu se retrouve dans la colonne "détails de la commande". La quantité par défaut est définie à 1, si le boutton "ajouter" est enclenché plusieurs fois, la quantité du produit va augmenter (+1). Pour aller plus vite, l'employé a la possibilité de saisir un chiffre dans le champ "quantité" et de cliquer sur "valider quantité".
Une fois la commande créée, elle se retrouve dans la section "gestion des commandes". Cette section permet de visualiser toutes les commandes actives ainsi que les commandes clôturées. Dans les commandes actives, nous retrouvons le numéro de la commande, le type, le contenu ainsi que les fonctions clôturer et modifier.
Sur cette page la commande peut être entièrement modifiée (client, type, adresse, infomations de contact, produits, quantités).
Une fois qu'une commande de type livraison est clôturée, la livraison apparaît sur la page "gestion des livraisons". Les livreurs peuvent visualiser toutes les commandes actives et les commandes qu'ils prennent en charge. Une livraison n'est pas affectée automatiquement à un livreur, c'est lui qui doit cliquer sur l'option "prendre en charge". Une fois prise en charge, la livraison se retrouve dans la section "mes livraisons". Dès que la livraison effectuée, le livreur clique sur l'option "livraison effectuée" pour terminer la livraison. La durée de livraison est alors calculée et visible dans la section "commandes clôturées".
Un menu est composé de produits. La personne qui se charge de la création des menus peut sélectionner les produits et définir les quantités. Elle doit également choisir un nom et un prix pour le menu et définir l'état (actif, inactif).
Cette page permet de modifier ou de supprimer des menus, elle se comporte de la même manière que la page de création de menus.
Un compte client permet au client de posséder une carte de fidélité électronique. Il joue également le rôle raccourci pour la création et la gestion des commandes car l'application connaît déjà l'adresse du client.
Un employé doit obligatoirement posséder un compte pour utiliser l'application.
L'application étant destinée à être utilisée sur des tablettes et téléphones, elle est entièrement responsive. En réduisant votre écran, vous verrez le contenu s'adapter et le menu horizontal disparaître pour laisser place à l'icône "burger" qui fera apparaître le menu vertical.
Cette application utilise de l'HTML, du CSS, du JavaScript (via la bibliothèque jQuery) ainsi que du PHP. La plupart des actions sont réalisées via de l'Ajax et des manipulations du DOM.