RAPPORT DE
STAGE
2017
MOHAMMED YAMANI
AU SEIN DE L’AGENCE
DU 02 JAN À 28JANNADASOFT
RAPPORT DE
STAGEMOHAMMED YAMANI
2017DU 02 JAN À 28JANNADASOFTAU SEIN DE L’AGENCE
Stagiaire : YAMANI Mohammed
Groupe: TDM 201
Maitre de Stage : Mr BOUAZAD El Bachir
Responsable De Stage: Mr OUNSY Said
OFPPT
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
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.
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.
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.
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.
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
11Traveaux Réalises
Page AcceuilCette 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.
12Traveaux Réalises
Societe / ServiceChaque 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.
13Traveaux Réalises
SecteurContient plus Articles Avec La possiblité de l’ajout des autres, Et cette article contient images en slider, titre et text.
15Traveaux Réalises
Page LoginPage D'access Vers Administration (CMS) , Contient Formulaire composée par champ de nom utilisateur et mot de passe et button de login.
17Traveaux Réalises
Page UtilisateursPage permet d’ajout/modif/suppr les utilisateur, et cette page visible seulement par utilisateur root ou super admin.
18Traveaux Réalises
Page ArticlePage Pour l'ajout/modif/suppr les articles de page Service et Societe.
19Traveaux Réalises
Page ProduitPage Pour l'ajout/modif/suppr les produit ou les categories de produit
22Traveaux Réalises
Page DemandesPage Pour recevoir des demandes (cotation / piece de rechange) visiteur / client.
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.maet 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
25Traveaux Réalises
Logo SliderMa fonction en cette projet est de créer pour les logos du partenaires de societe
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
27Traveaux Réalises
Page Acceuil / HomeCette 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.
28Traveaux Réalises
A Propre De Nous / AssistancePage A propre de nous Pour Les Information a propre de l’agence.
30Traveaux Réalises
Transport Touristique Cette page pour afficher les voyage qui organisé par agence future company.
31Traveaux Réalises
Contact-Nous / About-UsCette 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.
32Traveaux Réalises
Page SettingCe 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.
34Traveaux Réalises
About-US / AssistancePour la gestion des deux pages : A propre de nous et assistance
36CONCLUSION
CONCLUSIONCe 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.
37Glossaire
GLOSSAIRECMS : 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.
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.