Mémoire

Projet Bachelor

Développement et déploiement
d’une application web Nicolas Digout, 07/2022
1
1
 Introduction mémoire
Développement et déploiement d’une application web

Bonjour, pour vous remettre dans le contexte et parler de mon année, je vais vous faire une rapide
présentation :
Je m’appelle Nicolas Digout je suis auto-entrepreneur développeur web avec le statut de travailleur
indépendant handicapé, ce qui m’a offert la possibilité d’un accompagnement dédié.
Effectivement je remercie Arnaud Leveneur (Responsable TIH-Booster 31), ainsi que tous mes clients comme
Laury Candoulives, Psychologue, ou Sabine Herbin, esthéticienne masseuse qui m’ont fait confiance pour
leurs projets. Vous pourrez retrouver des screens de leurs sites en pages annexes.
Je remercie également l’AN21 qui a accepté d’étaler mon cycle d’apprentissage sur deux ans ,et à distance,
afin que cela soit plus adapté à ma situation.

Afin de construire ce mémoire, j’ai choisi de m’appuyer sur un site web type développé de A à Z pendant cette
année.
Vous pouvez retrouver un résumé du cahier des charges dans la page suivante.

2
2
 Résumé du cahier des charges

Intro : Ce projet consiste à monter et déployer un site web permettant de regrouper et de retrouver diverses astuces sur le thème
du handicap.
Le but ici, est de répondre à un problème qui est assez repandu, les gens à mobilité réduite peuvent se poser des questions à
propos de sujets précis sans n’avoir jamais de réponse. L’application finale devra permettre à toute personne de lire du contenu
présent sur le site web et d’en poster de nouveaux dans le but de rassembler et de découvrir des « astuces » liées à l’handicap.
Ce terme d’astuces est choisi afin de ne pas se limiter à un thème précis. Ce projet évoluera mais pour le moment les thèmes
abordés sont limités à 8.

Technologies : SGBD = MySQL

Langages front-end = Html, Css, Js + simples frameworks comme Bootsrap et W3
Langages back-end = MySQL PHP

Public visé : Entourage de personnes à mobilité réduite, personnes à mobilité réduite depuis la naissance, personnes à mobilité
réduite suite à un événement de la vie, professionnel.le.s de santé , accompagnant.e.s (comme éducateur spécialisé par
exemple)

Livrables : L’ensemble des livrables est géré par moi-même, Nicolas Digout, un temps (une semaine) sera réservé à la
conception graphique, un temps pour la conception de la base de donnée (entre 3 et 5 jours), et un temps d’une semaine pour
l’assemblage des deux (derniers réglages et adaptations), il sera nécessaire (en fin de projet) de réserver une partie de
l’organisation, soient 3 jours, à la sécurité ( base de donnée, protocoles serveur et back-test). Une fois ces critères validés il sera
possible de passer au déploiement sur un serveur OVH auquel sera relié le nom de domaine. Afin de tout finaliser, cinq jours de
back-tests seront nécessaires. Dans ce temps est comptée la probabilité de rencontrer différents contre-temps.

3
3
 Sommaire
SOMMAIRE :
Introduction
Présentation de l’entreprise :
1. Présentation du site
2. Les cibles
3. Les objectifs
4. Périmètre du projet
Graphisme et ergonomie
1. La charte graphique
2. Wireframe et Maquettage
Spécificités et livrables
1. Le contenu du site
2. Contraintes techniques
3. Les livrables
4.Pentest
5.Le Planning

4
4
Présentation de l’entreprise

Ce projet est réalisé comme projet de fin d’études. Les

conditions ayant été adaptées à ma situation (cours à distance
et sans alternance) et étant auto-entrepreneur (TIH) ,
j’utiliserai mes chiffres pour décrire mon entreprise.

L’entreprise créée en 2020, sous le statut d’auto-

entrepreneur, développe des sites web. Elle a eu 2 clients
cette année. Ces clients peuvent être de milieux très variés,
professionnels ou particuliers.
Les demandes auxquelles elle doit répondre sont les
fabrications ou la refonte d’un site web. Il peut alors être
nécessaire de reprendre le travail d’un autre développeur si le
projet existe déjà. Les technologies et méthodes misent en
œuvre doivent s’adapter à chaque client. C’est pourquoi le
travail déployé peut être basique et utiliser de simples CMS si
le client veut garder la main par exemple, ou être fait sur
mesure de A à Z.

5
5
Les cibles

Les cibles potentiellement intéressées par ce site peuvent être

catégorisées dans un « personas » préalablement établi, qui
renverrait ces différents résultats :

- genre : indifférent
- âge : 10-85  
- Potentiellement invalide
- Possède un proche invalide dans son entourage
- A la recherche d’informations pratiques sur le handicap
au quotidien
- En relation avec un centre de rééducation et de
réadaptation suite à son handicap
- En relation avec une assistante sociale

7
7
Périmètre du projet

Le thème abordé pour se projet est bien trop grand pour ne

pas être délimité.
En effet l’objectif initial est de faciliter les recherches de
personnes dépendantes. Il existe beaucoup de sources,
beaucoup de sujets, beaucoup de thèmes, beaucoup de types
d’handicaps etc. J’ai donc choisi de resserrer le viseur sur les
thèmes suivants :
- Les voyages
- Les véhicules
- Toulouse
- Les associations
- Les aides techniques

Ce choix a été fait sur plusieurs critères tel que la fréquence

des demandes d’informations sur ces thèmes lors des
journées des usagers à l’APF, mais aussi sur l’accès assez
difficile à l’information.

9
9
Wireframe et maquettage

psychologue-candoulives.fr :

Choix de la police avec le

client

Disposition du menu et
couleur ajustées

11
11
Wirefrime et maquettage

Lorsque un client m’a expliqué son projet et qu’il a répondu à

certaines de mes questions, j’essaye de réaliser une maquette
qui répond à ses attentes sur balsamiq.
Ce ne sera jamais parfais lors du premier essai mais il pourra
me dire ce sur quoi il voudrait un changement lors du rendez-
vous suivant.

Pour illustrer mes propos j’ai pris comme exemple

psychologue-candoulives.fr qui est un site développé pour une
cliente et pour qui des maquettes avaient été effectuées et
validées par cette dernière avant de commencer le
développement.

Des bibliothèques d’images libres de droits sont ensuite

utilisées, ou des photos personnelles au client.e.s .

12
12
Contenu du site

Pour mon mémoire, j’ai eu l’opportunité de choisir ce projet qui

m’est personnel et dont je suis l’auteur.
Les articles, les textes et les photos sont, cependant, souvent
donnés par le client.

Pour la cliente dont j’ai pris l’exemple juste avant, le tout était
rédigé sur un fichier World et ce fut mon travail que de
l’adapter et le publier suite à son accord.
Les images quant à elles furent décidées lors de nos réunions
autour du projet ou bien proposées et validées par courrier
électronique.
J’utilise des images qui appartiennent au client ou bien des
images libres de droits téléchargées sur des bibliothèques
publiques.

13
13
Contenu du site

Pour Invastuces, le plus important sera de retrouver des

thèmes abordés par les personnes concernées ( PMR ) et
suscitant chez elles beaucoup d’intérêt. Que ce soit sur les
réseaux sociaux, les forums, ou lors de réunion de
l’Association des paralysés de France, où des problématiques
commues sont mises en avant.
Un léger travail d’investigation peut être nécessaire lorsqu’un
client nous demande de réaliser son site web. Tout dépend le
type de prestation et surtout, si oui ou non le client donne ses
contenus.

Le système de compte et de publication d’article mis au point

sur le site, permettra de choisir un thème, et à chacun
d’alimenter le site un peu comme un réseau social.

14
14
Spécificités et livrables

Les livrables que contient un projet peuvent être sous

différentes formes.
Cela peut-être simple comme une modification du contenu du
site, l’ajout d’une nouvelle fonctionnalité ou d’un nouvel outil
comme Google Analytics et ainsi de générer un rapport. Ou
plus technique auquel cas je ferai une analyse du problème
pour mieux répondre au client.

Tout cela est spécifique à chaque type de site livré (site vitrine,
application de réseau etc.). En ce qui concerne le contenu de
mes projets professionnels, le client me donne ses
paragraphes écrits sans forme ou dis-positionnés sur un
fichier world.

15
15
Spécificités et livrables

Dans mon cas :

Pour Invastuces, clé de voûte de ce mémoire, le projet est en
constante évolution et je n’ai pas de date limite de fin de
projet, ce qui facilite les choses.

Les livrables pourront être un simple site fonctionnel. On

pourra rajouter des améliorations et mises à jour au fur et à
mesure.

Pour mes clients, je donne toujours une date que j’ai estimée
lors de la réalisation du devis. Il est très pertinent de donner
une date plus éloignée que la véridique car le client préfère
les bonnes nouvelles : « - J’ai terminé plus tôt » que les
mauvaises.

16
16
Planing

Les tâches prioritaires furent décidées au moment de

l’élaboration du plan d’action.
L’attribution d’une couleur, d’un score, ou autre, permet de
définir l’importance de la tâche afin de mieux s’organiser dans
le temps.

Afin de ne pas me bloquer, je n’exigeais pas que l’action en

cours de réalisation soit terminée pour passer à la suivante.
Cette méthode peut être utilisée pour ne pas trop se disperser
et risquer d’oublier des éléments.

20
20
Conclusion

Ces deux années dans ce diplôme, cette école, ce mémoire

ainsi que ces professeur.e.s m’ont été très bénéfiques et je les
en remercie.

J’ai beaucoup appris que ce soit sur le fait de coder dans

différents langages, sur l’organisation dans nos projets, les
méthodes à mettre en places et celles à éviter.
Passionné de cybersecurité, j’ai pu continuer à me
perfectionner et devenir meilleur en évitant les plus grosses
erreurs.

Aujourd’hui j’espère que le fait de savoir faire tourner des

applications web de manière rapide et sécurisée me permettra
de monter mon entreprise et de prospérer dans mon activité
tout en continuant d’apprendre tel que se doit un bon
développeur.

21
21
22