Modèle gratuit de système de location de vélos en PHP et Bootstrap


Modèle gratuit de système de location de vélos en PHP et Bootstrap

Le projet final intitulé « Bike Rental System » est une application Web réactive accessible également via les appareils mobiles de l’utilisateur. Le but de ce projet est d’automatiser le processus de location, de fournir une gestion des enregistrements et de surveiller l’emplacement du vélo via GPS.

Cet article vous donnera une idée des formulaires à inclure dans un système de location de vélos. PHP et Bootstrap ont été utilisés pour développer ledit modèle.

Il y a deux acteurs ou utilisateurs du système; l’administrateur et le client / client.

L’administrateur peut:

  • Gestion des clients (CRUD – créer, lire, mettre à jour et supprimer)
  • Gestion des catégories de vélos (CRUD – créer, lire, mettre à jour et supprimer)
  • Bike Information Management (CRUD – créer, lire, mettre à jour et supprimer)
  • Traitement de la location (processus d’approbation et d’examen)
  • Traitement des paiements (processus d’approbation et d’examen)
  • Surveillance des vélos (surveillance de l’emplacement des vélos)
  • Gestion des utilisateurs (CRUD – créer, lire, mettre à jour et supprimer)
  • Gestion des groupes d’utilisateurs (CRUD – créer, lire, mettre à jour et supprimer)

Le client / client peut:

  • Afficher les informations sur le vélo (affichage uniquement)
  • Location de processus

Comment fonctionne le système

Cette section abordera le déroulement du système en montrant les formulaires, les modules et l’interface utilisateur du programme.

Formulaire de connexion – l’administrateur et le client devront entrer leurs informations d’identification valides qui sont la combinaison du nom d’utilisateur et du mot de passe pour accéder à leur tableau de bord respectif.

lire plus  Noizz pour Android - Télécharger APK

L’image ci-dessous est le formulaire de connexion du projet.

Modèle gratuit de système de location de vélos dans Bootstrap - Formulaire de connexion
Modèle gratuit de système de location de vélos dans Bootstrap – Formulaire de connexion

Formulaire d’inscription du client – le client / client devra d’abord enregistrer son profil personnel via le module d’enregistrement du système. La demande / l’enregistrement sera soumis à l’approbation de l’administrateur.

Voici les informations nécessaires à remplir:

  • Prénom
  • Deuxième nom
  • Nom de famille
  • Adresse complète
  • Numéro de contact
  • Adresse e-mail
  • Le sexe
  • État civil
  • Date de naissance
  • Âge
  • Image de profil
  • Nom d’utilisateur
  • Mot de passe

L’image ci-dessous est le formulaire d’inscription pour le client / client.

Modèle gratuit de système de location de vélos dans Bootstrap - Inscription
Modèle gratuit de système de location de vélos dans Bootstrap – Inscription

Tableau de bord – le tableau de bord administrateur sert de page principale du système et affiche les informations suivantes:

  • # de client
  • # de vélo
  • # transaction de location

Ci-dessous, l’image du tableau de bord d’administration

Modèle gratuit de système de location de vélos dans Bootstrap - Tableau de bord d'administration
Modèle gratuit de système de location de vélos dans Bootstrap – Tableau de bord d’administration

Formulaire de gestion des clients – les informations du client / client peuvent être gérées et mises à jour dans le formulaire de gestion des clients, c’est là que l’administrateur peut approuver, désapprouver et désactiver le compte du client. Voici les informations incluses dans ce module:

  • Prénom
  • Deuxième nom
  • Nom de famille
  • Adresse complète
  • Numéro de contact
  • Adresse e-mail
  • Le sexe
  • État civil
  • Date de naissance
  • Âge
  • Image de profil
  • Nom d’utilisateur
  • Mot de passe
  • Statut du compte

Les images ci-dessous sont le formulaire de gestion des clients

Modèle gratuit de système de location de vélos dans Bootstrap - Encodage de la gestion des clients
Modèle gratuit de système de location de vélos dans Bootstrap – Encodage de la gestion des clients
Modèle gratuit de système de location de vélos dans Bootstrap - Gestion des clients
Modèle gratuit de système de location de vélos dans Bootstrap – Gestion des clients

Catégorie de vélo – l’administrateur du système devra au préalable encoder les différentes catégories de vélos (VTT, vélo de route, descente, etc.)

lire plus  Système d'information sur les comptes en C ++ avec code source

L’administrateur devra remplir les informations suivantes:

  • Nom de catégorie
  • La description

Les images ci-dessous sont la conception du formulaire pour la catégorie vélo.

Modèle gratuit de système de location de vélo dans Bootstrap - Codage de catégorie de vélo
Modèle gratuit de système de location de vélo dans Bootstrap – Codage de catégorie de vélo
Modèle gratuit de système de location de vélo dans Bootstrap - Catégorie Vélo
Modèle gratuit de système de location de vélo dans Bootstrap – Catégorie Vélo

Informations sur le vélo – l’administrateur peut maintenant encoder les informations du vélo, et les informations suivantes sont nécessaires:

  • Nom du vélo
  • Catégorie de vélo
  • Spécifications du vélo
  • Prix ​​de location
  • Disponibilité

Les images ci-dessous sont la conception du formulaire pour les informations sur le vélo.

Modèle gratuit de système de location de vélo dans Bootstrap - Codage des informations sur le vélo
Modèle gratuit de système de location de vélo dans Bootstrap – Codage des informations sur le vélo

Formulaire de location – ce module permet d’enregistrer les transactions locatives; les clients peuvent louer un vélo en utilisant leur compte ou l’administrateur peut traiter le processus de location directement sur ce module. La conception du formulaire comprend les informations suivantes:

  • Code de location
  • Nom du vélo
  • Nom du client
  • Date de début de location
  • Date de fin de location
  • Montant total
  • Statut de paiement
  • Statut de la location
  • Remarques
  • Traité par

Les images présentées ci-dessous sont la conception du formulaire pour le module de location.

Modèle gratuit de système de location de vélos dans Bootstrap - Nouveau formulaire de location
Modèle gratuit de système de location de vélos dans Bootstrap – Nouveau formulaire de location
Modèle gratuit de système de location de vélos dans Bootstrap - Admin Rental
Modèle gratuit de système de location de vélos dans Bootstrap – Admin Rental

Surveillance du vélo – le but de ce module est de surveiller l’emplacement du vélo à l’aide du GPS (longitude et latitude) ou des coordonnées de l’emplacement.

Modèle gratuit de système de location de vélo dans Bootstrap - Surveillance de vélo
Modèle gratuit de système de location de vélo dans Bootstrap – Surveillance de vélo

Formulaire de paiement – le paiement de la transaction de location sera traité dans ce module. Le formulaire comprend les informations suivantes:

  • Code de location
  • Type de paiement
  • Payé par
  • Date de paiement
  • Remarques
  • Traité par

L’image ci-dessous est un exemple d’interface utilisateur du module de paiement.

Modèle gratuit de système de location de vélos dans Bootstrap - Encodage de paiement
Modèle gratuit de système de location de vélos dans Bootstrap – Encodage de paiement
Modèle gratuit de système de location de vélos dans Bootstrap - Paiement
Modèle gratuit de système de location de vélos dans Bootstrap – Paiement

Gestion des utilisateurs – l’administrateur peut créer un autre utilisateur à l’aide de ce module. Les informations suivantes sont nécessaires pour créer un autre utilisateur.

  • Nom complet
  • Avatar
  • Nom d’utilisateur
  • Mot de passe
  • Contact
  • Email
  • Catégorie d’utilisateur
  • Statut
lire plus  Rechercher une série de nombres maximum dans la base de données à l'aide de C #

L’image ci-dessous est un exemple d’interface utilisateur du module de gestion des utilisateurs.

Modèle gratuit de système de location de vélos dans Bootstrap - Gestion des utilisateurs
Modèle gratuit de système de location de vélos dans Bootstrap – Gestion des utilisateurs

Groupe d’utilisateurs – un utilisateur appartient à un certain groupe d’utilisateurs avec certains privilèges et c’est le module pour cela.

  • Nom de groupe
  • La description
  • Allow_add
  • Allow_edit
  • Allow_delete
  • Allow_print
  • Allow_import
  • Allow_export

Voici un exemple de conception pour le module de groupe d’utilisateurs

Modèle gratuit de système de location de vélos dans Bootstrap - Encodage de groupe d'utilisateurs
Modèle gratuit de système de location de vélos dans Bootstrap – Encodage de groupe d’utilisateurs
Modèle gratuit de système de location de vélos dans Bootstrap - Groupe d'utilisateurs
Modèle gratuit de système de location de vélos dans Bootstrap – Groupe d’utilisateurs

Tableau de bord des membres – tout comme le compte administrateur, le client dispose également de son propre tableau de bord et les informations suivantes sont affichées:

L’image ci-dessous est le formulaire du tableau de bord client.

Modèle gratuit de système de location de vélos dans Bootstrap - Tableau de bord des membres
Modèle gratuit de système de location de vélos dans Bootstrap – Tableau de bord des membres

Informations sur le vélo – les clients peuvent également consulter la liste des vélos disponibles à la location à l’aide du module d’information vélo. Les clients ne peuvent voir que les informations du vélo.

L’image ci-dessous est le module d’information sur le vélo auquel les clients peuvent accéder.

Modèle gratuit de système de location de vélos dans Bootstrap - Informations sur les vélos des membres
Modèle gratuit de système de location de vélos dans Bootstrap – Informations sur les vélos des membres

Formulaire de location – pour traiter le vélo sélectionné, le client devra ouvrir le formulaire de location et renseigner les informations suivantes:

  • Code de location
  • Nom du vélo
  • Date de début de location
  • Date de fin de location

La demande de location est soumise à l’approbation de l’administrateur.

Modèle gratuit de système de location de vélos dans Bootstrap - Location de vélos pour les membres
Modèle gratuit de système de location de vélos dans Bootstrap – Location de vélos pour les membres

Télécharger

Vous pouvez visiter notre Facebook page pour plus d’informations, demandes de renseignements et commentaires.

Louer notre équipe pour faire le projet.





Telecharger ici

Laisser un commentaire

Aller au contenu principal