1. RAPPORT DE
STAGE
2017
MOHAMMED YAMANI
AU SEIN DE L’AGENCE
DU 02 JAN À 28JAN
NADASOFT
RAPPORT DE
STAGE
MOHAMMED YAMANI
2017
DU 02 JAN À 28JAN
NADASOFT
AU SEIN DE L’AGENCE

2. Stagiaire : YAMANI Mohammed
Groupe: TDM 201
Maitre de Stage : Mr BOUAZAD El Bachir
Responsable De Stage: Mr OUNSY Said
OFPPT

3. SOMMAIRE
Remerciement 4
Introduction 5
L’Entreprise : NadaSoft 6
Fonction 7
Traveaux réalisés 8
Conclusion Professionelle 36
Glossaire 37
P.1 NDUMATEIQ.MA 10
P.2 TFORM.MA 24
P.3 FUTURECOMPANY.MA 26

4. 4Remerciement
REMERCIEMENT!
Tout d'abord, j'adresse mes remerciements à mon professeur,
Mr OUNSY Said pour son encadrement théorique, pratique et sa
disponibilité pendant toute la durée de ce stage.
Je tiens à remercier vivement mon maitre de stage, Mr
BOUAZAD El Bachir, directeur général de l’agence NADASOFT,
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 et ainsi développé mes
connaissances grâce à son aide précieuse.
Mr HANAN Mohamed et Mme MGHARBI Nadia professeurs
de Développement Multimedia qui m’ont aidé par leurs cours,
leurs idées et le temps précieux qu’ils nous ont accordé .
Toute l’équipe du NADASOFT pour leurs aides, leurs conseils et
leur bonne humeur.
Tous mes collègues stagiaires, LAASMI Ayoub, HAMRI
Chaimae, avec qui j’ai partagé d’agréables moments et qui m’ont
soutenu tout le long de ce stage.
Les personnes que j’ai contacté par le net et qui ont su être
attentives à mes questions.
Oussama Bouchane, Salah Yemlahi, Omar Mallas mes amis de
domaine pour son écoute et son soutien lorsque j’avais des
questions.

5. 5Introduction
INTRODUCTION
Actuellement étudiant à l’Institut Spécialisée des Arts
Graphique de Casablanca en seconde année de TS
Développement MultiMedia, j’ai été amené à effectuer un stage
de fin d’études d’une durée un mois en entreprise. Ce stage
nécessaire au terme de l’année de formation a été effectué au sein
de la société NADASOFT, dans le service de développement et
intégration web.
Dans ce rapport je present le parcours de cette stage :
En effet ma mission première a été de mettre a jour la carte
visite de societe NADASOFT.
Aprés en je me suis orienté vers une mission proposant du
développement Web. Cette mission m’a permis de mettre en
avant mes compétences dans ce domaine que j’affectionne, en
contribuant à l’évolution d’un projet comme celui-ci. Cette projet
est de crée site vitrine pour entreprise de distrubtion de pompes.
Dans un second temps en a partir avec Laasmi Ayoub en sa
projet TFORM et j'ai créé curseur des logos “SLIDER LOGO” .
j’ai réalisé un site web utilisant des outils déjà préconçus avec le
console de gestion (CMS) ce site web d’ agence de location voiture
FUTURE COMPANY.

6. 6Entreprise Nadasoft
La société NADASOFT, basée à Abdelmoumen Casablanca, a
été créée par Mr BOUAZAD El Bachir en 2015 afin
d’accompagner les entreprises dans leur communication et de les
guider dans la gestion de leur identité numérique et informatique.
Les activités principales tournent donc autour du
développement de solutions WEB/SOFT et développement de
système d’information, que ce soit pour des sites vitrines, des
boutiques ou des applications en-ligne/hors-ligne.
En 2016 La sociétè NADASOFT changé le bureau à Bourgogne
Casablanca.

7. 7Fonction
DÉVELOPPEUR
<WEB/>
Voici les différentes missions qui sont mes confiées, en cours de
la période stage:
Convertion l’idéé de projet vers des petites tâches.
Travail en réalisation les page web avec HTML/CSS, et ajouter
code JavaScript et leur Framwork pour la validation et animation
des objets du site.
J’ai développe les différentes fonctionnalités du site Internet.
Programmer la console de gestion de site web avec PHP et
mySQL.
J’ai fait des tests en vue de la validation du site web et la
securité.
J’ai fait l’hebergement des sites web au serveur canadien de
nadasoft au linux .
J’ai fait aussi formation au les clients pour facilité d’utilisation
de CMS de site web.
Mais ces missions ne s'arrêtent pas à la livraison du site web. Si
le client en exprime le besoin ou trouve bug ma rôle étant de
corriger ce dernier.

8. TRAVEAUX
RÉALISES

9. CARTE VISITE
Creation de carte visite d’agence nadas@ft
9Traveaux Réalises

10. PROJET 1
INDUMATEIQ Maroc est une societe distribuer matériels
de pompage.
Pour assurer la communication avec leur clients, la
societe a émis le désir de créer un Site Web dans le but
d’informer public des différentes actualités et de se
faire connaître et attirer des client.
Un site Web attractif, dynamique et interactif, autant
pour son administration que pour son utilisation.
Notre fonction est du créer deux interfaces une qui
affiché au visiteur et une autre pour administration des
site web avec le respect de cahier de charge.
En cette projet on est travail avec language de
programmation php et le SGBD mysql, aussi la
conception avec html/css et javascript avec les
bibliotheques bootstrap et bootstrap js et jquery.
Selon les besoin de cette société le type de site web est
site web vitrine quie contient des page pour présenter
la societe et affiche les produit et leur fiche technique
en PDF.
Le site web est hebergé et domain de site web est
http://indumateiq.ma
10Traveaux Réalises

11. 11Traveaux Réalises
Page Acceuil
Cette page c'est la premiere page de site web contient un slider
et quelque lignes de text comme présentation et les references
de la societe.

12. 12Traveaux Réalises
Societe / Service
Chaque Catégorie Service ou Société Contient plus Articles
Avec La possiblité de l’ajout des autres, Et cette article contient
image, titre et text.

13. 13Traveaux Réalises
Secteur
Contient plus Articles Avec La possiblité de l’ajout des autres,
Et cette article contient images en slider, titre et text.

14. 14Traveaux Réalises
Noveau Produit
Conteint tous les dernier produits ajoutée en site web,

15. 15Traveaux Réalises
Page Login
Page D'access Vers Administration (CMS) , Contient Formulaire
composée par champ de nom utilisateur et mot de passe et
button de login.

16. 16Traveaux Réalises
Page Profile
Page Pour Faire le modification de l'information d'utilisateur

17. 17Traveaux Réalises
Page Utilisateurs
Page permet d’ajout/modif/suppr les utilisateur, et cette page
visible seulement par utilisateur root ou super admin.

18. 18Traveaux Réalises
Page Article
Page Pour l'ajout/modif/suppr les articles de page Service et
Societe.

19. 19Traveaux Réalises
Page Produit
Page Pour l'ajout/modif/suppr les produit ou les categories de
produit

20. 20Traveaux Réalises
Page Slider
Page Pour l'ajout/modif/suppr slider de page Secteur et
Accueil.

21. 21Traveaux Réalises
Page Référnces
Page Pour l'ajout/suppr les references au page accueil

22. 22Traveaux Réalises
Page Demandes
Page Pour recevoir des demandes (cotation / piece de
rechange) visiteur / client.

23. 23Traveaux Réalises
Page Répondre
Page permet d'Envoyer Mail Vers Les Clients

24. PROJET 2
TFORM Société de Manutention et levage, a comme
objectif principal de fournir des produits et des
prestations de haute qualité.
Notre fonction est du mettre a jour l'interface, refonte,
et aussi corrigé systeme d'administration (CMS) .
Le Site Web a été deja hébérgé au domaine tform.ma
et la noveau version qui nous travail a été hébérgé et
l’autre a été supprimer.
En cette projet on est travail avec language de
programmation php et le SGBD mysql avec le API PDO,
aussi la conception avec html/css et javascript avec les
bibliotheques bootstrap et bootstrap js et jquery.
Selon les besoin de cette société le type de site web est
site web vitrine qui contient des page pour présenter la
societe et affiche les produit et leur fiche technique.
Le site web est hebergé et domain de site web est
http://tform.ma
24Traveaux Réalises

25. 25Traveaux Réalises
Logo Slider
Ma fonction en cette projet est de créer pour les logos du
partenaires de societe

26. PROJET 3
FUTURE Company Agence de Location Voiture et
Transport Touristique, a comme objectif principal de
louer des voitures et des mini bus de haute qualité.
Pour assurer la communication avec leur clients, la
agence a émis le désir de créer un Site Web dans le but
d’informer public des différentes services et attirer des
client et ajouter des nouveau method de payment.
Un site Web attractif, bilingue, dynamique et interactif,
autant pour son administration que pour son utilisation.
Notre fonction est du créer deux interfaces une qui
affiché au visiteur et une autre pour administration des
site web avec le respect de cahier de charge.
En cette projet on est travail avec language de
programmation php et le SGBD mysql, aussi la
conception avec html/css et javascript avec les
bibliotheques bootstrap et bootstrap js et jquery.
Selon les besoin de cette société le type de site web est
site web e-commerce qui contient des page pour
présenter la societe et affiche les voitures et leur prix et
les autres service.
Le site web est hebergé et domain de site web est
http://futurecompany.ma
26Traveaux Réalises

27. 27Traveaux Réalises
Page Acceuil / Home
Cette page c'est la premiere page de site web contient
formailaire de montrer le prix et un slider et quelque voitures
et en piede de page et tous les autre pages des information
apropre de contact et map.

28. 28Traveaux Réalises
A Propre De Nous / Assistance
Page A propre de nous Pour Les Information a propre de
l’agence.

29. 29Traveaux Réalises
Location Voitures / Rent Car
Cette page pour afficher les voitures disponible.

30. 30Traveaux Réalises
Transport Touristique
Cette page pour afficher les voyage qui organisé par agence
future company.

31. 31Traveaux Réalises
Contact-Nous / About-Us
Cette Page se présente sous la forme d'une page composé de
Le formulaire de contact et les information sur l’agence ,
l’emplacement et map.

32. 32Traveaux Réalises
Page Setting
Ce Page Pour Mettre a jour les information sur le site web
omme les liens de reseau sociaux, et l’adrress et numero de
téléphone.

33. 33Traveaux Réalises
Page Home
Pour la gestion de slider de page accueil/home.

34. 34Traveaux Réalises
About-US / Assistance
Pour la gestion des deux pages : A propre de nous et assistance

35. 35Traveaux Réalises
Add Car / List Cars
Page Pour l'ajout/modif/suppr les voitures de l’agence.

36. 36CONCLUSION
CONCLUSION
Ce stage au NADASOFT fut une première et fabuleuse
expérience professionnelle et personnelle.
J’ai dû développer des capacités de travail qui se sont révélées
dans ce stage, j’ai non seulement su m’adapter à cette situation
assez particulière, mais j’ai également su réaliser un travail
complet que ce soit dans l’analyse et géré les trois projets, que
dans la création du design du site web, que dans la conception des
pages web ou encore dans la création de nouvelles
fonctionnalités.
Les missions ont été toutes effectuées dans leurs intégralités
avec un résultat très satisfaisant que ce soit de mon avis que de
l’avis des clients.
C’est pourquoi je suis vraiment fier de ce que j’ai réalisé, et que
je suis convaincu que ce stage m’aidera à réaliser mon projet
professionnel de fin formation qui est de poursuivre dans le
développement multimedia.
Ce stage a été une opportunité de mettre en exergue mes
compétences et de les exploiter à travers des projets concret.
Je tiens aussi encore à remercier Mr BOUAZAD El Bachir le
directeur de NADASOFT de m’avoir offert l’opportunité de
travailler à ses côtés ainsi qu’à l’ensemble des personnes qui ont
contribuée à la réussite de ce stage.

37. 37Glossaire
GLOSSAIRE
CMS : Content Management System ou encore en français
Système de Gestion de Contenu est un logiciel qui permet de
concevoir des site web et de les mettre à jour plus facilement.
Slider : est un élément graphique d’un site internet permettant
le défilement de plusieurs images. Le slider est aussi appelé
carrousel.
Site Vitrine : Un site internet vitrine se compose en général
d’une ou plusieurs pages plus ou moins évoluée (textes, images),
sur lesquelles l’entreprise décrit son activité, sa situation et ses
prestations.
SGBD : (en anglais DBMS pour database management system)
permet d'inscrire, de retrouver, de modifier, de trier, de
transformer ou d'imprimer les informations de la base de données.
BUG : est un défaut de conception d'un programme
informatique à l'origine d'un dysfonctionnement.
PHP : est un langage de scripts généraliste et Open Source,
spécialement conçu pour le développement d'applications web. Il
peut être intégré facilement au HTML.
HTML5 : L’HyperText Markup Language, généralement abrégé
HTML, est le format de données conçu pour représenter les pages
web. C’est un langage de balisage permettant d’écrire de
l’hypertexte, d’où son nom.
CSS : CSS est le langage utilisé pour la mise en forme du site
web. Par exemple pour dire ce titre je le veux en bleu, ce lien je le
veux en rouge souligné, cette image je la veux à droite.
JAVASCRIPT : Javascript est un langage de programmation,
c’est une forme de code qui permet, quand on sait l’écrire, de
dicter à l’ordinateur quoi faire.

38. 38Glossaire
Bootstrap : est une collection d'outils utile à la création du
design (graphisme, animation et interactions avec la page dans le
navigateur ... etc. ...) de sites et d'applications web. C'est un
ensemble qui contient des codes HTML et CSS, des formulaires,
boutons, outils de navigation et autres éléments interactifs,
jQuery: est une bibliothèque JavaScript libre et
multi-plateforme créée pour faciliter l'écriture de scripts côté
client dans le code HTML des pages web.
phpMyAdmn : est une application Web de gestion pour les
systèmes de gestion de base.
Hebergement :L’hébergeur fournit donc un espace de stockage
sur un ordinateur distant, un serveur, connecté 24h s/ 24 à
Internet.
Nom de Domain : Un nom de domaine est en fait une simple
adresse pour votre site.

39. Stagiaire : Yamani Mohammed
Groupe: TDM 201