Réalisation de modules métiers dans le cadre de l’Intranet...

Réalisation de modules métiers dans le cadre

de l’Intranet V3 UGAP

RAPPORT DE STAGE

Réalisé par

Anna BRINDEL

Sous la direction de

Cédric PLAGNOL

Pour l’obtention du DUT Informatique

Année universitaire 2012-2013

III

Remerciements Tout d'abord, je remercie sincèrement mon tuteur de stage, Cédric PLAGNOL et toute

l’équipe avec laquelle j’ai travaillé, pour m’avoir éclairée de leurs précieux conseils tout au long de ma recherche et de l'élaboration du projet. Je dis donc un grand merci à : Sébastien RIVIER, Thierry ANDRE, Laurent NGUYEN, Gilles ROUSSEL et Laurent SANGALI.

Je voudrai ensuite remercier ma tutrice de l’IUT, Anne CHIROUZE pour ses conseils pour le rapport et d’avoir répondu rapidement à toutes mes interrogations.

Pour finir, je voudrais remercier Harun SENER, Xaviéra DESPRES et Nadine BAUMIER pour leur relecture et leurs conseils lors de l’écriture du rapport.

IV

Sommaire

1. Présentation de l’entreprise ..............................................................................- 2 -

1.1. Présentation générale ....................................................................................- 2 -

1.2. Statut et mission ............................................................................................- 2 -

1.3. Modalités d'intervention ...............................................................................- 2 -

1.4. Le réseau .......................................................................................................- 3 -

2. Premier module : Rapport d’Activités ..............................................................- 5 -

2.1. Cahier des charges ........................................................................................- 5 -

2.1.1. Analyse de l’existant ..............................................................................- 5 -

2.1.2. Analyse du besoin ..................................................................................- 6 -

2.2. Rapport technique .......................................................................................- 16 -

2.2.1. Conception ...........................................................................................- 16 -

2.2.2. Résultats et perspectives ......................................................................- 24 -

2.3. Manuel d’utilisation ....................................................................................- 24 -

3. Deuxième module : Réservation de véhicule .................................................- 34 -

3.1. Cahier des charges ......................................................................................- 34 -

3.1.1. Analyse de l’existant ............................................................................- 34 -

3.1.2. Analyse du besoin ................................................................................- 34 -


3.2.1. Conception ...........................................................................................- 35 -



4. Troisième module : Réservation de matériel ..................................................- 52 -

4.1. Cahier des charges ......................................................................................- 52 -

4.1.1. Analyse de l’existant ............................................................................- 52 -

4.1.2. Analyse du besoin ................................................................................- 52 -


4.2.1. Conception ...........................................................................................- 53 -


V


5. Rapport d’activité ...........................................................................................- 63 -

5.1. Cycle de développement .............................................................................- 63 -

5.2. Méthode de travail ......................................................................................- 63 -

5.3. Planification ................................................................................................- 63 -

VI

Table des figures Figure 1 : Réseau de l'UGAP ......................................................................................- 4 -

Figure 2 : Maquette d'un Rapport d'Activité Mensuelle .............................................- 7 -

Figure 3 : Use case rapport d'activité mensuelle ........................................................- 8 -

Figure 4 : Maquette de la liste des rapports d'activités prévisionnelles .....................- 9 -

Figure 5 : Diagramme de séquence création d'un rapport d'activité prévisionnelle ...- 9 -

Figure 6 : Graphique de synthèse .............................................................................- 10 -

Figure 7 : Tableaux de synthèse ...............................................................................- 12 -

Figure 8 : Total par année .........................................................................................- 13 -

Figure 9 : Use case rapport d'activité prévisionnelle ................................................- 14 -

Figure 10 : Diagramme de séquence rapport d'activité mensuelle ...........................- 16 -

Figure 11 : Création des combo-box ........................................................................- 17 -

Figure 12 : Récupération des valeurs .......................................................................- 17 -

Figure 13 : Création de l’URL et conversion ...........................................................- 18 -

Figure 14 : Modification de l'URL ...........................................................................- 18 -

Figure 15 : Remplacement de l'URL ........................................................................- 18 -

Figure 16 : Récupération du site et de la liste ..........................................................- 18 -

Figure 17 : Traitement de l'URL ..............................................................................- 19 -

Figure 18 : Requête ..................................................................................................- 19 -

Figure 19 : Passage de paramètre .............................................................................- 19 -

Figure 20 : Total des montants .................................................................................- 20 -

Figure 21 : Code du premier tableau ........................................................................- 21 -

Figure 22 : Code du second tableau .........................................................................- 22 -

Figure 23 : Récupération des années ........................................................................- 23 -

Figure 24 : Calcul du total ........................................................................................- 24 -

Figure 25 : Page d'accueil rapports d'activités ..........................................................- 25 -

Figure 26 : Filtre et total ...........................................................................................- 25 -

Figure 27 : Ajouter un RAP ......................................................................................- 26 -

Figure 28 : Formulaire de création d'un RAP ...........................................................- 26 -

Figure 29 : Boutons d'accès aux différentes pages ...................................................- 27 -

Figure 30 : Graphique de synthèse ...........................................................................- 27 -

VII

Figure 31 : Tableau : évolution m+2/m+1 ................................................................- 28 -

Figure 32 : Tableau : évolution m+2(mois passé)/ m+1(mois en cours) ..................- 28 -

Figure 33 : Tableau : total par année ........................................................................- 29 -

Figure 34 : Ajouter un RAM ....................................................................................- 29 -

Figure 35 : Modifier le RAM ...................................................................................- 30 -

Figure 36 : Afficher le RAM ....................................................................................- 30 -

Figure 37 : Mail d'information .................................................................................- 31 -

Figure 38 : Modifier le RAM ...................................................................................- 31 -



Figure 41 : Compilation des données .......................................................................- 33 -

Figure 42 : Export vers Excel ...................................................................................- 33 -

Figure 43 : Use case réservation de véhicule ...........................................................- 35 -

Figure 44 : Concepteur de Workflow de SharePoint designer 2010 : création de la demande ...............................................................................................................................- 36 -

Figure 45 : Concepteur de Workflow de SharePoint designer 2010 : Rappel pour le responsable ...........................................................................................................................- 37 -

Figure 46 : Concepteur de Workflow de SharePoint designer 2010 : modification par le demandeur ........................................................................................................................- 37 -

Figure 47 : Concepteur de Workflow de SharePoint designer2010 : modification par le responsable ...........................................................................................................................- 38 -

Figure 48 : Concepteur de Workflow de SharePoint designer 2010 : Workflow d'annulation et pour le choix de l'administrateur ..................................................................- 39 -

Figure 49 : Etat transition véhicule ..........................................................................- 40 -

Figure 50 : Diagramme de séquence de la réservation d'un véhicule .......................- 41 -

Figure 51 : Accès à la liste des véhicules .................................................................- 42 -

Figure 52 : Liste des véhicules .................................................................................- 42 -

Figure 53 : Faire une demande .................................................................................- 43 -

Figure 54 : Formulaire de demande ..........................................................................- 44 -

Figure 55 : Etat de la demande .................................................................................- 44 -

Figure 56 : Accéder à la page du demandeur ...........................................................- 45 -


Figure 58 : Afficher la réservation ...........................................................................- 46 -

VIII

Figure 59 : Modifier la réservation ...........................................................................- 46 -

Figure 60 : Supprimer la réservation ........................................................................- 46 -

Figure 61 : Responsable : Mail de demande ............................................................- 47 -

Figure 62 : Responsable : Valider une demande ......................................................- 47 -

Figure 63 : Mail à l'administrateur ...........................................................................- 48 -

Figure 64 : Accès à la page d'administration ............................................................- 48 -

Figure 65 : Administration : Validation d'une demande ..........................................- 49 -

Figure 66 : Administration : Restitution du véhicule ...............................................- 50 -

Figure 67 : Export vers un fichier Excel ..................................................................- 51 -

Figure 68 : Use case réservation de matériel ............................................................- 53 -

Figure 69 : Concepteur de Workflow de SharePoint designer 2010 Workflow de création .................................................................................................................................- 54 -

Figure 70 : Concepteur de Workflow de SharePoint designer 2010 Workflow de création : Rappel ...................................................................................................................- 54 -

Figure 71 : Concepteur de Workflow de SharePoint designer 2010 Workflow de modification .........................................................................................................................- 55 -

Figure 72 : Etat transition réservation de matériel ...................................................- 56 -

Figure 73 : Diagramme de séquence de la réservation de matériel ..........................- 57 -

Figure 74 : Accès à la liste des matériels .................................................................- 58 -


Figure 76 : Formulaire de demande ..........................................................................- 59 -

Figure 77 : Etat de la demande .................................................................................- 59 -

Figure 78 : Afficher une demande ............................................................................- 60 -

Figure 79 : Modifier une demande ...........................................................................- 60 -

Figure 80 : Supprimer une demande ........................................................................- 61 -

Figure 81 : Accès à la page d'administration ............................................................- 62 -

Figure 82 : Validation d'une réservation ..................................................................- 62 -

Figure 83 : Planning prévisionnel .............................................................................- 64 -

Figure 84 : Planning modifié ....................................................................................- 64 -

Figure 85 : Planning réel ..........................................................................................- 65 -

IX

Glossaire

Adjudicateurs : Personne qui attribue un marché administratif.

Dématérialisation : Action d'effectuer des tâches avec des outils informatiques sans utiliser de papier. Numérisation des informations.

Workflow : Flux d’informations qui contribue à l’accomplissement d’un processus.

GED : Gestion électronique de documents.

http://www.linternaute.com/dictionnaire/fr/definition/d/�

http://www.linternaute.com/dictionnaire/fr/definition/effectuer/�



http://www.linternaute.com/dictionnaire/fr/definition/tache-2/�

http://www.linternaute.com/dictionnaire/fr/definition/tache-2/�

http://www.linternaute.com/dictionnaire/fr/definition/des/�


http://www.linternaute.com/dictionnaire/fr/definition/informatique/�

http://www.linternaute.com/dictionnaire/fr/definition/utiliser/�




http://www.linternaute.com/dictionnaire/fr/definition/papier/�



Stage UGAP Anna BRINDEL

- 1 -

Introduction Un intranet est un moyen de communication interne à une entreprise. Il est employé

pour faciliter la communication entre les salariés et l’informatisation des tâches administratives qui pourront être archivées automatiquement. Il permet également d’avoir un accès centralisé et cohérent à tous les documents de l’entreprise. Il est donc nécessaire de donner des droits d’accès aux utilisateurs de l’intranet et aux documents qu’il contient.

Avec l’avancée dans le temps, l’activité de l’entreprise peut se complexifier c’est pourquoi il est nécessaire de le mettre à jour régulièrement et de le faire évoluer. L’UGAP lance donc sa troisième version de l’intranet. La réalisation s’effectue avec SharePoint 2010.

SharePoint 2010 se présente comme un couteau suisse applicatif qui permet de faire du collaboratif, de la GED*, du décisionnel et des réseaux sociaux. Il existe beaucoup de fonctionnalités en standard. D’autre part, cette modularité est aussi évolutive : SharePoint représente une plateforme de développement sur laquelle beaucoup d’entreprises proposent des évolutions. Il peut donc s’adapter à la plupart des demandes.

Les projets qui m’ont été confiés sont des modules de ce nouvel intranet : les rapports d’activité, la réservation de véhicule et la réservation de matériel. Je dois simplifier la façon de les utiliser, les informatiser quand ce n’était pas le cas auparavant.

Après avoir fait une présentation de l’entreprise, chaque projet sera défini à l’aide de son cahier des charges, son rapport technique et son manuel d’utilisation. Dans le rapport d'activité, la méthode de développement, l'organisation du travail et la planification seront abordées.


- 2 -

1. Présentation de l’entreprise

1.1. Présentation générale

L’UGAP (Union des Groupements d’Achats Publics) a été créé en 1985, c’est un établissement public industriel et commercial. Il est sous la double tutelle du ministre du Budget d’une part et du ministre chargé de l’Education Nationale de l’autre.

C’est la seule centrale d’achat publique généraliste française, elle opère pour l’Etat, les collectivités territoriales et le secteur hospitalier. Elle est implantée dans l’ensemble du territoire français et emploie près de 1000 personnes.

L’UGAP assure une mission de service public consistant à mettre à disposition des personnes publiques et le cas échéant des personnes privées assurant une mission de service public, des produits et des services acquis.

1.2. Statut et mission

Le recours à la centrale, elle-même soumise au Code des marchés publics pour toutes ses procédures, dispense ses clients de toute mise en concurrence et publicité préalables. Ceci étant, toute personne publique peut choisir de conduire sa propre procédure. L'UGAP opère donc dans un contexte d'autonomie de choix de ses clients, ce qui l'oblige à rechercher la satisfaction maximale de ceux-ci.

En sa qualité d'établissement public, elle est soumise à la contrainte d'équilibre de ses comptes, elle n'a pas pour vocation de faire de grands bénéfices.

Elle constitue un levier pour ce qui est de la mise en œuvre des politiques publiques, notamment en matière de rationalisation* de la dépense, de développement durable et de soutien aux PME et à l'emploi local.

En tant que coordonnatrice du groupement de commandes « véhicules électriques » piloté par le groupe « La Poste », elle a contribué en 2010/2011 au développement d'une nouvelle filière industrielle d'importance majeure et développe, en complément, une offre étendue en matière d'électromobilité.

Plus ponctuellement, elle accompagne la politique de transfert des compétences vers les départements, des parcs départementaux de l'Équipement d'une part et d'harmonisation des achats de matériels d'incendie et de secours d'autre part.

Avec la création, en 2009, du « Services des Achats de l'État » (SAE) dont la mission est de contribuer à la professionnalisation de la filière achats des ministères et de générer des économies, le rôle d'opérateur d'achat de l'UGAP auprès de l'Etat s'est trouvé renforcé. C'est notamment dans ce cadre qu'elle propose des véhicules, du papier écoresponsable, des consommables de bureau et certains services aux bâtiments.

1.3. Modalités d'intervention

L'UGAP agit principalement au profit de l'État et de ses opérateurs, des collectivités locales et du secteur hospitalier et, plus accessoirement, auprès des personnes privées assurant une mission de service public. Depuis la modification de ses statuts intervenue au mois de


- 3 -

décembre 2008, elle peut aussi désormais servir les entreprises privées titulaires de contrats de « partenariats publics privés » (PPP).

La centrale d'achat acquiert des fournitures et des services destinés à des pouvoirs adjudicateurs*. Cette fonction d'achat pour revente comprend :

- l'enregistrement des commandes,

- l'émission des factures vis-à-vis des clients,

- la gestion des marchés (mise à jour des références, révision des prix…),

- la passation des commandes aux titulaires de ses marchés,

- le paiement de leurs factures et le traitement des éventuels litiges.

Elle est en mesure de mettre à disposition de ses clients des cadres contractuels (marchés ou accords-cadres) qu'ils signent et dont ils assurent eux-mêmes l'exécution. L'UGAP constitue donc une solution d'optimisation des coûts internes des titulaires de ses marchés et de ses clients, en contribuant à réduire les coûts des procédures et les coûts de déploiement.

L'UGAP est d'ailleurs active en matière de dématérialisation* des flux d'informations avec les titulaires des marchés (bons de commande, accusés de réception, factures) et de commandes en ligne (fournitures de bureau, papier, consommables informatiques, produits pétroliers...) ou de paiement par carte d'achat, pour les clients.

En 2011, l'UGAP a ainsi reçu environ 98 500 commandes clients dématérialisées (25 % du total) et 381 000 factures fournisseurs dématérialisées, représentant 55 % du nombre total de factures fournisseurs traitées.

L'objectif global de l'établissement est de contribuer à l'efficacité de l'achat public et à la satisfaction des entités publiques. La croissance de son activité, passée de 485 M€ HT en 2003 à 1 686 M€ HT en 2011, constitue un indicateur pertinent de l'atteinte de cet objectif.

1.4. Le réseau

L'UGAP dispose d'un siège, situé à Champs-sur-Marne et d'un réseau territorial. Avec environ 600 collaborateurs sur près de 1000 salariés, le réseau territorial constitue l'entité la plus importante de l'établissement. Il est structuré autour de 27 implantations régionales, généralement situées aux sièges des régions administratives, regroupées en 8 directions interrégionales (7 directions géographiques, l'Île-de-France étant assimilée à une « inter région », et 1 direction en charge des relations avec les services de l'Etat). (Cf. Figure 1)


- 4 -

Figure 1 : Réseau de l'UGAP

Ce réseau de proximité, avec des équipes commerciales avant-vente et après-vente, assure respectivement l'information, le conseil et la vente de l'offre de produits et services disponibles ainsi que la bonne exécution, le suivi des commandes et la qualité du service.

L'offre de service aux bâtiments et aux occupants est notamment accompagnée sur le terrain par des personnes en charge du respect de la qualité qui gèrent l'interface avec les prestataires.

Dans une mission d'ensemblier, des architectes d'intérieur et un service logistique peuvent intervenir en coordonnant l'ensemble des commandes et des prestations d'installation.


- 5 -

2. Premier module : Rapport d’Activités

2.1. Cahier des charges

2.1.1. Analyse de l’existant

Les rapports d’activités sont constitués des éléments suivants :

- Rapport d'activité mensuelle,

- Rapport d'activité prévisionnelle bimestrielle (m+1 et m+2)

Les deux documents déjà existants (format Word) sont mis en ligne sur l’ancienne version de l’intranet.

Ils sont renseignés par chaque Direction Interrégionale (DIR) une fois par mois.

Les deux rapports d'une DIR sont renseignés par plusieurs personnes de la DIR.

Les salariés de la DIR qui ont des droits de consultation ne peuvent consulter que les données de leur DIR.

Le directeur de réseau ainsi que ses adjoints et la directrice des ventes peuvent consulter les données de toutes les DIR.

Rapport d’activité mensuelle

C’est un document Word qui est basé sur un modèle (cf. Annexe1). Il contient des champs obligatoires ou non à remplir. Il est divisé en plusieurs parties :

- une première partie qui contient le nom de la DIR, le mois et l’année,

-une seconde qui contient toutes les informations relatives au Service Client Interrégional c’est-à-dire : litiges déclarés, % litiges déclarés / N-1, litiges résolus, % litiges résolus / N-1, Services aux bâtiments, Autres offres, Point Clients et Divers,

- une troisième qui contient toutes les informations relatives au service logistique : Chantier et Divers,

- une quatrième qui contient les informations relatives à la Dir-A : Indicateur d’activité et Autres,

- une dernière partie contenant les informations relatives à la Direction interrégionale : Commandes enregistrée, % / Objectif, Autres, Point RH, Difficultés Clients, Difficultés Fournisseurs et Divers.

Rapport d’activité bimensuelle prévisionnelle

C’est un fichier Excel qui contient les prévisions sur deux mois (cf. Annexe 2). Il est divisé en plusieurs parties similaires. Seul le secteur d’activité change (Informatique, Médical, Mobilier, Services et Véhicules). Pour chaque secteur il y a le nom et la localisation du client, le montant HT en K€ et le montant TTC de chaque secteur. Il contient aussi le total général projets mois m+1 et m+2 ainsi que le total sur deux mois.


- 6 -

2.1.2. Analyse du besoin

Spécification technique

Langages

Les langages de programmation du projet seront :

· JavaScript ;

· HTML langage interprété par les navigateurs pour permettre l'affichage de la page web du côté de l'utilisateur ;

· CSS, en complément du HTML, en but d'améliorer le rendu visuel des pages web ;

- CAML pour les requêtes données de type client;

Aspects graphiques

Le seul impératif fixé au stagiaire est de suivre la charte graphique déjà établie avant son arrivée.

Spécifications fonctionnelles

Les rapports d’activités sont des concaténations régulières effectuées au niveau national de l’ensemble de l’activité du réseau commercial UGAP.

Ces rapports, établis manuellement et de façon décentralisée par chaque direction interrégionale, seront initialisés dans SharePoint 2010 selon un modèle commun renseigné localement. Un flux de travail notifiera l’administrateur central de la finalisation des différents rapports régionaux.

Pour mettre au point ces fonctionnalités plusieurs aller–retour (itérations) ont été faits avec le chef de projet fonctionnel résidant à l’UGAP Champ- sur-marne.

Première itération

• Rapport d'Activité Mensuelle

Proposition de garder le document Word utilisé précédemment. Les champs à remplir seront prédéfinis, les données remplies dans ces champs seront récupérées centralisées et stockées dans la base de données. Il utilisera un fichier Word comme à son habitude et il pourra l’imprimer s’il le désire. Les champs importants seront stockés (cf. figure2).


- 7 -

Figure 2 : Maquette d'un Rapport d'Activité Mensuelle

Le diagramme de use case ci-dessous présente les actions que chaque personne peut effectuer (cf. figure 3).


- 8 -

Figure 3 : Use case rapport d'activité mensuelle

• Rapport d’Activité Prévisionnelle Bimestrielle

Création d’un formulaire avec des champs à remplir : Titre, Rapport d’activité prévisionnelle bimestrielle, Direction Interrégionale, mois, année, prévision (m+1/m+2), nom du client, localisation client, secteur d’activité et montant HT en k€.

L’utilisateur aura la possibilité de filtrer les différents secteurs, la prévision et la direction interrégionale. Le total des montants s’affichera en fonction de ce que l’utilisateur aura sélectionné dans les listes déroulantes (cf. figure 4).


- 9 -

Figure 4 : Maquette de la liste des rapports d'activités prévisionnelles

Quand un rapport d’activité prévisionnelle est créé un mail est envoyé au visiteur pour qu’il puisse le consulter (cf. figure 5).

Figure 5 : Diagramme de séquence création d'un rapport d'activité prévisionnelle

Le total pour chaque DIR par prévision sera stocké dans une nouvelle liste et un graphique (cf. figure 6) permet d’avoir une vision d’ensemble de la situation.


- 10 -

Figure 6 : Graphique de synthèse

Deuxième itération

Le titre du sujet est “Rapports d’Activités” et pas “Gestion des rapports d’activités”.

Pour la page d’accueil, une table des matières doit être intégrée dans le corps de la page avec pour la navigation les entrées suivantes :

- Rapports d’Activités Mensuelles,

- Rapports d’Activités Prévisionnelles.

Pour toutes les informations dans les pages mettre les accents et supprimer les “_”.


Pour l’affichage des Rapports d’Activités Mensuelles, les colonnes à afficher sont les suivantes :

-Type,

-Nom,

-Direction Interrégionale (ou DIR),

-Année,

-Mois.

Quand on clique sur le nom, on ouvre le fichier et les colonnes sont filtrables et triables.


- 11 -

• Rapport d’Activité Prévisionnel Bimestriel

De la liste des Rapports d’Activités Prévisionnelles on peut accéder au “Tableau de synthèse” ou “Graphique de synthèse”.

Formulaire d’ajout d’un Rapport d’Activité Prévisionnelle

Reprendre l’ordre défini au départ et ajouter “Direction UGAP” (avec comme valeur prédéfinie “Direction du Réseau”) et “Mots clé entreprise (non obligatoire).

“Titre” doit avoir comme valeur prédéfinie “Rapport d’Activité Prévisionnelle Bimestrielle”

Liste des Rapports d’Activité Prévisionnelles

Même ordre que pour le formulaire et ne pas afficher la donnée “Titre”

Mettre le total et le montant de sorte qu’ils soient plus visibles.

Tableau de synthèse des Rapports d’Activités Prévisionnelles

Accès à “ajout d’un nouvel élément “uniquement possible pour les administrateurs.

Cacher la colonne “Idra”.

Du tableau de synthèse, il faut pouvoir accéder au graphique de synthèse

Les colonnes sont à afficher dans l’ordre suivant :

Direction Interrégionale (ou DIR), Année, Mois, Prévision, Total

Graphique de synthèse des Rapports d’Activités Prévisionnelles

Du graphique de synthèse il faut pouvoir accéder au tableau de synthèse et mettre un titre à celui-ci.

Les deux tableaux suivants (cf. figure 7) doivent être intégrés dans les Rapports d’Activités Prévisionnelles.


- 12 -

Figure 7 : Tableaux de synthèse

Troisième itération

Sur la page d’accueil, au lieu d’avoir une simple table des matières faire une présentation des différents rapports avec des liens vers chacun d’eux.

• Rapport d’Activité Prévisionnel Bimestriel

Un mail doit être envoyé automatiquement dès qu’un Rapport d’Activité Prévisionnelle est créé.

La colonne “Direction Interrégionale” va être de couleur rouge et la colonne “Montant HT (en K€)” en gras.

Le tableau suivant (cf. figure 8) doit être intégré dans les Rapports d’Activités Prévisionnelles.


- 13 -

Total par année des M+1 et M+2

DIR : Est

Mois : Mai 2013

Années M+1 M+2

2011 50 60

2012 55 62

2013 40 70

Figure 8 : Total par année

Liste des Rapports d’Activité Prévisionnelles

Remplacer le mot « Filtrer » sur le bouton par « Recherche – Total »

Remplacer « Aller voir le tableau/graphe de synthèse » par « Tableau/Graphique de synthèse »

Remplacer « Aller voir le tableau d’évolution » par « Evolution M+2 / M+1 »

Remplacer « Aller voir le tableau d’évolution 2 » par « Evolution M+2 (mois passé) / M+1 (mois en cours) »

Ajouter le bouton « Total par année des M+2 et M+1 »

Tableau de synthèse des Rapports d’Activités Prévisionnelles

Remplacer le titre de la page « Rapport d'activités prévisionnelles - Tableau de synthèse » par « Rapports d’Activités Prévisionnelles – Tableau de synthèse »

Renommer le bouton « Aller voir le graphe » par « Graphique de synthèse »

Graphique de synthèse des Rapports d’Activités Prévisionnelles

Renommer le titre de la page « grapheSynthseRAP » par « Rapports d’Activités Prévisionnelles – Graphique de synthèse »

Mettre des listes déroulantes pour les champs Mois et Année (Année avec un é)

http://dsi-spdev-frt1:50010/GestionRA/Lists/Total�

http://dsi-spdev-frt1:50010/GestionRA/Lists/Total�


- 14 -

Mettre les 4 boutons en bas avec les bons intitulés (Tableau/Graphiques et 3 Evolutions)

Tableau d’évolution « Evolution M+2 / M+1 »

Titre de la page = Evolution M+2 / M+1,

Mettre les 3 boutons,

Supprimer l’Editeur de contenu 1.

Tableau d’évolution « M+2 (mois passé) / M+1 (mois en cours) »

Titre de la page = Evolution M+2 (mois passé) / M+1 (mois en cours)

Mettre les 3 boutons (Tableau/Graphique et 2Evolutions)

Le use case récapitule les actions que chacun peut effectuer (cf. figure 9).

Figure 9 : Use case rapport d'activité prévisionnelle


- 15 -


Création d'un Rapport d’Activité Mensuelle

Mettre un bouton « Ajouter un document » sous la liste plutôt que de cliquer dans le ruban sur « document » puis sur « nouveau ».

Le fichier Word ne contient plus de champs obligatoires.

Ajouter la donnée « Direction du Réseau » dans le fichier Word de telle sorte qu'elle corresponde à la donnée de la méta « Direction UGAP » pour tous les Rapports d’Activités Mensuelles.

Ajouter la donnée « Rapport d'Activité Mensuelle «comme méta donnée de "Titre" pour tous les rapports d’activités.

Le nom du fichier s'auto incrémente de la sorte RA-M_DIR_Est_03_2013.docx.

Un mail doit être envoyé automatiquement dès qu’un Rapport d’Activité Mensuelle est créé.

Quatrième itération

• Rapport d’Activité Prévisionnelle Bimestrielle

Suppression de la page « tableau de synthèse » qui est structurée avec des données figurant dans la liste des Rapports d’Activités Prévisionnelle. Possibilité d’accéder directement au graphique de synthèse.

Renommer le bouton “Tableau/Graphique de synthèse “ par “Graphique de synthèse”.

Cinquième itération


Abandon du document Word pour un formulaire. Le formulaire sera séparé en quatre parties. Pour le remplir la personne n’aura accès qu’à la partie qui le concerne. Un mail l’informera quand le formulaire sera créé et à la fin un autre mail informera le directeur que le formulaire est complété.

Le diagramme de séquence permet de voir l’ordre dans lequel les actions sont effectuées (cf. figure 10).


- 16 -

Figure 10 : Diagramme de séquence rapport d'activité mensuelle

2.2. Rapport technique

2.2.1. Conception

Pour ce projet j’ai utilisé :

- les fonctions de base de SharePoint pour créer les listes et le graphique,

-SharePoint designer pour le design et les workflows* qui envoient des mails pour informer les personnes intéressées que le rapport d’activité est créé. Mais aussi pour créer les liens qui vont permettre l’affichage, la modification des rapports d’activités prévisionnelles. Pour ce projet j’ai implémenté trois workflows.

Quand ces deux outils ne me permettaient pas d’arriver à l’effet voulu j’ai aussi développé du code en JavaScript.

Un code (cf. figure 11) qui permet de filtrer les données par Année, Mois, DIR, Secteur et Prévision, ce code permet aussi de faire le Total des Montant HT des éléments filtrés. Pour cela au début il faut créer les combo-box et le bouton sur lequel se générera l’action.


- 17 -

Figure 11 : Création des combo-box

Il a fallu récupérer les éléments sélectionnés pour pouvoir faire les filtres correctement. Il faut stocker le résultat dans des variables locales pour pouvoir les récupérer plus tard.

On se sert de l’identifiant que l’on a mis dans chaque « span » pour récupérer les bonnes valeurs et les mettre dans la bonne variable (cf. figure 12).

Figure 12 : Récupération des valeurs

Pour filtrer les éléments, il a fallu imaginer toutes les combinaisons possibles soit 32 possibilités.

Pour que les combo-box affichent les bonnes valeurs une fois les éléments filtrés il a fallu faire passer les valeurs par URL.

Dans une variable on a, en premier lieu, stocké la partie de l’URL qui est fixe. Le nom de chaque colonne avec le bon encodage URL est contenu dans des variables. Pour les valeurs qui ont des caractères spéciaux il a fallu les convertir pour que ça passe correctement dans l’URL (cf. figure 13).


- 18 -

Figure 13 : Création de l’URL et conversion

Ensuite il faut envoyer la bonne URL en fonction du choix fait par l’utilisateur. Pour cela il faut tester quelle combo box est différente de « Tous » et mettre la bonne variable suivie de la valeur. Avant de rajouter la bonne valeur, il faut indiquer le numéro de la vue qu’il faut afficher (cf. figure 14).

Figure 14 : Modification de l'URL

Une fois l’URL construite il suffit de remplacer l’URL actuelle par celle qui vient d’être construite (cf. figure 15).

Figure 15 : Remplacement de l'URL

On récupère l’adresse du site et l’identifiant de la liste sur laquelle on veut travailler (cf. figure 16).

Figure 16 : Récupération du site et de la liste


- 19 -

Une fois qu’on a la liste, il faut récupérer les éléments que l’on a passés en paramètre et les stocker. Il faut aussi trouver la longueur de l’URL (cf. figure 17).

Figure 17 : Traitement de l'URL

Une fois que l’on a toutes les informations nécessaires, il faut faire les bonnes requêtes, pour cela on teste la longueur de l’URL pour savoir combien d’éléments ont été sélectionnés et ensuite on fait notre requête CAML et on stocke le résultat dans une variable (cf. figure 18).

Figure 18 : Requête

Maintenant on passe le résultat de la requête dans les paramètres de la fonction que l’on va appeler pour faire le total des Montants HT (cf. figure 19).

Figure 19 : Passage de paramètre

On parcourt chaque ligne que la requête a renvoyée pour additionner les Montants HT puis on dit de le remplacer dans le HTML pour qu’il apparaisse en bas à droite (cf. figure 20).


- 20 -

Figure 20 : Total des montants

Pour les tableaux il a fallu faire trois algorithmes différents qui récupèrent les informations de la combo-box et au clic sur « Rechercher » affichent le tableau avec le bon élément.

Pour le premier qui calcule l’évolution des Activités prévisionnelles bimestrielles par DIR.

J’initialise un tableau qui contient toutes les DIR. Dans une variable je crée mon tableau et je le remplace dans le HTML. Je prends la première valeur de ce tableau et je parcours ma liste, à chaque fois que Direction Interrégionale est égal à la valeur de mon tableau je compare l’élément prévision pour ajouter le Montant HT dans la bonne variable.

Si le dénominateur « total » est égal à 0 je ne fais aucune opération, car une division ne peut pas avoir un dénominateur égal à 0. Sinon j’effectue mon opération pour avoir l’évolution et je remplis la première ligne de mon tableau.

Une fois que j’ai parcouru toute la liste avec le premier élément de mon tableau, je prends le suivant et je refais les mêmes étapes jusqu’à ce que tous les éléments soient traités (cf. figure 21).


- 21 -

Figure 21 : Code du premier tableau

Le second qui calcule l’évolution m+2 du mois passé / m+1 du mois en cours de l’Activité prévisionnelle bimestrielle par DIR, fonctionne un peu comme le précédent. La seule différence c’est que le total du mois m+1 est calculé dans une fonction puis passé en paramètre dans une deuxième qui, à l’aide d’une requête CAML récupère les m+2 du mois précédent pour en faire le total et ainsi calculer l’évolution et l’afficher dans le tableau (cf. figure 22).


- 22 -

Figure 22 : Code du second tableau

Et le troisième qui calcule le total des m+1 et des m+2 de l’année.

On crée une liste vide dans laquelle on va stocker les années. Pour ne pas stocker deux fois la même année dans le tableau on parcourt une première fois la liste est on compare si l’année est déjà stockée dans le tableau ou non. Ensuite on crée le tableau que l’on va afficher, on le met dans une variable (cf. figure 23).


- 23 -

Figure 23 : Récupération des années

Je prends la première valeur du tableau qui contient les années et je parcours ma liste. A chaque fois que l’année est égale à la valeur de mon tableau je compare l’élément prévision pour ajouter le Montant HT dans la bonne variable.

Une fois que j’ai parcouru toute la liste avec le premier élément de mon tableau, j’affiche la première ligne de mon tableau HTML et je prends l’élément suivant du tableau des années pour refaire les mêmes étapes jusqu’à ce que tous les éléments de mon tableau soient traités (cf. figure 24).


- 24 -

Figure 24 : Calcul du total

2.2.2. Résultats et perspectives

Les deux rapports d’activités sont opérationnels et fonctionnent correctement, mais on pourrait envisager quelques améliorations à apporter :

Pour les rapports d’activités prévisionnelles, on pourrait rajouter l’icône de modification, d’affichage et de suppression à côté des informations de celui-ci pour que la personne dispose plus facilement de tout ce dont elle a besoin.

On pourrait aussi rajouter le menu à gauche sur les pages qui ne l’ont pas.

Pour les rapports d’activités mensuelles, on pourrait faire en sorte que l’exportation vers Excel soit plus visible, car pour le moment si on ne connait pas l’icône on ne peut pas deviner que c’est ce bouton qui fait l’export.

2.3. Manuel d’utilisation

Sur la page d’accueil des rapports d’activités vous pouvez accéder aux Rapports d’Activités Prévisionnelles et aux Rapports d’Activités Mensuelles depuis le menu à gauche ou en cliquant sur leur nom (cf. figure 25).


- 25 -

Figure 25 : Page d'accueil rapports d'activités

Dans la partie Rapports d’Activités Prévisionnelles se trouve une liste avec des rapports d’activités prévisionnelles des DIR. Cette liste est "filtrable" et le total des éléments filtrés s'affiche en bas à gauche de la liste (cf. figure 26).

Figure 26 : Filtre et total

Pour ajouter un élément dans la liste, il faut cliquer sur "Ajouter un nouvel élément" (cf. figure 27).


- 26 -

Figure 27 : Ajouter un RAP

Un formulaire s'ouvre pour être complété (cf. figure 28).

Figure 28 : Formulaire de création d'un RAP

Depuis cette page on peut également avoir accès à :

Un graphique de synthèse qui montre l'activité prévisionnelle bimestrielle,

Un tableau avec l’évolution “M+2/M+1”,

Un tableau avec l’évolution “M+2” (mois passé)/”M+1” (mois en cours),

par DIR pour un mois et une année donnés.

Un tableau qui présente le total des “M+1” et “M+2” par année et par “DIR” (cf. figure 29).


- 27 -

Figure 29 : Boutons d'accès aux différentes pages

Sur la page du graphique de synthèse en sélectionnant le mois et l’année le graphique se modifie pour faire apparaître les données que vous souhaitez afficher quand on clique sur le bouton rechercher (cf. figure 30).

Figure 30 : Graphique de synthèse

Pour afficher le tableau avec l’évolution “M+2/M+1” par “DIR” et celui avec l’évolution “M+2” (mois passé)/”M+1” (mois en cours) par DIR il suffit de sélectionner le mois et l’année voulus et de cliquer sur le bouton rechercher (cf. figure 31 et 32).


- 28 -

Figure 31 : Tableau : évolution m+2/m+1

Figure 32 : Tableau : évolution m+2(mois passé)/ m+1(mois en cours)

Pour afficher le total des “M+1” et “M+2” par année il suffit de sélectionner la DIR souhaitée et de cliquer sur le bouton rechercher (cf. figure 33).


- 29 -

Figure 33 : Tableau : total par année

De toutes ces pages, on peut avoir accès aux autres.

Dans la partie Rapports d’Activités Mensuelles se trouve une liste de l’activité mensuelle d'une DIR.

Seul le Directeur Interrégional peut ajouter un nouvel élément.

DIR

Pour ajouter un élément dans la liste, il faut cliquer sur « Ajouter un nouvel élément » (cf. figure 34).

Figure 34 : Ajouter un RAM

Vous souhaitez modifier le rapport :

Sur la même ligne que le nom du rapport d’activité se trouve une icône de modification. Vous n’avez qu’à cliquer sur celle-ci pour le modifier (cf. figure 35).


- 30 -

Figure 35 : Modifier le RAM

Vous souhaitez afficher le rapport d’activité mensuelle :

Il vous suffit de cliquer sur l'icône d’affichage qui se situe sur la même ligne et le rapport apparaît (cf. figure 36).

Figure 36 : Afficher le RAM

Service client, Service logistique, Dir-A

Vous recevez un mail vous indiquant que le rapport d’activité a bien été initié et vous avez un lien pour modifier la partie du formulaire qui vous appartient (cf. figure 37).


- 31 -

Figure 37 : Mail d'information

Si vous ne passez pas par le lien renseigné dans l’email, sur la même ligne que le nom du rapport d’activité se trouve une icône de modification. Vous n’avez qu’à cliquer sur celle-ci pour modifier le formulaire (cf. figure 38).

Figure 38 : Modifier le RAM

Vous souhaitez afficher le rapport d’activité mensuelle :

Il vous suffit de cliquer sur l'icône d’affichage qui se situe sur la même ligne et le rapport apparaît (cf. figure 39).


- 32 -


Directeur du réseau

Pour les personnes extérieures qui souhaitent afficher le rapport, il leur suffit de cliquer sur l’icône d’affichage (cf. figure 40).


Vous pouvez avoir accès à la compilation des données en choisissant l’année, le mois et la DIR puis cliquer sur rechercher (cf. figure 41).


- 33 -

Figure 41 : Compilation des données

Pour exporter le résultat de la recherche dans Excel cliquer sur le bouton (cf. figure 42).

Figure 42 : Export vers Excel


- 34 -

3. Deuxième module : Réservation de véhicule



Pour réserver un véhicule, il faut remplir un formulaire papier (cf. Annexe 3). Une première partie est à remplir par le demandeur, une deuxième par son responsable pour la validation de la demande, une troisième par l’administrateur (service Moyens Généraux de l’UGAP) pour l’attribution du véhicule et une quatrième lorsque le véhicule est restitué.



Langages




Aspects graphiques



Création d’un formulaire de demande et de validation du responsable avec les mêmes champs que dans le formulaire de départ. Le demandeur n’aura pas accès à la partie du responsable et vice versa.

Création d’un formulaire pour l’administrateur qui est relié au calendrier pour connaître les véhicules disponibles ou non.

Création des différentes vues :

- Une pour le demandeur, où il peut consulter et modifier sa demande,

- Une pour le responsable, où il peut consulter les demandes qu’il doit traiter,

- Une pour l’administrateur, où il peut valider les demandes, consulter les dates de prise en charge et les dates de restitutions.

- Une page d’accueil avec les réservations de la personne ainsi qu’un lien vers le formulaire de demande.

Création des mails qui s’envoient automatiquement lors de la création d’une demande, de la validation du responsable hiérarchique et de l’administrateur.

Le use case récapitule les actions de chacun (cf. figure 43).


- 35 -

Figure 43 : Use case réservation de véhicule


3.2.1. Conception

Pour ce projet j’ai utilisé les fonctions de base de SharePoint pour créer les listes, mais quand j’en ai eu besoin j’ai aussi utilisé SharePoint designer 2010 pour le design et les workflows. J’en ai implémenté trois :


- 36 -

- Le premier sert à envoyer un mail au responsable hiérarchique et à créer les bons liens ainsi qu’à envoyer un mail d’accusé de réception au demandeur. L’état de la demande est automatiquement initialisé à « En cours » (cf. figure 44).

Figure 44 : Concepteur de Workflow de SharePoint designer 2010 : création de la demande

Si le responsable hiérarchique ne fait aucune action, il reçoit un mail de rappel deux jours plus tard pour lui rappeler que quelqu’un a fait une demande et souhaite son accord (cf. figure 45).


- 37 -

Figure 45 : Concepteur de Workflow de SharePoint designer 2010 : Rappel pour le responsable

-Le deuxième vérifie qui modifie le formulaire. Si c’est le demandeur, le workflow renvoie un mail à son responsable hiérarchique (cf. figure 46).

Figure 46 : Concepteur de Workflow de SharePoint designer 2010 : modification par le demandeur

Si c’est le responsable, il envoie un mail au demandeur si sa demande a été refusée et met l’état de la demande à « Refusé par le responsable » ou un mail à l’administrateur pour qu’il valide à son tour la demande et attribue un véhicule, l’état de la demande est donc « validé par le responsable » (cf. figure 47).


- 38 -

Figure 47 : Concepteur de Workflow de SharePoint designer2010 : modification par le responsable

-Le troisième regarde si le demandeur a annulé sa demande et donc la supprime de la liste et envoie un mail aux personnes concernées pour les informer de l’annulation. Si l’administrateur valide la demande, il envoie un mail au demandeur pour l’en informer et créer un lien vers le formulaire de restitution. Il met également l’état de la demande à « validé par l’administrateur ». S’il ne valide pas, il envoie un mail pour informer le demandeur de la non-validation de sa demande avec le motif et met l’état de la demande à « refusé par l’administrateur » (cf. figure 48).


- 39 -

Figure 48 : Concepteur de Workflow de SharePoint designer 2010 : Workflow d'annulation et pour le choix

de l'administrateur

On peut résumer le changement d’état au cours d’une réservation par le diagramme d’état transition ci-dessous (cf. Figure 49)


- 40 -

Figure 49 : Etat transition véhicule

Le diagramme de séquence ci-dessous montre les actions que chaque acteur effectue lors de la réservation d’un véhicule (cf. figure 50).


- 41 -

Figure 50 : Diagramme de séquence de la réservation d'un véhicule


Les résultats obtenus sont fonctionnel, tout fonctionne sans aucuns bugs et aucune anomalie mais il peut y avoir des améliorations à apporter au niveau du design. Etant donné que c’est une première version le retour des utilisateurs sera important pour nous donner les axes d’améliorations possibles.


Vous pouvez à tout moment consulter la liste des véhicules en cliquant sur « liste des véhicules » (cf. figure 51).


- 42 -

Figure 51 : Accès à la liste des véhicules

La liste des véhicules s’affiche (cf. figure 52).

Figure 52 : Liste des véhicules


- 43 -

Demande de réservation de véhicule

Pour réserver un véhicule, il suffit depuis la page d’accueil de cliquer sur « Réserver un véhicule» (cf. figure 53).

Figure 53 : Faire une demande

Après avoir cliqué sur le lien, un formulaire de demande s’ouvre (cf. figure 54).


- 44 -

Figure 54 : Formulaire de demande

A tout moment, vous pouvez consulter l’état de votre demande sur la page d’accueil, un récapitulatif de celle-ci s’y trouve (cf. figure 55).

Figure 55 : Etat de la demande


- 45 -

Vous pouvez également accéder au formulaire de demande en passant par le menu à gauche « Mes réservations de véhicules » (cf. figure 56).

Figure 56 : Accéder à la page du demandeur

Pour faire une nouvelle demande, il suffit de cliquer sur « ajouter un nouvel élément » (cf. figure 57).


Vous recevrez un mail tout au long du processus de réservation pour vous informer de l'avancée de votre demande.

Si votre demande est acceptée, vous recevrez un mail vous indiquant le lieu et l’heure à laquelle vous pouvez récupérer les clés du véhicule.

Vous pouvez consulter le formulaire en entier à tout moment en cliquant sur l'icône d’affichage (cf. figure 58).


- 46 -

Figure 58 : Afficher la réservation

Vous pouvez modifier votre demande en cliquant sur l’icône de modification (cf. figure 59).

Figure 59 : Modifier la réservation

Vous pouvez supprimer votre demande en cliquant sur l'icône de suppression (cf. figure 60).

Figure 60 : Supprimer la réservation


- 47 -

Responsable hiérarchique

Si vous êtes le responsable d’un collaborateur qui a fait une demande de réservation, vous recevez un mail qui contient tous les éléments et un lien vers le formulaire de validation (cf. figure 61).

Figure 61 : Responsable : Mail de demande

Si vous ne souhaitez pas valider la demande, vous devez spécifier le motif de refus (cf. figure 62).

Figure 62 : Responsable : Valider une demande

Administrateur

Si le responsable du demandeur valide la demande, vous recevez un mail récapitulatif de celle-ci et un lien vers le formulaire que vous devez compléter (cf. figure 63).


- 48 -

Figure 63 : Mail à l'administrateur

Vous pouvez à tout moment valider, consulter et remplir le formulaire de restitution en accédant à la page correspondante par le menu à gauche (cf. figure 64).

Figure 64 : Accès à la page d'administration


- 49 -

Pour valider une demande, il suffit de cliquer sur l'icône de modification de la liste « Réservation à valider » et de remplir le formulaire (cf. figure 65).

Figure 65 : Administration : Validation d'une demande

Une fois la restitution du véhicule effectuée vous devez remplir un formulaire pour indiquer la date de restitution effective et si elle est différente de la date de restitution prévue, indiquez le motif de retard.

Pour remplir ce formulaire il suffit de cliquer sur l’icône de modification de la liste « Restitution de véhicule » (cf. figure 66).


- 50 -

Figure 66 : Administration : Restitution du véhicule

Vous pouvez exporter les données sous Excel de chaque liste, pour cela il suffit de cliquer sur « Export Excel - … » (cf. figure 67)


- 51 -

Figure 67 : Export vers un fichier Excel


- 52 -

4. Troisième module : Réservation de matériel



Pour réserver du matériel, il faut remplir un formulaire, celui-ci doit être validé par l’administrateur pour que la personne qui souhaite emprunter le matériel puisse le faire.

Il y a deux administrateurs différents en fonction du type de matériel demandé.



Langages




Aspects graphiques



Création d’un formulaire de demande et de validation de l’administrateur concerné avec les mêmes champs que dans le formulaire de départ. Il est relié au composant calendrier SharePoint qui offre une fonctionnalité de gestion de la disponibilité des ressources (ici matériel UGAP).

Le demandeur n’aura pas accès à la partie de l’administrateur et vice versa.

Création des différentes vues :

- Une pour chaque administrateur, où il peut valider les demandes, consulter les demandes validées.

- Une page d’accueil avec les réservations de la personne ainsi qu’un lien vers le formulaire de demande.

Création des mails qui s’envoient automatiquement lors de la création d’une demande et de la validation de l’administrateur.

Le use case récapitule l’intégralité des actions de chaque personne (cf. figure 68).


- 53 -

Figure 68 : Use case réservation de matériel


4.2.1. Conception

Pour ce projet j’ai utilisé les fonctions de base de SharePoint pour créer les listes, mais quand j’en ai eu besoin j’ai aussi utilisé SharePoint designer pour le design et les workflows. J’en ai implémenté trois.


- 54 -

- Le premier sert à envoyer un mail à l’administrateur concerné par la demande de matériel. En fonction du matériel demandé, l’administrateur change. L’état de la demande est automatiquement mis à « En cours » (cf. figure 69).

Figure 69 : Concepteur de Workflow de SharePoint designer 2010 Workflow de création

Il envoie aussi un accusé de réception au demandeur, défini tous les liens (afficher, modifier et supprimer). Il y a aussi un rappel qui envoie un mail à l’administrateur en l’informant qu’il n’a toujours pas validé et attribué de matériel (cf. figure 70).

Figure 70 : Concepteur de Workflow de SharePoint designer 2010 Workflow de création : Rappel


- 55 -

-Le deuxième vérifie si c’est le demandeur qui annule sa demande, dans ce cas-là il supprime l’élément de la liste et informe l’administrateur. S’il modifie sa demande, un mail est envoyé à l’administrateur pour l’informer des changements. Si c’est l’administrateur qui valide une demande ou qui l’invalide, un mail est envoyé au demandeur pour l’informer de l’état de sa demande (cf. figure 71). L’état change lui aussi :

- Si la demande est validé il passe à « Validé par l’administrateur »,

- Sinon il passe à « Refusé par l’administrateur ».

Figure 71 : Concepteur de Workflow de SharePoint designer 2010 Workflow de modification


- 56 -

Le diagramme d’état transition ci-dessous reprend le différent état que la réservation de matériel peut avoir (cf. figure 72).

Figure 72 : Etat transition réservation de matériel

Le diagramme de séquence qui suit reprend toute les activités que les acteurs peuvent effectuer (cf. figure 73).


- 57 -

Figure 73 : Diagramme de séquence de la réservation de matériel


Les résultats obtenus sont fonctionnel, tout fonctionne sans aucuns bugs et aucune anomalie mais il peut y avoir des améliorations à apporter au niveau du design. Etant donné que c’est une première version le retour des utilisateurs sera important pour nous donner les axes d’améliorations possibles.


Vous pouvez à tout moment consulter la liste des matériels, il suffit de cliquer sur « Liste des matériels » (cf. figure 74).


- 58 -

Figure 74 : Accès à la liste des matériels

Demandeur

Pour réserver du matériel, il suffit depuis la page d’accueil de cliquer sur « Réserver » (cf. figure 75).



- 59 -

Après avoir cliqué sur le lien, un formulaire de demande s’ouvre (cf. figure 76).

Figure 76 : Formulaire de demande

A tout moment, vous pouvez consulter l’état de votre demande sur la page d’accueil un récapitulatif de celle-ci s’y trouve (cf. figure 77).

Figure 77 : Etat de la demande

Vous recevrez un mail tout au long du processus de réservation pour vous informer de l'avancée de votre demande.


- 60 -

Si votre demande est acceptée vous recevrez un mail vous indiquant le lieu et l’heure à laquelle récupérer le matériel.

Vous pouvez consulter le formulaire en entier à tout moment en cliquant sur l'icône d’affichage (cf. figure 78).

Figure 78 : Afficher une demande

Vous pouvez modifier votre demande en cliquant sur l’icône de modification (cf. figure 79).

Figure 79 : Modifier une demande


- 61 -

Vous pouvez supprimer votre demande en cliquant sur l'icône de suppression (cf. figure 80).

Figure 80 : Supprimer une demande

Administrateur

Quand une demande est effectuée, vous recevez un mail récapitulatif de celle-ci et un lien vers le formulaire que vous devez compléter.

Vous pouvez à tout moment valider, consulter et remplir le formulaire de restitution en accédant à la page correspondante par le menu à gauche (cf. figure 81).


- 62 -

Figure 81 : Accès à la page d'administration

Pour valider une demande, il suffit de cliquer sur l'icône de modification de la liste « Réservation à valider » (cf. figure 82).

Figure 82 : Validation d'une réservation


- 63 -

5. Rapport d’activité

5.1. Cycle de développement

Pour développer le projet, il a été convenu de le faire par cycle itératif – Méthodologie AGILE. Ce cycle repose sur une idée très simple : lorsqu’un système est trop complexe pour être compris, conçu ou réalisé du premier coup, voire les trois à la fois, il vaut mieux le réaliser en plusieurs fois par évolutions. Dans la nature, les systèmes complexes qui fonctionnent sont toujours des évolutions de systèmes plus simples. L’approche objet, de ce point de vue, favorise le développement de programmes selon une démarche itérative. Il ne faut pas croire que traditionnellement on réussit le développement d’un projet du premier coup. Il est très souvent possible que l’on fasse des retours en arrière du développement à la spécification. Le développement itératif l’admet et essaie de maîtriser la complexité, par itérations successives. En complément du cycle itératif, nous avons utilisé la « méthode agile » qui consiste à effectuer les tâches petit à petit, par ordre de priorité, avec des phases de contrôle et d’échange avec le client. Il s’agit d’une méthode très souple qui va permettre de mettre en évidence rapidement les erreurs grâce à un feed-back régulier avec le client et de s’adapter aux évolutions de ses besoins, donc à tous changements éventuels. L'objectif étant de satisfaire au mieux toutes les demandes du client tout en facilitant le travail de développement. Les relations avec le client reposent sur une collaboration et non sur un engagement contractuel.

5.2. Méthode de travail

Pour développer les différents projets, j’ai utilisé SharePoint et SharePoint Designer. SharePoint m’a permis de créer les différentes listes et les différents formulaires que j’ai utilisés pour les projets. Il m’a aussi permis de créer de nouvelles pages et d’y intégrer des diagrammes et des tableaux que j’avais codés auparavant. Les codes que j’ai créés à l’aide de Notepad ++ sont stockés dans une bibliothèque sous SharePoint et lorsque j’en ai besoin je les appelle au bon endroit. Avec SharePoint Designer j’ai pu modifier les formulaires pour masquer ou rendre au contraire plus visible certains champs. Il m’a aussi permis de faire apparaitre sur un lien une image en quelques clics.

5.3. Planification

Dès le début du stage un planning prévisionnel a été mis en place (cf. figure 83)


- 64 -

Figure 83 : Planning prévisionnel

Au vu de l’avancée du projet ce planning a été modifié (cf. figure 84)

Figure 84 : Planning modifié


- 65 -

A la fin du projet, le planning réel a été réalisé (cf. figure 85).

Figure 85 : Planning réel

On peut voir que le planning de départ est très différent du planning réel. Au départ il était prévu de réaliser un seul module et finalement trois modules ont été réalisés.


- 66 -

Conclusion

Le développement du premier module a suivi un cycle itératif et le cahier des charges non clairement définit au départ à évoluer en cours de projet.

Les deux autres modules n’ont pas suivi de cycle itératif parce que les spécifications fonctionnelles étaient plus détaillées et n’avaient pas besoin d’être découpées en plusieurs itérations.

Lors des contraintes techniques, j’ai pu revenir sur les exigences du client et j’ai répondu à l’intégralité de ses demandes.

Les trois projets fonctionnent correctement, cependant des suites peuvent être envisagées, les axes d’évolutions seront donnés par les utilisateurs dans les futurs versions.

Le planning prévisionnel n’a pas été respecté et a été revu une fois. Même avec cette révision on peut s’apercevoir qu’il est très différent de la réalité.

J’ai découvert de nouvelles technologies et environnements de travail notamment SharePoint 2010 et SharePoint Designer.

Les environnements de travail utilisés pendant le stage sont très différents de ceux que l’on apprend à l’IUT et je trouve ça très intéressant de voir comment fonctionne une entreprise.

Ce stage m’a énormément appris notamment à devenir plus autonome et à être à l’écoute des demandes. Il m’a aussi permis de me confronter au monde de l’entreprise et le fait d’être dans une équipe de développement m’a aidé à m’intégrer plus rapidement dans l’entreprise. Au début du stage j’étais très intimidée mais au fil du temps j’ai su dépasser ma timidité pour devenir un membre à part entière de l’équipe.

I

Bibliographie / sitographie

1. Bibliographie PATTISON Ted, CONNELL Andrew, HILLIER Scot, MANN David, Inside

Microsoft SharePoint 2010, Microsoft Press, 2011, Chapitre 10 Client-Side Programming p.353-391.

2. Sitographie

Adresse Type de site Sujet Date de consultation

http://www.asp-php.net/tutorial/asp.net/sharepoint-content-type.php?page=1

Site d’information SharePoint et les Content-Types

05/02/2013

http://msdn.microsoft.com/en-gb/library/ff728095(v=office.14).aspx

Site officiel Create Linked Lists in SharePoint 2010

06/02/2013

http://lsolczynski.developpez.com/tutoriels/sharepoint/integration-caml-webpart/

Site d’information Intégration du CAML dans une WebPart

19/02/2013

http://www.areaprog.com/SP2007/cours-355-architecture-passage-en-revue-de-l-architecture-sharepoint

Site d’information Passage en revue de l’architecture SharePoint

04/02/2013

http://www.sharepointbasic.com/2011/04/display-image-for-hyperlink-in.html

Site d’information Transformer un lien en image

25/03/2013

II

http://www.areaprog.com/SP2010/cours-472-presentation-des-workflows-nouveautes-apportees-par-sharepoint-2010-en-termes-de-workflow

Site d’information Présentation des workflows

05/02/2013

http://msdn.microsoft.com/en-gb/library/ee558778(v=office.14).aspx

Site officiel How to: Create External Lists in SharePoint

07/02/2013

http://spsdev.blogspot.fr/2012/03/how-to-pass-parameter-to-sharepoint.html#!/2012/03/how-to-pass-parameter-to-sharepoint.html

Blog How to pass parameter to SharePoint executeQueryAsync method

20/02/2013

http://msdn.microsoft.com/en-us/sp2010devtrainingcourse_developingbiapplicationslab_topic2.aspx

Site officiel Exercise 1: Using the Charting Web Parts

26/02/2013

http://smarttools.codeplex.com/

Site officiel Proposition de logiciel pour faire des graphiques

26/02/2013

http://antoniolanaro.blogspot.fr/2011/05/ecmascript-how-to-get-lists.html

Blog Récupérer l’ID de la liste

11/03/2013

III

Annexes

Annexe 1 Rapport d'Activité Mensuelle

IV

Annexe 2 Rapport d'Activité Prévisionnelle

V

Annexe 3 Formulaire de réservation de véhicule

Résumé : La réservation de véhicule et de matériel, à l’aide de SharePoint 2010 permet un

contrôle par l’administrateur. Il choisit un véhicule ou un matériel à attribuer. Une fonction permet la vérification instantanée de la disponibilité.

Les rapports d’activités mensuelles éditées chaque fin de mois rendent compte de l’activité de chaque direction. Tandis que les rapports d’activités prévisionnelles sont là pour faire une prévision sur les deux mois qui suivent.

Ces trois projets ont été élaborés avec SharePoint 2010. SharePoint Designer l’accompagne pour le design et les workflows. Le code est fait en JavaScript.

Mots clés

SharePoint, JavaScript, Workflow, Véhicule, Matériel, Rapport d’activité

Summary:

The reservation of a vehicle and equipment using SharePoint 2010 allows control by an administrator. He chooses the vehicle or equipment to be assigned. A function enables instantaneous checks on availability.

Monthly activity reports published each end of month report the activity of each division. While activity forecasts are available to predict business for the two following months.

These three projects have been co-developed with SharePoint 2010. SharePoint Designer assists with design and workflow. The code is in JavaScript.

Keywords

SharePoint, JavaScript, Workflow, Vehicle, Equipment, Activity reports

Réalisation de modules métiers dans le cadre de l’Intranet...

Documents

Transcript of Réalisation de modules métiers dans le cadre de l’Intranet...