Rapport Dev Local Host

REPUBLIQUE DU CAMEROUN REPUBLIC OF CAMEROON
Paix-Travail- Patrie Peace-Work-Fatherland

****** ******
MINISTERE DE L’EMPLOI ET DE LA MINISTRY OF EMPLOYMENT AND
FORMATION PROFESSIONNELLE VOCATIONAL TRAINING
MISE EN ŒUVRE D’UNE APPLICATION WEB DE

E-RECRUTEMENT :
Rapport de fin de formation en vue de l’obtention d’une certification

en développement web full Stack
Formation effectué du 23 Octobre 2022 au 25 Novembre 2022
REALISE ET PRESENTE PAR ENCADREUR

SONAFO LONKENG Merveille M. STEVE FASSEU
Année académique 2022-2023

DEDIASSE
A mon grand frère chéri et mes deux sœurs qui m’ont permis de
réaliser le désir de suivre cette formation.
Aucun édictât n’est assez suffisante pour exprimer l’amour, la
reconnaissance et le respect que j’ai pour vous.
ce travail est le fruit des efforts que vous avez consenti jour et
nuit pour mon bien–être, et mon éducation.
I
REMERCIMENT
Ces remerciements vont tout d’abord à l’endroit de M.
STEVE FASSEU notre enseignant qui n’a ménagé aucun effort
pour la réussite de note formation, et en suite à toute l’équipe
de LOCALHOST ACADEMY qui ont veillé à notre bienêtre et
notre confort tout au long de la formation.
II
MISE EN ŒUVRE D’UNE APPLICATION WEB DE E-RECRUTEMENT :
SOMMAIRE
SOMMAIRE ....................................................................................... 1
table des illustrations .................................................................................... 4
abreviations .................................................................................................. 5
AVANT PROPOS........................................................................................ 6
Résumé ......................................................................................................... 7
ABSTRACT ................................................................................................. 8
INTRODUCTION........................................................................................ 9
.................................................................................................................... 10
Chapitre I : PRESENTATION DE LA FORMATION en développement

web full stack........................................................................................................ 10
I. Qu’est-ce qu’un développeur Full Stack .......................................... 11
II. LE FRONT-END ........................................................................... 11
III. BACK-END ................................................................................ 17
1. Définition .................................................................................... 17
2. Les langes de programmation du back-end ................................ 17
.................................................................................................................... 21
Chapitre Iii : L’INTERNET, le Web, l’application web et E-recrutement 21
I. L’INTERNET................................................................................... 22
1. Définition .................................................................................... 22
2. Les services de l’Internet ............................................................ 22
II. LE WEB ......................................................................................... 23
Réalisé et présenté par : SONAFO LONKENG Merveille 1

1. Définition .................................................................................... 23
2. Les ressources du web ................................................................ 23
III. L’APPLICATION WEB ............................................................. 24
1. Définition .................................................................................... 24
2. Différence entre l’application web et le site web ....................... 24
IV. Le E-recrutement......................................................................... 25
1. Définition .................................................................................... 25
2. Avantages .................................................................................... 25
3. Inconvénients .............................................................................. 26
Chapitre III : ANALYSE DU PROJET ..................................................... 27
1. présentation du projet ..................................................................... 28
I. organisation des taches du projet ..................................................... 29
II. modelisation ................................................................................... 30
1. Modelé conceptuel de donnée (MCD) ........................................ 30
2. Modelé physique de donnée (MPD) ........................................... 31
III. besoins ......................................................................................... 32
1. Besoins fonctionnels ................................................................... 32
2. Besoins non fonctionnels ............................................................ 32
.................................................................................................................... 34
Chapitre Iv : CONCEPTION et Réalisation .............................................. 34
I. CHOIX DES OUTILS ..................................................................... 35
1. Choix de langage de programmation .......................................... 35

2. Choix des librairies ..................................................................... 35
3. Choix des Framework ................................................................. 35
4. Autres outils ................................................................................ 35
II. REALISATION DE L’APPLICATION ........................................ 36
1. Création du projet........................................................................ 36
2. Les interfaces .............................................................................. 36
............................................................................................................ 41
3. Les difficultés rencontrées .......................................................... 41
conclusion .................................................................................................. 42

TABLE DES ILLUSTRATIONS
Figure 1:logo de HTML ............................................................................. 12

Figure 2: logo de css .................................................................................. 13
Figure 3:logo de JavaScript........................................................................ 14
Figure 4:logo de Jquery.............................................................................. 16
Figure 5:logo de Bootstrap ......................................................................... 16
Figure 6:logo de php .................................................................................. 17
Figure 7:logo de laravel ............................................................................. 18
Figure 8:logo de mysql .............................................................................. 20
Figure 9:logo de sql.................................................................................... 20
Figure 10:plan du projet ............................................................................. 28
Figure 11:capture Trello............................................................................. 29
Figure 12:MCD .......................................................................................... 30
Figure 13:MPD........................................................................................... 31
Figure 14: Interface de inscription ............................................................. 36
Figure 15: Interface de Connexion ............................................................ 37
Figure 16:index .......................................................................................... 37
Figure 17:liste des jobs .............................................................................. 38
Figure 18:formulaire d'enregistrement des jobs......................................... 38
Figure 19 affichage du détail d'un job........................................................ 39
Figure 20 lettre de motivation pour postuler ............................................. 39
Figure 21 les conversations ........................................................................ 40
Figure 22 les messages d'une conversation................................................ 40
Figure 23 tableau de bord........................................................................... 41

ABREVIATIONS
 HTML: HyperText Markup Language
 CSS: Cascading Style Sheets
 PHP: HyperText Preprocessor
 SQL: Structured Query Language
 NoSQL: No Structured Query Language
 CMS: content management system
 SGBD : Système de Gestion de Base de Données
 DOM: Document Objet Model
 JS: JavaScript
 CSRF: Cross-Site Request Forgery
 MVC: Model-View-controller

AVANT PROPOS
Dans le but d’assurer un développement durable et de fournir aux entreprises une

main d’œuvre compétente et compétitive dans divers domaines, le gouvernement
Camerounais par le biais du Ministère de l’emploi et de la formation professionnelle a
permis l’ouverture des centres de formation en informatique et au digital. Donnant ainsi
l’opportunité aux différents centre de formation, de contribuer à l’acquisition d’une
formation mettant en exergue la compétence de l’apprenant.
C’est dans cette optique que le centre de formation LocalHost Academy a vu le
jour, afin d’aider les jeunes dans l’insertion professionnelle au métier du numérique au
Cameroun.
LocalHost Academy , situé à Douala BP-Cité est un centre de formation pratique
et de certification aux métiers du numérique au Cameroun. Formant les étudiants, les
entrepreneurs, employés et cadres d’entreprise à la découverte et la maitrise des métiers
du numérique. Comportant à ce jour plusieurs offres de formation notamment :
 Création de sites web avec WordPress
 Développement Mobile avec flutter
 Graphic Design avec PS + AI + ID
 Développement Web Full Stack avec Laravel
 Marketing Digital Développement Web avec Vue Js
 Piratage Informatique & Hacking Ethique
 Trading Forex & Crypto monnaies
 Conception assistée par ordinateur avec SolidWorks

RESUME
La réalisation d’un projet de fin de formation est une tâche que doit accomplir tout
étudiant de LOCALHOST ACADEMY au terme de la formation en
développement web full Stack LARAVEL, il est utilisé comment élément
d’évaluation des capacités de l’apprenant à se lancer dans le milieu professionnel.
Ce dernier est soutenu par un rapport qui sera rédigé et présenté par l’étudiant
pendant une durée d’un mois, au tout d’un thème précis. Pour mener à bien cette
tâche, nous avons choisi le thème : MISE EN ŒUVRE D’UNE APPLICATION
WEB DE E-RECRUTEMENT : ‘‘ JOBLINK ’’

ABSTRACT
The completion of an end-of-training project is a task that all LOCALHOST

ACADEMY students must accomplish at the end of the full Stack LARAVEL web
development training, it is used as an element of evaluation of the learner's abilities
to get started in the professional environment. The latter is supported by a report
that will be written and presented by the student for a period of one month, at all
on a specific theme. To carry out this task, we have chosen the theme:
IMPLEMENTATION OF AN E-RECRUITMENT WEB APPLICATION:
'' JOBLINK ''.

INTRODUCTION
Dans le monde actuel, l’informatique est d’une importance capital car elle
a considérablement amélioré le quotidien de l’homme dans les domaines de la
communication, le partage des ressources, et surtout, à énormément facilité la
gestion des système d’information avec l’avènement de l’internet, du web et des
applications web. Le web a révolutionné l’accès à aux données et à la gestion
des ressources dans de nombreux secteurs d’activités. Le recrutement qui autres
fois se faisait en utilisait les méthodes traditionnelles tel que les journaux et les
communiqué radio qui s’avéraient inefficaces, a connu son expansion grâce au
web et évolue de plus en plus vers le e-recrutent. C’est dans cet optique que nous
allons mettre en œuvre une application web de e-recrutement : ‘‘ joblink’’.
Pour mener à bien notre travail, nous allons le présenter en quatre chapitres
qui sont :
 Chapitre I : Présentation de la formation reçue : il sera question ici faire
un petit résumé de la formation reçus en développent web full stack
 Chapitre II : l’Internet, le Web, l’application web et E-recrutement :
Dans cette première partie nous allons présenter des généralités sur Internet,
le Web, l’application web et E-recrutement.
 Chapitre III : Analyse du projet : La troisième partie est dédiée à la
présentation de la démarche de modélisation pour le développement de notre
application
 Chapitre IV : Conception et Réalisation : Dans cette dernière partie nous
allons présenter les outils utilisés ainsi que quelque interface de l’application.

CHAPITRE I : PRESENTATION
DE LA FORMATION EN
DEVELOPPEMENT WEB FULL
STACK

I. QU’EST-CE QU’UN DEVELOPPEUR FULL

STACK
Un développeur full stack, appelé aussi développeur polyvalent, est un

développeur web capable de réaliser la programmation d’un site ou d'une
application web à la fois en front-end et back-end. Il dispose ainsi de compétences
variées lui permettant de travailler sur chaque étape d'un projet de création allant
du développement à la production.
De façon plus précise, il est capable de :
 Concevoir le code de 'front-end' qui est exécuté sur la plate-forme de
l'utilisateur, le plus souvent dans un navigateur Web sur un smartphone ou
un ordinateur de bureau, dans des langages tels que JavaScript et ses
bibliothèques, HTML, CSS ;
 Concevoir le code de 'back-end' en utilisant des langages tels PHP et se
Framework tel que LARAVEL, Symfony …
 Concevoir, manipuler et interroger des bases de données ;
II. LE FRONT-END
1. DEFINITION
Le front-end désigne les éléments d'un site ou d'une application que les
utilisateurs voient à l'écran et avec lesquels ils vont interagir. À titre d'exemple,
tout ce que les internautes vont voir sur un site internet.

2. LES LANGES DE PROGRAMMATION DU FRONT-END

A) LE HTML
Figure 1:logo de HTML
HTML (HyperText Markup Language) est le langage de balisage conçu

pour représenter les pages web. Ce langage permet d’écrire de l’hypertexte (d’où
son nom), de structurer sémantiquement une page web, de mettre en forme du
contenu, de créer des formulaires de saisie ou encore d’inclure des ressources
multimédias dont des images, des vidéos, et des programmes informatiques. Sa
dernière version est HTML5 .
Exemple : structure de base
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

B) LE CSS
Figure 2: logo de css
CSS (Cascading Style Sheets) est un langage de mise en forme des

documents. Les documents en question sont des fichiers texte structurés avec un
langage de balises HTML. Sa dernière version est CSS3.
Où placer le code CSS ?
 Directement dans les balises que l'on souhaite mettre en forme
<p style=''color:red;'' >Voici un paragraphe avec une mise en forme
spéciale.</p>
 Entre les balises <head> et </head>
<style type="text/css">
/* Vous taperez votre code CSS ici */
h1 { color: blue; }
p { font-size:16px; }
</style>
 Dans un fichier CSS externe, d'extension .css qu’on relie au fichier html grace
à la balyse link placé dans le head de la page html
<head>
<title></title>
<link rel="stylesheet" media="screen" type="text/css"
href="dossier/style.css" />

</head>
SYNTAXE du CSS
Sélecteur {
Propriété : valeur ;
}
C) LE JAVASCRIPT
Figure 3:logo de JavaScript
JavaScript est un langage de programmation qui permet de créer du

contenu mis à jour de façon dynamique, de contrôler le contenu multimédia,
d'animer des images, et tout ce à quoi on peut penser.
Comment intégrer du code JavaScript dans une page ?
Il y a deux manières d'ajouter du code JavaScript dans une page :
 en liant depuis la page HTML un fichier externe, dans lequel sont placées les
instructions JavaScript :
<script type="text/javascript" src="monscript.js"></script>
 en ajoutant le code JavaScript à l'intérieur de l'élément script :
<script type="text/javascript">
// Mon code Javascript ...
</script>

Exemple : syntaxe
//comment créer une variable :
//var nom_de_mavariable ;
var x;
// comment utiliser une variable :

// nom_de_ma_variable =valeur ;
x = 5;
y = 6;
// comment utiliser une variable :
//var nom_de_ma_variable =valeur ;
var z = x + y;
NB : Les règles générales de construction des noms de variables
(Les variables sont des conteneurs pour stocker des données)
Les noms peuvent contenir des lettres, des chiffres, des traits de
soulignement et des signes dollar.
 Les noms doivent commencer par une lettre.
 Les noms peuvent également commencer par $ et _ (mais nous ne les
utiliserons pas dans ce tutoriel).
 Les noms sont sensibles à la casse (y et Y sont des variables différentes).
 Les mots réservés (comme les mots clés JavaScript) ne peuvent pas être utilisés
comme noms.

D) JQUERY
Figure 4:logo de Jquery
JQuery est une bibliothèque JavaScript qui simplifie grandement la

programmation JavaScript et facilite l’apprentissage.
Exemple : syntaxe des selecteurs
//Vous pouvez sélectionner tous les <p>éléments d'une page comme ceci
$("p")
//le clique sur un bouton, tous les <p>éléments seront masqués :
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
E) BOOTSTRAP
Figure 5:logo de Bootstrap
Bootstrap est un Framework CSS/JavaScript qui permet de créer

facilement et rapidement des sites et applications web responsives. Il a été conçu

pour aider les développeurs dans leurs travaux quotidiens sur les langages que sont
le HTML ,le CSS et JavaScript . Il fonctionne notamment sur un système de grille.
Comment inclure le CSS et le JS de Bootstrap
On utilise les balise Link et script comme dans css et JavaScript expliqué
plus haut pour lier les fichier bootstrap téléchargeable sur https://getbootstrap.com
III. BACK-END
1. Définition
Le back end désigne les parties du code d'une application ou d'un logiciel
permettant son fonctionnement et inaccessibles à l’utilisateur.
2. Les langes de programmation du back-end

A) LE PHP
Figure 6:logo de php
PHP: Hypertext Preprocessor, plus connu sous son sigle PHP, est un
langage de programmation libre, principalement utilisé pour produire des pages
Web dynamiques via un serveur HTTP, mais pouvant également fonctionner
comme n'importe quel langage interprété de façon locale. PHP est un langage
impératif orienté objet.
Les notions du PHP
L’étude de ce langage a fait l’objet de plusieurs notions à savoir :

 Présentation
 Déclaration des variables et constantes
 Types de données
 Operateurs
 Conditions
 Boucles
 Fonctions
 Tableaux
 Gestions des formulaires
 La validation des formulaires
 POO
 Classes et objets
 Constructeur et destructeur
 Propriétés et méthodes
 Héritage
B) LARAVEL
Figure 7:logo de laravel
Laravel est un Framework web open-source écrit en PHP respectant le

principe modèle-vue-contrôleur et entièrement développé en programmation
orientée objet.il permet à un développeur de tirer parti d'une vaste bibliothèque de
fonctionnalités pré-programmées. L'accès à ce Framework simplifie la création

rapide d'applications web robustes tout en minimisant la quantité de code

nécessaire
Les notions de LARAVEL
L’étude de ce langage a fait l’objet de plusieurs notions à savoir :

 Présentation
 Installation « composer create-project laravel/laravel:^8.0
NomDuProjet »
 Routage
 Protection CSRF
 Requêtes et réponses
 Vues
 Génération d’URL et sessions
 Validation et gestion des erreurs
 Authentification
 Pagination
 Les migrations
 Les seeders, factories
C) LES BASES DE DONNEES
Une base de données est un ensemble d'informations qui est organisé de
manière à être facilement accessible, géré et mis à jour. Elle est utilisée par les
organisations comme méthode de stockage, de gestion et de récupération de
l’informations à partir d’un SGBD.
D) LE SGBD
Un système de gestion de base de données (SGBD) est le logiciel qui permet
à un ordinateur de stocker, récupérer, ajouter, supprimer et modifier des données.

Un SGBD gère tous les aspects primaires d'une base de données, y compris la
gestion de la manipulation des données, comme l'authentification des utilisateurs,
ainsi que l'insertion ou l'extraction des données. Le plus utilisé est MySQL.
E) MYSQL
Figure 8:logo de mysql
MySQL est un système de gestion de bases de données relationnelles

utilisant le langage de programmation SQL.
F) LE SQL
Figure 9:logo de sql
SQL ( Structured Query Language, en français langage de requête

structurée) est un langage informatique normalisé servant à exploiter des bases de
données relationnelles. La partie langage de manipulation des données de SQL
permet de rechercher, d'ajouter, de modifier ou de supprimer des données dans les
bases de données relationnelles (à l’aide des requêtes telles que SELECT,
UPDATE, DELETE, INSERT).

CHAPITRE III : L’INTERNET,

LE WEB, L’APPLICATION WEB ET
E-RECRUTEMENT

I. L’INTERNET
1. Définition
Internet signifie réseaux interconnectés (interconnected networks). Il

désigne un ensemble de réseaux informatiques privés et publics interconnectés
fonctionnant sur la base de protocoles dont le plus connu est TCP-IP. Le réseau
initialement ne permettait que l'échange de textes, ce qu'on appelle le courrier
électronique. Ce réseau a été développé et étendu par des universitaires à la fin des
années 70. En 1977, Internet devient réalité car le TCP/IP est effectivement utilisé
pour relier divers réseaux. Dans les années 1990 sa popularisation passa par
l'apparition du World Wide Web. L'Internet tel que nous le connaissons était né !
Il est maintenant le plus grand réseau du monde, regroupant des gens de tous les
pays.
2. Les services de l’Internet

 Courrier électronique
 Forums de discussion et listes de diffusion (Listserv ou Usenet)
 Accès à des systèmes distants (fonction telnet)
 Transfert de fichiers (fonction FTP)
 Discussion on line (Chat) et Web-Cam
 World Wide Web (http et WWW)

II. LE WEB
1. Définition
Le World Wide Web, littéralement la « toile d'araignée mondiale »,
communément appelé le Web, parfois la Toile ou le WWW, symbolisant le réseau
maillé de serveurs d'informations, est un système hypertexte public fonctionnant
sur Internet qui permet la consultation d'informations, grâce à des liens créés entre
des documents : les pages web. La page web permet à la fois l'affichage de textes,
d'images et de formulaires de saisie mais peut également appeler et afficher
différents autres types de documents numériques : son, vidéo, applications... (Cette
liste n'étant pas limitative compte tenu du progrès technique en la matière). Sa
consultation par le Client nécessite un logiciel de navigation (navigateur ou
browser).
2. Les ressources du web

Les divers types de ressources du Web ont des usages assez distincts :
 Les ressources constituant les pages Web : documents HTML, images
JPEG ou PNG ou GIF, scripts JavaScript, feuilles de style CSS, sons,
animations…etc.
 Les ressources accessibles depuis une page Web mais consultables avec
une interface particulière : flux audio, flux vidéo…etc.
 Les ressources conçues pour être consultées séparément : documents
(PDF, PostScript, Word…etc.), fichier texte, images de tous types, morceaux
de musique, vidéo, fichiers à sauvegarder…etc.
 Les ressources appartenant à des systèmes bien distincts du Web : forums
Usenet, boîtes aux lettres électroniques, fichiers locaux…etc.

III. L’APPLICATION WEB

1. Définition
En informatique, une application web (aussi appelée web application) est

une application manipulable directement en ligne grâce à un navigateur web et qui
ne nécessite donc pas d'installation sur les machines clientes. De la même manière
que les sites web, une application web est généralement installée sur un serveur et
se manipule en actionnant des widgets à l'aide d'un navigateur web, via un réseau
informatique.
2. Différence entre l’application web et le site web
 Les applications web, comme nous le disions, reposent sur des bases de
données et sur un programme, qui va piocher dans ces bases de données pour
afficher des informations aux utilisateurs. Le site web, lui, va être construit
via des contenus statiques.
 Un site web a un rendu uniforme pour tous ses visiteurs. Tous les internautes
lisent le même contenu. En revanche, dans le cas d’une application web, ce
rendu dépendra de l’utilisation qu’en fait le visiteur.
 Le site Web est une source d’informations tandis que les applications Web
fonctionnent de manière interactive.
 Le développement d'un site Web est un processus relativement simple qui
nécessite la connaissance des langages coté clients. Mais la création d'une
application Web nécessite des connaissances plus approfondies des langages
coté clients et coté serveur, plus d'expérience et plus de planification.

IV. LE E-RECRUTEMENT
1. Définition
L’e-recrutement dans un contexte général est l’utilisation des technologies
de l’information et de la communication dans les processus de recrutement. E-
recrutement veut simplement dire “Recrutement électronique”. Cela représente
donc la dématérialisation des processus de recrutement grâce à internet.
2. Avantages
 Réactif et moins formel, le média Internet se révèle pratique pour amorcer un
dialogue entre un candidat et un recruteur. L’envoi d’un e-mail suffit pour
éclaircir un point obscur sur un CV.
 Facilité de prise de rendez-vous.
 Accroît la diversité du public touché en offrant aux entreprises la possibilité
de piocher dans des « CVthèques » particulièrement intéressantes pour la
recherche d’un profil spécifique.
 Offre la possibilité de modifier les annonces à tout moment.
 Fournit des informations plus précises sur l’entreprise et sur les profils des
postes à pourvoir.
 Simplifier l’enregistrement des CV dans une base de données d’entreprise,
mise à jour et consultable à tout instant.
 Optimise la transmission du CV d’un potentiel candidat à la bonne personne
dans l’entreprise.
 Le nombre d’offres disponibles est démultiplié par rapport à n’importe quelle
base sur support physique (annonces parues dans la presse),
 La consultation des offres est gratuite pour le candidat et le processus est
beaucoup plus rapide et bien meilleur marché pour les entreprises que par la
presse.

3. Inconvénients
 Souci de confidentialité des données.
 Certaines annonces génèrent beaucoup de CV, parfois peu qualifiés.
 Les candidats étant très sollicités, il arrive que certains d’entre eux signent
plusieurs contrats de travail simultanément et ne préviennent pas les
employeurs. Cette sollicitation oblige par ailleurs les recruteurs à réagir vite.
 L’absence de lettre manuscrite exclut tout premier contact avec le candidat. •
 Cette méthode ne touche pas 100% de la population qui recherche du travail,
elle s’adresse davantage aux cadres, ceux qui veulent travailler à l’international
ou encore les métiers qualifiés qui s’exportent.
 Mettre ne ligne un CV ne coûtant rien, les candidats se révèlent parfois peu
motivés

CHAPITRE III : ANALYSE DU

PROJET

1. PRESENTATION DU PROJET
Dans le cadre de notre projet de fin de formation de développeur web
fullstack, notre travail consistera à développer une application web de e-
recrutement, l’application était nommée JOBLINK. L’application devrait en effet
présenté des services de publication des offres d’emploi(jobs), liker des jobs ,
postuler à des jobs, recruter des candidats à partir d’une conversation .en effet un
visiteur peut voir les jobs posté dans notre site, un candidat authentifié peut liker
un job postuler à un job, via une lettre de motivation, un recruteur peut poster un
job , valider des candidatures, ce qui d’bouche sur une conversation entre lui et le
candidat ce qui pourra se terminer par un embauche.
Figure 10:plan du projet

I. ORGANISATION DES TACHES DU PROJET
La planification de notre projet est celle qu’on peut apercevoir sur cette
capture Tello :
Tello est l'outil visuel qui permet à votre équipe de gérer n'importe quel type
de projet ou de flux de travail, ou encore de suivre les tâches. Il peut être
Personnaliser en ajoutant des fichiers, des checklists ou même des règles
d'automatisation pour l'adapter aux méthodes de travail des équipes.
Figure 11:capture Trello

II. MODELISATION
1. Modelé conceptuel de donnée (MCD)
Le modèle conceptuel des données (MCD) a pour but d'écrire de façon
formelle les données qui seront utilisées par le système d'information. Il s'agit donc
d'une représentation des données, facilement compréhensible, permettant de
décrire le système d'information à l'aide d'entités
Figure 12:MCD

2. Modelé physique de donnée (MPD)

Le modèle physique des données (MPD) d'une base de données permet
d'avoir une représentation graphique de la structure d'une base de données et ainsi
de mieux comprendre les relations entre les différentes tables. Il permet d'avoir un
point de vue global sur l'ensemble de la base de données.
Figure 13:MPD

III. BESOINS
1. Besoins fonctionnels
Après une étude détaillée de système, cette partie est réservée à la
description des exigences fonctionnelles des différents acteurs de l’application.
Les besoins utilisateur :
 L’authentification de l’utilisateur
 Le listing de tous les jobs
 La recherche d’un job
 Le like d’un job
 La création, la modification d’une compte utilisateur
 Le listing des propositions des candidats et leurs lettres de motivations
 La validation des propositions
 Le détail d’un job
 Publication d’un job
 Envoie et réception des messages
2. Besoins non fonctionnels

Les besoins non fonctionnels décrivent toutes les contraintes techniques,
ergonomiques et esthétiques auxquelles sont soumis le système pour sa réalisation
et pour son bon fonctionnement. Et ce qui concerne notre application, nous avons
dégagé les besoins suivants :
 La fiabilité : les données fournies par l’application doivent être fiable

 La convivialité de l’interface graphique : l’application doit fournir

une interface conviviale et simple pour tout type d’utilisateur car elle
présente le premier contact entre l’utilisateur et l’application et par
le biais de celle-ci on découvrira ses fonctionnalités
 Une solution ouverte et évoluée : l’application peut être améliorée
par l’ajout d’autres modules pour garantir la souplesse, l’évolutivité
et l’ouverture de la solution
 Exploitabilité : les impacts en termes de performances doivent être
pris en compte lors de développement, ainsi que la consommation
des ressources (CPU, mémoire,
etc..) qui doit être minimisées.

CHAPITRE IV : CONCEPTION
ET REALISATION

I. CHOIX DES OUTILS

1. Choix de langage de programmation
 HTML 5
 CSS 3
 JavaScript
 PHP
2. Choix des librairies

 TypeLighter.js (librairie JavaScript)
 Jquery (librairie JavaScript)
3. Choix des Framework

 Bootstrap (Framework CSS)
 Laravel 8 (Framework PHP )

 Livewire
4. Autres outils
 PowerAMC
C’est un logiciel de conception, qui permet de modéliser les
traitements informatiques et leurs bases de données associées
 Visual Studio Code
C’est un éditeur de code extensible pour Windows, Linux et macOS.
 Composer
gestionnaire de dépendances PHP
 Xampp

C’est un ensemble de logiciels permettant de mettre en place un

serveur Web local, un serveur FTP et un serveur de messagerie
électronique.
 Tréllo
C’est l'outil visuel qui permet à votre équipe de gérer n'importe quel
type de projet ou de flux de travail, ou encore de suivre les tâches.
 Google Chrome
C’est un navigateur web c’est est un logiciel vous permettant d'afficher
des sites Internet
II. REALISATION DE L’APPLICATION

1. Création du projet
Laravel Pour créer un projet laravel 8 on utilise la commande << composer
create-project laravel/laravel :^8.0 joblink >> .
2. Les interfaces
Figure 14: Interface de inscription

Figure 15: Interface de Connexion
Figure 16:index

Figure 17:liste des jobs
Figure 18:formulaire d'enregistrement des jobs

Figure 19 affichage du détail d'un job
Figure 20 lettre de motivation pour postuler

Figure 21 les conversations
Figure 22 les messages d'une conversation

Figure 23 tableau de bord
3. Les difficultés rencontrées

Nous avons eu de nombreuses difficultés, personnels comme
professionnels. Nous avons rencontré quelques difficultés lors de l’utilisation de
laravel livewire pour les fonctionnalités de like ,de recherche en temps réel et tchat
étant donné que le sujet n’avait pas été abordé lors de la formation il a fallu
beaucoup d’investigation pour y arriver .
Nous notons aussi que certaines fois, il n’est pas évident de modifier des
composants issues d’un thème ou d’un Template Bootstrap, surtout s’agissant des
animations JavaScript.

CONCLUSION
De nos jours, il est pratiquement impossible de se passer de l’outil
informatique, quelque soit le domaine d’application. La société d’aujourd’hui vit
un gigantesque renouveau des techniques de communication avec la généralisation
des nouvelles technologies de l’information, du multimédia et de l’internet. Par
conséquent, le web suscite l’intérêt de la majorité des entreprises qui sont en prise
direct avec les consommateurs et qui doivent enrichir le dialogue avec eux via des
sites web conçus pour des fins bien déterminés d’où l’importance de la formation
en développement web full stack . Pour conclure, Les sites de recrutement sont
des outils qui aident les recruteurs dans leur prise de décision mais en aucun cas
les recruteurs ne s’appuieront seulement sur ces sites pour prendre leur décision
finale d’embauche ou non du candidat. Nous pouvons donc dire que la gestion de
l’e-réputation peut être un facteur de réussite pour les entreprises puisqu’elle leur
permet de se développer et de gagner en temps.

Rapport Dev Local Host

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Rapport Dev Local Host

Transféré par

Droits d'auteur :

Formats disponibles

REPUBLIQUE DU CAMEROUN REPUBLIC OF CAMEROON

Paix-Travail- Patrie Peace-Work-Fatherland

MISE EN ŒUVRE D’UNE APPLICATION WEB DE

Rapport de fin de formation en vue de l’obtention d’une certification

REALISE ET PRESENTE PAR ENCADREUR

Année académique 2022-2023

réaliser le désir de suivre cette formation.

Aucun édictât n’est assez suffisante pour exprimer l’amour, la

reconnaissance et le respect que j’ai pour vous.

nuit pour mon bien–être, et mon éducation.

Ces remerciements vont tout d’abord à l’endroit de M.

STEVE FASSEU notre enseignant qui n’a ménagé aucun effort

pour la réussite de note formation, et en suite à toute l’équipe

de LOCALHOST ACADEMY qui ont veillé à notre bienêtre et

notre confort tout au long de la formation.

table des illustrations .................................................................................... 4

Chapitre I : PRESENTATION DE LA FORMATION en développement

I. Qu’est-ce qu’un développeur Full Stack .......................................... 11

II. LE FRONT-END ........................................................................... 11

III. BACK-END ................................................................................ 17

2. Les langes de programmation du back-end ................................ 17

Chapitre Iii : L’INTERNET, le Web, l’application web et E-recrutement 21

2. Les services de l’Internet ............................................................ 22

II. LE WEB ......................................................................................... 23

Réalisé et présenté par : SONAFO LONKENG Merveille 1

2. Les ressources du web ................................................................ 23

III. L’APPLICATION WEB ............................................................. 24

2. Différence entre l’application web et le site web ....................... 24

Chapitre III : ANALYSE DU PROJET ..................................................... 27

1. présentation du projet ..................................................................... 28

I. organisation des taches du projet ..................................................... 29

II. modelisation ................................................................................... 30

1. Modelé conceptuel de donnée (MCD) ........................................ 30

2. Modelé physique de donnée (MPD) ........................................... 31

III. besoins ......................................................................................... 32

1. Besoins fonctionnels ................................................................... 32

2. Besoins non fonctionnels ............................................................ 32

Chapitre Iv : CONCEPTION et Réalisation .............................................. 34

I. CHOIX DES OUTILS ..................................................................... 35

1. Choix de langage de programmation .......................................... 35

Réalisé et présenté par : SONAFO LONKENG Merveille 2

2. Choix des librairies ..................................................................... 35

3. Choix des Framework ................................................................. 35

4. Autres outils ................................................................................ 35

II. REALISATION DE L’APPLICATION ........................................ 36

2. Les interfaces .............................................................................. 36

3. Les difficultés rencontrées .......................................................... 41

Réalisé et présenté par : SONAFO LONKENG Merveille 3

TABLE DES ILLUSTRATIONS

Figure 1:logo de HTML ............................................................................. 12

Réalisé et présenté par : SONAFO LONKENG Merveille 4

 HTML: HyperText Markup Language

 CSS: Cascading Style Sheets

 PHP: HyperText Preprocessor

 SQL: Structured Query Language

 NoSQL: No Structured Query Language

 CMS: content management system

 SGBD : Système de Gestion de Base de Données

 DOM: Document Objet Model

 CSRF: Cross-Site Request Forgery

Réalisé et présenté par : SONAFO LONKENG Merveille 5

Dans le but d’assurer un développement durable et de fournir aux entreprises une

Réalisé et présenté par : SONAFO LONKENG Merveille 6

Réalisé et présenté par : SONAFO LONKENG Merveille 7