UNIVERSITE CADI AYYAD

ECOLE SUPERIEURE DE TECHNOLOGIE

ESSAOUIRA
***
Département Génie Informatique

RAPPORT DE STAGE D’INITIATION

Stage effectué du 28/07/2021 au 24/08/2021 au sein de Ultimate

Business Team
368 Avenue Mohamed V
14000, Kénitra, Maroc

Réalisé par : Encadré Par :

Oussama NAJEM Mme Sihame LAMSAOUI

Année Universitaire : 2021/2022

 DEDICACE
A ceux qui ont consacré leur vie pour qu’on soit heureux,
Nos chers parents.

A ceux qui ne cessent de nous encourager pour arriver à ce

niveau,
Nos Frères et Nos Sœurs.

A ceux qui ne cessent de m’orienter et de nous encourager,

Nos professeurs.

A ceux qui nous sont toujours fidèles,

Nos chers amis.

Nos vous dédie ce modeste travail.

RAPPORT DE STAGE D’INITIATION 2 2021/2022

REMERCIEMENTS
Je tiens à remercier toute l'équipe pédagogique de
l’École Supérieure de Technologie d’Essaouira.

Je remercie vivement mon maitre de stage, Mme Siham

LAMSSAOUI, pour son accueil, son aide et ses conseils
très utiles. Grâce aussi à sa confiance j’ai pu
m’accomplir totalement dans mes missions. Il fut d’une
aide précieuse dans les moments les plus délicats.

Je tiens à remercier également toute l’équipe de

l’entreprise pour leur accueil, en particulier Mr Zakaria,
qui m’a beaucoup aidé à s’intégrer au sein de
l’entreprise.

Enfin, je remercie toutes les personnes qui m’ont conseillé et

m’ont encouragé lors de la rédaction de ce rapport

RAPPORT DE STAGE D’INITIATION 3 2021/2022

SOMMAIRE

Dédicace...............................................................................................................2
Remerciement......................................................................................................3
Sommaire.............................................................................................................4
Introduction.........................................................................................................5
Les objectifs de stage...........................................................................................6
Chapitre 1 : Présentation de l’entreprise d’accueil ...................................... 7-9
1. Ultimet Business Team ........................................................................ 8
2. Identification de l’entreprise .............................................................. 8
3. Mission .................................................................................................. 9
4. Activités ................................................................................................. 9
Chapitre 2: Travaux effectués dans le stage..............................................10-13
1. Savoir le fonctionnement de l’entreprise : ...................................... 10
2. Examiner certains acquits : .............................................................. 10
HTML ............................................................................................ 11-12
CSS ...................................................................................................... 13
Chapitre 3 : Outils de Développement.............................................................14
Chapitre 4 : Réalisation d'un formulaire d'inscription et de
connexion.......................................................................................................15-19
1. Sign In...............................................................................................15-17
2. Sign Up..............................................................................................17-19
Conclusion...........................................................................................................20
Webographie.......................................................................................................21

RAPPORT DE STAGE D’INITIATION 4 2021/2022

INTRODUCTION

Dans le cadre de formation de l’école supérieure de technologie d’Essaouira

Ce stage a un rôle très primordial car il nous permet de découvrir le monde du

travail, de mettre en pratique nos connaissances et ainsi acquérir une expérience
professionnelle. Il constitue une partie intégrante de processus d’apprentissage et
un complément indispensable à la pédagogie basique.
En partant de cette participation, ce stage au sein de la société Ultimate
Business Team a duré de quatre semaines, m’a permis d’apprendre des leçons
pratiques, d’adapter et améliorer mes connaissances théoriques, et de découvrir
le monde professionnel.
Le présent rapport comporte 4 chapitres. Dans le chapitre 1, je vais présenter
l’organisme d’accueil. Ensuite, dans le chapitre 2, je vais présenter les travaux
effectués dans le stage. Ensuite, dans le chapitre 3, je vais présenter les Outils de
Développement, et dans le chapitre 4, je vais présenter la plateforme
d’inscription et connexion.

RAPPORT DE STAGE D’INITIATION 5 2021/2022

Les Objectifs De Stage

• Apprendre à s'intégrer à une équipe de travail.

• Améliorer la confiance en soi.

• Comparer le théorique avec le pratique.

• Développer d’autres compétences

• Acquérir des responsabilités.

RAPPORT DE STAGE D’INITIATION 6 2021/2022

Présentation de l’entreprise d’accueil

RAPPORT DE STAGE D’INITIATION 7 2021/2022

 Chapitre 1 : Présentation de l’entreprise
d’accueil

1. Ultimate Business Team

Crée en 2010, « Ultimate Business Team » aide ses clients à

construire des systèmes d’information et des applications qui
transforment leurs entreprises en agissant sur plusieurs volets : la
technologie, la méthodologie, la culture, la gestion des relations clients et
la compréhension des enjeux métier

2. Identification de l’entreprise

Nom ou raison sociale : Ultimate Business Team

Sigle usuel : UBT

Adresse ou siège social : 368, Avenue Mohammed V

Ville : Kénitra

Ligne directe : +212 658 380 381

Ligne fix : +212 530 132 322

Forme juridique (1) : Société à Responsabilité Limitée

Année de création : 2010

Capital : 60 000 DHS

N° du registre de commerce : 44793 (Tribunal de Kenitra)

RAPPORT DE STAGE D’INITIATION 8 2021/2022

3. Mission

La mission de la société « Ultimate Business Team » se base sur trois axes principaux :

✓ Développer ses compétences et son savoir-faire dans son domaine d’activité ;

✓ Répondre aux exigences de ses clients, et des différentes parties intéressées

notamment celle d’ordre réglementaire et légal en vigueur, en présentant des
produits conformes et de qualité ;

✓ Fidéliser sa clientèle.
✓ Application Mobile
4. Activités

La société « Ultimate Business Team » est spécialisée dans :

✓ Application Desktop
Développement de logiciel sur mesure, développement CMS, refonte de site
web, etc.
✓ Application Mobile
Développement des applications mobile android/IOS, création de
contenu des sites web/mobile, etc.
✓ Digital Marketing
Création de publications dynamiques, E-MAILING, Référencement
web, E-reputation, E-sms, Google ads, Facebook ads, Linkedin ads.
✓ Gestion de la relation client
Service client, support technique, hotline, quel que soit le média:
voix, chat, mail, formulaire, etc

RAPPORT DE STAGE D’INITIATION 9 2021/2022

 Chapitre 2 : Travaux effectués dans le stage

1. Savoir le fonctionnement de l’entreprise :

Faire des connaissances au sein de l’entreprise est une grande chose

d’importance car il permet de vivre une expérience professionnelle aussi d’oser
demander l’aide aux supérieures qui n’hésitent pas de le donner.
Grace à ces connaissances j’ai pu m’intégrer au sein de l’entreprise ainsi de
savoir chaque personne et son poste.
Et par cela j’ai pu savoir comment cette entreprise fonctionne (les postes des
employés, les services, les activités…).
2. Examiner certains acquits :

Après que mon maitre m’a demandé de découvrir comment et par qui la
société fonctionne. Il m’a donné comme responsabilité de se concentrer sur
certaines leçons à savoir : HTML & CSS

RAPPORT DE STAGE D’INITIATION 10 2021/2022

 • HTML :

HTML : HyperText Markup Langage

L'HTML est un langage informatique utilisé
sur l'internet. Ce langage est utilisé pour créer
des pages web.

C’est un langage permettant de mettre en

forme du texte, des images, des sons, etc.
destinés à être visualisés grâce à un navigateur.

Dans ce stage j’ai pu accomplir et apprendre toutes les aspects et les détails
du langage Html.

A savoir :

Les balises : “<” et “>”

Utilisés pour définir une action.
Création d’un document html :
<HTML> "première ligne du document".
<head> "ouverture de la zone d'entête".

<title> "titre de la page suivi de </title>".

</head> "fermeture de la zone d'entête."

<body> "ouverture du corps du document".

"Mettre le texte et les images ici".

</body> "fin du corps du document".

</HTML> "fin du document HTML".

Formatage du texte :

RAPPORT DE STAGE D’INITIATION 11 2021/2022

Quelques commandes :

<Hi></Hi> : le choix de taille

<BLOCKQUOTE></BLOCKQUOTE> : emprisonner un paragraphe telle
une citation en alinéa
<SUB></SUB> : permet d'utiliser les indices dans des formules comme
dans l'exemple qui suit : H 2 O.
<SUP></SUP> : permet d'utiliser les exposants dans des formules
<EM></EM> : texte en italique
<strong></strong> : texte en gras
<STRIKE></STRIKE> : rayer le texte
<TT></TT> : texte formaté avec une fonte à espacement constant

Les images :

Les navigateurs HTML reconnaissent généralement deux formats d’images ; les

images GIF et les images JPEG. Ces deux formats d'images sont comprimés
<img src="le nom du dossier /le nom du fichier. Format">

Les liens :

Les liens sont eux qui font que le web est une toile sur laquelle on peut
naviguer de page en page.

<a> :(utilisé pour créer un lien (transformer un texte en un lien en

l’encadrant dans <a>)

RAPPORT DE STAGE D’INITIATION 12 2021/2022

 • CSS :

CSS : Cascading Style Sheets

C’est un langage qui permet de gérer la
présentation d'une page Web
permet de formater les éléments structures par
l’Html.
Le CSS permet de définir l'esthétique d'un site
web et par lequel on peut définir :

• La police d’un texte et son aspect : la couleur, la taille etc.

• L’apparence d’un menu
• Créer les éléments géométriques
• La mise en place de grilles d'images.
• L'ajout de bordure.
• L'application de différents effets ou animations simples.
• La manière dont on navigue dans un site internet.

Les missions à faire que m'a donné mon maitre m'ont permet d'examiner
mes connaissances sur l'Html et Css et les bien applique

Les missions à faire que m'a donné mon maitre m'ont permet d'examiner
mes connaissances sur l'Html et Css et les bien appliquer

RAPPORT DE STAGE D’INITIATION 13 2021/2022

 Chapitre 3 : Outils de Développement

Ce chapitre décrit les différentes technologies adoptées et utilisées pour la réalisation de ce

projet

• Visual Studio Code :

Visual Studio Code est un éditeur de code open source, gratuit et
multiplateforme (Windows, Mac et Linux), développé par
Microsoft, à ne pas confondre avec Visual Studio, l'IDE
propriétaire de Microsoft. VSC est développé avec Electron et
exploite des fonctionnalités d'édition avancées du
projet Monaco Editor. Principalement conçu pour le
développement d'application avec JavaScript, Type Script et
Node.js, l'éditeur peut s'adapter à d'autres types de langages grâce à un système
d'extension bien fourni.

• HTML :
HTML signifie « HyperText Mark up Language » qu'on peut
traduire par « langage de balises Pour l'hypertexte ».
Il est utilisé afin de créer et de représenter le contenu d'une page
web et sa structure. D'autres technologies sont utilisées avec
HTML pour décrire la présentation d'une page (CSS) et/ou ses
fonctionnalités interactives (JavaScript).
HTML fonctionne grâce à des « balises » qui sont insérées au sein
d'un texte normal. Chacune de ces balises indique la signification de telle ou telle
portion de texte dans le site.

CSS :
Le CSS est un langage informatique utilisé sur l'internet pour
mettre en forme les
Fichiers HTML ou XML. Ainsi, les feuilles de style, aussi
appelé les fichiers CSS,
Comprennent du code qui permet de gérer le design d'une page
en HTML. Les CSS, Cascading Style Sheets (feuilles de styles
en cascade), servent à mettre
en forme des documents web, type page HTML ou XML. Par l'intermédiaire de
propriétés d'apparence (Couleurs, bordures, polices, etc.) et de placement (largeur,
hauteur, côte à côte, dessus dessous, etc.), le rendu d'une page web peut être
intégralement modifié sans aucun code supplémentaire dans la page web

RAPPORT DE STAGE D’INITIATION 14 2021/2022

 Chapitre 4 : Réalisation d'un formulaire
d'inscription et de connexion

1. Sign In :

• Sign-in/login
Les contenus de la case de « sign in» :

Case pour saisir le nom

d’utilisateur
Case pour saisir le mot de passe
Bouton de « login »
D'autre outils pour connexion
Logos des médias sociaux

RAPPORT DE STAGE D’INITIATION 15 2021/2022

 • Source de code

• Nouveau client :
Les contenus de la case de « New here ?» :

Paragraphe pour informer le

nouveau client pour cliquer sur sign
up
Bouton de « sin up »
Une image

RAPPORT DE STAGE D’INITIATION 16 2021/2022

 • Source de code

2. Sign Up

RAPPORT DE STAGE D’INITIATION 17 2021/2022

 • Sign-up
Les contenus de la case de « sign in» :

Case pour saisir le nom d’utilisateur

Case pour saisir l’email
Case pour saisir le mot de passe
Case pour confirmer le mot de
passe
Bouton de « Sign Up »
D'autre outils pour connexion
Logos des médias sociaux

• Source de code

RAPPORT DE STAGE D’INITIATION 18 2021/2022

 • Ancien client :
Les contenus de la case de « One of us ?» :

Paragraphe pour informer

le ancien et le nouveau client pour
cliquer sur sign in
Bouton de « sin up »
Une image

• Source code

RAPPORT DE STAGE D’INITIATION 19 2021/2022

CONCLUSION

Tout au long de la période de ce stage, j’ai essayé de comprendre le

fonctionnement de cette entreprise, et de profiter d’un maximum des
informations chez nos supérieurs. Grâce à ce stage j’ai l’occasion de créer un
lien entre ce qu’on a acquis à l’ESTE et le monde réel ou s’applique les
connaissances théoriques, aussi il m’a permet d’améliorer des bonnes qualités
telle : la ponctualité, la discipline, persévérance et travail acharné.
Cette expérience professionnelle sera restée une très belle expérience
valorisante et encourageante pour l’avenir.
En fin, ce stage est très enrichissant pour moi, j’ai partage des moments
agréables et j’ai créé des souvenirs avec des gens que j’ai l’honneur de travailler
avec eux dans des bonnes conditions.

RAPPORT DE STAGE D’INITIATION 20 2021/2022

 Webographie
www.google.com
https://www.w3schools.com/
https://www.github.com

RAPPORT DE STAGE D’INITIATION 21 2021/2022