Rapport de stage
Effectué au sein de NewDev Maroc
19/04/2025
Réalisé par : Amine El Fekehi et Ali Mejber
Encadré par : Mr El Hajjouji Abdelmounim
Suivi par : Mr Elyamoudi Youssef
So
m
SOMMAIRE----------------------------------------------------------------1
1. REMERCIEMENT------------------------------------------------------2
2. INTRODUCTION------------------------------------------------------3
3. PRÉSENTATION DE L’ENTREPRISE-------------------------------4
3.1. HISTORIQUE ET ACTIVITÉ PRINCIPALE :--------------------------------------4
3.2. ORGANISATION INTERNE :-----------------------------------------------------4
3.3. ÉQUIPE ET ENVIRONNEMENT DE TRAVAIL :----------------------------------5
4. PRÉSENTATION DU STAGE----------------------------------------6
4.1. OBJECTIFS DU STAGE :--------------------------------------------------------6
4.2 MISSIONS CONFIÉES :----------------------------------------------------------6
4.3 OUTILS ET TECHNOLOGIES UTILISÉS------------------------------------------7
5. ANALYSE DES BESOINS--------------------------------------------8
5.1. ANALYSE DES BESOINS :------------------------------------------------------8
5.2. CONCEPTION ET DÉVELOPPEMENT :------------------------------------------8
5.3. TESTS ET VALIDATION :--------------------------------------------------------9
5.4. DIFFICULTÉS RENCONTRÉES ET SOLUTIONS APPORTÉES :------------------9
6. COMPÉTENCES ACQUISES---------------------------------------10
6.1. COMPÉTENCES TECHNIQUES :----------------------------------------------10
6.2. COMPÉTENCES PERSONNELLES ET PROFESSIONNELLES :----------------11
7. CONCLUSION--------------------------------------------------------12
8.
ANNEXES-------------------------------------------------------------------------------------------
--13
Page 1 sur 19
1. Remercieme
nt
Nous tenons à exprimer notre profonde gratitude à
notre professeur Monsieur El Yamoudi Youssef pour son
encadrement, ses conseils précieux et son soutien tout au
long de ce stage. Nous remercions également notre
encadrant Monsieur EL Hajjouji Abdelmounim au sein de
l’entreprise NewDev pour sa disponibilité, sa bienveillance
et pour nous avoir guidé avec professionnalisme dans la
découverte du monde du travail. Enfin, nous remercions
chaleureusement toute l’équipe de NewDev pour leur
accueil chaleureux, leur esprit de collaboration et pour
nous avoir permis d’évoluer dans un environnement
enrichissant et formateur.
Page 2 sur 19
2. Introducti
on
Dans le cadre de ma formation en tant que
développeurs full stack, nous avons effectué un stage au
sein de l’entreprise NewDev, spécialisée dans le
développement de solutions web et mobiles. Ce stage, qui
s’est déroulé du 01 Mars 2025 au 31 Mars 2025, avait
pour objectif de nous permettre de découvrir le monde
professionnel, d’appliquer nos connaissances théoriques
et de développer de nouvelles compétences techniques.
Intégré au sein de l’équipe de développement,
nous avons pu participer à différents projets concrets,
allant de la conception à la mise en ligne d’applications.
Ce rapport présente dans un premier temps l’entreprise
d’accueil, puis détaille les missions qui nous ont été
confiées, les outils utilisés, ainsi que les compétences que
nous avons pu acquérir au cours de cette expérience
enrichissante.
Page 3 sur 19
3. Présentation de
l’entreprise
3.1. Historique et activité principale :
Fondée il y a plus de 14 ans, NewDev Maroc s’est
imposée comme l’agence de communication innovante de
référence à Fès. Notre mission est simple mais ambitieuse
: transformer votre vision en réalité digitale grâce à des
solutions créatives et performantes.
Les services qu’offrent NewDev :
o Développement Web & Mobile
o Marketing Digital
o Création & Production (Conception Graphique,
Services d’Impression)
o Services Spécialisés (Offshoring)
3.2. Organisation interne :
L’entreprise NewDev est une société spécialisée dans le
développement de solutions web et mobiles.
L’ensemble de l’organisation fonctionne de manière collaborative,
avec des réunions régulières permettant de faire le point sur
l’avancement des projets. Les méthodes de travail sont inspirées
Page 4 sur 19
de l’approche agile, ce qui permet une bonne réactivité et une
adaptation constante aux besoins des clients.
Pendant notre stage, nous étions rattachés au gérant de
l’entreprise. Nous participions aux réunions à des réunions avec
notre encadrant, où chacun présentait l’avancement de ses
tâches et les éventuels blocages rencontrés. Cela nous permis de
m’intégrer rapidement au fonctionnement interne de l’entreprise.
3.3. Équipe et environnement de travail :
La société est composée de 8 employés, une secrétaire,
un gérant et une équipe de développeurs. L’ambiance est
conviviale et collaborative, favorisant l’échange d’idées et
l’entraide. Nous avons travaillé à distance la plupart du
temps, et nous montrions nos progrès en présentiel à
notre encadrant. Ce qui a facilité le déroulement de notre
stage. Les outils utilisés au quotidien comprenaient Visual
Studio Code, GitHub pour le versionnement, Jira pour la
gestion des tâches, et l’équipe communiquait
verbalement en cas de besoin au sein de l’entreprise.
Page 5 sur 19
4. Présentation du
stage
4.1. Objectifs du stage :
Ce stage avait pour principal objectif de mettre en
pratique les connaissances acquises au cours de notre
formation, notamment dans le domaine du
développement web. Il s’agissait également de découvrir
le fonctionnement d’une entreprise spécialisée en
informatique, de comprendre le travail en équipe, les
méthodologies de gestion de projet, et de nous
familiariser avec les outils utilisés en milieu-professionnel.
À travers ce stage, nous souhaitions améliorer nos
compétences techniques, gagner en autonomie et
développer une réelle expérience de terrain.
4.2 Missions confiées :
Durant notre stage chez NewDev, nous avons intégré
à l’équipe de développement en tant que stagiaires
développeurs. Nos principales missions ont été :
La participation à la conception et au développement
d’un site web de streaming.
Page 6 sur 19
L’intégration d’interfaces depuis Tailwind et CSS à
partir de maquettes que nous avons créé nous-
mêmes.
Le développement de fonctionnalités dynamiques
côté frontend avec React, plus précisément NextJS.
La création de routes et de fonctionnalités backend
avec Laravel.
La gestion et la connexion à une base de données
MySQL.
Les tests et débogages des fonctionnalités
développées.
La participation aux réunions d’équipe et au suivi de
projet avec Git et GitHub ainsi que Jira.
Ces missions nous ont permis de participer à toutes
les étapes du développement d’un projet web, de
l’analyse des besoins à la mise en ligne.
4.3 Outils et technologies utilisés
Voici les outils et technologies que j’ai utilisés pendant
mon stage :
Langages : JavaScript, PHP, MySQL
Frameworks: React.js (frontend), Laravel (backend)
Base de données : MySQL
Outil de design UI : Figma
Page 7 sur 19
Outils de versioning : Git, GitHub
Outil de suivi : Jira
Tests unitaires : Sonarqube
Outil de planification : Ganttproject
Environnement de développement : Visual Studio
Code, XAMPP
5. Analyse des
besoins
5.1. Analyse des besoins :
Lors de notre arrivée chez NewDev, nous avons
d’abord pris connaissance du projet sur lequel nous
allions intervenir. Il s’agissait du développement d’une
application web destinée au streaming de films et de
séries en ligne Une phase d’analyse a été menée avec
notre encadrant technique pour bien comprendre les
besoins fonctionnels et techniques du client. Cette étape
nous a permis de nous initier à la conception d’un cahier
des charges et à la formulation de spécifications
techniques.
Page 8 sur 19
5.2. Conception et développement :
Une fois les besoins identifiés, nous avons participé à
la conception de l’application. Nous avons utilisé des
outils comme Figma pour les maquettes, PlantUML pour
les diagrammes UML, pour structurer l’interface et
l’architecture du projet.
Côté développement, j’ai principalement travaillé
avec :
Frontend: CSS (tailwind), JavaScript, React avec
NextJs
Backend : PHP avec Laravel
Base de données : MySQL
Parmi les fonctionnalités développées, on peut citer :
Un système d’authentification sécurisé.
Un mode sombre pour un meilleur confort visuel
Un lecteur vidéo intégré.
L’intégration d’une API tierce pour récupérer des
données des films et des utilisateurs.
Page 9 sur 19
5.3. Tests et validation :
Chaque fonctionnalité développée a été testée pour
s’assurer de son bon fonctionnement. Nous avons mis en
place des tests manuels pour vérifier le comportement
des pages et des formulaires. Des tests d’intégration ont
également été effectués en utilisant Sonarqube.
Nous avons également corrigé plusieurs bugs remontés
lors de la phase de test.
5.4. Difficultés rencontrées et solutions apportées :
Durant notre stage, nous avons rencontré certaines
difficultés, notamment :
La prise en main d’un nouveau framework : Au
début, l’utilisation du framework NextJS nous a posé
quelques soucis, Ce qui nous a oblige de l’apprendre
depuis le début.
Gestion des erreurs lors des appels API : Nous
avons eu quelques problèmes de gestion des erreurs
liées aux requêtes vers une API externe. Surtout lors
de la liaison du front-end au back-end.
Respect des délais : La gestion du temps a été une
grande difficulté, surtout quand plusieurs tâches
s’enchaînaient. Nous avons appris à mieux organiser
notre travail en utilisant Gitlab et Jira.
6. Compétences
Page 10 sur 19
acquises
6.1. Compétences techniques :
Au cours de ce stage, Nous avons renforcé nos
connaissances en développement web et découvert de
nouvelles technologies. Voici les compétences techniques
que nous avons pu acquérir ou approfondir :
Maîtrise de langages de programmation tels que
CSS, JavaScript, et PHP, SQL, React, Laravel.
Utilisation d’un framework moderne pour le
développement frontend et/ou backend (Laravel et
NextJs).
Création et gestion de bases de données
(modélisation, requêtes SQL, relations entre tables)
Intégration d’API externes et gestion des échanges
de données au format JSON
Utilisation de Git et GitHub pour le versionnage du
code
Application des bonnes pratiques de développement :
code lisible, structuration en composants, séparation
du frontend/backend
Tests, débogage et correction de bugs sur des
environnements de développement (Sonarqube)
Page 11 sur 19
6.2. Compétences personnelles et professionnelles :
En plus des compétences techniques, ce stage m’a
permis de développer plusieurs aptitudes personnelles et
professionnelles importantes :
Autonomie : j’ai appris à chercher des solutions par
moi-même tout en sachant quand demander de
l’aide.
Adaptabilité : j’ai su m’adapter aux outils et à la
méthodologie de travail de l’entreprise.
Communication : j’ai amélioré ma capacité à
échanger avec les membres de l’équipe et à
présenter l’avancement de mon travail.
Travail en équipe : j’ai compris l’importance de la
collaboration dans un projet de développement.
Gestion du temps : j’ai appris à organiser mes
tâches et à respecter les délais fixés.
Esprit critique : j’ai appris à revoir mon code, à
l’optimiser et à proposer des améliorations.
7. C
onc
lusi Page 12 sur 19
Ce stage au sein de l’entreprise NewDev a été une
expérience très enrichissante, tant sur le plan technique
que personnel. Il nous a permis de découvrir
concrètement le fonctionnement d’une entreprise
spécialisée dans le développement informatique, de
mettre en pratique nos connaissances acquises en
formation, et de développer de nouvelles compétences en
situation réelle.
Grâce à ce stage, nous avons gagné en confiance
dans nos capacités de développeur, notamment en
matière d’analyse de besoins, de conception d’interfaces,
de développement de fonctionnalités et de travail en
équipe. Nous avons également mieux compris
l’importance des méthodologies de travail, des outils
collaboratifs et de la rigueur dans le code.
Sur le plan professionnel, ce stage nous a conforté
dans notre choix de carrière. Il nous a donné envie de
continuer à progresser dans le domaine du
développement web et mobile, et de nous spécialiser
davantage dans notre domaine.
8.
Page 13 sur 19
Anne
xes
8.1. Captures d’écran de notre projet :
Logo :
Page d’accueil :
Mode sombre :
Page 14 sur 19
Mode clair :
Page de connexion :
Page 15 sur 19
Page des favoris :
8.2. Diagrammes:
Diagramme de classe :
Page 16 sur 19
Diagrammes de cas d’utilisations:
Page 17 sur 19
Diagramme de Gantt :
Jira :
Maquette (Figma) :
Page 18 sur 19
