projet fin d’etude creation site web

ntroduction générale Dans le cadre de notre troisième et dernière année d’études à l’Institut Supérieur des Sciences Appliqués et Technologiques de Sousse (ISSATS), nous avons eu l’opportunité d’effectuer un stage d’une période de 2 mois au sein de la société Média-INks. Ce stage avait pour objectif de faire la synthèse de nos connaissances théoriques, d’affiner notre perception de notre cursus universitaire, d’en retirer une expérience, tout en nous préparant dans les meilleures conditions à la vie professionnelle .

Pour ce stage d’insertion dans le monde du ravail, la tâche a été de concevoir et développer un site Web dynamique pour une société de vente de matériels informatiques concernant la société directives sachant qu l’entreprise. Il doit êt La création d’un site méthodologie additio 0 certaines ce entre le client et p g Une bonne s langages de programmation Web permettant de réaliser des choses intéressantes. La création du site répond à une demande précise. Ainsi, il est important de noter précisément quelles sont les attentes et les contraintes.

Le présent rapport est structuré en quatre chapitres : D’abord ous présentons, dans le premier chapitre la société qui nous a accueillie et le projet que nous allons élaborer, puis nous exposons à travers le deuxième chapitre les outils et les langages web utilisés pour le développement de notre site, ensuite dans le troisième chapitre nous présentons l’étude théorique et la conception de la base de données de ce projet, enfin dans le quatrième chapitre nous allons exposer Sv. ipe to les différentes étapes de la réalisation du site en affichant les interfaces du site web et en utilisant Mysql pour l’implémentation de la base de données et la technique de programmation PHP vec Dreamweaver et autres outils de développement. Chapitre 1 : Présentation générale ntroduction Dans ce chapitre, nous mettons notre projet dans son contexte le plus général. Nous commençons par présenter l’organisme d’accueil, ensuite nous décrivons brièvement le projet désiré. 1. Présentation de l’organisme d’accueil Media-lNKS est une société SARL au capital de 90. 00 D. T, situé à 14 rues de Cote d’Ivoire Montplaisir 1002 Tunis, fondée en janvier 2007 dont l’activité majeure est la vente des nouvelles technologies de matériels informatique ainsi qu’avec le service de réparation et de maintenance après-vente. Elle est spécialisée dans le domaine de vente et de maintenance de matériel informatique. Figurel 1. 1 Référence Carte d’identité de Media-lNks Société : Media-INks : Société Media-lNks Adresse : 14 rue de Cote d’Ivoire Montplaisir 1002 TUNIS Téléphone : +216 7184300 20 apporte à notre clientèle un bien être professionnel.

Cette jeune et puissante société nous a donné l’occasion d’enrichir et renforcer nos connaissances concernant la technologie informatique ainsi que la conception et la réalisation des Sites web. 1. 2 L’équipe de Media-lNks Cest une société qui travaille dans le domaine commercial odèle économique B toB et B to C spécialisée sur la vente de tout genre de matérielle informatique gérance du Directeur. Mr Bersi Fehmi. équipe de Media-lNks est formé de : Fersi Fehmi : Gérant et directeur général Ines Lamin : Secrétaire Akram Laawini : Gestionnaire financier Ben Salem Bassem : Conseillé technique Nelli Marwene : Conseillé technique Karbia Mohamed Ali : Conseillé technique Mabrouk Mohamed : Conseillé technique Hamza Shil : Technicien informatique Goobej Maher : Technicien informatique 1. 3 services La Société Media-lNks offre plusieurs services dont lesquels : Vente de matériels informatique. Ordinateur portable, ordinateur bureautique, scanner, imprimante, clavier, souris, boitier, écran et tous les différents autres consommables informatiques) Maintenance et réparation de matériel informatique après- vente. Livraison des commandes rapide et gratuit. 2. Présentation de projet A Avant de commencer la réalisation de notre projet, nous allons présenter dans ce c ivation, l’objectif, le travail société et la clientèle, il faut créer entièrement le site et son design: le logo de la société, la charte graphique du site et de présenter les produits qu’elle commercialise.

Notre intervention permettra à la société de se faire mieux connaitre avec sa clientèle et de développer ses produits. Notre motivation est de développer un site web dynamique de bonne qualité. Ce projet constitue une expérience très enrichissante, car il va nous permettre de gérer une création en se rapprochant de notre domaine « technologie de multimédia et web 2. 2 Objectif 2. 2. 1 Les objectifs de Media-INks La société a pour objectifs de Faciliter la communication entre le client et la société. Publier les produits de la société. ?tre en contact avec la société. Faire les opérations suivantes Pour le client : naviguer et chercher le produit désiré. Pour l’administrateur : gérer le contenu de site (Ajout, modification, suppression de produits et des promotions… ) 2. 2. 2 Les objectifs personnels Premièrement, nous souhaitons acquérir des méthodes de travail qui nous seront utiles dans notre avenir: en effet, le fait d’être dans un milieu professionnel est très formateur d’autant plus que le stage correspond tout à fait à nos attentes et répond à nos questions pour nos avenirs professionnels.

Deuxièmement, nous souhaitons être reconnus dans le milieu du développement des nouvelles technologies de Pinformation et de a communication. Troisièmement, sous souhaitons ouvoir faciliter nos capacités d’intégration dans une éq ce qui nous semble 4 20 de plus en plus amené à travailler en collaboration. Quatrièmement, nous souhaitons être capable de gérer nos temps de travail et également nos autonomies, qui sont pour nous deux principes indispensables dans le milieu du travail. . 3 Travail demandé Le travail demandé c’est de créer un site web dynamique de la Société Média-INks qui contient des nouveautés de produis informatique, l’emplacement de la société et aussi les promotions qu’elle offre. 2. 4 Chronologie de travail La figure qui suit présente la répartition du temps consacrée durant la période du traitement du projet (2 mois) pour l’accomplissement des différentes parties.

Mois Février Mars Avril Recherche et documentation x Analyse des besoins et Spécification s 0 site web performant assez séduisant c’est évident alors d’utiliser des logiciels bien choisi de développement web, d’animation et de design ainsi l’utilisation des langages web donc dans ce chapitre on va citer les différents langages et outils qu’on a utilisés. 2. Langages et outils de développement La création du site nécessite rutilisation de diffèrent logiciels et angages web de développement alors on peut citer : 2. outils utilisés Adobe Dreamweaver : Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type « tel écrit tel écran » (cette excellente formule remplaçant désormais dans la terminologie informatique le sigle anglophone WYSIWYG (What You See Is What You Get : ce que vous voyez est ce que vous obtiendrez). Adobe Dreamweaver permet aux utilisateurs de sites Web aperçu dans les navigateurs Web installés localement.

Il fournit des fonctionnalités de transfert et la synchronisation, la capacité e trouver et de remplacer les lignes de texte ou de code en termes de recherche et des expressions régulières dans tout le site, et une fonction de création de modèles qui permet à jour dune source unique de code partagé et la disposition à travers des sites entiers sans serveur inclusions côté ou de script. Le panneau des comportements permet également l’utilisation de JavaScript de base sans aucune connaissance de codage, et l’intégration avec Adobe Spry Ajax Framework offre un accès facile au contenu généré dynamiquement et des interfaces.

Adobe Flash CS3 Professional Adobe Flash (anciennement SmartSketch FutureSplash , FutureSplash Animator et Macromedia Flash ) est un multimédia plate-forme utilisée pour ajouter l’animation , la vidéo et l’interactivitédes pages web. Flash est fréquemmen 6 0 vidéo et l’interactivitédes pages web. Flash est fréquemment utilisé pour des publicités et des jeux. Plus récemment, il a été positionné comme un outil pour « Rich Internet Applications RIA Flash manipule vecteur et raster graphiques pour assurer l’animation du texte, des dessins et des images fixes.

Il prend en charge bidirectionnelle streaming audio et vidéo, et il peut capturer des entrées utilisateur Via la souris, un lavier, un micro et caméra. Flash contient un langage orienté objet, appelé ActionScript . Le contenu Flash peut être affichée sur différents systèmes informatiques et périphériques en utilisant Adobe Flash Player , qui est disponible gratuitement pour les communes les navigateurs Web , des téléphones portables et quelques autres appareils électroniques (en utilisant Flash Lite ).

Adobe Photoshop CS3 Photoshop est un logiciel de retouche, de traitement et de dessin assisté par ordinateur édité par Adobe. Il est principalement utilisé pour le traitement de photographies umériques, mais sert également à la création d’images ex nihilo. Photoshop est un logiciel dit « bitmap Reconnu aussi par les infographistes professionnels à travers sa puissante galerie de filtres et d’outils graphiques performants, et utilisé par une grande majorité des studios et agences de créations.

EasyPHP EasyPHP est un package WAMP, une plateforme de développement Web, permettant de faire fonctionner localement (sans se connecter à un serveur externe) des scripts PHP. EasyPHP n’est pas en soi un logiciel, mais un environnement comprenant deux serveurs (un serveur web Apache et un senteur e bases de données MySQL), un interpréteur de serveur de bases de données MySQL), un interpréteur de script (PHP), ainsi qu’une administration SQL PhpMyAdmin. Il dispose d’une interface d’administration permettant de gérer les alias (dossiers virtuels disponibles sous Apache), et le démarrage/arrêt des serveurs.

II permet donc d’installer en une seule fois tout le nécessaire au développement local du PHP. pHpMyAdmin L’un des outils le plus utiles sur ce serveur est PhpMyAdmin : PhpMyAdmin permet de gérer votre base de données MYSQL en fournissant une interface pour l’ajout, la modification et la uppression des données. Apache Apache est le serveur web le plus répandu permettant ? des clients d’accéder à des pages web, c’est-à-dire en réalité des fichiers au format HTML à partir d’un navigateur installé sur leur ordinateur distant.

MYSQL MySQL est un véritable sep,’eur de base de données SQL Multi-Utilisateur et Multi-threated ce qui signifie qu’il peut utiliser plusieurs CPIJ. Il permet de créer et de gérer des bases de données relationnelles. La nature de ce SGBD a permis son extension pour devenir la première base de Données dans le monde – même si MySQL est encore en développement, il propose Déjà un ensemble de fonctionnalités riches et extrêmement utiles sous Linux et Windows.

StarUML La Plate-forme StarlJML est un projet source ouvert pour développer rapidement, flexible, extensible et la plate-forme IJML/MDA est librement disponible fonctionnant (courant) sur la plate-forme Win32. Le but du ro’et StarUML est de construire un outil de modélisation de la plate-forme qui est un Raisonnable, Together etc. StarlJMl_ est développé sous Delphi. Cependant, StarLJML est le projet multilingue et non lié à la langue de programmation spécifique, donc n’importe quelles langues de programmation euvent être utilisées pour développer StarlJML. Par exemple, ++ la Java, Visuel de Base, Delphi, JScript, VBScript, C 2. 2 Langages et méthodes utilisés PHP (sigle de PHP: Hypertext Preprocessor]), est un langage de scripts libre principalement utilisé pour produire des pages web dynamiques via un HTTP, mais pouvant également fonctionner comme n’importe quel langage interprété de façon locale, en exécutant les programmes en ligne de commande. PHP est un langage impératif disposant depuis la version 5 de fonctionnalités de modèle objet complètes.

Avantage et limitation de langage PHP: Avantage: Partage des codes sources clusion directe du PHP au sein d’une page HTML Connexion aisée aux bases de données Limitation: Langage interprété Corienté objet reste limité Pas adéquat en terme rapidité et de maintenabilité pour des projets de grandes envergures. Css CSS (Cascading Style Sheets : feuilles de style en cascade) est un langage informatique qui sert à décrire la présentation des documents HTML et XML Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C).

Introduit au milieu des années 1990, CSS devient couramment utilisé dans la conception de sites web et bien pris en charge par les navigateurs eb dans les années 2000. JavaScript Le Javascript est un lane ncorporé dans un Web. Ce langage est un langage de programmation qui permet d’apporter des améliorations au langage HTML en permettant d’exécuter des commandes du côté client, c’est-à-dire au niveau du navigateur et non du serveur web.

Ainsi le langage Javascript est fortement dépendant du navigateur appelant la page web dans laquelle le script est incorporé, mais en contrepartie il ne nécessite pas de compilateur, contrairement au langage Java, avec lequel il a longtemps été confondu. La méthode d’authentification HTaccess Ce système d’authentification est fréquemment utilisé pour restreindre l’accès au contenu de répertoires spécifiques, sur un intranet ou sur Internet.

Le fichier contenant les informations de configuration relatives aux personnes ou groupes de personnes habilitées à accéder les données protégées, ainsi que leurs droits, se nomme « . htaccess » par défaut. II est stocké dans le même répertoire où résident les données à protéger. Le but original de par. htaccess était de permettre aux contrôle d’accès à l’annuaire (par exemple en exigeant un mot de passe pour accéder au contenu), doù le nom. De nos jours.

Htaccess peut remplacer de nombreux autres paramètres de configuration, principalement liées au contrôle du contenu, par exemple type de contenu et de jeu de caractères , CGI gestionnaires, etc. Les fichiers . Htaccess sont souvent utilisés pour spécifier les restrictions de sécurité pour un répertoire particulier, d’où le nom de fichier « Access ». Le fichier htaccess est souvent accompagné d’un fichier . htpasswd qui stocke les noms d’utilisateurs et leurs mots de passe. Conclusion La création et le développement d’un site web ou une plateforme graphique ayant un bel design ayant aussi de différents script nécessite 0 0