Post on 27-Sep-2020
Doumentation technique
1
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
SOMMAIRE Etape I : Fonctionnalité, choix à opérer
Etape II :
o 1-Rédaction du planning
o 2-Définition de la charte graphique
o 3-Arborescence
o 4-Maquettage du site web
Etape III :
o 1-Mise en place de la BD
o 2-Développement
o 3-Plan de test
Etape IV (bis) :
o 1-Création de l’infrastructure technique
o 2-Configuration su serveur
Doumentation technique
2
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
ÉTAPE IEn premier lieux avant de commencer le développement du projet nous avons consacré 4H à prendre connaissance du cahier des charges et à décider des fonctionnalités à implanter dans le site.Nous avons décidé de permettre à l’utilisateur de pouvoir :- rédiger des rapports -consulter la liste des médicaments-consulter la liste des praticiens-consulter l’ensemble des rapports qu’il a rédigé-sécuriser l’accès du site par un mot de passe et un identifiant -il faut être connecté impérativement afin de pouvoir visualiser l’ensemble du site-se déconnecter proprement
3
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
ETAPE II : 1-RÉDACTION DU PLANNING
4
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
ETAPE II : 2-DÉFINITION DE LA CHARTE
GRAPHIQUENous avons décidé de données à notre site des teintes bleutées et blanche afin de correspondre aux couleurs du logo représentant GSB.
5
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
ETAPE II : 3-ARBORESCENCE
Voici ci dessous l’arborescence que nous avons décidé d’adopter pour notre site.
6
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
ETAPE II : 4-MAQUETTAGE DU SITE WEB
Voici ci dessous l’aspect que l’on à souhaité donner aux pages du site(les pages présentées dans ces maquettes ne correspondront pas toutes aux pages finales).Liste des rapports :
Liste des praticiens :
7
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
Liste des médicaments :
Page de connexion :
8
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
Page d’accueil :
Création de rapport :
9
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
ETAPE III :1-MISE EN PLACE DE LA BD
Nous avons drastiquement modifiée la base de donnée en supprimant les tables que nous avons jugées inutile nous avons également rajouté des champs dans la table de rapport afin de pouvoir l’adapter aux besoins et problématique du cahier des charges. Tous ces modifications ont été faite sur PHPMyAdmin.
Avant modification
Après modificati
on
Table rapport
10
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
11
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
ETAPE III : 2-DÉVELOPPEMENT
Nous avons développé notre site grâce aux logiciels Notepad++ et les tests ont été effectués grâce à EasyPHP.Nous avons partagé le développement des différentes pages entre les membres du groupe puis une fois les pages terminés nous nous les sommes échangés afin de vérifier le bon fonctionnement et si des ajouts sont nécessaires.Une fois l’ensemble des pages terminés nous avons crée le fichier css permettant de définir l’aspect graphique du site.Extrait de code formant la page de création de rapport :
12
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
ETAPE III : 3-PLAN DE TEST
Une fois le site terminé nous avons effectuée des tests afin de vérifier le bon fonctionnement du site et corriger les erreurs éventuelles. Nous avons également demandé à des camarades de classes de testé le bon fonctionnement du site et recevoir des commentaires sur d’éventuelle amélioration.
13
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
14
Doum
enta
tion
tech
niqu
e | [
Séle
ctio
nnez
la d
ate]
ETAPE IV : 1-CRÉATION DE L’INFRASTRUCTURE
TECHNIQUEL’infrastructure technique à été installée sur machine virtuelle (pour plus d’information voir le mode opératoire)
ETAPE IV : 2-CONFIGURATION DU SERVEUR
Une fois l’infrastructure technique mise en place nous avons configurés le serveur afin de permettre un accès depuis n’importe qu’elle poste (pour plus d’information voir le mode opératoire).