ÉCOLE SUPERIEURE DES TECHNIQUES DE GESTION

(ESTG)

Agrément n°141/MESR/DGES/DESP/DSQ/fl

PROJET DE FIN DE CYCLE

Pour l’obtention du diplôme de
Licence professionnelle en Informatique de gestion

SUJET :

Mise en place d’une application de gestion pour un magasin de vente

PRESENTE PAR :
Sokhna Mame Khary Bousso SARR

Encadreur :
M. Abdou Woré NGOM

Ingénieur en Réseau, Système et Sécurité

Année académique : 2022-2023

 Dédicaces

C'est avec profonde gratitude et sincères mots, que nous dédions ce modeste travail de fin
d'étude à nos chers parents ; qui ont sacrifié leur vie pour notre réussite et nous ont éclairé le
chemin par leurs conseils avisés.
Nous dédions aussi ce travail à nos frères et sœurs, nos familles, nos amis, et à tous ceux qui
nous sont chers

1
 Remerciements
Premièrement nous disons « Lahad manal lahou aleyna maratal oukhrane leuhoul hamdou Wa shoukrou Wa
ridwane fi dawan », nous rendons grâce au BON DIEU de nous avoir accordé toute la détermination et la
force nécessaire à l’accomplissement de ce travail « lakal hamdou Wa shoukrou sarmadan »

Nous éprouvons une reconnaissance sincère pour la bonté de DIEU et pour toutes les bénédictions que nous
avons reçues

La présentation de ce modeste travail nous offre l’occasion d’exprimer notre profonde gratitude à Monsieur
NGOM, Professeur à l’ESTG, qui a bien voulu diriger ce travail pendant toute la durée de l’expérimentation
et la mise en forme du document final.

Ses nombreux conseils ne nous ont jamais fait défaut. Nous sommes heureux de lui exprimer ici notre
respectueuse reconnaissance.

Nous tenons à exprimer notre profonde gratitude et nos sincères remerciements à notre directeur des
programmes M. FALL et à notre responsable administrative Madame MATHIEU une vraie battante avec la
main sur le cœur et à tous les membres de l’administration.

Au membre du jury d'avoir accepté de juger notre travail et de l'avoir enrichi.

Jeureujeuf SERIGNE TOUBA

Nous remercions aussi nos chers parents de nous avoir donné une bonne éducation et de nous avoir conduit à
l’école, notre tutrice Fanta de nous avoir pris dur son ail, les fervents talibés de notre CHEIKH SERIGNE
AMAR THIAM, mes amis, mes compagnons de même but.

Merci à notre marabout et guide CHEIKH SERIGNE BAMBA THIAM et un grand hommage à notre guide
spirituel SERIGNE AMAR THIAM paix et miséricorde de DIEU sur lui

Nous ne pourrons terminer sans évoquer la présence et le soutien permanent de Abdou Khadr KANE,
Serigne Saliou Diène et Khalifa Ababacar Diop c’est grâce à leur compréhension, leur disponibilité, leurs
conseils en informatique que ce travail a été réalisé.

Et à tous ceux qui ont participé ou soutenu de près ou de loin à la réalisation et à la réussite de ce travail

2
 AVANT PROPOS

De nos jours, l'informatique occupe une place de choix dans nos activités. La formation
technique et professionnelle a connu un remarquable essor ces dernières années, avec la
multiplication des grandes écoles de formation.

C’est dans cette optique que le GROUPE ESTG, établissement privé d'enseignement
technique à vocation éducative et professionnelle, agrée par le Ministère de l'Enseignement
Supérieur et de la Recherche Scientifique, nous a offert une diversité de formations théoriques
et pratiques en licence et en master telle que : l'audit et contrôle de gestion, finance comptabilité, marketing
management, affaires internationales, l'informatique dont l'option informatique de Gestion etc...

Ce projet rentre dans le cadre de l’obtention du diplôme de licence de la branche Informatique du groupe
ESTG, en Informatique de Gestion. Il a comme objectif la création d’une application de gestion des ventes
pour une boutique. L’idée de recherche est venue du constat que avec mon business nous avons vu que nous
aurions besoin d’un outil qui nous permettra de bien gérer nos ventes, de connaitre les entrées et les sorties
mais aussi cela sera un avantage pour toutes personnes évoluant dans le commerce.

En effet, depuis la création de SYS BUSINESS en 2020, l’envie de voir cette entreprise de se développer, sa
prospection a conduit à la réalisation de plusieurs étapes mais aussi le développement de beaucoup d’idées
pouvant faire avancer cette structure

Cette étude se veut être une contribution devant permettre de mettre en relief les différents obstacles, mais
aussi les opportunités de pouvoir obtenir d’autres marchés et d’être utile à la société. Ainsi, des solutions
sont proposées pour franchir ces obstacles, en particulier ceux qui sont liés à la gestion de l’entreprise dans
le domaine informatique.

Des difficultés n’ont pas manqué. Elles concernent particulièrement la réflexion sur le logiciel d’usage. Elles
concernent également la disponibilité du temps de réalisation avec les cours et les examens et pleins d’autres
obstacles. Cette situation nous a obligés à mieux nous concentrer et à donner tout ce qu’on pouvait pour la
réussite de ce projet.

3
 PLAN

INTRODUCTION GENERALE .................................................................................................

CHAPITRE 1 : LE DEVELOPPEMENT ...................................................................................

1.1 RAPPEL .....................................................................................................................................

1.2 LES LANGAGES DE PROGRAMMATION .........................................................................

1.3 SYSTEME DE GESTION DE BASE DE DONNEES ............................................................

1.4 LES GENERALITES .................................................................................................................

CHAPITRE 2 : ETUDE DES OUTILS ........................................................................................

2.1 OUTILS DE MODELISATION ...............................................................................................

2.2 OUTILS DE DEVELOPPEMENT ...........................................................................................

2.3 LES PRINCIPALES FONCTIONNALITES DES OUTILS .................................................

2.4 CHOIX DE SOLUTION RETENUE ........................................................................................

CHAPITRE 3 : OUTILS ET TECHNOLOGIE MISE EN OEUVRE ........................................

3.1 MOYENS HUMAINS ..................................................................................................................

3.2 MOYENS MATERIELS ..............................................................................................................

3.3 LOGICIELS ..................................................................................................................................

3.4 COUT DE LA SOLUTION..........................................................................................................

4
CHAPITRE 4 : CONCEPTION ET IMPLEMENTATION DE L’APPLICATION PROPOSEE

4.1 ETUDE PREALABLE .....................................................................................................................

4.2 IMPLEMENTATION...................................................................................................................

4.3 ARCHITECTURE FONCTIONNELLE ........................................................................................

4.4 PRESENTATION DE QUELQUES VUES ....................................................................................

CONCLUSION GENERALE ........................................................................................................................

5
 INTRODUCTION GENERALE

L’informatique de gestion est l'ensemble des connaissances, des technologies, et des outils en rapport
avec la gestion de données, c'est-à-dire la collecte, la vérification et l'organisation de grandes quantités
d'informations. Elle se caractérise par la conception, le développement et la mise en œuvre
d'applications informatiques dédiées au management (gestion administrative, commerciale, RH) de
l'entreprise, au suivi des clients et aux relations avec les fournisseurs (facturation, comptabilité).

La bonne gestion d’un entreprise surtout de commerce est assuré par de très bons logiciels mais aussi d’une
très bonne gestion commerciale

La gestion commerciale joue un rôle essentiel dans la réussite d'une entreprise, elle influence de
façon directe les gains à réaliser par les Entreprises. En effet, si celle-ci est bien tenue, elle pourra conduire
à l'accroissement du chiffre d'affaires, à la stabilité financière ainsi qu'à l'analyse de futurs marchés et de
résultats potentiels.

Un système de vente optimal garantit un partenariat durable et privilégié avec des clients. Les entreprises
ayant rapidement pris la décision d'analyser et de piloter la gestion commerciale au moyen de l'outil
informatique disposent aujourd'hui d'un net avantage par rapport à des entreprises similaires, qui
agissent encore sur le marché sans cet instrument. Grâce à cet outil, il est possible d'analyser de façon
journalière les chiffres des ventes par rapport au stade de vie des produits, cela permet aux entreprises de
réagir plus vite dans le processus du cycle de vie de ces produits, aux mutations du marché, autres
changements concurrentiels et par conséquent d'en commander d'autres.

Afin de pouvoir mieux gagner en temps et en ressources, tous les secteurs d’entreprises
commerciales doivent se pousser dans la gestion informatique de l’entreprise pour trouver des solutions
informatiques capables de répondre a leur besoin. Cela dit, les entreprises commerciales sénégalaises
doivent prendre conscience des avantages qu'elles gagneraient d'une gestion commerciale automatisée et la
considérer avec plus d'estime. C'est dans ce cadre que s'inscrit notre projet qui consiste à doter SYS
BUSINESS d'une application sur mesure de gestion commerciale des ventes afin de résoudre quelques
problèmes et les quelques difficultés que rencontrent l’entreprise.

6
Ceci dit ce projet nous permettra de mettre en pratique toutes ces 3annees d’études, d’aider les personnes
évoluant dans le commerce mais aussi d’obliger a chercher d’autres alternatives et solutions à tous les
étudiants visant à évoluer dans le domaine de l’informatique

En nous appuyant sur les points précédents et en expérimentant la précision, nous estimons que les
difficultés que rencontre souvent les entreprises commerciales sont la gestion de stock, les surcharges, la
traçabilité sur les entrées et sorties d’argent, les retard de résultat, manque de rigueur, rapidité, efficacité
entre autre. Tout ça particulièrement dû à l’absence ou le manque de logiciels adaptés à la bonne gestion

Par ailleurs une conception de logiciel adaptée ne devient-elle pas efficace ?

Nous essayerons de répondre à cette question au niveau du développement.

Dans sa structure, ce travail comprend quatre chapitres, outre l'introduction et la conclusion générale

· Le premier chapitre est consacré au développement théorique ;

· Le deuxième parle sur l'étude des outils;

· Le troisième est sur la modélisation et la mise en œuvre

· Le dernier présente la conception et l’implémentation de l’application proposée.

7
 Chapitre1 : LE
DEVELOPPEMENT
Dans ce chapitre nous rappelons les définitions de l’informatique, du développement et parlerons aussi des systèmes
de gestion de base de données

1.1- RAPPELS :
Le mot « Informatique » a été créé (vers 1960) à partir des deux mots « information » et « automatique
», la science qui s'occupe du traitement automatique de l'information par l’utilisation de machines
communément appelée "ordinateur".
Il existe plusieurs termes en anglais pour désigner l'informatique : ✓Computer science, ou science des

calculateurs. ✓Le mot information est également souvent utilisé pour désigner le secteur industriel des
technologies de l'information, en anglais information technology IT.
Vu la définition de l’informatique, un ordinateur est donc une machine capable de traiter
automatiquement des données (informations) saisit en entrée (à travers les périphériques d’entrée), sur
la base d'un programme qui définit la séquence des opérations à effectuer (instructions) et restitue
(périphériques de sortie) des résultats

1.1.1- Présentation théorique du système d’information

La notion du système d’information est née avec l’informatique, ce concept est apparu à l’origine
pour répondre au besoin de l’information qui constitue une matière première pour système
d’information.

Un système d’information peut être défini comme étant « l’ensemble des

moyens humains et matériels, et des méthodes se rapportant au traitement des
différentes formes d’information rencontrées dans les organisations »
Le système d’information (S.I) se définit comme un « Système utilisateur
machine intégré qui produit de l’information pour assister les êtres humains dans
les fonctions d’exécution, de gestion et de prise de décision ».

1.1.2- Généralités sur le système d’information :

Un SI est une construction formée d'informations, de traitements, de règles
d'organisation et de ressources humaines et techniques. Les ensembles d'informations
sont des représentations partielles de faits qui intéressent l'institution, l'organisation ou
l'entreprise.

8
C’est un ensemble organisé de ressources (matériel, logiciel, personnel,
données, procédures...) permettant d'acquérir, de stocker, de communiquer des
informations sous forme de données, textes, images, sons... dans des
organisations pour répondre aux besoins en information de ses utilisateurs.
Tout système d’information est constitué par :
•L’ensemble des informations formelles circulant dans l’entreprise ;
•L’ensemble des procédures et des moyens humains et techniques utilisés pour
rechercher et traiter ces informations.

Quelques exemples de système d'information:

Dans les grandes entreprises, on trouve souvent comme système
d'information un ERP (Enterprise Ressource Planning, ou PGI en français (Progiciel
de Gestion Intégré) qui assure la majeure partie de la gestion de l'entreprise.
Cependant certaines fonctions de l'entreprise peuvent être gérées par d'autres SI
standards ou spécifiques en fonction des besoins et des particularités de
l'entreprise.
La standardisation des fonctions de l'entreprise a fait apparaître ces
dernières années à côté des SI classiques (Comptabilité, paie, facturation...)
d'autres dénominations afin de désigner certaines parties du SI

- Gestion commerciale : CRM Customer Relationship Management (en

français : GRC pour Gestion de la Relation Client) regroupe toutes les fonctions
permettant de gérer les clients.

- Système d'information Marketing SIM : permettant de collecter et

de traiter des données dans le but de piloter le marketing des entreprises.
Gestion des Ressources Humaines GRH : Permettant de suivre les carrières,
compétences, formations, salaires, congés ... des personnels de l'entreprise.

- Logistique : SCM pour Supply Chain Management assurant le suivi

des relations avec les fournisseurs, clients, surtout dans des logiques de JAT (Juste
à Temps).

- Gestion Géographique SIG : Système d'Information Géographique

permettant de produire des plans, des cartes ou de localiser géographiquement
des sites, communes ...
Un système d’information peut être totalement interne à l’entreprise, ses
frontières sont celles de l’entreprise. Mais il peut également permettre l’échange
9
 d’information entre l’entreprise et son environnement. Le SI peut alors être
ouvert aux fournisseurs et partenaires, aux clients, voire au grand public.
Il revient à l’entreprise de déterminer les frontières de son SI sachant
qu’elles peuvent être multiples. Telle application du SI est réservée au personnel
de l’entreprise et telle autre accessible aux clients.
Le SI d’une entreprise a alors à la fois un intérêt d’organisation interne mais
aussi d’organisation des échanges avec son environnement.

1.1.3- Les rôles (fonctions) du système d'information :

La mise en place du système d’information dans l’entreprise répond à la
nécessité de gérer l’information d’une manière efficace. Autant que la collecte
l’information, sa gestion dans l’entreprise est essentielle13.
La qualité du système d’information dépend essentiellement de sa fiabilité et de sa
rapidité d’obtention. D’une manière générale, on peut distinguer quatre aspects de la
fonction du système d’information. Le tableau ci-dessous illustre les fonctions de
système d’information dans une organisation.
Figure N : Les fonctions du système d’information

Source : L’introduction des NTIC dans le système d’information et leurs

impacts sur la performance de l’entreprise
Cas pratique : Algérie Télécom

1.2- LES LANGAGES DE PROGRAMMATION

10
 Un langage de programmation est un langage informatique destiné à formuler des algorithmes et
produire des programmes informatiques qui les appliquent.

Un langage de programmation fait référence à diverses instructions, commandes et syntaxes nécessaires

pour développer un programme logiciel. La programmation est classée de la manière suivante :

Langues de haut niveau Langues de bas niveau

Les langages utilisés par les développeurs Le code d’un développeur est ensuite compilé dans
pour créer du code sont connus sous le un « langage de bas niveau » que le matériel
nom de langages de haut niveau. informatique peut facilement identifier et traiter.

Les langages de programmation de haut niveau sont généralement plus faciles à lire et à analyser, ce qui
permet aux développeurs de créer naturellement du code source avec des symboles et des mots couramment
utilisés. Parmi les exemples de ces termes utilisés dans les langues de haut niveau, on peut citer des mots
désignés tels que if, for, while, string, or etc. Les opérateurs couramment utilisés dans ces langages de
programmation comprennent des symboles tels que ==, <, et >. La plupart des développeurs peuvent
comprendre de nombreux langages de haut niveau largement utilisés en raison de leur similitude.

Les langages de bas niveau englobent les langages de machine et d’assemblage. Une langue d’assemblage
comporte une liste d’instructions fondamentales et est généralement plus difficile à lire que n’importe quelle
langue de haut niveau. Le code d’assemblage peut être traduit en code machine grâce à l’utilisation d’un
assembleur. Le code machine comporte un ensemble de codes binaires qu’une unité centrale peut facilement
déchiffrer. Ce type de code n’est pas considéré comme lisible par l’homme.

Il existe plusieurs types de langage dont on peut citer :

 Programmation orientée objet.

 Programmation fonctionnelle.
 Programmation impérative.
 Programmation récursive.
 Programmation dynamique.
 Programmation itérative

Il existe plusieurs langages de programmation dont on ne peut que citer les 10 principaux langages

Les 10 principaux langages de programmation

11
 Langage de
Résumé
programmation

JavaScript est un langage de programmation structuré et interprété, un script de

JavaScript
haut niveau avec un typage dynamique faible et un multi paradigme.

HTML et CSS sont deux des principales technologies permettant de construire

HTML/CSS
des pages Web.

SQL signifie Structured Query Language et vous permet d’accéder à des bases
SQL
de données et de les gérer.

Python est un langage de programmation qui vous permet de travailler

Python
rapidement et d’intégrer des systèmes de manière plus productive.

Créé par Sun Microsystems, Java est un langage de programmation orienté

Java
objet et multiplateforme.

C# Développé par MS, c’est un langage de programmation à usage général.

PHP, alias HyperText Preprocessor, est un langage de script open-source pour

PHP
le développement web.

TypeScript Créé par MS, Typescript est un sur-ensemble de JavaScript.

C++ C++ est un langage de programmation orienté objet open-source.

Go est un langage de programmation à écriture statique, compilé et open-

GO
source.

Source : https://blog.back4app.com/fr/les-10-principaux-langages-de-
programmation/#Les_10_principaux_langages_de_programmation

1.3- SYSTEME DE GESTION DE BASE DE DONNEES

Un système de gestion de base de données est un logiciel système servant à stocker, à manipuler
ou gérer, et à partager des données dans une base de données, en garantissant la qualité, la pérennité
et la confidentialité des informations, tout en cachant la complexité des opérations

12
 Les outils que nous utilisons tous au quotidien nécessitent des SGBD en coulisse. Cela comprend les guichets
automatiques bancaires, les systèmes de réservation de vols, les systèmes d'inventaire au détail et les
catalogues de bibliothèques, par exemple.

Pourquoi utiliser système de gestion de base de données ?

Le SGBD gère trois choses importantes : les données, le moteur de base de données qui permet d'accéder
aux données, de les verrouiller et de les modifier, et le schéma de base de données, qui définit la structure
logique de la base de données. Ces trois éléments fondamentaux contribuent à assurer la concomitance, la
sécurité, l'intégrité des données et l'uniformité des procédures administratives.

Les tâches typiques d'administration de base de données prises en charge par le SGBD comprennent la
gestion des changements, la surveillance/réglage des performances et la sauvegarde et la restauration. De
nombreux systèmes de gestion de bases de données sont également responsables de la récupération, du
redémarrage et de la récupération automatisée, ainsi que de l'enregistrement et de la vérification des
activités.

Sécurisation et simplification

Le SGBD est très utile pour fournir une vue centralisée des données et cela pour plusieurs utilisateurs, à
partir de plusieurs endroits, d'une manière contrôlée. Un SGBD peut limiter les données que l'utilisateur
final voit, ainsi que la façon dont il peut les visualiser, en fournissant plusieurs vues d'un même schéma de
base de données. Les utilisateurs finaux et les logiciels n'ont pas à comprendre où se trouvent physiquement
les données ni sur quel type de support de stockage elles se trouvent, car le SGBD traite toutes les
demandes.

Le SGBD peut offrir une indépendance logique et physique des données. Cela signifie qu'il peut protéger les
utilisateurs et les applications du besoin de savoir où les données sont stockées où d'avoir à s'inquiéter des
changements dans la structure physique des données (stockage et matériel). Tant que les programmes
utilisent l'interface de programmation (API) fournie par le SGBD, les développeurs n'auront pas à modifier
les programmes simplement parce que des modifications ont été apportées à la base de données.

Comment fonctionne une base de données ?

 Les BDD sont stockées sous forme de fichiers ou d’ensembles de fichiers.

 Les BDD hiérarchiques traditionnelles sont organisées en triptyque : champs (“Fields” : une
seule pièce d’information), enregistrements (ensemble de champs) et fichiers (collection
d’enregistrements).
13
  Les bases de données prédominantes sont aujourd’hui les suivantes : SQL, NoSQL et bases
de données Cloud.
 C’est le gestionnaire de base (ou “database manager”) qui consulte ou modifie ou database.
Les différents types de bases de données
On peut classer les bases de données selon différentes approches : en fonction de leur contenu
(bibliographique, texte, chiffres, images…) ou selon leur approche organisationnelle, qui est souvent
celle retenue en informatique.
 La BDD hiérarchique. Souvent présentée sous forme d’arbre avec ses ramifications, il s’agit
du tout premier programme qui a permis de structurer l’information de façon hiérarchique.
Ici, chaque enregistrement dépend d’un seul enregistrement, et chaque niveau
d’enregistrement découle sur un ensemble de catégories plus petites.
 La BDD réseau. Dans ce cas, contrairement à la BDD hiérarchique, un objet peut avoir
plusieurs objets parents et plusieurs objets enfants, ce qui permet de s’approcher du monde
réel plus fidèlement. Des liens multiples sont ainsi créés entre les ensembles, permettant une
vitesse et une polyvalence qui ont permis leur adoption massive.
 La BDD SQL ou relationnelle. C’est la plus connue et la plus pratiquée actuellement.
Reposant sur l’algèbre relationnel, elle a pour fonction de modéliser facilement les systèmes
du monde réel, et de créer des bases de données à la fois simples à maintenir et à faire
évoluer. Constituées d’un ensemble de tableaux, ces bases de données contiennent des
données classées par catégorie. L’API standard pour ces BDD est le Structured Query
Language (SQL).
 La BDD orientée objet. Cette typologie de base de données est encore en cours d’élaboration.
Elle est focalisée sur la base de données des objets en tant que concept de programmation qui
va permettre de simplifier la création de logiciels.
 La BDD orientée texte. La “flat file database” se présente sous la forme d’un fichier .txt ou
.ini, qui est soit un fichier texte, soit un fichier combinant du texte avec un fichier binaire.
Chaque ligne ne comporte généralement qu’un seul enregistrement.
 La BDD distribuée. Ce type de base de données présente des portions stockées au sein de
différents endroits physiques, avec un traitement réparti ou répliqué entre différents points
d’un réseau. Elle peut être homogène ou hétérogène : soit tous les emplacements physiques
fonctionnent avec le même hardware et tournent sous le même système d’exploitation et les
mêmes applications de bases de données, soit ils varient entre différents endroits physiques.
 La BDD Cloud. Optimisée ou directement créée pour les environnements virtualisés, elle
peut être relative à un Cloud privé, un Cloud public ou un Cloud hybride. Ses avantages sont

14
 multiples : paiement pour la capacité de stockage et la bande passante en fonction de l’usage,
changement d’échelle sur demande, disponibilité plus élevée…
 La BDD NoSQL. Poussées par l’essor du Big Data, elles sont utiles pour les larges ensembles
de données distribuées, et parfaites pour analyser des quantités importantes de données non
structurées, ou stockées sur plusieurs serveurs Cloud virtuels.
 La BDD orientée graph. C’est un type de database NoSQL qui utilise la théorie des graphes
pour stocker, cartographier et effectuer des requêtes sur les relations entre les données.
A noter que de plus en plus souvent, les bases de données sont combinées électroniquement sous
forme de collections plus larges appelées les Data Warehouses.

1.4- LES GENERALITES

1.4.1- Définitions

Source : https://www.keplearning.com/produit/developpement-web/

Le développement Web est le travail impliqué dans le développement d'un site Web pour Internet ou
un intranet. Le développement Web peut aller du développement d'une simple page statique unique de texte
brut à des applications Web complexes, des entreprises électroniques et des services de réseaux sociaux

Apparu avec Internet, le développement web fait référence au processus d’écriture d’un site ou d’une page
web dans un langage technique. Il s’agit d’une étape incontournable pour qu’un contenu soit mis en ligne et
atteigne ses lecteurs.

Le développement web repose sur l’utilisation des langages (HTML/CSS, JavaScript, PHP…) pour écrire
des programmes qui sont ensuite exécutés par les ordinateurs. Les instructions sont mises en place sur
Internet et sont effectuées sur des serveurs.
15
En fonction des besoins des propriétaires du site ou des pages web, ces dernières peuvent être constituées
uniquement de textes et d’éléments graphiques ressemblant à un document ou être interactives en affichant
des informations qui évoluent (panier d’achat, par exemple).

Le développeur web s’occupe de la réalisation de l’ensemble des fonctionnalités techniques d’un site
Internet ou d’une application web. En fonction des exigences présentées dans un cahier des charges précis,
ce spécialiste analyse les besoins et définit la solution technique adaptée. Il développe ensuite les
fonctionnalités du site ou de l’application web en rédigeant des lignes de code. Ses missions incluent
également le diagnostic et la résolution de problèmes détectés sur un site déjà en ligne. La polyvalence,
l’autonomie, la capacité d’adaptation ainsi que le respect des délais figurent parmi les qualités de ce
professionnel.

Le développeur web (code ROME M1805) travaille au sein d'une agence web, en freelance, en SSII ou
directement en entreprise. Son but est de développer des interfaces web adaptées aux besoins de son client.
Il peut s'agir de sites Intranet, de sites internet, d'applications web ou d'outils en ligne.

1.4.2- Les métiers et techniques du web

Si les métiers de Techniciens du Web sont très recherchés, c’est parce que les spécialisations sont grandes et
de plus en plus qualifiées…
Le développement de compétences pour ces métiers est lié à l’apprentissage de différents langages
de programmation informatique. Tous ces métiers sont tournés autour de la construction d’une structure.
Ceci afin d’organiser et de partager des informations virtuelles. Il faut savoir que les techniques de
programmation du web n’ont cessées de se complexifier dernièrement. Elles ont pour objectif
d’accompagner la croissance rapide de l’internet. Ces métiers sont d’autant plus valorisés que la conquête du
cyberespace est devenu un enjeu majeur pour les entreprises. Il nécessite donc de maîtriser les Techniques
du Web complexes.

 Développeur Web
 Développeur mobile
 Architecte web mobile
 Développeur front end
 Développeur back end
 Webmaster
 Chef de projet web
 Webdesigner
 Chef de Projet CRM

16
  Country Manager
 Product Owner

LES TECHNIQUES DU WEB

Le web désigne l’ensemble des données accessibles à travers « l’internet » (l’interconnexion des réseaux),
créant ainsi un partage à l’échelle mondiale au sein d’un cyberespace. Toutes les données partagées sur les
réseaux sont accessibles à travers des requêtes HTTP(S). Elles amèneront le navigateur à appeler une
adresse World Wide Web et à interpréter son code HTML. L’accès au web dépend entièrement des
technologies de l’information et de communication qui vont recevoir puis interpréter les données codées.
Néanmoins, l’évolution rapide du web a énormément complexifié les structures de construction, nécessitant
ainsi une spécialisation des compétences et des métiers.

Si l’expression « surfer sur le web » décrivait la conception du web dans ses débuts, elle n’a plus vraiment
sa place aujourd’hui. En effet, au vu du nombre d’adhérents et d’addicts à internet, l’expression “surfer sur
le web” est beaucoup trop légère.

1.4.3- L’évolution du web

Contrairement à ce que certains pourraient penser, le web n’est pas statique. Il est passé en moins de 30 ans
de web à web 4.0 si ce n’est 5.0 très prochainement.
 Le web à ses débuts est statique, c’est-à-dire composé d’un ensemble de pages fixes, reliés entre eux
par des liens hypertexte.
 Web 2.0 est dynamique, et se caractérise par le développement de partages en temps réel, à travers
les blogs, forums, streaming, réseaux sociaux…
 Web 3.0 s’émancipe des ordinateurs classiques pour apparaître à travers les objets connectés («
Internet of Things »)
 La révolution 4.0 décrit enfin l’idéal d’un web sémantique où la structure des informations
accessibles sur le web permettrait la recherche instantanée des fichiers recherchés, sans passer par la
multitude de propositions proposées par les moteurs de recherche aujourd’hui.
A noter que l’évolution du web a été tellement rapide ces dernières années qu’il est difficile de prédire son
avenir. Toutefois, on peut prédire en toute quiétude que les métiers des Techniques du Web ne seront qu’en
constante croissance. Nous constatons déjà un grand manque et une difficulté de recrutement auprès des
développeurs. Les études liées aux web se développent certes, mais les entreprises et les startups n’attendent
pas. Il est donc assez complexe de trouver un expert des Techniques du Web quand celui-ci est sollicité de toute part.

17
 Chapitre2 : ETUDE DES
OUTILS

2.1- OUTILS DE MODELISATION

2.1.1 Définitions de modélisation

La modélisation des données est le processus de représentation graphique des flux de données. Lors de la
création d'une nouvelle structure de base de données ou d'une structure alternative, le concepteur commence
par créer un diagramme montrant comment les données entreront et sortiront de la base de données. Ce
diagramme de flux sert à définir les caractéristiques des formats de données, des structures et des fonctions
de gestion des bases de données afin de prendre en charge efficacement les besoins en flux de données. Une
fois la base de données créée et déployée, le modèle de données sert à documenter et à expliquer pourquoi la
base de données existe et comment les flux de données ont été conçus

Le modèle de données qui résulte de ce processus fournit une structure des relations entre les éléments de
données au sein d'une base de données, ainsi qu'un guide d'utilisation des données. Les modèles de données
sont un élément fondamental du développement et de l'analytique des logiciels. Ils apportent une méthode
standardisée pour définir et mettre en forme les contenus de la base de données de manière cohérente dans
tous les systèmes, permettant à différentes applications de partager les mêmes données.

Avec un modèle de données complet et optimisé, on peut créer une base de données logique et simplifiée qui
élimine la redondance, réduit les besoins en stockage et permet une extraction efficace. Il dote également
tous les systèmes d'une « version unique de la réalité », essentielle pour des opérations efficaces et une
conformité vérifiable aux réglementations et exigences réglementaires. La modélisation des données est une
étape clé pour deux des fonctions essentielles d'une entreprise digitale

2.1.2- Les types de modélisation de données

Il existe trois grands types de modèles de données : relationnel, dimensionnel et entité-relation (E-R). Il en
existe également plusieurs autres moins utilisés, notamment les modèles hiérarchique, réseau, orienté objet
et multi valeurs. Le type de modèle définit la structure logique, c'est-à-dire la manière dont les données sont
stockées, et donc dont elles sont stockées, organisées et récupérées.

18
1. Relationnel : Bien que plus ancien, le modèle relationnel reste le modèle de base de données le plus
courant aujourd'hui. Il stocke les données dans des enregistrements de format fixe et les organise
dans des tables avec des lignes et des colonnes. Ce type de modèle de données comprend deux
éléments : des mesures et des dimensions. Les mesures sont des valeurs numériques, quantités ou
chiffre d'affaires par exemple, et elles sont utilisées dans des calculs mathématiques pour obtenir des
sommes ou des moyennes. Les dimensions peuvent être des valeurs textuelles ou numériques. Elles
ne sont pas utilisées dans des calculs et comprennent des descriptions ou des emplacements. Les
données brutes sont définies comme une mesure ou une dimension. Dans la conception d'une base de
données relationnelle, on emploie aussi la terminologie suivante : « relations » (table avec lignes et
colonnes), « attributs » (colonnes), « nuplets » (lignes) et « domaine » (ensemble de valeurs
autorisées dans une colonne). Il existe d'autres termes et exigences structurelles pour définir une base
de données relationnelle, mais ce qui importe ce sont les relations définies au sein de cette structure.
Les éléments de données communs (ou clés) relient les tables et les ensembles de données. Les tables
peuvent également être liées explicitement, comme les relations parent-enfant, sur une base d’un-a-
un, un-a-plusieurs, ou plusieurs-à-plusieurs.
2. Dimensionnel : Moins rigide et structurée, l'approche dimensionnelle privilégie une structure de
données contextuelle davantage liée à l'utilisation professionnelle ou au contexte. Cette structure de
base de données est optimisée pour les requêtes en ligne et les outils d'entreposage de données. Les
éléments de données critiques, une quantité de transactions par exemple, sont appelés des « faits » et
sont accompagnés d'informations de référence appelées des « dimensions », comme l'ID produit, le
prix unitaire ou la date de transaction. Une table de faits est une table primaire dans un modèle
dimensionnel. La récupération peut être rapide et efficace (regroupement des données pour un type
d'activité spécifique), mais l'absence de liens relationnels peut compliquer l'extraction analytique et
l'utilisation des données. Étant donné que la structure des données est liée à la fonction spécialisée
qui produit et utilise ces données, la combinaison de données créées par des systèmes différents
(dans un entrepôt de données, par exemple) peut être problématique.
3. Modèle Entité-Riche (E-R) : Un modèle E-R représente une structure de données de gestion sous
forme graphique avec des boîtes de diverses formes représentant des activités, fonctions ou
« entités » et des lignes représentant des associations, dépendances ou « relations ». Le modèle E-R
est ensuite utilisé pour créer une base de données relationnelle où chaque ligne représente une entité
et les champs de cette ligne contiennent des attributs. Comme dans toutes les bases de données
relationnelles, les éléments de données « clés » sont utilisés pour relier les tables entre elles.

19
Quels sont les trois niveaux d'abstraction de données ?
Il existe de nombreux types de modèles de données, avec diverses mises en forme possibles. La
communauté de traitement des données identifie trois types de modélisation pour représenter les niveaux de
pensée au fur et à mesure que les modèles sont développés.
Modèle de données conceptuel

C'est le modèle « général », qui représente la structure et les contenus globaux, mais pas le détail du plan de
données. C'est généralement le point de départ d'une modélisation des données, qui permet d'identifier les
différents ensembles de données et flux de données dans l'organisation. Le modèle conceptuel est le projet
élaboré pour le développement des modèles logiques et physiques ; il constitue une partie importante de la
documentation de l'architecture des données.

Modèle de données logique

Le deuxième niveau de détail est le modèle de données logique. Il répond à la définition générale du
« modèle de données » en ce sens qu'il décrit le flux de données et le contenu de la base de données. Le
modèle logique ajoute un niveau de détail à la structure globale dans le modèle conceptuel, mais ne
comprend pas de spécifications pour la base de données elle-même, car le modèle peut être appliqué à divers
produits et technologies de base de données. (Remarque : il ne peut pas y avoir de modèle conceptuel si le
projet se rapporte à une seule application ou à un autre système limité.)

Modèle de données physique

Le modèle de base de données physique décrit en détail comment le modèle logique sera réalisé. Il doit
contenir suffisamment de détails pour permettre aux technologues de créer la structure de base de données
réelle dans le matériel et les logiciels afin de prendre en charge les applications qui l'utiliseront. Inutile de
préciser que le modèle de données physique est spécifique à un système logiciel de base de données désigné.
D'un seul modèle logique, il peut dériver plusieurs modèles physiques, si différents systèmes de base de
données sont utilisés.

2.2- OUTILS DE DEVELOPPEMENT

Les outils de développement sont des programmes qui permettent à un développeur de créer, tester et
déboguer un logiciel. Les navigateurs courants fournissent des outils de développement intégrés, qui
permettent d'inspecter un site web.
20
 Ils permettent aux utilisateurs d'inspecter et de déboguer les pages HTML, CSS et JavaScript, de mesurer
le trafic réseau qu'ils provoquent et les performances, et bien plus encore.

2.2.1- Rôle du développeur

Un développeur doit s’assurer et se charger de créer des applications web fiables. Cela implique non
seulement le codage, mais aussi des tâches complexes et laborieuses telles que le débogage des erreurs
et la gestion des serveurs.
Heureusement, les outils de développement web peuvent contribuer à simplifier l’ensemble du
processus sans en compromettre la qualité. Ces outils intègrent souvent des fonctions d’automatisation
et de sécurité qui peuvent améliorer les performances de vos applications web.
Cependant, comme de nombreux outils de développement d’applications web sont développés et mis à
jour régulièrement, il peut être difficile de déterminer quel outil répond le mieux à vos besoins.
Dans cet article, nous allons aborder les éléments à prendre en compte lors du choix des meilleurs
outils de développement web et dresser une liste des 20 meilleures options, du niveau débutant au
niveau avancé.
2.2.2- Exemples d’application de développement :

Nous pouvons citer quelques logiciels de développement comme : Visual code studio, sublime text,
git hub, note pad, Marvell

2.2.3- Les langages de développement :

Un langage de programmation fait référence à diverses instructions, commandes et syntaxes nécessaires

pour développer un programme logiciel.

Chaque développeur utilise un langage de programmation pour imaginer, créer et déployer des applications
sur différentes plateformes. Certaines langues sont plus adaptées que d’autres en termes d’outils et de
fonctionnalités qu’elles offrent aux utilisateurs.

Les principaux fournisseurs de services dorsaux offrent un support pour les langages de développement web
et d’applications les plus populaires sur leurs plateformes. Mais, connaître les capacités d’un langage peut
être tout à fait essentiel pour les développeurs.

On peut citer JavaScript, html/css, SQL, python, java, C++, C#, PHP, VB, VBA

21
 2.3- LES PRINCIPALES FONCTIONNALITES DES OUTILS
2.3.1- Les principales fonctionnalités de quelques applications de
développement

- Git Hub

Git Hub est un service d’hébergement de référentiel Git open-source basé sur le Cloud qui offre une
interface graphique en ligne.

Il peut s’agir d’une excellente plateforme pour étendre vos réseaux et créer une marque personnelle en
tant que développeur web. Il est également fourni avec des outils de gestion de projet flexibles pour
aider les organisations à s’adapter à n’importe quelle équipe, projet ou flux de travail.

- Chrome Developer Tools

Les Chrome Developer Tools sont un ensemble d’outils d’édition et de débogage Web intégrés au
navigateur Google Chrome.
Grâce à lui, les développeurs peuvent facilement afficher et mettre à jour les styles des pages Web,
déboguer le code JavaScript et optimiser la vitesse des sites web.
Cet outil de développement d’applications Web propose des commandes et des raccourcis utiles pour
naviguer dans son interface utilisateur et exécuter certaines tâches comme la désactivation de
JavaScript.
Caractéristiques principales : remplacements locaux, lighthouse, fonctions de conception web,
utilitaire de console, outils de profilage, fonctions de sécurité intégrées, mode appareil.
Inconvénients

 Courbe d’apprentissage importante. Les utilisateurs moins expérimentés auront besoin de

temps pour explorer tous les outils de développement disponibles et apprendre à les utiliser.

 Capacités limitées d’édition de code. Il n’offre pas aux développeurs web un moyen d’écrire
ou de modifier directement le code source.

- Sublime Text

22
Sublime Text est la meilleure option pour les débutants qui viennent de commencer à apprendre à
coder. C’est un éditeur de texte tout-en-un pour le code, le balisage et la prose.
Léger, il offre néanmoins les fonctionnalités avancées que l’on est en droit d’attendre d’un grand
éditeur de texte. Par exemple, les développeurs peuvent activer l’édition simultanée pour contrôler
plusieurs curseurs et modifier plusieurs lignes de code à la fois.
Cet éditeur de code peut être téléchargé gratuitement, mais vous aurez besoin d’une licence pour
l’utiliser. Les licences de Sublime Text coûtent 99 $ pour un usage personnel et 65 $/an pour un usage
professionnel.
Caractéristiques principales

 Aller à n’importe quoi. Permet aux utilisateurs de passer rapidement d’un fichier à l’autre et
d’une fonction à l’autre.

 Minimap. Affiche la densité et la forme du code aux utilisateurs. Ceci est utile lors de l’édition
d’un code long.

 Support de l’écosystème JavaScript. Les fonctionnalités intelligentes de Sublime Text basées

sur la syntaxe sont facilement accessibles avec Typescript, JSX et TSX.

 API Python. En utilisant l’API Python, les utilisateurs peuvent installer des plugins externes
pour étendre les fonctionnalités de Sublime Text.

 Sélections multiples. Les utilisateurs peuvent trouver, modifier, renommer et manipuler

plusieurs lignes de code.

 Fonctionnalité multiplateforme. Sa licence logicielle unique fonctionne sur n’importe quel

ordinateur et système d’exploitation.

Inconvénients

 Manque de capacités d’indexation. Malheureusement, les utilisateurs ne peuvent pas indexer

les fichiers sans ralentir les performances de l’éditeur de code.

 Pop-ups de paiements incessants. Les utilisateurs ne peuvent pas désactiver les fenêtres pop-
up incessantes qui les invitent à acheter ou à mettre à jour leurs licences.

- Marvell

23
Marvell est l’un des meilleurs outils de maquettes pour concevoir rapidement et facilement différents
projets. Cette plateforme de conception collaborative basée sur le Web offre des fonctionnalités
robustes de prototypage et de test utilisateur.
Grâce à son interface conviviale, les développeurs et concepteurs web de tous niveaux peuvent utiliser
Marvell pour créer des maquettes et des spécifications de conception de haute qualité pour leurs
applications web en un rien de temps.
En plus d’un plan gratuit aux fonctionnalités limitées, Marvell propose trois plans
premium. Pro à 12 $/mois, Team à 42 $/mois, et Enterprise, qui est disponible sur demande. Cet
outil de wireframing est également proposé à un tarif réduit pour les organis mes à but non lucratif et
les étudiants.
Caractéristiques principales

 Transfert des développeurs. Cet outil génère automatiquement le code CSS, Swift et Android
XML des éléments et les regroupe dans une URL partageable.

 Test utilisateur. Recueillez les commentaires de vos parties prenantes et de votre public cible
en enregistrant leur écran, leur son et leur vidéo lorsqu’ils utilisent votre prototype.

 Intégrations. Si vous cherchez à étendre les capacités de conception de Marvell, la plateforme

prend en charge les intégrations avec des applications de médias sociaux populaires
comme YouTube, et des applications de gestion de projet et de productivité comme Drop
box, Microsoft Teams et Jira.

 Modèles personnalisables. Choisissez parmi des centaines de modèles à glisser-déposer pour

créer des schémas filaires pour les types de dispositifs les plus courants.

Inconvénients

 Pas de version hors ligne. Comme Marvell est une application web, les utilisateurs ne peuvent
pas l’utiliser sans connexion internet.

 Manque de fonctionnalités d’animation. Certains utilisateurs ont fait part de leurs inquiétudes
quant aux capacités limitées de Marvell en matière de création d’animations, qui entravent leur
capacité à créer des prototypes dynamiques.

- Visual Studio Code

24
Visual Studio Code est un éditeur de code open-source qui fonctionne sous Windows, Linux et MacOs.
Il comprend des fonctionnalités intégrées telles que la coloration syntaxique, l a complétion
automatique et les commandes Git pour rendre le codage plus rapide et plus facile.
En plus d’un terminal et d’un débogueur intégrés, il prend en charge des outils d’analyse de code et des
intégrations logicielles avec d’autres outils de développement web puissants comme Git, PHP CS
Fixer et ES Lint.
L’utilisation de Visual Studio Code est entièrement gratuite. Vous pouvez télécharger la version
Insiders pour accéder aux dernières versions et aux nouvelles fonctionnalités de l’outil. Il est
également possible d’installer les deux versions et de les utiliser ensemble ou indépendamment.
Caractéristiques principales

 Prise en charge des meilleurs langages de programmation. Cet outil de développement web
fonctionne avec différents langages, notamment C++, JavaScript et Python.

 Une énorme bibliothèque d’extensions. Plusieurs thèmes et plugins sont disponibles sur
sa place de marché.

 Personnalisation de l’interface utilisateur. L’éditeur de code Visual Studio est

personnalisable et vous permet de déboguer le code avec des points d’arrêt, des piles d’appels et
une console interactive.

 Fonction de palette de commande. Elle permet aux utilisateurs de trouver facilement les
différentes commandes et opérations. Par exemple, si vous tapez Python, toutes les commandes
de ce langage s’afficheront.

 IntelliSense. Il fournit des suggestions de code basées sur les variables, la syntaxe et le langage
de programmation utilisé.

 Coloration syntaxique. Elle affiche le code dans des couleurs et des polices différentes en
fonction des mots-clés et du langage de codage.

 Intégration de Git. Les utilisateurs peuvent exécuter plusieurs commandes Git comme commit,
pull et push. Il affiche également un indicateur de couleur lorsque des modifications sont
apportées au dépôt Git.

 Vue fractionnée. Permet de travailler sur deux projets en même temps.

Inconvénients

 Problèmes de stabilité avec les plugins. Les utilisateurs ont signalé que VS Code se bloque
souvent lors de l’installation ou de l’exécution simultanée de plusieurs plugins.

25
  Lourdeur des ressources. Cet outil de développement web occupe beaucoup d’espace disque,
ce qui peut entraîner un ralentissement du système.

- Gestionnaire de paquets Node (npm)

Le Gestionnaire de paquets Node (npm) est un registre de logiciels JavaScript permettant de partager
et de déployer des paquets locaux ou globaux.
Les développeurs JavaScript peuvent utiliser npm pour trouver et installer des paquets de code pour
leurs applications réseau ou leurs projets côté serveur.
L’utilisation de paquets npm simplifie le processus de développement car les développeurs n’ont pas à
écrire un nouveau code pour chaque fonctionnalité dont leur projet a besoin.
La version gratuite de npm comprend un nombre illimité de paquets publics. Toutefois, si vous
souhaitez améliorer ses fonctionnalités, deux plans payants sont également disponibles, Pro pour 7
$/mois avec un nombre illimité de paquets et Team pour 7 $/mois avec des options de gestion par
équipe.

Caractéristiques principales

 Interface de ligne de commande (CLI). La CLI de npm permet aux utilisateurs d’installer et
de gérer les versions et les dépendances des paquets.

 Fonctions d’audit de sécurité. Il détecte les failles de sécurité dans votre projet et génère un
rapport d’évaluation.

 Grand registre. Tirez parti de la base de données publiquement accessible de npm sur les
paquets JavaScript, y compris leur logiciel et leurs métadonnées.

 Dépôt. npm est un dépôt pour les projets open-source, afin que les développeurs puissent
partager leur code source avec d’autres utilisateurs. Parmi les paquets disponibles dans le dépôt
npm figurent Angular, jQuery et React.

 Fonctions de collaboration. Son plan d’équipe permet aux utilisateurs de contrôler les
autorisations de l’équipe et d’intégrer les flux de travail.

Inconvénients

 Problèmes de dépendances. Des problèmes peuvent survenir si les gens ne gèrent pas
activement leurs versions de dépendances.

26
  Diminution des performances. De nombreux développeurs ont signalé que l’ajout de
dépendances ralentit le processus d’installation des paquets, ce qui perturbe le flux de travail.

- Angular

Angular est un cadre de développement d’applications web frontales permettant de créer un large
éventail d’applications, notamment des applications monopages (SPA), des applications web
progressives (PWA) et des applications pour grandes entreprises.
Écrit en Type script, il aide les développeurs web à écrire un code cohérent et plus propre.
Grâce à sa grande variété de composants d’interface utilisateur, les concepteurs Web peuvent
rapidement créer des applications Web dynamiques. En outre, il dispose d’une fonction de liaison de
données bidirectionnelle qui permet aux utilisateurs de modifier les données de l’application via
l’interface utilisateur.

Angular est un cadre qui peut fonctionner efficacement avec une variété de langages back -end tout en
combinant la logique commerciale et l’interface utilisateur.
Caractéristiques principales

 Directives personnalisées. Améliore les fonctionnalités en HTML et CSS pour construire des
applications web dynamiques.

 Divers modules. Il est facile d’effectuer des tests unitaires, grâce aux modules et composant s
bien organisés du Framework.

 Prendre en charge les applications web progressives (PWA). Les applications web basées sur
Angular sont compatibles avec les plateformes Android et iOS.

 Liaison de données bidirectionnelle. Permet un comportement singulier pour l’application, ce

qui minimise les risques d’erreurs éventuelles.

 CLI puissant. Angular CLI simplifie le travail du développeur en fournissant un ensemble

d’outils de codage utiles. Les utilisateurs peuvent également ajouter des bibliothèques tierces
pour résoudre des problèmes logiciels complexes.

 RxJS. Fournit un moyen efficace de partager des données, en réduisant le nombre de ressources
nécessaires.

27
  Intégration avec les éditeurs de code et les IDE. Accédez à la complétion de code intelligente,
à la vérification des erreurs en ligne et aux commentaires directement à partir de votre éditeur
de code ou IDE préféré.

 Injection de dépendances (DI). Cette fonctionnalité divise une application en un groupe de

composants à injecter les uns dans les autres en tant que dépendances.

Inconvénients

 Capacités de référencement limitées. L’un des plus gros inconvénients est l’utilisation par
défaut du rendu côté client, ce qui peut rendre l’exploration et l’indexation des sites basés sur
Angular plus difficiles pour les moteurs de recherche.

 Connaissance de JavaScript. Il peut être difficile pour les développeurs d’apprendre Angular
sans comprendre le JavaScript de base.

 Documentation CLI limitée. Bien que la ligne de commande soit un élément clé d’Angular, il
n’y a pas beaucoup d’informations à son sujet sur GitHub. Les développeurs doivent passer du
temps à explorer les fils de discussion pour obtenir des réponses.

- Laravel

Laravel est un cadre d’application web à code source ouvert qui permet aux développeurs PHP de créer
tout ce qui est nécessaire, des sites web à page unique aux applications d’entreprise.
Il dispose d’un ensemble impressionnant d’outils, dont un moteur de modèles et un planificateur de
tâches pour aider les développeurs à éviter les tâches fastidieuses de développement web.
Grâce à un conteneur de contrôle robuste et à un système de migration flexible, ainsi qu’à une prise en
charge intégrée des tests unitaires, Laravel permet aux développeurs de créer tout type d’application
web. Il offre également des bundles multiples pour un système d’empaquetage modulaire et ses
dépendances, ce qui facilite la réutilisation du code.
Caractéristiques principales

 Mappage objet-relationnel (ORM) intégré. Il permet aux développeurs web d’interroger les
tables des bases de données à l’aide d’une syntaxe PHP simple, sans écrire de code SQL.

 Sécurité renforcée. Laravel fournit aux utilisateurs des fonctions de sécurité de niveau
entreprise pour aider à résoudre les problèmes de sécurité et accélérer le processus de débogage.

 Variété de ressources et de paquets. Il est compatible avec d’autres Framework d’applications

web comme React et Vue.js. Les utilisateurs peuvent également ajouter des paquets à partir de
Yarn et du gestionnaire de paquets Node.

28
  Moteur de modèles. Il possède un moteur de modèles appelé Blade qui vous permet de créer
des mises en page uniques. La mise en page peut être utilisée dans d’autres vues, de sorte que la
conception et la structure restent cohérentes tout au long du processus de développement.

 Prend en charge la fonction Modèle-Vue-Contrôleur (MVC). Cette fonctionnalité permet de

gérer efficacement vos projets afin d’améliorer les performances, la sécurité et l’évolutivité de
l’application.

 Bibliothèques intégrées. Plus de 20 bibliothèques préinstallées sont disponibles pour étendre

les fonctionnalités de votre application. Par exemple, Laravel Cashier offre des fonctionnalités
permettant de traiter les coupons, de modifier les formats d’abonnement et de générer des
factures au format PDF.

 Planification des tâches. Il permet aux utilisateurs de planifier et de gérer des tâches avec
des Crons jobs.

Inconvénients

 Problèmes avec certaines mises à jour. Certains utilisateurs rencontrent des retards après les
mises à jour.

 Support limité. Les utilisateurs devront se tourner vers la communauté Laravel pour obtenir de
l’aide s’ils rencontrent des problèmes.

2.3.2- Les principales fonctionnalités des langages de programmation :

29
 - JavaScript est un langage de programmation permettant aux
1. JavaScript développeurs d’ajouter des fonctionnalités sophistiquées aux sites
web.

- Avantages de JavaScript : langage côté client, facile à apprendre,

des fonctionnalités rapides pour l’utilisateur final, des pages web
avec des fonctionnalités étendues

- Fonctionnalités de JavaScript : plate-forme indépendante,

JavaScript est indépendant de la plate-forme, langage léger, il est
un langage de script convivial car il a été créé pour effectuer un
traitement complet des données dans un navigateur.

- Saisie dynamique : Fonctionnel, Langage basé sur des prototypes

HTML et CSS sont deux des technologies les plus fondamentales

2. HTML and CSS utilisées pour la création de pages web. Alors que le HTML est utilisé pour
créer la structure d’une page, le CSS est principalement utilisé pour créer
la mise en page de la page sur de nombreux appareils et plateformes.
HTML et CSS sont adaptés à la création de scripts et à l’ajout de
graphiques et peuvent également être utilisés pour créer des pages web et
des applications.

Avantages du CSS : langage très efficace le css améliore l’efficacité d’un

webmaster, la vitesse du site web s’améliore, la maintenance est faible les
exigences de maintenance des sites web diminuent également avec le css
car les développeurs et les concepteurs n’ont qu’une seule page à gérer.

SQL ou Structured Query Language est un langage de programmation

3. SQL utilisé pour établir des connexions de bases de données. Il est considéré
comme le langage standard pour les systèmes de gestion de bases de
données relationnelles (SGBDR). Les programmeurs s’appuient sur SQL
pour des actions telles que la mise à jour d’une base de données ou la
récupération de données dans celle-ci.

-Avantages de SQL : traitement souple des requêtes, les compétences de

codage ne sont pas nécessaires. , langage mobile, langue accessible

Fonctionnalités de SQL : des performances optimales, grande

disponibilité, SQL offre une compatibilité avec les principaux fournisseurs
de bases de données, langage sécurisé.

30
 Python est un langage de haut niveau orienté objet et interprété, doté
4. Python d’une sémantique dynamique. C’est un langage adapté au développement
rapide d’applications et qui offre des fonctionnalités telles que la liaison
dynamique, le typage dynamique et les structures de données de haut
niveau. Il est également utilisé comme langage de script pour établir des
connexions entre des composants existants. Python offre une syntaxe facile
à apprendre qui favorise la lisibilité et réduit les dépenses de maintenance
des programmes. Le langage offre un support pour divers paquets et
modules qui encouragent la réutilisation du code.

Avantages du python : facile à apprendre et à lire, une meilleure

productivité, langue interprétée.

Fonctionnalités de Python : facilité de codage, open source et gratuit,

langage de programmation orienté objet

PHP est un langage de script considéré comme l’option idéale pour le

PHP développement web. Initialement développé en 1994, il est maintenant
proposé par le groupe PHP. PHP était autrefois l’abréviation de Personal
Home Page (page d’accueil personnelle) mais est maintenant un récursif
pour le terme PHP : Hypertext Preprocessor.

Un serveur web est utilisé pour traiter le code PHP par le biais d’un
module d’interprétation PHP ou d’un exécutable d’interface de passerelle
commune. Le code PHP est interprété et exécuté sur un serveur web, et il
crée la réponse HTTP entière ou une partie de celle-ci.

Avantages de PHP

 Le PHP est un langage de programmation universel, open-source

et gratuit. Il est plus facile à apprendre, est pris en charge par un
large éventail de serveurs d’hébergement web, et constitue donc
un choix de langage de programmation plus pratique et plus
efficace, reçoit des mises à jour régulières et offre aux utilisateurs
l’accès aux dernières technologies de développement web. PHP
est un langage côté serveur

Fonctionnalités de PHP : simple, interprété, plus rapide, open source

 VB fait partie des langages suivant le concept orienté objet il a un

environnement de développement intégré (EDI) qui permet de
VBA (VISUAL BASIC développer facilement des interfaces graphiques.
 En appliquant quelques propriétés à ces dernières et en écrivant
FOR APPLICATION) : quelques petits bouts de codes on obtient des résultats
satisfaisants.
 VB est facilement accessible et assimilable

31
 On peut en citer d’autres langages comme : Java, C#, C++…

2.4- CHOIX DE SOLUTION RETENUE

L’utilisation d’outils de développement web est cruciale lorsque vous travaillez en tant que
développeur web, car ils vous aident à créer, modifier, maintenir et dépanner les applications.
Pour dresser la liste des meilleurs outils pour les développeurs web, nous avons pris en compte les
aspects suivants :

 La complexité. Avant d’investir dans un outil de développement web, assurez-vous qu’il

répond à vos besoins réels et à vos capacités.

 La sécurité. Un bon outil de développement web doit offrir des solutions de sécurité des
applications web, comme la gestion des scripts intersites (XSS), les pare-feu d’applications
web (WAF) et les audits de sécurité, afin de protéger votre application contre les
cyberattaques.

 L’évolutivité. L’outil doit pouvoir s’adapter aux petits et grands projets.

 Le coût. Tenez compte de son système de tarification, car certains outils de développement web
sont gratuits, tandis que d’autres ont un système d’abonnement mensuel ou annuel.

 Les langages de programmation. Choisissez des outils de développement web qui sont
compatibles avec le langage de programmation que vous utilisez.

 Le support de la plate-forme. Vérifiez si l’outil de développement web fournit une assistance

et un support adéquats en cas de problèmes logiciels.

Dans cet article, nous vous proposons quelques-uns des meilleurs outils de développement web
disponibles, chacun d’entre eux répondant à un objectif unique :

 Les éditeurs de code. Ils sont dotés de fonctions intégrées qui facilitent l’écriture et la
modification du code, telles que la coloration syntaxique, l’auto complétion du code et un
débogueur.

 Outils de développement du navigateur. Ils permettent aux développeurs de pré visualiser les
modifications HTML et CSS ainsi que d’écrire et de déboguer le code JavaScript directement
sur un navigateur.

 Logiciel de prototype web. L’outil de développement web doit inclure tout ce dont vous avez
besoin pour créer des prototypes interactifs, des wireframes et des projets de conception UX/UI.

 Gestionnaires de paquets. Ils permettent de télécharger et d’installer facilement les

dépendances des Framework et des bibliothèques.
32
  Systèmes de contrôle de version (VCS en anglais). Ils permettent de gérer et de suivre les
modifications du code, améliorant ainsi la communication dans les projets collaboratifs.

 Cadres d’applications web. Les Framework fournissent une base de code préétablie et des
directives pour faciliter le développement.

 Exécutants de tâches. Automatisez les tâches répétitives, afin de ne pas avoir à gérer toutes les
micros.

 Outils de test d’API. Ils facilitent le test des fonctionnalités de base d’une application avant
son lancement.

 Bibliothèques JavaScript. Une collection d’extraits de code pré-écrits pour effectuer des
tâches JavaScript courantes.

 Logiciels de gestion de conteneurs. Le code source de l’application est regroupé avec ses
bibliothèques et ses dépendances. Ainsi, elle peut s’exécuter rapidement et de manière fiable sur
n’importe quelle plateforme.

 Préprocesseurs CSS. Ils automatisent les tâches répétitives, telles que la réduction des erreurs
de code, la production d’extraits de code réutilisables et le maintien de la compatibilité du code.

 Serveurs web. Ils stockent et transfèrent les données des sites web en réponse à une requête.

La variété des langages de programmation rend la sélection correcte de plus en plus difficile à mesure que le
temps passe. Le choix idéal dépendra des exigences du projet et des besoins de l’entreprise. Ainsi, avant de
choisir un langage de programmation, veuillez prendre en considération les variables suivantes pour prendre
votre décision.

 Utiliser les critères de référence et les meilleures pratiques de l’industrie ;

 Tenez compte des connaissances et de l’expérience antérieure de votre équipe ;
 Penser à long terme ;
 Technologies open-source contre technologies propriétaires ;
 La disponibilité des développeurs pour une technologie spécifique.

Enfin nous pouvons retenir que VBA et EXCELL sera l’outil retenu pour le développement de notre
application

33
 Chapitre3 : OUTILS ET
TECHNOLOGIE MISE EN OEUVRE

Une entreprise peut promouvoir ses services ou répondre à des appels d’offres, mais elle ne peut réaliser
ses projets qu´en y consacrant des moyens humains et matériels. Par moyens humains, on entend les
personnes physiques chargées de l’exécution des projets. Les moyens matériels englobent l’outillage,
le matériel et l’équipement technique.

3.1- MOYENS HUMAINS

Pour déployer l’application nous aurons besoin

- Création de la base de données dur Excel : un gestionnaire de bases données se chargera de créer
la base sur Excel. Le gestionnaire base de données est responsable du système de gestion,
s’assure de la sécurité des données numériques de l’application et rend ces informations
accessibles aux collaborateurs. Le gestionnaire base de données est également connue sous le
nom d’administrateur de base de données.
Les missions du gestionnaire base de données sont variées et spécifiques à l’entreprise. Il
s’occupe principalement de créer, administrer et mettre à jour la base de données, tout en ayant
un rôle de support technique pour les collaborateurs et le service IT.

- Développement de l’application : d’un développeur qui se chargera de développer les codes vba.
Le développeur, également appelé programmeur, il est un informaticien qui œuvre auprès des
utilisateurs pour concevoir des logiciels adaptés à leurs besoins. De l'analyse à l'application en
passant par la programmation, il connaît tous les rouages pour mettre au point des programmes
informatiques sur mesure surtout avec une bonne maitrise de VBA. Il assure la conception des
programmes informatiques ainsi que le suivi régulier après lancement, de la maintenance à
l'évolution et l'amélioration du logiciel.

- D’un designer qui va gérer l’image, le logo et l’icône de notre logiciel.

3.2- MOYENS MATERIELS

Pour les moyens matériels utilisés il s’agit :

 D’un ordinateur portable de 64 bit qui a une capacité de stockage 1 Téra 8 giga de RAM.

34
  D’un modem de connexion internet qui va nous aider à faire des recherches et aussi pour la
publication de notre application.
 D‘un Clé USB.
3.3- LOGICIELS

Nous aurons besoin de Excel enregistrer avec les fichiers macros sur la partie développement (vba) nous
pourrons mettre les codes de bases pour que l’utilisateur puisse accéder à la meilleure interface

- Le pack office notamment le logiciel Excel

- L’éditeur de cobe Visual basic sur Excel

3.4- COUT DE LA SOLUTION

Lorsque nous gérons un projet, un des objectifs est d’avoir le meilleur retour sur investissement possible.
Pour savoir si notre projet est optimisé et rentable, nous devons évidemment connaître les coûts de ce projet.

Le cout de ce projet sera alors aux environs de 750000FCFA qui sera gérer comme suit :

- ordinateur : 200000

- Modem : 25000

- Connexion internet : 20000

- Licence office : 50000

- Main d’œuvre : 455000(soit 30000 par jour pour une durée de 15 jours et de 4h)

35
 Chapitre4 : CONCEPTION ET
IMPLEMENTATION DE L’APPLICATION
PROPOSEE

4.1- ETUDE PREALABLE

L'étude préalable vise à approfondir l'analyse de dimensions innovantes d'un projet, suite à une
étude d'opportunité et en vue de préparer sa mise en œuvre. Il s'agir d'étudier la pertinence du
projet envisagé, son acceptabilité par les acteurs locaux, sa faisabilité (technique, économique,
sociale, etc.)

Réalisée durant la phase d’avant-projet, une étude de faisabilité se définit comme une démarche
visant à contrôler si le projet est réalisable ou non, au travers de l’analyse de différents facteurs :

 Facteurs économiques et financiers : nous avons examinez en amont les moyens qui seront
déployés et les gains envisageables : nous avons ainsi déterminé la rentabilité du projet. Ce qui
est bien faisable!

 Facteurs technologiques. Avec les nouvelles technologies et la nouvelle ère du numériques déjà
présente au sein des organisations ? S’adapter et s’enquérir de nouveaux outils devient une
priorité

 Facteurs opérationnels et organisationnels. Nous disposons d’assez de

compétences nécessaires pour la réalisation de l’application. Les conseils nous serons aussi
favorables des organisations et des gens plus avances dans le domaine

 Facteurs juridiques. L’application sera confrontée à des réglementations particulières, sur la

protection des données par exemple.

 Facteurs commerciaux. Identifiez les opportunités du marché, les évolutions à venir,

les clients et cibles potentiels, etc. Cette démarche n’est pas sans rappeler celle d’une étude de
marché.
Dans le cadre de notre projet, tous ces points sont mis en perspective avec le respect des délais et,
bien sûr, la qualité des livrables attendus.

36
Nous sommes partie de l'étude de l'existant, afin de prendre connaissance de la structure du
service concerné par l'application et les moyens mis en œuvre pour atteindre les objectifs
visés. Nous avons fait l'étude détaillée traitant d'une solution réalisable pour structurer les
données ainsi que le traitement grâce aux différents entretiens menés pendant l'étude
précédente d'informatisation de la gestion des stocks de notre entreprise,
pour mettre fin aux difficultés éprouvées par le système manuel.

4.2- IMPLEMENTATION
En informatique l’implémentation désigne mise en œuvre, ou la réalisation, donc L’objectif de ce
chapitre est de présenter les techniques, les langages et les outils utilisés pour la mise en œuvre
de notre prototype avec le travail des différents acteurs (administrateur, apprenant, tuteur et
Enseignant). Nous présenterons les différents composants du système ainsi que quelques
interfaces illustrant les différentes options offertes
Environnement matérielles
Notre application a été développée sur un micro-ordinateur :
Marque : Lenovo
Microprocesseur : Intel Celeron
Capacité RAM : 4Gb
Disque dur : Téra
Vitesse d'horloge : 1.83GHZ
Port USB : 3 (minimum)
Souris : USB optique
Ecran: LCD 17»
Clavier: QWERTY
Environnement logiciel
les langages de programmations sont divers et multiples, on peut en citer : C?, Pascal,
Java, VBA, Visual basic, Python, etc. » et chacun est appliqué selon le besoin et sa facilité à
l'utilisation.
Parmi les types de programmation, nous avons porté notre choix sur la programmation VBA car
elle est performante et simple à utiliser, elle permet la séparation des
programmes et des données aussi en donnant la possibilité à l'utilisateur de manipuler des
icônes dans un environnement graphique à base des fenêtres (Windows).

4.3- ARCHITECTURE FONCTIONNELLE

37
  L’architecture fonctionnelle :
L'architecture fonctionnelle est une interface entre le métier et l'applicatif, interface qui a pour but
d'optimiser les flux d'information en s'assurant que les applications ou services utilisés respectent les
besoins métier et, plus largement, les objectifs de l'organisation.

Fournit les informations sur le produit Acteur externe :

Acteur
interne :gestionna le client
ire

Fait la saisie des données sur l’application

Application gesti
on de stock : SYS
business

Les données seront stockées sur Excel

Logiciel : Excel,
VBA

Figure1 : architecture fonctionnelle

 Les codes de l’application

- Interface de connexion : code source nous permettant de nous connecter à la page d’accueil
de notre application

38
 Figure2 : image interface de connexion

- Création de la base de données

La base de données est créée grâce au feuilles Excel (achat, vente, article), avec les
différentes colonnes (code article, libelle article les quantités acheté vendu ou en stock. Ou on
pourra ajouter des éléments grâce aux différents formulaires de saisies

- Code Formulaire de données

Figure3 : image formulaire de données

Avec ce codage, utilisateur pourra ajouter modifier ou supprimer un produit valable pour les
achats effectuées

- Code Formulaire de saisie :

Figure4 : Image formulaire de saisie

39
 Ce code permettra à l’utilisateur de faire le choix de son article d’ajouter les différents éléments
et de valider
4.4- PRESENTATION DE QUELQUES VUES

- L’interface de connexion : il permet à l’utilisateur d’accéder à l’application avec un login et

un mot de passe

Figure5 : concepteur interface de connexion

- La partie accueil : il représente l’accès au formulaire de données des achats, des ventes et des
articles mais aussi les feuilles TCD et le tableau de bord pour permettre a l’utilisateur de
pouvoir avoir un aperçu sur la gestion de ces stocks

Figure6 : Page accueil

- Les formulaires de données (achat, vente, article) : ici permettront à l’utilisateur de pouvoir
ajouter modifier ou supprimer les données d’un produit

40
 Figure7: Formulaire de données

- Les formulaires de saisies : la saisie des informations sur les produits se feront dans ces
formulaires

Figure8 : formulaire de saisie

- Le tableau de bord : il permettra à l’utilisateur de pouvoir connaitre la rentabilité de son

business voir s’il ya entrée ou non de bénéfice

41
 CONCLUSION GENERALE
Le monde économique de l'entreprise est en pleine mouvance, une
mutation d'une économie de production à une économie d'information et de
savoir. Face à ces exigences (mondialisation, ouverture du marché, alliance,
partenariat), l'entreprise doit s'adapter et adapter son organisation avec des
outils appropriés.
La gestion des stocks est le processus de gestion du flux des biens au sein d'une entreprise dans un cycle
continu de commandes, de stockage, de production, de vente et de biens de restockage

En plus d'assurer le bon fonctionnement de la chaîne de production, une gestion des stocks vertueuse va
renforcer le niveau de performance de l'entreprise. Grâce à une parfaite connaissance de son activité, elle
peut anticiper ses besoins et ainsi éviter tout risque de rupture de stock ou de sur-stockage.

Le stock correspond aux marchandises ou aux matériels qu'une entreprise a l'intention de vendre à ses clients
dans un but de rentabilité. La gestion des stocks, élément stratégique de la chaîne d'approvisionnement,
désigne le suivi des stocks depuis les fabricants jusqu'aux entrepôts, puis jusqu'à un point de
vente. L'objectif de la gestion des stocks est de disposer des bons produits au bon endroit et au bon moment.
Cela nécessite une visibilité des stocks : savoir quand passer une nouvelle commande, combien commander
et où entreposer le stock. Les étapes de base de la gestion des stocks sont les suivantes :

- Achat du stock : les marchandises prêtes à vendre sont achetées et livrés à l'entrepôt ou directement
au point de vente.

- Entreposage du stock : le stock est entreposé jusqu'à utilisation. Les marchandises ou les matériels
sont transférés via votre réseau d'exécution jusqu'à ce qu'ils soient prêts à être expédiés.

- Bénéfices du stock : Le montant du produit à vendre est contrôlé. Les produits finis sont extraits pour
exécuter les commandes. Les produits sont expédiés chez les clients.
Les stocks peuvent constituer l'actif le plus important d'une entreprise.

La gestion des stocks est le point vers lequel convergent tous les éléments de la chaîne
d'approvisionnement. Des stocks insuffisants peuvent entraîner le mécontentement des clients. Mais
des stocks importants ont leurs propres inconvénients - le coût de l'entreposage et de l'assurance,
ainsi que le risque de perte, de vol et de détérioration. Les entreprises qui ont des chaînes

42
 d'approvisionnement et des procédés de fabrication complexes doivent trouver le bon équilibre entre
excédents de stock et insuffisance de stocks.
Au final, la gestion de stock a un impact sur la performance de l’entreprise et sur
plusieurs volets notamment relationnel et opérationnel, organisationnel et les
résultats de notre recherche confirment ceci

43
 RESUME
Il s’agit de mettre en place un logiciel de gestion des stocks.
Le logiciel, baptisé SYSBUSINESS (GESTION DES STOCKS/ACHAT/VENTE), doit
couvrir toutes les fonctionnalités d’un logiciel de gestion de stock (gestion des informations des stocks,
traitement des achat et des ventes d’une boutique).
Comme démarche dans la réalisation de notre mission, nous avons adopté une démarche
d’abord sur le cadre général, ensuite sur le cadre conceptuel et enfin sur la mise en œuvre,
Le présent document récapitule donc nos travaux selon les grandes phases de notre processus.

ABSTRACT
The aim is to introduce stock management software.

The software, called SYSBUSINESS (STOCK MANAGEMENT/PURCHASE/SALES), must

Cover all the functionalities of stock management software (management of stock information, processing of
purchases and sales in a shop).

In carrying out our assignment, we adopted the following approach

Firstly on the general Framework, then on the conceptual Framework and finally on implementation,

This document therefore summarises our work according to the main phases of our process.

44
 Table des matières
DEDICACES ..................................................................................................................................................................................... 1
REMERCIEMENTS ...................................................................................................................................................................... 2
AVANT-PROPOS ..................................................................................................................................................................... 3
PLAN ................................................................................................................................................................................................. 4
INTRODUCTION GENERALE…………………………………………………………………………………………………...5
CHAPITRE 1 : LE DEVELOPPEMENT ...................................................................................6
1.1 RAPPEL .....................................................................................................................................
1.2 LES LANGAGES DE PROGRAMMATION .........................................................................
1.3 SYSTEME DE GESTION DE BASE DE DONNEES ............................................................
1.4 LES GENERALITES ......................................................................................................... ........

CHAPITRE 2 : ETUDE DES OUTILS ........................................................................................7

2.1 OUTILS DE MODELISATION ...............................................................................................
2.2 OUTILS DE DEVELOPPEMENT ...........................................................................................
2.3 LES PRINCIPALES FONCTIONNALITES DES OUTILS .................................................
2.4 CHOIX DE SOLUTION RETENUE ........................................................................................

CHAPITRE 3 : OUTILS ET TECHNOLOGIE MISE EN OEUVRE ........................................8

3.1 MOYENS HUMAINS .......................................................................................................... ........
3.2 MOYENS MATERIELS ..............................................................................................................
3.3 LOGICIELS ............................................................................................................... ...................
3.4 COUT DE LA SOLUTION...................................................................................................... ....

CHAPITRE 4 : CONCEPTION ET IMPLEMENTATION DE L’APPLICATION PROPOSEE ……..9

4.1 ETUDE PREALABLE .....................................................................................................................
4.2 IMPLEMENTATION........................................................................................................... ........
4.3 ARCHITECTURE FONCTIONNELLE ........................................................................................
4.4 PRESENTATION DE QUELQUES VUES ....................................................................................
CONCLUSION GENERALE ........................................................................................................................10
RESUME ……………………………………………………………………………………………………..11

45