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.

R e m e r c i e m e n t s 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.