RAPPORT DE

STAGE
Effectué a: Smart influence
Du: 11/07/2023 AU 11/08/2023
Encadrement: Nouhaila Baala
Réalisé Par: Hmad AIT LAHMOUS
Annee De Formation: 2022/2003

1
 AVANT PROPOS

La formation pratique par les stages, une valeur parmi

d'autres, est perçue comme le point angulaire de la
formation au sein de ESTM qui n'en fait pas l'exception et
ne cesse Pas de donner de l'importance à cette valeur.
La formation alternée par les stages a pour intérêt, bien
évidement, de faire une conjonction des deux axes de
toute formation
Le théorique académique et la pratique professionnel
pour bien assimiler les différents aspects et mécanismes
de la vie des entreprises loin de la théorie qui reste
insuffisante sans confrontation sur le terrain.
Encore faut-il insister sur la nécessité de bâtir des
relations de partenariat entre les entreprises et les écoles
de formation.
Ce partenariat doit permettre d'échanger le fruit des
recherches et des expériences de chacun des partenaires
et d'exprimer les besoins et les attentes dans l'objectif
d'une amélioration continue.

2
 FICHE TECHNIQUE DE
STAGIAIRE

DEPARTEMENT D'INFORMATIQUE
Etablissement De Stage : Développement Web
ET Mobile
Année Académique : 2022/2023
Nom de l'Étudiant : Hmad AIT LAHMOUS
Organisme De Stage : Stage D'observation
Sujet de stage : Création D’un Site Web
Gmail : hmadaitlahmous1@[Link]

3
 REMERCIEMENTS
Je tiens à remercier toutes les personnes qui ont contribué
au succès de mon stage et qui m'ont aidé lors de la
rédaction de ce rapport.
Tout d'abord, j'adresse mes remerciements à mes
professeurs, de l'Ecole supérieur de technologie de Nador
qui m'a beaucoup aidé dans le cote professionnel et tous ce
que j`ai besoin de , Son écoute et ses conseils m'ont permis
D`acquérir le maximum possible dans ma formation
professionnel pendant le stage
Je tiens à remercier vivement mon maitre de stage, Mm
Nouhaila, Développeuse Web au sein de l'entreprise Smart
Influencer, pour son accueil, le temps passé ensemble et le
partage de son expertise au quotidien. 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 remercie également toute l'équipe Smart Influencer pour
leur accueil, leur esprit d'équipe

4
Enfin, je tiens tout d'abord à me remercier ainsi qu'à tous les
YouTubeurs qui m'ont conseillé et corrigé lors de la
rédaction de ce rapport de formation.

SOMMAIRE
Avant propos……………………………………………………………….002
Fiche technique……….………………………………………….……….003
Remerciement………………….………………………………………….004
Somaire…………………………………….………………………………….005
Introduction………………………………………………………………….007
PARTIE 1 : L'ORGANISATION DE SMART
INFLUENCER
Historique de Smart Influencer………….………………………011
Organisation et Implantation……………………………………012
Fiche Technique de Smart Influencer ………………………012
Organigramme de Smart Influencer …………………..……013
Départements et Collaborations…………..……………….…014
Accueil des Stagiaires ……………………..…………………..……014
Départements et Collaborations…………..……………….…013

5
 PARTIE 2 : Expérience de Stage au Sein de Smart
Influencer

2.1 Réalisation d'un Questionnaire…………..………….….…016

2.1.1 Modèle de Questionnaire…………..……….…..…016
2.1.2 Analyse du Questionnaire Réalisé…………...…017
2.2 Tâches Effectuées……………………..……………….…..……017
2.3 Bilan Personnel……………………..………………………..……021
2.4 Appréciation du Stage……………………..………….…..……021
2.5 Points Positifs et Négatifs…………………….………....……021
2.6 Apport du Stage……………………..…………………..…………022

INTRODUCTION
Dans le cadre de la mise en œuvre du potentiel théorique
acquis a l'école, le présent rapport se veut l'émanation
d'un parcours modeste effectue au sein de Smart
Influencer

6
Les parcours nous a permis de mettre l'accent sur le
secteur des technologies de l'information et des services
informatiques.
Le présent rapport est élaboré en 3 Parties : Une
première qui porte sur une description générale sur le
secteur des technologies de l'information et des services
informatiques.
La seconde partie quant a elle, port sur l'organisation de
l'Smart Influencer fonctionnement / Diffèrent service et
stagiaire adaptées par Smart Influencer et spécialement
dans le service ou j'ai effectué la période de stage
La dernière partie de ce rapport sera pour les taches
effectuer au sein de l'entreprise création d'un site web de
touriste ainsi que la citation, point forte et faible du
magasin, le bilan personnel

PARTIE 1 : L'Organisation de
Smart Influencer

7
 Dans cette deuxième partie, nous allons explorer en
détail l'organisation de Smart Influencer, en abordant des
aspects tels que son historique, sa structure
organisationnelle, son implantation, ses départements
clés, et comment elle accueille et intègre les stagiaires
dans ses opérations.

1.1 Historique de Smart Influencer

L'histoire de Smart Influencer remonte à ses débuts en
tant qu'entreprise fondée à Marrakech. Fondée en 2021,
Smart Influencer a progressivement gagné en
reconnaissance dans le secteur des technologies de
l'information et est devenue un acteur clé dans le
domaine du développement et de la création de pages
web. L'entreprise a su évoluer et s'adapter aux évolutions
technologiques et aux besoins changeants de ses clients.

1.2 Organisation et Implantation

Smart Influencer est structurée de manière à garantir une

collaboration efficace entre ses différents départements.
Son siège social est situé à [07 Avenue 11 Janvier, Centre

8
d'affaires Al Abraj, Marrakech], offrant un environnement
propice à la créativité et à l'innovation. L'entreprise
possède également d'autres points d'implantation
stratégiques pour répondre aux besoins de sa clientèle.

1.3 Fiche Technique de Smart Influencer

 Nom : Smart Influencer.

 Date De Création : 11/03/2021.
 Directeur : Yassine Romani.
 Secteur : Technologies de l'Information et Services
Informatiques.
 Domaines d'Expertise : Développement Web, Design
Web, Marketing Numérique.
 Effectif : 12 employés.
 Services Offerts : Création de Sites Web et web,
Développement d'Applications, Stratégies de
Marketing en Ligne & SEO.
 Forme jureidique : SARL.
 Capital : 100 000 DH.

9
 1.4 Organigramme de Smart Influencer
L'organigramme de Smart Influencer illustre la structure
hiérarchique de l'entreprise, mettant en évidence les
différents niveaux de responsabilité au sein de
l'organisation. Cela inclut des postes clés tels que le
fondateur, les directeurs de département, les chefs de
projet et d'autres membres du personnel.

10
 1.5 Départements et Collaborations

Smart Influencer fonctionne avec différents

départements interconnectés pour fournir des solutions
intégrées à ses clients. Parmi les départements clés, on
peut citer :

 Développement Web
 Design Graphique
 Marketing Numérique
 Gestion de Projet
Ces départements collaborent pour offrir des services
complets, allant de la conception initiale à la mise en
œuvre et à la promotion.

11
Et parmi les collaborateur de smart influencer on trouve

1.6 Accueil des Stagiaires

Smart Influencer accueille régulièrement des stagiaires au

sein de son équipe, offrant ainsi une opportunité
précieuse aux étudiants et aux jeunes professionnels
d'acquérir une expérience pratique dans le secteur. Les
stagiaires sont intégrés dans différents départements
selon leurs domaines d'intérêt, ce qui leur permet de
contribuer aux projets en cours et d'apprendre des
professionnels expérimentés.

12
 Cette partie du rapport a jeté les bases pour une
compréhension approfondie de l'organisation de Smart
Influencer. Les prochaines sections examineront plus en
détail le fonctionnement de l'entreprise, avec un accent
particulier sur le service au sein duquel j'ai effectué ma
période de stage.

PARTIE 2 : Expérience
de Stage au Sein de
Smart Influencer
Dans cette troisième partie, je vais partager mon
expérience de stage au sein de Smart Influencer. Je vais
aborder des aspects tels que la réalisation d'un
questionnaire, l'analyse de ce questionnaire, les tâches
que j'ai effectuées pendant mon stage, mon bilan
personnel de l'expérience, l'appréciation globale de mon

13
 stage, ainsi que les points positifs et négatifs que j'ai
identifiés et l'apport du stage à ma formation.

2.1 Réalisation d'un Questionnaire

Pour mieux comprendre les besoins et les attentes des

touristes potentiels, j'ai élaboré un questionnaire détaillé
visant à recueillir des informations sur leurs préférences
en matière de voyages, leurs préoccupations et leurs
besoins. Ce questionnaire a été conçu pour guider le
développement ultérieur du site web touristique.

2.1.1 Modèle de Questionnaire

Le questionnaire comprenait une série de questions

ouvertes et fermées, allant de leurs destinations
préférées aux fonctionnalités souhaitées sur le site web.
Les réponses obtenues ont servi de base pour la création
d'un site web convivial, répondant aux besoins
spécifiques des touristes.

14
 2.1.2 Analyse du Questionnaire Réalisé

Après avoir collecté et analysé les réponses des

questionnaires, des tendances et des préférences claires
ont émergé. Ces insights ont été utilisés pour orienter le
développement du site web touristique et pour garantir
qu'il réponde efficacement aux attentes des utilisateurs.

2.2 Tâches Effectuées

Pendant la durée de mon stage au sein de Smart
Influencer, j'ai été engagé dans un projet captivant : la
conception et le développement d'un site web
touristique complet. Mon engagement s'est étendu de la
création initiale à la réalisation complète du site, avec
une variété de tâches spécifiques qui se sont déroulées
sur plusieurs semaines.

 Création Initiale et Orientation : Au début de mon

stage, j'ai eu une session détaillée avec Mme

15
 Nouhaila, ma superviseure, où elle a présenté la
vision et les objectifs du projet. Elle m'a guidé à
travers les étapes clés du processus de
développement et a clarifié les attentes quant au
design, aux fonctionnalités et à l'expérience
utilisateur du site.

 Planification et Structure : Avant de commencer le

développement, j'ai passé un temps significatif à
planifier la structure globale du site. J'ai créé des
esquisses et des wireframes pour chaque page, en
prenant en compte la navigation, l'agencement des
éléments et l'expérience utilisateur optimale.

 Codage Progressif : J'ai entamé le codage en suivant

les lignes directrices établies lors de la phase de
planification. J'ai commencé par les éléments de
base, tels que la mise en page générale, les en-têtes
et les pieds de page. J'ai utilisé HTML et CSS pour
traduire les conceptions en code fonctionnel.

16
 Intégration Dynamique : Au fur et à mesure que le
site prenait forme, j'ai ajouté des fonctionnalités
dynamiques pour améliorer l'interaction des
utilisateurs. Cela incluait des formulaires de
réservation, des diaporamas interactifs et des
éléments de navigation sophistiqués.

 Séances de Révision avec Mme Nouhaila : À

plusieurs reprises, j'ai partagé mes progrès avec
Mme Nouhaila pour obtenir ses commentaires et ses
suggestions. Elle a été un pilier de soutien pendant
tout le processus, m'aidant à résoudre des
problèmes de conception et de codage, et
fournissant des astuces pour améliorer l'efficacité du
code.

 Résolution des Problèmes : Bien que j'aie travaillé

avec diligence, il y avait des moments où je
rencontrais des défis techniques. Chaque fois que je
rencontrais des problèmesje cherche des solution sur
internet si je ne trouvais pas, Mme Nouhaila était là
pour m'offrir des orientations précieuses et des
solutions pour surmonter les obstacles.

17
  Finalisation et Tests : Après avoir achevé la
construction initiale du site, j'ai consacré du temps à
des tests exhaustifs pour m'assurer que toutes les
fonctionnalités étaient opérationnelles et que le site
était compatible avec différents navigateurs et
appareils.

 Présentation Finale : Finalement, j'ai présenté le site

achevé à Mme Nouhaila et à l'équipe. J'ai expliqué
les choix de conception, les fonctionnalités clés et les
solutions aux problèmes rencontrés en cours de
route.

L'ensemble de ce processus a été un apprentissage

continu, et la présence constante et le mentorat de Mme
Nouhaila ont été inestimables pour mon développement.
Ses conseils, son expertise et ses encouragements m'ont
permis de naviguer avec succès dans chaque étape du
projet. Grâce à cette expérience, j'ai pu non seulement
améliorer mes compétences en développement web,
mais aussi apprendre à collaborer efficacement au sein
d'une équipe professionnelle.

18
 2.3 Bilan Personnel

Mon expérience de stage chez Smart Influencer a été

extrêmement enrichissante. J'ai pu mettre en pratique
les connaissances théoriques acquises à l'école et
développer de nouvelles compétences en matière de
développement web. La collaboration avec l'équipe m'a
offert une perspective réelle sur la dynamique d'une
entreprise travaillant dans le secteur des technologies de
l'information.

2.4 Appréciation du Stage

Je tiens à exprimer ma sincère gratitude envers l'équipe

de Smart Influencer pour leur soutien constant et leurs
conseils précieux tout au long de mon stage. Leur
expertise et leur volonté de partager leurs connaissances
ont grandement contribué à mon apprentissage.

19
 2.5 Points Positifs et Négatifs

Parmi les aspects positifs, j'ai particulièrement apprécié

l'opportunité de travailler sur un projet concret et de voir
les résultats tangibles de mes efforts. En revanche, les
défis ont été liés à l'apprentissage de nouvelles
technologies et à la gestion du temps pour répondre aux
échéances.

2.6 Apport du Stage

Ce stage a considérablement renforcé mes compétences

en développement web, en particulier dans l'utilisation
des langages HTML, CSS et PHP. Il m'a également permis
de comprendre l'importance de la communication
efficace au sein d'une équipe et de la collaboration pour
atteindre des objectifs communs.

En somme, cette expérience chez Smart Influencer a été

non seulement un tremplin pour mon développement
professionnel, mais aussi une occasion d'appliquer mes

20
connaissances de manière concrète dans le domaine des
technologies de l'information.

CONCLUSION
En conclusion, mon expérience de stage au sein de Smart
Influencer a été extrêmement bénéfique pour mon
développement professionnel dans le domaine des
technologies de l'information et du développement web.
J'ai eu l'opportunité de mettre en pratique mes
compétences techniques, d'apprendre de nouvelles
technologies, et de travailler sur un projet réel qui a
renforcé ma compréhension des processus de conception
et de développement de sites web. La collaboration avec
l'équipe de Smart Influencer, en particulier avec ma
superviseure Mme Nouhaila, a été un facteur clé de mon
succès, me fournissant des conseils avisés et un soutien
continu tout au long de mon stage.

21
 Résultat
Dans cette section, vous trouverez les documents
pertinents qui accompagnent ce rapport, tels que des
captures d'écran du site web touristique que j'ai
développé pendant mon stage.

Index Page

22
Sign-up Page

23
Login Page

24
 Index Page Après vous être connecté

LE NOM DE VOTRE
« Log out » APPARAIT ICI
COMPTE APPARAIT ICI
AU LIEU DE « Sign up »
AU LIEU DE « LOGIN »

25
Destinations Page

26
27
28
Page des Paramètres du Compte

29
 WEBOGRAPHIE
La webographie contient une liste des sources en ligne
que j'ai consultées pour obtenir des informations, des
tutoriels et des ressources pendant la réalisation de mon
projet de stage. Ces sources ont été essentielles pour
enrichir mes compétences techniques et pour
comprendre les meilleures pratiques dans le domaine du
développement web et du design.

[Link]
[Link]
[Link]
[Link]
[Link]
[Link]

30