Spécifications techniquesClient Entreprise GSB Projet Application Web de gestion des frais de

déplacementsCréé le 29/10/2014 MAJ

Auteur VICHARD Vivien Version 1

Destinataires DSI GSB

Fichier Cahier des document.docx

Version Modifié le Par Modifications

Table des matières :

1. Contexte ……………………………………………………………………………………………………….2. Description générale ……………………………………………………………………………………..

2.1 Diagramme de cas d’utilisation ………………………………………………………….2.2 Arborescence fonctionnelle ……………………………………………………………….2.3 Présentation des différentes interfaces ……………………………………………..

3. UML ……………………………………………………………………………………………………………….3.1 MCD …………………………………………………………………………………………………..3.2 MLD ……………………………………………………………………………………………………

4. Outils utilisés …………………………………………………………………………………………………5. Langages de programmation utilisés ……………………………………………………………..6. Diagramme de Gantt prévisionnel …………………………………………………………………7. Contraintes ……………………………………………………………………………………………………

7.1 Contraintes physiques ……………………………………………………………………….7.2 Contraintes de développements ………………………………………………………..

8. Documentation technique ……………………………………………………………………………..

1. Contexte

L’entreprise GSB souhaite la mise en place d’une application web permettant de centraliser les frais d’activités (saisie et consultation), ainsi qu’un suivi daté.Cette application web sera constituée de 3 parties internet :

- Une page pour se connecter (en tant que visiteur ou comptable)- Une partie visiteur permettant de renseigner et consulter des fiches de frais.- Une partie comptable permettant de valider les fiches de frais et de suivre le paiement de

ces fiches.

L’application web se fera à l’image du site officiel de l’entreprise GSB en termes d’ergonomie de couleur.Les pages internet seront donc épurées de tout ce qui est volumineux et autre animations, elle doit être sobre et professionnelle.

Cette application web sera développée dans un langage web, c’est-à-dire html, php, css et javascript.

2. Description générale

2.1 Diagramme de Cas d’utilisation

2.2 Arborescence fonctionnelle

2.3 Présentation des différentes interfaces

Couleurs prédominantes : Bleu et blanc

Page de connexion : Très simple avec un formulaire de connexion

- Identifiant- Mot de passe- Bouton connexion

Le bouton connexion permet de vérifier l’authenticité des logins pour permettre la redirection vers le modulé souhaité.Dans le cas contraire, un message d’erreur s’affiche et l’on reste sur la page d’identification.

Page visiteur :

Une fois connecté, le visiteur est redirigé sur la page de consultation des fiches de frais.Sur cette page, il y aura un bouton permettant de créer une fiche de frais.

Page comptable :

Sur cette page, il y aura une recherche par visiteur.

3. UML

La base de données se fera sur MySQL Workbench, qui est simple d’utilisation et rapide.L’application web communiquera avec la base de données par le biais de requêtes SQL dans le code.

Le modèle de base de données modélisée pour la partie visiteur n’étant pas compatible avec l’ajout de la partie comptable, nous l’avons modifié.

3.1 MCD

Présentation de 2 MCD :- Avec un nouveau champ dans la table Visiteur.- Ajouter des 2 tables Acteurs et Comptable.

Premier cas :

V isiteur

PK id

nomprenomadressev illecpdateE m baucheloginm dp

FicheF rais

PK m oisPK idV isiteu r

nbJustificatifsm ontantV alidedateM odif

FraisForfait

P K id

libellem ontant

LigneFraisForfait

PK id VisiteurPK m oisPK id FraisForfait

quantite

LigneFraisH orsForfait

P K id

datem ontantlibelle

E tat

P K id

libelle

Deuxième cas :

Comme GSB est une multinationale implantée dans de nombreux pays, nous avons donc décidés de créer deux nouvelles tables : Visiteur et Comptable, qui hériteront de la table Acteurs avec un nouveau champ dans la table Acteurs.

3.2 MLD

FraisForfait (idFraisForfait, libelle, montant, idLigneFraisForfait)idFraisForfait : clé primaireidLigneFraisForfait : clé étrangère en référence a idLigneFraisForfait de LigneFraisForfait

LigneFraisForfait(idLigneFraisForfait, quantite)idLigneFraisForfait : clé primaire

FicheFrais (mois, nbJustificatifs, montantValide, dateModif, idActeur)Mois : clé primaireidActeurs : clé etranere en reference a idActeurs de Acteurs

Etat (idEtat, libelle)idEtat : clé primaire

LigneFraisHorsForfait (id LigneFraisHorsForfait, date, montant, libelle)LigneFraisHorsForfait : clé primaire

Acteurs (idActeurs, nom, prenom, telephone, adresse, ville, cp, dateEmbauche, login, mdp)idActeurs : clé primaire

Visiteur (idActeurs, )

idActeurs : clé primaireidActeurs : clé étrangère en référence à idActeurs de Acteurs

Comptable (idActeurs, )idActeurs : clé primaireidActeurs : clé étrangère en référence à idActeurs de Acteurs

4. Outils utilisé

NotePad ++

WampServer

Base de données MySQL

Navigateurs internet :Google chrome Internet explorer Mozilla firefox

5. Langages de programmations

HTML5

CSS3

PHP5

Javascript

SQL (MySQL)

6. Diagramme de Gantt

7. Contraintes

7.1 Contraintes physique

Le développement de l’application se fera sur des ordinateurs mit à notre disposition.

Contraintes du support de développement

Ordinateur portable AsusProcesseur : Intel core i7-4700HQ CPU (2.40 GHz)Mémoire : 16 Go DDR3OS : Windows 8.1Environnement de développement : WampServer

7.2 Contraintes de développement

cf annexes

8. Documentation d’utilisation

cf annexe