Master 2 " Technologies de l'Hypermédia "

UNIVERSITE PARIS VIII

                                  Département Hypermédia

                                Année universitaire 2013/2014

               Master 2 « Technologies de l'Hypermédia »

                                EL FRIHMAT MOHAMED

                                    Stage E-Commerce

                       Création d’une application de gestion
              Participation à la refonte du site web actuel

                               Présenté le : 18 septembre 2014

Rapport dirigé par :

Université : Monsieur Samuel Szoniecky

Entreprise : Madame ESCALA MARIE.

LE TITRE BIBLIOGRAPHIQUE

Nom et prénom : EL FRIHMAT Mohamed.

Tuteurs : Monsieur Samuel Szoniecky , Madame ESCALA MARIE.

                                  Stage E-Commerce

                        Création d’une application de gestion

                                           &&

                    La participation à la refonte du site web actuel

                                 Chez SOS BAGGAGE

                    " Université Paris VIII – Département Hypermédia "

                       " Master II : Technologies de l'Hypermédia "

Dédicaces

Je dédie ce travail :

Tout d’abord à mes chers parents, pour les efforts qu’ils ont consentis pour ma formation,
pour leur précieux soutien moral et matériel, pour leurs encouragements continus, et pour
tous leurs sacrifices tout au long de ma vie, qu’on en sera tellement reconnaissants.

A tous (tes) les amis (es), de l’école primaire jusqu’aux études universitaires, et à des amis
(es) de l’enfance.

A mes chers professeurs et au corps administratif de L’université Paris 8.

A tous ceux qui militent pour le soutien de l’étudiant.

Enfin à tous qui m’aiment...

J’espère que je serai toujours digne de votre amour et votre confiance.

Remerciements
Le présent travail n’aurait pas été possible sans la contribution de plusieurs personnes que je
tiens à les remercier :

Je tiens à remercier dans un premier temps, toute l’équipe pédagogique de l’université
PARIS 8 et les intervenants professionnel responsable de la formation Technologies de
l'Hypermédia pour avoir assuré la partie théorique ainsi que pratique de celle-ci.

      Je remercie d’abord Monsieur Nasreddine Bouhaï ; pour sa disponibilité, son écoute,
       sa compréhension, son judicieux encadrement et pour l’aide et les conseils
       concernant les missions évoquées dans ce rapport, qu’il m’a apporté lors des
       différents suivis. Je le remercie aussi pour ses suggestions qui ont permis
       l’amélioration de ce manuscrit. Soyez assuré, monsieur de tout mon profond respect.
      Je remercie vivement les membres du jury d’avoir accepté d’évaluer et de juger mon
       travail.
      Je tiens à remercier tout particulièrement et à témoigner toute ma reconnaissance
       aux personnes suivantes, pour l’expérience enrichissante et pleine d’intérêt qu’elles
       m’ont fait vivre durant ces cinq mois au sein de l’entreprise SOS BAGGAGE :
      Monsieur BARKA MEHDI, PDG du groupe SOS BAGGAGE, pour son accueil et la
       confiance qu’il m’a accordé dès mon arrivée à l’entreprise.
      Madame MARIE ESCALA, Directrice commercial de l’entreprise ma tutrice, pour
       m’avoir intégré rapidement au sein de l’entreprise et m’avoir accordé toute sa
       confiance ; pour le temps qu’elle m’a consacré tout au long de cette période, sachant
       répondre à toutes mes interrogations.
      Mademoiselle RACHELLE, RANDA ainsi que l’ensemble du personnel de SOS
       BAGGAGE pour leur accueil sympathique et leur coopération professionnelle tout au
       long de ces cinq mois.

Résumé

Le présent document constitue une synthèse de mon projet de fin d’étude, effectué au sein de
la société SOS BAGGAGE basée à ROISSY. Ce projet a pour objectif : la conception et le
développement d’une application de GESTION et la participation à la refonte du site web
actuel (Analyse + Ajout des produits : côté administratif de l’application)        permettant
d’améliorer le fonctionnement de la société, et de surpasser les problèmes et les difficultés
causés par l’ancienne méthode qui consiste à faire la gestion commerciale d’une façon
manuelle.

Alors, il fallait commencer, en premier lieu, par la problématique posée et les objectifs à
atteindre. Ensuite, aborder la phase de conception en utilisant la méthode UML, analyser les
maquettes du site web, Et après, procéder aux choix de techniques des outils de
développement. Et en fin entamer la phase de réalisation de l’application.

La phase de réalisation consiste à mettre en œuvre tous les choix techniques et à utiliser tous
les modèles de conception précédemment réalisé, pour enfin avoir une application qui
répond exactement à tout besoin exprimé par la société au niveau de sa gestion.

Table de matières

Introduction

C’est avec enthousiasme que j’effectue ma deuxième année du Master 2 « Technologies de
l'Hypermédia » au sein de l’université Paris 8.

Au cours de ce stage, je n’ai pas effectué une seule mission principale mais j’ai participé un
ensemble de tâches ayant attrait à différents domaines de l’informatique.

En quoi consistent mes missions ? Quelles sont leurs utilités ?

Mes tâches portaient sur la réalisation d’une application intitulée « Gestion de litige»,
Analyse des maquettes du site internet actuel, et l'ajout des produits et pièces détachées à
vendre sur le site.

Le déroulement de mon stage au sein de cette entreprise c’était sur deux phases, la première,
c’étais une phase d’identification des besoins, l’analyse des maquettes du site internet et la
conception de la base de donnée de l’application, et la deuxième, c’étais la phase de
réalisation de l’application demandée, l’ajout des produits.

Ce rapport, après une présentation de l’entreprise en première partie, explicitera les
différentes tâches et la présentation du travail principale accomplie pendant le stage.

Chapitre 1

                   Contexte général du Projet

Dans ce chapitre j’aurai l’occasion de donner une idée générale sur l’entreprise
qui m’a accueillie durant mon stage, ainsi que ses diverses activités, et enfin je
ferai une présentation du travail que j’ai réalisée.

Présentation de l'entreprise

       Le Groupe SOS BAGGAGE :

SOS BAGGAGE fondée en 2012 par M. Mahdi Barka, propose de mettre en place au sein
même du second aéroport européen le premier centre de « Services Bagages » pour la
réparation et la gestion de litiges bagages, un créneau encore inexploité.

Ils proposeront des services et un cadre différents de leurs concurrents avec une nouveauté :
un service personnalisé et rapide avec des prix raisonnables pour les professionnels
(compagnies aériennes, hôtels etc.…) mais aussi pour les particuliers (passagers en transit
ou en voyage à Paris).

La société SOS Baggage est un prestataire de service basé au cœur de la zone aéroportuaire Roissy-
Charles de Gaulle.

SOS Baggage développe ses services tant auprès des entreprises que des particuliers. Elle
propose aux compagnies des solutions personnalisées pour la prise en charge des passagers
et la gestion des litiges bagages dès l’arrivée à l’aéroport.

SOS Baggage est aussi un centre de Service Après-vente agréé par les grandes marques de
bagages, avec plus de 15 000 pièces disponibles, SOS Baggage vous accueille tous les jours
de 6 heures à minuit en assurant une prestation de qualité à prix raisonnable.

       Organigramme de SOS BAGGAGE :

                                  Directeur général

       Directrice commercial

                                                                Responsable atelier et
                                                                     logistique

      Assistante SAV           Vendeuse

          Livreur                Livreur

                                                        Réparateur          Réparateur

                                           Réparateur

Produits & Services de SOS Baggage :

SOS BAGGAGE est un centre de réparation de bagages endommagés agréé par la plupart des
marques de bagagerie notamment Samsonite et Delsey, les deux leaders mondiaux. Il
propose en plus les services de vente, location de bagages, de livraison. L’entreprise propose
une gamme de services personnalisée et « haut de gamme » à chacun de ses clients.

Pour les compagnies aériennes (service continu de 6h à minuit), SOS BAGGAGE propose :

      Réparation express ou échange sur place du bagage endommagé.
      Une gestion des litiges bagages des personnels navigants.
      Enlèvement chez le passager du bagage et expertise sur place (si possible) et
       livraison.
      Livraison express de bagages retardés (j+1 avant midi) en France (hors Ile de France)
       et Banlieues.
      Location de bagages.

Pour les particuliers, SOS BAGGAGE propose la vente et la location de bagages, la réparation
et l’assistance en cas de litige avec une compagnie aérienne.

       Valeurs de SOS Baggage :

Vous satisfaire avec des produits et services novateurs et une flexibilité hors du commun
SOS BAGGAGE vous propose une palette de services toujours novatrice comme la location de
bagages.

       Objectif de SOS Baggage :

Rendre votre voyage le plus agréable possible sans les désagréments liés aux bagages.

       Les atouts de SOS Baggage :

Une équipe de professionnels disponible 7jours/7 et toujours à votre écoute
Composé d’une équipe issue du secteur du service et du luxe, nous sommes disponibles pour
tout conseil ou assistance de 6h00 à Minuit sans interruption 7jours/7.

SHOWROOM :
    Partenaire des plus grandes marques de la bagagerie, nous vous accueillons dans notre
    showroom de 6h00 à Minuit.

    Sur place, nos services disponibles :

   Vente de bagages et autres articles de voyage
   Location de bagage
   Réparation / Assistance litige avec une compagnie aérienne
   Consigne à bagages Livraison de bagages

           MOTIVATION DU CRÉATEUR

    Suite à l’identification d’un besoin pour les touristes, M. Barka a décidé de créer en Avril
    2012 l’entreprise SOS BAGGAGE spécialisée dans les problèmes rencontrés par les passagers
    dans les aéroports. C’est donc naturellement que ses dirigeants ont décidé de s’implanter à
    proximité du second aéroport européen : PARIS Roissy- Charles de Gaulle.

    L’entreprise a établi un partenariat avec de nombreux noms de la bagagerie tel que :
    Samsonite, Delsey …

           Les engagements de SOS Baggage :

    Vous proposer des produits et services de qualité fort d’une longue expérience dans le
    service aéroportuaire et dans les plus grandes maisons de Haute Couture à Paris, les
    fondateurs de SOS BAGGAGE vous font partager leur expertise et leur professionnalisme.
    Agréé par les compagnies aériennes au niveau du service litige, SOS BAGGAGE vous propose
    une assistance pour la réparation et le remplacement de votre bagage endommagé.
    Basé dans la zone privilégiée de l’aéroport Roissy- Charles de Gaulle, nous assurons un
    service rapide et de qualité.

           DESCRIPTIF DU MARCHÉ

    Selon un rapport publié par le SITA en 2011 (Specialists in air transport communication and
    IT solutions), il y a eu près de 0.43 bagages endommagés pour 1000 passagers dans le
    monde en 2010.

Les compagnies aériennes ont donc déboursé 2.94 milliards de dollars dans la gestion des
bagages « malmenés » la même année.

A l’échelle du second aéroport européen qu’est PARIS Roissy-Charles de Gaulle qui
accueillait 58.2 millions de passagers en 2010, cela représentait un potentiel de 25 000
bagages à réparer par an.

A titre indicatif, l’aéroport PARIS Roissy-CDG a accueilli 61 millions de passagers en 2012…
et le nombre de bagages endommagés ne fait qu’accroître.

       A court et moyen terme (2013 - 2015)

    Multiplier les partenariats avec les entreprises (compagnies aériennes, Comités
       d’entreprise, hôtels et Palaces etc.…)

      L’embauche de 3 réparateurs supplémentaires prévue à partir du mois de septembre
       2013.

    Ouvrir un Centre de Service Bagages au sein de l’aéroport (réparation, vente,
       location et assistance) afin de gagner en visibilité, efficacité et attaquer le marché de
       la vente de bagages en direct avec les particuliers avec un point de vente visible).
       Cela nous permettrait aussi de gagner en temps de trajet non négligeable pour une
       clientèle pressée (rendez-vous, prochain vol, train etc.…) et ainsi passer de 15mins
       en moyenne actuellement à moins de 2 min.

       A long terme :

      Développement du projet sur l’aéroport d’Orly + image aéroport

      Exportation du projet à l’étranger (Londres, Dubaï et Doha).

SOS Baggage et les réseaux sociaux

       * Facebook

*Twitter

Chapitre 2

                    Analyse fonctionnelle

Dans cette partie je ferai le point sur la problématique relevée de l’application
de gestion du service informatique, l’analyse des maquettes du site web et
l'ajout des produits.

I.            Etude du problème et analyse du besoin :

              A. Identification de la problématique :

La société SOS Baggage possédait un outil manuel, d’une part, pour gérer la communication
interne dans l’entreprise et d’autre part pour gérer la communication externe, concernant la
gestion de litige du service informatique.

              B. Analyse du besoin :

                  1. Les objectifs :

La mission qui m’a été confiée avait pour objet de permettre à l’utilisateur la gestion
informatisée de la relation entre les différents services concernant le matériel du service
informatique.

Il convenait donc de créer une application en prenant en compte les besoins des décideurs ;
et qui permettant ce qui suit :

          La facilité de la gestion des litiges (bagages, poussettes)
          Consultation de différentes états de commande (commande en cours de réparation,
           commande clôturé, commande remplacer, bagage non réparable …)

                  2. Présentation du projet :

Mon projet consiste à la réalisation d’une application pour la gestion commerciale de la
société.

Cette application : doit satisfaire les besoins du responsable qui fera la gestion de différentes
litige, et ainsi mettre fin aux problèmes relatives à la gestion manuelle des ventes et des
achats.

                  2.1     Analyse de l’existant :

Jusqu'à présent la société SOS Baggage adopte une solution manuelle pour la gestion de ses
différents services (clients, valise, livraison, compagnie,…).Cette méthode nuit à la qualité
des services de la société :

L’usage des documents risque de :

   Tarder les services.
      Perdre le temps au niveau du traitement des tâches.
      Mélanger ou perdre des documents : ce qui peut être fatal.
      Avoir des problèmes au niveau du suivi des clients ou des commandes.
      Avoir besoin de plus d’employés pour ce partager les tâches.
      Nuire à la gestion des quantités du stock.
      Difficulté de prise de décisions concernant les achats et les ventes.

   Vu l’évolution de ses services et l’augmentation de sa clientèle, L’automatisation de ses
   tâches devient un besoin majeur pour optimiser les opérations et le temps de traitement.

               2.2    Expression des besoins :

Mon travail consiste à concevoir et à développer une application informatique qui
permettra une bonne gestion de l’entreprise en moins de risque.

      Amélioration du suivi des engagements et de la qualité de service.
      Gestion des clients, compagnies aérienne…

               2.3    Solution proposé :

En tenant compte des critiques et des besoins cités, la solution est de concevoir et développer
une application permettant une gestion optimale en local, pour que le responsable ainsi que
le directeur puisse la gérer facilement.

II.         Conception et modélisation :

             A. Outils utilisés :

          1. UML :

UML (Unified Modeling Language) est un language de modélisation graphique à base de
pictogrammes.il est apparu dans le monde du génie logiciel, dans le cadre de la « conception
orienté objet » .Couramment utilisé dans les projets logiciels, il peut être appliqué à toutes
sortes de systèmes ne se limitant pas au domaine informatique.

J’ai choisi UML comme language de conception pour mon application pour plusieurs
raison : Tout d’abord, il permet de concevoir une application sans se sourcier des détails
d’implémentation inhérents au language de programmation utiliser. Il permet aussi de
décrire avec beaucoup de pertinence une application, aussi bien aux programmeurs,
concepteurs et utilisateurs, ce qui est assez rare et très utile.

          2. Entreprise Architect :

Entreprise Architect est un outil de modélisation UML2 flexible, complet et puissant conçu
pour les plateformes Windows. Ce logiciel vous offre un avantage concurrentiel pour le
développement des systèmes,, la gestion de projet et l’analyse Commerciale. Un vaste
éventail de langages de développement sont pris en charge, y compris Action Script, C, C++,
C#, et VB, NET, Java, Visuel basic, Python, PHP, XSD, WSDL et plus encore. Entreprise
Architect est utilisé pour le développement de divers types de systèmes logiciels pour un
large éventail de secteurs, notamment : les services bancaires, le développement web,
l’ingénierie, la finance, la médecine, les services publics, le génie électrique et beaucoup
plus. Il est aussi utilisé efficacement pour des fins de formation UML et l’architecture
d’affaires.

Entreprise Architect est une ergonomie soignée et robustesse pour cet outil australien, qui
pêche malheureusement dans les transformations de modèle comme nous le verrons par la
suite. Créez un nouveau projet puis choisissez les modules Class et Data base. Sélectionner
Data Architect dans la fenêtre Toolbox pour disposer des icones nécessaires à la construction
de diagrammes de classes. Ajouter un nouveau diagramme dans la fenêtre de droite. Il n’est
pas possible de définir un attribut identifiant par classe. Pour créer une classe-association
(clic droit sur la classe Advanced/Make Association Class…).si vous supprimer des éléments
pensez à vérifier dans la fenêtre du browser qu’ils sont bien effectivement ôtes du modèle.

D’un point de vue plus pratique, UML va nous permettre de créer les diagrammes suivants :

       Le diagramme cas d’utilisation pour structurer les besoins des utilisateurs et les
        objectifs correspondants du système.
       Le diagramme de séquence pour présenter l’architecture technique retenue.
       Le diagramme d’activités pour représenter graphiquement le comportement d’une
        méthode ou d’un cas d’utilisation.
       Le diagramme de classes pour passer à l’implémentation avec un language objet.

Diagrammes effectués :

       a. Diagramme des cas d’utilisation :

Les diagrammes de cas d’utilisation sont utilisés pour donner une vision globale du
comportement fonctionnel d’un système logiciel. Un cas d’utilisation représente une unité
discrète d’interaction entre fonctionnalités.

Dans le souci d’une meilleure lisibilité, le diagramme des cas d’utilisation a été découpé en
plusieurs parties.ils ne sont volontairement pas exhaustifs, le but étant d’avoir une idée
claire du problème et non une implémentation directe.

    Acteurs :

   L’application réalisée doit prendre en considération un seul acteur qui est :

L’administrateur : administrateur de l’application est responsable du paramétrage de
l’application ainsi que la gestion du litige du service informatique.

    Diagramme cas d’utilisation de l’application :

L’administrateur est chargé de : la mise à jour du stock (Ajout, Suppression, modification, et
recherche de chaque article et de la consultation du stock).

b. Diagramme de classes :

Le diagramme de classes constitue un élément très important de la modélisation, il permet
de définir quelles seront les composantes du système final, il ne permet en revanche pas de
définir le nombre et l’état des instances individuelles. Néanmoins, on constate souvent qu’un
diagramme de classes proprement réalisé permet de structurer le travail de développement
de manière très efficace ; il permet aussi, dans le cas de travaux réalisés en composantes de
manière à pouvoir répartir le travail de développement entre les membres du groupe. Enfin,
il permet de construire le système de manière à pouvoir répartir le travail de développement
entre les membres du groupe. Enfin, il permet de construire le système de manière correcte.

Chapitre 3

                         Mise en œuvre

Dans cette partie je présenterai l’architecture de mon travail et les technologies
que j’ai choisies pour mettre en œuvre la solution informatique. Elle sera
organisée en deux rubriques :

    Présentation des choix des technologies
    Phase de développement.

PrestaShop : Logiciel e-commerce

PrestaShop est un logiciel gratuit, open source e-commerce solution. Il prend en charge les

passerelles de paiement tels que DirecPay, Google Checkout , Authorize.Net, Skrill , PayPal ,

PayPal Paiements Pro (directs) et EBANX Commander par leurs respectifs API . Modules de

paiement supplémentaires sont proposés dans le commerce.

PrestaShop est disponible sous la licence Open Software et officiellement lancé en Août

2007 Le logiciel, qui est écrit en PHP et basé sur le Smarty moteur de template, est

actuellement utilisé par 165 000 boutiques à travers le monde.. MySQL est le moteur de

base de données par défaut. PrestaShop est le gagnant des meilleurs open-source prix 2010

et 2011 applications d'affaires.

Le groupe PrestaShop a été fondée à Paris, avec un second siège ouvert à Miami en 2011.

PrestaShop est traduit en 63 langues, avec seulement anglais, français, portugais, allemand,

espagnol, italien, néerlandais, polonais et russe ayant plein soutien dans toutes les versions

de libération.

Le support technique est fourni par l'intermédiaire des plans d'aide versée, ou le support

gratuit sur le forum officiel de PrestaShop Communauté croissance composé de plus de 600

000 membres actifs.

Le logiciel fait un usage intensif d'AJAX dans le panneau d'administration, tandis que des

blocs de modules peuvent être facilement ajoutés à la boutique pour fournir des

fonctionnalités supplémentaires; ceux-ci sont normalement fournis gratuitement par des

développeurs indépendants.

En Mars 2014, PrestaShop a obtenu 9,3 M $ en financement de série B pour alimenter son

expansion mondiale.

Les fabricants de PrestaShop ont un marché officiel pour les modules et thèmes prix

intitulé PrestaShop Addons .

Il ya un certain nombre de bénévoles qui soutiennent et contribuent leurs propres

Extensions de PrestaShop. Collaborateurs programmer souvent des caractéristiques

supplémentaires pour le logiciel, en plus des fonctionnalités disponibles par défaut 310.

PrestaShop exploite un site Web associé appelé Prestabox , qui intègre le logiciel dans une

opération d'hébergement d'une simple escale.

Système de gestion de base de données : Microsoft Access

Microsoft Access (officiellement Microsoft Office Access) est un SGBD relationnel édité

par Microsoft. Il fait partie de la suite bureautique MS Office Pro.

MS Access est composé de plusieurs programmes : le moteur de base de données Microsoft

Jet, un éditeur graphique, une interface de type Query by Example pour manipuler les bases

de données, et le langage de programmation Visual Basic for Applications.

      Principales caractéristiques du produit:

       MS Access est un logiciel utilisant des fichiers au format Access (extension de

       fichier mdb pour Microsoft DataBase (extension *.accdb depuis la version 2007)). Il

       est compatible avec les requêtes SQL (sous certaines restrictions) et dispose d'une

       interface graphique pour saisir les requêtes (QBE - Query by Example - « Requête

       par l'exemple »). Il permet aussi de configurer, avec des assistants ou librement, des

       formulaires et sous-formulaires de saisie, des états imprimables (avec regroupements

       de   données     selon   divers   critères   et   des   totalisations,   sous-totalisations,

conditionnelles ou non), des pages html liées aux données d'une base, des macros et

des modules VBA.

Comme beaucoup de systèmes de gestion de base de données relationnelles, ses

données peuvent être utilisées dans des programmes écrits dans divers langages.

Les langages couramment       utilisés   avec   Access    sont    le Visual   Basic   for

Application (VBA) et les langages qui disposent de modules d'accès aux données pour

les   fichiers .mdb : Delphi de    Borland, Visual    Basic, C++sous Visual     Studio de

Microsoft par exemple. VBA, intégré à Access comme à toutes les applications de la

suite Microsoft Office, permet de créer des applications de gestion complètes, livrées

avec un programme d'installation qui gère automatiquement la mise en place

éventuelle d'un runtime d'Access, et dont le code source est protégé dans une version

semi-exécutable des fichiers (mde). Il est en effet possible (et conseillé) d'installer un

fichier mdb, contenant les tables de données, sur un serveur (ou un poste de réseau

poste à poste dédié comme tel) et des fichiers mdb (ou mde) contenant tous les

éléments de l'application sur les postes client. Cette séparation permet le déploiement

de mises à jour de la partie applicative sans avoir à transvaser les données existantes

d'une base à une autre. Dans ce cas, les fichiers clients sont « attachés »aux tables du

fichier « mdb » installé sur le poste serveur. Sur ce plan, Access est donc très simple à

déployer car il n'a pas besoin de service serveur comme MySQL, Oracle, PostgreSQL,

etc. D'un côté comme de l'autre, ce fichier étant un conteneur, il faudra s'assurer de

sa viabilité. En effet, au moindre défaut du fichier (défaut d'écriture disque, etc.) les

risques de perte de l'application ou des données existent et la réparation automatique

du fichier conteneur n'est pas garantie. Un modèle de sauvegarde est donc fortement

recommandé quelle que soit l'utilisation d'une base Access.

D'après Microsoft, MS Access supporterait des configurations de 255 postes1. Mais en

pratique, pour une utilisation confortable, MS Access serait limité à une vingtaine

d'utilisateurs simultanés, les échanges réseaux étant 10 à 20 fois plus gourmands en

ressources qu'avec Microsoft SQL Server par exemple. En effet chaque application Access

aura accès au fichier de données à travers le réseau sans passer par une application serveur

qui limite le flux de données au strict nécessaire suivant la requête exécutée. Le confort

d'utilisation de MS Access en réseau peut-être considérablement accru quand on utilise

judicieusement les requêtes de type Snapshot (lecture seule, modifications ultérieures non

visibles) et les requêtes de type Dynaset (lecture-écriture) qui sont beaucoup plus

gourmandes en ressources réseau. Ces perfectionnements ne permettent pas de dépasser

pratiquement une quarantaine d'utilisateurs en simultané. Il est important de noter que ces

caractéristiques conviennent largement à la plupart des petites et moyennes entreprises.

D'un point de vue concret Access (avec ses versions 2000 à 2003) convient bien à des

applications faisant intervenir jusqu’à une centaine de tables (principales et de jointures /

relations) avec un maximum pratique de 100 000 enregistrements pour les tables

principales et de 1 000 000 d’enregistrements pour les tables de jointures (appelées aussi

tables de liaisons ou de relations). En pratique la taille maximum d'une base Access 2003 est

de 2 Go1.

Pour une utilisation de plus grande envergure, il peut servir de client pour un serveur de

bases de données (comme SQL Server, Oracle, MySQL, etc.) via ODBC ou OLE DB, on parle

d'utilisation frontale. Si Access est limité en nombre d'utilisateurs, il peut par contre gérer,

sur de petits réseaux locaux de bonne qualité technique, des quantités d'informations qui

vont bien au-delà des besoins de beaucoup d'organismes. Exemples : une base de données

des pièces automobiles de toutes les marques pour des garages, ou une comptabilité de PME

sur un seul site, mais autorisant des consolidations de plusieurs sites autonomes.

Les données d'Access sont facilement exploitables dans les publipostages de Word et les

tableaux Excel. Réciproquement les feuilles de données d'Excel peuvent être « attachées »,

comme une des tables de la base de données ou importées ponctuellement dans une table

Access.

Par le biais du langage de programmation VBA il est possible, depuis l'intérieur d'Access, de

construire ou de modifier tout type de tableaux Excel, puis de traiter et transférer les

informations adéquates de la base de données vers ce même tableur. Attention une fois Excel

lancé depuis Access, il faut le fermer proprement. Sinon l'application peut continuer à

tourner en tâche de fond, sans être visible de l'utilisateur.

Les bases de données produites par Access restent accessibles à tous les langages de

programmation qui permettent une connexion à une base ODBC, c'est le cas par exemple

sous Java en se servant de la passerelle JDBC-ODBC d'Oracle.

Travail réaliser:

             1. Analyse des maquettes du site web existant:

     les anciens maquettes:
Le but de ce projet était de simplifier le site existant afin qu’il soit plus lisible pour l’internaute mais
surtout pour qu’il soit plus vendeur et attrayant.
Les modifications à faire :

                  Etude des maquettes existantes et les modifications à
                   reporter:

C'est la page pricipal du site web : L’image d’arrière plan est à ajuster car lorsque l’on est sur un
grand écran, il manque des parties en bas sur chaque côté (comme indiqué avec les flèches rouges).

-      Dans la bande blanche située en haut, il fallait modifier les rubriques. Il fallait y faire figurer
           les rubriques suivantes :
                        Accueil
                        Présentation
                        Blog
                        Presse
                        Partenaire
                        Contact
Il fallait également supprimer la bande noire qui défile située sur le côté gauche, ainsi que les cadres
blancs au milieu.
La page d’accueil sera présentée comme ceci :

Exemple à suivre :le site de Labagagerie.com

-    Il fallait insérer un grand cadre blanc qui fera toute la page. Ce cadre sera divisé en 2 grandes
         parties :
               o Un grand cadre horizontal pour les clients particuliers
               o Un grand cadre horizontal pour les personnes dont les bagages ont été endommagés
                    à l’aéroport

Les 2 grandes parties (« particuliers » et « litige compagnie aérienne ») devront bien être distinctes
les unes des autres.

La page d’accueil se présentera comme sur l’image. Lorsque l’on passe la souris sur une des
rubriques la photo remontera et un petit texte apparaitra comme sur la photo qui suit :

Les images sont présentées à titre indicatif. Il fallait les remplacer avec des images plus adéquates
afin que l’internaute comprenne d’un coup d’œil de quoi il s’agit.

    A. PARTIE PARTICULIERS
Cette partie est réservée pour :

    -    les personnes qui souhaiteraient faire réparer un bagage qui a été endommagé en dehors
         d’un voyage avec une compagnie aérienne
    -    les personnes qui voudraient acheter un bagage

Il y aura donc dans cette partie une rubrique « réparation », une rubrique « boutique en ligne » et
une rubrique « suivi en ligne ».

    1.   RUBRIQUE REPARATION :
Cette rubrique, consacrée à la demande de réparation en dehors de litiges avec les compagnies
aériennes, sera présenté comme ceci :

Une brève présentation des prestations de SOS Baggage par rapport aux réparations sera faite sur
cette page.

Tout en bas, il y aura un bouton pour faire une demande de devis.

Le bouton pour la demande de devis dirigera directement l’internaute vers le formulaire qui sera
présenté en 3 parties :

   I.       DESCRIPTIF DU BAGAGE
   II.      RECAPITULATIF DE LA DEMANDE ET IDENTIFICATION
   III.     CONFIRMATION DE LA DEMANDE
PARTIE 1 : Descriptif du bagage

Lorsqu’on est sur cette partie, le cadre en haut où il est écrit « Etape 1 : Descriptif du bagage » sera
en violet. A chaque changement d’étape, l’étape correspondante sera en violet.

Les champs seront les suivants :
    - Marque (zone de texte)                                    Sans Marque (case à cocher)
    - Modèle ou référence (le « ? » correspond au point info. Lorsque l’on passe la souris sur le
       point d’interrogation un petit texte apparait pour montrer où se trouve la référence. Texte
       du point info : Vous trouverez la référence du produit sur le bon de garantie ou bien dans
       l’une des poches du bagage, le plus souvent dans la poche de la doublure intérieure.)
    - Il s’agit :   Bagage souple (en tissu)      Bagage rigide (coque)     Hybride (mi souple, mi
       rigide)
                    Sac de voyage      Poussette       Sac pour équipement de sport
    - Taille du bagage :      Cabine (55 cm)     Intermédiaire (60-69cm)      Large (75-79 cm)
           Extra Large (plus de 80 cm)

    -   Produit sous garantie                   Oui            Non
    -   Dommages : (il s’agira d’un menu déroulant, l’internaute pourra déclarer jusqu’à 4
        dommages). Il faudra faire figurer ces mots dans le menu déroulant :
           o Poignée
           o Roue
           o Poignée rétractable
           o Serrure
           o Fermoir
           o Charnière
           o Coque endommagée
           o Couture
           o Fermeture à glissière (zip)
           o Autres (lorsque celui- est cliqué un champ libre apparaitra à côté pour que
                l’internaute puisse écrire)
    -   Photos du bagage : (un bouton pour télécharger des photos sera placé dans les cadres)
           o Photos de face :
           o Photo de la zone endommagée : (4 téléchargements possibles)
           o Copie de la garantie

        Je souhaite que mon bagage soit récupéré à domicile
        Je souhaite que mon bagage soit livré à domicile

Pouvez-vous nous préciser la taille maximale que doit avoir les photos pour qu’elles s’affichent
lorsque l’on reçoit la demande sur notre boite mail ?parce que parfois des demandes où les photos
n’apparaissent pas.
Il faudrait également que lorsque l’on reçoit le mail pour la demande de devis, la demande envoyée
soit présentée de la même manière que sur le formulaire.

PARTIE 2 : Récapitulatif de la demande + Identification

Ici la demande de l’internaute sera récapitulée sous forme d’énumération. Ensuite, l’internaute devra
s’identifier s’il a déjà un compte ou créer un compte s’il est nouveau. Pour la partie identification,
lorsque l’on coche une des deux options « je suis déjà inscrite » ou « pas encore inscrit ? Créez votre
compte », l’autre devient plus claire pour que l’on puisse bien faire la différence entre les deux.

Pour la création d’un nouveau compte, les rubriques seront :
   - Civilité : il s’agira ici d’un menu déroulant. L’internaute devra choisir entre « Mr, Mme ou
        Mlle »
   - Nom
   - Prénom
   - Adresse
   - Complément d’adresse (Bat, étage, etc.)
   - Code postal
   - Ville
   - Pseudonyme : ici l’internaute rentrera le pseudonyme qu’il a choisi
   - N° de téléphone
   - Adresse mail
   - Confirmer l’adresse mail
   - Mot de passe
   - Confirmer le mot de passe

Il fallait préciser en bas en petit que le « * » signifie qu’il s’agit d’un champ à remplir obligatoirement
pour créer le compte.
Le bouton « modifier la demande » permettra à l’internaute de revenir en arrière s’il s’est trompé
dans sa demande ou s’il veut rectifier quelque chose.
Le bouton « valider la demande » permettra de valider et de renvoyer sur la troisième partie :
« Confirmation »

PARTIE 3 : Confirmation

Cette partie confirme la demande de l’internaute.
Le récapitulatif y figurera encore une fois ainsi que l’adresse de livraison (si l’option a été choisie). De
plus, une référence de dossier sera communiqué à l’internaute. Cette référence lui permettra de
suivre en ligne son dossier.
Pour le suivi en ligne, l’internaute rentrera sa référence et l’un des statuts suivants apparaîtra :

    -   En cours de traitement
    -   Devis proposé
    -   En attente de réponse
    -   En cours de livraison

       RUBRIQUE CONCEPT STORE
Il y aura dans cette rubrique la boutique en ligne

       RUBRIQUE SUIVI EN LIGNE
L’internaute pourra suivre en ligne son dossier grâce au numéro de référence qu’on lui donnera.

    B. PARTIE LITIGE COMPAGNIE AERIENNE
Cette partie est divisée en 3 rubriques : « constat d’avarie », « choisir son bagage », « suivi en ligne ».

    1. RUBRIQUE CONSTAT D’AVARIE :
Cette rubrique sera consacrée aux personnes dont le bagage a été endommagé lors d’un voyage avec
une compagnie aérienne. Elle renverra directement vers le formulaire de demande de réparation de
bagage.

Le formulaire sera presque comme celui pour la demande de devis pour réparation. Il y aura juste
quelques champs à ajouter.
Les champs seront les suivants :
    - Référence du litige (avec point info pour trouver le n° de dossier)     Je n’ai pas de
       référence de litige
    - Copie du rapport (DPR)
    - Marque (zone de texte)                                   Sans Marque (case à cocher)
    - Modèle ou référence (avec point info pour montrer où trouver la référence)
    - Il s’agit :   Bagage souple (en tissu)     Bagage rigide (coque)    Hybride (mi souple, mi
       rigide)
                    Sac de voyage      Poussette      Sac pour équipement de sport
    - Taille du bagage :      Cabine (55 cm)    Intermédiaire (60-69cm)     Large (75-79 cm)
           Extra Large (plus de 80 cm)

    -   Date d’achat (champ libre)
    -   Prix d’achat (champ libre)
    -   Dommages : (il s’agira d’un menu déroulant, l’internaute pourra déclarer jusqu’à 4
        dommages). Il faudra faire figurer ces mots dans le menu déroulant :
            o Poignée
            o Roue
            o Poignée rétractable
            o Serrure
            o Fermoir
            o Charnière
            o Coque endommagée
            o Couture
            o Fermeture à glissière (zip)
            o Autres (lorsque celui- est cliqué un champ libre apparaitra à côté pour que
                 l’internaute puisse écrire)
    -   Photos du bagage : (un bouton pour télécharger des photos sera placé dans les cadres)
            o Photos de face :
            o Photo de la zone endommagée : (4 téléchargements possibles)
            o Copie de la garantie
    -

        Je souhaite que mon bagage soit récupéré à domicile
        Je souhaite que mon bagage soit récupéré à domicile

    2. RUBRIQUE CHOISIR SON BAGAGE
Cette rubrique renverra sur le lien de la boutique en ligne. L’internaute aura accès à cette rubrique si
son bagage n’est pas réparable. Un système de « voucher » permettra à l’internaute d’accéder à une
sélection de bagages pour remplacer le bagage irréparable (il s’agit de bagages à peu près similaires à
son bagage d’origine en termes de valeur et de qualité). Toutefois, il pourra choisir des bagages de
gamme supérieure s’ils avancent les frais.

Ces « voucher » auront une durée de validité de 10 jours et ne seront utilisables qu’une fois.

    3. RUBRIQUE SUIVI EN LIGNE
Dans cette rubrique l’internaute pourra suivre en ligne son dossier grâce au numéro de référence qui
lui sera communiqué après voir fait la demande via le formulaire.

    I.      PAGE PRESENTATION :
Dans cette rubrique l’internaute trouvera le texte descriptif suivant :

QUI SOMMES NOUS ?

Notre engagement : vous proposer des produits et services de qualité.

Fort d’une longue expérience dans le service aéroportuaire et dans les plus grandes
maisons de Haute Couture à Paris, les fondateurs de SOS BAGGAGE vous font partager
leur expertise et leur professionnalisme. Agréé par les compagnies aériennes au niveau du
service litige, SOS BAGGAGE vous propose une assistance pour la réparation et le
remplacement de votre bagage endommagé.
Basé dans la zone privilégiée de l’aéroport Roissy- Charles de Gaulle, nous assurons un
service rapide et de qualité.

Nos valeurs : vous satisfaire avec des produits et services novateurs et une flexibilité hors du
commun SOS BAGGAGE vous propose une palette de services toujours novatrice comme la
location de bagages.

Notre objectif : rendre votre voyage le plus agréable possible sans les désagréments liés aux
bagages.

Notre atout : une équipe de professionnels disponible 7jours/7 et toujours à votre écoute
Composé d’une équipe issue du secteur du service et du luxe, nous sommes disponibles
pour tout conseil ou assistance de 6h00 à Minuit sans interruption 7jours/7.

    II.     PAGE BLOG :
Ce lien dirigera directement vers le blog.
Il faudra ajouter un module pour les vidéos.

III.    PRESSE :
Ce lien dirigera directement vers les articles de presse parlant de la société SOS Baggage.
Ajouter également un module pour vidéos

IV.     PAGE PARTENAIRE :
Ce lien mettra en avant tous les partenaires de SOS Baggage.

    V.      PAGE CONTACT :
Le lien dirigera l’internaute vers un formulaire pour nous contacter et notre adresse.

Ajouter une sécurité avant validation pour éviter les spams

Ex : une série de lettres et de chiffres seront écrites et l’internaute devra le retaper pour
prouver que ce n’est pas un robot.

    4. RUBRIQUE BOUTIQUE EN LIGNE :
    -   Nouveaux produits : titre non visible + le bas illisible
    -   Acheter un bagage : rajouter « séjour de moins de 7 jours »
    -   Valise d’occasion : quand on passe la souris sur le cadre bu bagage d’occasion aligner
        « achat » à « acheter » et « location » à « louer » // enlever la rubrique « valises d’occasion »
    -   Pourquoi il y a un lien pour louer les bagages d’occasion et après une rubrique « louer un
        bagage » // enlever location de bagage
    -   Accessoires : corriger la faute d’orthographe
    -   Promotions : la croix « + » se trouve sur l’image au lieu d’être à côté
    -   Pièces détachées : juste un lien pour les pièces détachées et il faut qu’on puisse faire une
        recherche pour trouver la pièce qu’on veut

REFAIRE TOUTE LA PRESENTATION DE LA BOUTIQUE EN LIGNE

Filtres pour la boutique en ligne :
     - Par taille : large, intermédiaire, cabine (et sur chaque produit on va préciser si c’est bon pour
         les low cost
     - Par marque
     - Par couleur
     - accessoires

Les nouvelles maquettes après avoir les analyser :

la nouvelle page d'accueil du site web

la nouvelle rubrique Présentation

la nouvelle rubrique Blog :

la nouvelle rubrique Presse :

la nouvelle rubrique partenaires:

2. Présentation de l'application :

c'est la page principal de l'application.

C’est la première fenêtre qui s’affiche pendant le lancement de l’application.
l'utilisateur trouve sur cette fenêtre principale un menu qui lui permet de gérer son
application ; à travers ce menu là, l'utilisateur peux "accéder au différents opération
de gestion (gestion de clients, de valise, de service ... ", il peut aussi "consulter les
états de ces différents services" ou bien accéder directement                à la "fiche
d'intervention": c'est une fiche qui dois être rempli devant les bureaux des
compagnies aérienne à l' aéroport.

En cliquant sur "Accéder à la gestion" , l'utilisateur est diriger directement vers cette
page qui est un sous menu du menu principal ; elle est plus détailler; cette partie lui
permet l'accès au différents opération de gestion (gestion des clients , gestions des
services ...)

En choisissant par exemple "Gestion des clients ", l'utilisateur peut commencer à
saisir son nouveau client , le modifier, chercher ces clients, supprimer un client, et
lister ça liste des clients.

Cette partie concerne la gestion des clients, là ou on peut créer un nouveau client,
en saisissant ses différentes informations comme il est affiché ci-dessus, et en
terminant par l’enregistrer dans la base de données.

le bouton ajouter permet : d'ajouter un nouveau client.

le bouton chercher permet : de chercher un client.

le bouton modifier permet : de modifier l'une des informations concernant le client
rechercher.

le bouton supprimer permet : de supprimer un client.

le bouton imprimer permet : d'imprimer le client courant.

le bouton actualiser permet : d'actualiser tous les champs de saisie.

le bouton lister permet : de lister tous les clients qui se sont déjà ajouter à la base de
données.

En choisissant par exemple "Gestion des compagnies aérienne", l'utilisateur peut
commencer à saisir, modifier, chercher, supprimer, et lister ça liste des compagnies
aérienne.

Cette partie concerne la gestion des compagnies aérienne , là ou on peut ajuter une
nouvelle compagnie aérienne, en saisissant ses différentes informations comme il est
affiché ci-dessus, et en terminant par l’enregistrer dans la base de données.

le bouton ajouter permet : d'ajouter une compagnie aérienne.

le bouton chercher permet : de chercher une compagnie aérienne.

le bouton modifier permet : de modifier l'une des informations concernant la
compagnie aérienne rechercher.

le bouton supprimer permet : de supprimer une compagnie aérienne.

le bouton imprimer permet : d'imprimer le formulaire courant du compagnie aérienne
afficher.

le bouton actualiser permet : d'actualiser tous les champs de saisie.

le bouton lister permet : de lister tous les compagnies aérienne qui se sont déjà
ajouter à la base de données.

En choisissant par exemple "Gestion des services", l'utilisateur peut commencer à
ajouter, modifier, chercher, supprimer, imprimer, et lister ça liste des services.

Cette partie concerne la gestion des services, là ou on peut gérer un
service(réparation, remplacement), en saisissant ses différentes informations comme
il est affiché ci-dessus, et en terminant par l’enregistrer dans la base de données.

le bouton ajouter permet : d'ajouter un nouveau service

le bouton chercher permet : de chercher un service.

le bouton modifier permet : de modifier l'une des informations concernant le service
rechercher.

le bouton supprimer permet : de supprimer un service.

le bouton imprimer permet : d'imprimer le formulaire du service courant.

le bouton actualiser permet : d'actualiser tous les champs de saisie.

le bouton lister permet : de lister tous les opérations de services qui se sont déjà
ajouter à la base de données.

En choisissant par exemple "Gestion des valises", l'utilisateur peut commencer à
ajouter, modifier, chercher, supprimer, imprimer, et lister ça liste des valises.

Cette partie concerne la gestion des valises, là ou on peut gérer les valises en
saisissant ses différentes informations comme il est affiché ci-dessus, et en terminant
par l’enregistrer dans la base de données.

le bouton ajouter permet : d'ajouter une nouvelle valises.

le bouton chercher permet : de chercher une valises.

le bouton modifier permet : de modifier l'une des informations concernant la valise
rechercher.

le bouton supprimer permet : de supprimer la valise.

le bouton actualiser permet : d'actualiser tous les champs de saisie.

le bouton lister permet : de lister tous les opérations de valise qui se sont déjà ajouter
à la base de données.

En choisissant par exemple "Gestion des livraisons", l'utilisateur peut commencer
gérer ses livraisons.

Cette partie concerne la gestion des livraisons là ou on peut gérer les livraisons en
saisissant ses différentes informations comme il est affiché ci-dessus, et en terminant
par l’enregistrer dans la base de données.

le bouton ajouter permet : d'ajouter une nouvelle livraison.

le bouton chercher permet : de chercher une livraison.

le bouton modifier permet : de modifier l'une des informations concernant la livraison
rechercher.

le bouton supprimer permet : de supprimer la livraison.

le bouton imprimer permet : d'imprimer le formulaire du livraison courant.

le bouton actualiser permet : d'actualiser tous les champs de saisie.

le bouton lister permet : de lister tous les opérations de livraisons qui se sont déjà
ajouter à la base de données.

Et en cliquant sur "Consulter les états" du menu de la page principale , l'utilisateur
est diriger directement vers cette page qui est un sous menu du menu principal ;
cette partie lui permet de consulter/lister les différents états ajouter (état des clients ,
états des services ...)

En choisissant par exemple "Etats des clients ":

On trouve dans cette page la liste de tous les clients qu’on a dans la base de
données, ainsi que toutes les informations relatives, avec une possibilité
d’impression.

Et si on choisi par exemple "Etats des compagnies aérienne ":

On trouve dans cette page la liste de toutes les compagnies aérienne qu’on a dans
la base de données, ainsi que toutes les informations relatives, avec une possibilité
d’impression.

En choisissant par exemple "Etats des livraisons ":

On trouve dans cette page la liste de toutes les livraisons qu’on a dans la base de
données, ainsi que toutes les informations relatives, avec une possibilité
d’impression.

Si on choisi par exemple "Etats des services" on aura l'affichage suivant:

On trouve dans cette page la liste de tous les services qu’on a dans la base de
données, ainsi que toutes les informations relatives, avec une possibilité
d’impression.

En choisissant par exemple "Etats des valises ":

On trouve dans cette page la liste de tous les valises qu’on a dans la base de
données, ainsi que toutes les informations relatives, avec une possibilité
d’impression.

Conclusion

  Ainsi, j’ai effectué mon stage de

  fin d’étude du Master 2 « Technologies de l'Hypermédia » en informatique au sein de
  l’entreprise SOS BAGGAGE. Lors de ce stage de cinq mois, j’ai pu mettre en pratique mes
  connaissances théoriques et pratiques acquises durant ma formation, de plus, je me suis
  confronté aux difficultés réelles du monde du travail et du management d’équipes.

  Après ma rapide intégration dans l’équipe, j’ai eu l’occasion de réaliser plusieurs tâches
  qui ont constitué une mission de stage globale.

  Chacune de ces tâches, utiles au service et au bon déroulement de l’activité de
  l’entreprise, se sont inscrites dans la stratégie de celle-ci et plus précisément dans celle
  du service de gestion en mettant en avant les différents domaines d’informatique. Je
  garde du stage un excellent souvenir, il constitue désormais une expérience
  professionnelle valorisante et encourageante pour mon avenir.

  Je pense que cette expérience en entreprise m’a offert une bonne préparation à mon
  insertion professionnelle car elle fut pour moi une expérience enrichissante et complète
  qui conforte mon désir d’exercer mon futur métier de « ingénieur » dans le domaine de
  l’informatique.

  Enfin, je tiens à exprimer ma satisfaction d’avoir pu travaillé dans de bonnes conditions
  matérielles et un environnement agréable.