Ministère de l’Enseignement Supérieur et de la Recherche ScientifiqueUniversité de la Manouba Institut Supérieur des Arts Multimédias

Conception et réalisation d’un site web et une application mobile de location de voitures

Sujet:

Elaboré par:Rebai AhmedFadhlaoui Mortadha

Encadré par:Mr Nefzi Hafedh

Année universitaire: 2015 - 2016

Plan

Cadre général du projet

Etude de l’existant

Conception

Réalisation

Introduction

Conclusion et perspectives

Analyse et spécification des besoins

Introduction

Domaine location de voitures

Les sociétés cherchent à :

• améliorer leurs activités

• accélérer leurs services

• devenir plus proches du client

Cadre général du projet

Le présent travail est le résultat d’un stage de projet de Fin d’études au sein de la société King Rent a Car.

Introduction | Cadre général du projet | Etude del’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

4

Cadre général du projet

Introduction | Cadre général du projet | Etude del’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

4

Problématique

Comment améliorer l’organisation et la qualité du service au sein de l’agence?

Cadre général du projet

Dans ce cadre, nous avons été chargé de mettre en place un site web et une application mobile destinée clientèle

Introduction | Cadre général du projet | Etude del’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

4

Interface web Application Mobile Android

Espace d’administration King Rent a Car

Cadre général du projet

Objectif de notre projet :Pour l’agent Administratif :

Gérer les locations des voitures Gérer les voitures Gérer les clients Gérer les contrats et les factures

Pour le client : Consulter les voitures disponibles de l’agence Effectuer une réservation en ligne

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

6

Etude de la procédure actuelle

1 2 3 4

Critique de l’existant

Etude de quelques applications

similaires

Solution proposée

Etude de l’existantL’ étude de l’existant est divisée en quatre parties:

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

7

Etude de l’existant

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

7

Etude de la procédure actuelle Critique de l’existant

L’absence d’une liaison entre la partie administrative et le site web.

Une redondance d’enregistrement des réservations non confirmées dans la base de données.

L’absence d’une application mobile qui aide à améliorer le rapport client agence.

Client

1.Demande de réservation

4.Informer client

3.Vérifier disponibilité voiture

2.Enregistrer la réservation

Agent

Application desktop

Etude de l’existant

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

7

Etude de quelques applications similaires Site web

« tunisiarentacar » Application

mobile « Sixt » Application web

« CalendrCar »

Etude de l’existant

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

7

Solution proposée

Réalisation des inventaires sur les voitures. Création d’un compte client avec une archive complète. Développement d’une application mobile pour faciliter

la relation client agence. Amélioration de l’ergonomie du site pour le rendre plus

attrayant.

Analyse et spécification des besoins

a. Identification des acteursb. Diagramme des cas

d’utilisation par acteurc. Besoins non fonctionnels

Analyse et spécification des besoins a. Identification des acteurs

Internaute: C’est la personne qui peut consulter les voitures disponibles de l’agence et la contacter

Client: C’est la personne qui peut effectuer une réservation en ligne, s’authentifier pour accéder à son compte et chatter en temps réel avec l’agence

Agent Administratif: C’est la personne qui gère les réservations effectuées par les clients, les locations en cours, les voitures, les contrats et les factures

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

9

Analyse et spécification des besoins b. Diagrammes des cas d’utilisation par acteur

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

12

Diagramme du cas d’utilisation relatif à l’internaute

Diagramme du cas d’utilisation relatif au client

Analyse et spécification des besoins b. Diagrammes des cas d’utilisation par acteur

Diagramme du cas d’utilisation relatif à l’administrateur

Analyse et spécification des besoins b. Diagrammes des cas d’utilisation par acteur

Diagramme du cas d’utilisation relatif au manager

Analyse et spécification des besoins b. Besoins non fonctionnels

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

11

Capacité fonctionne

lle Fiabilité

Maintenabilité

Portabilité

Utilisabilité

Conception1. Conception technique

a. Architecture systemeb. Diagramme classec. Diagramme sequence

objet de cas “Effectuer réservation”

2. Conception graphique

Conception technique a. Architecture Systéme

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

15

Vue

Contrôleur

Modèle

Demande

Données Requ

ête

Http

Réponse HTML

Mettre à jour

Utilisateur

Demande

Conception technique b. Diagramme de classe

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

16

Conception technique c. Diagramme de séquence objet de cas “Effectuer Réservation”

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

17

Conception Graphique 1 2 3

Scénario Maquette

Schéma de navigation

Charte graphique

L’interface d’accueil du site web les interfaces de l‘application mobile

Schéma de navigation de l’application mobile

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

20

L’icone de l’application Choix de typographie Choix de couleur Choix des formes

Réalisationa. Environnement de travailb. Choix techniquesc. Interfaces graphiques

Réalisation Environnement de travail

1 2 3 4 5

Environnement logiciel:

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

25

Réalisation Choix techniques

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

24

Réalisation Interface d’accueil Front Office

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

26

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

27

Réalisation Interface Effectuer Réservation

Réalisation Interface des voitures

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

27

Réalisation Interface login client

Réalisation Interface Chatter avec l’agent

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

28

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

29

Réalisation Interface Réservations Back office

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

31

Réalisation Interface Clients Back office

Réalisation Interface Entretients Voitures

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

32

Conclusion

Travail réalisé: Site web et application mobile pour l’agence King Rent a Car

Aspects bénéfiques :

Ce projet était une véritable occasion pour découvrir et maitriser des nouveaux technologie.

Nous avons eu la chance d'améliorer nos capacités de se communiquer et du travailler au sein d'une équipe.

Ce projet est une opportunité pour s’intégrer au sein de la vie professionnelle

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

33

Aspects bénéfiques

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

33

Les limites

Conclusion

Découvrir et maitriser des nouvelles technologies

Améliorer nos capacités de se communiquer et du travailler au sein d'une équipe

une opportunité pour s’intégrer au sein de la vie professionnelle

Application internetdépendante

Conclusion

Application Non disponible Pour IOS

Application Mono langue

PerspectivesNous prévoyons dans le futur plus proche de :

Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion

25

Améliorer l'aspect sécuritaire. Améliorer la portabilité. Ajout d'autres fonctionnalités :

Une fonctionnalité de suivi GPS des voitures.Push notification au client pour confirmation de réservation.Une migration future de la base donnée vers un système NOSQL pour éviter la saturation.

Merci de votre attention !