Mohammed Yamani || Rapport De Stage

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.

TRAVEAUXRÉALISES

CARTE VISITE Creation de carte visite d’agence nadas@ft

9Traveaux Réalises

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


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.


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.


SecteurContient plus Articles Avec La possiblité de l’ajout des autres, Et cette article contient images en slider, titre et text.


Noveau ProduitConteint tous les dernier produits ajoutée en site web,


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


Page ProfilePage Pour Faire le modification de l'information d'utilisateur


Page UtilisateursPage permet d’ajout/modif/suppr les utilisateur, et cette page visible seulement par utilisateur root ou super admin.


Page ArticlePage Pour l'ajout/modif/suppr les articles de page Service et Societe.


Page ProduitPage Pour l'ajout/modif/suppr les produit ou les categories de produit


Page SliderPage Pour l'ajout/modif/suppr slider de page Secteur et Accueil.


Page RéférncesPage Pour l'ajout/suppr les references au page accueil


Page DemandesPage Pour recevoir des demandes (cotation / piece de rechange) visiteur / client.


Page RépondrePage permet d'Envoyer Mail Vers Les Clients

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



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



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.


A Propre De Nous / AssistancePage A propre de nous Pour Les Information a propre de l’agence.


Location Voitures / Rent CarCette page pour afficher les voitures disponible.


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


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.


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.


Page HomePour la gestion de slider de page accueil/home.


About-US / AssistancePour la gestion des deux pages : A propre de nous et assistance


Add Car / List CarsPage Pour l'ajout/modif/suppr les voitures de l’agence.

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.

Stagiaire : Yamani Mohammed

Groupe: TDM 201

Mohammed Yamani || Rapport De Stage

Career

Transcript of Mohammed Yamani || Rapport De Stage