Conception et Réalisation d’une Application Web de Gestion des Tournées via Pocket PC

1/22
100%

<!-- Slide number: 1 -->

Ecole Sup rieure de Technologie et dInformatique

![](Picture2.jpg)

Projet de Fin d tudes en licence fondamentale en Sciences Informatiques

CONCEPTION ET REALISATION DUNE APPLICATION WEB DE GESTION DES TOURNEES VIA POCKET PC

![](Picture3.jpg)

Bonne Gouvernance informatique

R alis par:

Dhia Elhak LOUHICHI

Marwen KHEFIFI

Encadr par:

M. Faouzi MAMMAR : ESTI

M. Oussema BOUTERRA :BGI

Ann e Universitaire 2009 - 2010

Notes:

Mr le pr sident du jury, Messieurs les membres, Bonjour Nous vous remercions pour votre pr sence loccasion de notre projet de fin detude intitul < conception et r alisation dune application web gestion des tourn es via un pocket Pc >

R alis par moi m me marwen KHEFIFI et mon coll gue Dhia el hak louhichi .

Et encadr par Mr Faouzi MAMMAR et MR Oussema Boutterra.

<!-- Slide number: 2 -->

Plan

R alisation

Solution propos e

Conception

Conclusion et perspectives

Introduction et probl matique

2

Notes:

"Le plan de notre pr sentation sarticule au tours des points suivants:

Nous commen ons par une introduction g n rale

Puis nous passons au cadre g n ral ou nous allons pr senter lorganisme dacceuil ,lexistant,la probl matique et la solution propos e.

Apres , nous passons la sp cification et lanalyse des besoins de notre solution.

Dans la partie de conception, nous expliquerons notre choix de m thode agile et nous pr senterons le diagramme de classes globale, suivi de deux diagrammes de s quences syst me .

Nous exposerons par la suite la phase dimpl mentation du projet en d taillant nos choix technologique, quelques interfaces ainsi qu'un exemple de jeu de tests.

Nous achevons la pr sentation de notre projet par une conclusion et de nouvelles perspectives.

<!-- Slide number: 3 -->

Utilisation de nouvelles technologies.

Automatisation des t ches.

Gain de temps.

Gain dargents.

Am lioration de la gestion des tourn es.

3

Notes:

Des nombreuses entreprises pr f rent adopter des nouvelles technologies afin de gagner le temps et largent.

Tel est le cas des entreprises de distribution de fluide (STEG,SONED etc...) qui souhaitent automatiser leur syst me de rel ve et de gestion des tourn es.

Ce syst me consistait collecter pour une tourn e pr cise(R gion ou un cartier), les valeurs des compteurs par des agents de rel ve au moyen dun stylo et un papier

<!-- Slide number: 4 -->

Inconv nients de la m thode manuelle:

Risque derreurs.

Perte des donn es.

Perte dargent.

Perte du temps.

! (Picture2.jpg)

4

Notes:

Cette m thode traditionnelle a plusieurs inconv nients.

En fait,

Risque derreurs: Avec lutilisation du stylo et du papier, lagent peut facilement se tromper et noter des informations erron es.

Les papiers peuvent facilement tre perdu ou oublier.

Et cela repr sente une perte dargent et de temps.

Perte des donn es.

Perte du temps.

Publicité

Perte dargent.

<!-- Slide number: 5 -->

![](Picture3.jpg)

BGI : Bonne gouvernance informatique, soci t informatique cr e en 2007.

! (Picture11.jpg)

! (Picture5.jpg)

Sous-traitance

Elle a pour missions :

Logiciels

5

Notes:

Pour rem dier ces inconv nients, la soci t BGI a propos une solution dinformatisation de la gestion des tourn es d j existante.

BGI acronyme de Bonne Gouvernance Informatique est une soci t informatique cr e le17/12/ 2007

pour franchir deux nouvelles missions qui sont:

D veloppement des logiciels dans le domaine de gestion :

d nergie, denvironnement et de fluide o sint gre notre projet.

Sous-traitance pour les entreprises fran aises.

<!-- Slide number: 6 -->

Architecture de lapplication existante

![](Picture4.jpg)

Base de donn es

![](Picture8.jpg)

![](Picture8.jpg)

![](Picture12.jpg)

![](Picture12.jpg)

6

Notes:

Lapplication propos e par la BGI est repr sent e par larchitecture suivante.

Elle consiste utiliser le Pocket Pc pour la gestion des rel ves.

Chaque Pocket Pc est connect au poste client correspondant via un port USB.

Lapplication est install e dans chaque Pc et communique avec une base de donn es.

<!-- Slide number: 7 -->

Limites de lexistant

Une application lourde

Difficilement maintenable.

Manque de s curit .

N cessite une installation pour chaque poste client.

Perte de temps et dargent.

7

Notes:

Toute fois, cette application pr sente des limites:

Une application lourde:

Elle ne peut tre utiliser que depuis lordinateur o elle a t install e.

Dans le cas o lapplication n cessite une mise jour ou une maintenance, il obligatoire de la r installer dans chaque Pc.

Cette application pr sente aussi un probl me de s curit .

En effet, les donn es transf r es ne sont pas s curis es, et cela peut engendrer des probl mes de confidentialit si elles sont r cup r es par des personnes

tiers.

<!-- Slide number: 8 -->

![](Picture6.jpg)

![](Picture7.jpg)

![](Picture5.jpg)

Web service

![](Picture8.jpg)

![](Picture8.jpg)

![](Picture8.jpg)

![](Picture11.jpg)

![](Picture10.jpg)

![](Picture12.jpg)

8

Notes:

Pour rem dier les inconv nients de lapplication existante, nous proposons cr er une application full web dont larchitecture physique est la suivante.

Publicité

Notre application sera h berg e par un serveur dapplication qui est connect un serveur de base de donn es et serveur FTP.

Pour pouvoir synchroniser et stocker les donn es dans le Pocket Pc, lutilisateur de lapplication doit le connecter au poste client.

Ce dernier synchronise les donn es entre le Pocket Pc et le serveur.

Le web service joue le r le dinterm diaire entre le poste client et le serveur dapplication.

Le serveur FTP h berge des fichiers .XML crypt s n cessaire pour la synchronisation des donn es.

<!-- Slide number: 9 -->

Besoins fonctionnels :

Synchronisation des donn es entre le serveur et le Pocket PC.

Contr le de donn es entre le Pocket PC et le serveur.

Maintenance du Pocket PC.

S curit .

Mobilit .

9

Notes:

Notre application r pondra aux besoins fonctionnels suivants:

Synchronisation des donn es entre le serveur et le Pocket PC.

Contr le de donn es entre le Pocket PC et le serveur.

Maintenance du Pocket PC.

S curit : Utilisation dun algorithme de cryptographie pour s curiser les donn es transf rer. On a utilis lalgorithme DES parce quil ///////

Mobilit : dans le cas o le poste client tombe en panne, lapplication reste accessible depuis nimporte quel Pc connect au r seau, il suffit davoir le login et le mot de passe pour y acc der.

<!-- Slide number: 10 -->

Besoins non fonctionnels :

Int grit .

Maintenance.

Ergonomie.

10

Notes:

Toute fois, notre application doit r pondre aux certains besoins non fonctionnels.

Int grit :Elle pourra tre facilement int gr e dans le syst me de gestion des fluide avec dautre module tel que la gestion client le et la gestion technique.

Maintenance: Elle est facilement maintenable puisquil suffit de mettre jour lapplication seulement dans le serveur dapplication.

Ergonomique et conviviale.

<!-- Slide number: 11 -->

Diagramme de cas dutilisation g n ral

! (Picture2.jpg)

Chargement

include

include

Authentification

include

include

D chargement

include

include

Installation / R installation

include

Connexion Pocket Pc

! (Picture10.jpg)

include

include

Gestion des agents

11

Notes:

Dans la partie conception, nous pr senterons quelques diagrammes qui nous aideront bien comprendre le fonctionnement du syst me.

Comme nous indique le diagramme de cas dutilisation, notre application contient deux acteurs:

Agent: chargement, d chargement des donn es, maintenance du Pocket Pc.

Administrateur: le r le principale du ladministrateur est de g rer les agents, et dans certains cas il peut faire le mm travail que lagent.

<!-- Slide number: 12 -->

Raffinement des cas dutilisation chargement

Pr paration tourn es

include

! (Picture2.jpg)

Publicité

include

Chargement

include

Envoie des tourn es

12

Notes:

Pour envoyer les donn es vers le pocket pc, il faut dans un premier lieu pr parer ces donn es et dans un deuxi me lieu les envoyer, comme il est indiqu dans ce diagramme raffin .

<!-- Slide number: 13 -->

Diagramme de s quence pr paration tourn es

! (Picture2.jpg)

Syst me

Authentification

recherche tourn es

Liste tourn es affich e

S lectionn tourn es

CreateXML

Crypter XML

Envoie XML

Envoie effectu

13

Notes:

Afin de pr parer les donn es(tourn es), lagent doit sauthentifier, apr s il s lectionne les tourn es d sir es, les syst me cr era donc un fichier XMl contenant les donn es s lectionn es, apr s il crypte et envoie ce fichier au serveur afin detre envoyer par la suite au pocket pc.

Pour plus de d tails concernant la pr paration des tourn es, veuillez consulter le rapport la page: 37.

<!-- Slide number: 14 -->

Diagramme de s quence chargement donn es dans le Pocket Pc

! (Picture2.jpg)

:Syst me

Connexion au Pocket Pc

Chargement

DecrypteXML

CreateSDF

Remplir SDF

EnvoieSDF

Chargement effectu

D connexion

Pocket Pc d connect

14

Notes:

<!-- Slide number: 15 -->

Diagramme de classe

![](Picture2.jpg)

15

Notes:

Les classes metier de notre application sont les suivantes:

-

-

-

-

-

<!-- Slide number: 16 -->

Technologies

Silverglith.

SPICIE.

Application web riche.

Pr paration des donn es.

Gestion des agents.

Plugins riches

Synchronisation des donn es avec le Pocket Pc.

16

Notes:

Pour r aliser notre application nous avons choisi deux technologies savoir Silverlight et SPICIE en utilisant le langage c#.

Publicité

Silverlight permet de cr er des des applicatoin web riche en contenu et en design.

Nous avons utilis Silverlight pour la gestion des agents et la pr paration des donn es qui seront envoy es au Pocket Pc.

SPICIE est une technologie

<!-- Slide number: 17 -->

Outils utilis s

![](Picture2.jpg)

Visual Studio

Microsoft Expression Blend 3

SQLDevelopper

Oracl 10g

Visual Paradigme Entreprise Edition

Rational Rose

! (Picture3.jpg)

! (Picture4.jpg)

! (Picture5.jpg)

! (Picture6.jpg)

! (Picture7.jpg)

17

Notes:

Pour la r alisation de notre application nous avons dutilis :

Visual Studio-- developpement

Microsoft Expression Blend 3 -- design

Oracl 10g -- SGBD

SQLDevelopper- IDE SGBD

Visual Paradigme Entreprise Edition conception

Rational Rose- conception

<!-- Slide number: 18 -->

Architecture logique de lapplication

Couche acc s de donn es

! (Picture3.jpg)

18

Notes:

Lors de r alisation de notre application, nous avons choisi de suivre larchitecture 3 tiers.

Cette architecture permet de :

  • s parer le code source pour chaque couche.

-R utilisation de code source.

-Lisibilit du code.

<!-- Slide number: 19 -->

![](videoavi.jpg)

#

19

<!-- Slide number: 20 -->

Conclusion

R alisation dune application de gestion de tourn es via Pocket PC.

Notre application sera int gr e dans le syst me de gestion de fluide.

Utilisation des nouvelles technologie: Silverlight, SPICIE .

20

Notes:

//descrip

<!-- Slide number: 21 -->

Les perspectives

Synchronisation via un support Wireless (wifi).

Utilisation du protocole https .

21

<!-- Slide number: 22 -->

Merci pour votre attention

22

Conception et Réalisation d’une Application Web de Gestion des Tournées via Pocket PC

Informatique, Gestion de Projet, Technologie · notes

Browse all gestion et économie documents

<!-- Slide number: 1 -->

Ecole Sup rieure de Technologie et dInformatique

![](Picture2.jpg)

Projet de Fin d tudes en licence fondamentale en Sciences Informatiques

CONCEPTION ET REALISATION DUNE APPLICATION WEB DE GESTION DES TOURNEES VIA POCKET PC

![](Picture3.jpg)

Bonne Gouvernance informatique

R alis par:

Dhia Elhak LOUHICHI

Marwen KHEFIFI

Encadr par:

M. Faouzi MAMMAR : ESTI

M. Oussema BOUTERRA :BGI

Ann e Universitaire 2009 - 2010

Notes:

Mr le pr sident du jury, Messieurs les membres, Bonjour Nous vous remercions pour votre pr sence loccasion de notre projet de fin detude intitul < conception et r alisation dune application web gestion des tourn es via un pocket Pc >

R alis par moi m me marwen KHEFIFI et mon coll gue Dhia el hak louhichi .

Et encadr par Mr Faouzi MAMMAR et MR Oussema Boutterra.

<!-- Slide number: 2 -->

Plan

R alisation

Solution propos e

Conception

Conclusion et perspectives

Introduction et probl matique

2

Notes:

"Le plan de notre pr sentation sarticule au tours des points suivants:

Nous commen ons par une introduction g n rale

Puis nous passons au cadre g n ral ou nous allons pr senter lorganisme dacceuil ,lexistant,la probl matique et la solution propos e.

Apres , nous passons la sp cification et lanalyse des besoins de notre solution.

Dans la partie de conception, nous expliquerons notre choix de m thode agile et nous pr senterons le diagramme de classes globale, suivi de deux diagrammes de s quences syst me .

Nous exposerons par la suite la phase dimpl mentation du projet en d taillant nos choix technologique, quelques interfaces ainsi qu'un exemple de jeu de tests.

Nous achevons la pr sentation de notre projet par une conclusion et de nouvelles perspectives.

<!-- Slide number: 3 -->

Utilisation de nouvelles technologies.

Automatisation des t ches.

Gain de temps.

Gain dargents.

Am lioration de la gestion des tourn es.

3

Notes:

Des nombreuses entreprises pr f rent adopter des nouvelles technologies afin de gagner le temps et largent.

Tel est le cas des entreprises de distribution de fluide (STEG,SONED etc...) qui souhaitent automatiser leur syst me de rel ve et de gestion des tourn es.

Ce syst me consistait collecter pour une tourn e pr cise(R gion ou un cartier), les valeurs des compteurs par des agents de rel ve au moyen dun stylo et un papier

<!-- Slide number: 4 -->

Inconv nients de la m thode manuelle:

Risque derreurs.

Perte des donn es.

Perte dargent.

Perte du temps.

! (Picture2.jpg)

4

Notes:

Cette m thode traditionnelle a plusieurs inconv nients.

En fait,

Risque derreurs: Avec lutilisation du stylo et du papier, lagent peut facilement se tromper et noter des informations erron es.

Les papiers peuvent facilement tre perdu ou oublier.

Et cela repr sente une perte dargent et de temps.

Perte des donn es.

Perte du temps.

Advertisement

Perte dargent.

<!-- Slide number: 5 -->

![](Picture3.jpg)

BGI : Bonne gouvernance informatique, soci t informatique cr e en 2007.

! (Picture11.jpg)

! (Picture5.jpg)

Sous-traitance

Elle a pour missions :

Logiciels

5

Notes:

Pour rem dier ces inconv nients, la soci t BGI a propos une solution dinformatisation de la gestion des tourn es d j existante.

BGI acronyme de Bonne Gouvernance Informatique est une soci t informatique cr e le17/12/ 2007

pour franchir deux nouvelles missions qui sont:

D veloppement des logiciels dans le domaine de gestion :

d nergie, denvironnement et de fluide o sint gre notre projet.

Sous-traitance pour les entreprises fran aises.

<!-- Slide number: 6 -->

Architecture de lapplication existante

![](Picture4.jpg)

Base de donn es

![](Picture8.jpg)

![](Picture8.jpg)

![](Picture12.jpg)

![](Picture12.jpg)

6

Notes:

Lapplication propos e par la BGI est repr sent e par larchitecture suivante.

Elle consiste utiliser le Pocket Pc pour la gestion des rel ves.

Chaque Pocket Pc est connect au poste client correspondant via un port USB.

Lapplication est install e dans chaque Pc et communique avec une base de donn es.

<!-- Slide number: 7 -->

Limites de lexistant

Une application lourde

Difficilement maintenable.

Manque de s curit .

N cessite une installation pour chaque poste client.

Perte de temps et dargent.

7

Notes:

Toute fois, cette application pr sente des limites:

Une application lourde:

Elle ne peut tre utiliser que depuis lordinateur o elle a t install e.

Dans le cas o lapplication n cessite une mise jour ou une maintenance, il obligatoire de la r installer dans chaque Pc.

Cette application pr sente aussi un probl me de s curit .

En effet, les donn es transf r es ne sont pas s curis es, et cela peut engendrer des probl mes de confidentialit si elles sont r cup r es par des personnes

tiers.

<!-- Slide number: 8 -->

![](Picture6.jpg)

![](Picture7.jpg)

![](Picture5.jpg)

Web service

![](Picture8.jpg)

![](Picture8.jpg)

![](Picture8.jpg)

![](Picture11.jpg)

![](Picture10.jpg)

![](Picture12.jpg)

8

Notes:

Pour rem dier les inconv nients de lapplication existante, nous proposons cr er une application full web dont larchitecture physique est la suivante.

Advertisement

Notre application sera h berg e par un serveur dapplication qui est connect un serveur de base de donn es et serveur FTP.

Pour pouvoir synchroniser et stocker les donn es dans le Pocket Pc, lutilisateur de lapplication doit le connecter au poste client.

Ce dernier synchronise les donn es entre le Pocket Pc et le serveur.

Le web service joue le r le dinterm diaire entre le poste client et le serveur dapplication.

Le serveur FTP h berge des fichiers .XML crypt s n cessaire pour la synchronisation des donn es.

<!-- Slide number: 9 -->

Besoins fonctionnels :

Synchronisation des donn es entre le serveur et le Pocket PC.

Contr le de donn es entre le Pocket PC et le serveur.

Maintenance du Pocket PC.

S curit .

Mobilit .

9

Notes:

Notre application r pondra aux besoins fonctionnels suivants:

Synchronisation des donn es entre le serveur et le Pocket PC.

Contr le de donn es entre le Pocket PC et le serveur.

Maintenance du Pocket PC.

S curit : Utilisation dun algorithme de cryptographie pour s curiser les donn es transf rer. On a utilis lalgorithme DES parce quil ///////

Mobilit : dans le cas o le poste client tombe en panne, lapplication reste accessible depuis nimporte quel Pc connect au r seau, il suffit davoir le login et le mot de passe pour y acc der.

<!-- Slide number: 10 -->

Besoins non fonctionnels :

Int grit .

Maintenance.

Ergonomie.

10

Notes:

Toute fois, notre application doit r pondre aux certains besoins non fonctionnels.

Int grit :Elle pourra tre facilement int gr e dans le syst me de gestion des fluide avec dautre module tel que la gestion client le et la gestion technique.

Maintenance: Elle est facilement maintenable puisquil suffit de mettre jour lapplication seulement dans le serveur dapplication.

Ergonomique et conviviale.

<!-- Slide number: 11 -->

Diagramme de cas dutilisation g n ral

! (Picture2.jpg)

Chargement

include

include

Authentification

include

include

D chargement

include

include

Installation / R installation

include

Connexion Pocket Pc

! (Picture10.jpg)

include

include

Gestion des agents

11

Notes:

Dans la partie conception, nous pr senterons quelques diagrammes qui nous aideront bien comprendre le fonctionnement du syst me.

Comme nous indique le diagramme de cas dutilisation, notre application contient deux acteurs:

Agent: chargement, d chargement des donn es, maintenance du Pocket Pc.

Administrateur: le r le principale du ladministrateur est de g rer les agents, et dans certains cas il peut faire le mm travail que lagent.

<!-- Slide number: 12 -->

Raffinement des cas dutilisation chargement

Pr paration tourn es

include

! (Picture2.jpg)

Advertisement

include

Chargement

include

Envoie des tourn es

12

Notes:

Pour envoyer les donn es vers le pocket pc, il faut dans un premier lieu pr parer ces donn es et dans un deuxi me lieu les envoyer, comme il est indiqu dans ce diagramme raffin .

<!-- Slide number: 13 -->

Diagramme de s quence pr paration tourn es

! (Picture2.jpg)

Syst me

Authentification

recherche tourn es

Liste tourn es affich e

S lectionn tourn es

CreateXML

Crypter XML

Envoie XML

Envoie effectu

13

Notes:

Afin de pr parer les donn es(tourn es), lagent doit sauthentifier, apr s il s lectionne les tourn es d sir es, les syst me cr era donc un fichier XMl contenant les donn es s lectionn es, apr s il crypte et envoie ce fichier au serveur afin detre envoyer par la suite au pocket pc.

Pour plus de d tails concernant la pr paration des tourn es, veuillez consulter le rapport la page: 37.

<!-- Slide number: 14 -->

Diagramme de s quence chargement donn es dans le Pocket Pc

! (Picture2.jpg)

:Syst me

Connexion au Pocket Pc

Chargement

DecrypteXML

CreateSDF

Remplir SDF

EnvoieSDF

Chargement effectu

D connexion

Pocket Pc d connect

14

Notes:

<!-- Slide number: 15 -->

Diagramme de classe

![](Picture2.jpg)

15

Notes:

Les classes metier de notre application sont les suivantes:

-

-

-

-

-

<!-- Slide number: 16 -->

Technologies

Silverglith.

SPICIE.

Application web riche.

Pr paration des donn es.

Gestion des agents.

Plugins riches

Synchronisation des donn es avec le Pocket Pc.

16

Notes:

Pour r aliser notre application nous avons choisi deux technologies savoir Silverlight et SPICIE en utilisant le langage c#.

Advertisement

Silverlight permet de cr er des des applicatoin web riche en contenu et en design.

Nous avons utilis Silverlight pour la gestion des agents et la pr paration des donn es qui seront envoy es au Pocket Pc.

SPICIE est une technologie

<!-- Slide number: 17 -->

Outils utilis s

![](Picture2.jpg)

Visual Studio

Microsoft Expression Blend 3

SQLDevelopper

Oracl 10g

Visual Paradigme Entreprise Edition

Rational Rose

! (Picture3.jpg)

! (Picture4.jpg)

! (Picture5.jpg)

! (Picture6.jpg)

! (Picture7.jpg)

17

Notes:

Pour la r alisation de notre application nous avons dutilis :

Visual Studio-- developpement

Microsoft Expression Blend 3 -- design

Oracl 10g -- SGBD

SQLDevelopper- IDE SGBD

Visual Paradigme Entreprise Edition conception

Rational Rose- conception

<!-- Slide number: 18 -->

Architecture logique de lapplication

Couche acc s de donn es

! (Picture3.jpg)

18

Notes:

Lors de r alisation de notre application, nous avons choisi de suivre larchitecture 3 tiers.

Cette architecture permet de :

  • s parer le code source pour chaque couche.

-R utilisation de code source.

-Lisibilit du code.

<!-- Slide number: 19 -->

![](videoavi.jpg)

#

19

<!-- Slide number: 20 -->

Conclusion

R alisation dune application de gestion de tourn es via Pocket PC.

Notre application sera int gr e dans le syst me de gestion de fluide.

Utilisation des nouvelles technologie: Silverlight, SPICIE .

20

Notes:

//descrip

<!-- Slide number: 21 -->

Les perspectives

Synchronisation via un support Wireless (wifi).

Utilisation du protocole https .

21

<!-- Slide number: 22 -->

Merci pour votre attention

22