IBTSS-05-OMM
Environnement technique (Entreprise Architect)
Introduction
La formation offerte au sein de la Faculté des Sciences et Techniques de Fès est un atout pour les étudiants, les connaissances acquises durant cette formation sont complémentées par une période de stage dans laquelle l’étudiant se familiarise avec le milieu professionnel.
En effet, la période de stage est une station très importante dans notre parcours de formation, elle nous a permis d’appliquer nos connaissances informatiques de conception et programmation dans le cadre professionnel.
Le but de ce projet est de réaliser un site web qui facilite la vente des produits de cette société. J’essayerai d’atteindre cet objectif, tout en appliquant les notions théoriques et techniques qu’on a vues au cours de notre formation à la FSTF.
Je vais suivre une méthode de conception suivant le modèle d’UML et utiliser les différentes techniques du développement web pour réaliser ce site web.
Dans ce document, je vais présenter dans un premier temps la société, puis, un cahier de charges pour expliquer les objectifs du site. La deuxième partie va exposer la conception, la méthodologie, et la modélisation du projet. Enfin, je passerai à la réalisation du site.
Les services de la société
Le service commercial : Ce service est composé d’un nombre de postes tels que : directeur commercial, directeur de clientèle, chef de publicité.
Ce service est un lien entre la clientèle et la société, comme le cas pour la Société AZROU SANI les commerciaux contactent les clients afin d’avoir le maximum de dalles.
Le service comptabilité : Est un service important dans la société grâce à lui l’entreprise recense et mesure les flux, les frais matériel, juridique et économique.
Il est chargé de la gestion financière de la Sté. Ce service s’intéresse à :
-L’enregistrement des opérations comptable dans les journaux auxiliaires
-déclaration de TVA
-établir les établissements des états de synthèse
-suivi des salaires payés et de la trésorerie
Le service caisse : C’est la gestion des encaissements et les décaissements comme le payement de personnel et d’autre dépenses.
Le service technique : C’est un bureau des études et de planification ; ses responsables dessinent les plans et préparent les dossiers des dalles.
Le service production : Quand on parle de service production on parle de service fabrication de service expédition ainsi qu’un service d’entretien.
Le service fabrication a pour mission la fabrication des produits finaux de la société.
Et pour le service expédition il est chargé par la préparation des commandes et leurs livraisons au service de transport afin de les livrer aux clients de la société, tant que le service de l’entretien consiste de maintenir le bon fonctionnement et le bon déroulement de la chaine de production.
Pour la Société AZROU SANI le service de production constitue dans la production des Agglos, des hourdis et des Poutrelles à la base des matières première et à l’aide des personnes suivants :
Chef de production.
Conducteur de la machine.
Technicien de la machine.
Des ouvriers pour l’entretien.
L’unité de production des Agglos
Les intrants sont
Ciment – Sable de construction – L’eau – Gravette
Le gravette passe par un vibrateur pour le tamiser le malaxeur mixe le gravette tamisé + l’eau+ ciment+sable de construction pour avoir une pâte , cette dernière passe par un compresseur qui la compresse sous forme des agglos, puis une machine les transporte automatiquement vers un four pour les sécher , en fin un chariot élévateur les transfère vers le stock .
Présentation du projet
Problématique : Puisque AZROU SANI se base sur la vente des produits qu’elle construit, la cellule de planification de la société a décidé de faciliter la tâche de la vente. D’où la nécessité de développer un site web pour faciliter la vente pour le client.
Solution proposé : La solution retenue est celle de développer un site web qui permet de lister tous les produits construit par la société aux clients qui peuvent demander l’achat de chaque produit listé.
Etude et analyse des besoins
Cahier de charge : Pour la manifestation de la solution proposée, le site web doit d’abord contenir une image de la société en haut de la page d’accueil… Il doit lister dans la page d’accueil tous les produits que la société construit et à coté de chaque image significative du produit il est intéressant de mentionner son prix, le site web doit contenir une petite partie qui définit la société et ses activités.
Besoins fonctionnels
Le site web doit donner aux
* Clients le droit de demander un achat de n’importe quel produit listé dans la page l’accueil après la visualisation des détails du produit, ainsi que le droit de contacter l’establishment en envoyant un message via email.
*Administrateurs le droit de s’authentifier et d’ajouter, modifier ou supprimer un produit, de visualiser la boite des messages et la boite des demandes d’chat des clients, et le droit aussi de supprimer un message ou une demande d’achat.
Les administrateurs auront la possibilité d’ouvrir leurs sessions dans le site web (via un bouton significative).
Le client peut voir les détails du produit en faisant un double clic sur l’image du produit.
Après que le client demande l’achat d’un produit il doit passer pour remplir la quantité demandée du produit, son numéro du téléphone et son adresse dans un formulaire de demande d’achat de produit.
Modélisation UML
Environnement technique (Entreprise Architect): Entreprise Architect est un outil de création de modèles dont le langage est l’UML qui est un langage visuel de modélisation objet. Cet outil graphique basé sur Windows, peut être utilisé par plusieurs personnes.
Il comprend un outil de production de documentation souple et de haute qualité.
Diagrammes :
Diagramme de package : Le diagramme de packages est un diagramme UML qui fournit une représentation graphique de haut niveau de l’organisation d’une application, et aide à identifier les liens de généralisation et de dépendance entre les package.
Introduction
La phase de réalisation est la plus importante étape dans le cycle de vie de mon site web car à la fin de cette phase, j’aurais le fruit de toutes les étapes précédentes.
Pour réaliser mon site web j’ai été face à plusieurs outils de développement, dans ce chapitre j’essayerai de décrire brièvement les outils utilisés dans le développement de cette application, et capturer les taches principales du site.
Outils et technologies de développement
HTML : HTML5 (HyperText Markup Language 5) est la dernière révision majeure d’HTML (format de données conçu pour représenter les pages web).
Cette version est en développement en 2013. HTML5 spécifie deux syntaxes d’un modèle abstrait défini en termes de DOM: HTML5 et XHTML5. Le langage comprend également une couche application avec de nombreuses API, ainsi qu’un algorithme afin de pouvoir traiter les documents à la syntaxe non conforme.
Le travail a été repris par le W3C en mars 2007 après avoir été lancé par le WHATWG. Les deux organisations travaillent en parallèle sur le même document afin de maintenir une version unique de la technologie.
CSS: Cascading Style Sheets (feuilles de styles en cascade) : servent à mettre en forme des documents web, type page HTML ou XML. Par l’intermédiaire de propriétés d’apparence N(couleurs, bordures, polices, etc.) et de placement (largeur, hauteur, côte à côte, dessus des- sous, etc.), le rendu d’une page web peut être intégralement modifié sans aucun code supplémentaire dans la page web.
Les feuilles de styles ont d’ailleurs pour objectif principal de dissocier le contenu de la page de son apparence visuelle.
PHP : HyperText Preprocessor, plus connu sous son sigle PHP (acronyme récursif), est un langage de programmation libre principalement utilisé pour produire des pages Web dynamiques via un serveur HTTP, mais pouvant également fonctionner comme n’importe quel langage interprété de façon locale. PHP est un langage impératif orienté objet.
JavaScript : JavaScript (souvent abrégé JS) est un langage de programmation de scripts principalement utilisé dans les pages web interactives mais aussi côté serveur. C’est un langage orienté objet à prototype, c’est-à-dire que les bases du langage et ses principales interfacessont fournies par des objets qui ne sont pas des instances de classes, mais qui sont chacun équipés de constructeurs permettant de créer leurs propriétés, et notamment une propriété d e prototypage qui permet d’en créer des objets héritiers personnalisés.
En outre, les fonctions sont des objets de première classe.
MySQL : MySQL est un système de gestion de base de données (SGBD). Il est distribué sous une double licence GPL et propriétaire.
Il fait partie des logiciels de gestion de base de données les plus utilisés au monde1, autant par le grand public (applications web principalement) que par des professionnels, en concurrence avec Oracle, Informix et Microsoft SQL Server.
Bootstrap : BOOTSTRAP est une collection d’outils utile à la création de sites web et applications web.
C’est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option.
C’est l’un des projets les plus populaires sur la plateforme de gestion de développement Git Hub.
Conclusion
Mon stage de fin d’études a eu lieu au sein de la société d’AZROU SANI à AZROU pendant la durée du stage l’objectif a été de satisfaire les besoins du cahier de charge, en mettant en oeuvre les connaissances acquises durant nos études à la faculté des sciences et techniques de Fès.
Plusieurs technologies ont été nécessaires pour la réalisation de ce projet, je mentionnerai donc le langage HTML et CSS pour la réalisation des pages statiques, le langage PHP pour la partie dynamique, et SQL pour l’élaboration des requêtes d’interrogation de la base de donnée.
Le travail a été divisé en trois phases, dans la première phase j’ai présenté le lieu du stage (AZROU SANI), la deuxième phase est la phase d’analyse et conception, enfin la troisième phase était la phase de réalisation où j’ai cité les outils de développement, et où j’ai présenté le site web par des captures d’écran.
Les difficultés majeures rencontrées résident essentiellement dans la nouveauté des technologies avec lesquelles j’ai travaillé, et la contrainte du temps pour les maitriser.
Cette expérience en marché de travail, m’a offert une bonne maitrise aux langages de programmation (surtout la programmation web), et elle fut pour moi une expérience enrichissante et complète.
|
Table des matières
Introduction
CHAPITRE I: PRESENTATION DE LA SOCIETE
I.Fiche technique et champ descriptif
1) Fiche technique
2) Champ descriptif
II. L’organigramme et les services de la société
1) l’organigrame de la société
2) les service de la société
III .La localisation et le logo de la société
1) Logo de la société
2) La localisation
CHAPITRE II: ANALYSE ET CONCEPTION
I. Présentation du projet
1) Problématique
2) Solution proposé
II. Etude et analyse des besoins
1) Cahier de charge
a) Besoins fonctionnels
b) Besoins techniques
2) Identification des acteurs et leurs taches
a) Administrateurs
b) Clients ou visiteur du site web
III. Modélisation UML
1) Environnement technique (Entreprise Architect)
2 ) Diagrammes
a) Diagramme de package
b) Diagramme de cas d’utilisation
c) Diagrammes de séquence
d) Diagramme de classes
CHAPITRE II: REALISATION
I. Introduction
II. Outils et technologies de développement
1)HTML
2) CSS
3) PHP
4) JavaScript
5) MySQL
6) Bootstrap
7) WampServer
I. Présentation du site web
1) La page d’accueil
a) La haute partie du site web et ses composantes
b) La liste de tous les produits et leurs quantités
c) Les produits en promotions
d) Image « GIF »
e) La liste de tous les produits
f) Les nouveaux produits
g) La description du produit & le formulaire de la demande d’achat du produit
h) La page « contact »
i) La page qui décrit la société
2) La partie administrateur
a) La fenêtre d’authentification
b) Les taches relatives à la gestion des produits
c) Les demandes d’achat des clients
d) Les messages envoyés par les clients
Perspectives
Conclusion
Télécharger le rapport complet
