Ministère de l’Enseignement Supérieur et de la Recherche Scientifique
Université 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 Ahmed
Fadhlaoui 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’existant
L’ é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 acteurs
b. Diagramme des cas
d’utilisation par acteur
c. 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é
fonctionnelle
Fiabilité
Maintenabilité
Portabilité
Utilisabilité
Conception
1. Conception technique
a. Architecture systeme
b. Diagramme classe
c. 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
RequêteHttp
RéponseHTML
Utilisateur
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 travail
b. Choix techniques
c. 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 internet
dépendante
Conclusion
Application Non
disponible Pour IOS
Application Mono langue
Perspectives
Nous 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 !

Final présention [recovered]

  • 1.
    Ministère de l’EnseignementSupérieur et de la Recherche Scientifique Université 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 Ahmed Fadhlaoui Mortadha Encadré par: Mr Nefzi Hafedh Année universitaire: 2015 - 2016
  • 2.
    Plan Cadre général duprojet Etude de l’existant Conception Réalisation Introduction Conclusion et perspectives Analyse et spécification des besoins
  • 3.
    Introduction  Domaine locationde voitures  Les sociétés cherchent à : • améliorer leurs activités • accélérer leurs services • devenir plus proches du client
  • 4.
    Cadre général duprojet 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
  • 5.
    Cadre général duprojet 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?
  • 6.
    Cadre général duprojet 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
  • 7.
    Cadre général duprojet 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
  • 8.
    Etude de la procédureactuelle 1 2 3 4 Critique de l’existant Etude de quelques applications similaires Solution proposée Etude de l’existant L’ é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
  • 9.
    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
  • 10.
    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 »
  • 11.
    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.
  • 12.
    Analyse et spécificationdes besoins a. Identification des acteurs b. Diagramme des cas d’utilisation par acteur c. Besoins non fonctionnels
  • 13.
    Analyse et spécificationdes 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
  • 14.
    Analyse et spécificationdes 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
  • 15.
    Analyse et spécificationdes besoins b. Diagrammes des cas d’utilisation par acteur Diagramme du cas d’utilisation relatif à l’administrateur
  • 16.
    Analyse et spécificationdes besoins b. Diagrammes des cas d’utilisation par acteur Diagramme du cas d’utilisation relatif au manager
  • 17.
    Analyse et spécificationdes 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é fonctionnelle Fiabilité Maintenabilité Portabilité Utilisabilité
  • 18.
    Conception 1. Conception technique a.Architecture systeme b. Diagramme classe c. Diagramme sequence objet de cas “Effectuer réservation” 2. Conception graphique
  • 19.
    Conception technique a. ArchitectureSysté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 RequêteHttp RéponseHTML Utilisateur
  • 20.
    Conception technique b. Diagrammede classe Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion 16
  • 21.
    Conception technique c. Diagrammede 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
  • 22.
    Conception Graphique 1 23 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
  • 23.
    Réalisationa. Environnement detravail b. Choix techniques c. Interfaces graphiques
  • 24.
    Réalisation Environnement detravail 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
  • 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
  • 26.
    Réalisation Interface d’accueilFront Office Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion 26
  • 27.
    Introduction | Cadregé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
  • 28.
    Réalisation Interface desvoitures Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion 27
  • 29.
  • 30.
    Réalisation Interface Chatteravec l’agent Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion 28
  • 31.
    Introduction | Cadregé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
  • 32.
    Introduction | Cadregé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
  • 33.
    Réalisation Interface EntretientsVoitures Introduction | Cadre général du projet | Etude de l’existant | Analyse et spécification des besoins | Conception | Réalisation | Conclusion 32
  • 34.
    Conclusion Travail réalisé: Siteweb 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
  • 35.
    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 internet dépendante Conclusion Application Non disponible Pour IOS Application Mono langue
  • 36.
    Perspectives Nous prévoyons dansle 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.
  • 37.
    Merci de votreattention !

Notes de l'éditeur

  • #2 Achref : Mesdames et Monsieur Bonjour , Bienvenu dans notre soutenance de projet de fin d'étude , nous tenons tout d’abord à remercier les membres du jury, notre encadrant technique monsieur wassim massoudi , notre encadrant graphique madame arwa ben jaafer , la directrice de la bibliothèque de notre institut madame chahira abdelaoui pour sa présence et bien évidemment tous les membres du jury
  • #3 Passons maintenant au plan que nous allons élaborer au cours de la soutenance : On va commencer par une petite introduction , ensuite le cadre général du projet où on va se situer dans le contexte du travail . Nous enchainons par une étude de l’existant : les limites qui nous ont poussé à refondre l’application , par la suite , nous détaillerons l’analyse et la spécification des besoins . Puis on attaque les partis conception et réalisation pour clôturer la conclusion et les perspectives.
  • #4 Lire les deux premier point …. En tant que voies d'accès au savoir et à la culture, les bibliothèques occupent une place déterminante dans la société. Partant de ce contexte, la bibliothèque s’avère importante dans la vie estudiantine. Comme solution , nous envisageons de développer une plateforme en ligne de la bibliothèque de notre institut.
  • #5 Nous présentons tout de suite notre organisme d’accueil qui est notre institut l’ISAMM où on a effectué un stage de 3 mois dans le département de la bibliothèque.
  • #6 Nous présentons tout de suite notre organisme d’accueil qui est notre institut l’ISAMM où on a effectué un stage de 3 mois dans le département de la bibliothèque.
  • #7 Nous présentons tout de suite notre organisme d’accueil qui est notre institut l’ISAMM où on a effectué un stage de 3 mois dans le département de la bibliothèque.
  • #8 Notre application a été conçue principalement pour inciter les étudiants de l’institut à emprunter des ouvrages et ce en :
  • #9 Nous allons maintenant exposer les quatre étapes qui ont contribué à notre étude de l’existant : En premier lieu , nous avons pris l’initiative d’étudier la procédure actuelle On adopte par la suite une analyse technique en rapport avec les fonctionnalités offertes par un tel site et leur degré de réponse aux besoins cernés . Finalement en va abordée quelque solution.
  • #13 Sans plus nous attarder , on se lance dans la partie analyse et spécification des besoins .
  • #14  Il nous convient tout d’abord d’identifier les acteurs qui sont au nombre de trois : ,,,,,,,,
  • #18 En ce qui concerne les besoins non fonctionnels , notre travail s’engage à assurer l’ergonomie par le biais d’une interface conviviale et ergonomique claire simple à utiliser , l’aspect esthétique doit se distinguer notamment par la clarté , l’harmonie et l’équilibre visuel . Parlons aspect technique , on est amené à préserver les bonnes pratiques de programmation par un code bien organisée et également opter pour une architecture mvc qu’on mettre en évidence par la suite
  • #19 Sans plus nous attarder , on se lance dans la partie analyse et spécification des besoins .
  • #20 Notre choix de méthodologie de conception s’est porté sur la modélisation UML . On a pu grâce aux notions de modularité , d’abstraction , de précision et de stabilité de décrire notre projet d’une manière statique mais également dynamique
  • #23 La conception graphique de notre travail englobe principalement 4 stades : Nous avons élaboré un synopsis dans lequel on a mentionné le public cible qui est bien évidemment les étudiants de l’isamm , de plus , nous avons établi une charte graphique en relation avec les couleurs utilisées , les styles graphiques et les polices à titre d’exemple . Nous avons choisir de préserver le logo de notre institut en lui faisant une modification faisant référence à la bibliothèque. Et finalement , le scénario maquette vient s’exécuter à travers des scénarimages de la page d’accueil , la page ddes ouvrages , la page aide et condition , le backoffice et finalement lapplicaton mobile .
  • #24 On passe à l’étape réalisation en commence avec les choix techniques
  • #25 L’environnement de travail notamment logiciel inclut le système d’exploitation windows8,1 , gliffy , qui nous a servi pour le dessin des diagrammes uml , eclipse en tant qu’un éditeur de code j2ee , Bootstrap comme étant une plateforme de développement des site web responsive et enfin android studio en rapport avec la version mobile de notre application
  • #26 qui se sont portés sur l’architecture mvc en collaboration avec j2ee qui à son tour se voit responsable de l’interrogation avec la base de données (oracle 11g)
  • #35 Pour conclure nous sommes arrivés par tous les efforts déployés à développer la plateforme de la bibliothéque de notre institut . Ce projet nous a appris à : ./…………………
  • #36 Pour conclure nous sommes arrivés par tous les efforts déployés à développer la plateforme de la bibliothéque de notre institut . Ce projet nous a appris à : ./…………………
  • #37 En termes de perspectives …………..